Verkkopalvelun dynaaminen käyttöliittymä

Abstract

Insinöörityön tavoitteena oli selvittää dynaamisen Ajax-pohjaisen verkkopalvelun suunnitteluun ja toteutukseen vaadittavat oleelliset teknologiat ja käytännöt. Työssä kartoitettiin parhaat kehitysmenetelmät ja suunnittelumallit ja tehtiin verkkopalvelun toteutukseen liittyvien haasteiden ratkaisuehdotukset.

Ongelmat ja parhaat suunnittelukäytännöt dynaamisten käyttöliittymien kehityksessä selvitettiin laajalla kirjallisella tutkimuksella. Selvisi, että tärkeimpänä osana dynaamisen verkkopalvelun kehitystä ovat erilaiset kehityskirjastot ja -työkalut, koodin huolellinen testaus, palvelun suorituskyvyn optimointi ja oikeat suunnittelumallit.

Dynaamisten käyttöliittymien suurimpana ongelmana on käytettävyys. Käytettävyyden parantamiseksi verkkosivun on toteutustavasta riippumatta toimittava aivan tavallisen verkkosivun tavoin ja käyttäjää on informoitava virhetilanteiden sattuessa. Koodimäärän kasvaessa on erityisen tärkeää pitää huoli, että sivun latausajat eivät kasva liian suuriksi.

Ajax-pohjaisiin verkkopalveluihin liittyy vielä joitakin ongelmia, joille ei löydy täydellistä ratkaisua. Insinöörityössä koottuja suunnitteluohjeita seuraamalla dynaamisten verkkopalveluiden toteutus on kuitenkin aiempaa tehokkaampaa ja palveluista saadaan nopeampia ja luotettavampia.

Insinöörityönä toteutettiin JobSqr-niminen dynaaminen työnhakupalvelu. Palvelun toteutuksessa hyödynnettiin erilaisia dynaamisuutta lisääviä kirjastoja ja yhdisteltiin työnhaun helpottamiseksi eri ohjelmointirajapintoja, kuten Google Maps -karttapalvelu ja Facebook API. Työssä kehitettyjä komponentteja käytetään hyväksi myös tilaajayrityksen muissa palveluissa.

The purpose of the project was to go through the process of creating dynamic Ajax based web applications, including required technologies and best design practices. Wide literary study was used to map out the problems and the best design practices in dynamic web application development.

The study showed that JavaScript frameworks and libraries are an integral part of productive user interface development. Furthermore, thorough testing and performance optimization is very important as well as choosing the right design pattern for implementing the application.

Usability is one of the biggest challenges of dynamic web application development. The application should operate like a traditional web page, despite of distinct implementation methods. Users should be informed of any errors and the page load time needs to be kept down, even though the amount of code grows.

There are still some issues with Ajax based applications that do not have a perfect solution. However, by following the design instructions explained in this bachelor’s thesis the development of dynamic web applications can be more effective and the applications will be faster and more reliable.

Dynamic job search platform called JobSqr was created as a result of the final year project. Lots of different libraries were used to increase the efficiency of the development process and the usability of the application. Application programming interfaces such as Google Maps and Facebook API were used in order to facilitate job search.