HTML5:n hyödyntäminen mobiililaitteissa

Abstract

Tässä opinnäytetyössä olen perehtynyt HTML5:n uusiin ominaisuuksiin ja siihen, miten näitä on mahdollista hyödyntää mobiililaitteissa. HTML-merkintäkieli on kehitetty 1990-luvun alussa World Wide Webin sisällön tuottamiseen. HTML5 toi mahdollisuuden kehittää mobiilisovelluksia ilman mobiililaitteiden varsinaisten ohjelmointikielten osaamista. HTML5:n avulla on mahdollista tehdä selainpohjaisia sovelluksia, jotka toimivat kaikissa mobiililaitteissa. Perehdyin tutkimaan, miten mobiilisovelluksia tehdään. Toteutin selainpohjaisen sovelluksen HTML-kielellä, JavaScriptillä ja CSS-tyylitiedostolla, jonka avulla testasin HTML5:n ominaisuuksia. Sovelluksesta on mahdollista tehdä natiivi versio käyttämällä PhoneGap-sovelluskehystä. Selainpohjainen mobiilisovellus on yksinkertainen toteuttaa jQTouch-sovelluskehyksen avulla lyhyen tutustumisen jälkeen. jQTouch-sovelluskehys koostuu JavaScript-tiedostosta. Selainpohjainen sovellus toimii mobiililaitteissa samalla tavalla kuin natiivit sovellukset. Sovellusta voidaan käyttää suoraan selaimessa, mutta myös kokonäyttötilassa, jolloin käytön yhteydessä ei huomaa, että kyse on selaimessa toimivasta sovelluksesta.

This thesis studied the new features of HTML5 and how they are usable in mobile devices. HTML was developed in the early 90’s for the production of content in the World Wide Web. HTML5 gave opportunity to develop native mobile applications without having the skills to develop mobile applications. With HTML5 it is possible to develop web applications that run on all mobile devices. The aim was to study how applications are made and to develop a web application that represents the key features of HTML5. The web application was developed with HTML, JavaScript and CSS. It is possible to run the application with PhoneGap to make it native for several mobile platforms. Web applications are easy to develop after a short study in jQTouch. jQTouch is needed in applications and consists of a JavaScript file. Web applications work in the same way as native applications. It is possible to use the application in amobile browser, but also in full screen, when it acts like a native application.