VISUALISATION
DE DONNÉES
Meet-up French Video Game Analyst - 29/01/2014
Dataveyes
NicolasForestier
AgatheDahyot
HELLO !
NICOLAS @PETITSSOLDATS
Developpeur frontend & creative coder
nicolas@dataveyes.com
AGATHE @ADAHYOT
design interactif & illustration
agathe@dataveyes.com
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 —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
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
1
Lisibilité de
l’actualité 2
Temps
réel
3
Univers
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 facettes
• Une actualité inattendue
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 à cette 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
Twitter
Facebook
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
merci
Dataveyes - www.dataveyes.com
contact@dataveyes.com

Dataveyes data viz fvga meet-up_janvier 2014

  • 1.
    VISUALISATION DE DONNÉES Meet-up FrenchVideo Game Analyst - 29/01/2014 Dataveyes NicolasForestier AgatheDahyot
  • 2.
  • 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.
  • 8.
    1 — INTRODUCTION8 • 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 — INTRODUCTION9 OBJECTIFS DE L’APPLICATION 1 Lisibilité de l’actualité 2 Temps réel 3 Univers cohérent
  • 10.
    2 — LESUJET, L’ACTUALITÉ DES JEUX VIDÉO
  • 11.
    2 — LESUJET, 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 — LESUJET, L’ACTUALITÉ DES JEUX VIDÉO 12 UNE ACTUALITÉ FOISONNANTE ET SURPRENANTE
  • 13.
    2 — LESUJET, 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 — LECONTEXTE, UNE EXPOSITION
  • 15.
    http://digup.tv/video/manuel-lima 3 — LECONTEXTE, UNE EXPOSITION 15 LES CONTRAINTES • Une visualisation autonome • Aspect pédagogique et ludique • Information ambiante
  • 16.
    http://digup.tv/video/manuel-lima 163 — LECONTEXTE, UNE EXPOSITION LES CONTRAINTES
  • 17.
    4 — UNEREPRÉSENTATION ORGANIQUE 17 UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ
  • 18.
    4 — UNEREPRÉ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 — UNEREPRÉSENTATION ORGANIQUE 19 UNE FORME ORGANIQUE POUR REPRÉSENTER L’ACTUALITÉ
  • 20.
    5 — ARCHITECTUREDE L’APPLICATION
  • 21.
    5 — ARCHITECTUREDE L’APPLICATION 21 STRUCTURE DE L’ÉCRAN
  • 22.
  • 23.
    6 — DÉVELOPPEMENTTECHNIQUE 23 Node.js Sémantique Twitter Facebook CÔTÉ SERVEUR
  • 24.
    6 — DÉVELOPPEMENTTECHNIQUE 24 Javascript WebGL d3 CÔTÉ CLIENT
  • 25.
  • 26.
    7 - CONCLUSION26 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.