Visualisation des données et Open data (Introduction)

ICL3B02a : Outils et services numériques pour de projets de communication en contexte multilingue et global
Licence 3, Filière Communication et Formation Interculturelles, INALCO
Séance 4 : Visualisation des données & Open Data (Introduction) 7 avril 2014
Jirasri Deslis, Ingénieur R & D
Département Traitement du Signal et des Images, Télécom ParisTech, Institut Mines -Télécom
1

Plan de l’intervention
1. Visualisation des données :
charte, diagramme, production de timeline
2. Introduction de l’Open Data et Google Table
Fusion (production de la cartographie )
3. Gestion de projet avec SMARTSHEET
Support repris du cours en 2013 et mis à jour en 2014
Sources des images de couverture :
http://www.educatorstechnology.com/2014/01/15-great-timeline-creation-web-tools.html
http://www.w3.org/DesignIssues/LinkedData.html
http://datascientistinsights.com/2012/12/05/design-thinking-for-effective-data-visualization/
2

1. Visualisation de données
*VISUALISATION DE DONNÉES. n. f.
[vizɥalizasjɔ̃ də dɔne] :
branchement d’une base de données à une
interface graphique dans le but d’en faciliter
l’exploration et la compréhension. Autrefois
statique, l’interactivité la rend aujourd’hui
encore plus efficace (car tout le monde sait
bien que l'on retient mieux les nombres
quand on peut jouer avec).
http://dataveyes.com/
Définition par dataveyes.com
3

Source : http://www.idrc.ca/EN/Documents/Summary-Report-French-new-template-04-May-2012.pdf
Importance de la visualisation de données
……la visualisation promet de devenir un outil de premier plan pour
présenter l’information à des fins de
compréhension et de prise de décisions;
tous essaient d’améliorer les qualités esthétiques et pratiques de la
visualisation, et de trouver le meilleur équilibre entre elles
(Lindquist, 2011b, 15).
In. Examen de la visualisation de données, Un rapport rédigé par Jacqueline Strecker,
titulaire d’une bourse de recherche du International Development Recherche Center ,
Canada
Lindquist, Evert (2011b). “Surveying the World of Visualization”, document d’information, HC Coombs Policy Forum
4

Histoire de la visualisation de données visuelles ,
Gaëtan Gaborit
http://fr.slideshare.net/gaetangab/visualisation-de-donnes-
les-leons-de-lhistoire-13139160 5

Communicating Data in a Visual Way
( source : http://bit.ly/dp9C8W )
Exemples des données visuelles , par C. Rusen
6

Voir également : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/
http://www.petale-graphique.fr/
Exercice
7

http://www.petale-graphique.fr/configurateur.php
Exercice
Une prise en main rapide
Pour accéder aux fonctionnalités du
générateur à partir de la page d'accueil du site,
vous devez activer le lien du configurateur
automatique (rubrique fonctionnalités).
Vous n'avez plus ensuite qu'à suivre
pas à pas les 3 grandes étapes
proposées :
- créer votre graphique (type, couleur, options
diverses, dimension, saisie des données,
génération du graphique)
- vérifier le résultat produit
- utiliser le code généré pour une utilisation en
ligne
Source : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/
8

Générer le graphique sur Pétale
http://www.petale-graphique.fr/configurateur.php 9

10

Exemple de l’intégration sur un Blog
http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/
Extension iFrame dans WordPress 12

A lire
http://www.henriblum.com/article5/petale-
graphique-lancement
13

Exemple concret de l’usage de Pétale
http://www.socialbakers.com/facebook-
statistics/france 14

In >> Gaëtan Gaborit ,http://fr.slideshare.net/gaetangab/visualisation-de-donnes-les-
leons-de-lhistoire-13139160
Exercice : Histoire de « Timeline »
15

Exercice : Timeline, production avec « MyHistro »
16

Exercice : Timeline, Histoire de la Thaïlande
Utiliser le contenu en provenance de
Wikipédia
17

Extraction des événements de la page Wikipédia
Un exemple de la période Préhistoire
- Evénement : Préhistoire
-Date : 4000 à 2500 ans av. J.-C.
- Lieu : Sur le site archéologique de Ban Chiang,
dans le nord-est du pays, près d’Udon Thani
18
Description

Exemples de la période « Histoire »
19

- Evénement : Les royaumes de Sukhothaï et Lannathai
-Date : ± 1238 - 1558
- Lieu : Sukhothaï
20
Description

- Evénement : Le royaume d'Ayutthaya
-Date : 1350 - 1767
- Lieu : Ayutthaya 21
Description

22
Connecter sur http://www.myhistro.com/ avec le compte FB (par exemple)

Créer les événements pour construire une histoire
23

VDO Youtube sur
Ban Chiang
24
- Evénement :
Préhistoire
-Date : 4000 à 2500
ans av. J.-C.
- Lieu : Sur le site
archéologique de Ban
Chiang,
dans le nord-est du
pays, près d’Udon
Thani
Lieu : Udon Thani
Description
Date avant JC
Photo

Créer une histoire
25

Glisser + Déposer l’événement Préhistoire (de la partie Gauche > Droite)
26

27Visualiser le premier événement Préhistoire
Nom de l’événement dans le
Timeline

Description
Photo
Vidéo
Lieu

30
Ajouter un autre événement
Ajouter un
événement

31
- Evénement : Le
royaume d'Ayutthaya
-Date : 1350 - 1767
- Lieu : Ayutthaya
Galerie de photos

32
Possibilité d’ajouter les lien vers d’autre sites dans la description

33
Lire tous les événements dans l’histoire
Naviguer entre
les événement

34
Code pour intégrer sur le web,
blog…

35
Voir le résultat de l’intégration sur le blog
http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/

http://outilstice.com/2012/10/myhistro-creer-des-frises-du-temps-interactives/
Exercice : Timeline, « MyHistro », Ex. de l’intégration sur un site
36

http://www.timetoast.com/timelines/97514
A savoir : Timeline, avec Timetoast
37

http://visual.ly/
Visualisation des données avec Visual.ly
38

http://vimeo.com/77642915
Visually Explainer
39

http://bit.ly/13nVccl
Exemple : Comparaison des comptes Twitter
Musée du Louvre et Musée d’Orsay
40

Suggestion à lire
http://bit.ly/Yo0mDe
41

http://ed.ted.com/lessons/david-mccandless-the-beauty-of-data-visualization
Suggestion à consulter
42

http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes
Définition
2. OpenDATA
Une donnée ouverte (en anglais open data) est
une information publique brute, qui a vocation à
être librement accessible et réutilisable.
La philosophie pratique des données ouvertes
préconise une libre disponibilité pour tous et
chacun, sans restriction de copyright, brevets ou
d'autres mécanismes de contrôle.
43

Quelques repères historiques
2. OpenDATA
 1966 : l'adoption de la loi sur le libre accès à l'information, la Freedom of
Information Act, amendée plusieurs fois notamment en 2007 par la loi OPEN
Government Act
 mars 2009, le projet data.gov (en) est lancé
en décembre de la même année la Directive du gouvernement ouvert est
publiée et pose les trois piliers de la coopération entre l'État et les citoyens qui
sont la transparence du gouvernement, la participation et la collaboration
 Au Royaume-Uni, un projet analogue14 est officiellement lancé en janvier 2010,
par Gordon Brown et sous l'impulsion de Tim Berners-Lee.
44

Quelques repères historiques
2. OpenDATA
En France, l'ouverture se fait dans le domaine du droit en 2002
(8 ans avant le gouvernement britannique qui a ouvert son site
« Acts and statutory »16 en 2010).
Des mouvements citoyens comme Wikimedia France, Open
Street Map France ou Regards Citoyens évangélisent sur le
thème pendant plusieurs année avant que les pouvoirs publics
n'agissent…..
45

La Mise à disposition des données dans différents pays
2. OpenDATA
46
http://data.gov.uk/
https://www.data.gov/

La Mise à disposition des données dans différents pays
2. OpenDATA
47https://www.data.gouv.fr/

http://opendata.paris.fr/opendata/
EX. Au niveau de la municipalité
2. OpenDATA
48

http://fr.wikipedia.org/wiki/Fichier:L%27Open_Data_%C3%A0_la_Loupe.webm
Visionner la vidéo
2. OpenDATA
49

2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
http://www.data.gouv.fr/fr/dataset/aeroports-francais-coordonnees-geographiques
50

2. OpenDATA
51

2. OpenDATA
https://www.google.com/fusiontables/DataSource?dsrcid=implicit&folder=0B490CcFm_ei4S0sxTXBtbTZSREk
52
Créer / Connecter plus
d’application /
Fusion Tables in Google Drive/
Connecter

2. OpenDATA
53
Créer /Google Fusion Table / importer le fichier Aéroport / next

2. OpenDATA
54

2. OpenDATA
55
Remplir les informations

2. OpenDATA
56

2. OpenDATA
57

2. OpenDATA
58

2. OpenDATA
59

2. OpenDATA
60

2. OpenDATA
61
https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb
0aX2tcbE

2. OpenDATA
62

2. OpenDATA
63
https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb0a
X2tcbE

2. OpenDATA
64

2. OpenDATA
65

2. OpenDATA
66http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/

http://www.google.com/publicdata/directory?hl=en_US&dl=en_US#!st
=DATASET
Exemple des sources des données
2. OpenDATA
67

Plus d’info
2. OpenDATA
68
http://www.etalab.gouv.fr/

Plus d’info
2. OpenDATA
69
http://www.cnnumerique.fr/wp-content/uploads/2012/06/2012-06-
05_AvisCNNum_12_OpenData.pdf

Plus d’info
2. OpenDATA
70
http://fr.slideshare.net/TVALLEY/livre-blanc-open-data-tic-et-tourisme

3. SMARTSHEET
Enjeux du diagramme de Gantt pour la gestion de projet
Cet outil répond à deux objectifs : planifier de façon optimale ainsi que
communiquer sur le planning établi et les choix qu'il impose. Le
diagramme permet :
-de déterminer les dates de réalisation d'un projet,
-d'identifier les marges existantes sur certaines tâches,
- de visualiser d'un seul coup d'œil le retard ou l'avancement des travaux.
71

3. SMARTSHEET
http://youtu.be/bkxXIDap4M0
73
Généralité

3. SMARTSHEET
https://www.youtube.com/watch?v=ixwZEcMuysc
74

3. SMARTSHEET
75
https://www.youtube.com/watch?v=W5dO66z3mlI

3. SMARTSHEET
https://www.smartsheet.com/b/home?lang=fr_FR
77
Connecter avec le compte Gmail

3. SMARTSHEET
80
Pour aller plus loin
https://www.youtube.com/user/SmartSheet

3. SMARTSHEET
81
Suggestion à lire
http://www.tutorials-computer-software.com/2009/12/tutorial-
exemple-cdc-charges-internet.html

Visualisation des données et Open data (Introduction)

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à Visualisation des données et Open data (Introduction)

Similaire à Visualisation des données et Open data (Introduction) (20)

Plus de at Backbook

Plus de at Backbook (13)

Dernier

Dernier (20)

Visualisation des données et Open data (Introduction)