Apis, como reutilizar contenidos en tu web

1,002 views

Published on

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

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,002
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
8
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×