Ajax-verkkosovellukset : Timeo-ajanseurantasovellus

Abstract

Opinnäytetyö käsittelee Ajax-tekniikkaan perustuvia verkkosovelluksia sekä niihin liittyviä asioita Timeo-verkkosovelluksen kautta. Aluksi kerrotaan verkkosovellusten kehityksestä ja teknologioista sekä verkkosovellusten käytettävyydestä. Tämän jälkeen käydään läpi Timeo-ajanseurantaverkkosovellusta ja sen rakennetta. Lopuksi kerrotaan vielä Timeon jatkokehityssuunnitelmista ja sen julkaisusta avoimena lähdekoodina. Ajax-tekniikkaan perustuva verkkosovellus on perinteistä tietokoneohjelmaa muistuttava sovellus, jota käytetään selainohjelmalla. Verkkosovellus on toteutettu selainten tukemilla teknologioilla, kuten JavaScriptillä, HTML:llä ja CSS:llä. Verkkosovellus sijaitsee yleensä yhdellä palvelimella, josta käyttäjät käyttävät sitä selaimella Internetin välityksellä omilla käyttäjätunnuksillaan. Työssä käsitellään Ajax-tekniikkaan perustuvia verkkosovelluksia, jotka hyödyntävät selainten itsessään tukemia teknologioita, ilman tarvetta asentaa selaimelle erillisiä lisäosia, kuten Adobe Flash Playeria. Esimerkkinä Ajax-tekniikkaan perustuvasta verkkosovelluksesta käytetään Timeo-ajanseurantasovellusta. Timeo on ajanseurantaan suunniteltu avoimen lähdekoodin verkkosovellus, jolla voidaan pitää tuntiseurantaa projekteihin kuluneesta ajasta. Timeo-projekti aloitettiin nimellä Kellota.fi. Nimi vaihdettiin myöhemmin Timeoksi, kun projekti päätettiin julkaista avoimena lähdekoodina. Laatutavoitteista johtuen Timeo-projektin aikataulu venyi moneen kertaan, eikä kaikkia suunniteltuja ominaisuuksia saatu valmiiksi tätä opinnäytetyötä kirjoittaessa. Laatuun panostaminen kuitenkin kannatti, sillä Timeon valmiiksi saadut perusominaisuudet toimivat paremmin kuin jos projektiin olisi käytetty vähemmän aikaa. Perusominaisuuksien ollessa kunnossa, projektin jatkaminen tulevaisuudessa on myös helpompaa.

This thesis is about Ajax-based web applications, their technologies, history and usability. The author is using a time tracking application named Timeo as an example of an Ajax-based web application. Timeo is a simple open source application that allows users to track time and see how long they have been working on their projects and tasks. Timeo is an Ajax application that uses an Ajax engine between user and the server. The engine allows the user's interaction with the application to happen asynchronously. Using Ajax in a web application facilitates a better user experience and it may even improve the performance. Timeo's Ajax engine and user-interface logic is written in JavaScript which is a popular programming language for the web. A JavaScript library named jQuery was also used in Timeo to make developing JavaScript easier. Ajax-based web applications are applications that are accessed via the web browser on the Internet or other network. The use of Ajax allows the development of web applications that are highly interactive and feel more like traditional desktop applications. Ajax refers to the use of several technologies that browsers already support. This thesis is not about Flash applications or other web applications that require a separate plug-in to be installed on the browser. Web applications usually exist in one server. The users use their browser to access the application over an Internet. They usually need to log in with their username and password to use the application. Timeo-project was first named Kellota.fi. Later the project was decided to be released as an open source and the name was changed to Timeo. The goal was to make Timeo as high-quality as possible, and so the project took longer than originally scheduled. But it was worth it, because Timeo ended up being more robust. All the basic features were done well, so it will be easier to continue with the project in the future.