Ajax versus Flash

Studienarbeit von Martin Flüggen

Einleitung:

1.1, Fragestellung:

Das Internet entwickelt sich zu einem immer wichtiger werdenden Medium, welches mittlerweile aus unserem täglichen Leben schon gar nicht mehr weg zu denken ist. Da das Angebot stetig ansteigt und die Fülle an Information somit immer größer wird, ist die ursprüngliche Navigation, sich von Seite zu Seite durch zu klicken, nicht mehr besonders förderlich und zeitgemäß. Lange Zeit war das Internet sehr statisch und in Punkto individueller Gestaltungsmöglichkeiten sehr stark eingeschränkt. Lediglich mit Flash war man in der Lage, das Ganze aufzulockern und seinen eigenen kreativen Künsten und Vorstellungen, freien Lauf zu lassen. Mit neuen und erweiterten Technologien wie XHTML und CSS, war man später in der Lage Inhalt von Layout zu trennen und damit die Inhalte auch barrierefrei und flexibler zu gestalten. Mit AJAX haben die Standardtechnologien gegenüber Flash deutlich aufgeholt und sind nunmehr auch in der Lage, Inhalte dynamisch nachzuladen und somit einen neuen Weg zu gehen, um noch flexibler und schneller die gewünschten Informationen abzurufen. Jedoch bergen diese neuen Möglichkeiten auch wieder neue Probleme bzw. Herausforderungen sowie Stolpersteine in sich, die es zu erkennen und lösen gilt. Fragen, für welche Bereiche die ein oder andere Technologie eventuell besser geeignet ist, welche Vor- und Nachteile es gibt, welche Problem es (noch) gibt bzw. geben kann, welche Fehler man vermeiden sollte und was man dagegen machen kann, soll Gegenstand dieser Facharbeit sein.

1.2, Herangehensweise an das Thema:

Um mich an dieses Thema heran zu arbeiten, werde ich zunächst ein paar allgemeine Dinge über AJAX und Flash berichten, um dem Leser eine erste Verständnisgrundlage zu verschaffen.. Anschließend werde ich an definierten, relevanten Kriterien wie z.B. Usability, Suchmaschinen-optimierung, Gestaltung etc., diese beiden Technologien vergleichen und auf die Unterschiede bzw. die Gemeinsamkeiten sowie Vor- und Nachteile, zu sprechen kommen. Abschließend werde ich je Kriterium ein kurzes Resümee ziehen. Nach dieser Analyse werde ich mir ein paar typische Webseiten für AJAX und Flash heraussuchen und anhand dieser erläutern, warum diese gerade mit Flash und/oder AJAX realisiert worden sind. Zu guter Letzt werde ich noch auf die weitere Zukunft dieser beiden Technologien zu sprechen kommen.

1.3, Aktualität:

Zurzeit entwickeln sich Webseiten immer mehr zu kompletten Webanwendungen, die nicht mehr an typische Webseiten erinnern, so wie es noch vor fünf Jahren der Fall war, sondern immer mehr an Anwendungen, wie man Sie eigentlich nur von typischen Desktopanwendungen her kennt. Sowohl AJAX als auch Flash sind in der Lage solche Anwendungen zu erstellen. Gerade in Punkto Usability müssen Entwickler noch einiges beachten und den User besser in die neuen Oberflächen einführen, sodass dieser diese auch optimal nutzen kann.

Inhaltsverzeichnis:

Textprobe:

Kapitel 4, AJAX vs. Flash:

Prinzipiell lässt sich sagen, dass Flash im Ergebnis all das kann, was AJAX auch kann. Das bedeutet allerdings noch lange nicht, dass Flash für jeden Anwendungsfall die bessere Lösung ist. Um diese These noch transparenter und anschaulicher zu belegen, werde ich im Folgenden die entsprechenden Unterschiede bzw. Gemeinsamkeiten auf Basis definierter Kriterien im Detail analysieren.

4.1, Lesezeichen und Zurück-Schaltfläche:

In AJAX Anwendungen, Lesezeichen zu setzen oder mit der Zurück Schaltfläche des Browsers zu arbeiten. gestaltet sich bei AJAX besonders schwierig, da Lesezeichen immer einen konkreten Link auf die Seite haben müssen. Bei AJAX tritt das Problem auf , das sich die URL nicht ändert, sondern immer nur der Inhalt aktualisiert wird . Somit kann der Inhalt zum Zeitpunkt des Setzens des Lesezeichens nicht festgehalten werden. Mit anderen Worten, beim erneuten Aufruf der Seite wird der aktuellste Inhalt geladen. Dieser kann somit vom ursprünglich festzuhaltenden Inhalt abweichen. Ein damit zusammenhängendes Problem ist auch die Verwendung der Vor- und Zurück- Schaltflächen des Browsers. Normalerweise wird beim ansurfen einer anderen Seite ein neuer Eintrag in der History Liste des Browsers erzeugt, hier jedoch bleibt die Seite dieselbe und somit wird auch kein neuer Eintrag erzeugt. Eine Lösungsmöglichkeit besteht darin mit location.hash den aktuellen Zustand der Anwendung im Anker einer URL festzuhalten. Dabei wird der aktuelle Inhalt der Seite kurz und knapp in Form eines Strings beschrieben. Beim erneuten Aufruf der Anwendung kann dann mit Hilfe des Strings der ursprüngliche Inhalt wieder ermittelt und geladen werden. Das schöne bei der Verwendung von location.hash ist, das die Veränderung eines Ankers auch einen neuen Eintrag in der Histroy Liste erzeugt. Somit können auch die Vor- und Zurück- Schaltflächen wieder verwendet werden. Dies trifft allerdings nicht für den Internetexplorer zu, für diesen muss eine etwas aufwendigere Lösung mit Hilfe eines Iframes, realisiert werden, welches das Problem allerdings auch vollständig löst.

Bei Flash sind die Probleme ähnlich gelagert, da beim anklicken eines internen Links sich die URL ebenfalls nicht ändert und somit auch hierbei kein neuer Eintrag in der History erzeugt wird. Somit müsste man auch hier, den aktuellen Status der Seite speichern und auch eine Historyliste erzeugen. Auf Basis der gängigen und verfügbaren Literatur ist momentan kein Lösungsansatz ersichtlich. Im Internet gibt es zwar ein paar wenige Lösungsansätze, diese wären jedoch sehr aufwändig und stammen zudem aus nicht gesicherten Quellen, somit stellen sie keine wirkliche Lösung dar.

Somit sollte man darauf achten, dass man Inhalte, wo man damit rechnen kann, das der User auf diese Seite gerne ein Lesezeichen setzen möchte, ausschließlich mittels AJAX bereitstellt.

4.2, Actionscript vs. JavaScript:

Javascript ist im Vergleich zu ActionScript 1 und 2, bei einfachen Routinen, sehr ähnlich und somit schnell zu erlernen, wenn man schon Erfahrungen in einer der beiden Sprachen hat. Dabei orientieren sich beide an dem ECMA-Standard. Im Gegensatz zu Javascript wird der Code allerdings nicht zentral an einem Ort verwaltet, sondern kann an unterschiedlichen Punkten wie z.B. auf der Zeitleiste, den Movieclips oder den Schaltflächen abgelegt werden. Außerdem stellt Flash viele fertige Komponenten, für häufig gebrauchte Funktionen oder visuelle Objekte, zur Verfügung, die ohne große Programmierung einfach eingefügt und verwendet werden können. Über einen so genannten Extension Manager können zusätzliche Komponenten, von anderen Anbietern oder Programmierern, in Flash geladen und verwendet werden. Actionscript 3 ist mit seinen Vorgängern nicht mehr vergleichbar. Diese aktuellste Version setzt die Kenntnis der objektorientierten Programmierung voraus und ist zusätzlich, vom Sprachkonzept her, schwerer zu erlernen. Allerdings wird dadurch der Einstieg für erfahrene Programmierer erleichtert, die bisher noch nicht mit Flash gearbeitet haben, da nun die Vorgaben des ECMA-Standards vollständig umgesetzt worden sind. AS3 ist außerdem mit einem ‘erweiterten Funktionsumfang, der die Programmierung von hochkomplexen Anwendungen, die Verwaltung großer Datenmengen sowie die Entwicklung objektorientierter, wieder verwendbarer Standard-Code-Elemente immens vereinfacht’ ausgestattet worden. Einen großen Nachteil birgt die Arbeit mit AS3 allerdings auch, da AS3 keine alten Codeelemente von AS1 oder AS2 enthalten darf. Somit muss ausschließlich mit AS3 Code programmiert werden. Allerdings ist AS3 in der Lage, alte SWF-Dateien mit AS1 oder AS2, in AS3 Projekte einzubinden bzw. zu importieren.

Javascript ist eine objektbasierte Skriptsprache und hat daher einige Besonderheiten gegenüber normalen Programmiersprachen wie AS3, Java oder C#. Das bedeutet z.B. das die Vererbung der Objektorientierung nicht durch Klassen erfolgt, sondern durch Anwendung von so genannten Prototypen. Des Weiteren wird die Typisierung, der einzelnen Variablen, erst zur Laufzeit vorgenommen.

Sowohl mit Javascript als auch mit AS3 lässt sich objektorientiert programmieren, jedoch wird Javascript ‘bei größeren OOP-Anwendungen nicht empfohlen’, da dies schnell zu einer großen Unübersichtlichkeit führen kann. Letzten Endes kann man sagen, das AS3 zwar die besseren Möglichkeiten zur Erstellung von komplexen Anwendungen wie RIA hat, jedoch die Kenntnis der objektorientierten Programmierung zwingend voraussetzt, was bei Javascript nicht der Fall ist und somit gerade für Einsteiger und kleinere Anwendungen besser geeignet ist. Bei kleinen Anwendungen, in der man sich größtenteils auf die Komponenten von Flash beschränken kann, könnte allerdings Flash besser geeignet sein. Es kommt auch hier mal wieder auf den konkreten Anwendungsfall an.