Your SlideShare is downloading. ×
0
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

7,127

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,127
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×