Upload
johan-andre-jeanville
View
198
Download
0
Tags:
Embed Size (px)
Citation preview
VISUALISATIONDE DONNÉES
Meet-up French Video Game Analyst - 29/01/2014
Dataveyes
Nic
olas
For
estie
rAgathe Dahyot
HELLO !
NICOLAS @PETITSSOLDATSDeveloppeur frontend & creative coder
AGATHE @ADAHYOTdesign interactif & illustration
4
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
AU MENU 6
• 1 —IntroductionLe projet de visualisation à la Cité des Sciences, naissance et enjeux
• 2 — Le sujet, l’actualité des jeux vidéoPotentiel du sujet et données liées
• 3 — Le contexte, une exposition Contrainte d’un contexte singulier
• 4 — Une représentation organiqueConstruction d’un univers vivant pour la visualisation
• 5 — Architecture de l’applicationStructure et contextualisation de l’écran
• 6 — Développement techniqueRécupération et traduction des données
1 — INTRODUCTION
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
1 — INTRODUCTION 9
OBJECTIFS DE L’APPLICATION
1Lisibilité de l’actualité 2
Temps réel
3Univers
cohérent
2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO
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 face!es
• Une actualité ina!endue
2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO 12
UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE
2 — LE SUJET, L’ACTUALITÉ DES JEUX VIDÉO 13
UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE
Face à ce!e profusion de messages, la visualisation de données permet de canaliser l’information pertinente, et de la communiquer de façon engageante.
3 — LE CONTEXTE, UNE EXPOSITION
http://digup.tv/video/manuel-lima
3 — LE CONTEXTE, UNE EXPOSITION 15
LES CONTRAINTES
• Une visualisation autonome
• Aspect pédagogique et ludique
• Information ambiante
http://digup.tv/video/manuel-lima
163 — LE CONTEXTE, UNE EXPOSITION
LES CONTRAINTES
4 — UNE REPRÉSENTATION ORGANIQUE 17
UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ
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
4 — UNE REPRÉSENTATION ORGANIQUE 19
UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ
5 — ARCHITECTURE DE L’APPLICATION
5 — ARCHITECTURE DE L’APPLICATION 21
STRUCTURE DE L’ÉCRAN
6 — DÉVELOPPEMENT TECHNIQUE
6 — DÉVELOPPEMENT TECHNIQUE 23
Node.js
Sémantique
TwitterFacebook
CÔTÉ SERVEUR
6 — DÉVELOPPEMENT TECHNIQUE 24
Javascript
WebGL
d3
CÔTÉ CLIENT
7 — CONCLUSION
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