Ajax-pohjaisen web-sovelluksen toteuttaminen

Abstract

Opinnäytetyössä luodun sovelluksen keskeinen tarkoitus oli toteuttaa selainpohjainen, ergonominen, tehokas ja selkeä muistiinpanosovellus, joka on saatavilla kaikille laitteille, joissa on web-selain. Työssä selvitettiin ja toteutettiin selainpohjaisen muistiinpanosovelluksen vaatimuksia ja standardeja. Työ toteutettiin HTML-, CSS- Javascript-, PHP- ja MySQL-kielillä ja yhdistävänä tekniikkana käytettiin Ajaxia. Työn aikana selvitettiin myös käyttöliittymäsuunnittelun tieteellistä pohjaa ja käyttöliittymän ohjelmoinnin vaikutusta näyttöpääte-ergonomiaan. Työn lähtökohdat olivat ongelmat, jotka ilmenivät tehdessä muistiinpanoja eri laitteilla. Eri muistiinpanosovellusten tallenteet tallentuivat kaikki omiin sijainteihinsa, mikä aiheutti muistiinpanojen hajaantumista ja saatavuuden heikkenemistä. Jatkokehitys- ja loppusanat-osioissa esitellään näkemyksiä siitä, mihin sovellus kykenee tulevaisuudessa ja kuinka sovellusta aiotaan laajentaa.

The application created for this thesis was intended to be a browser-based, ergonomic, powerful and clear-looking web-application, which would be available for all the devices that have a web-browser. The application should be capable of creating, modifying and deleting notes. The thesis itself researched the requirements and standards for a browser-based note-taking web-application. The application executed in this thesis was made with HTML-, CSS-, Javascript-, PHP- and MySQL-languages, with Ajax as the combining technique. The work also covers the user interface design's scientific side and the effects of programming on the ergonomics of monitor-work. The starting points of this thesis were the problems appearing during school courses, in making notes with different devices. All the notes created with different applications saved the notes onto different locations, which caused disperse and difficulties in the availability of the notes. In the final sections of the thesis I present views on the capability of the application in the future and also the ways in which the application will be developed further.