640x480.de

Beiträge aus dem Was-mit-Medien-Alltag

3D-Twitter auf tablets/smartphones

Etwa im Juni 2011 startete ich mit Überlegungen zur 3D-Visualisierung von twitter timelines. Als typisches side project liefen diese Gedanken mal mehr mal weniger intensiv im Hintergrund.

2 Bilder. Klicken Sie auf ein Bild um die Diaschau zu starten.

3D twitter Ausschnitt aus Projektskizze Martin @ University of Otago, Dezember 2011

Im Herbst 2011 wurde dann daraus ein Projekt am Department of Information Science der University of Otago in Dunedin, Neuseeland bei Prof. Holger Regenbrecht. Im Dezember 2011 konnte ich dann vor Ort erste Prototypen anschauen. Dieser Artikel dient dazu, laufende Entwicklungen an einem Ort zu sammeln.

Kurzbeschreibung: Über das Display eines tablets bzw. smartphones schaut man in einern virtuellen Würfel/raum hinein. Per Bewegung des Gerätes (Gyrosensor) kann ich die verschiedenen Seiten/Wände betrachten. Meine tweets (auch Übertragbar auf E-Mails, RSS-Feeds, etc.) sind an diesen Wänden und im Raum organisiert (geografisch, zeitlich, nach Absender, etc.). Die räumliche Strukturierung ermöglicht mir einen besseren Überblick über Themen und Entwicklungen als die 2D-Listen, so meine These.

Link-Ergänzungen

3D twitter: Organisation des Informationswürfels (pdf / 640 Kb)

3D twitter: räumliche Organisation der Informationen (pdf / 381 Kb)

03.08.2012 | Noch keine Kommentare

Blog-Navigation

Im Rahmen der Neugestaltung eines Blogs stellte sich bei uns die Frage nach der Blättern-Funktionalität im News-Stream. Eine Blitz-Recherche auf von mir häufig gelesenen Blogs erbrachte hier kein einheitliches Bild. Es gibt bei diesem Thema also entweder unterschiedliche Ansätze oder – was ich für wahrscheinlicher halte – das entsprechende Backend stellt eine bestimmte Art der Navigation bereit, die vom Frontend-Entwickler nicht geändert werden konnte, wollte, wurde.

7 Bilder. Klicken Sie auf ein Bild um die Diaschau zu starten.

Blog-Navigation: fontblog.de Blog-Navigation: daily-ivy.de Blog-Navigation: indiskretionehrensache.de

Einheitlich und damit als gemeinsamer Nenner annehmbar ist die Tatsache, dass die Beiträge/Meldungen von neu nach alt sortiert sind.

Und ab da beginnen die Interpretationsmöglichkeiten:

  1. Die Metapher für die Organisation der Meldungen ist ein Zeitstrahl. Dieser beginnt in der Vergangenheit links und erstreckt sich in die Zukunft nach rechts. Die neueste Meldung hat ihren Platz damit ganz rechts auf dem Zeitstrahl. Will ich also zu älteren Beiträgen zurück, dann muss ich folgerichtig „nach links“ blättern. (z.B. www.fontblog.de, www.daily-ivy.de, www.indiskretionehrensache.de)
  2. Wie in einem Schnellhefter befinden sich alle Meldungen auf Seiten aufgeteilt, wobei die neuesten Meldungen (= aktuelle Seite) immer davor geheftet werden (Ein System, was mir übrigens schon in der Schule immer gegen den Strich ging. Logischer finde ich die Variante die neuesten Aufzeichnungen hinten an den Block anzuheften.) In diesem Fall blättere ich also „nach rechts“, um zu den älteren Meldungen zu gelangen. (z.B: www.praegnanz.de, www.designtagebuch.de, www.bildblog.de)
  3. Die Meldungen werden von oben nach unten sortiert, die Metapher ist also ein Stapel, auf den immer oben eine neue Meldung drauf kommt. In dem Fall blättere ich „nach unten“, um zu früheren Meldungen zu kommen. Da im Blog auf der ersten Seite ja üblicherweise schon mehrere Meldungen von neu nach alt von oben nach unten organisiert sind, hat diese Variante auch eine gewisse Logik. (z.B. http://www.fscklog.com/)

Gibt es weitere?

31.05.2012 | Noch keine Kommentare

Schnelle Bugfixes für unterwegs

Ab und an komme ich in die Verlegenheit, unterwegs mal schnell an einen Quelltext zu müssen. Neuerdings lasse ich den Laptop allerdings immer öfter im Büro und habe statt dessen nur das iPad dabei. Nach einer ganzen Weile des Suchens habe ich jetzt ein Set an Programmen zusammen, mit denen ich einigermaßen zurechtkomme, auch wenn das noch keine optimale Arbeitsumgebung ist.

Was nutze ich also:

  1. „1Password“ für die ganzen Zugangsdaten, gesynct mit dem Laptop (nicht via Dropbox, sondern nur lokal)
  2. „Code - Source Code Viewer“ um sich den Quelltext der problematischen Website anzeigen zu lassen. Finde ich persönlich echt umständlich und mir ist nicht klar, warum man eine solche Funktion nicht auch in den normalen Browser einbauen kann. Aber es tut seinen Dienst, auch wenn ich auf diese extra App gerne verzichten würde.
  3. „Gusto“ für die eigentliche Bearbeitung der Website/Skripte. Das Programm hat FTP/SFTP direkt integriert. Man kann Projekte anlegen, damit alle Files sauber sortiert bleiben. Dateien können auf dem Server umbenannt werden, Rechte geändert, was man eben so braucht. Nicht schlecht. Der Editor bringt eine sinnvolle Tastatur mit und hat als einzige Schwäche zu wenig Platz zum schreiben. Die Entwickler arbeiten allerdings nach Nachfrage per E-Mail an einem Vollbildmodus beim Bearbeiten, dann wird es noch besser. Gut finde ich auch, dass das Programm mit einer extra PIN geschützt ist.

Mit dieser Kombi lässt es sich beruhigt auch mal ein paar Tage ohne Rechner auskommen und ich bin trotzdem in der Lage mal einen Fehler von unterwegs zu beseitigen.

23.11.2011 | Noch keine Kommentare

„Lebensläufe“

Ich möchte die Lebensläufe von Personen grafisch darstellen, um diese in ihrer Maßstäblichkeit vergleichbar zu machen. Als Darstellung dient ein Diagramm, welches von unten nach oben wachsend das Leben der Person von der Geburt an darstellt. In einem Raster (Jahre/Monate) werden Ereignisse als Balken dargestellt. Die Ereignisse werden auf unterschiedlichen Ebenen erfasst (Ausbildung/Beruf, Familie (Stand, Nachwuchs), Orte (Wohnorte)). Diese Ereignisebenen werden farblich kodiert.

Skizze für die Visualisierung der Lebensläufe
Skizze für die Visualisierung der Lebensläufe

Technik

Die Verwaltung der Daten erfolgt in Akira (Events), die Eintragung erfolgt zunächst direkt im CMS, später über ein Website-Frontend. Die Darstellung der Daten erfolgt als SVG-Grafik.

Zunächst muss eine Person als solches erfasst werden (Name, Geburtsdatum und -ort, ggf. Sterbedatum und -ort, Geschlecht). Diese Person kann sich später immer wieder anmelden (oder jemand stellvertretend …), um neue Ereignisse zu erfassen. Anhand einer Checkliste sollen bestimmte Eckdaten, wie Schulausbildung, Berufsausbildung, Familienentwicklung, Umzüge abgefragt werden, um möglichst viele Ereignisdaten zu erhalten.

Als Website-Besucher kann man sich aus einem Pool von Personen mindestens zwei Personen auswählen, deren Diagramme dann nebeneinander gestellt visualisiert werden, um diese zu vergleichen.

Als alternative Visualisierungsform kann es noch eine absolute Sicht geben, wo die Lebensläufe zeitlich richtig eingeordnet werden (also nicht die Geburtsdaten auf einer Ebene liegen)

Wozu?

  • Beispiel für den Umgang mit SVG und Diagrammerstellung
  • Beispiel für eine soziale Website (auch andere Länder interessant)
  • eigene Familiengeschichte dezentral erfassen
  • Möglichkeit, das als HTML5-App auszubauen
  • spannendes persönliches Material für Geschichtsunterricht?
  • Nacherfassung berühmter Prsönlichkeiten als Unter-Projekte

Ausbaumöglichkeiten

  • Verlinkung der Profile untereinander (ich / mein Kind, dadurch Verzweigung der Lebensläufe)
  • Freie Kommentare außerhalb der Rubriken hinzufügbar
  • Neue Rubriken hinzufügbar
  • Attachments, wie Bildmaterial und Links zu Ereignissen
  • Verlinkung der Person mit eigener Website, Facebook, etc.
  • Anonymisierung
  • persönliches Lebenslaufbuch generieren 

Update 20.09.2011

Random Rembrandt, Diagramm von Otto Neurath aus ›From hieroglyphics to Isotype‹, S. 112
Random Rembrandt, Diagramm von Otto Neurath aus ›From hieroglyphics to Isotype‹, S. 112

In Otto Neuraths Buch fand ich eine Darstellung der Familie Rembrandts, welche genau das anzeigt, was ich mir in der sog. „absoluten Sicht“ vorgestellt hatte.

Update 26.10.2011

Passend zum Thema ein Artikel mit Lebensläufen als Infografiken: http://t3n.de/news/lebenslauf-infografik-10-uberzeugende-beispiele-338809/

Update 19.03.2012

Beitrag bei dradio.wissen über „kreative Lebensläufe“ und welche Anbieter sich da so tummeln, u.a. der Hinweis, das Anbieter den Import von linked.in-Daten ermöglichen, um daraus Diagramme zu erzeugen: http://wissen.dradio.de/karriere-mein-leben-als-tortendiagramm.36.de.html?dram:article_id=15583

Update 19.03.2012

Lebensläufe als Grafik in Aktion
Lebensläufe als Grafik in Aktion

Und da haben wir es mal wieder: Das aktuelle Zeit-Magazin (Nr. 12, 15.3.2012) zeigt „Biografik“. Schöner hätte ich es selbst nicht aufzeichnen können. Jetzt das Ganze nur noch im Web machen - aber das gibt's sicher auch schon, ich hab’s nur noch nicht gefunden. (siehe Bildergalerie)

Update 12.04.2013

Lebenslauf-Vergleich auf reuter.com
Lebenslauf-Vergleich auf reuter.com

Im Rahmen eines umfangreichen Dossiers über Karrieren und Netzwerke in China finden sich auch großartige interaktive Lebensläufe mit Filtern und Vergleichen und allem Drum und Dran. Anschauen! http://connectedchina.reuters.com/

Update 19.09.2013

Biographie-Visualisierung von ZEIT-Online
Biographie-Visualisierung von ZEIT-Online

Man muss nur lange genug warten, dann macht es jemand anders :) Gehe heute auf ZEIT Online und finde eine interaktive Übersicht von Lebensläufen mit verschiedenen Informationebenen usw. – alle schön synchronisiert und auch Achse gebracht. Hier der Link

17.07.2011 | Noch keine Kommentare