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
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
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/
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
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
1. Visualisation de données

                 Exemples des données visuelles , par C. Rusen




                        Communicating Data in a Visual Way
                              ( source : http://bit.ly/dp9C8W )
1. Visualisation de données

                                                      Exercice




                                http://www.petale-graphique.fr/

         Voir également : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/
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/
1. Visualisation de données

                               Exemple de l’usage de Pétale




              http://www.blog-ers.com/facebook/statistiques-facebook-france-monde-juillet-2012
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
1. Visualisation de données

                Exercice : Timeline, production avec « MyHistro »
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/
1. Visualisation de données


                      A savoir : Timeline, avec Timetoast




                  http://www.timetoast.com/timelines/97514
1. Visualisation de données


                      Visualisation des données avec Visual.ly




                                http://visual.ly/
1. Visualisation de données

                              What is Visual.ly?




                http://www.youtube.com/watch?v=AiVKfNeRbPQ
1. Visualisation de données

                  Exemple : Comparaison des comptes Twitter
                      Musée du Louvre et Musée d’Orsay




                              http://bit.ly/13nVccl
1. Visualisation de données


                                Suggestion à lire




                              http://bit.ly/Yo0mDe
1. Visualisation de données

                                   Suggestion à consulter




                http://ed.ted.com/lessons/david-mccandless-the-beauty-of-data-visualization
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
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
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
2. OpenDATA

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

                                     Visionner la vidéo




              http://fr.wikipedia.org/wiki/Fichier:L%27Open_Data_%C3%A0_la_Loupe.webm
2. OpenDATA

              EX. Au niveau de la municipalité
2. OpenDATA

         Exercice : visualisation des données avec Google Fusion Tables
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#
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
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
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
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
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
2. OpenDATA

                          Exemple des sources des données




              http://www.google.com/publicdata/directory?hl=en_US&dl=en_US#!st=DATASET
2. OpenDATA

              Plus d’info
2. OpenDATA

              Plus d’info
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/
3. SMARTSHEET

                   Site à consulter




                http://www.espace-projets.net/
3. SMARTSHEET



                      Vidéo à consulter
                TechnoConseil présente la gestion de projet
                  avec Google Apps et Smartsheet (2'42'')




                      http://youtu.be/tMLSYV6Cd9s
3. SMARTSHEET




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




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




                https://www.smartsheet.com/b/home?lang=fr_FR
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.
3. SMARTSHEET
3. SMARTSHEET




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


                Conditional Formatting in Smartsheet




                    http://youtu.be/aEJRFf1OT3c

Visualisation de données & Open data (Introduction)

  • 1.
    ICL3B02a : Outilset 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 dedonné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 dedonné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 dedonné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 dedonnées Exemples des données visuelles , par C. Rusen Communicating Data in a Visual Way ( source : http://bit.ly/dp9C8W )
  • 7.
    1. Visualisation dedonnées Exercice http://www.petale-graphique.fr/ Voir également : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/
  • 8.
    1. Visualisation dedonné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 dedonnées Exemple de l’usage de Pétale http://www.blog-ers.com/facebook/statistiques-facebook-france-monde-juillet-2012
  • 10.
    1. Visualisation dedonné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 dedonnées Exercice : Timeline, production avec « MyHistro »
  • 12.
    1. Visualisation dedonné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 dedonnées A savoir : Timeline, avec Timetoast http://www.timetoast.com/timelines/97514
  • 14.
    1. Visualisation dedonnées Visualisation des données avec Visual.ly http://visual.ly/
  • 15.
    1. Visualisation dedonnées What is Visual.ly? http://www.youtube.com/watch?v=AiVKfNeRbPQ
  • 16.
    1. Visualisation dedonnées Exemple : Comparaison des comptes Twitter Musée du Louvre et Musée d’Orsay http://bit.ly/13nVccl
  • 17.
    1. Visualisation dedonnées Suggestion à lire http://bit.ly/Yo0mDe
  • 18.
    1. Visualisation dedonné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.
  • 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.
  • 44.
    3. SMARTSHEET http://www.youtube.com/watch?v=77bOAF3z4sE
  • 45.
    3. SMARTSHEET Conditional Formatting in Smartsheet http://youtu.be/aEJRFf1OT3c