Este documento habla sobre cómo las APIs permiten reutilizar contenido de otras páginas web en la propia. Menciona varias APIs populares como Google, Facebook, Flickr y Amazon que proveen datos de forma gratuita. Explica que las APIs pueden usarse para extraer datos y visualizarlos de nuevas formas, como análisis de tendencias o mapas. También cubre cómo implementar el uso de APIs tanto en el lado del servidor como en el cliente a través de JavaScript. Finalmente, destaca cómo las APIs pueden ser útiles incluso para sitios web pequeños al permitir en

1. APIs
cómo reutilizar contenidos en tu web
@daniel_julia
pimpampum.net

5. APIs dev.twitter.com

6. API
petición -> respuesta

7. <img src=”http://..
placekitten.com

8. ✓ Montones de contenidos
✓ Fácilmente filtrables
✓ Gratis!
24 Hours On Flickr
by Erik Kessels

9. Montones de APIS
• Google (53) https://code.google.com/apis/console/
• Facebook, twitter, instagram, flickr, pinterest, etc
• Amazon, ebay
• Wikipedia
• etc...

10. Apis plataforma o de
datos

11. Abiertas vs Cerradas
Abiertas: Flickr, Twitter, Instagram, etc...
Cerradas: Linkedin, Facebook, etc...

12. Programmable web
programmableweb.com

13. ¿Qué podemos hacer?

14. Data mining, análisis
de tendencias, etc... timeu.se

16. Visualizaciones pimpampum.net/labs/mapr

17. Remezclar, reutilizar pipes.yahoo.com

18. Nuevas aplicaciones rodalia.info

19. Bubblr pimpampum.net/bubblr

20. Añadir contenidos en mi web
?

21. Widgets?
FB social plugins

22. ¿Personalizar? (CSS)

23. ¿Cómo?
Petición: Restful http://...
La respuesta suele ser json
(a menudo con autenticación Oauth2)
Ejemplo:
https://api.instagram.com/v1/tags/webcat/
media/recent?
client_id=99e92b11c3884ed480f063ccac83a
c51

24. JSonView extensión JsonView

26. y falta nuestro código

27. ¿Servidor?
• php, python, ruby, ... etc
• Fácilmente conectable con BD (caché)
• Librerías de clases para todas las APIS
• Indexable (SEO)

28. ¿Cliente?
• Javascript (jquery)
• Más sencillo
• No cargamos nuestro servidor!
• JSONP -> &callback=?
$.getJSON('http://api.instagram.com/...',
function(data) {

29. Fotos de Flickr

30. Google charts + docs

31. Instabookr pimpampum.net/labs/instabookr

32. Tips de FQ sobre Google Maps

33. Quiero estos ejemplos!
http://www.tinyurl.com/quieroestosejemplos

34. ¿APIS y webs “pequeñas”?
• Web semántica!
• Microdata, schema.org
• Linked data = RDF + URLs

35. AgendaOberta www.oberta.cat
Plataforma de actividades culturales de Catalunya

36. AgendaOberta api.oberta.cat
>200 fuentes en RSS, html, xml, ical, gcalendar...
Salida en forma de API
>200 actividades nuevas diarias

37. ¡GrAciAs!
¿Preguntas?
@daniel_julia