Mittlerweile konnte ich der Versuchung auch nicht mehr widerstehen, mir ein iPhone zuzulegen und habe bei Ebay Italien ein recht günstiges Schnäppchen gemacht.
Was mir auf meinem iPhone aber nun zum vollkommenen Glück fehlt, sind die Woopra-Statistiken (Achtung: Anmeldung für Beta-Phase bald nicht mehr möglich). Mittlerweile ist mir bei Website-Statistik und Analyse Woopra richtig ans Herz gewachsen, da man sowohl in Echtzeit die Besucher beobachten und analysieren als auch Auswirkungen von Newsdiensten wie Yigg & Co gut beobachten kann.
Um die Statistiken abzurufen gibt es ja entweder den Woopra-Client oder das WordPress-Plugin. Aber mich über das iPhone in das langsame WordPress-Backend einzuloggen und mir dort die riesige Seite ansehen, ist mir dann doch zu blöd.
Erst wollte ich eine richtige iPhone-Applikation schreiben, bis ich frustriert festgestellt habe, dass das ausschließlich mit einem Mac realisiert werden kann. So ein Apple-Fan bin ich dann aber auch wieder nicht…
Ich habe mir daher das WordPress-Plugin mal näher angesehen und festgestellt, dass man das ganz einfach auf eine Standalone-Anwendung umbauen kann, die man bequem im Safari-Browser lädt. Und hier ist es nun: Woopra 4 iPhone:
Mit GoAnimate lassen sich online Animationen und Comics erstellen. Die Plattform setzt mit einem breiten Spektrum an Figuren, Szenen, Hintergründen, Sound und Vorlagen der eigenen Kreativität keine Grenzen. Dabei wird man auch nicht durch den vorgegebenen Content eingegrenzt, auch eigene Bilder und Sounds lassen sich integrieren.
Editiert werden die Trickfilme in einem komfortablen und übersichtlichen Editor (siehe Bild unten), der auch jederzeit Hilfestellung beim Einstieg bietet. Zum Einstieg kann man entweder vorgegebene Templates auswählen oder auch eigene Vorlagen erstellen. Die erstellten Comics lassen sich selbstverständlich in andere Seiten einbinden. Regelmäßige Contests und Wettbewerbe runden das Angebot der Webseite ab.
Weitere Plattformen zum Erstellen von Animationsfilmen:
Eigentlich wollte ich mich zwischendurch mal mit der AJAX-Programmierung vertraut machen und habe mir dafür ein kleines Projekt gesucht. Meine Wahl fiel auf das Generieren von Diagrammen mithilfe der Google Chart API. Die Chart API erlaubt es, mithilfe von Parametern, die an eine Stamm-URL angehängt werden, dynamisch Diagramme von Google als PNG-Bilddateien generieren zu lassen. Kurz hatte ich schonmal hier in einem älteren Artikel berichtet.
Heraus kam mittlerweile der “Google Chart API Generator”. Mit diesem Tool muss man sich nicht erst die Parameter in der URL zusammenbauen und anschließend raten, was man falsch gemacht hat, sondern kann durch einfaches Ausfüllen und Aktivieren von Optionen erstmal seinen Prototypen des gewünschten Diagramms erstellen, um diesen dann in seinem Projekt weiter verwenden zu können. Ich habe dabei versucht sämtliche Optionen (Farben, Gitternetzlinien, Labels, etc) und Diagrammtypen (Linien-, Balken-, Netz-, Kuchendiagramme, u.a.) der Chart API umzusetzen.
Verwendet habe ich hierzu das XAJAX-Framework, was sich als sehr simpel zu bedienen herausstellte. Schnell hatte ich mich in das Projekt reingesteigert und viel programmiert. Nach und nach fehlte mir aber die Zeit, das “Diagramm-Projekt” voranzutreiben und den letzten Feinschliff vorzunehmen und so entschloß ich mich mittlerweile das Projekt zum jetzigen Stand als “Alpha-Version” freizugeben. Sollte sich das Tool als brauchbar und nützlich für den ein oder anderen herausstellen, werde ich den Chart-Generator weiter ausbauen.
Momentan ist er noch etwas langsam (eventuell liegt das auch am Hoster), die Beispiel-Funktion habe ich noch nicht geschafft, die auf einen Klick das Formular ausfüllen soll und hier und da sind noch kleine Fehler bzw. FF/IE-Darstellungsprobleme zu korrigieren.
Auch Microsoft kann mal neben Google mit einer interessanten Online-Applikation überraschen: Die Redmonder haben das Tool Photosynth entwickelt, mit dem sich Fotos eines Objektes in einem 3D-Raum zusammenfügen lassen.
Die Software erkennt anhand der vorgegebenen Bilder Umrisse, Gegenstände, Kameraposition- und Winkel und fügt diese in einem 3D-Panorama zusammen, sodass man sich durch diesen Raum bewegen bzw. das Objekt von verschiedenen Ansichten drehen, zoomen und bewegen kann.
Für die ersten Gehversuche stellt Microsoft einige Tips und Tricks bereit, wie man die Aufnahmen am Besten gestaltet, um ein optimales Ergebnis zu bekommen. Für eigene 3D-Panoramas stehen jedem Benutzer 20GB zur Verfügung.
Voraussetzung ist allerdings dass man sich ein Browser-Plugin installiert und eine Windows-Live-ID besitzt bzw. anlegt. Sie Software läuft momentan nur unter Windows.
Anbei einige Beispiele (am besten schaut man sich die Präsentationen jeweils im Vollbildmodus an):
Stonehenge mit Photosynth:
streitenberger.net in Photosynth: hier habe ich versucht den Blog in einem 3D-Raum lesbar zu machen:
Mein erster großer Versuch in Photosynth: der Bau der FCA-Arena in Augsburg
Wenn man ein Diagramm im Web veröffentlichen möchte kann man diverse Tools wie z.B. Google Chart API nutzen. Ein neues Tool stellt Widgenie dar. Die Seite ist momentan noch im Beta-Stadium und ist spezialisiert auf den kompletten Ablauf vom Einlesen von Datenquellen bis zum Embedding der Diagramme.
Die Funktionsvielfalt hat einen momentan noch nicht vom Hocker, aber es sind gute Ansätze erkennbar. Insbesondere der Import von Excel-Daten erleichtert dem ein oder anderen Laien, dem CSV nichts sagt, den Import. Der Datenquellenbereich wird hoffentlich noch ausgebaut werden, um dynamische Quellen und Daten verarbeiten zu können.
Als Diagrammtypen stehen die üblichen Verdächtigen, wie Balkendiagramm, Kuchendiagramm und Liniendiagramme, zur Verfügung.
Ein erzeugtes Diagramm könnte dann zum Beispiel so aussehen und eingebunden werden:
Von Animoto hatte ich ja schon zum Start meines Blogs mal berichtet. Mit diesem Dienst kann man seine Fotos vollautomatisch zu einer interessanten Video-Slideshow konvertieren lassen. Dabei werden die Bildwechsel und Einblendungen an den Rhythmus der Musik angepasst und erzeugt so ein erstaunliches Ergebnis. Die Web-Anwendung ist nun ein Jahr alt geworden und aus dem Beta-Stadium heraus und hat sich nun mit vielerlei neuen Funktionen erweitert.
Neben den bisherigen Möglichkeiten sich den Film in eine Webseite einzubinden oder als Datei herunterzuladen, kann man sich nun die Filme auch auf den iPod/iPhone und nach YouTube laden. Außerdem kann man sich das Ganze auch in DVD-Qualität bestellen, was natürlich etwas kostet, aber für Firmenpräsentationen stellt das ein interessantes Mittel dar. Ausserdem hat sich die Musikauswahl deutlich erweitert und man kann endlich ein Titelbild für seinen Film wählen, d.h. das giftige Grün als Standbild kann man damit unterbinden.
Das Preiskonzept ist gleich geblieben: 30 Sekunden-Filme sind kostenlos, wer mehr will, muß ein paar Credits kaufen.
Wer sich anmelden möchte, kann mich gerne unterstützen, indem er meinen Referrer-Code dabei angibt: yoksewrx (Ich bekomme kein Geld dafür, nur ein paar Sekunden mehr zum Videos erstellen ;-)
Auf Lovely Charts war ich schon lange gespannt und wollte es unbedingt mal ausprobieren, allerdings hat die Registrierung für die Beta-Phase leider ein viertel Jahr gedauert… Nun habe ich aber einen Zugang bekommen und habs mittlerweile ausprobiert.
Lovely Charts ist ein weiteres Online Tool, das manch lokale Anwendung - wie in diesem Fall z.B. Microsoft Visio - überflüssig macht und schnell von überall auf der Welt bedient werden kann. Es dient dazu, um Diagramme und Organigramme unterschiedlichster Art zu erstellen. Darunter fallen z.B. Sitemaps, Fluß-, Ablauf- und Netzwerkdiagramme, sowie diverse andere Darstellungen von Organisationsstrukturen.
Per Drag’n'Drop lassen sich die diversen Elemente auf das Arbeitsblatt ziehen und über einen zweiten Modus miteinander auf unterschiedliche Weisen verknüpfen. Selbstverständlich kann man die Elemente über Funktionen schön ausrichten und beschriften. Die fertigen Diagramme lassen sich letztendlich als JPG oder PNG exportieren. In Zukunft sollen noch Funktionen für die Online-Zusammenarbeit hinzukommen.
Um schnell und ortsungebunden Diagramme zu erstellen ist die Web-Anwendung bestens geeignet, allerdings ist der Funktionsumfang doch noch sehr eingeschränkt und reicht selbstverständlich nicht an wie z.B. Visio heran. Aber das Problem haben bisher noch alle Web-Anwendungen…
Momentan ist der Dienst kostenlos, allerdings kann man immer nur ein Diagramm speichern. Bei Bezahlung einer Gebühr kann das Tool uneingeschränkt genutzt werden.
Auf der Nokia-Werbeseite http://www.theworldismycanvas.com/ bin ich über eine Funktion gestoßen, die meine sämtlichen Mausbewegungen während meines Besuches aufgezeichnet hatte und diese als Gimmik angezeigt hat. Das hat mich so fasziniert, welche Wege ich zurückgelegt hatte, dass mich dieses Thema mehr interessiert hat. Ich wollte selbst wissen, wie die Leute sich auf meiner Seite bewegen.
Die ganze Thematik wird im Web als “Mouse Tracking” beschrieben, was ein Bestandteil der Webseiten-Besucher-Analyse ist. Dabei werden die Mausbewegungen aufgezeichnet und anschliessend als “Film” wiedergegeben. So kann man ermitteln, welche Inhalte wahrgenommen werden und anhand welcher “Wege” sich die Besucher orientieren. Einige Anbieter beschränken sich dabei eher auf das Thema “Heatmaps”, was die Konzentrationsdichte von Klicks auf der WebSite darstellt. Beide Thematiken habe ich mit ein paar Tools ausprobiert.
Eine Bewertung gebe ich nicht ab, da alle Projekte ihr für und wider haben, je nachdem wozu man es einsetzen möchte.
Schwerpunkt Mouse-Tracking:
1. ClickTale
ClickTale ist ein Vertreter des richtigen “Mouse Trackings”, das heisst, die Mausbewegungen jedes Besuchers werden aufgezeichnet und können anschliessend angesehen und nachvollzogen werden. In der kostenlosen Variante sind bis zu 100 Aufzeichnungen pro Woche kostenlos. Neben den Mausbewegungen werden auch andere Statistiken geführt, wie z.B. Ladezeiten, JavaScript-Fehler und Werte, die auch andere “normale” Webanalyse-Tools anbieten.
Die einzelnen Aufzeichnungen können einzeln nach Datum oder Website ausgewählt werden und wiedergegeben werden. Dabei werden auch die Klickpfade und Ladezeiten nachvollzogen. Die Wiedergabe eines Besuchers sieht im Portal so aus (Hinweis: die Mausbewegungen im Video sind die des aufgezeichneten Besuchers, nicht meine!):
Ein paar WebSite-Analysen aus dem Portal:
2. m-pathy
Der Schwerpunkt bei m-pathy liegt ebenfalls auf dem Mouse-Tracking. In einer zwei-wöchigen kostenlosen Probezeit kann man seine Seite “aufzeichnen” lassen, danach ist das Tool kostenpflichtig. m-pathy zeichnet jeden Besucher individuell auf und spielt diese Aufzeichnungen anschliessend im Portal ab. Dabei wird die Mausspur auf der Seite festgehalten, was einen guten Ãœberblick gibt. Auch das Scrollen der Seite und die Klickpfade werden dabei wiedergegeben. Daneben bietet die Seite auch Heatmaps und Formulartests an. Im Bereich visuelle Aufzeichnung der Mausbewegungen ein gelungenes Tool.
3. RobotReplay
Über RobotReplay hätte ich gerne nun auch ein paar Zeilen geschrieben, allerdings ist der Service gerade down, so dass sich keine Screenshots oder Filme machen kann. Auch diese Tool bietet die Möglichkeit, visuell die aufgezeichneten Mausbewegungen wiederzugeben.
Schwerpunkt HeatMaps:
4. CrazyEgg
Das Tool CrazyEgg ist wiederum ein Vetreter der HeatMaps. Auch hier ist eine kostenlose Anmeldung möglich, allerdings mit Einschränkungen. Bei der kostenlosen Variante werden nur maximal 5.000 Besucher aufgezeichnet und man muss sich auf insgesamt vier Seiten beschränken.
Im Wesentlichen werden drei grafische Auswertungen gemacht: Anzahl Klicks pro Link, HeatMap und die “Confetti”-Darstellung. Letztere differenziert diverse Analysen (Referrer, Operating System, Search-Terms,…) mit farblichen Punkten (Klicks) auf der Original-Website, z.B. welche Besucher, welches Referrers wohin geklickt haben. Dies kann unter Umständen sehr interessant sein.
5. ClickHeat
Das kostenlose ProjektClickHeat ist ein Vertreter der Kategorie “HeatMaps”. Das PHP/Javascript-Projekt lässt sich kostenlos herunterladen und ist sehr einfach zu installieren. Zip-Datei auf dem Webserver in ein Verzeichnis entpacken, Konfigurationsseite aufrufen, JavaScript-Schnipsel in WebSite einbauen, fertig. Von nun an wird jeder Klick gespeichert und kann bei der Ausgabe über verschiedene Zeiträume eingeschränkt werden. Die Darstellung der Klickdichte wird dabei von blau (wenig Klicks) bis rot (viele Klicks) dargestellt. Eine Ausgabe sieht zum Beispiel so aus:
Fazit:
Alles in allem macht diese Art von Website-Analyse jede Menge Spaß. Manchmal ist es regelrecht unheimlich beim Mouse-Tracking zu beobachten, wie sich die Besucher auf der Website bewegen. Man denkt man sitzt heimlich hinter dem Besucher und schaut ihm über die Schulter. Witzig ist auch zu beobachten, wie einige Besucher “mit der Maus lesen”, das heisst, die Maus als Lesehilfe unterhalb des Textes mitbewegen.
Die Liste erhebt selbstverständlich keinen Anspruch auf Vollständigkeit, es gibt durchaus weitere Tools, die sich diesem Thema widmen.
Mittlerweile konnte ich der Versuchung auch nicht mehr widerstehen, mir ein iPhone zuzulegen und habe bei Ebay Italien ein recht günstiges Schnäppchen gemacht.
