Muistiinpano-ohjelma Ajaxia käyttäen : Web-sovellus

Abstract

Tämän opinnäytetyön tarkoituksena oli tutkia, kuinka saadaan luotua muistiinpano-ohjelma käyttäen Ajax-tekniikkaa. Ajax-tekniikalla pystytään luomaan nopeita ja dynaamisia sivustoja, koska Ajaxin avulla tieto selaimen ja palvelimen välillä siirretään ilman web-sivun päivittämistä. Opinnäytetyön muistiinpano-ohjelman vaatimuksiin kuuluu tekstin tallennus, muistiinpanojen haku, uuden muistiinpanon luonti sekä muistiinpanon poistaminen. Teoriaosuudessa käydään läpi erilaisia ohjelmantekoon tarvittavia ohjelmointikieliä. Käytännön toteutuksena tein oman muistiinpano-ohjelman, jonne käyttäjä voi käydä tekemässä helposti ja nopeasti omat muistiinpanonsa. Ohjelmassa on myös käyttäjänhallinta. Käytännön toteutuksen osuudessa esittelen tavat, jolla olen saanut muistiinpano-ohjelman toimimaan, käyttäjän kirjautumisen hallinnan sekä tietokantaratkaisun. Käsittelen toteutuksen yhteydessä vastaan tulleita ongelmia ja itse kehittämiäni ratkaisuja. Opinnäytetyö on tehty puhtaalla koodilla eli mitään kielikirjastoja ei ole käytetty. Käytännön toteutuksessa on myös kiinnitetty huomiota ulkoasuun ja käytettävyyteen. Muistiinpano-ohjelman luonti onnistui täydellisesti. Ajax-tekniikan avulla sain ohjelmasta nopean ja yksinkertaisen käyttää. Ulkoasullisesti ohjelma on yksinkertainen ja selkeä. Opinnäytetyössäni päädyin siihen lopputulokseen, että Ajax-tekniikkaa käyttämällä voidaan luoda dynaamisia, responsiivisia ja ennen kaikkea nopeita web-sovelluksia.

The aim of this thesis was to explore how to create a note program using Ajax- technique.

Ajax technology makes it possible to create speedily and dynamic web sites, because Ajax allows the data to be moved between the browser and the server without updating the web page itself. The features of the note program includes the ability to save your own notes, ability to search for your own notes, ability to create a new note and ability to delete your own notes.

The theoretical section of the thesis covers a variety of programming languages used in the making of the program.

As a practical implementation I made my own note program where a user can write his/her notes quickly and easily. The program also includes user management. In the practical implementation part of the thesis the methods which made the program to work were introduced. The user management and database solution was also explained. The problems I encountered during the process are discussed and self-developed solutions to the problems are provided. This thesis was made with pure code which means that no language libraries were used in the making of this thesis. I was also paid attention to the visual appearance and usability of the program.

Note program was a complete success. With Ajax, the program was fast and easy to use. The appearance of the program is simple and clear. In my thesis the conclusion was that with the use of Ajax-technology, it is possible to create dynamic, responsive and, above all, speed web applications.