D OMAINHALLINTATYÖKALUN TOTEUTUS JQUERY JAVASCRIPT - KIRJASTOLLA Insinöörityö Irko Palenius 2009.

Esitys aiheesta: "D OMAINHALLINTATYÖKALUN TOTEUTUS JQUERY JAVASCRIPT - KIRJASTOLLA Insinöörityö Irko Palenius 2009."— Esityksen transkriptio:

1 D OMAINHALLINTATYÖKALUN TOTEUTUS JQUERY JAVASCRIPT - KIRJASTOLLA Insinöörityö Irko Palenius 2009

2 E SITYKSEN SISÄLTÖ Johdanto Tavoitteet Miksi jQuery? jQuery – ominaisuudet Demo Yhteenveto Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

3 J OHDANTO Mikä on domainhallintatyökalu? Mahdollisuus hallita satojen verkko-osoitteiden sisältöä Työnkulku Mikä on jQuery? Avoimeen lähdekoodiin perustuva Tehostaa interaktiota JavaScriptin ja HTML-kuvauskielen välillä Tilaajana Bravioz Oy Tarjoaa liiketoimintakonsultointia ja sovellusratkaisuja Ekologinen ajattelu Työprojektina Uusi sovellus vanhan tilalle PHP, MySQL, JavaScript (jQuery) Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

4 T AVOITTEET Mahdollisuus hallita satoja verkko-osoitteita helposti ja nopeasti Tuoda arvoa verkko-osoitteille Kävijöitä Helppo ja hauska käyttää Sisältö säiliöin ja widgetein Uniikit sivustot Yksikään sivu ei ole samanlainen Sisältö yhteydessä verkko-osoitteen nimeen Esim. www.greennews.eu Ulkoasu Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

5 M IKSI J Q UERY ? Aiempi kokemus Pieni koko (Gzip 16Kt) Nopeus (versio 1.3) Helppo ja selkeä ohjelmointirajapinta (API) Vähentää koodin määrää Laaja yhteisö Paljon lisäosia (jQueryUI, ColorPicker) ”Isot pojat käyttävät sitä myös.” BBC, Google, WordPress, Amazon Toimii kaikissa selaimissa Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

6 J Q UERY – OMINAISUUDET Valitsimet CSS-tyylimäritelmistä tutut CSS3 + omat Ketjutus DOMin manipulointi Sisällön lisääminen ja poistaminen Tyyli CSS, Attribuutit, Piilottaminen … Tapahtumat Ajax Efektit Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

7 D EMO Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla

8 Y HTEENVETO Opin hyödyntämään jQueryn ominaisuuksia tehokkaammin Haastava Paljon uutta (jQueryUI) Kaikkien osasten yhteensovittaminen Mielenkiintoinen Mitä paremmin? Projektinhallinta Rakenteen parempi suunnittelu Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla