Openlaszlo. Rich Internet Application Platform

Transkript

1 Rich Internet Application Platform

2 ist eine Anwendungsplattform open source zero install Software

3 Amazon Shopping in einem RIA Beispiel

4 Ubiquitous Internet Wie kommts? 60 Prozent der Deutschen online

5

6 Anwendungen ändern sich Höhere Erwartungshaltung der Nutzer Google Maps Flickr RIAs Web 2.0

7 ist es neu? 2000: Gründung von Laszlo Systems 2002: Erstes Release des Laszlo Presentation Server (LPS), einer Rich Internet Entwicklungsplattform mit Server

8 seit wann open? 2004: Start von OpenLaszlo - LPS wurde zur OpenSource Software

9 Wichtige Ereignisse 2005: Produktlaunch von Laszlo Mail, der ersten Komponente der Digital Life Suite 2006: Start der Entwicklung einer zweiten Runtime: DHTML/Ajax

10 AJAX! 2007: Release OpenLaszlo 4.0 mit DHTML/Ajax und Flash Unterstützung

11 Die Platform

12 Überblick Cinematic user experience Rapid XML development approach Scalable deployment architecture

13 Cinematic User Experience Eine Multistate Webseite Coole UI Effekte Möglichkeiten die bisher nur rich clients zur Verfügung standen

14 Nur eine Seite???

15 Beispiel Beispiel für Cinematic user Experience Sowohl als Flash und als DHTML Beispiel verfügbar

16 Rapid XML development approach XML basierte deklarative Programmierung OOP Eigenschaften Standards, Standards, Standards

17 Entwicklungszyklus

18 Scalable deployment architecture Nutzung der Client-Ressourcen Reduzierung der Serverlast auf Datenaustausch

19 Architektur

20 Solo deployment Kompilierte Anwendung lediglich zum Download bereitgestellt

21 Java EE deployment Bereitstellung von Diensten Ad-hoc Kompilieren der Anwendung

22 Die schwarze Katze im dunklen Raum suchen? Wie gut ist die Dokumentation?

23 Dokumentation Installationsanleitung Entwickeranleitung Referenzmanual Administrationsanleitung Komponentenanleitung

24 Community Foren Mailing Lists Blogs Verschiedene User-Groups

25 Wiki Umfangreiche Extra -Dokumentation Best Practices Gotchas Resources

26 Kurzeinführung Entwicklung in 1 Session

27 Download Verschiedene Binaries (mit Tomcat) Windows MacOS Linux Developer Kit (Any OS, kein Tomcat) Servlet Minimum für Deployment in Java EE Appserver Source

28 IDE 4 Laszlo Eclipse Projekt wurde eingestellt

29 Entwicklungsumgebung 1x Eclipse (+ XML Editor) 1x Tomcat (mit Webanwendung) 1x Browser (hier: Firefox)

30 Hello World <canvas width="200" > <text>hello World!</text> </canvas> In Datei *.lzx in der Webanwendung speichern

31 Debugging, Logging Graue Katze im Dämmerlicht Log4J logging im LZX Compiler Firefox Javascript debugger (nur für DHTML)

32 Compiler erzeugt Fehlermeldung

33 LZX XML Markup Language Embeded Javascript

34 LZX Bestandteile XML Markup DTD / Schema Validierung Markup ist durch eigene Klassen Erweiterbar Javascript Teile der ECMAScript Language Specification

35 OOP in XML & Javascript? XML ist nur Markup Javascript ist von Natur aus OOP <class name="myview" extends="view"/>

36 Attribute XML Attribute werden zu Objektattribute <view height="20" width="30"/> Spezielles Element ermöglicht nachträgliches Einfügen (!!!) von Attributen <class name="froboz" extends="view"> <attribute name="whatnot" value="17"> </class>

37 Ereignisse Teilweise bekannt aus der Javascript Programmierung Zusätzlich Events für Objektlifecycle

38 Methoden Javascript Functionen die Objekten zugeordnet werden <view name="dog"> <method name="bark"> <!-- some JavaScript code ---> </method> </view> dog.bark();

39 Handlungsbedarf? Anbindung an Eregnissquellen Viele Wege führen nach Rom

40 Handler direkt implementieren <view> <handler name="onclick"> <!-- some JavaScript code ---> </handler> </view>

41 In Handler delegieren <view> <method name="bark"> <!-- some JavaScript code ---> </method> <handler name="onclick"> this.bark() </handler > <view>

42 Handler Kurzform <view onclick="clickhandler()"> <method name="clickhandler"> <!-- some JavaScript code --> </method> </view>

43 Constrains Ein Attribut wird über einen Ausdruck als Funktion anderer Attribute definiert. Syntax: $bindungsart{ausdruck} bindungsart entspricht immediately once Always (default wenn nicht angegeben)

44 Constrains - Beispiel <view name="someview" width="${someattribute + someotherattribute}" />

45 Mehr Databinding Remote procedure call

46 Grafisches Komponentenmodell Node View Submit basedatepickerweek basedatepickerday basecomponent baseform datepickerweek datepickerday checkbox form edittext radiobutton combobox menu tabelement button menubar tabelement textlistitem datepickercombox scrollbar menuseparator datepicker tabs tabpane

47 Auf Reise gehen Laszlo Explorer Styles and Samples Class Hierarchy

48 OpenLaszlo Heute Versionen, Probleme, Success Stories, Ausblick

49 Versionen OpenLaszlo 3.3.x Runtime unterstützt Flash 6,7 und 8 OpenLaszlo 4.0 mit multi-runtime Support Flash 7 und 8 DHTML/Ajax Ab Ende 2007 Flash 9

50 OpenLaszlo Zielgruppen Optimalerweise erfahrene Java-Entwickler Fehlendes Know-How über Flash-Plugin (Performance, XML-Parsing, Medienintegration) Wenig Erfahrungen im den Umgang mit Layouttransformationen und Animationen Interfacespezialisten / User Experience Designer mit Programmiererfahrung

51 Probleme Etablierte Best Practices zur RIA Entwicklung fehlen Es existiert noch kein Client-seitiges LZX Framework IDE/Tools kaum vorhanden Globaler Support durch Laszlo Systems derzeit nur begrenzt möglich Massiver Mangel an qualifizierten LZX Programmierern Performance des Flash 6, 7 und 8 Plugins relativ schlecht

52 OpenLaszlo Success Stories Laszlo Mail IBM - Was macht Sie so besonders? Surewest RIA Portal Pandora Radio RTL Radio ClickShirt

53 Visionen für die Zukunft Projekt Orbit - Java Micro Edition Kooperation mit Sun Weitere denkbare Runtimes Mobile Ajax? (iphone, S60 Webkit) Flash Lite WPF / Silversheet SVG