Prototypen ja script.aculo.uksen käyttö web-projektissa : Intopii Oy:n verkkokaupan laajennus
Teirikangas, Juha-Pekka (2011)
Teirikangas, Juha-Pekka
Oulun seudun ammattikorkeakoulu
2011
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2011052910133
https://urn.fi/URN:NBN:fi:amk-2011052910133
Tiivistelmä
Opinnäytetyön tavoitteena oli laajentaa toimeksiantajan eli Intopii Oy:n verkkokauppaa erillisellä lisäsivulla, jonka kautta ohjelmistokehittäjät voivat lähettää omia Intopiin tuotteisiin liittyviä tuotoksiaan hyväksyttäväksi verkkokauppaan ja saada korvauksen mahdollisista tuotoista. Kehittäjät voivat sivuston kautta muokata tuotteitaan ja omia tietojaan sekä seurata myynti- ja näyttötilastoja. Ylläpidon on vuorostaan kyettävä suorittamaan uusien ja muokattujen tuotteiden hyväksymisprosessi ja saatava tarkat tiedot myynnistä ja korvausten maksamisesta.
Työn toteutuksessa käytettiin Prototype JavaScript-kirjastoa helpottamaan koodin kirjoittamista ja script.aculo.us-kirjastoa sivuston käyttöliittymän tehosteiden tekoon. Sivuston tekoon kuului myös PHP-ohjelmointia ja MySQL-tietokannan laajentaminen, mutta niihin ei ole tämän raportin puitteissa keskitytty. Toteutuksesta kerrotaan JavaScriptin näkökulmasta ja käydään läpi Prototypeä hyödyntäviä valmiita ja vapaasti ladattavissa olevia käyttöliittymäkomponentteja.
Opinnäytetyön aikana havaittiin, että JavaScript-kirjastojen käyttö internet-sivujen teossa vähentää virhealtista kirjoitettavaa koodia, jolloin myös siirrettävän tiedon määrä vähenee jonkin verran. Monilla avoimen lähdekoodin kirjastoilla on jo laaja käyttäjäkunta, joka on testannut ja korjannut mahdollisia virheitä sekä optimoinut toiminnallisuudet. Näin ollen niiden käyttäjän tarvitsee huolehtia vain oman koodin testauksesta ja logiikasta.
Kirjastojen avulla selainyhteensopivuus paranee, koska niiden tekijät ovat jo huomioineet erot selaimissa, eikä niistä tarvitse itse huolehtia. Toisaalta myös uusien selainversioiden mahdolliset ongelmat voi helposti ratkaista päivittämällä kirjasto, jolloin kirjoitettu koodi voidaan säilyttää samanlaisena ja tarvittavat muutokset tulevat uuden version mukana. Päivittäminen tosin saattaa tuoda muita ongelmia esimerkiksi vanhentuneiden funktioiden tai muiden rakennemuutosten seurauksena.
Työn toteutuksessa käytettiin Prototype JavaScript-kirjastoa helpottamaan koodin kirjoittamista ja script.aculo.us-kirjastoa sivuston käyttöliittymän tehosteiden tekoon. Sivuston tekoon kuului myös PHP-ohjelmointia ja MySQL-tietokannan laajentaminen, mutta niihin ei ole tämän raportin puitteissa keskitytty. Toteutuksesta kerrotaan JavaScriptin näkökulmasta ja käydään läpi Prototypeä hyödyntäviä valmiita ja vapaasti ladattavissa olevia käyttöliittymäkomponentteja.
Opinnäytetyön aikana havaittiin, että JavaScript-kirjastojen käyttö internet-sivujen teossa vähentää virhealtista kirjoitettavaa koodia, jolloin myös siirrettävän tiedon määrä vähenee jonkin verran. Monilla avoimen lähdekoodin kirjastoilla on jo laaja käyttäjäkunta, joka on testannut ja korjannut mahdollisia virheitä sekä optimoinut toiminnallisuudet. Näin ollen niiden käyttäjän tarvitsee huolehtia vain oman koodin testauksesta ja logiikasta.
Kirjastojen avulla selainyhteensopivuus paranee, koska niiden tekijät ovat jo huomioineet erot selaimissa, eikä niistä tarvitse itse huolehtia. Toisaalta myös uusien selainversioiden mahdolliset ongelmat voi helposti ratkaista päivittämällä kirjasto, jolloin kirjoitettu koodi voidaan säilyttää samanlaisena ja tarvittavat muutokset tulevat uuden version mukana. Päivittäminen tosin saattaa tuoda muita ongelmia esimerkiksi vanhentuneiden funktioiden tai muiden rakennemuutosten seurauksena.