tehnologija ajax za uporabniku prijaznejše poslovne
TRANSCRIPT
Tehnologija AJAX za uporabniku prijaznejše poslovne spletne aplikacije
Janko MivšekEranova [email protected]
Vsebina
UvodZačetkiGradnikiUporabaPrihodnostArhitektura
AJAX?
AJAX
(Asynchronous JavaScipt And XML)
AJAX spada k *.2.0
Splet 2.0Bogate spletne aplikacije (RIA)“Družabne” aplikacijeWiki, RSS, spletni dnevniki, ...Spletne “kaše” (mashups)
Podjetje 2.0 (Enterprise 2.0)
Mehurček 2.0 ?
Vir: Adaptive Path Inc. 2005
AJAX model spletnih aplikacij
Vir: Adaptive Path Inc. 2005
Gradniki AJAX
XMLHttpRequestDogodki nad elementiAJAX komponente
samodejna polja (autocomplete fields)urejanje na mestu (in-place editing)...
AJAX knjižnicePrototype, Scriptaculous, ...
Osveževanje dela spletne strani
Najpogostejši vzorec uporabeNajbolj uporabenNajbolj priporočljivNa osnovi določenega dogodka osvežimo del strani:
anElementToClickOn onClickUpdate: anElementToUpdate
WebDemoApp>>ajaxUpdateTimeExample | e element | e := WebElement new. e addTextH4: 'Example 1: Update element from server (AJAX)'. element := self ajaxTimeElement. e add: element; addBreak; add: ((WebElement new addText: 'click here to update') onClickUpdate: element); addBreak. ^e
WebDemoApp>>ajaxTimeElement | e | e := WebElement new. e style: '{backgroundcolor: #eee }'. e addTextBold: Timestamp now printString. ^e
Enostavni primeri uporabe AJAX
Samodejno polje
Urejanje na mestu
Kombinacija AJAX elementov
Tabele, razvrščanje, filtri
COMET-osveževanje po potrebi
Spletni element osvežimo takoj, ko se njegova vsebina spremeni na strežnikuBrez periodičnega osveževanja elementa!Osveževanje v obratni smeri: strežnik->odjemalec
Združevanje GUI in spletnih aplikacij
Sp
letn
i str
ežn
ik
Urlpreslikave
Varnost
Seje
Statistika
Skrbništvo
Model
Predstavitev
Po
mož
ne
stor
itve
Ogrodje predstavitve
Spletna aplikacija v Aida/Web
AJAX v Aida/Web
Spl
etn
i str
ežn
ik
Urlpreslikave
Varnost
Seje
Statistika
Skrbništvo
Model
Predstavitev
Po
mož
ne
sto
ritve
Ogrodje predstavitve
Ajax podporaP
roto
typ
e
Scr
ipta
culo
us