• Save
Los widgets del Idescat: una aplicación de las APIs
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Los widgets del Idescat: una aplicación de las APIs

on

  • 6,221 views

Anatomía de los widgets del Instituto de Estadística de Cataluña. Facilitar la movilidad de las tablas gracias a la incrustación inferible.

Anatomía de los widgets del Instituto de Estadística de Cataluña. Facilitar la movilidad de las tablas gracias a la incrustación inferible.

Statistics

Views

Total Views
6,221
Views on SlideShare
2,446
Embed Views
3,775

Actions

Likes
1
Downloads
0
Comments
0

13 Embeds 3,775

http://xavierbadosa.com 3485
http://translate.googleusercontent.com 115
http://ultimate 105
http://paper.li 41
http://twitter.com 11
http://abtasty.com 7
https://twitter.com 4
https://abs.twimg.com 2
url_unknown 1
http://cloud 1
http://131.253.14.66 1
http://www.google.es 1
http://xavierbadosa.com&_=1411092010024 HTTP 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Los widgets del Idescat: una aplicación de las APIs Presentation Transcript

  • 1. contra el apartheid
    de los datos
    Los widgets
    del Idescat:
    una aplicación de las APIs
    Xavier Badosa (@badosa)
    Instituto de Estadística de Cataluña
    Canarias, mayo 2011
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Al ser usuariossomostambién
    validadores
  • 16. Al ser usuariossomostambién
    validadores
    La página principal es tambiénnuestropanel de control
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. Anatomía
    de los widgets
    del Idescat
  • 33. Anatomía
    de los widgets
    del Idescat
  • 34. Anatomía
    de los widgets
    del Idescat
  • 35. Anatomía
    de los widgets
    del Idescat
  • 36. Anatomía
    de los widgets
    del Idescat
    Javascript
    Accesibilidad: contenidoalternativo
  • 37. Anatomía
    de los widgets
    del Idescat
    Javascript
  • 38. Anatomía
    de los widgets
    del Idescat
    Javascript
    Encapsulador: independencia de la solución
    ...
    http://api.idescat.cat/indicadors.js?...
  • 39. Anatomía
    de los widgets
    del Idescat
    iframe + img
    Javascript
    Encapsulador: independencia de la solución
    ...
    http://api.idescat.cat/indicadors.js?...
  • 40. Anatomía
    de los widgets
    del Idescat
    iframe + img
    Contexto: aislado
    Contexto: página de inserción
    Javascript
    Encapsulador: independencia de la solución
    ...
    http://api.idescat.cat/indicadors.js?...
  • 41. HTML con Javascript
    iframe + img
    Contexto: aislado
    Contexto: página de inserción
    Javascript
    Encapsulador: independencia de la solución
    ...
  • 42. HTML con Javascript
    iframe + img
    Contexto: aislado
    Contexto: página de inserción
    Javascript
    Encapsulador: independencia de la solución
    ...
    http://api.idescat.cat/indicadors/v1/dades.json?...&callback=ini
  • 43. HTML con Javascript
    3
    iframe + img
    2
    Javascript
    1
    ...
  • 44. HTML con Javascript
    3
    iframe + img
    2
    Javascript
    1
    ...
    Separa bien las distintascaducidades
  • 45. HTML con Javascript
    Cachécorta
    3
    iframe + img
    2
    Cachélarga
    Javascript
    1
    Cachémuylarga
    ...
    Separa bien las distintascaducidades
  • 46.
  • 47. Una aplicación
  • 48. Nuestrositio web es un cliente
    más de nuestrasAPIs
    Una aplicación
  • 49. Nuestrositio web es un cliente
    más de nuestrasAPIs
    Una aplicación
    Ventajas
  • 50. Nuestrositio web es un cliente
    más de nuestrasAPIs
    Una aplicación
    Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
  • 51. Nuestrositio web es un cliente
    más de nuestrasAPIs
    Una aplicación
    Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
    Desarrollomásrápido
  • 52. Nuestrositio web es un cliente
    más de nuestrasAPIs
    Una aplicación
    Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
    Desarrollomásrápido
    Transparencia e igualdad
  • 53. Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
    Desarrollomásrápido
    Transparencia e igualdad
  • 54. Desventajas
    Mayor consumo de máquina
    Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
    Desarrollomásrápido
    Transparencia e igualdad
  • 55. Desventajas
    Mayor consumo de máquina
    Ventajas
    Separación entre la interfaz de datos y la interfaz de usuario
    Desarrollomásrápido
    Transparencia e igualdad
    Gestión de cachésmássencilla
    (caché de datos / caché de interfaz)
  • 56.
  • 57.
  • 58. Reutilización
  • 59. Reutilización
    Maleabilidad
  • 60. Reutilización
    Maleabilidad
    Movilidad
  • 61. Reutilización
    Maleabilidad
    Movilidad
  • 62. Reutilización
    Maleabilidad
    Movilidad
  • 63. Reutilización
    Maleabilidad
    Movilidad
  • 64. Inversión de la iniciativa
    de la comunicacón
    Movilidad
  • 65. Inversión de la iniciativa
    de la comunicacón
    El Idescat va a dondeestánsususuarios
    Movilidad
  • 66. En la WWW todoestá a 1 clic de distancia
  • 67. En la WWW todoestá a 1 clic de distancia
  • 68. En la WWW todoestá a 1 clic de distancia
    ¿Puederebajarse a 0 clics?
  • 69.
  • 70.
  • 71. via
  • 72.
  • 73.
  • 74.
  • 75.
  • 76. rich
  • 77. rich
  • 78. via
  • 79. Gracias
  • 80. International Solidarity Movement
    North Carolina
    Prizmatic
    Michelle Kinsey Bruns
    Lushbunny