![\"\"](\"wp-photos\/2013-04-14\/statusboard_tv.jpg\")
<\/p>\n<\/p>\n
TL;DR Download: rnv.php<\/a><\/p>\n Vielleicht haben ein paar von euch mitbekommen, dass Panic vor einigen Tagen ihre neue iPad-App Status Board<\/a> ver\u00f6ffentlicht haben. Nat\u00fcrlich ist die Web-Community verst\u00e4ndlicherweise begeistert. F\u00fcr alle, die sich darunter nichts vorstellen k\u00f6nnen: Status Board ist ein einfaches Tool zur Datenvisualisierung, das auch eine Ausgabe auf externen Bildschirmen, zB. TV-Ger\u00e4ten erm\u00f6glicht.<\/p>\n Jetzt spriessen \u00fcberall neue Widgets f\u00fcr die App aus dem Boden, die bei der Datenvisualisierung helfen. Nat\u00fcrlich habe auch ich mich damit besch\u00e4ftigt, auf die schnelle meinen ersten Screen zusammengestellt, und so weiter. Leider sind viele der Widgets auf den US-Markt ausgerichtet, und nachdem ich nicht wusste, wie lange man jetzt auf deutsche Anbindung warten wird m\u00fcssen, habe ich meine eigenen Coding-Skills mal aus der Schublade geholt.<\/p>\n F\u00fcr Evas Caf\u00e9 NORD<\/a> probiere ich im Moment viele verschiedene Tech-Gadgets aus, um welche zu finden, die im Laden sinn machen und es irgendwie cool machen f\u00fcr Technikbegeisterte. Die App kam mir gerade recht. Mal sehen, ob ich sie \u00fcberreden kann, das ganze irgendwo aufzustellen. Ich f\u00e4nds ja praktisch. Es gibt ja ein paar Stats im Caf\u00e9, die sch\u00f6n w\u00e4ren, auch zu zeigen.<\/p>\n Was schnell gemacht war, war eine Abfrage von Foursquare-, Twitter- und Facebook-Stats. Aber die sind ja auch keine richtige Herausforderung. Was echt spannend und n\u00fctzlich w\u00e4re, w\u00e4r ja ein Fahrplan nahegelegener Haltestellen (in meinem Fall f\u00fcr Mannheim, Ludwigshafen und Heidelberg), wie ihn Panic selbst auch auf ihrem Board<\/a> verwenden.<\/p>\n Nat\u00fcrlich stellt der Rhein-Neckar-Verkehrsverbund<\/a> eine hervorragende API zur Abfrage ihrer Abfahrtszeiten zur Verf\u00fcgung. NOT! Und jetzt kommt der gute Teil: ihr k\u00f6nnt das Status Board Widget haben! Ich f\u00e4nds super, wenn die App, und damit eine gutaussehende Fahrplanauskunft, auch in Mannheim und Umgebung Verbreitung findet. Ich bin zwar nicht sicher, ob der RNV das gut findet, aber letztlich macht das Tool ja echt das gleiche, wie ihre App und es steht sogar RNV drauf. Ich hoffe, das ist ok.<\/p>\n Ich muss dazu sagen, dass das HTML gr\u00f6\u00dftenteils von Panics Space-Template stammt, also nicht von mir aufger\u00e4umt wurde. Daher sieht es ein bisschen w\u00fcst aus, aber ich denke, man kommt zurecht, wenn man auch nur einen ungef\u00e4hren Plan von Webdesign hat. Der andere Haken ist, man muss die HafasID der Haltestelle wissen, die man anzeigen will, aber f\u00fcr die gibts eine XML-Liste<\/a>. Hat man die ID gefunden, kann man das Widget auf seinen Server hochladen und mit dem Parameter ID aufrufen, zB. so: Jetzt bleibt noch zu hoffen, dass der RNV es genauso cool findet, wie ich. Ihr k\u00f6nnt die Datei jedenfalls mal runterladen und reinschauen. Spektakul\u00e4r ist eigentlich nichts daran, aber man kann es ja nach Belieben anpassen und weiterverwenden. Vielleicht komme ich in den n\u00e4chsten Tagen dazu, noch ein wenig weiter dran zu feilen. Ein gescheiter AJAX-Refresh w\u00e4r zB. ganz gut. Eventuell kann man das ganze Ding auch komplett mit Javascript nachbauen, statt mit PHP.<\/p>\n Download: rnv.php<\/a><\/p>\n
Ich schaue mich also auf deren Seite ein wenig um, ob irgendwo die Daten in brauchbarer Form vorliegen, so dass ich was damit machen k\u00f6nnte. Fehlanzeige. Ich stosse allerdings auf ein kleines Windows-Widget, das aktuelle Abfahrtszeigen f\u00fcr die gew\u00e4hlte Haltestelle anzeigen kann. GENAU WAS ICH BRAUCHE! Leider ist es in ein unsch\u00f6nes Java-Archiv verpackt. Reverse Engineering to the rescue! Ich wurstle mich also durch den Code, um rauszufinden, wo das Ding die Daten herbekommt, und siehe da, es *gibt* eine API. Und die ist nichtmal schlecht. Nach ein wenig WiFi Scooping habe ich dann alle Aufrufe zusammen, die ich brauche. Und dann ist es gar nicht mehr weit, zu einem fertigen Statusboard-Widget.<\/p>\n![\"\"](\"wp-photos\/2013-04-14\/statusboard_plain.jpg\")
<\/p>\n
rnv.php?id=2432<\/strong><\/p>\n