19
Web 2.0 und RIAs - Adobe Air 1 Seminar: Web 2.0 und Rich Internet Applications Wintersemester 2007/2008 Daniel Thaidigsmann [email protected]

Seminar: Web 2.0 und Rich Internet Applications

Embed Size (px)

DESCRIPTION

Seminar: Web 2.0 und Rich Internet Applications. Wintersemester 2007/2008 Daniel Thaidigsmann [email protected]. Übersicht. Grundlagen Philosophie und Zielgruppe Funktionsweise Tools Entwicklungstechniken HTML/AJAX Flash Flex Sicherheit Showcase Demo-Anwendung. - PowerPoint PPT Presentation

Citation preview

Page 1: 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 [email protected]

Page 2: Seminar: Web 2.0 und Rich Internet Applications

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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