![Page 1: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/1.jpg)
Web 2.0 und RIAs - Adobe Air 1
Seminar: Web 2.0 und Rich Internet Applications
Wintersemester 2007/2008
Daniel [email protected]
![Page 2: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/2.jpg)
Web 2.0 und RIAs - Adobe Air 2
Übersicht
GrundlagenPhilosophie und ZielgruppeFunktionsweiseTools
1. EntwicklungstechnikenHTML/AJAXFlashFlex
2. Sicherheit3. Showcase4. Demo-Anwendung
![Page 3: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/3.jpg)
Web 2.0 und RIAs - Adobe Air 3
Was ist Adobe AIR?
AIR = Adobe Itegrated Runtime
Plattformübergreifende Laufzeitumgebung zur Entwicklung von RIAs mit Hilfe von HTML, Ajax, Flash und Flexbisher nur für Windows und Mac, Linux-Version soll folgenAktuelle Version: public beta 3 (Dezember 2007)Version 1.0 im Frühjahr 2008
1. Grundlagen
![Page 4: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/4.jpg)
Web 2.0 und RIAs - Adobe Air 4
Philosophie
Vorteile von Web- und Desktop Applikationen
zusammenführen:Aus dem Internet aufrufbarDrag&Drop UnterstützungEinbindung der ZwischenablageSystem-TastaturkürzelKeine Einbettung in Browser
1. Grundlagen
![Page 5: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/5.jpg)
Web 2.0 und RIAs - Adobe Air 5
Zielgruppe
Auszug aus dem Adobe AIR Wiki:
„Adobe AIR is targeted at developers who are currently leveraging web technologies such as Flash, Flex, HTML, JavaScript, and Ajax techniques to build and deploy rich Internet applications.“
1. Grundlagen
![Page 6: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/6.jpg)
Web 2.0 und RIAs - Adobe Air 6
Funktionsweise
Die Runtime enthält zur Darstellung:rendering engine basierend auf dem „webkit“-Projektintegrierter erweiterter Flash-Playereinfache Anbindung an Adobe Reader(PDF)
1. Grundlagen
![Page 7: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/7.jpg)
Web 2.0 und RIAs - Adobe Air 7
Tools
Zur Erstellung einer AIR-Anwendung wird das Adobe AIR SDK benötigt:
AIR Debug Launcher (ADL)AIR Developer Tool (ADT)Framework für AIR APITemplates...
1. Grundlagen
![Page 8: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/8.jpg)
Web 2.0 und RIAs - Adobe Air 8
Entwicklungstechniken
Es gibt drei verschiedene Techniken um ein AIR-Projekt zu realisieren:HTML/AJAXAdobe FlashAdobe Flex
2. Entwicklungstechniken
![Page 9: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/9.jpg)
Web 2.0 und RIAs - Adobe Air 9
HTML/AJAX
HTML/AJAX wie gewohnt schreibenAnbindung an API über Javascript- Frameworkapplication descriptor file (XML)Testen mit ADL und Installationsdatei erstellen mit ADT
2. Entwicklungstechniken
![Page 10: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/10.jpg)
Web 2.0 und RIAs - Adobe Air 10
application descriptor file
<application>
<id>...</id>
<version>...</version>
<filename>…</filename>
<initialWindow>
<content>…</content>
<visible>…</visible>
<width>…</width>
<height>…</height>
</initialWindow>
</application>
2. Entwicklungstechniken
![Page 11: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/11.jpg)
Web 2.0 und RIAs - Adobe Air 11
Flash
Flash CS 3 und zugehöriges Adobe AIR Update benötigtNeue Flash-Datei mit AIR Veröffentlichung erstellenFlash-Projekt normal erstellenAnbindung an API über ActionScript
2. Entwicklungstechniken
![Page 12: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/12.jpg)
Web 2.0 und RIAs - Adobe Air 12
• MXML und Actionscript• LiveCycle Data Services• Flex Builder• Flex-Charting-Komponenten
Flex(allgemein)2. Entwicklungstechniken
Adobe Flex ist ein Entwicklungs-framework zum Erstellen von RIAs. Es soll eine Alternative zu Flash bieten.
![Page 13: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/13.jpg)
Web 2.0 und RIAs - Adobe Air 13
Flex
Anwendung erstellen mit Flex Builder 3 oder Flex 3 SDKapplication descriptor file (XML)Anwendung kompilierenTesten mit ADL und Installationsdatei erstellen mit ADT
2. Entwicklungstechniken
![Page 14: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/14.jpg)
Web 2.0 und RIAs - Adobe Air 14
Zertifikat
Alle AIR-Anwendungen müssen über ein Zertifikat verfügenSelbst signierte Installationsdateien sind möglich bieten aber keine Sicherheit für den Benutzer
2. Entwicklungstechniken
![Page 15: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/15.jpg)
Web 2.0 und RIAs - Adobe Air 15
Sicherheit - Probleme
Probleme bei Adobe AIR:Bei HTML-basierten AIR-Anwendungen dieselben wie bei normalen HTML-AnwendungenZusätzlich kommen die Gefahren eines Systemzugriffs über die API hinzu
3. Sicherheit
![Page 16: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/16.jpg)
Web 2.0 und RIAs - Adobe Air 16
Sicherheit - Lösung
Application- und Non-Application-Sandbox
3. Sicherheit
![Page 17: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/17.jpg)
Web 2.0 und RIAs - Adobe Air 17
Showcase
FinetuneOnline Musik ServiceGroße MusikauswahlEigene Playlists...
4. Showcase
![Page 18: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/18.jpg)
Web 2.0 und RIAs - Adobe Air 18
Eigene Demo
Jetzt zu einer eigenen Demo
5. Eigene Demo
![Page 19: Seminar: Web 2.0 und Rich Internet Applications](https://reader036.vdocuments.mx/reader036/viewer/2022062721/5681373e550346895d9eced2/html5/thumbnails/19.jpg)
Web 2.0 und RIAs - Adobe Air 19
Fazit
Adobe AIR vereinigt Vorteile von Web- und Desktop-AnwendungenEinfache Einarbeitung für Web-Entwickler mit vielfältigen Möglichkeitenweitere Erweiterungen (z.B. BlazeDS)Noch in der EntwicklungSicherheitsproblematik