Séance 4 : Visualisation de données & Open Data (Introduction) Support du cours "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

1. 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 de données & Open Data (Introduction) 25 mars 2013
Jirasri Deslis, Ingénieur R & D
Département Traitement du Signal et des Images, Télécom ParisTech, Institut Mines -Télécom

2. Plan de l’intervention
1. Visualisation de données :
charte, diagramme, timeline, cartographie
2. Introduction de l’Open Data et Google Table Fusion
3. Gestion de projet avec SMARTSHEET

3. 1. Visualisation de données
Définition par dataveyes.com
*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/

4. 1. Visualisation de données
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).
Lindquist, Evert (2011b). “Surveying the World of Visualization”, document d’information, HC Coombs Policy Forum
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
Source : http://www.idrc.ca/EN/Documents/Summary-Report-French-new-template-04-May-2012.pdf

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

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

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

8. 1. Visualisation de données
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
http://www.petale-graphique.fr/configurateur.php ligne
Source : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/

9. 1. Visualisation de données
Exemple de l’usage de Pétale
http://www.blog-ers.com/facebook/statistiques-facebook-france-monde-juillet-2012

10. 1. Visualisation de données
Exercice : Timeline, côté d’Histoire
In >> Gaëtan Gaborit ,http://fr.slideshare.net/gaetangab/visualisation-de-donnes-les-
leons-de-lhistoire-13139160

11. 1. Visualisation de données
Exercice : Timeline, production avec « MyHistro »

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

13. 1. Visualisation de données
A savoir : Timeline, avec Timetoast
http://www.timetoast.com/timelines/97514

14. 1. Visualisation de données
Visualisation des données avec Visual.ly
http://visual.ly/

15. 1. Visualisation de données
What is Visual.ly?
http://www.youtube.com/watch?v=AiVKfNeRbPQ

16. 1. Visualisation de données
Exemple : Comparaison des comptes Twitter
Musée du Louvre et Musée d’Orsay
http://bit.ly/13nVccl

17. 1. Visualisation de données
Suggestion à lire
http://bit.ly/Yo0mDe

18. 1. Visualisation de données
Suggestion à consulter
http://ed.ted.com/lessons/david-mccandless-the-beauty-of-data-visualization

19. 2. OpenDATA
Définition
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.
http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes

20. 2. OpenDATA
Quelques repères historiques
 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 analogue est officiellement lancé en janvier 2010,
par Gordon Brown et sous l'impulsion de Tim Berners-Lee.
http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes

21. 2. OpenDATA
Quelques repères historiques
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.
http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes

22. 2. OpenDATA
La mise à disposition des données dans différents pays

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

24. 2. OpenDATA
EX. Au niveau de la municipalité

25. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables

26. 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/DataSet/30382044?xtmc=coordonn%25C3%25A9es+g%25C3%25A9ographiques&xtcr=3#

27. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
https://www.google.com/fusiontables/DataSource?dsrcid=implicit&folder=0B490CcFm_ei4S0sxTXBtbTZSREk

28. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
https://www.google.com/fusiontables/DataSource?dsrcid=implicit&folder=0B490CcFm_ei4S0sxTXBtbTZSREk

29. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
https://www.google.com/fusiontables/DataSource?dsrcid=implicit&folder=0B490CcFm_ei4S0sxTXBtbTZSREk

30. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
https://www.google.com/fusiontables/data?docid=1o2WBKJJlKLvtdTpk3BMzvkzJ40aRPClD9U-BwdE

31. 2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
https://www.google.com/fusiontables/data?docid=1o2WBKJJlKLvtdTpk3BMzvkzJ40aRPClD9U-BwdE

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

33. 2. OpenDATA
Plus d’info

34. 2. OpenDATA
Plus d’info

35. 3. SMARTSHEET
Document à lire
http://www.slideshare.net/vhauguel/stratgie-gestion-de-projets-3
D’autres ressources : http://blog.websourcing.fr/offisync-synchroniser-office-google-docs/

36. 3. SMARTSHEET
Site à consulter
http://www.espace-projets.net/

37. 3. SMARTSHEET
Vidéo à consulter
TechnoConseil présente la gestion de projet
avec Google Apps et Smartsheet (2'42'')
http://youtu.be/tMLSYV6Cd9s

38. 3. SMARTSHEET
http://youtu.be/bkxXIDap4M0

39. 3. SMARTSHEET
http://youtu.be/jm5FZHLah4k

40. 3. SMARTSHEET

41. 3. SMARTSHEET
https://www.smartsheet.com/b/home?lang=fr_FR

42. 3. SMARTSHEET
Enjeux du diagramme de Gantt
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.

43. 3. SMARTSHEET

44. 3. SMARTSHEET
http://www.youtube.com/watch?v=77bOAF3z4sE

45. 3. SMARTSHEET
Conditional Formatting in Smartsheet
http://youtu.be/aEJRFf1OT3c