HTML5 AS A CROSS-PLATFORM FOR MOBILE APPLICATIONS DEVELOPMENT

Abstract

The last half a decade has been extremely vibrant in the field of web and mobile technologies. The industry has seen some revolutionary innovations, HTML5 is one prospect. Comvise wanted me to do the research on two of the most awaited features of HTML5, multimedia and storage. The objective was to study about the features of Multimedia and Storage, and their support on major mobile Operating Systems. The research was made so that it provides the reader, information about the sub-topics, guidelines for implementing the features and their compatibility.

Another objective of the research was to build a PhoneGap application using the web –technologies, HTML5, CSS and JavaScript, which could be ported to major mobile operating systems to prove its cross-platform nature. It was interesting because, the native functionalities of the phone were being accessed by web technologies. Sencha Touch 2 was chosen to build the user interface for Android and iOS operating systems and jQuery Mobile was used for Windows Phone.

The application allowed users to capture images and record video which are then stored locally in Secure Digital (SD) card of the phone. The images captured were uploaded to the server. An additional feature, implementing Facebook’s Graph Application Programming Interface (API) was tested in the application for further development of the application in future. The same code base was used in all three major mobile operating systems but the environment was set-up individually for each operating systems.

Viimeinen puolivuosikymmen on ollut erittäin eloisa netti- ja mobiiliteknologioiden alalla. Ala on nähnyt monta mullistavaa innovaatiota, ja HTML5 on yksi niistä. Comvise Oy pyysi tutkimaan sen kahta odotetuinta ominaisuutta, Multimedia ja Storage. Tavoitteena oli tutkia niiden ominaisuuksia ja kuinka ne ovat tuettuina tärkeimmissä mobiilikäyttöjärjestelmissä. Tutkimus tehtiin siten, että lukija saa käsityksen niiden ala-aiheista, ohjeita toteutukseen ja niiden yhteensopivuudesta.

Toinen tavoite oli tehdä PhoneGap-ohjelma käyttäen nettiteknologioita, HTML5:ttä, CSS:ää ja JavaScriptiä, jotka voidaan portata tärkeimmille mobiilikäyttöjärjestelmille jotta voidaan näyttää toteen sen cross-platform-luonne. Se oli mielenkiintoista koska nettiteknologiat käyttivät puhelimien natiiveja toimintoja. Käyttöliittymän tekemisessä käytettiin Sencha Touch 2:ta Android- ja iOS-käyttöjärjestelmissä ja jQuery Mobileä Windows Phone -käyttöjärjestelmässä.

Ohjelma antaa käyttäjän ottaa kuvia tai tallentaa videota Secure Digital (SD) -muistikortille. Otetut kuvat lähetettiin palvelimelle. Ylimääräistä ominaisuutta, Facebook Graph Application Programming Interface (API), testattiin myös ohjelman jatkokehitystä varten. Samaa koodia käytettiin jokaisessa kolmessa mobiilikäyttöjärjestelmässä, mutta testiympäristöt luotiin erikseen jokaiselle käyttöjärjestelmälle.