Apis, como reutilizar contenidos en tu web

952 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
0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
952
En SlideShare
0
De insertados
0
Número de insertados
36
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.
  • \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

    ×