1. Decoupling Official Statistics
IMAODBC 2015
18—22 October
Paris, France
Xavier Badosa
Statistical Institute of Catalonia
(Idescat)

2. 2015

5. Change topic tree

6. Change topic tree
Change website organization
Change website navigation
Change webpage header
Change webpage styles
Change analytics

13. before

14. after

16. as
internal
tool
Municipalities & Counties StatBank

17. as
internal
tool
Municipalities & Counties StatBank

18. Municipalities & Counties StatBank
as
web
product

19. Municipalities & Counties StatBank
Foreign
Trade
Labor
Force
Survey
...

20. From StatBank
to stats

22. JS

24. HEAD
<script type="text/javascript" src="/j/common.js"></script>

25. HEAD
<script type="text/javascript" src="/j/common.js"></script>
<script type="text/javascript" src="/j/tree.js"></script>

26. HEAD
<script type="text/javascript" src="/j/lib/jquery.js"></script>
<script type="text/javascript" src="/j/common.js"></script>
<script type="text/javascript" src="/j/tree.js"></script>
<script type="text/javascript" src="/j/collapsible.js"></script>
<script type="text/javascript" src="/j/multigranular.js"></script>
<script type="text/javascript" src="/j/dataviz.js"></script>
<script type="text/javascript" src="/j/sug.js"></script>
<script type="text/javascript" src="/j/conf/app.js"></script>

27. HEAD
<script type="text/javascript" src="/j/lib/jquery.js"></script>
<script type="text/javascript" src="/j/common.js"></script>
<script type="text/javascript" src="/j/tree.js"></script>
<script type="text/javascript" src="/j/collapsible.js"></script>
<script type="text/javascript" src="/j/multigranular.js"></script>
<script type="text/javascript" src="/j/dataviz.js"></script>
<script type="text/javascript" src="/j/sug.js"></script>
<script type="text/javascript" src="/j/conf/app.js"></script>
<script type="text/javascript" src="/j/double.js"></script>
<script type="text/javascript" src="/j/codlit.js"></script>
<script type="text/javascript" src="/j/en/common.js"></script>
11 JavaScript files !

28. HEAD
<script type="text/javascript" src="/j/idescat.js"></script>
BODY
<script type="text/javascript">
IDESCAT.ini();
IDESCAT.tree();
IDESCAT.collapsible();
IDESCAT.multigranular();
IDESCAT.dataviz();
IDESCAT.sug({
input: "#name",
valid: [ {type: "nchars", value: 2} ],
url: "http://api.idescat.cat/pob/v1/sug.json",
minchars: 2,
filter: "type"
});
</script>

29. HEAD
<script type="text/javascript" src="/j/idescat.js"></script>
BODY
<script type="text/javascript">
IDESCAT.ini();
IDESCAT.tree();
IDESCAT.collapsible();
IDESCAT.multigranular();
IDESCAT.dataviz();
IDESCAT.sug({
input: "#name",
valid: [ {type: "nchars", value: 2} ],
url: "http://api.idescat.cat/pob/v1/sug.json",
minchars: 2,
filter: "type"
});
</script>

30. HEAD
<script type="text/javascript" src="/j/idescat.js"></script>
BODY
<script type="text/javascript">
IDESCAT.ini();
IDESCAT.tree();
IDESCAT.collapsible();
IDESCAT.multigranular();
IDESCAT.dataviz();
IDESCAT.sug({
input: "#name",
valid: [ {type: "nchars", value: 2} ],
url: "http://api.idescat.cat/pob/v1/sug.json",
minchars: 2,
filter: "type"
});
</script>

31. growing complexity
of the web interface

32. IT Department

33. IT Department“Graphic designer”
WWW

34. IT DepartmentWeb developers
WWW
growing interface complexity

35. IT DepartmentsDissemination &
front-end
engineers
back-end
engineers
growing interface complexity

36. desktop tablets phones screenreaders TVs wearables…
front-end
engineers
back-end
engineers
growing interface complexity
growing interface diversity

37. front-end
engineers
back-end
engineers

39. “Shopping made simple”

41. “Uber
is not a
transportation
provider.”

43. Interface
companies
Logistics & utility
companies
Stats as utility

44. User
Interfaces
Data
Stats as utility
(device-dependent)
growing complexity
growing diversity

48. URL
URL
URL URL
URL

49. URL

50. content
URL as interface

51. content
URL as interface

52. content
URL as interface
Decoupling

53. complex
continous
centralization
coordination
friction
synchronicity
WWW
open source dev
Internet
…

55. Generació de productes
estadístics
Captura Accés a dadesIntegracióFonts de dades Audiències
Inputbase 1
Inputbase 2
Inputbase N
Statbase
Outputbase
Informes
Comandes
LinkedBase
Micro
Macro
Validació,
neteja,...
Validació,
neteja,...
Validació,
neteja,...
Processament
estadístic
Integració
devariables
Manteniment
registresbase
Publicaciói
anonimització
Anàlisiad-hoc
Serveisd’accésalainformació
JSON/XML
Web/Portal
Dissociació
Metainformació
AppsApps
InvestigadorsInvestigadors
Open
Data
Seguretat
Dades
identificatives
Organismes: INE,
Generalitat, Eurostat, ...
Organismes: INE,
Generalitat, Eurostat, ...

58. User
Interfaces
Data
API

59. API as interface
data

60. Standard containers
as an “API between
carriers & shippers”

61. decoupling content
decoupling data

63. web
data

64. web
data
third party
reuse

65. web
datamobile
apps
third party
reuse

66. web
data

67. Eat Your Own Dog Food
API First Strategy

68. Eat Your Own Dog Food
Table
Surveys
Classification’ categories
JSON-stat
Topics / Subtopics
List of classifications/metrics

69. Eat Your Own Dog Food
Dataset
Surveys
Classification’ categories
JSON-stat
Topics / Subtopics
List of classifications/metrics

70. Eat Your Own Dog Food
Dataset
Surveys
Dimension
JSON-stat
Topics / Subtopics
List of classifications/metrics

71. Eat Your Own Dog Food
Dataset
Surveys
Dimension
JSON-stat
Topics / Subtopics
Collection of dimensions

72. Eat Your Own Dog Food
Dataset
Collection of datasets
Dimension
JSON-stat
Topics / Subtopics
Collection of dimensions

73. Eat Your Own Dog Food
Dataset
Collection of datasets
Dimension
JSON-stat
Collection of coll. of datasets
Collection of dimensions

74. Eat Your Own Dog Food
Dataset
Dimension
JSON-stat
Collection

75. JSON-stat

77. back-end
front-end

78. front-end
back-end
Authoring tool
Content repository

79. front-end
back-end
Authoring tool
Content repository
Content renderer

80. front-end
back-end
CMS

81. back-end
Authoring tool
Content repository

82. back-end
Content API
Authoring tool
Content repository

83. Content APIData API
Authoring tool
Data repository
Authoring tool
Content repository

84. Content APIData API
Authoring tool
Data repository
Authoring tool
Content repository
Renderer

85. Content APIData API
Authoring tool
Data repository
Authoring tool
Content repository
Renderer(s)
desktop tablets phones screenreaders TVs wearables…

87. API
front-end
engineers
back-end
engineers
Async development

88. Be water,
my friend
Bruce Lee
Thank
You !

89. Puzzled, by Pratap Sankar (CC BY)
Bansky in Boston (“Follow your dreams”), by Chris Devers (CC BY-NC-ND)
Dominoes, by Jacqui Brown (CC BY-SA)
Domino, by Ariel Schlesinger (CC BY-NC-ND)
Zenith Z-19 Terminal, by ajmexico (CC BY)
But wait there's more!, from Baking Soda infomercial
The Bai Chay bridge under construction, by Iman Imanudin (used with permission)
Amazon UK warehouse, by Dave K. (CC BY-NC)
Layers upon layers reaching into the sky (Red Rock Canyon, NV), by Christian M. M.
Brady (CC BY-NC-ND)
Hubble Goes to the eXtreme to Assemble Farthest-Ever View of the Universe, by
NASA (Public Domain)
Standard Container dimensions, taken from Edi Diwan blog
Container Stack, by Blake Thornberry (CC BY-NC-ND)
Containers, by Sergio Morchon (CC BY-NC-ND)
Galaxy Messier 101, European Space Agency & NASA (CC BY)
Skies, by Martin Duggan (CC BY)
Spermatozoa, by author unknown
Untitled (Dog), by Mitchel (CC BY-NC)
Typewriter (white), by Charlene N Simmons (CC BY-NC)
Typewriter (black), by April Killingsworth (CC BY)
Sprinkling, by Ricardo Williams (CC BY-NC-ND)