Presentación realizada en el #webcat Barcelona de Noviembre del 2012 Autor: Daniel Julia (@daniel_julia) ------------------------------------------------ RECURSOS: - Twitter Developer dev.twitter.com/ - Place kitten placekitten.com  - Google APIs console code.google.com/apis/console/ - Programmable web www.programmableweb.com/ - Timeu timeu.se - Pim pam pum pimpampum.net/labs/mapr - Yahoo Pipes pipes.yahoo.com/ - Rodalia.info rodalia.info/ - JSONView addons.mozilla.org/en-us/firefox/addon/jsonview/ - Agenda Oberta oberta.cat/ - API Agenda Oberta api.oberta.cat/

1. APIs
cómo reutilizar contenidos en tu web
@daniel_julia
dani@pimpampum.net
pimpampum.net
jueves 6 de diciembre de 12

2. jueves 6 de diciembre de 12

3. jueves 6 de diciembre de 12

4. jueves 6 de diciembre de 12

5. APIs dev.twitter.com
jueves 6 de diciembre de 12

6. API
petición -> respuesta
jueves 6 de diciembre de 12

7. <img src=”http://..
placekitten.com
jueves 6 de diciembre de 12

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

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

10. Apis plataforma o de
datos
jueves 6 de diciembre de 12

11. Abiertas vs Cerradas
Abiertas: Flickr, Twitter, Instagram, etc...
Cerradas: Linkedin, Facebook, etc...
jueves 6 de diciembre de 12

12. Programmable web
programmableweb.com
jueves 6 de diciembre de 12

13. ¿Qué podemos hacer?
jueves 6 de diciembre de 12

14. Data mining, análisis
de tendencias, etc... timeu.se
jueves 6 de diciembre de 12

15. jueves 6 de diciembre de 12

16. Visualizaciones pimpampum.net/labs/mapr
jueves 6 de diciembre de 12

17. Remezclar, reutilizar pipes.yahoo.com
jueves 6 de diciembre de 12

18. Nuevas aplicaciones rodalia.info
jueves 6 de diciembre de 12

19. Bubblr pimpampum.net/bubblr
jueves 6 de diciembre de 12

20. Añadir contenidos en mi web
?
jueves 6 de diciembre de 12

21. Widgets?
FB social plugins
jueves 6 de diciembre de 12

22. ¿Personalizar? (CSS)
jueves 6 de diciembre de 12

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
jueves 6 de diciembre de 12

24. JSonView extensión JsonView
jueves 6 de diciembre de 12

25. jueves 6 de diciembre de 12

26. y falta nuestro código
jueves 6 de diciembre de 12

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

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

29. Fotos de Flickr
jueves 6 de diciembre de 12

30. Google charts + docs
jueves 6 de diciembre de 12

31. Instabookr pimpampum.net/labs/instabookr
jueves 6 de diciembre de 12

32. Tips de FQ sobre Google Maps
jueves 6 de diciembre de 12

33. Quiero estos ejemplos!
http://www.tinyurl.com/quieroestosejemplos
jueves 6 de diciembre de 12

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

35. AgendaOberta www.oberta.cat
Plataforma de actividades culturales de Catalunya
jueves 6 de diciembre de 12

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

37. ¡GrAciAs!
¿Preguntas?
@daniel_julia
jueves 6 de diciembre de 12

38. chchrome
jueves 6 de diciembre de 12