![Page 1: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/1.jpg)
Zukunft des Webs?
Dennis BeerChristian Blinde
![Page 2: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/2.jpg)
AgendaProblemstellungLösungsansätzeÜberblick über AJAXBewertungAusblickFazit
![Page 3: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/3.jpg)
Problemstellung (1/2)
Klassische Websites sind statisch
Grundsätzlich keine dynamische Manipulationen
HTTP ermöglicht praktisch keine dauerhaften Verbindungen
![Page 4: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/4.jpg)
Problemstellung (2/2)Klassisches Web Application Model
Client (Browser)Benutzeroberfläche
Server-seitige Systeme
Datenbank, andere Systeme
Web Server
GETGET??
nach Garrett (2005)
![Page 5: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/5.jpg)
Lösungsansätze
Java (Applets)
Flash / Shockwave
JavaScript/ AJAX
Rich Internet
Application
Industrielle Stärke
Hochwertige Animationen
Kompatibilität/ Erreichbarkeit
![Page 6: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/6.jpg)
Ü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)
![Page 7: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/7.jpg)
Ü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
![Page 8: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/8.jpg)
Ü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
![Page 9: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/9.jpg)
Überblick über AJAXAJAX Web Application Model
![Page 10: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/10.jpg)
Ü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>
![Page 11: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/11.jpg)
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/
![Page 12: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/12.jpg)
BewertungVorteileUsability
Funktionalitäten von DesktopanwendungenSchnellere Reaktion der AnwendungUnterstützung bei der Nutzung von Applikationen
PerformanceBandbreitenauslastungLastenverteilung / Skalierbarkeit
Sicherheit
![Page 13: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/13.jpg)
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
![Page 14: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/14.jpg)
BewertungNachteile (2/2)Wartungsprobleme
BrowserabhängigKomplexer Code
Technische ProblemePollingSeitenzustand nicht feststellbarJavaScript muss aktiviert seinGgf. alternative Darstellung bereitstellen
![Page 15: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/15.jpg)
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
![Page 16: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/16.jpg)
Ausblick (2/2)Gartner Hype Cycle,
Gartner(2006)
![Page 17: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/17.jpg)
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
![Page 18: Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick über AJAX Bewertung Ausblick Fazit](https://reader035.vdocuments.net/reader035/viewer/2022070310/55204d6749795902118bd683/html5/thumbnails/18.jpg)
Diskussionsfragen
Kann AJAX die Usability von Web-Applikationen revolutionieren?
Rich Internet Applications: Killer-Application oder Hype , Erleichterung oder Gefahr?