Alles Over Api's

Slide 1: Alles over API’s Gastcollege ‘The next web’

Slide 2: Wie ben ik? Frank Leegstra  frank@mediact.nl  06 42 141 263  Hogere Informatica (hier)  Bedrijfskunde (ergens anders) 

Slide 3: Wie is mediaCT webinterieur Elk jaar een stagiair van CMD / Informatica NHL  Jasper Zeinstra (werkt nu fulltime)  Egbert Veenstra  Meint Span 

Slide 4: mediaCT webinterieur Enorm aan het groeien (12 man in Groningen)  Website vormgeving, online marketing en internet  techniek Groningen, Amsterdam en Dokkum 

Slide 5: Onderwerpen Vandaag  Alles over API’s  7 november  Case van een ‘successvolle’ web 2.0 website  14 november  ??? 

Slide 6: Jullie hebben kennis van... AJAX  PHP  ActionScript  JavaScript 

Slide 7: Inhoud Wat is een API?  Wat kun je ermee?  Hoe werkt het?  Zelf proberen  Beperkingen  Pas op: niet alles zomaar gebruiken  Voor de geïnteresseerden: imfindr.com 

Slide 8: Wat is een API? Alles over API’s

Slide 9: API volgens wikiPedia Een Application Programming Interface (API) is een verzameling definities op basis waarvan een computerprogramma kan communiceren met een ander programma of onderdeel (meestal in de vorm van bibliotheken). Vaak vormen API's de scheiding tussen verschillende lagen van abstractie, zodat applicaties op een hoog niveau van abstractie kunnen werken en het minder abstracte werk uitbesteden aan andere API's. Hierdoor hoeft bijvoorbeeld een tekenprogramma niet te weten hoe het de printer moet aansturen, maar roept het daarvoor een gespecialiseerd stuk software aan in een bibliotheek, via een afdruk-API.

Slide 10: Web 2.0 Is het delen van informatie  User generated content  Open platform  API’s

Slide 11: De API van vroeger Vroeger: API’s voor programma’s  Windows 32 API  DLL  DirectX  Web 2.0: API’s als informatievoorziening en interactie  Webservice  RSS is eigenlijk ook soort API 

Slide 12: Bekende API’s

Slide 13: Wie gebruikt ze Veel bedrijven (routebeschrijving)  Portals / weblogs (zoekfunctie via Google)  Weblogs onderling (Filmpjes etc op je weblog)  RSS Nieuwswebsites 

Slide 14: Een API is geen WIDGET API  Pure data  Puur iets uitvoeren op een andere server  Output (Layout) volledig aanpasbaar  Widget  Tooltje die je kunt embedden in standaard interface  Afhankelijk van opmaak van bron 

Slide 15: Een API is geen WIDGET Widget API (via XML)

Slide 16: Waarom is Google MAPS niet alleen een WIDGET maar ook een API? doThis(); doThat(); doZus(); doZo();

Slide 17: Wat kun je ermee? Alles over API’s

Slide 18: Wat kun je ermee? Laat anderen het werk doen  Toegevoegde waarde bieden  Mashups bouwen  Informatie mediumonafhankelijk maken  Niet langer ‘dé bron’ voor bepaalde informatie  Op elk apparaat  Waar ter wereld  Data combineren 

Slide 19: Wat kun je ermee? Informatie  Zoeken (Google)  Profiel opvragen van je vrienden  Informatie over youTube filmpjes zoeken  Gerelateerde artiesten zoeken (Last.fm)  Actie  Berichten plaatsen op je Hyves  Foto’s toevoegen aan je Flickr profiel 

Slide 20: Wat kun je ermee? http://www.audioscrobbler.net/data/webservices/

Slide 21: Wat kun je ermee? http://developers.facebook.com/documentation.php

Slide 22: Wat kun je ermee? http://flickr.com/services/api/

Slide 23: Spellchecker via Google API

Slide 25: Wat kun je ermee? enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz.

Slide 26: Old biz vs. new biz ... en de toekomst Networked Organization Value chain Old Biz New Biz Market maker Co Producer supplier Company Marketing-partner joint company offer Portal Community customer Customer Copyright Vincent van Kouwenhoven

Slide 27: Hoe werkt het? Alles over API’s

Slide 28: Ophalen van data Meestal via HTTP  http://gdata.youtube.com/feeds/videos?vq=iphone  http://ws.audioscrobbler.com/1.0/artist/Prodigy/similar.xml  http://api.flickr.com/services/feeds/photos_public.gne  Uitvoeren van een script op een andere server  Terugkrijgen van informatie  XML  JSON 

Slide 29: Voorbeeld: Last.fm Aanvraag via http://ws.audioscrobbler.com/1.0/artist/prodigy/similar.xml 

Slide 30: Dan... XML (of JSON) doorlopen en er wat mee doen  PHP, ASP, etc...  Actionscript  JavaScript (in geval van AJAX) 

Slide 31: API’s via AJAX. Cross-domain policy Voorbeeld met Yahoo!

Slide 32: API’s via AJAX. Cross-domain policy Proxy nodig? Kijk op http://developer.yahoo.com/javascript/howto-proxy.html

Slide 33: Zelf proberen Alles over API’s

Slide 34: Leuk om te proberen: Yahoo Pipes http://pipes.yahoo.com

Slide 35: Leuk om te proberen: Yahoo Pipes http://pipes.yahoo.com

Slide 36: Leuk om te proberen: Yahoo Pipes

Slide 37: Beperkingen Alles over API’s

Slide 38: Beperkingen van API’s Afhankelijk van supplier  Technisch: veel dataverkeer  Daarom biedt WikiPedia een download aan ipv een API  Privacy (in de toekomst wellicht patiëntinformatie?) 

Slide 39: Waarschuwing: niet zomaar alles gebruiken Alles over API’s

Slide 40: Gebruik niet zomaar alles Verschilt per API  Lees de statements  Pas op met commercial use  Zorg dat de bron er ook iets aan heeft  Partnership Bol.com  Bezoekers naar Last.fm 

Slide 41: Gebruik niet zomaar alles

Slide 42: Vragen? Alles over API’s

Slide 43: Vragen Frank Leegstra  frank@mediact.nl  06 42 141 263 

Slide 44: Imfindr.com Alles over API’s