jQuery Mobile -pohjainen mobiiliportaali

Abstract

Insinöörityön tavoitteena oli tuottaa alustayhteensopiva mobiiliportaali, joka mahdollistaa yritysten tarjoamien palveluiden siirtämisen mobiililaitteilla käytettäviksi. Portaalin asiakaspuoli rakennettiin jQuery Mobile JavaScript -kirjastoa hyväksikäyttäen ja palvelinpuoli ASP.NET MVC 4 -ohjelmistokehyksen ympärille. Insinöörityössä käsitellään mobiiliportaalin toteuttamiseen käytettyä tekniikkaa ja mobiililaitteiden erityisvaatimuksia.

Työn alussa tutkittiin mobiiliympäristön vaatimuksia, asetettiin suunnittelutavoitteita ja perehdyttiin mobiiliportaalin toteutuksessa käytettyihin tekniikkoihin. Tavoitteiden yhteydessä tutustuttiin erilaisiin mobiilialustoihin, progressiiviseen web-kehitykseen, mobiililaitteiden ominaisuuksiin, lokalisointiin, suorituskykyä parantaviin tekniikoihin, ohjelmakoodin rakenteellisuuteen ja tietoturvan huomioimiseen web-ympäristössä. Tekniikoista esiteltiin asiakaspään ohjelmointiin käytetty JavaScript-ohjelmointikieli, selaimen DOM-puumalli, jQueryja jQuery Mobile -kirjastot ja palvelinpuolesta vastaava ASP.NET MVC -ohjelmistokehys. Samalla selitettiin jQuery Mobilen toimintaperiaate ja perusteltiin miksi ASP.NET MVC valittiin sen palvelinalustaksi.

Mobiiliportaalin toteutusta tarkasteltiin pääasiassa teknisestä näkökulmasta, mutta käyttöliittymän ja portaalin ominaisuuksien yhteydessä kiinnitettiin erityistä huomiota myös käytettävyyteen ja alustalle toteutettaviin palveluihin. Käyttöliittymässä keskityttiin visuaalisten elementtien esittelyyn, kun taas portaalin ominaisuuksissa keskityttiin esittelemään toteutettuja palveluita. Asiakaspään toteutuksessa käsiteltiin jQuery Mobilen tapahtumien ja komponenttien käyttöä. Samalla perehdyttiin asiakaspuolen arkkitehtuuriin ja progressiiviseen rakenteeseen. Palvelinpuolen toiminnoista esiteltiin AJAX-kutsujen käsittely ja yhteentoimivuus jQuery Mobilen kanssa. Muita käsiteltyjä palvelimen vastuualueita olivat portaalin lokalisointi, syötteiden validointi, tietoturva, käyttöoikeudet sekä tiedon tallennus ja synkronointi ulkoisiin järjestelmiin. Lopuksi tutustuttiin mobiiliportaalin testauksessa käytettyihin menetelmiin ja työkaluihin.

Insinöörityön tuloksena syntyi palvelualusta, joka mahdollistaa mobiilipalveluiden tuottamisen web-ympäristöön. Mobiiliportaali tarjoaa palveluille toimivan perusympäristön ja hyvät edellytykset jatkokehitykselle.

The objective of the project described in this bachelor’s thesis was to produce a cross platform mobile web portal that allows companies to transfer their services to be used with mobile equipment. The bachelor’s thesis describes the technology used to implement the mobile web portal and addresses the special requirements of mobile equipment.

The work began with research for the requirements of mobile environment, setting the goals for the design and familiarizing with web technologies. Information was acquired about different mobile platforms and techniques needed for building secure and usable software in web environment. The implementation of the mobile web portal was reviewed mainly from the technical point of view but also the usability and produced services had special emphasis when focusing on the user interface and the content of the portal. Client side functionalities introduced jQuery Mobile events and components. Server side responsibilities included localization, security and interoperability with jQuery Mobile. Finally the methods and tools used for testing the mobile web portal were documented.

In conclusion, a platform for producing mobile services in the web environment was produced. The mobile web portal offers a basic working environment for the services and supports the future development.