Successfully reported this slideshow.

Alles Over Api's

7,164 views

Published on

Alles over API's. Presentatie gegeven aan de Noordelijke Hogeschool Leeuwarden (NHL) door mediaCT webinterieur.

Published in: Business
  • Be the first to comment

Alles Over Api's

  1. 1. Alles over API’s Gastcollege ‘The next web’
  2. 2. Wie ben ik? <ul><li>Frank Leegstra </li></ul><ul><li>[email_address] </li></ul><ul><li>06 42 141 263 </li></ul><ul><li>Hogere Informatica (hier) </li></ul><ul><li>Bedrijfskunde (ergens anders) </li></ul>
  3. 3. Wie is mediaCT webinterieur <ul><li>Elk jaar een stagiair van CMD / Informatica NHL </li></ul><ul><ul><li>Jasper Zeinstra (werkt nu fulltime) </li></ul></ul><ul><ul><li>Egbert Veenstra </li></ul></ul><ul><ul><li>Meint Span </li></ul></ul>
  4. 4. mediaCT webinterieur <ul><li>Enorm aan het groeien (12 man in Groningen) </li></ul><ul><li>Website vormgeving, online marketing en internet techniek </li></ul><ul><li>Groningen, Amsterdam en Dokkum </li></ul>
  5. 5. Onderwerpen <ul><li>Vandaag </li></ul><ul><ul><li>Alles over API’s </li></ul></ul><ul><li>7 november </li></ul><ul><ul><li>Case van een ‘successvolle’ web 2.0 website </li></ul></ul><ul><li>14 november </li></ul><ul><ul><li>??? </li></ul></ul>
  6. 6. Jullie hebben kennis van... <ul><li>AJAX </li></ul><ul><li>PHP </li></ul><ul><li>ActionScript </li></ul><ul><li>JavaScript </li></ul>
  7. 7. Inhoud <ul><li>Wat is een API? </li></ul><ul><li>Wat kun je ermee? </li></ul><ul><li>Hoe werkt het? </li></ul><ul><li>Zelf proberen </li></ul><ul><li>Beperkingen </li></ul><ul><li>Pas op: niet alles zomaar gebruiken </li></ul><ul><li>Voor de geïnteresseerden: imfindr.com </li></ul>
  8. 8. Wat is een API? <ul><li>Alles over API’s </li></ul>
  9. 9. API volgens wikiPedia <ul><li>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. </li></ul>
  10. 10. Web 2.0 <ul><li>Is het delen van informatie </li></ul><ul><li>User generated content </li></ul><ul><li>Open platform </li></ul>API’s
  11. 11. De API van vroeger <ul><li>Vroeger: API’s voor programma’s </li></ul><ul><ul><li>Windows 32 API </li></ul></ul><ul><ul><li>DLL </li></ul></ul><ul><ul><li>DirectX </li></ul></ul><ul><li>Web 2.0: API’s als informatievoorziening en interactie </li></ul><ul><ul><li>Webservice </li></ul></ul><ul><ul><li>RSS is eigenlijk ook soort API </li></ul></ul>
  12. 12. Bekende API’s
  13. 13. Wie gebruikt ze <ul><li>Veel bedrijven (routebeschrijving) </li></ul><ul><li>Portals / weblogs (zoekfunctie via Google) </li></ul><ul><li>Weblogs onderling (Filmpjes etc op je weblog) </li></ul><ul><li>RSS Nieuwswebsites </li></ul>
  14. 14. Een API is geen WIDGET <ul><li>API </li></ul><ul><ul><li>Pure data </li></ul></ul><ul><ul><li>Puur iets uitvoeren op een andere server </li></ul></ul><ul><ul><li>Output (Layout) volledig aanpasbaar </li></ul></ul><ul><li>Widget </li></ul><ul><ul><li>Tooltje die je kunt embedden in standaard interface </li></ul></ul><ul><ul><li>Afhankelijk van opmaak van bron </li></ul></ul>
  15. 15. Een API is geen WIDGET API (via XML) Widget
  16. 16. Waarom is Google MAPS niet alleen een WIDGET maar ook een API? doThis(); doThat(); doZus(); doZo();
  17. 17. Wat kun je ermee? <ul><li>Alles over API’s </li></ul>
  18. 18. Wat kun je ermee? <ul><li>Laat anderen het werk doen </li></ul><ul><li>Toegevoegde waarde bieden </li></ul><ul><li>Mashups bouwen </li></ul><ul><li>Informatie mediumonafhankelijk maken </li></ul><ul><ul><li>Niet langer ‘dé bron’ voor bepaalde informatie </li></ul></ul><ul><ul><li>Op elk apparaat </li></ul></ul><ul><ul><li>Waar ter wereld </li></ul></ul><ul><ul><li>Data combineren </li></ul></ul>
  19. 19. Wat kun je ermee? <ul><li>Informatie </li></ul><ul><ul><li>Zoeken (Google) </li></ul></ul><ul><ul><li>Profiel opvragen van je vrienden </li></ul></ul><ul><ul><li>Informatie over youTube filmpjes zoeken </li></ul></ul><ul><ul><li>Gerelateerde artiesten zoeken (Last.fm) </li></ul></ul><ul><li>Actie </li></ul><ul><ul><li>Berichten plaatsen op je Hyves </li></ul></ul><ul><ul><li>Foto’s toevoegen aan je Flickr profiel </li></ul></ul>
  20. 20. Wat kun je ermee? http://www.audioscrobbler.net/data/webservices/
  21. 21. Wat kun je ermee? http://developers.facebook.com/documentation.php
  22. 22. Wat kun je ermee? http://flickr.com/services/api/
  23. 23. Spellchecker via Google API
  24. 25. Wat kun je ermee? enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz. enz.
  25. 26. Old biz vs. new biz ... en de toekomst Value chain Networked Organization Copyright Vincent van Kouwenhoven supplier company customer Old Biz Customer Portal New Biz Company Market maker Co Producer Community Marketing-partner joint offer
  26. 27. Hoe werkt het? <ul><li>Alles over API’s </li></ul>
  27. 28. Ophalen van data <ul><li>Meestal via HTTP </li></ul><ul><ul><li>http://gdata.youtube.com/feeds/videos?vq=iphone </li></ul></ul><ul><ul><li>http://ws.audioscrobbler.com/1.0/artist/Prodigy/similar.xml </li></ul></ul><ul><ul><li>http://api.flickr.com/services/feeds/photos_public.gne </li></ul></ul><ul><li>Uitvoeren van een script op een andere server </li></ul><ul><li>Terugkrijgen van informatie </li></ul><ul><ul><li>XML </li></ul></ul><ul><ul><li>JSON </li></ul></ul>
  28. 29. Voorbeeld: Last.fm <ul><li>Aanvraag via http://ws.audioscrobbler.com/1.0/artist/prodigy/similar.xml </li></ul>
  29. 30. Dan... <ul><li>XML (of JSON) doorlopen en er wat mee doen </li></ul><ul><ul><li>PHP, ASP, etc... </li></ul></ul><ul><ul><li>Actionscript </li></ul></ul><ul><ul><li>JavaScript (in geval van AJAX) </li></ul></ul>
  30. 31. API’s via AJAX. Cross-domain policy Voorbeeld met Yahoo!
  31. 32. API’s via AJAX. Cross-domain policy Proxy nodig? Kijk op http://developer.yahoo.com/javascript/howto-proxy.html
  32. 33. Zelf proberen <ul><li>Alles over API’s </li></ul>
  33. 34. Leuk om te proberen: Yahoo Pipes http://pipes.yahoo.com
  34. 35. Leuk om te proberen: Yahoo Pipes http://pipes.yahoo.com
  35. 36. Leuk om te proberen: Yahoo Pipes
  36. 37. Beperkingen <ul><li>Alles over API’s </li></ul>
  37. 38. Beperkingen van API’s <ul><li>Afhankelijk van supplier </li></ul><ul><li>Technisch: veel dataverkeer </li></ul><ul><ul><li>Daarom biedt WikiPedia een download aan ipv een API </li></ul></ul><ul><li>Privacy (in de toekomst wellicht patiëntinformatie?) </li></ul>
  38. 39. Waarschuwing: niet zomaar alles gebruiken <ul><li>Alles over API’s </li></ul>
  39. 40. Gebruik niet zomaar alles <ul><li>Verschilt per API </li></ul><ul><li>Lees de statements </li></ul><ul><li>Pas op met commercial use </li></ul><ul><li>Zorg dat de bron er ook iets aan heeft </li></ul><ul><ul><li>Partnership Bol.com </li></ul></ul><ul><ul><li>Bezoekers naar Last.fm </li></ul></ul>
  40. 41. Gebruik niet zomaar alles
  41. 42. Vragen? <ul><li>Alles over API’s </li></ul>
  42. 43. Vragen <ul><li>Frank Leegstra </li></ul><ul><li>[email_address] </li></ul><ul><li>06 42 141 263 </li></ul>
  43. 44. Imfindr.com <ul><li>Alles over API’s </li></ul>

×