dataveyes data viz fvga meet-up_janvier 2014

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

nicolas@dataveyes.com

AGATHE @ADAHYOTdesign 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 —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

merci

Dataveyes - www.dataveyes.comcontact@dataveyes.com