Nächste Generation von Web-Anwendungen mit Web Intents

Transkript

1 Nächste Generation von Web-Anwendungen mit Web Intents Willie Chieukam adorsys GmbH & Co. KG 1

2 Erkennen Sie den? Willie Chieukam Senior Software Entwickler/Berater seit 7 Jahren aktiv noch immer mit fragendem Gesichtsausdruck willie.chieukam@adorsys.de 2

3 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 3

4 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 4

5 Problemstellung Stellen Sie sich vor: Sie bauen eine Bildgalerie-Applikation mit der Anwender ihre Bilder auch bearbeiten können; z.b. um den Rote- Augen-Effekt aus einem Foto zu entfernen. Ansätze: Eigenimplementierung Integration einer 3rd-Party-Lösung (Library, Framework) Mashup: SaaS, Open API (see: => Obige Lösungen variieren in ihrem Aufwand bzgl. KnowHow-Aufbau/ Rüstzeit/, haben die gemeinsame Charakteristik 1:1 was, wenn der Anwender bereits einen bevorzugten Dienst nutzt, um seine Bilder zu bearbeiten? eine Lösung! è Web Intents 5

6 Was sind Web Intents? Open Source Projekt, Apache Lizenz 2.0 Dezember 2010 ins Leben gerufen Universalschnittstelle/-API für Web Für die gebräuchlichsten Anforderungen Veröffentlichen von Bildern, Editieren von Dokumenten, Ansehen von Bildern, Musik hören, etc... Konzept stark inspiriert vom Android Intent-System Besser auf die Anforderungen des Webs ausgelegt Grundidee: Anwendungen und Services, die sich ergänzen, ohne sich aber näher kennen zu müssen a.k.a. generische Schnittstelle. 1 Intent = 1 Aktion die von einem Provider ausgeführt werden soll 6

7 Was sagt das web dazu? This project will fundamentally change and improve the way we build applications on the web today for our users. Paul Kinlan - Developer Google on Chrome Quelle: 7

8 Was sagt das web dazu? Excellent news! I love Intents on Android - they avoid having to reinvent the wheel and they provide an integrated user experience for users - so I'm really pleased to see it coming to the web. Quelle: 8

9 Was sagt das web dazu? 9

10 Was sagt das web dazu? 10

11 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 11

12 Use case: Bild bearbeiten Man verwendet die Fotogalerie Picasa von Google, möchte seine Fotos jedoch lieber auf Photoshop.com, etc... statt auf picnik.com bearbeiten Mittels Web Intents könnte man nun, wenn die Anbieter diese Funktion einbinden, Fotos bei Picasa auswählen, diese in die Photoshop-App importieren, sowie nach dem Bearbeiten automatisch wieder in Picasa hochladen 12

13 Use case: Kontakten importieren Kontaktdaten aus einer Seite automatisch in sein Adressbuch in einem webbasierten Mail- Interface wie Googl , Microsoft Exchange, etc... übernehmen 13

14 Use case: Nachrichten veröffentlichen Nachrichten über z.b.:twitter veröffentlichen von seiner eigenen Anwendung. 14

15 Use case Weitere Use-Cases siehe: usecases.webintents.org 15

16 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 16

17 Funtionsweise Web Intents stellen eine deklarative Syntax zur Verfügung sowie ein System für die Registrierung verschiedener Provider Damit können Serviceanbieter/Provider eine Liste der von ihnen angebotenen Intents bereitstellen Auf Seiten der Client-Anwendung kann der Nutzer so für eine bestimmte Aufgabe aus einer Liste verschiedener Provider wählen. Die Anwendung selbst muss die verschiedenen Provider also nicht kennen, sondern fragt über Web Intents lediglich nach einem Service für eine bestimmte Aufgabe 17

18 Funtionsweise Inspiriert von den von Android bekannten Intents, die ein Late Runtime Binding verschiedener Komponenten einer oder unterschiedlicher Anwendungen erlauben. Browser, die das API unterstützen, würden sich selbst um den Rest kümmern. Dazu implementiert die Plattform-API einen Discovery-Mechanismus und ein leichtgewichtiges RPC- System unter den Web-Anwendungen 18

19 Funtionsweise Anwendung 1 Provider 1 Service Web Intent Call 1 Web Intent Call ,4 Provider 2 Service Provider 3 Service Web Intent Call 3 Browser Registry 19

20 Verwendung Einsatz heute Momentan noch keine native Browser-Unterstützung Aber ein JavaScript-Ausgleich, der die Plattform API vollständig simuliert <script src=" Mit Unterstützung für folgenden Browser Zufunft IE8, IE9, Opera, Safari, Firefox 3+ and Chrome 3+ Native Browser-Unterstützung in aktuellen Chrome Dev-Version Andere Browser-Hersteller: noch offen! 20

21 Web Intents API Intent Registrierung <intent ac8on="h=p://webintents.org/share" type="image/*" href="share.html 8tel= Sharing App disposi8on="window inline" /> action: (erforderlich), spezifiert die auszuführende Aktion type: Art des Inhalt, default (*) href: URI für verbundene Resource, default aktuelle Seite title: Service Titel disposition: gibt an wo die Service durchgeführt wird 21

22 Web Intents API Intent Aufruf var intent = new Intent( "h=p://webintents.org/share", "image/*", data); window.navigator.startac8vity(intent,[onsuccess], [onfailure]); action: (erforderlich), spezifiert die auszuführende Aktion type: (erforderlich), Art des Inhalts data: payload (erforderlich, abhängig von der auszuführenden Aktion) postresult: Methode, um Daten zurück an den Client zu senden postfailure: Methode, um Fehlernachrichten zurück an den Client zu senden 22

23 Web Intents API Intent type resolution matrix 23

24 Default Intents Share Daten einer Seite sharen Edit Daten einer Seite editieren View - Daten in einer anderen Anwendung ansehen Pick - Dateien aus einer Service holen Subscribe Daten einer Seite abonnieren Discover - Externe APIs und Services abfragen Save Daten in einer anderen Anwendung Speichern Custom (spec vorhanden: Es gibt ein zentrales Repository für die Intents: webintents.org 24

25 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 25

26 Beispiel d 26

27 Live Demos Live Demos... 27

28 Agenda Was sind Web Intents? Use Cases Funktionsweise Live Demos Ausblick 28

29 Ausblick W3C Draft Letzte Aktualisierung update 31 January 2012 Die aktuelle Dev-Version von Chrome hat gerade native Unterstützung von Web Intents bekommen Mozilla arbeitet momentan an einem ähnlichen Projekt apps.mozillalabs.com/appdir/ API ist einfach zu verwenden Mit gerade einmal zwei Zeilen Code kann man sich mit einem Web Service verbinden Web Intents senken den Integrationsaufwand erheblich (Vgl.: Unix commandline-philosophie) 29

30 Ausblick Web Intents können die Hürde des Aufbaus neuer Web-Angebote senken, weil einfach und schnell viel Funktionalität implementiert werden kann Und können möglicherweise die Vielzahl unterschiedlicher Dienste- APIs, und damit wiederum den Integrationsaufwand, eindämmen Allein 37 verschiedene APIs für englischsprachige Bookmark-Dienste... Security-Thema ist noch offen Kann ich als Anwender frei bestimmen welcher Intent auf Meine Seite eingebunden werden soll? Oder reglementiert das der Anbieter, z.b.. wg. Servicequalität, User experience? Prozess um neue Intents zu registrieren? 30

31 Resources Google google.de/search?q=web+intents webintents.org W3C Draft dvcs.w3.org/hg/web-intents/raw-file/tip/spec/overview.html programmableweb.com apps.mozillalabs.com/appdir/ 31

32 Fragen? Vielen 32