1. Rich Internet Applications
Browserbasiertes Computing
Ein Überblick
Thomas Christinck
Mai 2010
Qualified for the Job

2. Agenda
Teil 1
Web 1.0 Web 2.0
Rich Internet Applications (RIA)
Umgebungen, Plugins
Teil 2
Flex
Silverlight
JavaFX
GWT
HTML 5
Zusammenfassung
Thomas Christinck www.integrata.de 2

3. Web 1.0 Web 2.0
Basistechnologie
Web 1.0
HTML, Javascript
Es fehlt an Performance und Usability
Web 2.0
HTML, Javascript, AJAX
Usability möglich
Thomas Christinck www.integrata.de 3

4. Rich Internet Applications (RIA)
Rich Internet Applications (RIAs) sind Applikationen. Punkt.
Charakteristiken und Bedienbarbeit wie Desktop-Applikationen
Laufzeitumgebung: Browser (ggf. mit Plugins)
Merkmale
Keine Installation erforderlich
Basiert auf Internettechniken
Interaktiv
Drag&Drop möglich
www.integrata.de

5. Umgebungen für RIAs
Adobe Flex / Flash
Microsoft Silverlight
Java
Java Applets
Apache Wicket
Sun JavaFX
HTML5
Beispiele (Paint)
Flash : Pixlr.com
HTML5: http://mugtug.com/sketchpad/
Thomas Christinck www.integrata.de 5

6. RIAs im Browser ohne Plugin
HTML, JavaScript, AJAX
Goldrush: Web 2.0
Aber:
Kein OO, keine Datentypen, nur Scripting
Keine Fehlerbehandlung
keine Tools / Frameworks
Performance ?
Google Chrome: Javascript Engine V8
Thomas Christinck www.integrata.de 6

7. HTML5
HTML5 = HTML + CSS + JavaScript
Thomas Christinck www.integrata.de 7

8. Web 2.0 Aufbruchstimmung 1/2
Die Optimisten
Javascript mit AJAX nutzen!
Es gibt gute Bibliotheken: Dojo, jQuery, Prototype, …
http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
Die Pessimisten
Die Nachteile von Javascript/AJAX überwiegen
Pluginbasierte Umgebungen
Adobe Flex, JavaFX, Microsoft Silverlight
Thomas Christinck www.integrata.de 8

9. Web 2.0 Aufbruchstimmung 2/2
Was sagt Google?
Javascript !
Im Browser, ohne Plugins !
GWT
Anstelle von JavaScript wird in Java codiert
Objektorientiert, Datentypen, umfassende Syntaxprüfung
GWT übersetzt den Javacode in kompakten, performanten Javascriptcode
Thomas Christinck www.integrata.de 9

10. Teil 2
Teil2 : Details
Thomas Christinck www.integrata.de 10

11. Adobe Flex
SWF im Flashplayer
Interface Design (Formulare, Buttons, …)
Visual Design (Styles, Themes)
Interaktivität, Programmierung mit ActionScript
Datenbanken
Lokal SQLite
serverbasiert: LifeCycle Dienste oder J2EE oder …
www.integrata.de

12. MS Silverlight
Web Application Framework
Ursprünglich für Video Streaming
Interaktivität und .NET Kompatibilität
Sprachen: C#, F#, VB.NET, ..
Datenbank ADO.NET
Plattformen:
Windows
Mac OSX
Windows Mobile 6, Symbian in 2010
Moonlight für Linux
Beispiele: http://blogs.msdn.com/tims/archive/2007/07/07/from-a-to-z-50-
silverlight-applications.aspx
www.integrata.de

13. Sun JavaFX
Läuft im Java Runtime Environment (JRE) / Java Standard Edition
Plattformen
Desktops (Windows, Mac OSX, Beta für Linux)
Mobiltelefone
Settopboxen
Fernseher
Blu-ray Player
Sprache JavaFX Scipt
Demos : http://javafx.com/samples
www.integrata.de

14. GWT
Sprache: Java
Zielplattform: Browser mit Javascript
GWT runtime library erforderlich
Beispiele:
Google Wave
http://gwtgallery.appspot.com/
Thomas Christinck www.integrata.de 14

15. HTML 5
HTML5 vermutlich W3C Nachfolger von HTML4 / XHTML1
Neue Features:
All-in-one: HTML, JS, CSS3
Audio, Video, Canvas (zeichnen), Formulare (WebForms), Geolocation,
Offlinecache, Sockets, Drag&Drop
Beispiele: Sketchpad, Google, Amiga, Solitaire, Youtube
Interaktivität: SQLite, Sockets, AJAX
Plattform: Alle Browser. Alle ?
Firefox kein H.264
IE9 ?
Folien in HTML5 über HTML5:
http://apirocks.com/html5/html5.html
www.integrata.de

16. Pro und Contra
Plattformunabhängigkeit (Plugins vs. HTML5)
Verbreitung: Flash 97%, Java 50%, Silverlight 25%, HTML5 ?
Geringe TCO: Softwareverteilung/Updates
Performance: Server, Client
Internetverbindung: Verfügbarkeit/Geschwindigkeit
Offline?
Offline Datenbank?
Sicherheit
Applikation / Verbindung
Installation (von Plugins)
Daten (lokal? Web?)
Thomas Christinck www.integrata.de 16

17. Letzte Folie ;-)
Fragen …
Diskussion …
Feedback …
Bilder:
http://www.flickr.com/photos/thetruthabout/
http://www.flickr.com/photos/bettina-braun
Thomas Christinck www.integrata.de 17