obogatene spletne aplikacije, ajax in orodjarne javascript - ePrints

77 Pages·2009·1.61 MB·Slovenian

UNIVERZA V LJUBLJANI
FAKULTETA ZA RAČUNALNIŠTVO IN INFORMATIKO
OBOGATENE SPLETNE APLIKACIJE,
AJAX IN ORODJARNE JAVASCRIPT
DIPLOMSKO DELO VISOKOŠOLSKEGA STROKOVNEGA ŠTUDIJA
Bojan Ličen
Ljubljana, 2009

UNIVERZA V LJUBLJANI
FAKULTETA ZA RAČUNALNIŠTVO IN INFORMATIKO
OBOGATENE SPLETNE APLIKACIJE,
AJAX IN ORODJARNE JAVASCRIPT
DIPLOMSKO DELO NA VISOKOŠOLSKEM STROKOVNEM ŠTUDIJU
Bojan Ličen
Mentor: doc. dr. Janez Demšar
Ljubljana, 2009

ZAHVALA
Iskreno se zahvaljujem mentorju doc. dr. Janez Demšarju za vodenje in strokovno pomoč
ter za ves vložen trud, brez katerega bi bila ta naloga pomanjkljivejša. Zahvalil bi se tudi
staršem, ki so me v veh letih študija podpirali in mi tudi vse skupaj omogočili.

VSEBINA
POVZETEK ..................................................................................................................... 1
ABSTRACT ..................................................................................................................... 3
1 Uvod ............................................................................................................................... 5
2 Trend obogatenih spletnih aplikacij ........................................................................... 7
2.1 Aplikacije RIA - nadgradnja spletnih in namiznih aplikacij .................................... 7
2.2 Delitev obogatenih spletnih aplikacij ..................................................................... 10
2.1 Tehnologije za razvoj obogatenih spletnih aplikacij .............................................. 13
2.1.1 Brskalnik kot platforma ................................................................................ 14
2.1.2 Flash kot platforma ....................................................................................... 16
2.1.3 Microsoftova platforma – Silverlight ........................................................... 17
2.1.4 Java kot platforma ........................................................................................ 18
2.2 Arhitektura obogatenih spletnih aplikacij .............................................................. 20
3 Ajax – platforma za razvoj aplikacij RIA ................................................................ 23
3.1 Uvedba pristopa Ajax ............................................................................................. 23
3.2 Aplikacijsko-komunikacijski model ...................................................................... 24
3.2.1 Tradicionalni komunikacijski model spletnih aplikacij ................................ 24
3.2.2 Komunikacijski model Ajax ......................................................................... 25
3.3 Tehnični pregled pristopa Ajax .............................................................................. 26
3.3.1 Bistvene tehnologije (spletni standardi) pristopa Ajax ................................. 26
Jezik Javascript ...................................................................................................... 26
Objekt XMLHttpRequest (XHR) ........................................................................... 27
Dokumentni objektni model (DOM) ..................................................................... 27
Prekrivni slogi (CSS) ............................................................................................. 28
Razširjeni označevalni jezik ((x)HTML) ............................................................... 28
Oblika prenosa podatkov XML in JSON ............................................................... 28
3.3.2 Komunikacijske tehnike ............................................................................... 29
3.3.3 Objekt XMLHttpReguest – izvedba in delovanje ........................................ 30
Kreiranje objekta XMLHttpRequest ...................................................................... 30
Pošiljanje zahtevka s pomočjo objekta XMLHttpRequest .................................... 31
Obdelava odgovora objekta XMLHttpRequest ..................................................... 32
4 Orodjarne (Ajax) Javascript ..................................................................................... 34
4.1 Zahteve za orodjarne Javascript ............................................................................. 35
4.2 Kategorizacija orodjarn Javascript ......................................................................... 37
4.3 Orodjarne za delo na odjemalčevi strani ................................................................ 39
4.3.1 Primerjava orodjarn Mootools in Jquery – splošne razlike .......................... 39
Učljivost in podpora skupnosti .............................................................................. 40
Nivo implementacije funkcionalnosti .................................................................... 40
Moč in izraznost ..................................................................................................... 41
Selektorji in veriženje ............................................................................................ 41
Vzorec dedovanja, razširjanja in ponovna raba programske logike ...................... 43
Zaključne ugotovitve primerjave ........................................................................... 47
4.3.1 Orodjarni Mootools in Jquery – izvedba tehnike Ajax ................................ 48
Izvedba tehnike Ajax – orodjarna Mootools ......................................................... 48
Izvedba tehnike Ajax – orodjarna Jquery .............................................................. 51
4.3.2 Samodejni dopolnjevalec besed – študija primera ....................................... 53
Značilnosti komponente samodejnega dopolnjevalca besed ................................. 54
Razred Autocompleter ........................................................................................... 55
Razred Autocompleter.Request ............................................................................. 57
5 Sklepne ugotovitve ..................................................................................................... 61
6 Priloge ......................................................................................................................... 63
7 Ponazorila ................................................................................................................... 64
8 Literatura ................................................................................................................... 65
KRATICE
Kratica Pomen Razlaga
RIA Rich internet aplication Obogatene spletne aplikacije
API Application programming interface Vmesnik do programske kode
HTML Hyper text markup language Označevalni jezik
XML Extesible Markup Language Razširljiv označevalni jezik
AIR Adobe integrated runtime Adobovo integrirano okolje
JVM Java virtual machine Javanski virtualni stroj
IDE Integrated development enviroment Integrirano razvojno okolje
URL Uniform resource locators Enolični krajevnik vira
CSS Cascade style sheets Prekrivni slogi
MVC Model, view, controller Model, pogled, kontrolnik
JSON Javascript object notation Javascript objektna notacija
OOP Object oriented programming Objektno usmerjeno programiranje