190 likes | 273 Views
Seminar: Web 2.0 und Rich Internet Applications. Wintersemester 2007/2008 Daniel Thaidigsmann daniel.thaidigsmann@uni-ulm.de. Übersicht. Grundlagen Philosophie und Zielgruppe Funktionsweise Tools Entwicklungstechniken HTML/AJAX Flash Flex Sicherheit Showcase Demo-Anwendung.
E N D
Seminar: Web 2.0 und Rich Internet Applications Wintersemester 2007/2008 Daniel Thaidigsmann daniel.thaidigsmann@uni-ulm.de Web 2.0 und RIAs - Adobe Air
Übersicht • Grundlagen • Philosophie und Zielgruppe • Funktionsweise • Tools • Entwicklungstechniken • HTML/AJAX • Flash • Flex • Sicherheit • Showcase • Demo-Anwendung Web 2.0 und RIAs - Adobe Air
Was ist Adobe AIR? 1. Grundlagen AIR = Adobe Itegrated Runtime • Plattformübergreifende Laufzeitumgebung zur Entwicklung von RIAs mit Hilfe von HTML, Ajax, Flash und Flex • bisher nur für Windows und Mac, Linux-Version soll folgen • Aktuelle Version: public beta 3 (Dezember 2007) • Version 1.0 im Frühjahr 2008 Web 2.0 und RIAs - Adobe Air
Philosophie 1. Grundlagen Vorteile von Web- und Desktop Applikationen zusammenführen: • Aus dem Internet aufrufbar • Drag&Drop Unterstützung • Einbindung der Zwischenablage • System-Tastaturkürzel • Keine Einbettung in Browser Web 2.0 und RIAs - Adobe Air
Zielgruppe 1. Grundlagen 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.“ Web 2.0 und RIAs - Adobe Air
Funktionsweise 1. Grundlagen Die Runtime enthält zur Darstellung: • rendering engine basierend auf dem „webkit“-Projekt • integrierter erweiterter Flash-Player • einfache Anbindung an Adobe Reader(PDF) Web 2.0 und RIAs - Adobe Air
Tools 1. Grundlagen Zur Erstellung einer AIR-Anwendung wird das Adobe AIR SDK benötigt: • AIR Debug Launcher (ADL) • AIR Developer Tool (ADT) • Framework für AIR API • Templates... Web 2.0 und RIAs - Adobe Air
Entwicklungstechniken 2. Entwicklungstechniken Es gibt drei verschiedene Techniken um ein AIR-Projekt zu realisieren: • HTML/AJAX • Adobe Flash • Adobe Flex Web 2.0 und RIAs - Adobe Air
HTML/AJAX 2. Entwicklungstechniken • HTML/AJAX wie gewohnt schreiben • Anbindung an API über Javascript- Framework • application descriptor file (XML) • Testen mit ADL und Installationsdatei erstellen mit ADT Web 2.0 und RIAs - Adobe Air
application descriptor file 2. Entwicklungstechniken <application> <id>...</id> <version>...</version> <filename>…</filename> <initialWindow> <content>…</content> <visible>…</visible> <width>…</width> <height>…</height> </initialWindow> </application> Web 2.0 und RIAs - Adobe Air
Flash 2. Entwicklungstechniken • Flash CS 3 und zugehöriges Adobe AIR Update benötigt • Neue Flash-Datei mit AIR Veröffentlichung erstellen • Flash-Projekt normal erstellen • Anbindung an API über ActionScript Web 2.0 und RIAs - Adobe Air
Flex(allgemein) 2. Entwicklungstechniken Adobe Flex ist ein Entwicklungs-framework zum Erstellen von RIAs. Es soll eine Alternative zu Flash bieten. • MXML und Actionscript • LiveCycle Data Services • Flex Builder • Flex-Charting-Komponenten Web 2.0 und RIAs - Adobe Air
Flex 2. Entwicklungstechniken • Anwendung erstellen mit Flex Builder 3 oder Flex 3 SDK • application descriptor file (XML) • Anwendung kompilieren • Testen mit ADL und Installationsdatei erstellen mit ADT Web 2.0 und RIAs - Adobe Air
Zertifikat 2. Entwicklungstechniken • Alle AIR-Anwendungen müssen über ein Zertifikat verfügen • Selbst signierte Installationsdateien sind möglich bieten aber keine Sicherheit für den Benutzer Web 2.0 und RIAs - Adobe Air
Sicherheit - Probleme 3. Sicherheit Probleme bei Adobe AIR: • Bei HTML-basierten AIR-Anwendungen dieselben wie bei normalen HTML-Anwendungen • Zusätzlich kommen die Gefahren eines Systemzugriffs über die API hinzu Web 2.0 und RIAs - Adobe Air
Sicherheit - Lösung 3. Sicherheit Application- und Non-Application-Sandbox Web 2.0 und RIAs - Adobe Air
Showcase 4. Showcase Finetune • Online Musik Service • Große Musikauswahl • Eigene Playlists • ... Web 2.0 und RIAs - Adobe Air
Eigene Demo 5. Eigene Demo Jetzt zu einer eigenen Demo Web 2.0 und RIAs - Adobe Air
Fazit • Adobe AIR vereinigt Vorteile von Web- und Desktop-Anwendungen • Einfache Einarbeitung für Web-Entwickler mit vielfältigen Möglichkeiten • weitere Erweiterungen (z.B. BlazeDS) • Noch in der Entwicklung • Sicherheitsproblematik Web 2.0 und RIAs - Adobe Air