Eric Sturm, Webdesigner, Berlin

Seit Januar 2012 bin ich Lehrbeauftragter für "Interaktive Medien" im Masterstudiengang Architektur Media Management (AMM) an der Hochschule Bochum.

Für das Lehrgebiet habe ich vier Themenfelder definiert, die in einführenden Vorträgen von mir vorgestellt und von den Studierenden in gemeinsamen Analysen und praktischen Übungen vertieft werden: Webdesign, Social Media, Web 2.0 und webbasierte Zusammenarbeit.

Als Grundlage aller Vorträge und als "roten Faden" durch das Gesamtthema "Online" habe ich mit "Prezi" eine interaktive Präsentation erstellt (siehe oben). Je nach Thema ergänze ich sie mit Folien aus meinen Seminaren.

Permalink | Leave a comment  »

Screenshot: architekturmeldungen.de auf dem Desktop

Seit einiger Zeit betreibe ich die Seiten architekturmeldungen.de und fussballmeldungen.de. Zu Anfang waren beide Seiten eher Test- bzw. Hobby-Projekte.

Inzwischen hat vor allem architekturmeldungen.de eine kleine Fangemeinde, die stetig wächst. Das freut mich sehr. Das ursprüngliche Angebot (alle relevanten RSS-Feeds aus der deutschsprachigen Architekturszene auf einer Seite) habe ich inzwischen etwas erweitert: Es gibt unter m.architekturmeldungen.de auch eine Handy- bzw. Smartphone-Version, außerdem twittere ich unter @architektur_de interessante Architektur-Meldungen.

Screenshot: fussballmeldungen.de auf dem Desktop

Was mich immer gestört hat, war die schlechte Performance der Seiten, sowohl bei den Fußball-, als auch bei den Architektur-Nachrichten: Zeitweise dauerte der Aufruf einer der Seiten über eine Minute. Vor allem unterwegs, am iPhone, fand ich das sehr anstrengend.
Die lange Ladezeit lag vermutlich an dem von mir verwendeten Skript zum Aggregieren der Inhalte aus den verschiedenen RSS-Feeds (auf architekturmeldungen.de immerhin zur Zeit 47 Stück).

Heute habe ich das alte Skript gegen ein neues ausgetauscht: Ab sofort sammelt "SimplePie" die RSS-Feed-Inhalte ein. Und siehe da: Das Ganze läuft deutlich schneller ab, ruckzuck sind die Seiten geladen. Sehr schön. Wer ebenfalls RSS-Feeds auf einfache Weise in seine Website integrieren möchte: simplepie.org.

Permalink | Leave a comment  »

Mein neues Seminar-Format vermittelt die wichtigsten Anforderungen an eine moderne und nutzerfreundliche Website. Das Seminar habe ich ursprünglich für Architekten und Ingenieure entwickelt, kann es aber auch für andere Branchen anpassen.

Hier die Seminarbeschreibung als PDF:

Permalink | Leave a comment  »

Meine bisher sehr erfolgreichen Social Media-(Tages-)Seminare für Architekten (und andere Zielgruppen) gibt es nun auch in einem kompakten, zwei- bis dreistündigen Format als Abendveranstaltung. 

Hier die Seminarbeschreibung als PDF:

Permalink | Leave a comment  »

Eines meiner neusten Seminar-Themen beschäftigt sich mit der einfachen Website-Erstellung mit Hilfe von Website-Baukästen und -Generatoren. Hier die Seminarbeschreibung als PDF:

Permalink | Leave a comment  »

Mitte November 2011 ging die neue Büro-Website des Berliner Architekten Alfred Meistermann online. Die Internetpräsenz wurde von mir entworfen und auf Basis eines Open Source-Content Management Systems realisiert.

Hier einige Seiten als Screenshots:

Link zur Website: meistermann-architekt.de

Permalink | Leave a comment  »

Für die Ferienwohnungs-Vermieterin Ilona Arens aus Bonn habe ich eine kleine, temporäre "Baustellenseite" erstellt. Die schnelle Übergangslösung (Aufwand mit Domaineinrichtung etc.: ca. 1,5 h) informiert die Besucher über die Ferienwohnung in Lörrach, bis die neue, "große" Website für das neu eingerichtete Apartment fertig ist.

Oben: Die temporäre Website unter apartment-loerrach.de

Weitere "Baustellen-Seiten", die ich für meine Kunden erstellt habe, finden Sie auf meiner Büro-Website.

Permalink | Leave a comment  »

Das Flattr-Prinzip (Skizze auf flattr.com)

Schon seit Monaten hatte ich vor, die grünen Flattr-Buttons auf die Seiten meines Online-Magazins "Internet-fuer-Architekten.de" zu bringen, doch das Einbinden erschien mir zu kompliziert. Dabei ist es eigentlich ganz leicht. 

Wer (wie ich im Falle von Internet-fuer-Architekten.de) seine Website nicht gerade mit Wordpress oder einem anderen bekannten CMS betreibt, muss die Flattr-Buttons "von Hand" integrieren, denn nur für die bekanntesten Content-Management-Systeme existieren Flattr-Addons bzw. -Plugins. 

Die Anleitung auf flattr.com kam mir zunächst etwas verworren vor. Doch wenn man das ganze Ding einfach mal komplett durchliest, merkt man: Es ist ziemlich einfach.

So geht's: In den Kopf der HTML-Datei (bzw. des CMS-Templates) muss der Javascript-Aufruf gesetzt werden. Dabei ist wichtig, dass man der aufgerufenen Datei "load.js" die eigenen Parameter mitgibt: "uid" (Nutzer-ID), "language" (Sprache der Landing-Page auf flattr.com) und "category" (Medienkategorie der zu flatternden Inhalte).

Hinweis: Da die Nutzer-ID angegeben werden muss, sollte man sich also vorher bei Flattr angemeldet haben, sonst wird's nichts mit dem Geldverdienen ;o)

Screenshot: Aufruf des Flattr-Javascript ("load.js") im <head>-Bereich der Website

Der grüne Flattr-Button selbst wird mit einem simplen Anker-Tag erzeugt. Wie man am Screenshot unten sieht, sind noch weitere Angaben wichtig:

• href: klar, die zu flatternden Seite (URL)
• title: der Titel der Seite, die geflattert wird
• lang: Sprache der Landing-Page bzw. der Seite

Screenshot: Der Flattr-Button wird durch einen simplen Anker-Tag erzeugt.

Hinweis: Die beiden Angaben "onClick" und class="extern" schreibt mein CMS automatisch, sie haben nichts mit Flattr zu tun.

Zwischen den <a>-Tags steht die Seitenbeschreibung, die nach dem Klick auf der Flattr-Landingpage (auf flattr.com) für die Seite angezeigt wird.

Wer ein CMS nutzt, kann URL, Seitentitel, Seitenbeschreibung  relativ einfach dynamisch erzeugen, darauf will ich hier jetzt nicht eingehen. (Bei einer kleinen, statischen Seite kann man diese Angaben theoretisch auch auf jeder Seite von Hand eintragen.)

Sprachangabe: Je nach System wird die Angabe für "lang" ebenfalls dynamisch erzeugt oder fest reingeschrieben. 

OK, das war's schon. Fertig.

Oben: Ein Flattr-Button auf Internet-fuer-Architekten.de

Permalink | Leave a comment  »

Screenshots oben: Profilseite, Pinnwand und persönliche Nachrichten

Vor ein paar Monaten hatte ich mal von der Möglichkeit gelesen, dass man alle eigenen Facebook-Daten auch gesammelt als ZIP-Datei herunterladen kann. Das fand ich zwar persönlich nicht soo wichtig, weil ich auf FB meist nur Dinge poste, die ich auch an anderen Orten gespeichert habe.
Außerdem glaube ich nicht, dass es wirklich relevant ist, jede noch so kleine "Gefällt mir"- oder Kommentar-Äußerung auf der eigenen Festplatte zu archivieren. Aber als stets informierter Seminar-Dozent ;o) zum Thema "Social Media" wollte ich einfach mal testen, wie es geht. 

In den "Kontoeinstellungen" des eigenen Facebook-Profils gibt es den Link "Lade eine Kopie deiner Facebook-Daten herunter" (Screenshot oben). Auf der nächsten Seite erscheint dann ein Button "Mein Archiv aufbauen".

Nach dem Klick dauerte es bei mir ein paar Stunden, bis FB die ZIP-Datei generiert hatte. Das System verschickt eine E-Mail, wenn es soweit ist. In der Mail steht auch der Link zum Download der zusammen gepackten Daten. Bei mir waren es 65 Megabyte, die ich in ca. vier Jahren angehäuft habe.

Hat man die ZIP-Datei heruntergeladen und entpackt, präsentiert sich ein typische Struktur einer kleinen, statischen Website: Ein Klick auf die "index.html" öffnet das Datenpaket im Webbrowser. In einem reduzierten Layout – analog zur Facebook-Website mit Foto, Pinnwand, Nachrichten etc. – werden die Inhalte dargestellt, natürlich nur bis zu dem Zeitpunkt des Downloads.

Sehr praktisch: Die während der Facebook-Mitgliedschaft hochgeladenen Fotos sind im Ordner "Photos" schön übersichtlich zusammen gestellt. 

Fazit: Eine schöne und bequeme Möglichkeit, die eigenen Facebook-Daten bequem zu archivieren. Vor allem, wenn man die eigenen Fotos etc. nicht anderswo regelmäßig archiviert.

Und: Amüsant ist eine kleine Zeitreise durch den eigenen Alltag auf jeden Fall (siehe Screenshot unten ...).

Permalink | Leave a comment  »

Hinter dem Firmennamen LPDM ("Los profesionales del montaje") steht der Berliner Planer Thomas Wienands, der seit 2004 in den Bereichen Architektur, Innenarchitektur und (Möbel-)Design selbständig tätig ist. Seine von mir realisierte Website präsentiert ausgewählte Referenzen.

Meine Leistungen in diesem Projekt: Kundenberatung, Adaption / Ausarbeitung des kundenseitigen Screendesign-Entwurfs, HTML-Erstellung, CMS-Implementierung.

Link: lpdm.de

Permalink | Leave a comment  »

Vor wenigen Tagen ging auf che-architektur.de die neue Website von Christian Hertweck, Architekt aus Berlin, online. Die Internetpräsentation informiert über aktuelle und bisherige Projekte des Planers, z. B. das Wohnprojekt "Tetris" in Berlin-Adlershof.

Die Website wurde mit dem Content-Management-System "Indexhibit" realisiert. 
Meine Leistungen: Kundenberatung, Ausarbeitung und Umsetzung der kundenseitigen Screendesign-Entwurfs, Anpassung des CMS 

Link: che-architektur.de

Permalink | Leave a comment  »

Seit ein paar Wochen ist die von mir gestaltete Website des Büros "Eberl-Pacan | Architekten + Ingenieure für Brandschutz" online. Das Planungsbüro aus Berlin-Friedenau ist auf den Bereich “Vorbeugender Brandschutz” spezialisiert und erstellt Brandschutzgutachten und Brandschutznachweise.

Meine Leistungen bei diesem Projekt: Kundenberatung, Konzeption, Screendesign, HTML-Erstellung und Anpassung des Content-Management-Systems

Link zur neuen Website: eberl-pacan.de

Permalink | Leave a comment  »

In Apples Safari-Browser genügt ein Klick, und aus einer mit Werbebannern, Seitenspalten und Buttons überfüllten Website wird ein bequem lesbares "DIN A 4-Blatt".

Screenshot: Ein stern.de-Artikel in der Reader-Ansicht

So geht's: Bei den meisten Online-Ausgaben von Tageszeitungen, Fachartikeln oder Blog-Posts erkennt der Browser automatisch, dass ein "Haupttext" vorhanden ist. Rechts oben in der Adresszeile des Browsers wird dann die Schaltfläche "Reader" eingeblendet. Per Klick lässt sich damit die Leseansicht des Artikels aufrufen. Hier werden nur der "Haupttext" und die darin enthaltenen Bilder angezeigt.

Screenshot II: Die normale Ansicht des Artikels auf stern.de. Der Button ("Reader") rechts oben in der Adresszeile ruft die Reader-Ansicht auf.

Permalink | Leave a comment  »

Am 01.11. und am 03.11.2011 finden in Berlin bzw. Hamburg zwei Abendveranstaltungen der Reihe "beste Aussichten" der db deutsche bauzeitung (Konradin-Verlag) statt. Neben Produktvorstellungen und einem Architekturvortrag (von AllesWirdGut, Wien) gibt es einen Impulsvortrag von mir. Arbeitstitel: Mehrwert durch Haltung – Web 2.0 und Social Media für Architekten

Weitere Informationen und Anmeldung (kostenlos) unter arcguide.de/besteaussichten

Permalink | Leave a comment  »

Am 08.09.2011 war ich als Gast bei den "Transportbetontagen 2011" in Düsseldorf. Vor Fachjournalisten aus der Baubranche hielt ich einen Vortrag zum Thema "Social Media im Redaktionsalltag".

Im Vortrag stellte ich nützliche Werkzeuge für die tägliche Arbeit vor und zeigte gelungene Beispiele für den Social Media-Einsatz aus diversen Redaktionen.

Hier die Folien meiner Präsentation:

Permalink | Leave a comment  »

Für mein Video-Blog architekturvideo.de habe ich kürzlich eine neue Smartphone-Version entwickelt. Seit Juli sind dort die aktuellsten Videos nicht nur (wie bisher) für iPhone- und iPod-Nutzer, sondern auch für Mobilgeräte mit Android und anderen Betriebssystemen bequem und übersichtlich abrufbar.

Permalink | Leave a comment  »

Ab sofort ist das Anwalts-Blog meiner Kunden Ulrich Dost und Oliver Marson auch bequem unterwegs erreichbar: Die grafisch reduzierte Mobilversion bringt alle Beiträge ohne lange Ladezeiten und gut lesbar auf iPhones, Android-Handys und andere mobile Gerätschaften. 

Oben: Screenshots des Blogs verteidiger-aus-berlin.de auf dem iPhone

Zum Einsatz kommt dabei das Plugin WP Touch Pro (eine Art Erweiterung für das Blogsystem "Wordpress"). Vorteil: Das Ganze ist äußerst kostengünstig und in kürzester Zeit installiert. Das Plugin muss lediglich in gestalterischen Details wie Schriftarten und -farben dem "normalen" Blog-Design angepasst werden. 

Ausprobieren: Einfach verteidiger-aus-berlin.de in den Browser des Smartphones eingeben, fertig. Sie werden dann i. d. R. automatisch auf die Mobilversion umgeleitet. Viel Spaß!

Permalink | Leave a comment  »

In der aktuellen Ausgabe der "Bauwelt" wird in einer Meldung die u. a. von mir veranstaltete Konferenz "Blogging the City" besprochen. Und es darf gelacht werden: Redakteurin Brigitte Schultz wirft nonchalant die Vertreter der diversen Architektur- und Urbanismus-Blogs in einen Topf namens "junge Freizeit-Blogger". Alles klar. Mit meinen 40 Jahren fühle ich mich sehr geschmeichelt! (Auch wenn ich natürlich vor allem berufliche Ziele mit dem Bloggen verbinde, doch das kam wohl bei meinem Vortrag nicht so richtig rüber ...)

Oben: Screenshot der Meldung auf bauwelt.de

Ich finde es wirklich äußerst positiv, dass das Thema und die Konferenz auch den altehrwürdigen Holzmedien ein paar Zeilen wert ist. Was mich wundert: Die Bauwelt-Meldung widmet sich erstaunlich ausführlich der (Print-)Kollegen-Kritik und erstaunlich wenig den eigentlichen Inhalten und Zielen der Konferenz. Das kommt dann sicher nächstes Jahr. Irgendwann findet auch die letzte Print-Redaktion zu einer entspannten Haltung gegenüber der wilden, wilden Online-Szene ...

» Zur Meldung auf bauwelt.de

Permalink | Leave a comment  »

Da ich mit der iPhone-App von XING keine guten Erfahrungen gemacht – und sie deswegen deinstalliert habe, nutze ich unterwegs seit einiger Zeit die Web App von XING (http://touch.xing.com). Sie stellt die Grundfunktionen des Social Networks recht gut zur Verfügung. 

Diese reduzierte Oberfläche lässt sich natürlich auch am Notebook bzw. Desktop-Rechner nutzen. Das tue ich seit der Einführung des neuen XING-Designs, da ich mit dem Layout der Seiten absolut nicht einverstanden bin. Mich stört vor allem die – in meinen Augen – misslungen Proportionierung bzw. Hierarchisierung der Seite und der Bedienelemente. Kurz gesagt: mit dem super reduzierten Design der Web App kann ich XING viel besser nutzen. Hier ein paar Screenshots:

Link: http://touch.xing.com

Permalink | Leave a comment  »