Je besser man etwas kennt, desto besser kann man darüber lästern… Ich habe beschlossen, mich ganz praktisch durch das Tal der Tränen zu kämpfen und mich auf dieser Wanderung mit den technischen Teilen von Web 2.0 herumzuschlagen. Wie fühlt sich Ajax an? Wieviel Schatten spendet der DOM-Tree? XML oder JSON, JavaScript und APIs sollten die Dämonen auf meinem Weg sein.
Das Resultat
Das Resultat kann im Ecosystem angesehen und installiert oder von der oncode.info Site downgeloaded werden. Es ist ein Widget, das Adressen über tel.search.ch sucht.
Tel.search.ch bietet ein geniales, gut dokumentiertes REST API an.
Ich habe mir sagen lassen, dass es auch hier bei uns Leute gibt die in einer Fantasy League mitspielen. Irgendwie werden da virtuelle aber real existierende Sportler gezogen und verkauft und nach einem speziellen Algorithmus werden Punkte verteilt, die abhängig von den tatsächlichen Resultaten sind, die dieser Spieler erzielt. Nun, auf jeden Fall wird da viel mit Statistiken gewurstelt. Ein Fantasy League-Mitglied ist an mich herangetreten, weil er die online publizierten Resultate der Skaters und Goalies der NHL in einem Excel haben wollte.
Zuerst dachte ich, das sei ein Fall für Dapper. War es aber nicht, da auf der Webpage reine Text-Exporte waren.
Die Erfahrung hat gezeigt, dass die Form der Ausgabe auf diesen Seiten oftmals ändert und man sich auf so wenig wie möglich verlassen sollte.
Die Felder dieser Tabelle haben keine Trennzeichen, sondern eine feste Breite und sind links- oder rechtsbündig formatiert.
Einige Punkte der Lösung
Download der Webseite in eine Variable
Zuerst muss man mal an die Seite rankommen. In PHP den Inhalt einer URL in einen String laden ist in der Theorie relativ einfach. In der Praxis jedoch ist aus Sicherheitsgründen der Zugriff auf URLs für die file* Funktionen oftmals eingeschränkt. Nunja, dann wird halt ein cURL-Fallback mit eingebaut, so dass wir auf jeden Fall in $page ein Array aus den Zeilen der HTML-Datei haben:
Ich lese die Tabellenübberschriften mit einem regulären Ausdruck aus (man beachte dass die Sternchen sich der Formatierung (links/rechts) anpassen), aus dem danach die Spaltenbreiten gelesen werden können. Aus den Spaltenbreiten wiederum kann ein regulärer Ausdruck gebaut werden über den auf die Werte zugegriffen werden kann.
Hier bescheisse ich… Ich gebe nur eine tabulatorseparierte Liste aus. Excel schnallts, OpenOffice leider nicht (hat da wer eine gescheitere Lösung? HTML-Tabellen?)…
Hinweis: Dies ist ein von trigami vermittelter, bezahlter Eintrag.
Das Web als Plattform
Das Web eignet sich ja für vieles… Besonders gut hat es sich in meinen Augen unter Anderem als Plattform um Angebot und Nachfrage zusammenzubringen bewährt. Im Folgenden geht es um die Website http://www.lehrstellenboerse.ch. Dieser Beitrag ist mir sehr wichtig, da meine Lehrzeit unglaublich gut war und in einer sehr labilen Zeit (Pubertät und so…) wahrscheinlich so manch Übel in meinem Leben verhindert und mir viel Gutes ermöglicht hat. Als Berufsschullehrer wünsche ich allen jungen Menschen, die dies möchten, eine Lehrstelle nach ihrem Geschmack und Fähigkeiten und begrüsse jede nur erdenkliche Aktion um ihnen dies zu ermöglichen.
Background
Die Website ist aus einem Projekt von HSG Studenten hervorgegangen und wird heute von einem gemeinnützige Verein betreut. Ausser einer bezahlten 100% Stelle für den Geschäftsführer wird der Verein ehrenamtlich geführt und die Website mit Hilfe von Sponsoren unterhalten.
Momentan werden 4228 Lehrstellen aus den verschiedensten Bereichen und Kantonen sowie 14 Praktikas (unter Anderem ein Bloggerpraktikum ) angeboten. Es gibt zwei Wege um eine passende Lehrstelle zu finden:
Über die Suche (Branche, Beruf, Kanton, Region, etc)
Einen Assistenten, der Schritt für Schritt zur Lehrstelle oder zum Praktikum führt.
Noch nicht implementiert, aber in Planung, ist die Filterfunktion, die ein Mail versendet wenn ein Angebot aufgenommen wird, das zum entsprechenden, registrierten Benutzer passt.
Die meisten Lehrstellen sind sehr detailliert beschrieben und ein Link zur Anbieterfirma erleichtert das Informieren.
Für Lehrstellenanbieter
Laut Geschäftsbericht wurden Firmen mit Auszubildenden direkt angeschrieben. Die Lehrstellenverantwortlichen erhalten einen Login der ihnen erlaubt, die Lehrstellen selbst zu verwalten.
Mit einem Onlinebewerbungstool das den Firmen zur Verfügung gestellt wird, können Interessenten sich sofort bewerben und den Firmen wird eine gewisse Vorselektion erleichtert.
Bemerkungen
Technisches
Die Website ist für meinen Geschmack auf den ersten Blick etwas unübersichtlich. Es dauert aber nicht lange bis man das Konzept geblickt hat und dann geht die Suche sehr schnell von der Hand.
Sobald die erwähnte Filterfunktion zum Erhalt von Emails implementiert ist, kann sich der interessierte Suchende sehr einfach und komfortabel auf dem Laufenden halten. Ein RSS-Feed wäre vielleicht auch noch nett und nicht allzu aufwändig zu implementieren.
Ebenfalls ist geplant, dass Lehrstellensuchende ihr Profil erfassen und so direkt von Lehrfirmen angeschrieben werden können.
Nicht technisches
Dass die Lehrlingsverantwortlichen die Stellen selbst unterhalten ist eine gute Idee. In der Praxis zeigt sich jedoch, dass dies vielbeschäftigte Leute sind und so gibt es einige Lehrstellen, die schon länger nicht mehr aktuell sind. Das ist etwas schade und trübt den Blick auf die über 4000 Angebote. Vielleicht könnte man hier technisch ein automatisches Ausblenddatum zur Verfügung stellen.
Das Huhn-Ei Problem des Webs wurde elegant gelöst *bravo*. Wenn es nicht genug Angebot hat gibt es nicht genügend Interessenten und umgekehrt und so kommen viele gute Ideen nicht in Schwung. Hier wurden die Lehrfirmen aktiv aquiriert und damit steht ein grosses Angebot zur Verfügung. Vielleicht könnte einiges an Aufwand und Doppelspurigkeiten eingespart werden, wenn die Anstrengungen kanalisiert und eventuell die Datenbestände zentralisiert würden. So verfolgt zum Beispiel we-are-ready in Etwa die gleichen Ziele.
Fazit
Schöne und sinnvolle Sache im öffentlichen Interessen! Bitte unterstützen..!
Hinweis: Dies ist ein von trigami vermittelter, bezahlter Eintrag.
Die Idee…
…ist genial und genial einfach! Gutscheine für die verschiedensten Dinge werden über das Web angeboten. Das Einkaufen als solches ist durch das Web schon sehr viel schuhsohlensparender geworden, da die physikalische Bewegung der Körpermasse von Ladenlokal zu Ladenlokal nicht mehr notwendig ist. Bei vouchernet.ch findet man nun über 70 Anbieter bei welchen Gutscheine käuflich erworben werden können auf einer Seite vereint.
Will man Gutscheine verschenken, so sollte dies wohlüberlegt sein: Zum Einen sollte es nicht als fehlenden Einsatz oder mangelnde Fantasie interpretiert werden können (auch wenn genau das der Grund für ein Gutscheinkauf war ) und zum Anderen muss man sich bewusst sein, dass der monetäre Wert des Geschenks von der/dem Beschenkten direkt abgelesen werden kann. Andererseits gibt es Dinge wie ein Kinoeintritt oder ein Essen in einem schönen Restaurant die nur sehr schwer, mit viel Papier und eventuell unter Einwirkung von Zwang eingepackt werden können.
Die meisten Gutscheine werden über die Website bestellt und finden den Weg per herkömmlicher Schneckenpost zu einer beliebigen Adresse. Der Versendezeitpunkt kann frei ausgewählt werden und streicht somit schon wieder eine Pendenz von der Liste des Schenkers.
Vouchernet.ch preist sich als e-mässigen-Last-Minute-Geschenke-Retter an. So richtig ist das aber noch nicht möglich, da nur 8 Anbieter Gutscheine per Email anbieten.
Einige Gutscheincodes können bei den Webshops der Anbieter verwendet werden, was natürlich extrem e-mässig-web2.0ig rüberkommt. Die überwiegende Mehrheit wird aber im entsprechenden Ladenlokal gegen weltlich Gut getauscht. Das macht sicher bei vielen Dingen auch Sinn, da ein BigMac per Post und ein Haarschnitt im Paket einfach nicht dasselbe sind wie wenn sie frisch vom Produzenten kommen…
Die Website
Navigation und Usability
Der ganze Webauftritt ist klar und strukturiert aufgebaut. Ein grosses *bravo* für den Verzicht auf unnötige Schnörkel und die klare Navigation. Das ganze Design vermittelt Seriosität und Klarheit. Auch der ungeübte Webeinkäufer wird sich bis zum Kauf des Gutscheines durchschlagen können. Eine schenkerfreundliche Suchfunktion (für wen, Kanton, Preisrahmen) ist eine grosse Hilfe für den noch nicht festgelegten Schenker. Einzig die Gutscheinsvoransicht beim Hoovern über den Gutscheintitel ist zwar schön und illustrativ, aber etwas versteckt, wenn auch in der Hilfe beschrieben (liest die jemand?).
Was mir dann eher schwer gefallen ist, ist die Registrierung. Man könne bei einem Wettbewerb mitmachen und erhalte Exklusivangebote. Wollen wir doch! Die Site will dann aber plötzlich frech viele Privatdaten von mir. Adresse, Geburtsdatum und woher man Vouchernet kennt sind Pflichtfelder. Sicher interessant für das Marketing, aber herauspressen aus dem Anwender wirkt eher unsympathisch (im Gegensatz zum Rest der Site und den Texten, die sehr sympathisch rüberkommen!). Dann akzeptierte er auch noch meine .info Emailadresse nicht. Hey, .info gibts schon seit 2001!.
Als ich endlich alle meine Reichtümer und einen Gegenwert für meine Informationspreisgabe (jaa, meine Info ist was wert, ich will was dafür!) einsammeln wollte, wurde mir eine Seite “Eigene Daten ändern” präsentiert. Darauf sind zwei voreingestellte Passworteingabefelder mit ihrem Inhalt hinter den bekannten Sternchen versteckt. Allerdings waren die beiden Passwörter nicht gleich lang. Häh? Mit Click und Clack auch diese Hürde gemeistert und dann kommt heraus, dass der Wettbewerb abgeschlossen ist (obwohl mir noch viel Glück gewünscht wurde) und die Exklusivangebote “in Kürze” aufgeschaltet werden. Naja, hmm, tja, nett ist das nicht.
Technisches
Technisch hat mich die Seite eher verwundert. Sie funktioniert einwandfrei, aber einige kleine Dinge sind etwas im Argen. Die Unternehmer sind in der Promotingphase für die Website und möchten eine grössere Bekanntheit erlangen. Dafür müssten sie aber auch etwas SEO (Suchmaschinenoptimierung) betreiben, damit sie der verzweifelte Möchtegernschenker auf dem allmächtgen Google auch findet. Fehlerhaftes HTML, nur zwei Keywords (eines davon noch falsch geschrieben), kein Favicon, keine robots.txt, etc sorgen halt nicht für Spitzenplätze. Bin sehr gespannt ob dieser Eintrag für das Wort “Gutschein” noch vor vouchernet.ch in den Suchresultaten erscheint . Auf der positiven Seite ist ein Inserat bei Google mit den richtigen Keywords und ein del.icio.us Engagement zu verzeichnen. Auch der RSS-News-Stream funktioniert gut.
Für den Benutzer zeigen sich auch einige Probleme: Die Trennstrich in den Beschreibungstexten müssten entfernt werden, sonst erge- ben sich fremd- artige Gebilde bei einer and- eren Browser- breiten.
Kleinere Details wie ein “Click to activate and use this control” (vom Flash) wenn man im MSIE über dem Logo verweilt, sind dann eher unwichtig (dochdoch, man kann Flash so einbetten dass dieser Hinweis nicht kommt). Interessant ist, dass Microsoft diese Meldung auf Grund eines verlorenen Rechtsstreites einfügen musste…
Ohne Hinweis:
Mit Hinweis (nur MSIE grösser gleich 6.0):
Testkauf
Der Testkauf war eigentlich direkt und einfach, bis ich gesehen habe, dass die Versandkosten für einen Gutschein für einen Kindereintritt ins Technorama (12 Franken) satte 4 Franken betragen. Hui, 4 Hämmer (??!!) das tut weh. Ist da noch der Druck dabei? Seit wann kostet eine A-Post-Marke 4 Franken? Nö, ich bezahle keine 33% Aufpreis.
Dafür wäre das Bezahlen einfach: Rechnung oder Postcard. Kreditkarte ist vorgesehen und wird bald integriert werden.
Wenn die Gutscheine wirklich so aussehen wie auf dem Preview, dann machen sie echt was her.
Bei einigen Gutscheinen sind allerdings die Texte etwas irritierend.
Beispielsweie:
Mit diesem Gutschein schenken Sie Vergnügen pur.
oder
Dieses Geschenk passt immer. Noch dazu hat es Format: praktisch, ultradünn, modern.
implizieren nicht gerade Bescheidenheit des Schenkers. Der Gutschein ist ja für den Beschenkten, und der schenkt nicht und soll selbst beurteilen, ob es immer passt.
Für Anbieter
Anbieter können zwischen drei Modellen wählen: vouchernet.ch bietet auf Wunsch Druck der Gutscheine und Inkasso an. Der Preis bewegt sich um 1 sFr. pro Tag plus 1,75% Umsatzbeteiligung wenn für ein Jahr gebucht wird und eine Preisstaffelung für längerfristige Buchungen. Interessant ist auch die Verkaufsgarantie, die greift, wenn nicht mindestens ein Gutschein pro Monat verkauft wird. In diesem Falle gibt es eine Gratis-Verlängerung.
Fazit
Eine geniale Idee, seriös umgesetzt. Kleinere technische Unfeinheiten halten einem nicht vom Einkauf ab, höchstens vielleicht die happigen Versandkosten.
Firmen könnten bei vouchernet.ch Gutscheine kaufen und den Mitarbeitern mit Jubiläen kalkulierbar, richtig getimed etwas schenken, dass sie wahrscheinlich auch brauchen können. Göttis und Gotten finden nützliche Dinge, auch wenn sie sich in der Welt der Pubertierenden nicht mehr unbedingt auskennen und inspirierend ist es allemal. Ich werde die Site für kommende Weihnachten in sicher in meinen e-Bummel mitaufnehmen.
Spannende Methode zur Analyse des Benutzerverhaltens von Websites sind sogenannte Heatmaps. Sie speichern die Koordinaten aller Klicks auf eine Website und stellen sie mit “Hitzepunkten” dar:
Crazy Egg
Eine “kommerzielle” Möglichkeit zum Erstellen solcher Heatmaps ist CrazyEgg. Die Basisvariante ist gratis und reicht eigentlich aus für kleine Websites. Viel Web 2.0-Ajax und eine einfache Bedienungsführung machen es zu einem angenehmen Tool. Es ist möglich verschiedene “Tests” zu fahren mit unterschliedlichem Aufbau der Website und diese Durchgänge dann zu vergleichen.
CrazyEgg hat es voll im Griff die Klicks den richtigen Links zuzuordnen. Keine leichte Aufgabe wenn man bedenkt, dass jeder Besucher mit einer anderen Auflösung ankommt. Zur Auswertung stehen folgende Darstellungen zur Verfügung:
Overlay (Siehe Bild)
Zeigt die Attraktivität der Links in absoluten und relativen Zahlen
List
Eine Liste aller Links mit ihrer Popularität
HeatMap
Eine schöne Heatmap halt…
Confetti
Klicks anzeigen an Hand des Referrers (der Website von welcher die Besucher gekommen sind)
ClickHeat
ClickHeat ist eine freie Implementierung für Heatmaps. Sie kann auf dem eigenen Server betrieben werden und ist somit sehr geeignet für Kontrollfanatiker wie ich einer bin. Die Installation ist denkbar einfach:
Im Browser dieses Verzeichnis aufrufen (Beispielsweise http://www.yoursite.com/clickheat/index.php)
Alles korrekt einstellem
Den Javascriptcode im Footer der Webseiten einbinden
Abwarten, Tee trinken, Sackhüpfen und danach wieder das ClickHeat Verzeichnis aufrufen
Sich freuen!
Einige Tips noch dazu:
Man kann und sollte die eigenen Klicks ausblenden (erster Menüpunkt im Hauptmenü).
Beim Generieren vom Javascript kann angegeben werden, wie die Linkdaten unterschieden werden:
Mit Keyword. Hier muss aber auf jeder Seite der Javascriptcode angepasst werden! Hben alle Seiten denselben Footer, werden wild alle Klicks gesammelt, auch wenn jede Seite anders aufgebaut ist.
Nach Titel oder Pfad: Damit kann schön nach einzelnen Seiten unterschieden werden.
Um zu checken, ob die Datensammlung funktioniert, die Seite mit dem Parameter ?debugclickheat aufrufen. Also beispielsweise http://www.yoursite.com/index.php?debugclickheat. Dies zeigt ein nettes Overlay mit vielen Informationen.
Unbedingt das Layout der Site konfigurieren (beim Icon ), da er ansonsten die Klickpositionen ein Bisschen durcheinander bringt. Dieses Blog beispielsweise ist Fixed left and right menus, liquid content.
Resultate
Was habe ich für dieses Blog für Erkenntnisse gewonnen?
Die Suche wird benutzt und hat somit ihren prominenten Platz oben rechts verdient.
Es wird ziemlich oft auf das “lead-in” Bild geklickt. Hmmm, was dies zu bedeuten hat muss ich mir noch überlegen. Was erwarten die Besucher wenn sie draufklicken?
Es wird auch auf den kleinen Link skaldrom oberhalb der Beiträge geklickt. Ich habe den Link darum weg von der Homepage (was wohl eher verwirrend war) auf die Schreiberling-Seite umgebogen.
Die Ads scheinen in einem guten Bereich mit vielen Clicks rundherum zu sein.
Am 20.10.2007 ist das BlogCampSwitzerland 2.0 an der ETH Zürich. Das könnte echt geekig werden:
Man trifft sich, es gibt Bier, Essen, einen Haufen Freaks und eine unAgenda: Slots und Präsentierzeux ist da, und wenn wer was zu sagen hat, dann trägt er sich ein und seine Weisheiten vor.
Lokale blogging Grössen wie Yoda, der Autor vom Metablog (Nachtrag März 2008: Metablog ging unter mysteriösen Umständen vom Netz) und Bloggingtom werden anwesend sein. Leicht grössenwahnsinnig werde ich mich klein und bescheiden einreihen .
In diesem Posting seien all die Blogs beklagt, die so voller Zuversicht geöffnet worden sind und denen doch oft nur ein so kurzes Leben bestimmt war. Oftmals stirbt einsam und verlassen, fast ohne inbound-Link, was mit so viel Zuversicht und Enthusiasmus das Licht der Browser erblickt hat.
Lasset uns gemeinsam eine Mikrosekunde schweigen und hoffen, dass sie einen besseren Ort gefunden haben auf dem ew’gen Webserver.
Sie sollen ein letztes mal geehrt sein und hier aufgelistet werden. Denn wo wären sie besser aufgehoben als auf den Weiten des Blog eines technophilen Gothen.
Ein Blog qualifiziert sich durch folgende Punkte für diesen Friedhof:
Es ist tot aber noch nicht verrottet: Also noch erreichbar.
Es hat hoffnungsvoll begonnen.
Es hat seit mindestens etwa seit sovielen Monaten kein Lebenszeichen von sich gegeben wie es Anzahl Beiträge hat. Ein Jahr Inaktivität qualifiziert es ebenfalls.
Bitte, Gemeinde, schickt mir diese und ich werde sie gerne ehrenvoll aufführen. Sollte sich ein Blog aus dem Reich der Toten wieder erheben, werden wir es jubelnd entfernen ;-)…
CoDeA Weblog - Programmieren, Webwork und Internet
Zentrale Accountverwaltung (oder in Managerdeutsch: Single Signon) ist etwas schönes! Der IT-Support kann sich darum kümmern, spontan Änderungen vornehmen und die Websiteverantwortlichen müssen nicht mehr rennen und vergessene Passworte zurücksetzen. Viele Zentrale Verzeichnisse laufen unter Windows mittels ADCs (Active Directory Connector). Der ist so nett und stellt seine Dienste auch als LDAP (Lightweight Directory Access Protocol) zur Verfügung. Der Apache kann darüber (auch unter Linux) authentifizieren mit Basic Authentication, also mit dem Passwortfenster aber ohne PHP und PERL und so…
Benötigt wird das Modul authnz-ldap. Unter Debian kann das eingeschaltet werden mittels:
a2enmod
In einer .htaccess Datei oder in der Site-Konfiguration kann man nun sehr gezielt für Verzeichnisse oder URLs die Authentifizierung einschalten. Hier ein Beispiel:
Um zu einem SSL- Zertifikat zu kommen, kann unter Debian folgendes Kommando verwendet werden:
apache2-ssl-certificate
Dieses könnte man nun signieren lassen oder wenn man nur die Verschlüsselungseigenschaften braucht einfach so belassen. Wenn Apache das Modul mod_ssl geladen hat, kann man nun noch die Datei ans richtige Ort bewegen (Siehe SSLCertificateFile Parameter weiter unten).
Port 443 ist der Port auf dem der Apache auf https Verbindungen hört. Dass er dort ein Ohr platziert muss /vserver/webv2/etc/apache2/ports.conf angepasst werden;
Listen 80
Listen 443
Man hat ein schönes Zertifikat mit ganz vielen Bitlein und nun sollen die Benutzer dies auch gefälligst nutzen. Auf gut Deutsch: man zwingt alle http-Anfragen auf https (http://sicher.oncode.info soll zu https://sicher.oncode.info werden). mod_rewrite für Apache kann das gut, sehr gut sogar und erst noch automatisch. Dafür muss Apache folgendermassen konfiguriert werden:
Ich habe mir sagen lassen, dass es auch hier bei uns Leute gibt die in einer 
Das Web eignet sich ja für vieles… Besonders gut hat es sich in meinen Augen unter Anderem als Plattform um Angebot und Nachfrage zusammenzubringen bewährt. Im Folgenden geht es um die Website 
) angeboten. Es gibt zwei Wege um eine passende Lehrstelle zu finden:
…ist genial und genial einfach! Gutscheine für die verschiedensten Dinge werden über das Web angeboten. Das Einkaufen als solches ist durch das Web schon sehr viel schuhsohlensparender geworden, da die physikalische Bewegung der Körpermasse von Ladenlokal zu Ladenlokal nicht mehr notwendig ist. Bei 
. Auf der positiven Seite ist ein Inserat bei Google mit den richtigen Keywords und ein del.icio.us Engagement zu verzeichnen. Auch der 
), da er ansonsten die Klickpositionen ein Bisschen durcheinander bringt. Dieses Blog beispielsweise ist Fixed left and right menus, liquid content.
.