Web-sovelluksen kehittäminen epävakaaseen verkkoon

Tämän opinnäytetyön tarkoituksena oli selvittää nykyaikaisen yhden sivun arkkitehtuurilla toteutetun web-sovelluksen tehokkuutta ja vakautta epävakaissa verkoissa. Tällä tarkoitetaan tilanteita, jolloin sovellusta käytetään paikoissa, joissa verkkoyhteyden saaminen on mahdotonta tai vaikeaa. Tehokkuutta ja vakautta tutkittiin asiakasprojektin avulla, jossa useat sovelluksissa ilmenevät ongelmat ja haasteet saatiin kartoitettua ja osin ratkaistua. Lisäksi kirjallisuudesta saatiin suurempi ja syväluotaavampi kuva vakaampien sovellusten kannattavaan kehitykseen. Näiden pohjalta koottiin oleellinen tieto tähän raportiin, jonka tarkoituksena on auttaa sovelluksen suunnittelussa ja toteutuksessa tulevissa projekteissa. Työn tarkoituksena oli myös kehittää tekijänsä osaamista ja tietoa yhden sivun arkkitehtuurin sekä sen eri arkkitehtuurimallien käytössä epävakaissa verkoissa toimivissa sovelluksissa. Verkkoselainten suorituskyvyn sekä nopeasti kehittyvien selaintekniikoiden ansiosta epävakaassa verkossa ja ilman verkkoyhteyttä toimivien web-sovellusten toteuttaminen on mahdollista tehokkaasti ja kannattavasti. Lisäksi niiden kysyntä on kasvanut, koska palvelut halutaan tuoda kustannustehokkaasti useille alustoille. Haasteena kehitykselle ovat lähinnä käyttäjien tottumukset verkkoselainten toiminnassa, niihin tallennettavan datan säilyttäminen sekä eri selainten välillä ilmenevien rajapintojen erojen hallinta. Lukijalleen opinnäytetyö tarjoaa tietoa sovellusten toimintamallista sekä esittelee tärkeimmät huomioitavat osa-alueet suunnittelun ja työn aikana. Eri komponenttien toteutusta havainnollistetaan esimerkkisovelluksen avulla, joka on kehitetty AngularJS-kehyksellä. Siksi lukijalta edellytetään ohjelmoinnin perusteiden sekä AngularJS-kehyksen ymmärtämistä.The purpose of this thesis was to research if applications developed with single page application architecture are suitable for use in unstable networks. This means situations where an application is running in places where network connection is hard or impossible to maintain. Efficiency and stability of the application was researched through a customer project, which highlighted biggest problems during the development. In addition, the subject was investigated through literature related to the field of web development in unstable networks. In this thesis all the relevant information was gathered to help develop web-applications for unstable networks in future projects. Another purpose of this thesis was to improve the author’s personal knowledge of SPA-architecture and different architecture models. Due to the fast growth of web browsers’ performance and browser technologies, applications in an unstable network or applications even without network connection can be developed rapidly and profitably. Also the demand for these applications has risen because of the need to bring services to multiple platforms in a cost-efficient way. Challenges in development are mostly due to users’ browsing habits, the way the browsers store and handle the data and differences between interfaces used in browsers. This thesis provides infromation about the operating procedures of single page applications and points out the areas that developers should pay attention to when developing web-applications for unstable networks. An example web-application shows how to build different components with the AngularJS framework. This thesis assumes that the reader has basic knowledge in programming and in AngularJS architecture