Das ist schwierig. WordPress MU ist vom Aufbau her eine reine Hosting-Plattform, geschaffen für WordPress.com, der Geld-Druck-Maschine der WordPress-Macher. Eine Interaktion zwischen den Blogs ist nicht vorgesehen, eine zentrale Auflistung ausgewählter bzw. neuer Blogs oder Artikel ebenfalls nicht. (Die angezeigten meistgelesenen Blog Posts auf der WordPress.com-Startseite werden auf Basis des WordPress.com Stats-Plugins ausgelesen. Ein Workaround, das ich natürlich nicht zur Verfügung habe.)

Technischer Hintergrund

Um ohne großen Aufwand zu skalieren, erstellt WordPress MU für jeden einzelnen Blog im System komplett eigene Tabellen für Artikel, Kategorien, Links, etc. Damit muss man sich bei 100.000 aktiven Blogs keine Gedanken machen, die Datenbankabfragen so zu optimieren, dass aus der 100-Millionen-Artikel-Tabelle (WordPress speichert jede Revision, 1000 Artikel-Datensätze pro Blog sind also nicht unrealistisch) noch immer einigermaßen geschwind die Artikel abgefragt werden.

Das einzige (und viel simplere) Skalierungsproblem, das gelöst werden muss, ist die Aufteilung der Tabellen auf verschiedene MySQL-Schemas. (Ein Schema beinhaltet mehrere Tabellen, die Tabellen die Daten. Ab einigen tausend Tabellen in einem einzelnen Schema wird MySQL allerdings wieder langsam, weshalb eben mehrere Schemen erstellt werden, die auf verschiedene Server verteilt werden.) Der Code für diese Verteilung der Tabellen auf MySQL-Schemas wurde übrigens, wie die meisten WordPress.com-spezifischen Features, nicht als Open Source veröffentlicht.

Jetzt ist es aber nicht ernsthaft möglich, aus mehreren Tabellen die neuesten Artikel auszulesen. Workarounds, wie die Sammlung aller Artikel in einer zentralen Artikel-Datenbank, beheben dagegen nicht das ursprüngliche Skalierungsproblem.

Meine Mini-Lösungen

Ich habe für meine eigenen Zwecke einige Mini-Lösungen entwickelt, die diese Probleme ausmerzen, gleichzeitig aber auch so gut wie möglich skalieren sollen.

Ich hab bisher keine der Plug-ins veröffentlicht, werde das aber bei Interesse gerne tun.

Global Blog Options

Global Blog Options ist im Prinzip eine Kopie der “normalen”, Blog-spezifischen Optionen, die von WordPress verwendet werden, um die Einstellungen zu speichern. Die Blog-Optionen werden in einer für jeden Blog eigenen Tabelle gespeichert, es ist daher nicht möglich, zum Beispiel alle Blogs mit einem bestimmten Design anzuzeigen.

Global Blog Options ermöglicht, Optionen in eine zentrale Tabelle zu speichern, eine Global Blog Option besteht aus der Blog-ID, dem Schlüssel und dem Wert. Basierend auf Schlüssel und Wert können dann Blogs abgefragt werden.

Blogs bei Lokales.at werden beispielsweise einem Bezirk zugeordnet, der Schlüssel ist “region”, der Wert zum Beispiel “linz”. Auf einer Linz-Übersichtsseite können dann sehr einfach alle Blogs ausgelesen werden, die als Schlüssel “region” und als Wert “linz” gespeichert haben.

Dieses Plug-in wird wahrscheinlich auch seinen Weg in Lauter.fm finden, wo wir vorhandene Profil-Daten zusätzlich zentral speichern, um die Blogs besser visualisieren zu können.

Global Blog Posts

Global Blog Posts ist ebenfalls eine zentrale Tabelle, in der die IDs und das Veröffentlichungs-Datum aller Blog Posts gespeichert werden. Die Verwaltung dieser Tabelle wird automatisch im Hintergrund vorgenommen.

In Verbindung mit den Global Blog Options kann ich jetzt beispielsweise alle neuen Blog-Artikel aus der Region “Linz” anzeigen.

Ich werde hier keinen objektiven Test-Bericht schreiben, es gibt genügend ausführliche Tests der Prozessor-Geschwindigkeit, der Display-Helligkeit oder der Hitze-Produktion. (Zum Beispiel bei NotebookReview.com)

Ich habe im letzten Jahr einen Sony VAIO SZ71 mit 13 Zoll verwendet, das Thinkpad ist preislich dank einem Studentenangebot von Lenovo im gleichen Bereich angesiedelt.

Größe

Der Lenovo x200s hat einen 12 Zoll-Monitor – meiner Ansicht nach die kleinste Bildschirmgröße, mit der man noch vernünftig arbeiten kann. Ich bin kein Fan von Netbooks, die sind sowohl zu klein als auch zu leistungsschwach für Arbeit. Reiner Elektronikschrott, mehr nicht.

Einschließlich des 9-Zellen-Akkus (der hinten beim Laptop ca. 2,5cm heraussteht) ist der x200s etwa gleich groß wie der Sony VAIO SZ71. Dadurch geht sich eine richtige Tastatur (ohne zusammengequetschte Tasten) aus, was natürlich ein absolutes Muss ist.

Der 9-Zellen-Akku ist etwas, das mich nervt. Ohne diesen Riesen-Akku wäre das Gerät doch deutlich schöner. Aber 10 Stunden Akkulaufzeit sind eine recht gute Entschuldigung dafür. Ich überlege trotzdem, einen zusätzlichen 6-Zellen-Akku zu kaufen.

Leistung

Mein x200s-Modell hat einen Core 2 Duo-Low-Voltage-Prozessor mit 1,86 GHz eingebaut. Der hat einen niedrigeren Verbrauch als normale Mobil-Prozessoren, aber trotzdem eine gute Leistung. In der Hinsicht bin ich so zufrieden, dass ich überlege, mir eine x200 Ultrabase Docking Station für zu Hause zu kaufen, an die ich meine üblichen Geräte (Bildschirme, etc.) und den Computer entsorge (= verkaufe). Das erspart Platz und Synchronisierungs-Aufwand.

Einen objektiven Leistungs-Vergleich zwischen PC, altem und neuem Laptop hab ich nicht – einen ausführlichen Benchmark durchzuführen, ist mir zu aufwendig. Gefühlsmäßig ist der Laptop langsamer etwas langsamer als der PC und schneller als der alte VAIO.

Verarbeitung/Material & Design

Eine der Sachen, für die Lenovo besonders gelobt werden muss, schon immer wurde, ist die Verarbeitung des Geräts. Das Displaygehäuse besteht aus Kohle- und Glasfaser (besonders leicht und solide). Das Gerät ist wie üblich für Thinkpads in schwarz gehalten.

Die Schönheit der Thinkpads ist Ansichtssache. Ich finde sie schön, aber eben anders schön als MacBooks. Sie ist simpel und funktionell. Es gibt viele Kleinigkeiten, die man “schöner” lösen könnte, aber eben nur auf Kosten der Haltbarkeit oder Qualität des Geräts. Mein “alter” VAIO hatte zum Beispiel eine schönere Tastatur, weil die Tasten flacher waren. Tippen ist aber mit den Thinkpad-Tasten angenehmer & leiser.

Spezial-Features

Ich habe unter anderem deshalb den Lenovo x200s gewählt, weil er ein UMTS-Modem und einen Fingerprint Reader eingebaut hat.

Das UMTS-Modem ist eine praktische Sache – ich verwende mein UMTS-Modem sehr oft, direkt eingebaut ist es einfach bequemer, als dieses unsägliche USB-Kabel-Klumpert, das dank schlechtem Anschluss immer wieder einfach nicht funktioniert, etc.
Beim ersten UMTS-Test hab ich übrigens nicht mit meiner Orange-Datenkarte verbinden können (es hat nach einem SIM-Lock ausgesehen), beim zweiten Versuch ist dann aber alles korrekt gelaufen. Ich war ganz kurz geschockt. Mitgeliefert wird nämlich eine Vodafone-Karte, und Vodafone gibts in Österreich gar nicht. :)

Der Fingerprint Reader dagegen ist mehr eine Spielerei, aber eben auch so gut integriert, wie man ihn eben integrieren kann.

Der Lenovo x200s hat übrigens kein Touchpad, sondern nur den roten Trackpoint. Das wirkt abschreckend, ist aber kein großes Problem. Ich fand Touchpads schon immer nervig und komme mit dem Trackpoint nicht schlechter zurecht.

Fn-Taste

Kommen wir zum einzigen wirklichen Kritikpunkt, die einzige Sache, die ich bei der Kaufentscheidung nicht mitbedacht habe: Die Position der Fn-Taste auf der Tastatur.
Lenovo baut, im Gegensatz zu Sony (und den meisten anderen Laptop-Herstellern), die Fn-Taste links außen in der Tastatur, also links der STRG-Taste. Das ist so sagenhaft nervig – eigentlich unglaublich, dass sich dieser Mist über die Jahre gehalten hat.

Ich vertippe mich regelmäßig und kann mich nicht richtig daran gewöhnen, weil das Tastenkürzel zum Wechseln zwischen Tabs im Firefox (STRG + Tab bzw. STRG + Shift + Tab) nicht funktioniert. Dieses Problem ist nicht behebbar, weil der Fn-Key auf Hardware-Ebene abgefangen wird, nicht auf Software-Ebene. Übliche Keymapping-Programme helfen nichts.

Lenovo scheint das Problem aber erkannt zu haben und überlegt, einen BIOS-Switch einzubauen, mit dem die Funktion umgeschalten werden kann.

Fazit

Der Thinkpad x200s ist mein erster Thinkpad, aber vermutlich nicht mein letzter. Ich mag das Design, die Verarbeitung ist der Hammer, der Preis ist super. Was will man mehr?

Lokales.at ist ein Regional-News-Aggregator, oder vielleicht besser, ein Regional-Info-Aggregator, der ausgewählte Quellen nach Informationen durchsucht.
Diese Quellen sind Online-Zeitungen (OÖ Nachrichten, Rundschau OÖ, etc.), Blogs mit Regional-Bezug (von Parteien, Vereinen, Schulen, etc.) und weitere Informationen (Veranstaltungen, Verkehrsdaten, Kinoprogramm, Wetter, etc.).

Was Lokales.at nicht macht, ist die Integration nationaler und internationaler Nachrichten (es geht wirklich nur um regionale Themen).

Aufbau

Bei Lokales.at wird für jeden Bezirk eine eigene Seite erstellt, für die ich Nachrichten-Quellen suche. (Es steckt also mehr dahinter, als das Ergebnis einer Blog-Suche nach dem Namen der Stadt.)Zielgruppe

Die Zielgruppe von Lokales.at sind Leute, die sich für regionale Nachrichten interessieren. Das ist ein eher erwachsenes Publikum und ich weiß bisher auch noch nicht, wie sehr dieses Projekt in der Stadt angenommen wird.

Die Besucher/innen werden von Lokales.at direkt zu den Nachrichten-Seiten weitergeleitet, ein Text-Ausschnitt wird angezeigt, wenn er vorhanden ist, wenn man mit der Maus über eine Überschrift drüber fährt.

Design

Der wichtigste Aspekt bei der Entwicklung von Lokales.at war für mich das Design. Ich will Lokales.at so einfach, wie das nur irgendwie möglich ist, gestalten. Kein Schnickschnack, keine unnötigen Farben, keine unnötigen Grafiken, etc.
Ich plane zwar ein Design-Upgrade, wo ich mir dann auch helfen lassen werde

Die Ähnlichkeit im Layout mit Popurls ist übrigens unbeabsichtigt. Ich hab die Idee und die ersten Skizzen entwickelt und bin danach drauf gekommen, dass hier starke Parallelen bestehen. Ich hab mich in der konkreten Ausführung des Designs dann von Alltop.com inspirieren lassen, das seinerseits von Popurls inspiriert wurde.

Weiterentwicklungen

Ich werde als nächstes eventuell ein Blog-Netzwerk aufsetzen, bei dem sich Vereine, Personen, Firmen, etc. anmelden können, um ihre eigenen Inhalte zu erstellen (oder nur reinzukopieren). Alle Daten aus diesem Blog-Netzwerk werden automatisch auf Lokales.at integriert werden.

Außerdem werde ich Themen-Seiten aufbauen, und außerdem in Nachbar-Bundesländer expandieren. (Im Moment gibts Lokales.at-Seiten nur für Oberösterreich und den 8. Wiener Gemeindebezirk.)

Feedback?

Ich freu mich über Kommentare zum Projekt an sich, Links zu Websites, die integriert werden sollen, Funktions-Wünsche und alles weitere, das euch einfällt.

Beide CSS-Eigenschaften sind nicht wirklich neu, ich hab diese Sachen bisher trotzdem nicht verwendet und bin nicht der einzige.

Die Beispiel-Implementierungen funktionieren selbstverständlich nur mit den unterstützten Browsern, eine Internet Explorer-Weichen für die filter-Eigenschaft bei text-shadow hab ich nicht eingebaut!

@font-face: Herunterladbare Schriftarten

Browser: Firefox 3.5, Safari 3.1, Opera 10, Internet Explorer 4

@font-face hat das Potential, Webdesign in Zukunft stark zu verändern. Man kann damit eigene Schriftarten definieren, die am eigenen Server liegen.

Bisher hatten Web-Designer/innen das Problem, dass sie sich nur bei ganz wenigen Schriftarten darauf verlassen konnten, dass ein großer Anteil sie am Computer installiert hat. Deshalb beschränken sich die Schriften auf Websites weitgehend auf Arial, Verdana bzw. Times New Roman und Georgia.

Problem: Schriftart-Formate

Es gibt verschiedenste Schriftart-Formate – TrueType, OpenType, TrueDoc, Embedded OpenType (EOT) – und die Browser-Hersteller waren bzw. sind sich nicht einig, was sie verwenden sollen. Da ist Microsoft, das während des ersten Browserkriegs EOT entwickelt hat und Netscape, das auf TrueDoc gesetzt hat, was aber nie im Mozilla-Code gelandet ist.

Da EOT eine proprietäre Technologie von Microsoft ist, gibt es nur wenige Tools, um bestehende Schriftarten von in das .eot-Format umzuwandeln. Das ist der wesentliche Grund, warum @font-face nie Fuß gefasst hat.
Die Alternativbrowser unterstützen OpenType und TrueType – also “normale” Schriftartdateien.

Beispiel

Dieses Beispiel funktioniert nicht in einem Feed-Reader!

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<style type="text/css">
@font-face{
font-family: 'Fontin-Regular';
src: url('http://sebmos.at/wp-content/uploads/2009/07/Fontin-Regular.otf') format('opentype');
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
@font-face{
font-family: 'Fontin-Regular';
src: url('http://sebmos.at/wp-content/uploads/2009/07/Fontin-Regular.eot');
}
</style>
<![endif]-->

Fontin Schriftart von jontangerine.com

text-shadow

Browser: Firefox 3.5, Safari 1.1, Opera 9.5, Internet Explorer 5.5 (via filter)

Ein kleines Attribut, das ich schon oft sehr schön eingesetzt gesehen habe, ist text-shadow. Damit kann man, wie der Name schon sagt, einen Schatten an einen Text anhängen.

Beispiel

Großer Schatten versus kleiner Schatten

So sieht das vom System her aus:
text-shadow: <Farbe> <x-Offset> <y-Offset> <Unscharfe-Radius>

Und so hab ich den Text oben formatiert:
<span style="text-shadow: #090 2px 2px 5px;">Großer Schatten</span>
<span style="text-shadow: #090 1px 1px 0;">kleiner Schatten</span>

Aber für mich als Programmierer sind die Neuerungen unter der Haube ziemlich spannend. Mozilla hat nämlich einige neue HTML5-Features eingebaut (die aus den Empfehlungen der WHATWG entstanden ist, die sich aus allen Browser-Herstellern außer Microsoft zusammen setzt), die, wenn sie einmal genug verbreitet sind, spannende neue Anwendungen ermöglichen werden. Allem voran ist da der Video-Tag, der demnächst zu einer großen Sache werden könnte.

Es gibt noch weitere Entwickler-Features im Firefox 3.5, über die ich bei Interesse auch schreiben werde.

HTML5

HTML5 ist eine Weiterentwicklung des HTML-Standards, die unabhängig vom W3C, der offiziellen Web-Standard-Institution, durch die WHATWG von den alternativen Browser-Herstellern entwickelt wurde. Mittlerweile ist die Arbeit der WHATWG wieder Teil des W3C und wurde als HTML5 als Standard vorgeschlagen. Obwohl HTML5 noch kein fertiger Standard ist, versuchen die Mozilla, Opera, Google und Apple das zu ändern, indem sie durch die Implementierung der bisherigen HTML5-Entwürfe einen de facto Standard schaffen. (Etwas, das wir vor allem aus dem ersten Browserkrieg (Microsoft vs. Netscape) kennen.)

Microsoft hat eine Unterstützung von HTML5 angekündigt, aber gleichzeitig gewarnt, dass die Spezifikation noch nicht fertig ist. Es ist zu erwarten, dass Microsoft auf den HTML5-Zug aufspringt – aber wohl erst, wenn HTML5 ein offizieller Standard ist.

<video> und <audio>

Eine echt spannende, potentiell sehr weitreichende Neuerung sind der Video- und Audio-Tag – <img>-ähnliche Tags, um eben Videos und Audiodateien in eine Website einzubinden, ohne dafür Flash oder Silverlight zu brauchen. Der Browser implementiert dann selbst einen Player, stellt auf Wunsch die Controls (Play, Pause, etc.) zur Verfügung, etc.

Die Schwierigkeit dabei sind die zu verwendenden Codecs – die Browser-Hersteller haben sich hier noch nicht geeinigt, weder beim Audio-Codec noch beim Video-Codec. Die Standard-Empfehlung ermöglicht zwar die Unterstützung verschiedener Standards, wenn sich die Browser aber nicht auf einen Standard einigen, sehe ich wenige Erfolgschancen für den Video-Tag.
Die Codec-Unterstützung schaut im Moment wie folgt aus: Der Open Source-Codec Theora wird von Mozilla, Chrome und Opera unterstützt. Apple hat für Safari dagegen den mpeg4-Codec lizenziert, Chrome unterstützt neben Theora den H.264-Codec. (Opera hat den Video-Tag für die Version 10.1 angekündigt, Chrome hat den Video-Tag nur in der Test-Version eingebaut.)

Ebenfalls wichtig für die Verbreitung des Video-Tags ist, dass ihn die wichtigen Video-Portale unterstützen. Oder mit anderen Worte: Dass YouTube ihn unterstützt. Ich hätte damit nicht gerechnet (der Video-Player von YouTube wird ja zusätzlich zum Beispiel zum Sammeln von Statistiken und zum Anzeigen von Werbung und Video-Empfehlungen verwendet), aber es schaut gut aus: YouTube hat aber bereits eine HTML5-Demo-Seite erstellt (die aber im Moment nur in Google Chrome funktioniert)!
Wenn YouTube auf den Video-Tag aufspringt, wird er weit genug verbreitet werden, dass auch andere Video-Portale überlegen werden, ihn einzusetzen!

Ach ja: Der Audio-Tag ist wie der Video-Tag, nur eben ohne Video. Alles, was ich oben geschrieben habe, trifft auch auf den Audio-Tag zu (Audio-Codec, Verbreitung).

Beispiel

In diesem Beispiel werden zwei Video-Quellen mit zwei verschiedenen Codecs (zuerst die Theora-Version (.ogg), dann die mpeg4-Version (.mp4)) eingesetzt, als Alternative wird ein kurzer Hinweis angezeigt, dass der Browser veraltet ist. Stattdessen könnte man beispielsweise auch eine Flash-Variante des Videos einbinden.

<video width="500" controls>
<source src="http://videos.mozilla.org/serv/blizzard/35days/html5-fallbacks/zombie.ogg" type="video/ogg"/>
<source src="http://videos.mozilla.org/serv/blizzard/35days/html5-fallbacks/zombie-large.mp4" type="video/mp4"/>
<strong>Sorry, dein Browser ist zu alt für <video> oder du liest diesen Artikel mit einem Feed-Reader! <a href="http://getfirefox.com/">Hier gibts einen modernen Browser.</a></strong>
</video>

Update: Eine weitere Demo-Seite, die einige der Möglichkeiten des Video-Tags zeigt, hat Dailymotion aufgesetzt.

Wozu?

Web-Video war der zweite große Trend der letzten Jahre neben den Social Networks. Bisher mussten Web-Video-Provider zum Anzeigen und Abspielen der Videos immer auf Flash zurückgreifen, das hat aber verschiedene Nachteile:

Einerseits sind die Flash-Video-Player oft einfach schlecht. derStandard.at ist ein gutes Beispiel für einen solchen sagenhaft hässlichen Player, bei dem der Play-Button so klein ist, dass ich ihn manchmal gar nicht treffe.

Andererseits ist es nicht ohne weiteres möglich, den Flash-Player mit JavaScript zu steuern (starten, stoppen), es ist relativ aufwendig, eigene Controls zu entwickeln.

Dann ist da noch die Portierbarkeit, die gerne vergessen wird: Flash gibt es nur dort, wo Adobe einen Flash-Player entwickeln will und darf. Der Linux-Flash-Player wird von Adobe zum Beispiel ziemlich stiefmütterlich behandelt, fürs iPhone gibt es gar keinen, weil Apple das nicht zulässt. Beim Palm Pre wird er kommen, aber halt irgendwann, das Gleiche gilt für Android. Für Windows Mobile gibt es zwar einen Flash-Player, aber nur einen eingeschränkten.
Da die meisten mobilen Browser im Moment auf Webkit basieren (iPhone, Android, Palm Pre) oder Opera sind, die den Video-Tag bereits unterstützen bzw. Unterstützung angekündigt haben, würden die meisten Smartphones bald damit zurecht kommen.

Und ja: Mit den schneller werdenden Mobilnetzen wird Web-Video auch auf Smartphones eine große Sache, also spielt die Portierbarkeit eine Rolle.

Mir ist klar, dass der Video-Tag nicht sofort das Web stürmen wird, vor allem auf Entwickler-Seite. Aber ich hoffe auf Microsoft – das in den letzten Jahren bei den Web-Standards gewaltig aufgeholt hat, und könnte mir vorstellen, dass durch den Internet Explorer 9 und den wachsenden Anteilen der alternativen Browser in wenigen Jahren der Video-Tag von einem Großteil der Browser-Benutzer/innen unterstützt wird.

Falls es ein Interesse an Artikeln zu weiteren Browser-Features gibt, lasst es mich wissen, ich werde gern darüber schreiben.

Das klickt sich zum Beispiel beim Wikipedia-Logo so: (Versuch, das Logo in der Mitte und den weißen Rand rundherum anzuklicken.)

Der Code dafür sieht so aus:

<img src="$wikipedia_thumb[1].jpg" alt="" usemap="#wikipediatestmap" />
<map name="wikipediatestmap">
<area href="JavaScript:alert('Angeklickt!');" shape="circle" coords="100,92,98" />
</map>

Das coole an Image Maps ist aber, dass man auf einem Bild gleich mehrere solcher anklickbaren Gebiete (<area>) definieren kann. Und genau so eine Image Map mit mehreren Klick-Bereichen hab ich bei einem Projekt via JavaScript generieren lassen.

Das Problem: Obwohl alle modernen Browser (Firefox, Opera, Safari, Chrome, Internet Explorer 8) die Image Map korrekt angezeigt haben, sind die älteren Semester Internet Explorer 6 und 7 streiken gegangen. Sie haben die Grafik angezeigt, aber nicht anklickbar gemacht (ergo: die Image Map ignoriert).

Nach mehreren Stunden zunehmend grantigerem Debugging hab ich nur durch Zufall (oder durch Mangel an vernünftigen Fehlerquellen) das Problem gefunden:

Ich habe die verschiedenen Elemente der Image Map als DOM-Objekte erzeugt (mit document.create()) und in den DOM Tree eingefügt. Die alten Internet Explorer-Versionen haben die so generierte Image Map aber einfach ignoriert. Erst, nachdem ich die Image Map durch zusammensetzen des HTML-Codes in eine JavaScript-Variable, die dann mit innerHTML in den DOM-Tree eingefügt wurde, generiert habe, wurde die Image Map auch von dem Dreckszeug namens Internet Explorer 6 akzeptiert.

Hoffentlich kann ich mit diesem Artikel irgendjemandem diese frustrierende Debugging-Session ersparen!

Genial an dieser Turbine ist, dass sie mit besonders geringen Geschwindigkeiten zurecht kommt als bisherige kleine Windturbinen, was sie besonders rentabel machen sollte. (Zur Info: Die durchschnittliche Windgeschwindigkeit in Freistadt und Linz liegt bei 3 m/s. (Quelle & Quelle))

Laut Herstellerangaben kann die Turbine 2000 Kilowattstunden Strom pro Jahr erzeugen, was je nach Stromanbieter in Österreich zwischen 380 und 500 Euro bei der Stromrechnung sparen kann.

Die Kosten für eine Turbine belaufen sich im Moment auf 4.500 Dollar plus bis zu 1.500 Dollar für die Installation, umgerechnet als ca. 4.300 Euro (inklusive Umsatzsteuer wären wir bei 5.160 Euro). Die Turbine würde sich nach 10 bis 15 Jahren amortisieren, vorausgesetzt die Strompreise steigen nicht (sehr unwahrscheinlich) und man bekommt keine Förderung (hab ich nicht nachgeprüft, ist aber auch eher unwahrscheinlich).

Die kleine Turbine wird in Heimwerkergeschäften in den USA zu kaufen sein, hat einen Durchmesser von 1,8 Meter und wiegt 95 Kilogramm. Hoffentlich kommen die auch bald nach Europa!

via EcoGeek

Beim Kampagnen-Tracking gehts darum, Werbekampagnen besser verfolgen zu können, indem einerseits die Links, die angeklickt werden, mit Metadaten präpariert werden und andererseits “Ziele” festgelegt werden.

Kampagnen erstellen

Plugin aktivieren

Das Kampagnen-Plugin ist standardmäßig aktiviert. Falls du den entsprechenden Menüpunkt (unter “Besucher” –> “Kampagnen”) nicht findest, musst du das erst tun (unter “Einstellungen” –> “Plugins”).

Links präparieren

Dieser Schritt ist bisher nicht dokumentiert, ist aber sehr einfach. Um Links zu präparieren, werden an die Url die Parameter piwik_campaign und piwik_kwd angehängt, so in etwa:

http://sebmos.at/?piwik_campaign=Kampagnen-Name&piwik_kwd=Schlüsselwort

Weil ich mir das nicht merken will (und keine Tippfehler riskieren will), hab ich ein Bookmarklet erstellt, mit dem man ganz einfach Piwik-Links erstellen kann. Einfach in die Bookmark-Toolbar deines Browsers ziehen:

Piwik-Link erstellen

Auswerten

Widget

Klick auf der Piwik-Startseite auf “Widget hinzufügen…”, klick auf “Referers” und dann auf “Liste der Kampagnen”. Du siehst dann die Kampagnen nach Kampagnen-Namen aufgelistet. Es werden selbstverständlich immer nur die Kampagnen angezeigt, die auch angeklickt wurden.

Wenn eine Kampagne mehrere Keywords hat, kann man die Kampagnen-Namen anklicken und kriegt die Zugriffsstatistiken auf Schlüsselwörter aufgeteilt angezeigt. Es ist natürlich möglich, die Kampagnen auf

Detail-Seite

Unter “Verweise” –> “Kampagnen” befindet sich die Detail-Seite für die Kampagnen, obwohl auf der Seite im Moment nur eine Kopie des Widgets zu finden ist.

Anwendungen

Da zum Beispiel die vielen Twitter-Clients keine Referrer mitliefern, ist es nicht möglich, Klicks auf Links in Tweets zu identifizieren. Wenn man aber eine Kampagne mit dem Namen “twitter” und einem Schlüsselwort erstellt, kann man das ganz einfach tun.

Bei lauter.fm, wo ich unter anderem für die Facebook-Werbung zuständig bin, werden die Links mit Kampagnen-Daten präpariert. Damit ist es einfach herauszufinden, welche Kampagnen die meisten Page Views generieren oder die meisten Ziele (Dafür gibts das “Goals”-Plugin, das ich bei Gelegenheit vorstellen werde.) erfüllen.

Neben dem Dorf Sde Boker hab ich auch eine Wanderung gemappt, die ich auch auf Wandermap.net raufgeladen hab.

Strecken aufnehmen mit My Tracks

Die My Tracks-Applikation, die Google Betriebssystem entwickelt hat, war dafür das perfekte Programm. Eigentlich für Sportler/innen gemacht, die damit ihre Lauf-, Rad- & Wasauchimmer-Routen aufzeichnen können, hat Google drei nützliche Export-Funktionen eingebaut: Export als GPX, KML (Google Earth) und auf Google Maps.

GPX ist ein standardisiertes XML-Format, das man auf OpenStreetMap.org hinaufladen kann. Die meisten aktuellen GPS-Geräte (wie mein Garmin eTrex) unterstützen dieses Format leider nicht, man braucht Konvertierungs-Programme, bevor man die Daten auf OpenStreetMap raufladen kann.

Die GPX-Daten werden von My Tracks auf die eingebaute MicroSD-Karte gespeichert. Von der kriegt man die Dateien herunter, wenn man das Android-Gerät mit dem Computer verbindet.

Landkarte zeichnen auf OpenStreetMap.org

Auf OpenStreetMap.org muss man die GPX-Dateien hinaufladen, die werden auf deren Server gerendert, bevor man sie verwenden kann. Das hat bei mir ca. 10 Minuten gedauert – man wird nach Abschluss des Vorgangs per E-Mail benachrichtigt.

Danach kann man den Karten-Editor öffnen und beginnen, die Karten nachzuzeichnen. Eine kurze Anleitung, wie das geht, gibts in diesem Video von Helge:

Landkarte aktualisieren

Die neu erstellten Karten werden leider nicht sofort in Grafiken umgewandelt, da das ein sehr aufwändiger Prozess ist. (Die OSM-Weltkarte besteht aus mehreren Terabyte an Bildern.)

Wer die eigenen Erweiterungen dennoch sofort will, wisse folgendes: Es gibt verschiedene Karten-Designs, die wichtigsten sind “Mapnik” und “Osmarender”. Osmarender wird von der OSM-Community auf privaten Rechnern berechnet. Hier kann man Einfluss darauf nehmen, welche Kartenbereiche wann neu erstellt werden. Dazu geht man auf informationfreeway.org, wählt den gewünschten Kartenausschnitt aus, wechselt zur Zoom-Stufe 12 (im oberen Drittel der Skala), wählt mit der Maus einen Karten-Ausschnitt aus und drückt auf der Tastatur die R-Taste (“reload”).

Meine Rendering-Anfragen wurden innerhalb weniger Minuten durchgeführt.

Sde Boker College auf OpenStreetMap

Ich wurde bei meinem Urlaub leider nicht mit dem Erstellen der Landkarte fertig (rechts neben der langen vertikalen Straße gehts noch weiter), einen Anfang hab ich aber gemacht.

Und ja, ich bin sehr stolz darauf, ich bin da nämlich viele Kilometer weit herumspaziert! (Beachtet vor allem die 20km lange Route rechts unten, die nur im Ansatz am Screenshot drauf ist!)

Für alle, die das nicht kennen: Url Shortener sind Services, die aus einer langen Url (Bsp: http://sebmos.at/google-analytics-vs-piwik-open-source/) eine kurze Url (Bsp: http://tinyurl.com/d6pa7x) machen. Tinyurl ist der bekannteste dieser Services, es gibt aber mittlerweile dutzende Alternativen, manche mit zusätzlichen Features. Bit.ly bietet Statistiken an, BurnURL eine Bewertungs-Funktion.

Wichtig wurden diese Services mit dem Aufkommen von Twitter & Co, wo die Länge von Nachrichten stark beschränkt wird und jedes einzelne Zeichen zählt.

Was ist das Problem?

Hinter diesen Services stehen Firmen, die Geld verdienen wollen und zusperren, wenn sie das nicht schaffen. Dadurch entstünde das Problem, dass plötzlich tausende Urls ins Leere gingen.

Weiters vergibt man damit einen Teil des Werts des Links (aus Suchmaschinen-Optimierungs-Sicht). Für die Benutzer/innen besteht auch noch das Problem, dass sie nicht sehen, wohin sie kommen, wenn sie eine Url anklicken.

Die Lösung: lilURL

Eines dieser Probleme kann man lösen, indem man einen eigenen Url Shortener betreibt, für die eigenen Links. lilURL, ein simples Open Source-Projekt, ist diese Lösung.

Das Projekt ist zwar schon einige Jahre alt, wird schon lange nicht mehr weiterentwickelt und hat einige gravierende Defizite, ich hab den Code daher genommen und die größten Probleme behoben.

lilURL ist schnell installiert und macht nur eine Sache: Urls verkürzen. Der Service ist nicht perfekt – ich hätte gerne einige kleine Features ergänzt, aber für den Moment reicht es.

Mein Url Shortener befindet sich unter http://r.sebmos.at/, ich warne aber: Ich garantiere keine Uptime, er ist eigentlich nur für mich gedacht. (Und für Demo-Zwecke, falls jemand probieren will, wie sowas funktioniert.)

Hier herunterladen

Falls ihr lilURL erweitert, würde ich mich sehr über ein E-Mail mit den Änderungen freuen!

Update

Pascal hat lilURL erweitert und zwei neue Features eingebaut. Seine Version gibt es hier runter zu laden: http://r.sebmos.at/modified-pascal.zip

In seiner Version gibt es eine einfache Statistik-Funktion, der beim Zugriff auf eine Short-URL inkrementiert wird. (Es gibt noch keine Auswertung dafür, aber es ist ein nettes Feature für alle, die die Aktivität auf ihren Short-URLs beobachten wollen.) Außerdem hat er eine Verwendungs-Limit programmiert, das die Weiterleitung stoppt, sobald ein einstellbares Limit überschritten wurde. (Standardeinstellung: Unbegrenzt)