Tiedon visualisointi ja oppimispelin toteutus

Abstract

Opinnäytetyön tavoitteena on selvittää, mitä tiedon visualisointi on ja tutkia, miten tietoa voidaan visualisoida. Opinnäytetyössä kerrotaan, kuinka valtavia määriä jatkuvasti liikkuvaa tietoa voidaan luokitella ja miten saatavilla olevaa tietoa voidaan visualisoida ja käsitellä. Opinnäytetyöraportin teoriaosuudessa tutkitaan tarkemmin tiedon visualisoinnin perusteita, perehdytään tarkemmin ilmiöön nimeltä big data sekä käsitellään ohessa infografiikkaa. Raportissa sivutaan myös oppimispelejä käsitteenä ja mainitaan oppimispeleihin kuuluvista termeistä nimeltä pelillisyys ja game-based learning.

Opinnäytetyön toimeksiantona oli luoda yläkouluikäisille historia-aiheinen oppimispeli tabletille. Toimeksiantajana toimi Sanoma Pro Oy, joka antoi täytettävät vaatimukset ja soveltuvan kohderyhmän, joiden pohjalta oppimispeli tehtiin.

Opinnäytetyön tarkoituksena on esitellä toimeksiantona tehdyn oppimispelin aikana käytettyjä erilaisia tekniikoita ja välineitä sekä kuvata työprosessin etenemistä tarkemmin visualisoinnin osalta sekä miten sovellus ohjelmoitiin alusta loppuun. Opinnäytetyöraportissa käydään läpi opinnäytetyön käytännönosuuden tärkeimpiä käytettyjä tekniikoita ja välineitä, joita olivat muun muassa Adobe Photoshop, Adobe Illustrator, CSS ja jQuery. Opinnäytetyöraportissa on myös raportoitu tarkemmin pelin eri grafiikoiden luomisesta, jonka jälkeen siirrytään pelin ohjelmallisuuteen eli kuinka peli koodattiin valmiiksi kokonaisuudeksi.

Opinnäytetyön päätännössä pohditaan erilaisia kehittämisideoita, arvioidaan opinnäytetyötä kokonaisuutena ja käsitellään toimeksiantajalta saatua palautetta. Toimeksianto oli onnistunut kokonaisuus, joka täyttää toimeksiantajan vaatimukset sekä laajentaa alkuperäisiä vaatimuksia hyödyntämällä esimerkiksi infografiikkaa, joka on yksi tiedon visualisoinnin keinoista.

The aim of the thesis was to investigate what data visualisation was and how the data could be visualised. The focus was to tell how enormous amounts of data there was and how it could be categorized and how the data could be made suitable for visualisation. The objective of the thesis was to create a learning game. The requirements for the game were to create and design a learning game which telling about the history of the United States of America. The game also had to be made available for tablets and targeted for comprehensive school students.

The thesis was divided into three major parts which were the theoretical part, important techniques used to create the learning game and the practical execution of creating the learning game. The first part deal with the major topic of this thesis which was data visualisation. This part included topics such as big data, basics of data visualisation and infographics. After these the thesis discussed briefly the topics of learning games and gamebased learning. The second main part of the thesis introduced all major techniques used to create the learning game. These techniques were for example Adobe Illustrator, JavaScript and Apache Cordova. The third part reported the whole creation process of the learning game step by step. This part included how game graphics were made using Adobe Illustrator and Photoshop and how the game was coded focused mainly on JavaScript and CSS techniques.

The final part of the thesis included an overview of the whole thesis process. This part contained development ideas for the game, compared the final results with the given requirements for the learning game and the overall success of the thesis.