SlideShare une entreprise Scribd logo
1  sur  36
Télécharger pour lire hors ligne
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
• corpeno.com
¿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
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ún en el mundo web 2.0 es
  REST (Representational State Transfer)
• Las que usan REST son RESTful APIs
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)
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.com/doc/get/trends


• Search
  http://dev.twitter.com/doc/get/search
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, etc) con Google Calendar
• Google Docs para visualización y upload de
  documentos
• Facebook App para notificaciones
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
  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
Gracias
Alejandro Corpeño
   corpeno.com

 twitter: @corp

Contenu connexe

Similaire à Programando WebApps con APIs

Desarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZDesarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZ
equipo24
 
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
equipo24
 
Alba Modulo01 Concepto
Alba Modulo01 ConceptoAlba Modulo01 Concepto
Alba Modulo01 Concepto
falba
 
Potencia tu web con APIs en ADWE madrid
Potencia tu web con APIs en ADWE madridPotencia tu web con APIs en ADWE madrid
Potencia tu web con APIs en ADWE madrid
betabeers
 

Similaire à Programando WebApps con APIs (20)

Desarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZDesarrollo de Aplicaciones para Twitter - CWZGZ
Desarrollo de Aplicaciones para Twitter - CWZGZ
 
Desarrollo de webapps 1
Desarrollo de webapps 1Desarrollo de webapps 1
Desarrollo de webapps 1
 
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
Taller de Diseño y Desarrollo de Aplicaciones para Twitter - Congreso Interne...
 
Simplemente REST
Simplemente RESTSimplemente REST
Simplemente REST
 
Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de Google
 
Global Azure 2021 Spain -Desarrollando un chatbot de WhatsApp serverless.pptx
Global Azure 2021 Spain -Desarrollando un chatbot de WhatsApp serverless.pptxGlobal Azure 2021 Spain -Desarrollando un chatbot de WhatsApp serverless.pptx
Global Azure 2021 Spain -Desarrollando un chatbot de WhatsApp serverless.pptx
 
La importancia de las APIs en los chatbots
La importancia de las APIs en los chatbotsLa importancia de las APIs en los chatbots
La importancia de las APIs en los chatbots
 
Introducción al desarrollo web moderno
Introducción al desarrollo web modernoIntroducción al desarrollo web moderno
Introducción al desarrollo web moderno
 
Extendiendo SharePoint, Project y Office 2013 con el nuevo modelo de Apps by ...
Extendiendo SharePoint, Project y Office 2013 con el nuevo modelo de Apps by ...Extendiendo SharePoint, Project y Office 2013 con el nuevo modelo de Apps by ...
Extendiendo SharePoint, Project y Office 2013 con el nuevo modelo de Apps by ...
 
Diseño de APIs con OpenAPI
Diseño de APIs con OpenAPIDiseño de APIs con OpenAPI
Diseño de APIs con OpenAPI
 
presentation_4932_1510780314.pdf
presentation_4932_1510780314.pdfpresentation_4932_1510780314.pdf
presentation_4932_1510780314.pdf
 
Día del software libre
Día del software libreDía del software libre
Día del software libre
 
Alba Modulo01 Concepto
Alba Modulo01 ConceptoAlba Modulo01 Concepto
Alba Modulo01 Concepto
 
Ionic y angular.js
Ionic y angular.jsIonic y angular.js
Ionic y angular.js
 
1ra Semana e-fiis: Google
1ra Semana e-fiis: Google1ra Semana e-fiis: Google
1ra Semana e-fiis: Google
 
Documertar APIs - Meetup.js
Documertar APIs - Meetup.jsDocumertar APIs - Meetup.js
Documertar APIs - Meetup.js
 
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridPotenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
 
Potencia tu web con APIs en ADWE madrid
Potencia tu web con APIs en ADWE madridPotencia tu web con APIs en ADWE madrid
Potencia tu web con APIs en ADWE madrid
 
Fundamentos para el diseño de una RESTful API pragmática
Fundamentos para el diseño de una RESTful API pragmáticaFundamentos para el diseño de una RESTful API pragmática
Fundamentos para el diseño de una RESTful API pragmática
 
Apis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu webApis, como reutilizar contenidos en tu web
Apis, como reutilizar contenidos en tu web
 

Plus de Alejandro Corpeño

Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
Alejandro Corpeño
 
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa..."Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
Alejandro Corpeño
 

Plus de Alejandro Corpeño (18)

Blipea (vintage deck)
Blipea (vintage deck)Blipea (vintage deck)
Blipea (vintage deck)
 
TEDx Tegucigalpa - Las Ideas nacen, crecen, se reproducen y MUEREN!
TEDx Tegucigalpa - Las Ideas nacen, crecen, se reproducen y MUEREN!TEDx Tegucigalpa - Las Ideas nacen, crecen, se reproducen y MUEREN!
TEDx Tegucigalpa - Las Ideas nacen, crecen, se reproducen y MUEREN!
 
¿De Idea a Producto en 30 días?
¿De Idea a Producto en 30 días? ¿De Idea a Producto en 30 días?
¿De Idea a Producto en 30 días?
 
Cómo proyectar tu producto fuera del país
Cómo proyectar tu producto fuera del paísCómo proyectar tu producto fuera del país
Cómo proyectar tu producto fuera del país
 
Class.io webinar - Google Apps for Education
Class.io webinar - Google Apps for EducationClass.io webinar - Google Apps for Education
Class.io webinar - Google Apps for Education
 
WebConfLatino Panamá: Intro por Alejandro Corpeño
WebConfLatino Panamá: Intro por Alejandro CorpeñoWebConfLatino Panamá: Intro por Alejandro Corpeño
WebConfLatino Panamá: Intro por Alejandro Corpeño
 
KidsAbacus SuperConf pitch
KidsAbacus SuperConf pitchKidsAbacus SuperConf pitch
KidsAbacus SuperConf pitch
 
Implementando Lean Startup con KidsAbacus.com
Implementando Lean Startup con KidsAbacus.comImplementando Lean Startup con KidsAbacus.com
Implementando Lean Startup con KidsAbacus.com
 
Modelos actuales para emprendimiento en la web
Modelos actuales para emprendimiento en la webModelos actuales para emprendimiento en la web
Modelos actuales para emprendimiento en la web
 
Hacia donde van las redes sociales
Hacia donde van las redes socialesHacia donde van las redes sociales
Hacia donde van las redes sociales
 
Emprendiendo en la web
Emprendiendo en la webEmprendiendo en la web
Emprendiendo en la web
 
Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
Taller de "Publicidad en Facebook" por Roberto Vassaux de .FOX Networks - Web...
 
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa..."Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
"Porqué Facebook es la Red Social más importante del Mundo" por Roberto Vassa...
 
Arquitecturas Escalables para Aplicaciones Web - Egdares Futch, UNITEC
Arquitecturas Escalables para Aplicaciones Web - Egdares Futch, UNITECArquitecturas Escalables para Aplicaciones Web - Egdares Futch, UNITEC
Arquitecturas Escalables para Aplicaciones Web - Egdares Futch, UNITEC
 
Alejandro Villanueva - Google Inc.
Alejandro Villanueva - Google Inc.Alejandro Villanueva - Google Inc.
Alejandro Villanueva - Google Inc.
 
Internet Marketing - Josue Perdomo
Internet Marketing - Josue PerdomoInternet Marketing - Josue Perdomo
Internet Marketing - Josue Perdomo
 
Fundamentos De Web 2.0
Fundamentos De Web 2.0Fundamentos De Web 2.0
Fundamentos De Web 2.0
 
Web 2.0 en Honduras
Web 2.0 en HondurasWeb 2.0 en Honduras
Web 2.0 en Honduras
 

Dernier

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Dernier (15)

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

Programando WebApps con APIs