3D-sovellus Internet ympäristöön

Abstract

Tämän opinnäytetyön tarkoitus on suunnitella ja toteuttaa sovellus Kauniai-sissa toimivan Kasavuoren yläkoulun verkkosivuille, joka esittelee yläkou-lun historian luokan pedagogista oppimisympäristöä ja toimintatapoja reaa-liaikaisen kolmiulotteisen grafiikan, videon, kuvien ja äänen keinoin. Esi-tyksen elementeistä pyritään muodostamaan helppokäyttöinen eheä verkko-sovellus.

Opinnäytetyöni avulla pyritään löytämään uusia markkinointikanavia va-paaseen kilpailutilanteeseen, jossa työni tilaaja Kasavuoren yläkoulu kilpai-lee lisäoppilaista Espoon yläkoulujen kanssa. Kauniaisten väestömäärä ei riitä täyttämään kaikkia oppilaspaikkoja ja koulu tarvitsee lisäoppilaita ta-loudellisesti järkevän yläkoulu-toiminnan järjestämiseen. Työni avulla pys-tytään esittelemään elävästi opetustoimintaa ja oppimisympäristöjä sekä pedagogiikkaa.

Sovellus on toteutettu Unity3D-pelinkehitystyökalulla. Sovelluksen sisällön toteuttamiseen on käytetty Cinema4d-mallinnusohjelmaa ja HTML-kieltä sekä CSS-muotoilukieltä. Toiminnallisuuden ohjelmointiin selaimessa ja Unity3D-pelinkehittelytyökalussa käytettiin Javascript-ohjelmointikieltä.

Opinnäytetyöni raportin alkuosassa esittelen samankaltaisia verkkosivuilla käytettäviä tekniikoita, joilla sovellukseni olen toteuttanut, jonka jälkeen perehdyn tarkemmin käyttämieni työkalujen käyttöön ja ominaisuuksiin. Loppuosassa esittelen sovelluksen tekoon liittyviä toteutusvaiheita ja lop-putulokset.

Opinnäytetyöni alkuperäinen suunnitelma oli luoda koko koulun käsittävä sovellus, jossa esiteltäisiin malliluokat oppiaineittain ja koulun julkiset tilat. Työni rajautui käsittämään vain yhden malliluokan esittelyn, koska koko koulun esittely muodostui työmäärällisesti liian suureksi. Onnistuin luo-maan sovelluksesta demo-version, joka muodosti sovelluksen kehittämisel-le hyvät lähtökohdat.

Purpose of this thesis is to design and compile an application for an “Ka-savuori” secondary school’s website in Kauniainen, that would present in school’s history course pedagogical learning environment and practices by real-time three-dimensional graphics, video, photos and audio. Our aim is to present all the information through an easy-to-use integrated web appli-cation.

This thesis aims to find new marketing means for free competition where the referred “Kasavuori” secondary school, which is involved to my project competes with secondary schools in Espoo in order to get additional stu-dents. As a consequence of Kauniainen’s small population a portion of stu-dent spots remains uncovered. Thus acquisition of more studies is crucial for the establishment of school’s financially reasonable performance. My work helps to interactively present the teaching methods and learning envi-ronment as well as pedagogics.

This application has been created with the help of Unity3D game’s devel-opment tool. For this application’s implementation has been used the Cin-ema4D modeling software, the HTML-language and CSS style sheet lan-guage. Javascript functional programming language was used to create ap-plication’s functionality in the browser and in the Unity3D game’s devel-opment tool the.

In the first part of my thesis’s report will include an introduction of other similar to my application methods that are currently in use. As next I will present in details the potential applications and features of these tools. In the end, I will present application’s phases of implementation, results and conclusions.

My thesis’s original goal was to create an application that would cover the whole school and in which model classes for every teaching subject as well school’s public spaces would be presented. My work was confined to in-clude only one model class presentation as a whole school presentation would demand a tremendous workload. I managed to create a demo version of the application, which constituted a good starting point for application’s further development.