Seminar: Web 2.0 und Rich Internet Applications

Web 2.0 und RIAs - Adobe Air 1

Seminar: Web 2.0 und Rich Internet Applications

Wintersemester 2007/2008

Daniel Thaidigsmanndaniel.thaidigsmann@uni-ulm.de

Web 2.0 und RIAs - Adobe Air 2

Übersicht

GrundlagenPhilosophie und ZielgruppeFunktionsweiseTools

1. EntwicklungstechnikenHTML/AJAXFlashFlex

2. Sicherheit3. Showcase4. Demo-Anwendung

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

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

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

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

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

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

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

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

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

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.

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

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

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

Web 2.0 und RIAs - Adobe Air 16

Sicherheit - Lösung

Application- und Non-Application-Sandbox

3. Sicherheit

Web 2.0 und RIAs - Adobe Air 17

Showcase

FinetuneOnline Musik ServiceGroße MusikauswahlEigene Playlists...

4. Showcase

Web 2.0 und RIAs - Adobe Air 18

Eigene Demo

Jetzt zu einer eigenen Demo

5. Eigene Demo

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