Mobiilisovelluksen kehittäminen verkkotekniikoilla

Abstract

Opinnäytetyön tavoitteena on kehittää mobiilisovellus ja ratkaista mobiilisovelluksen kehityksen vaiheet Android- ja iOS-laitteille siten, että opinnäytetyöraportissa käsitellään vaihtoehdot erilaisille toteutustavoille.

Opinnäytetyöraportissa esitellään yleisimmät verkkotekniikat, kuten HTML5, CSS, JavaScript sekä jQuery. Tekniikoiden tarkastelussa käytetään apuna opinnäytetyön toiminnallisen osuuden tulosta eli Hygipassi-mobiilisovellusta. Opinnäytetyössä mobiilisovellus luodaan käyttämällä verkkotekniikoita.

Opinnäytetyö avaa lukijalle vaihtoehtoiset ratkaisut mobiilikehitykseen ohjelmistokehysten ulkopuolelta ja esittelee hybridisovelluksen teknisen kehittämisen vaiheet. Työssä esitellään myös sovelluksessa käytetyt jQuery-lisäosat siten, että sovelluksesta otetuilla esimerkeillä lukijalle avataan, kuinka koodi vaikuttaa rakenteeseen ja tulostuu sovelluksen graafiseen käyttöliittymään.

Opinnäytetyö on rajattu siten, ettei tekstissä käsitellä sovelluksen lisäämistä mobiililaitteelle tai sen julkaisua sovelluskauppoihin.

Opinnäytetyön tulos on mobiililaitteessa toimiva verkkotekniikoilla kehitetty sovellus, eli hybridisovellus.

The objective of this thesis was to develop a mobile application and to solve the different stages of development for Android and iOS platforms. To that the report introduces different alternatives for implementation.

The thesis demonstrated the most common web technologies such as HTML5, CSS, JavaScript and jQuery. To demonstrate these technologies, the thesis included a functional part, which is a mobile application called Hygipassi. This mobile application was developed using web technologies.

The thesis provides the reader with alternative solutions to mobile development outside the frameworks and presents the technical stages of developing a hybrid application. The thesis also demonstrates the jQuery plugins used in the application by including examples from the application showing the reader how the code effects the structure and is printed on the graphic interface of the application.

This thesis has been outlined not to include a preview on installing or uploading the application into a mobile device, or an application marketplace.

The result of this thesis is a hybrid application, which is developed with web technologies and can be used in mobile device.