Wenn eine Website online geht, werden zusätzlich noch reihenweise Bilder, Logos und Icons benötigt, um auf allen möglichen Geräten oder in sozialen Medien einen guten Eindruck zu machen.
Apple-Touch-Icons auf iPad • Foto: Martin Kohlhaas
Ich kann mich noch an Zeiten erinnern, als es noch keine favicons gab. Die waren der Anfang einer Entwicklung, die längst unübersichtlich geworden ist. Ist das favicon, also das kleine 16x16-Bildchen für die Lesezeichen bzw. die Browsertabs mittlerweile eine Pflichtübung (Favicon-Generator), so gibt es daneben noch viel mehr Bildformate, mit denen wir uns aktuell und in der Zukunft wohl noch mehr beschäftigen müssen. Der nächste Kandidat mit hohem Verbreitungs- und Nutzwert ist das Apple-Touch-Icon. Hier sind wir schon bei einer Größe von 128x128 Pixeln. Eine schöne Anleitung dazu gibt es bei Elmastudio.
Geradezu chaotisch wird es, wenn es um die Darstellung in sozialen Netzen geht. Lunametrics haben dazu die „ultimative“ Infografik erstellt, die „alle“ verschiedenen Bildgrößen zusammenfasst. (vermutlich ist diese Grafik schon heute überholt).
Die neueste Sache ist mir gerade über den Weg gelaufen – Windows-8-Kacheln für die eigene Website – gibt es wirklich: hier entlang.
Also viel Spaß beim Bildermachen, aber bestimmt gibt es dazu auch bald ’ne App.
ILLUMAT - Malen in Zahlen • (Handy)-Foto: Birgit Kohlhaas
„Malen in Zahlen“ steht über der kleinen Statistik-Schau von Illumat, die man zur Zeit im Untergeschoss des Neuen Museums Weimar studieren kann. Ich finde, „Zahlen vom Malen“ wäre auch nicht schlecht – kommt d’rauf an, als was man das Ganze betrachtet, eher als Gemälde aus Zahlen oder eher als selbstreferenzielles Info-Objekt… anyway.
Beim Vorbeilaufen hatte ich übrigens zuerst an diese Kunst-aufräumen-Bücher gedacht, die überall rumliegen.
Nach der handgemachten Infografik von letzter Woche gibt es diesmal eine digitale Zeitreise der anderen Art.
The Insanely Great History of Apple • Source: http://popchartlab.com/collections/prints/products/the-insanely-great-history-of-apple
Alle Apple-Produke auf einem Blick - wobei ein zweiter Blick sich definitv lohnt, denn dabei kann man sicher den einen oder anderen alten Bekannten wiederentdecken.
Die Grafik kommt aus dem Pop Chart Lab und kann dort als Druck bestellt werden. Weihnachten naht.
Die Buchbinderei Vater Ludwig in Jenas Johannisstraße präsentiert diese wundervolle Infografik zur Firmengeschichte im Kontext von anderen Traditionsunternehmen sowie Persönlichkeiten aus Wissenschaft, Literatur und Politik über zwei Jahrhunderte in einer liebevollen Klebearbeit.
Schaufenster der Vater-Ludwig-Buchbinderei in Jena
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.
Lebenslauf-Vergleich auf reuter.com
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
Biographie-Visualisierung von ZEIT-Online
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.
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
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
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
Das Web ist komplex geworden. Spricht man von außen betrachtet von einer Website, dann können in diesem Projekt je nach Auftraggeber, Zielgruppe und Umfang mittlerweile zahlreiche Teilprojekte und Herausforderungen stecken. Dass sich die Technologien verändern, ist – so lange ich das (seit 1994) beobachten kann – normal. Die explosionsartige Geschwindigkeit, mit der neue Techniken entwickelt werden, sich durchsetzen und wieder verschwinden, ist aber erst in den letzten maximal zwei Jahren entstanden. Ein Ende ist dabei nicht abzusehen.
Nachfolgend stelle ich einen Ansatz zur Strukturierung der Themenfelder innerhalb einer Website-Entwicklung zur Diskussion. Zwischen den Themenbereichen gibt es natürlich Überschneidungen. Nicht alle Aspekte spielen für alle Projekte eine Rolle. Viele Aspekte können bei kleinen Projekt in Personalunion und integriert bearbeitet werden. Jeder dieser Bereiche eignet sich aber auch für eine gesonderte Betrachtung und Bearbeitung und bietet die Möglichkeit für Aufgabenteilung, Spezialisierung und Arbeit im Netzwerk.
Konzept
Aufgabenstellung und Projektdefinition, Designidee
Serverinstallation, Provider(-kommunikation), Installation beim Kunden (E-Mail, Datenaustausch)
Schulung
Update 12.01.2011, 19:13: Zur Illustration und besseren Übersicht der Zusammenhänge habe ich die Stichpunkte mal in ein Bild gepackt.
Update 14.01.2011, 14:41: Weil mir das Bild zu statisch war, habe ich daraus eine Website gemacht, die unter www.640x480.de/webdeveloper/ zu finden ist.
