PC Magazin Classic XXL Geheime Tools von Microsoft (Vorschau)

122
IT ProfessIonal
Web-Programmierung
Beispiel 2: Bild auswählen und anzeigen
Eine anspruchsvolle Anwendung
leicht umgesetzt: Der Nutzer kann ein
Bild von einem anderen Web-Dienst
auswählen, das dann in der aktuellen
App angezeigt wird. Basis ist wie beim
Beispiel 1 ein offizielles Beispiel der
Web-Intents-Entwickler (http://examples.webintents.org/intents/pick/index.
html). Das folgende Listing finden Sie
auf der Heft-DVD.
Web Intents, Beispiel 2
attachEventListener(window, “load”, function() {
var pickImage = document.getElementById(“pickImage”);
attachEventListener(pickImage, “click”, function() {
var intent = new Intent(
“http://webintents.org/pick”,
“image/*”);
window.navigator.startActivity(intent, intentResponse);
return false; });
var intentResponse = function (intentData) {
var output = document.getElementById(“output”);
output.src = intentData.data;
focus(); }; }, false);
Web Intents, Beispiel 2
Bild von einem Cloud-Dienst auswählen und anzeigen.
Bild auswählen!
Hier erscheint das gewählte Bild:
Die süße
Miezekatze
kommt
vom einem
anderen
Web-Dienst.
Service(s) aufrufen
Web-Applikationen fragen eine Aktion mit
vorgegebenen Parametern ab, woraufhin die
Web-Intents-API den bzw. die passenden
Service(s) zur Verfügung stellt. Ein Beispiel:
var intent = new Intent(„http://
webintents.org/share“, „text/uri-list“,
„http://www.pc-magazin.de“);
window.navigator.startActivity(intent);
Der Variablen intent wird in diesem Fall die
Website-URL des PC Magazins zugewiesen.
Der type (zweiter Parameter) wird als Text/
Webadresse definiert, und mit share (erster
Parameter) wird die Aktion zum Teilen des
Links angesprochen. Die zweite Code-Zeile
startet schließlich die Ausführung des Codes.
Das vollständige Beispiel finden Sie im Kasten
„Beispiel 1“ auf der vorigen Seite sowie
auf der Heft-DVD – gemeinsam mit dem zweiten
Beispiel aus diesem Artikel.
Nutzbare Intents
Die Web-Intents-Entwickler stellen eine Reihe
von Standard-Funktionen für den Datenaustausch
bereit. Das System erlaubt es aber
auch, eigene Intents zu definieren. Für die
meisten Entwickler sollten die Standard-Intents
anfangs ausreichend sein:
discover: Identifizieren von externen APIs und
Services.
share: Teilen von Daten zwischen Web-Services
bzw. Apps.
edit und view: Daten aus einem Service editieren
und mit einer anderen Applikation betrachten.
pick: Abrufen von Daten aus einer Web-App,
um sie in der eigenen Anwendung zu nutzen.
subscribe: Daten einer Web-Anwendung
„abonnieren“.
save: Speichert Daten innerhalb einer Applikation.
Service registrieren
Anbieter von Web-Services registrieren ihre
Anwendungen nach einem recht einfachen
Schema. Sie legen fest, welche Funktionalitäten
angeboten werden und was mit den
von der Web-Applikation empfangenen Daten
geschehen soll. Der dazugehörige Code sieht
so aus:
Der Parameter action wird zwingend benötigt.
Ein Verb – der so genannte Intent – beschreibt
die angeforderte bzw. auszuführende
Aktion. Mögliche Angaben sind discover,
share, edit, view, pick, subscribe und save.
Zur Bedeutung der einzelnen Intents lesen
Sie bitte den Abschnitt „Nutzbare Intents“.
Der Parameter type ist optional und erlaubt
die Filterung von Daten. Und auch der Parameter
href ist optional: Wenn eine URL
angegeben wird, zeigt sie auf die auszuführende
Aktion, sobald ein Nutzer den Service
auswählt. Wenn keine href-Angabe erfolgt,
wird die aktuelle Webseite verwendet. Hier
nun ein vollständiges Beispiel für eine Service-Registrierung:
Dieser Code registriert einen Dienst, mit dem
Bilder geteilt werden können. Wählt der Nutzer
den Service aus, erfolgt eine Weiterleitung
auf die Seite „share.html“.
Weitere Infos
Auf der offiziellen Website www.webintents.
org finden Sie eine kurze Dokumentation
sowie weitere Beispiele für mögliche Web-
Intents-Anwendungen. Die FAQ beantworten
die häufigsten Fragen zur neuen Technologie
und ihren Einsatzmöglichkeiten. Web-
Intents-Erfinder Paul Kinlan bietet unter
www.webintents.com eine „20-Sekunden-
Anleitung“ für Entwickler. James Hawkins,
Software-Ingenieur bei Google, liefert im
Chromium-Blog ein interessantes Beispiel
für Web Intents: http://blog.chromium.
org/2011/08/connecting-web-apps-withweb-intents.html.
Auf seiner eigenen Entwickler-Website
vermittelt Paul Kinlan einen
umfassenden Überblick zu Web Intents:
http://paul.kinlan.me.
whs
PC Magazin 1/2012 www.pc-magazin.de