Videon käyttömahdollisuudet www-ympäristössä : virtuaalisen video-oppimisympäristön luominen

Abstract

Insinöörityön tavoitteena oli tuottaa video-oppimisympäristö Turun yliopiston lääketieteen tiedekunnan opiskelijoiden käyttöön. Yliopiston lähtökohtana oli antaa opiskelijoille mahdollisuus syventää luennoilla saamiaan tietoja verkossa ja näin laajentaa opiskelutapoja. Oppimisympäristöä on tarkoitus pystyä muokkaamaan jälkeenpäin lisäämällä ja vaihtamalla sisältöä. Teoriaosuudessa paneuduttiin www-trendien historiaan ja nykypäivään. Käytiin läpi HTML5:n tuomat uudet ominaisuudet ja se miten niitä käyttämällä pystyy esittämään interaktiivisella tavalla lisätietoa videon aikana. Lisäksi tutkittiin muita vastaavanlaisia video-oppimisympäristöjä joita on tarjolla. Vertailtiin niiden ominaisuuksia, käytettävyyttä, ulkoasua ja toiminnallisuutta ja pohdittiin miten tämä vertailu on vaikuttanut insinöörityöni suunnitteluun ja toteutukseen. Teoriaosuuden loppuvaiheessa käytiin läpi videosoittimen toteutus käyttäen HTML5 ja JavaScript -kieliä. Video-oppimisympäristöjä luodessa on huomioitava sivuston käytettävyys ja sisällön vaihtaminen ja lisääminen on ylläpitäjälle oltava helppoa ja nopeaa. Video-oppimisympäristöt tuovat uusia mahdollisuuksia opetukseen ja monipuolistavat oppilaiden tapoja oppia. Uusien oppimisympäristöjen avulla pystytään nykyteknologia tuomaan osaksi opetusta.

The purpose of this thesis was to produce a video-based learning environment for medical students at the University of Turku, and this environment should be easily adjustable afterwards. The purpose of the University of Turku was to give their students the opportunity to deepen their knowledge and skills online on topics covered in lectures and this way extend their learning techniques. The theoretical part describes web design trends, past and present. This part describes the new features of HTML5 and how they provide an interactive way to show information during the video. The thesis also introduces other similar video -based learning environments that are available compares their features, usability, appearance and functionality, and discusses the project design and implementation. Finally the practical part of this thesis presents the video player design and implementation using HTML5 and JavaScript languages. When creating a video-based learning environment, it is important to consider usability and adaptability. In other words, the administrator should be able to edit and add content easily and quickly. Video-based learning environments create new opportunities for teaching and enrich the students' ways of learning. New learning environments help to bring modern technology into teaching.