APIscómo reutilizar contenidos en tu web@daniel_juliapimpampum.net
APIs   dev.twitter.com
APIpetición -> respuesta
<img src=”http://..            placekitten.com
✓ Montones de contenidos✓ Fácilmente filtrables✓ Gratis!                    24 Hours On Flickr                     by Erik ...
Montones de APIS•   Google (53) https://code.google.com/apis/console/•   Facebook, twitter, instagram, flickr, pinterest, e...
Apis plataforma o dedatos
Abiertas vs CerradasAbiertas: Flickr, Twitter, Instagram, etc...Cerradas: Linkedin, Facebook, etc...
Programmable web           programmableweb.com
¿Qué podemos hacer?
Data mining, análisisde tendencias, etc...   timeu.se
Visualizaciones   pimpampum.net/labs/mapr
Remezclar, reutilizar   pipes.yahoo.com
Nuevas aplicaciones   rodalia.info
Bubblr   pimpampum.net/bubblr
Añadir contenidos en mi web           ?
Widgets?FB social plugins
¿Personalizar? (CSS)
¿Cómo?Petición: Restful http://...La respuesta suele ser json(a menudo con autenticación Oauth2)Ejemplo:https://api.instag...
JSonView   extensión JsonView
y falta nuestro código
¿Servidor?• php, python, ruby, ... etc• Fácilmente conectable con BD (caché)• Librerías de clases para todas las APIS• Ind...
¿Cliente?• Javascript (jquery)• Más sencillo• No cargamos nuestro servidor!• JSONP -> &callback=?$.getJSON(http://api.inst...
Fotos de Flickr
Google charts + docs
Instabookr   pimpampum.net/labs/instabookr
Tips de FQ sobre Google Maps
Quiero estos ejemplos!http://www.tinyurl.com/quieroestosejemplos
¿APIS y webs “pequeñas”?• Web semántica!• Microdata, schema.org• Linked data = RDF + URLs
AgendaOberta                          www.oberta.catPlataforma de actividades culturales de Catalunya
AgendaOberta                            api.oberta.cat>200 fuentes en RSS, html, xml, ical, gcalendar...Salida en forma de...
¡GrAciAs!¿Preguntas? @daniel_julia
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
Próxima SlideShare
Cargando en…5
×

Apis, como reutilizar contenidos en tu web

1.037 visualizaciones

Publicado el

Como podemos reutilizar en nuestra web los contenidos que las APIS de internet nos proporcionan. Webcat BCN Noviembre 2012
daniel julià
@daniel_julia
http://www.pimpampum.net

Publicado en: Tecnología
  • Sé el primero en comentar

Apis, como reutilizar contenidos en tu web

  1. 1. APIscómo reutilizar contenidos en tu web@daniel_juliapimpampum.net
  2. 2. APIs dev.twitter.com
  3. 3. APIpetición -> respuesta
  4. 4. <img src=”http://.. placekitten.com
  5. 5. ✓ Montones de contenidos✓ Fácilmente filtrables✓ Gratis! 24 Hours On Flickr by Erik Kessels
  6. 6. Montones de APIS• Google (53) https://code.google.com/apis/console/• Facebook, twitter, instagram, flickr, pinterest, etc• Amazon, ebay• Wikipedia• etc...
  7. 7. Apis plataforma o dedatos
  8. 8. Abiertas vs CerradasAbiertas: Flickr, Twitter, Instagram, etc...Cerradas: Linkedin, Facebook, etc...
  9. 9. Programmable web programmableweb.com
  10. 10. ¿Qué podemos hacer?
  11. 11. Data mining, análisisde tendencias, etc... timeu.se
  12. 12. Visualizaciones pimpampum.net/labs/mapr
  13. 13. Remezclar, reutilizar pipes.yahoo.com
  14. 14. Nuevas aplicaciones rodalia.info
  15. 15. Bubblr pimpampum.net/bubblr
  16. 16. Añadir contenidos en mi web ?
  17. 17. Widgets?FB social plugins
  18. 18. ¿Personalizar? (CSS)
  19. 19. ¿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=99e92b11c3884ed480f063ccac83ac51
  20. 20. JSonView extensión JsonView
  21. 21. y falta nuestro código
  22. 22. ¿Servidor?• php, python, ruby, ... etc• Fácilmente conectable con BD (caché)• Librerías de clases para todas las APIS• Indexable (SEO)
  23. 23. ¿Cliente?• Javascript (jquery)• Más sencillo• No cargamos nuestro servidor!• JSONP -> &callback=?$.getJSON(http://api.instagram.com/...,function(data) {
  24. 24. Fotos de Flickr
  25. 25. Google charts + docs
  26. 26. Instabookr pimpampum.net/labs/instabookr
  27. 27. Tips de FQ sobre Google Maps
  28. 28. Quiero estos ejemplos!http://www.tinyurl.com/quieroestosejemplos
  29. 29. ¿APIS y webs “pequeñas”?• Web semántica!• Microdata, schema.org• Linked data = RDF + URLs
  30. 30. AgendaOberta www.oberta.catPlataforma de actividades culturales de Catalunya
  31. 31. AgendaOberta api.oberta.cat>200 fuentes en RSS, html, xml, ical, gcalendar...Salida en forma de API>200 actividades nuevas diarias
  32. 32. ¡GrAciAs!¿Preguntas? @daniel_julia

×