Ausgabe: 4.12.2007
Abgabe: 11.12.2007, 14 Uhr
Sie werden zu Ihrer Website "Web 2.0" Technologien hinzufügen. Zunächst werden Sie für die drei Adressen, die Sie in XML gegeben haben, eine Yahoo! Map auf der Seite hinzufügen, die den Standort zeigt. Danach werden Sie als "Mashup" Flickr Fotos auf der Map zeigen, die in der Nähe von dieser Adresse gemacht wurden.
Sie wollen eine Yahoo! Map für jede der drei Adressen hinzufügen, die auf Ihrer Website in XML zu finden sind. Diese Maps werden auf der (HTML) Seite gezeigt, wo Sie die drei Adressen als XML Data Islands integriert haben.
Erstmals müssen Sie sich von Yahoo! eine Application ID holen. Mit dieser ID können Sie die Yahoo! Maps AJAX API nutzen, um ein Yahoo! Map auf Ihrer Webseite einzubinden. Dafür müssen Sie auch die Adresse des XML-Codes in den Code der Yahoo! Map kopieren (Sie können dies manuell machen). Mit dem richtigen Code und einer Internet Verbindung (die Webseite muss nicht online sein, sie kann auch lokal sein) sehen Sie jetzt auf der Seite drei Yahoo! Maps.
Kurze Anmerkung: versichern Sie sich, dass die drei Adressen, die Sie nutzen, tatsächlich existierende Adressen sind, die zudem auch in Yahoo! Maps unterstützt werden. Sie überprüfen dies am besten, indem Sie die Adressen manuell in maps.yahoo.de suchen.
Sie werden jetzt mit der Flickr API Fotos suchen, die in der Nähe von der Adresse gemacht wurden. Dafür nutzen Sie die Longitude- und Latitude-Wert Ihrer Adressen und wählen einen Suchumkreis, mit dem Sie auf jeden Fall mindestens ein Foto im Suchergebnis erhalten.
Die Fotos in dem Suchergebnis sollen dann auf der jeweiligen Yahoo! Map angezeigt werden. Sie können dann frei über die Darstellung des Fotos und der damit zusammenhängenden Metadaten (z.B. Titel) entscheiden.
Abgabe per E-Mail:
Schicken
Sie an Ihren Dozenten die folgenden Dateien:
Code für das Mashup.
URL von der Seite, wo das Mashup zu sehen ist.
Der Betreff der E-Mail sollte wie folgt aussehen: "[NBI] Blatt 4 - Gruppe X".