Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick...

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?

Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick...

Documents

Transcript of Zukunft des Webs? Dennis Beer Christian Blinde. Agenda Problemstellung Lösungsansätze Überblick...