Programación de
Web Apps usando APIs


           Alejandro Corpeño
                      @corp
¿Quién soy?
• Ing. en Sistemas, UNITEC (Honduras, 2001)
• MBA,Vanderbilt University (Nashville, 2006)
• twitter.com/corp
•...
¿Qué hago?
• Director de Negocios, Icoms Technologies
• Desarrollo tuBabel.com
• Parte del equipo de Blipea.com, Class.io
...
Programación de
Web Apps usando APIs
Application
Programming
Interface
Funciones del API
• Comunicación entre diferentes
  niveles de abstracción
• Comunicación entre programas / software
¿Qué es un Web API?




        fuente (cc): http://www.flickr.com/photos/generated/4994039025/
Web APIs
• Conectividad por medio de HTTP requests
• Lenguajes de intercambio de datos como
  XML y JSON
• Estructura comú...
Para qué usar Web APIs
• Extender el contenido de un sitio web
• Procesamiento de datos
• Interconexión entre sitios/servi...
Ejemplo de un Mashup:
      Tugar.net
Web APIs disponibles
Sólo en programmableweb.com
hay listados más de 2,206 APIs
Mashups existentes
En programmableweb.com hay
listados más de 5,286 mashups
ProgrammableWeb.com
http://code.google.com/apis/ajaxlanguage/documentation/reference.html
XML y JSON

• XML: Extensible Markup Language
• JSON: JavaScript Object Notation
Ejemplo de XML
Ejemplo de JSON
XML vs. JSON
Ejemplo en vivo... twitter
Documentación de API Twitter
• Twitts & Timeline
  http://dev.twitter.com/doc/get/statuses


• Trends
  http://dev.twitter...
Experiencias reales
  con Web APIs
API de Traducción de Google en tuBabel.com
CASO 1: Traducción al Inglés para LocalSpanish
CASO 2: Filtrar Spam en Red Social
API de Wine.com para CellarTeller.com
Funciones de API usadas
• Wine.com:
  Busqueda de vinos


• Twitter.com:
  mostrar últimos twitts de los usuarios
API de Clima
 de Google
      +
API de Twitter
Creado por @dokshor (Fabian Ramirez)
Class.io
Plataforma fuertemente
     basada en APIs
Hackathon!
Funciones de API usadas
• Autenticación con Google Account
• Sincronización de eventos de class.io (tareas,
  entregas, et...
DEMO
Class.io
Conclusiones
Conclusiones
• La mayoría de websites modernos proveen
  o consumen APIs
• La documentación de los APIs es fácil de
  enco...
Gracias
Alejandro Corpeño
   corpeno.com

 twitter: @corp
Programando WebApps con APIs
Próxima SlideShare
Cargando en…5
×

Programando WebApps con APIs

1.714 visualizaciones

Publicado el

Conferencia acerca de programación de aplicaciones web (web apps) con APIs de servicios web.

Publicado en: Tecnología, Empresariales
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
1.714
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
29
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Programando WebApps con APIs

  1. 1. Programación de Web Apps usando APIs Alejandro Corpeño @corp
  2. 2. ¿Quién soy? • Ing. en Sistemas, UNITEC (Honduras, 2001) • MBA,Vanderbilt University (Nashville, 2006) • twitter.com/corp • corpeno.com
  3. 3. ¿Qué hago? • Director de Negocios, Icoms Technologies • Desarrollo tuBabel.com • Parte del equipo de Blipea.com, Class.io • Fundador y Director de WebConfLatino.com • Fundador de Barcamp en Honduras y GTUG en El Salvador
  4. 4. Programación de Web Apps usando APIs
  5. 5. Application Programming Interface
  6. 6. Funciones del API • Comunicación entre diferentes niveles de abstracción • Comunicación entre programas / software
  7. 7. ¿Qué es un Web API? fuente (cc): http://www.flickr.com/photos/generated/4994039025/
  8. 8. Web APIs • Conectividad por medio de HTTP requests • Lenguajes de intercambio de datos como XML y JSON • Estructura común en el mundo web 2.0 es REST (Representational State Transfer) • Las que usan REST son RESTful APIs
  9. 9. Para qué usar Web APIs • Extender el contenido de un sitio web • Procesamiento de datos • Interconexión entre sitios/servicios web • Construir un sitio completamente con datos de diferentes sitios (Mashups)
  10. 10. Ejemplo de un Mashup: Tugar.net
  11. 11. Web APIs disponibles Sólo en programmableweb.com hay listados más de 2,206 APIs
  12. 12. Mashups existentes En programmableweb.com hay listados más de 5,286 mashups
  13. 13. ProgrammableWeb.com
  14. 14. http://code.google.com/apis/ajaxlanguage/documentation/reference.html
  15. 15. XML y JSON • XML: Extensible Markup Language • JSON: JavaScript Object Notation
  16. 16. Ejemplo de XML
  17. 17. Ejemplo de JSON
  18. 18. XML vs. JSON
  19. 19. Ejemplo en vivo... twitter
  20. 20. Documentación de API Twitter • Twitts & Timeline http://dev.twitter.com/doc/get/statuses • Trends http://dev.twitter.com/doc/get/trends • Search http://dev.twitter.com/doc/get/search
  21. 21. Experiencias reales con Web APIs
  22. 22. API de Traducción de Google en tuBabel.com
  23. 23. CASO 1: Traducción al Inglés para LocalSpanish
  24. 24. CASO 2: Filtrar Spam en Red Social
  25. 25. API de Wine.com para CellarTeller.com
  26. 26. Funciones de API usadas • Wine.com: Busqueda de vinos • Twitter.com: mostrar últimos twitts de los usuarios
  27. 27. API de Clima de Google + API de Twitter
  28. 28. Creado por @dokshor (Fabian Ramirez)
  29. 29. Class.io Plataforma fuertemente basada en APIs
  30. 30. Hackathon!
  31. 31. Funciones de API usadas • Autenticación con Google Account • Sincronización de eventos de class.io (tareas, entregas, etc) con Google Calendar • Google Docs para visualización y upload de documentos • Facebook App para notificaciones
  32. 32. DEMO Class.io
  33. 33. Conclusiones
  34. 34. Conclusiones • La mayoría de websites modernos proveen o consumen APIs • La documentación de los APIs es fácil de encontrar y entender • A medida se popularizan los APIs los estándares se están creando... (ejem. REST) • Experimentos tipo Mashups son rápidos de programar y útiles para explorar el mercado
  35. 35. Gracias Alejandro Corpeño corpeno.com twitter: @corp

×