Anzeige
Anzeige
Artikel
Artikel merken

Eine TYPO3-Benutzerverwaltung auf Basis von Macromedia Flash: TYPO3 geflashed

Die Einsatzgebiete der Flash-Technologie sind längst nicht mehr auf Banner-Animationen, Intros oder animierte Menüs beschränkt. Wie sich Flash in Verbindung mit TYPO3 einsetzen lässt, um komplexe Applikationen in Form von Extensions umzusetzen, soll der folgende Artikel über ein vor kurzem realisiertes Projekt für die Firma Dr. Babor GmbH aufzeigen.

4 Min. Lesezeit
Anzeige
Anzeige

Applikationen mit Flash entwickeln

Dass Flash zu mehr taugt, als Comic-Filmchen und Banner zu erstellen,
sollte sich inzwischen herumgesprochen haben. Spätestens seit
FlashMX2004 und der aktuellen Version der Skriptsprache ActionScript
(AS 2.0) lassen sich Applikationen strukturiert und effizient aufbauen.
Seine große Stärke spielt Flash vor allem bei der Erstellung und
Steuerung von grafischen Benutzeroberflächen aus, um bestimmte Vorgänge einfacher und
benutzerfreundlicher zu gestalten.

Flash und TYPO3

Anzeige
Anzeige

Auslöser, sich näher mit der Kombination „Flash und TYPO3“ zu befassen, war
der Wunsch des Kunden, die Verwaltung der sog. Frontend-User in TYPO3
komfortabler zu machen. TYPO3 bietet standardmäßig nur sehr
eingeschränkte Möglichkeiten, sich die User auflisten zu lassen und zu
bearbeiten. Ziel war es, Möglichkeiten bereit zu stellen, Userdaten
einfach und schnell anzeigen und editieren zu können, bestimmte User
„live“ zu suchen und alle Userdaten als Excel-Datei exportieren oder
aus einer Excel-Datei importieren zu können.

Die Vorteile

Mit Flash kann die gesamte Anwendung nun als „One-Screen-Application“
umgesetzt werden, so daß alle wesentlichen Funktionalitäten
übersichtlich innerhalb einer einzigen Ansicht Platz finden. Hierdurch
entfällt das
ständige Neuladen der Seite (Request-Response). Features wie
„Echtzeit-Suchen“ und ein besseres User-Feedback, die bei HTML-Anwendungen
aufgrund der Zustandslosigkeit des HTTP-Protokolls nur schwer oder nur
durch Technologie-Kombinationen wie zum Beispiel AJAX umzusetzen sind,
stellen für
Flash-Anwendungen kein größeres Problem dar.

Anzeige
Anzeige

Das richtige Look-and-Feel

Wichtig war, die Benutzeroberfläche an den Look von TYPO3
anzupassen. Die Administratoren und Redakteure sollten vertraute Bedienelemente zur
Verfügung gestellt bekommen. Hierbei spielte insbesondere das „Skinning und
Styling“ der Flash-Komponenten (Comboboxen, Scrollbars, Buttons etc.)
eine wichtige Rolle. Die Macromedia V2 Komponenten werden standardmäßig
im weiß-grünen „Halo-Look“ mitgeliefert, lassen sich aber mit genügend Geduld
z.B. an den Windows XP-Look anpassen.

Anzeige
Anzeige

Welche Technik dahinter steckt

Die gesamte Anwendung wurde mit objektorientiertem ActionScript 2.0
nach dem Model-View-Controller-Pattern programmiert. Bei dieser
Vorgehensweise sind Präsentationsschicht und Datenmodell weitestgehend
voneinander
unabhängig. Die Schnittstelle zur TYPO3-Datenbank läuft über AMFPHP [1],
eine OpenSource Flash-Remoting-Lösung.

Mit AMFPHP lassen sich Result-Sets aus MySQL-Abfragen
direkt nach Flash schicken, die sich dort komfortabel als Objekte oder
Arrays weiterverarbeiten oder als Datenelemente für Komponenten
verwenden lassen.

Anzeige
Anzeige

Die
beiden entscheidenden Vorteile von Flash-Remoting sind also zum einen,
dass sich komplexe Datentypen zwischen MySQL-PHP-Backend und
Flash Frontend problemlos austauschen lassen und zum anderen die
Geschwindkeit: Die Übertragung erfolgt binär im proprietären AMF (Action Message
Format) und ist wesentlich schneller als der Datenaustausch mit XML
oder herkömmlichen Serilisations/Deserilisations-Techniken.

Ein
anderer wichtiger Bestandteil der Anwendung ist das ebenfalls
kostenlos erhältliche Flash JavaScript Integration Kit [2], das für die Steuerung des Excel-Datei-Uploads
verwendet wurde. Da native Upload-/Download-Möglichkeiten leider erst
seit dem neuen Flash Player 8 integriert sind, muss in älteren
Versionen auf eine HTML-JavaScript-Lösung zurückgegriffen werden. Das Javascript
Integration Kit vereinfacht dabei die Kommunikation zwischen Flash und
JavaScript, da von Flash aus JavaScript-Funktionen aufgerufen und alle wichtigen Datentypen
ausgetauscht werden können. Der Excel-Export der Daten aus der
Flash-Datagrid-Komponente (eine Art Tabelle) erfolgt über das PHP-PEAR-Modul „Excel Spreadsheet Writer“ [3].

Das Zusammenspiel mit TYPO3

Der wichtigste Punkt bei der Integration der Flash-Anwendung ins
TYPO3-Backend ist die Authentifizierung. Über den
„FlashVars“-Parameter des Flash-Object-Tags kann der Flash-Datei beim
Einbetten in HTML
die aktive TYPO3-Session-ID mitgegeben werden. Die Flash-Anwendung
gleicht diese ID mit der TYPO3-Datenbank ab und startet die Anwendung
nur, wenn die IDs identisch sind. Ansonsten können alle erforderlichen
Dateien (AMFPHP, JS-Kit, PHP-Dateien, SWFs) über den Extension
Kickstarter von TYPO3 zu einer kompakten t3x-Datei zusammengepackt
werden, die sich genau wie alle anderen Extensions mit wenigen Mausklicks installieren lässt.

Anzeige
Anzeige

Beim Excel-Import werden die Daten automatisch auf Duplikate und fehlerhafte Eingaben überprüft.

Beim Excel-Import werden die Daten automatisch auf Duplikate und fehlerhafte Eingaben überprüft.

Was der Erweiterung zu einer „echten“ TYPO3-Extension noch fehlt, ist
die Unterstützung von mehreren Sprachen. Es wäre allerdings kein großes
Problem, die Daten aus der Datei „locallang.php“, die bei TYPO3-Extensions die
Übersetzungen enthält, an die Flash-Applikation zu schicken und in Textfeldern oder
Buttons anzuzeigen.

Fazit

Durch die Kombination von TYPO3 mit Flash stehen vielfältige
Möglichkeiten zur Verfügung, die Funktionalitäten des TYPO3-Backends zu
erweitern. Denkbar wären beispielsweise auch
komplexe Extensions zur interaktiven Manipulation von Bildern

oder Echtzeit-Workflow-Systeme. Die Erweiterungen nahtlos ins
TYPO3-Backend zu integrieren scheint dabei das kleinste
Problem zu sein. Durch die kürzliche Ankündigung von ActionScript 3 und der
aktualisierten Flex-Produktlinie von Macromedia [4] ergeben sich neue Möglichkeiten, leistungsfähige Web-Anwendungen auf
FlashPlayer-Basis zu entwickeln und es könnte spannend sein an dieser Stelle auch
entsprechende TYPO3-Schnittstellen zu nutzen.

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Schreib den ersten Kommentar!
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige