"apis, como reutilizar contenidos en tu web" por @daniel_julia
DESCRIPTION
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/TRANSCRIPT
APIscómo reutilizar contenidos en tu web
jueves 6 de diciembre de 12
jueves 6 de diciembre de 12
jueves 6 de diciembre de 12
jueves 6 de diciembre de 12
dev.twitter.comAPIs
jueves 6 de diciembre de 12
API
petición -> respuesta
jueves 6 de diciembre de 12
placekitten.com
<img src=”http://..
jueves 6 de diciembre de 12
✓ Montones de contenidos✓ Fácilmente filtrables✓ Gratis!
24 Hours On Flickr by Erik Kessels
jueves 6 de diciembre de 12
• Google (53) https://code.google.com/apis/console/• Facebook, twitter, instagram, flickr, pinterest, etc• Amazon, ebay• Wikipedia• etc...
Montones de APIS
jueves 6 de diciembre de 12
Apis plataforma o de datos
jueves 6 de diciembre de 12
Abiertas: Flickr, Twitter, Instagram, etc...
Cerradas: Linkedin, Facebook, etc...
Abiertas vs Cerradas
jueves 6 de diciembre de 12
programmableweb.com
Programmable web
jueves 6 de diciembre de 12
¿Qué podemos hacer?
jueves 6 de diciembre de 12
Data mining, análisis de tendencias, etc... timeu.se
jueves 6 de diciembre de 12
pimpampum.net/labs/maprVisualizaciones
jueves 6 de diciembre de 12
pipes.yahoo.comRemezclar, reutilizar
jueves 6 de diciembre de 12
rodalia.infoNuevas aplicaciones
jueves 6 de diciembre de 12
pimpampum.net/bubblrBubblr
jueves 6 de diciembre de 12
?
Añadir contenidos en mi web
jueves 6 de diciembre de 12
Widgets?FB social plugins
jueves 6 de diciembre de 12
¿Personalizar? (CSS)
jueves 6 de diciembre de 12
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
¿Cómo?
jueves 6 de diciembre de 12
extensión JsonViewJSonView
jueves 6 de diciembre de 12
jueves 6 de diciembre de 12
y falta nuestro código
jueves 6 de diciembre de 12
• php, python, ruby, ... etc• Fácilmente conectable con BD (caché)• Librerías de clases para todas las APIS• Indexable (SEO)
¿Servidor?
jueves 6 de diciembre de 12
¿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
Fotos de Flickr
jueves 6 de diciembre de 12
Google charts + docs
jueves 6 de diciembre de 12
pimpampum.net/labs/instabookrInstabookr
jueves 6 de diciembre de 12
Tips de FQ sobre Google Maps
jueves 6 de diciembre de 12
Quiero estos ejemplos!
http://www.tinyurl.com/quieroestosejemplos
jueves 6 de diciembre de 12
• Web semántica!• Microdata, schema.org• Linked data = RDF + URLs
¿APIS y webs “pequeñas”?
jueves 6 de diciembre de 12
www.oberta.cat
Plataforma de actividades culturales de CatalunyaAgendaOberta
jueves 6 de diciembre de 12
api.oberta.cat
>200 fuentes en RSS, html, xml, ical, gcalendar...
Salida en forma de API>200 actividades nuevas diarias
AgendaOberta
jueves 6 de diciembre de 12
¡GrAciAs!
¿Preguntas?
@daniel_julia
jueves 6 de diciembre de 12
chchrome
jueves 6 de diciembre de 12