View
103
Download
0
Category
Preview:
Citation preview
Zukunft des Webs?
Dennis BeerChristian Blinde
AgendaProblemstellungLösungsansätzeÜberblick über AJAXBewertungAusblickFazit
Problemstellung (1/2)
Klassische Websites sind statisch
Grundsätzlich keine dynamische Manipulationen
HTTP ermöglicht praktisch keine dauerhaften Verbindungen
Problemstellung (2/2)Klassisches Web Application Model
Client (Browser)Benutzeroberfläche
Server-seitige Systeme
Datenbank, andere Systeme
Web Server
GETGET??
nach Garrett (2005)
Lösungsansätze
Java (Applets)
Flash / Shockwave
JavaScript/ AJAX
Rich Internet
Application
Industrielle Stärke
Hochwertige Animationen
Kompatibilität/ Erreichbarkeit
Überblick über AJAXWas ist AJAX?AJAX: Asynchronous JavaScript and XML
“Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”
Jesse-James Garrett (18. Februar 2005)
Überblick über AJAXBeteiligte Technologien
Darstellung von Inhalten mit HTML und CSS
Asynchrone Datenabfrage durch
XMLHttpRequest
Datenaustausch durch XMLDynamische Darstellung und Manipulation mit
Hilfe des Document Object Model (DOM)
und JavaScript zur Verbindung dieser Elemente
Überblick über AJAXVergleich Application Models
Client(Browser)Benutzeroberfläche
AJAX Engine
Server-seitige SystemeDatenbank, andere Systeme
Web/XML Server
JavaScript Aufruf
HTML + CSS
HTTP Anfrage XML
Client (Browser)Benutzeroberfläche
Server-seitige Systeme
Datenbank, andere Systeme
Web Server
HTTP Anfrage HTML+CSS
Klassisch AJAX
Überblick über AJAXAJAX Web Application Model
Überblick über AJAXCode Beispiel<html>
<head><script type="text/javascript">
<!– function ajax(){
var http = new XMLHttpRequest();
http.open(‘GET‘, ‘datei.xml‘, true);
http.onreadystatechange = function() {
document.getElementById(‘Ausgabe‘).innerHTML = http.responseText;
}
http.send(null);
}
//-->
</script></head>
<body>
<img src=“Image.gif“
onmouseover=“ajax()“ onmouseout=“document.getElementById(‘Ausgabe‘).innerHTML=‘‘">
<br> <p id="Ausgabe“></p>
</body> </html>
BeispieleAmazon Diamond Search
http://www.amazon.com/gp/gsl/search/finder?productGroupID=loose_diamonds
Google Suggest http://www.google.com/webhp?complete=1&hl=en
Google Mailhttp://gmail.com
nexImagehttp://demo.neximage.com/
24SevenOffice CRMhttp://www.24sevenoffice.com/
BewertungVorteileUsability
Funktionalitäten von DesktopanwendungenSchnellere Reaktion der AnwendungUnterstützung bei der Nutzung von Applikationen
PerformanceBandbreitenauslastungLastenverteilung / Skalierbarkeit
Sicherheit
BewertungNachteile (1/2)Usability
AJAX Hype User erwartet keine sofortige
Applikationsreaktion
SicherheitHöhere Funktionalität sorgt für breitere
AngriffsflächeSicherheitslücken in JavaScript und AJAX
Frameworks
Urheberschutz
BewertungNachteile (2/2)Wartungsprobleme
BrowserabhängigKomplexer Code
Technische ProblemePollingSeitenzustand nicht feststellbarJavaScript muss aktiviert seinGgf. alternative Darstellung bereitstellen
Ausblick (1/2)Zunahme desktop-ähnlicher Web-Anwendungen
AJAX-System noch rein web-basiert
Forschungsgebiet Offline AJAXGoogleGearsWeb Mailer (z.B. Gmail, Zimbra)tiwyWiki
http://blog.monstuff.com/Flash4AJAX/static/TiwyWiki.html
Ausblick (2/2)Gartner Hype Cycle,
Gartner(2006)
FazitKeine grundlegende Neuerung sondern
Komposition bekannter TechnologienBereits fundamentaler Baustein moderner
Web AnwendungenRich Internet Applications als Zukunft des
WebsAJAX-Applikationen müssen nun echten
wirtschaftlichen Nutzen in der Praxis beweisen
Diskussionsfragen
Kann AJAX die Usability von Web-Applikationen revolutionieren?
Rich Internet Applications: Killer-Application oder Hype , Erleichterung oder Gefahr?
Recommended