Korttilajittelusovellus HTML5-tekniikoin

Abstract

Opinnäytetyöni tarkoituksena on tutustuttaa lukijoille uusi HTML5 ja esitellä muita sitä tukevia tekniikoita, joilla saadaan aikaan dynaamisia verkkosovelluksia. HTML5:den standardi ei ole vielä kokonaan valmis ja selaintuet heikot, mutta onneksi osa selaimia tukee sitä jo. Opinnäytetyössäni haluan myös esitellä muitakin ohjelmointikieliä ja tekniikoita luoda dynaamisia verkkosovelluksia.

Käyttöliittymäsuunnittelu on tärkeä osa verkkosivujen ja sovelluksien tekemisessä. Korttienlajittelu on yksi tapa ratkaista informaatioarkkitehtuuri. Opinnäytetyössäni haluankin tutustuttaa lukijalle, mitä korttilajittelu on.

Tutkimusongelmana on tehdä sovellus, joka mahdollistaa korttilajittelun sekä saada siitä tuleva tieto talteen. Tavoitteena opinnäytetyössä on tehdä sovellus, joka helpottaa sovelluskehittelijöitä tekemään informaatioarkkitehtuuria. Korttienlajittelu tulokset voidaan hakea sovelluksesta Excel-taulukkoon, josta tietoa voidaan analysoida.

Sovellus on toteutettu HTML5-tekniikoita käyttäen. Sovellus on selaimella toimiva ja se helpottaa sekä säästää aikaa ja rahaa käyttöliittymäsuunnitellussa. Saavutin opinnäytetyössäni sille asetetut tutkimusongelmat ja tavoitteet.

The meaning of my bachelor's thesis was to make the new HTML5 better known and to introduce other techniques that support it and enable dynamic network applications. The standard of HTML5 was not fully ready yet and the support for web browsers has been weak, but luckily some web browsers supported it already. My thesis also introduced some other programming languages and techniques for making dynamic network applications. User interface design is an important part of making websites and network applications. Card sorting is one way to accomplish information architecture. My thesis explained what card sorting is.

The research problem was to make an application which would make card sorting possible and also save the resulting information. The goal was to make an application that would help application developers in making information architectures. Card sorting results can be moved from an application to Excel worksheet where the information can be analyzed. The application was executed with HTML5 techniques. The application works on a web browser and it helps in user interface design and also saves time and money. The study reached its goals.