Dyna Startup : Internet-sivut Ajax- ja jQuery-tekniikkoja käyttäen

Abstract

Opinnäytetyössä tutustutaan kuinka tehdään dynaamisia Internet-sivuja ja miten eri tekniikat, kuten Ajax ja jQuery, liittyvät dynaamisten Internet-sivujen tekoon. Samalla selvitetään, miten palvelin ja selain kommunikoivat keskenään ja millaista tietoa niiden välillä liikkuu. Työn tavoitteena on tehdä Dyna-yrittäjyysfoorumille Internet-sivusto, missä rekisteröitynyt käyttäjä voi jakaa oman liikeidean tekemällä sille projektisivun.

Ajaxin avulla Internet-sivuista saadaan dynaamisempia, kevyempiä ja vuorovaikutteisempia. Sivua ei tarvitse ladata kokonaan uusiksi, kun sinne haetaan uutta sisältöä. Sivusta voidaan päivittää vain tarvittava osa, eikä käyttäjän tarvitse odottaa latauksen valmistumista.

JQuery on ilmainen, nopea ja monipuolinen JavaScript-kirjasto. JQuery toimii kaikilla selaimilla ja sen avulla monimutkaisemmatkin toteutukset voidaan kirjoittaa vain muutamalle riville. JQuery sisältää valmiit ratkaisut muun muassa Ajaxin käyttöön ja elementtien animoimiseen, siksi se on tehokas työkalu dynaamisten Internet-sivujen toteuttamisessa.

Ongelmia ei ollut projektin valmistusvaiheessa. Ainoat löytyneet bugit olivat kirjoitus-, siis lyöntivirheistä johtuvia. Ryhmätyö koodaajan ja visualistin välillä toimi hyvin, tosin se ei ollut samanaikaista.

The purpose of this thesis was to examine how to make dynamic web pages and how jQuery and Ajax can be used when producing dynamic web pages. Another objective was to study how a server and a client communicate and what kind of information is transferred between them.

The goal of the practical part was to make web site for the Dyna business forum with the help of three students of media technology. On the forum, a registered user can share his or her business idea easily by making a project page. There it is possible to write about the idea and link a video from YouTube. After the page is complete, it can be shared via Facebook just by pressing "Like". Users can add projects in their favorites, which allows fast browsing. Projects can be commented by other users and the creator can write a blog about the idea.

The client is pleased with the result. There were no major problems writing the code, only some faults, which were typing errors. Team work during the project was average, but unfortunately it was not synchronous.