Heute morgen hatte Jan Welker im .NET-Forum nachgefragt, wie die deutsche .NET-Community den Start von .NET-Kicks DE erlebt hat, ob das Prinzip des Portals klar verständlich ist, die Seite einfach zu bedienen ist, … Wie die meisten sind natürlich auch wir immer neugierig, wie unsere Entwicklungen in der freien Wildbahn vom Endkunden angenommen werden.

Die ersten Antworten sind durchweg positiv, was Jan und Klaus sicher genau so freuen wird wie mich. Rainer Schuster und Jürgen Gutsch haben jedoch den Wunsch geäußert nach einer Erweiterung für den Windows Live Writer, mit der man einen “Kick”-Button automatisch in seine Beiträge und Artikel einbinden kann. Gesagt, getan – doch statt das Rad neu zu erfinden habe ich mir den Quellcode einer bereits bestehenden Erweiterung von Codeplex heruntergeladen die John Papa erstellt hat. Geändert habe ich hauptsächlich die URL des Bildes bzw. der Verlinkung auf unser deutsches Portal und unser DNK-Logo. Die englischen Texte habe ich ebenfalls ins deutsche übersetzt – wenn schon, denn schon.

Die kompilierte DLL kann man sich hier herunterladen – den Quellcode würde ich normalerweise auch veröffentlichen, aber der war nur in einem temporären (und inzwischen versehentlich wieder gelöschtem) Ordner. Außer den erwähnten Verlinkungen auf DNK-DE und den übersetzten Beschreibungen sind aber keine Änderungen vorgenommen worden, wer ein wenig experimentieren möchte kann sich also einfach den Original-Quellcode von Codeplex herunterladen.

Die Installation besteht aus dem Kopieren der heruntergeladenen DLL-Datei in das Plugin-Verzeichnis des Windows Live Writers (bsp. “C:\Program Files\Windows Live\Writer\Plugins\”). Nach einem anschließenden Neustart des Writers müsst ihr das Plugin noch für euer Blog aktivieren. Wählt dafür rechts oben in dem Dropdown-Feld “Blogeinstellungen bearbeiten” und aktiviert unter “Plug-Ins” den Haken bei “DotNetKicks DE”. Ab sofort ist in der Vorschau der Button bereits am Ende des Beitrags zu sehen und beim Veröffentlichen auf das Blog wird der notwendige Quellcode automatisch hinzugefügt.

Wer die zu verwendenden Farben gerne an sein Blog-Layout anpassen möchte findet die Eigenschaften des Plug-Ins unter “Extras” - “Optionen” – “Plug-Ins” und dort die Optionen von “DotNetKicks DE”. Hier können wie auf der Website auch alle Farbcodes definiert werden. Auch ein “Color-Picker” steht zur Auswahl.

Wichtig: Ich habe dieses Plug-In für den Windows Live Writer nicht selbst geschrieben, sondern lediglich die auf Codeplex existierende Version von John Papa marginal modifiziert, damit sie für die deutsche Version des Portals eingesetzt werden kann! Ich will ja keine Lorbeeren bekommen für etwas, dass ich nicht selbst gemacht habe. ;-)

Download: DNKdePlugin.dll (18.5 KB)

Nachdem heute Abend die fertige Version des Microsoft Internet Explorers 8 freigegeben wurde, ist es Zeit auch einen ersten eigenen Accelerator hierfür zu schreiben. Als Alternative zum Bookmarklet ist es hiermit nun ebenfalls bequem möglich einen beliebigen Artikel bei dotnet-kicks.de vorzuschlagen. Die Bedienung ist denkbar einfach: Nach der Installation des Accelerators markiert ihr auf der Seite, die ihr vorschlagen möchtet, eine beliebige Textpassage. Diese wird automatisch in die Eingabemaske von dotnet-kicks.de in das Feld für die Beschreibung eingetragen. Ebenso wird der Titel und die URL automatisch übernommen. Nach der Auswahl der passenden Kategorie und einem Klick auf “Artikel einstellen” ist euer Artikel auch schon auf dem Community-Portal gespeichert.

Um nun unseren IE8-Accelerator zu installieren geht ihr einfach in der Add-ons Gallery auf “.NET Kicks Germany” und klickt dort den Button an. Nach einer kurzen Rückfrage, ob ihr den Accelerator auch wirklich installieren wollt ist auch schon alles erledigt. Für alle die es interessiert hier der Quellcode des Accelerators zum Download verfügbar oder auch direkt zum Ansehen:

<?xml version="1.0" encoding="UTF-8" ?>
 <openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
  <homepageUrl>http://dotnet-kicks.de</homepageUrl>
  <display>
   <name>.NET Kicks Germany</name>
   <icon>http://dotnet-kicks.de/favicon.ico</icon>
  </display>
  <activity category="Share">
   <activityAction context="selection">
    <execute action="http://dotnet-kicks.de/submit/">
     <parameter name="url" value="{documentUrl}" type="text" />
     <parameter name="title" value="{documentTitle}" type="text" />
     <parameter name="description" value="{selection}" type="text" />
    </execute>
   </activityAction>
  </activity>
 </openServiceDescription>

Wer Hilfe bei der Erstellung seines eigenen Accelerators braucht kann sich einfach die “OpenService Format Specification for Accelerators - Version 0.8” anschauen.

Vor beinahe einer Woche ist die neue Community-Seite dotnet-kicks.de an den Start gegangen – soweit nichts neues. Inzwischen gab es einige Hintergrundinformationen zur Entstehung des ganzen Projektes von Jan Welker. Und auch im Blog der Seite wurde ein Artikel veröffentlicht der das Projekt ein wenig genauer umreißt. Eigentlich fehlt nur noch eine letzte Erläuterung: “Was zur Hölle sollte der Mist mit den Postkarten?!”

Ich gestehe!

Am 22. September 2008 wurde von mir nach einem längeren Telefonat mit Jan Welker auf dotnet-forum.de in einem internen Bereich ein Konzeptpapier veröffentlicht, dass ihr euch auch hier ansehen könnt. Wie teilweise schon vermutet wurde hatten wir dabei durchaus auch die “Final Mill”-Aktion im Hinterkopf. Es folgten ein paar kleinere Diskussionen bis schließlich am 10. November Klaus Bock nachfragte wie weit die Umsetzung ist – selbige näherte sich zu diesem Zeitpunkt für DNK allmählich dem Ende. Wieder gefolgt von einer kurzen Diskussion ob man für die ursprünglich geplante Bandansage eine Männer- oder eine Frauenstimme nehmen sollte. Auch über das “Image” und somit das Layout der Kampagne wurde etwas weiter diskutiert. Statt eine (fiktive) Firmenseite zu gestalten wurde sich dann schließlich für ein recht schlichtes Layout entschieden. Auch kam hier zum ersten mal die Idee auf, als URL eine GUID zu verwenden. Es wurde also Zeit für ein weiteres Telefonat zwischen Jan und mir und dabei kam dann folgende Ablaufplanung heraus:

1. Eine Postkarte mit Grafik und 2D Barcode wird an ca. 70 Blogger versendet
2. Der Barcode enthält die URL in Form www.1FD5FF1C-AA14-49c0-BE1C-6E7C18E2AF07.de
3. Die Domain registriere ich unter falschem Namen und hoste auch die Website
4. Die Webseite ist schwarz, der Binärcounter grau
5. Der Binärcounter zeigt verbleibende Minuten binär an
6. Als HTML Kommentar wird eine Telefonnummer "angezeigt"
7. Unter der Nummer gibt es ein Rätsel, vermutlich mit einer Cäsar-Chiffre
8. Das Ergebnis des Rätsels wird in ein Eingabefeld geschrieben
9. Wenn das Rätsel richtig beantwortet wurde, gelangt man auf eine Unterseite
10. Auf der Unterseite gibt ein weiteres Rätsel das Cäsar-chiffriert ist
11. Die Lösung muss wieder in ein Eingabefeld eingeben werden
12. Wenn das richtig ist, gelangt man auf eine weitere Unterseite die eine große Grafik enthält
13. Diese Grafik wurde mit DeepZoom erstellt, in der Grafik  sind Ausschnitte eines Screenshots von DNK.de –> Lösung

Am 16. November ging dann die erste Version der GUID-Seite online unter der leichtmerkbaren URL fec4a7a6-9bdc-4bfb-8217-cf6a118fde67.de – enthalten war bereits der Binär-Counter der testweise zum 11. Januar runter zählte (damals noch in orange) und auch schon die Eingabezeile. Im Quelltext war wie ursprünglich geplant auch ein HTML-Kommentar mit Hinweis auf eine Telefonnummer “versteckt”. Die damals erstellte Test-Ansage verlinke ich hier lieber nicht – es klang furchtbar. ;-)

Es folgten eine betriebsame Weihnachtszeit und ehe man sich versah hatten wir schon Mitte Januar 2009. Da kam dann die Idee auf, statt einem altmodischen Barcode den kurz zuvor veröffentlichten Microsoft Tag zu verwenden. Immerhin wollten wir ja auch eine Seite promoten, die sich mit einer Microsoft-Technologie beschäftigt. Und wenn man auf einen aktuellen Hype aufspringen kann, warum nicht. Weiterhin wurde die Idee mit der Bandansage und der Telefonnummer inzwischen verworfen.

Im Februar war dann schließlich auch das neue Design endlich fertig und nach einem letzten klärenden Telefonat gegen Ende Februar sollte es dann auch endlich losgehen. Insgesamt 52 Postkarten wurden mit einzeln generierten Microsoft Tags und einem binär verschlüsselten Zitat von Jonathan Swift bedruckt: “Der Anfang grosser Ereignisse ist – wie der Anfang grosser Flüsse – oft unscheinbar und klein.” – um das ganze ein wenig mehr zu personalisieren (und einen direkten Vergleich der Postkarten zu erschweren) zusätzlich mit dem Namen des Empfängers vorne dran. Die Tags zeigten nunmehr auch nicht direkt auf die GUID-Seite sondern auf eine extra für diese Aktion angelegten Twitter-Account @DNKDE, der die URL als “Homepage” eingetragen hatte. Statt Adressetiketten musste ich außerdem auf einen Papiereinleger mit aufgedruckter Adresse zurückgreifen, da ich nur Briefumschläge mit Fenster hatte. Etwas mühsam war es dann noch die “Anschreiben” zu falzen und mit den richtigen Postkarten zusammen zu bringen. Soweit ich das im Nachhinein beurteilen kann ist das wohl in den meisten Fällen auch gelungen, bisher habe ich nur von einer Verwechslung gehört.

Die ganzen eingetüteten Karten wurden dann zunächst in einem großen Umschlag nach Braunschweig geschickt wo sie Jan Welker mit Briefmarken versah und am 06. März schließlich endgültig auf den Postweg brachte. Noch am gleichen Abend aktualisierte ich den Binär-Countdown auf der GUID-Seite auf den 01. April 2009 und änderte die Schriftfarbe auf den blauen Farbton des neuen DNK-Layouts. Am 09. März um 16:14 Uhr verschickten wir dann einen ersten Hinweis per Direktnachricht an alle Twitteruser die unserem Account folgten: “Was dem Einzelnen nicht möglich ist...”.

Hierbei handelte es sich um den ersten Teil eines Zitates von Friedrich Wilhelm Raiffeisen welches vollständig lautet: “Was dem Einzelnen nicht möglich ist, das vermögen viele.”. Wenn man den zweiten Teil des Zitates in das Eingabefeld der GUID-Seite eingegeben hatte, kam man auf eine Folgeseite mit einem kleinen Zahlenrätsel: “652 – 658 – 656 – 164 – 170 – 168 – …”, die gesuchte Zahl lautet natürlich “42” (die Antwort auf alles). Als letzte Folgeseite kam man dann auf die Seite, auf der eine einfache Animation des neuen Logos von dotnet-kicks.de zu sehen war.

Resumé

Nach der ganzen Arbeit, die wir in die Übersetzung und das neue Layout gesteckt hatten, wollten wir das Projekt mit mehr als nur einem einfachen Blogbeitrag á la “Neue .NET-Community” bekannt machen. Dummerweise hatte keiner von uns viel praktische Erfahrungen bisher mit (viralem) Marketing, ein paar kleinere Fehler blieben also nicht aus. Aber trotz der größtenteils eher kritischen Reaktionen innerhalb der Blogosphäre werten wir das ganze durchaus als einen Erfolg: Jede Werbung ist gute Werbung solange man überhaupt ins Gespräch kommt. Bei allen, die sich durch die Aktion belästigt oder genervt fühlten wollen wir uns natürlich entschuldigen, das war nicht in unserem Sinn! Mehr...

Wer für das kürzlich an den Start gegangene Community-Portal .NET-Kicks einen neuen Artikel vorschlagen möchte kann dies über die Website erledigen unter dem Menüpunkt “Artikel vorschlagen”. Das manuelle Eintragen der URL und des Titels ist jedoch eine mühsame Arbeit. Einfacher geht es mit einem kleinen Bookmarklet.

Ein Bookmarklet (auch: Favelet) ist ein kleines in JavaScript geschriebenes Makro, das als Bookmark abgespeichert wird und dadurch die Funktionen des Browsers erweitert. Es erlaubt beispielsweise, Webseiten zu manipulieren. Technisch gesehen ist ein Bookmarklet ein Lesezeichen auf das Pseudoprotokoll javascript:, das ermöglicht, Code durch den Browser auszuführen.

(Quelle: “Wikipedia, Die freie Enzyklopädie”)

Getestet habe ich das Bookmarklet erfolgreich im IE7, IE8, Firefox 3.0.3 und Google Chrome 1.0.154.43. Um das Bookmarklet zu installieren zieht man einfach den nachfolgenden Link in seine Link-Leiste des Browsers oder klickt ihn mit der rechten Maustaste an und wählt dort “Zu Favoriten hinzufügen”. Alternativ kann man auch einen neuen Link erstellen und als Ziel die folgende Zeile eintragen. Mehr...