1. VISUALISATION
DE DONNÉES
Meet-up French Video Game Analyst - 29/01/2014
Dataveyes
NicolasForestier
AgatheDahyot

2. HELLO !

4. NICOLAS @PETITSSOLDATS
Developpeur frontend & creative coder
nicolas@dataveyes.com
AGATHE @ADAHYOT
design interactif & illustration
agathe@dataveyes.com
4

5. 5
Trouver des solutions (techniques, design, cognitives) à des
problèmes posés par les données. Ces solutions s’incarnent par
des interfaces de visualisation de données.
NOTRE MÉTIER

6. AU MENU 6
• 1 —Introduction
Le projet de visualisation à la Cité des Sciences, naissance et enjeux
• 2 — Le sujet, l’actualité des jeux vidéo
Potentiel du sujet et données liées
• 3 — Le contexte, une exposition
Contrainte d’un contexte singulier
• 4 — Une représentation organique
Construction d’un univers vivant pour la visualisation
• 5 — Architecture de l’application
Structure et contextualisation de l’écran
• 6 — Développement technique
Récupération et traduction des données

7. 1 — INTRODUCTION

8. 1 — INTRODUCTION 8
• Appel d’offre pour l’exposition Jeu Vidéo à la Cité des
Sciences
• Visualisation de l’actualité des jeux vidéo en temps réel
APPEL D’OFFRE DE LA CITÉ DES SCIENCES

9. 1 — INTRODUCTION 9
OBJECTIFS DE L’APPLICATION
1
Lisibilité de
l’actualité 2
Temps
réel
3
Univers
cohérent

10. 2 — LE SUJET,
L’ACTUALITÉ DES JEUX VIDÉO

11. 2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO 11
UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE
• Les jeux vidéo composent un paysage mouvant et
protéiforme, à l’actualité foisonnante.
• Un média aux multiples facettes
• Une actualité inattendue

12. 2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO 12
UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE

13. 2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO 13
UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE
Face à cette profusion de messages, la
visualisation de données permet de
canaliser l’information pertinente, et de
la communiquer de façon engageante.

14. 3 — LE CONTEXTE, UNE EXPOSITION

15. http://digup.tv/video/manuel-lima
3 — LE CONTEXTE, UNE EXPOSITION 15
LES CONTRAINTES
• Une visualisation autonome
• Aspect pédagogique et ludique
• Information ambiante

16. http://digup.tv/video/manuel-lima
163 — LE CONTEXTE, UNE EXPOSITION
LES CONTRAINTES

17. 4 — UNE REPRÉSENTATION ORGANIQUE 17
UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ

18. 4 — UNE REPRÉSENTATION ORGANIQUE 18
UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ
COMPOSITION
Volume d’articles
parus depuis 3 jours
Nouveaux articles
parus aujourd’hui

19. 4 — UNE REPRÉSENTATION ORGANIQUE 19
UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ

20. 5 — ARCHITECTURE DE L’APPLICATION

21. 5 — ARCHITECTURE DE L’APPLICATION 21
STRUCTURE DE L’ÉCRAN

22. 6 — DÉVELOPPEMENT TECHNIQUE

23. 6 — DÉVELOPPEMENT TECHNIQUE 23
Node.js
Sémantique
Twitter
Facebook
CÔTÉ SERVEUR

24. 6 — DÉVELOPPEMENT TECHNIQUE 24
Javascript
WebGL
d3
CÔTÉ CLIENT

25. 7 — CONCLUSION

26. 7 - CONCLUSION 26
UNE MÉTHODE DE TRAVAIL JAMAIS SEGMENTÉE
• La technique jamais décorrélée de la création
• Relation étroite entre design et développement
• Domaine pluridisciplinaire

27. merci
Dataveyes - www.dataveyes.com
contact@dataveyes.com