Heute war mir irgendwie nach einem Spass/Übungs-Projekt zumute.. Daher dachte ich mir dass ich mal ein wenig mit WebService APIs und Ajax rumexperimentiere. Dabei rumgekommen ist “CityMash” .. alles natürlich Beta und etc.p.p. Ich habe darin grad mal 6 Stunden investiert, also erwartet nichts bahnbrechendes und über den Nutzen lässt sich sowieso immer streiten. :P Also folgendes nicht sooo ernst nehmen.
Ich habe die Javascript Applikation komplett in Firefox entwickelt und gebe daher keine Garantie für andere Browser. Das ganze war eher für mich zum trainieren gedacht. Da es nun relativ fertig ist dachte ich mir das ich euch das Teil mal vorstelle. ^^
Ich nutze in der Anwendung PHP lediglich als Proxy um die Dienste abzurufen. Das MashUp besteht aus folgenden Zutaten:
- Google Maps - Sollte bekannt sein..
- Yahoo Trips - Ein Dienst von Yahoo wo man Reiseberichte online stellen kann.
- Yahoo Answers - Hier kann man eine beliebige Frage stellen und von allen Antworten eine als die Beste rauspicken.
- FeedMap - Geocodierte Blogs aus aller Welt. Liefert Latitude und Longitude samt Feed-Adresse und Url.
- Yahoo Videos - Einfache Websuche nach Videos aus diversen Quellen. Mit Thumbnail und Link.
- Upcoming.org - Hiervon nutze ich lediglich die Metropolen Datenbank für die Autovervollständigung des Suchfeldes
Die Idee war ursprünglich folgende:
Von Yahoo Trips wollte ich die einzelnen Haltepunkte der Reisenden auf der Google Map anzeigen, inklusive dem Foto. Leider gab der Webdienst nicht alle benötigten Daten und deshalb musste ich das ganze verwerfen.
Das aktuelle Konzept:
Man kann sich zu einem Ort Reiseberichte (bzw. Links dazu), Blogs aus der Region, Links zu Videos die den Ort im Titel haben, sowie verwandte Fragen anzeigen lassen. Ich habe die Integration des Inhalts der einzelnen Quellen auf ein minimum beschränkt. Auch wenn ein Webdienst noch so viel anbietet, ist ein Link zum Original unschlagbar. Nennen wir es eine dynamische-suchwortbezogene-Linkliste ;).
Die Technik des ganzen:
Ich hab nicht viel Zeit mit HTML verschwendet (wie man sieht.. hehe), sondern zu 80% Javascript geschrieben, welches mir die Inhalte generiert. Die Anwendung besteht quasi aus einer HTML Seite, einem Javascript und einem PHP Script zum abrufen und ausliefern der Daten als JSON. Natürlich werden mehere Bibliotheken benutzt wie ein XML Parser und ein JSON encoder, aber sonst ist das ganze recht schlank gehalten. Ich benutze hauptsächlich Prototype und den Builder von script.aculo.us. Später habe ich dann noch die Effects Library hinzugefügt.
Browserunterstützung:
Tja, ermm.. Firefox, Opera und wahrscheinlich auch Safari :)
Ich habs auch im IE7 getestet, aber irgendwie wollte der Mal und dann wieder nicht. hmm
Viel Spass beim Stöbern … quer über den Globus..
