SlideShare ist ein Scribd-Unternehmen logo
1 von 51
Downloaden Sie, um offline zu lesen
Potencia tu web con APIs
 Miquel Camps Orteza (@miquelcamps)
      organizador betabeers.com
Potencia tu web con APIs




Indice
- ¿Qué es una API?
- Beneficios e inconvenientes
- Potencia tu web con APIs
- APIs secretas de google
- Mashups
- Enlaces de interés
- Preguntas
Potencia tu web con APIs




¿Qué es una API?

Según wikipedia...

Es una interfaz de programación de aplicaciones
un conjunto de funciones y procedimientos que
ofrece cierta biblioteca para ser utilizado por otro
software como una capa de abstracción.
Potencia tu web con APIs




Karlos Arguiñano usa una API
Potencia tu web con APIs




Karlos Arguiñano usa una API
parámetros = aceite, patatas y huevos
Potencia tu web con APIs




Karlos Arguiñano usa una API
parámetros = aceite, patatas y huevos

método     = pasos de la receta
Potencia tu web con APIs




Karlos Arguiñano usa una API
parámetros = aceite, patatas y huevos

método     = pasos de la receta

formato    = presentación del plato
Potencia tu web con APIs




Karlos Arguiñano usa una API
parámetros = aceite, patatas y huevos

método      = pasos de la receta

formato     = presentación del plato

resultado   = tortilla de patatas
Potencia tu web con APIs




               Ejemplo API de twitter


https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi
Potencia tu web con APIs




               Ejemplo API de twitter


https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi

                             método
Potencia tu web con APIs




               Ejemplo API de twitter



https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi

                                         presentación
Potencia tu web con APIs




               Ejemplo API de twitter



https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi

                                                         parámetro
Potencia tu web con APIs




               Ejemplo API de twitter



https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi

                                                      resultado
Potencia tu web con APIs




Tipos de APIs

Públicas sin autentificación
Ejemplos stackoverflow, vimeo, twitter, youtube...
Potencia tu web con APIs




Tipos de APIs

Públicas sin autentificación
Ejemplos stackoverflow, vimeo, twitter, youtube...


Privadas
Ejemplos flickr, twitter, facebook...
API Key, Secret, Token y OAuth
Potencia tu web con APIs




Tipos de APIs

Públicas sin autentificación
Ejemplos stackoverflow, vimeo, twitter, youtube...


Privadas
Ejemplos flickr, twitter, facebook...
API Key, Secret, Token y OAuth

Deprecated
A punto de caducar
Potencia tu web con APIs




Limitación API twitter

Pública sin autentificación
Limite: 150 llamadas/hora por IP

Privada
Limite: 350 llamadas/hora por usuario


Información gracias a:
Alfredo Artiles @aartiles24 socialbro.com
Potencia tu web con APIs




Resultados

JSON
Potencia tu web con APIs




Resultados

XML
Potencia tu web con APIs




Resultados

PHP Serialize - unserialize()
Potencia tu web con APIs




                 Beneficios :)
creador de API            web que usa APIs
Potencia tu web con APIs




                 Beneficios :)
creador de API            web que usa APIs

- más visitas
- más clientes
- multiplataforma
- vender su uso
Potencia tu web con APIs




                 Beneficios :)
creador de API            web que usa APIs

- más visitas             - contenidos
- más clientes            - permanencia usuario
- multiplataforma         - ganar dinero
- vender su uso
Potencia tu web con APIs




Inconvenientes :(
Potencia tu web con APIs




Nadie te asegura que estén siempre disponibles




       Buscador de mp3 en la red con API
                  R.I.P. 2005 - 2010
Potencia tu web con APIs




Lo que es gratis en un futuro puede ser de pago




       1M caracteres de texto / $20
Potencia tu web con APIs




Tienes que estar al tanto de los cambios


      Inconvenientes :(
Potencia tu web con APIs




APIs más usadas
Potencia tu web con APIs




Potencia tu web con APIs

Demos en PHP:
http://miquelcamps.com/services/adwe

Código fuente:
http://github.com/miquelcamps/adwe
Potencia tu web con APIs




Potencia tu web con APIs
Google maps - code.google.com/apis/maps




Ejemplos: foursquare, touristeye, booking, minube
Potencia tu web con APIs




Potencia tu web con APIs
Google maps - code.google.com/apis/maps




- Validar una localización
- Obtener latitud y longitud
Potencia tu web con APIs




Potencia tu web con APIs
Opengraph / Facebook connect

Registro de usuarios con 2 clics
  nombre
  email
  ciudad
  país
  género
  fecha de nacimiento
  incluso las páginas fan del artista

http://developers.facebook.com/docs/reference/api/permissions
Potencia tu web con APIs




Potencia tu web con APIs
Google chart - code.google.com/apis/chart




Estadísticas de backend
Potencia tu web con APIs




Potencia tu web con APIs
sharedcount.com




Estadísticas social media
Potencia tu web con APIs




Potencia tu web con APIs
Akismet - akismet.com/development/api/




Filtrar Spam
Potencia tu web con APIs




Potencia tu web con APIs
ebay - ebaypartnernetwork.com
amazon - affiliate-program.amazon.com
minube - minube.com/afiliados




Monetiza tu tráfico
Potencia tu web con APIs




APIs secretas de google
Potencia tu web con APIs




APIs secretas de google




Detector de palabras mal sonantes
http://www.wdyl.com/profanity?q=fuck
Potencia tu web con APIs




   APIs secretas de google




            Previsión del tiempo
http://www.google.com/ig/api?weather=Gerona
Potencia tu web con APIs




         APIs secretas de google




                     Autocompletar
http://google.com/complete/search?output=toolbar&q=face
Potencia tu web con APIs




            APIs secretas de google




                           Texto a voz
http://translate.google.com/translate_tts?tl=en&q=hello%20world
Potencia tu web con APIs




Mashups
Potencia tu web con APIs




Mashups
camisetasfutbol.info - Manel García @manelgarcia
Potencia tu web con APIs




Mashups
spotube.com - Pedro Peña @peterkelevra
Potencia tu web con APIs




Mashups
spotube.com - Pedro Peña @peterkelevra

youtube    videos
lastfm     rankings
spotify    buscar canciones por url
facebook   login y compartir
Potencia tu web con APIs




Mashups
ytinstant.com - @freethefeross
Potencia tu web con APIs




Mashups
ytinstant.com - @freethefeross


- 1.000.000 visitas en 10 días

- Chad Hurley CEO de youtube le ofreció trabajo
Potencia tu web con APIs




Mashups
dir.betabeers.com/user/9/show
Potencia tu web con APIs




Mashups
dir.betabeers.com/user/9/show

dribbble   pinboard
forrst     delicious
github     stackoverflow
twitter    vimeo
youtube

usando jquery para el javascript
http://bit.ly/ogZD7Z
Potencia tu web con APIs




Enlaces de interés
Directorio APIS y mashups
http://www.programmableweb.com/apis/directory/1?sort=mashups


Demos de las APIs de google
http://code.google.com/apis/ajax/playground/


Parseadores de JSON
http://json.parser.online.fr/
JsonParser para mac


Mis enlaces favoritos sobre APIs
https://pinboard.in/u:miquelcamps/t:api/
Potencia tu web con APIs




¡Gracias!
me podéis encontrar por miquelcamps
en todas las redes sociales menos en myspace ;)

- web miquelcamps.com
- email gafeman@gmail.com

¿Preguntas?

Weitere ähnliche Inhalte

Ähnlich wie Potencia tu web con APIs en ADWE madrid

Aplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderAplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilder
Julito Avellaneda
 
Nvivo Mashups
Nvivo MashupsNvivo Mashups
Nvivo Mashups
nvivo
 

Ähnlich wie Potencia tu web con APIs en ADWE madrid (20)

Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de Google
 
API Flickr
API FlickrAPI Flickr
API Flickr
 
Optimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMPOptimiza tu WordPress para móviles en media hora con AMP
Optimiza tu WordPress para móviles en media hora con AMP
 
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
 
Flickr
FlickrFlickr
Flickr
 
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIsForo innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
 
Las Claves del SEO en 2015 en #PlatziConf
Las Claves del SEO en 2015  en #PlatziConfLas Claves del SEO en 2015  en #PlatziConf
Las Claves del SEO en 2015 en #PlatziConf
 
Sigue indexando #seoplus2019
Sigue indexando #seoplus2019Sigue indexando #seoplus2019
Sigue indexando #seoplus2019
 
App engine
App engineApp engine
App engine
 
Diseño de Aplicaciones para Twitter
Diseño de Aplicaciones para TwitterDiseño de Aplicaciones para Twitter
Diseño de Aplicaciones para Twitter
 
Google
GoogleGoogle
Google
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Conectando Software por medio de APIs
Conectando Software por medio de APIsConectando Software por medio de APIs
Conectando Software por medio de APIs
 
Webapps, caso de estudio y publicación de aplicaciones en Firefox OS
Webapps, caso de estudio y publicación de aplicaciones en Firefox OSWebapps, caso de estudio y publicación de aplicaciones en Firefox OS
Webapps, caso de estudio y publicación de aplicaciones en Firefox OS
 
Word Camp Argentina
Word Camp ArgentinaWord Camp Argentina
Word Camp Argentina
 
Activacion de api
Activacion de apiActivacion de api
Activacion de api
 
Google APIs
Google APIsGoogle APIs
Google APIs
 
Conociendo las APis de Google
Conociendo las APis de GoogleConociendo las APis de Google
Conociendo las APis de Google
 
Aplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderAplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilder
 
Nvivo Mashups
Nvivo MashupsNvivo Mashups
Nvivo Mashups
 

Mehr von betabeers

Mehr von betabeers (20)

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lage
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilón
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Uso
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startup
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización web
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrum
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottam
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoT
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
 

Potencia tu web con APIs en ADWE madrid

  • 1. Potencia tu web con APIs Miquel Camps Orteza (@miquelcamps) organizador betabeers.com
  • 2. Potencia tu web con APIs Indice - ¿Qué es una API? - Beneficios e inconvenientes - Potencia tu web con APIs - APIs secretas de google - Mashups - Enlaces de interés - Preguntas
  • 3. Potencia tu web con APIs ¿Qué es una API? Según wikipedia... Es una interfaz de programación de aplicaciones un conjunto de funciones y procedimientos que ofrece cierta biblioteca para ser utilizado por otro software como una capa de abstracción.
  • 4. Potencia tu web con APIs Karlos Arguiñano usa una API
  • 5. Potencia tu web con APIs Karlos Arguiñano usa una API parámetros = aceite, patatas y huevos
  • 6. Potencia tu web con APIs Karlos Arguiñano usa una API parámetros = aceite, patatas y huevos método = pasos de la receta
  • 7. Potencia tu web con APIs Karlos Arguiñano usa una API parámetros = aceite, patatas y huevos método = pasos de la receta formato = presentación del plato
  • 8. Potencia tu web con APIs Karlos Arguiñano usa una API parámetros = aceite, patatas y huevos método = pasos de la receta formato = presentación del plato resultado = tortilla de patatas
  • 9. Potencia tu web con APIs Ejemplo API de twitter https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi
  • 10. Potencia tu web con APIs Ejemplo API de twitter https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi método
  • 11. Potencia tu web con APIs Ejemplo API de twitter https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi presentación
  • 12. Potencia tu web con APIs Ejemplo API de twitter https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi parámetro
  • 13. Potencia tu web con APIs Ejemplo API de twitter https://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitterapi resultado
  • 14. Potencia tu web con APIs Tipos de APIs Públicas sin autentificación Ejemplos stackoverflow, vimeo, twitter, youtube...
  • 15. Potencia tu web con APIs Tipos de APIs Públicas sin autentificación Ejemplos stackoverflow, vimeo, twitter, youtube... Privadas Ejemplos flickr, twitter, facebook... API Key, Secret, Token y OAuth
  • 16. Potencia tu web con APIs Tipos de APIs Públicas sin autentificación Ejemplos stackoverflow, vimeo, twitter, youtube... Privadas Ejemplos flickr, twitter, facebook... API Key, Secret, Token y OAuth Deprecated A punto de caducar
  • 17. Potencia tu web con APIs Limitación API twitter Pública sin autentificación Limite: 150 llamadas/hora por IP Privada Limite: 350 llamadas/hora por usuario Información gracias a: Alfredo Artiles @aartiles24 socialbro.com
  • 18. Potencia tu web con APIs Resultados JSON
  • 19. Potencia tu web con APIs Resultados XML
  • 20. Potencia tu web con APIs Resultados PHP Serialize - unserialize()
  • 21. Potencia tu web con APIs Beneficios :) creador de API web que usa APIs
  • 22. Potencia tu web con APIs Beneficios :) creador de API web que usa APIs - más visitas - más clientes - multiplataforma - vender su uso
  • 23. Potencia tu web con APIs Beneficios :) creador de API web que usa APIs - más visitas - contenidos - más clientes - permanencia usuario - multiplataforma - ganar dinero - vender su uso
  • 24. Potencia tu web con APIs Inconvenientes :(
  • 25. Potencia tu web con APIs Nadie te asegura que estén siempre disponibles Buscador de mp3 en la red con API R.I.P. 2005 - 2010
  • 26. Potencia tu web con APIs Lo que es gratis en un futuro puede ser de pago 1M caracteres de texto / $20
  • 27. Potencia tu web con APIs Tienes que estar al tanto de los cambios Inconvenientes :(
  • 28. Potencia tu web con APIs APIs más usadas
  • 29. Potencia tu web con APIs Potencia tu web con APIs Demos en PHP: http://miquelcamps.com/services/adwe Código fuente: http://github.com/miquelcamps/adwe
  • 30. Potencia tu web con APIs Potencia tu web con APIs Google maps - code.google.com/apis/maps Ejemplos: foursquare, touristeye, booking, minube
  • 31. Potencia tu web con APIs Potencia tu web con APIs Google maps - code.google.com/apis/maps - Validar una localización - Obtener latitud y longitud
  • 32. Potencia tu web con APIs Potencia tu web con APIs Opengraph / Facebook connect Registro de usuarios con 2 clics nombre email ciudad país género fecha de nacimiento incluso las páginas fan del artista http://developers.facebook.com/docs/reference/api/permissions
  • 33. Potencia tu web con APIs Potencia tu web con APIs Google chart - code.google.com/apis/chart Estadísticas de backend
  • 34. Potencia tu web con APIs Potencia tu web con APIs sharedcount.com Estadísticas social media
  • 35. Potencia tu web con APIs Potencia tu web con APIs Akismet - akismet.com/development/api/ Filtrar Spam
  • 36. Potencia tu web con APIs Potencia tu web con APIs ebay - ebaypartnernetwork.com amazon - affiliate-program.amazon.com minube - minube.com/afiliados Monetiza tu tráfico
  • 37. Potencia tu web con APIs APIs secretas de google
  • 38. Potencia tu web con APIs APIs secretas de google Detector de palabras mal sonantes http://www.wdyl.com/profanity?q=fuck
  • 39. Potencia tu web con APIs APIs secretas de google Previsión del tiempo http://www.google.com/ig/api?weather=Gerona
  • 40. Potencia tu web con APIs APIs secretas de google Autocompletar http://google.com/complete/search?output=toolbar&q=face
  • 41. Potencia tu web con APIs APIs secretas de google Texto a voz http://translate.google.com/translate_tts?tl=en&q=hello%20world
  • 42. Potencia tu web con APIs Mashups
  • 43. Potencia tu web con APIs Mashups camisetasfutbol.info - Manel García @manelgarcia
  • 44. Potencia tu web con APIs Mashups spotube.com - Pedro Peña @peterkelevra
  • 45. Potencia tu web con APIs Mashups spotube.com - Pedro Peña @peterkelevra youtube videos lastfm rankings spotify buscar canciones por url facebook login y compartir
  • 46. Potencia tu web con APIs Mashups ytinstant.com - @freethefeross
  • 47. Potencia tu web con APIs Mashups ytinstant.com - @freethefeross - 1.000.000 visitas en 10 días - Chad Hurley CEO de youtube le ofreció trabajo
  • 48. Potencia tu web con APIs Mashups dir.betabeers.com/user/9/show
  • 49. Potencia tu web con APIs Mashups dir.betabeers.com/user/9/show dribbble pinboard forrst delicious github stackoverflow twitter vimeo youtube usando jquery para el javascript http://bit.ly/ogZD7Z
  • 50. Potencia tu web con APIs Enlaces de interés Directorio APIS y mashups http://www.programmableweb.com/apis/directory/1?sort=mashups Demos de las APIs de google http://code.google.com/apis/ajax/playground/ Parseadores de JSON http://json.parser.online.fr/ JsonParser para mac Mis enlaces favoritos sobre APIs https://pinboard.in/u:miquelcamps/t:api/
  • 51. Potencia tu web con APIs ¡Gracias! me podéis encontrar por miquelcamps en todas las redes sociales menos en myspace ;) - web miquelcamps.com - email gafeman@gmail.com ¿Preguntas?