Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
RIAs mit Flash und Flex
27.06.2011 | Lukas Rögner
Was ist Flash/Flex?
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
2
Entwicklungsumgebungen Adobe Flash | Adobe Flex
Erstellung von Rich Internet Applications
Adobe Flash Player
History
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
3
1992: Macromedia wird gegründet
1995: Browserplugin „Splash“ zur Anzeige vektorbasierter Grafiken
1997: Flash 1 wird veröffentlich: Audiodateien/Rastergrafikformate
1999: Actionscript wird integriert
2005: Adobe übernimmt Macromedia
Entwicklung
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
4
Flash - Entwicklung
Entwicklungsumgebung: Adobe Flash Professional
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
5
Flash - Entwicklung
Design
Designer
Zeitleiste
Code
Actionscript
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
6
Flash - Entwicklung - Designer
• zeitachsenbasiert
• Aufteilung in Szenen
• Animation im Vordergrund
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
7
Flash - Entwicklung - Designer
• zeitachsenbasiert
• Aufteilung in Szenen
• Animation im Vordergrund
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
8
Flash - Entwicklung - Designer
• zeitachsenbasiert
• Aufteilung in Szenen
• Animation im Vordergrund
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
9
Flash - Entwicklung - Designer
• zeitachsenbasiert
• Aufteilung in Szenen
• Animation im Vordergrund
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
10
Flash - Entwicklung - Designer
• zeitachsenbasiert
• Aufteilung in Szenen
• Animation im Vordergrund
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
11
Actionscript
• Objektorientierte Programmiersprache
• ereignisbasiert
• Neben Standard viele weitere Bibliotheken online
• Starke Ähnlichkeit mit Javascript
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
12
Flex - Entwicklung
• Grundlage: Flex SDK
• Entwicklungsumgebung: Adobe Flash Builder (basierend auf Eclipse)
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
13
Flex - Entwicklung
Design
MXML
Code
Actionscript
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
14
Flex - Entwicklung - MXML
• XML basierend
• Beschreibungssprache für das Userinterface
• Vergleichbar mit XAML (.NET), XUL (Gecko Rendering Engine)
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
15
Softwarepakete
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
16
Entwicklungsumgebung Closed-Source Adobe Lizenz | kostenpflichtig
Designer Closed-Source Adobe Lizenz | kostenpflichtig
Flex SDK Open-Source Mozilla Public License 1.1
Lifecycle DS Blaze DS Closed-Source Open-Source Adobe Lizenz GNU LGPL 3 kostenpflichtig kostenlos
Tutorial
• Suche von DVDs anhand eines Suchbegriffs
• Zugriff auf TheMovieDataBase
• Browsen durch die Suchergebnisse
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
17
Tutorial
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns:opensearch="http://a9.com/-
/spec/opensearch/1.1/">
<opensearch:Query searchTerms=..."/>
<opensearch:totalResults>...</opensearch:totalResults>
<movies>
<movie>
<name>...</name>
<overview >...</overview>
<released>...</released>
<images>
<image ... url="..." type="..."/>
</images>
</movie>
</movies>
</OpenSearchDescription>
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
18
Fazit
Flash Player auf 95 % aller internetfähigen PCs installiert
Leichtes Erstellen von RIAs ohne viel Programmier-Vorkenntnisse mit Flash
Leichter Umstieg von bekannten Programmiersprachen auf Flex
+ Kostenpflichtige Entwicklungsumgebung
Ungewohnte Entwicklungstechnik für Programmierer mit Flash
-
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
20
Fazit
RIAs mit Flash und Flex | Lukas Rögner | 27.06.2011
21
Flash Webseiten
Animationslastige Anwendungen
Showcases
Flex Anwendungen mit
komplexer Benutzeroberfläche
Anwendungen mit komplexer
Funktionalität