pixelgraphix

Lifestream DIY

12.07.2007, 13:11 in css, essays, tutorial, lifestream, web2. Trackback-URL, Kommentar-Feed.

In der letzten Zeit bin ich immer wieder über so genannte »Lifestreams« wie z.B. das von Jeremy Keith und Jeff Croft gestoplert. Als »Lifestreams« verstehe ich dabei Seiten, die die Aktivitäten einer Person im Netz chronologisch zusammengefasst aufzeigen. Das lässt sich leicht durch die Kombination verschiedener RSS-Feeds realisieren, dachte ich mir. Nachdem eine kleine Umfrage zeigte, dass es keine wirklich schnelle Methode gibt, so etwas auf dem eigenen Server zu starten, habe ich gebastelt und das ist dabei rausgekommen: Eine schnell zusammengehackte Zusammenstellung meiner Aktivitäten per Feed, angehübscht durch viel CSS. Es ist wirklich eine absolute Alpha-Version, die kein Caching oder sonstige Finessen hat. Wer so etwas auch starten bzw. weiterentwickeln möchte, braucht Folgendes:

• Den PHP RSS Parser Magpie.


• Ein Tool zum Kombinieren verschiedener Feeds. Ich schwanke zwischen Yahoo! Pipes und Johns RSS-Combiner, der den Vorteil der Installation auf dem eigenen Server hat. Außerdem hat Pipes wohl Probleme mit den Twitter- und Pownce-Feeds. In »Was man mit RSS so alles anstellen kann« hatte ich schon einmal weitere Tools angesprochen.


• Viel CSS


• Den folgenden Code in einer PHP-Datei:

<? //Magpie einbinden und konfigurieren define("MAGPIE_DIR", "./magpie/"); define("MAGPIE_CACHE_ON", true); define('MAGPIE_CACHE_AGE', "15*15"); define("MAGPIE_CACHE_DIR", "./cache/"); define('MAGPIE_OUTPUT_ENCODING', "UTF-8"); include(MAGPIE_DIR."/rss_fetch.inc");

//Feed-URL $url = "http://www.mein-kombiniertes-feed"; //Feed laden und parsen $feed = fetch_rss($url); //Anzahl festlegen, momentan 25 $feed->items=array_slice($feed->items, 0, 25); //Ausgeben echo "<ol>"; foreach ($feed->items as $item) { $link = $item["link"]; $title = $item["title"]; echo "<li><a href="$link">$title</a></li>"; } echo "</ol>"; ?>

Diesen habe ich vor ganz langer Zeit mal aus dem Netz geholt und immer wieder verwendet. Leider weiß ich nicht mehr woher…

Im Idealfall werden nun die Nachrichten in der Reihenfolge ihres Erscheinens ausgegeben. Um sie zu formatieren verwende ich Attribut-Selektoren der Form: a[href ^='http://twitter … Wenn also ein Link mit Attribut href auftritt, dessen Wert mit »http://twitter« beginnt, greift die entsprechende Regel. Das sieht in meinem Stream dann z.B. so aus:

a[href ^='http://twitter'], a[href ^='http://twitter']:visited { background: #B3ECEF url(images/twitter.png) no-repeat 10px 50% !important; color: #111 !important; }

Das bewirkt, dass eine spezielle Hintergrundfarbe, das Twitter-Favicon und eine spezielle Schriftfarbe zugewiesen werden. Diese Formatierungen müssen nun für alle eingebundenen Dienste definiert werden und fertig ist der Stream.

Hinweise

Achtung bei Feedburner-Umlenkungen. Hier werden nicht die ursprünglichen Adressen sondern die Feedburner-URLs verwendet. Wer ein del.icio.us-Feed einbindet, wird merken, dass del.icio.us keinerlei Hinweise im Feed hinterlässt. Ich habe deshalb die del.icio.us Formatierung zum Standrad gemacht. Das heisst, alle Links, die nicht gesondert über Attribut-Selektoren angesprochen werden, werden als del.icio.us formatiert. Wer Yahoo! Pipes verwendet, sollte das zusammengestellte Feed für dem Output nach »item.pubDate« absteigend sortieren lassen.

Update: Simplepie Version

In den Kommentaren hat Thomas die Nutzung von SimplePie anstelle von Magpie vorgeschlagen. Der Vorteil: Es ist nicht nötig, die Feeds extern zu kombinieren. Außerdem ist SimplePie hervorragend dokumentiert. Die aktuelle Version nutzt denn auch SimplePie. Es gibt zwei gute Tutorials, die jeder lesen sollte, der so einen Stream basteln möchte: Sort multiple feeds by time and date und Use Relative Dates.

Weiterführende Links

• 150 items / lifestream / Manuela Hoffmann
• Pownce Diskussion
• Pownce Umfrage
• lifestreamblog mit Tipps und Beispielen

Viel Spaß!

Werbeunterbrechung

Kommentare und Feedback (25)

Folgende Seiten verweisen auf diesen Beitrag

Dieser Eintrag kann nicht mehr kommentiert werden.

Werbung