SlideShare une entreprise Scribd logo
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
1. Visualisation de données
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
1. Visualisation de données
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
1. Visualisation de données
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/
1. Visualisation de données
http://www.petale-graphique.fr/
Exercice
7
1. Visualisation de données
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
1. Visualisation de données
Générer le graphique sur Pétale
http://www.petale-graphique.fr/configurateur.php 9
1. Visualisation de données
Générer le graphique sur Pétale
10
1. Visualisation de données
Générer le graphique sur Pétale
<iframe frameborder="0" width="700"
height="500" src="http://www.petale-
graphique.fr/embed/embed.php?largeur=
700&hauteur=500&donnees=Femme:40,E
nfant
:10,Homme:50&modele=histogramme&an
imation=oui" allowtransparency="true"
style="background-
color:transparent;"></iframe>
[iframe frameborder="0" width="700"
height="500" src="http://www.petale-
graphique.fr/embed/embed.php?largeur=
700&amp;hauteur=500&amp;donnees=F
emme:40,Enfant
:10,Homme:50&amp;modele=histogram
me&amp;animation=oui"
allowtransparency="true"
style="background-color:transparent;"]
Un peu de modification sur Blog WP avec
11
1. Visualisation de données
Exemple de l’intégration sur un Blog
http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/
Extension iFrame dans WordPress 12
1. Visualisation de données
A lire
http://www.henriblum.com/article5/petale-
graphique-lancement
13
1. Visualisation de données
Exemple concret de l’usage de Pétale
http://www.socialbakers.com/facebook-
statistics/france 14
1. Visualisation de données
In >> Gaëtan Gaborit ,http://fr.slideshare.net/gaetangab/visualisation-de-donnes-les-
leons-de-lhistoire-13139160
Exercice : Histoire de « Timeline »
15
1. Visualisation de données
Exercice : Timeline, production avec « MyHistro »
16
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Utiliser le contenu en provenance de
Wikipédia
17
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
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
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Extraction des événements de la page Wikipédia
Exemples de la période « Histoire »
19
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Extraction des événements de la page Wikipédia
Exemples de la période « Histoire »
- Evénement : Les royaumes de Sukhothaï et Lannathai
-Date : ± 1238 - 1558
- Lieu : Sukhothaï
20
Description
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Extraction des événements de la page Wikipédia
Exemples de la période « Histoire »
- Evénement : Le royaume d'Ayutthaya
-Date : 1350 - 1767
- Lieu : Ayutthaya 21
Description
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
22
Connecter sur http://www.myhistro.com/ avec le compte FB (par exemple)
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Créer les événements pour construire une histoire
23
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
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
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Créer une histoire
25
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
Glisser + Déposer l’événement Préhistoire (de la partie Gauche > Droite)
26
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
27Visualiser le premier événement Préhistoire
Nom de l’événement dans le
Timeline
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
28Visualiser le premier événement Préhistoire
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
29Visualiser le premier événement Préhistoire
Description
Photo
Vidéo
Lieu
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
30
Ajouter un autre événement
Ajouter un
événement
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
31
- Evénement : Le
royaume d'Ayutthaya
-Date : 1350 - 1767
- Lieu : Ayutthaya
Galerie de photos
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
32
Possibilité d’ajouter les lien vers d’autre sites dans la description
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
33
Lire tous les événements dans l’histoire
Naviguer entre
les événement
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
34
Code pour intégrer sur le web,
blog…
1. Visualisation de données
Exercice : Timeline, Histoire de la Thaïlande
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/
1. Visualisation de données
Exercice : Timeline, « MyHistro », Ex. de l’intégration sur un site
36
http://www.timetoast.com/timelines/97514
1. Visualisation de données
A savoir : Timeline, avec Timetoast
37
http://visual.ly/
1. Visualisation de données
Visualisation des données avec Visual.ly
38
http://vimeo.com/77642915
1. Visualisation de données
Visually Explainer
39
http://bit.ly/13nVccl
1. Visualisation de données
Exemple : Comparaison des comptes Twitter
Musée du Louvre et Musée d’Orsay
40
1. Visualisation de données
Suggestion à lire
http://bit.ly/Yo0mDe
41
http://ed.ted.com/lessons/david-mccandless-the-beauty-of-data-visualization
1. Visualisation de données
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
http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes
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
http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes
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
Exercice : visualisation des données avec Google Fusion Tables
51
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
52
Créer / Connecter plus
d’application /
Fusion Tables in Google Drive/
Connecter
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
53
Créer /Google Fusion Table / importer le fichier Aéroport / next
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
54
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
55
Remplir les informations
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
56
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
57
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
58
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
59
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
60
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
61
https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb
0aX2tcbE
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
62
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
63
https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb0a
X2tcbE
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
64
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
65
2. OpenDATA
Exercice : visualisation des données avec Google Fusion Tables
Etude de cas: une production de la cartographie des aéroports français
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
72
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
76
3. SMARTSHEET
https://www.smartsheet.com/b/home?lang=fr_FR
77
Connecter avec le compte Gmail
3. SMARTSHEET
78
3. SMARTSHEET
79
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

Contenu connexe

En vedette

Lightningtalk: Peter Parycek
Lightningtalk: Peter ParycekLightningtalk: Peter Parycek
Lightningtalk: Peter Parycek
Semantic Web Company
 
Données modernisation court
Données modernisation courtDonnées modernisation court
Données modernisation court
Henri Verdier
 
Open Data : état de l&rsquo;art
Open Data : état de l&rsquo;artOpen Data : état de l&rsquo;art
Open Data : état de l&rsquo;art
Ferdinand Boas
 
Digital revolution
Digital revolutionDigital revolution
Digital revolutionAli Makhlouf
 
l'Open data ou les opendata, bref, l'ouverture des données
l'Open data ou les opendata, bref, l'ouverture des donnéesl'Open data ou les opendata, bref, l'ouverture des données
l'Open data ou les opendata, bref, l'ouverture des données
Éric Delcroix
 
Politique de la donnée (court)
Politique de la donnée (court)Politique de la donnée (court)
Politique de la donnée (court)Henri Verdier
 
L'atenció ciutadana a les institucions públiques
L'atenció ciutadana a les institucions públiquesL'atenció ciutadana a les institucions públiques
L'atenció ciutadana a les institucions públiques
Jordi Graells
 
Conférence sur Les métiers de l'écriture web
Conférence sur Les métiers de l'écriture webConférence sur Les métiers de l'écriture web
Conférence sur Les métiers de l'écriture web
Éric Delcroix
 
Open local data: challenges and opportunities
Open local data: challenges and opportunitiesOpen local data: challenges and opportunities
Open local data: challenges and opportunities
Chris Taggart
 
Open Data pour les entreprises
Open Data pour les entreprisesOpen Data pour les entreprises
Open Data pour les entreprises
Ferdinand Boas
 
Open Data in a Day - Introduction to Open Data
Open Data in a Day - Introduction to Open DataOpen Data in a Day - Introduction to Open Data
Open Data in a Day - Introduction to Open Data
The Open Data Institute of North Carolina
 
Open Government Data - updates from around the world
Open Government Data - updates from around the worldOpen Government Data - updates from around the world
Open Government Data - updates from around the world
Andrew Stott
 
The Industrial and Digital Revolution Essay
The Industrial and Digital Revolution EssayThe Industrial and Digital Revolution Essay
The Industrial and Digital Revolution Essay
MongLau
 
Benefits of Open Government Data
Benefits of Open Government DataBenefits of Open Government Data
Benefits of Open Government Data
Jennifer Bell
 
Designing for a better citizen experience / UX Camp Europe 2016
Designing for a better citizen experience / UX Camp Europe 2016Designing for a better citizen experience / UX Camp Europe 2016
Designing for a better citizen experience / UX Camp Europe 2016
Martin Jordan
 
Digital transformation: open data
Digital transformation: open dataDigital transformation: open data
Digital transformation: open data
Jordi Graells
 
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
bluenove
 
Open Data, Open Government, vers une démocratie contributive ?
Open Data, Open Government, vers une démocratie contributive ?Open Data, Open Government, vers une démocratie contributive ?
Open Data, Open Government, vers une démocratie contributive ?
Henri Verdier
 
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as PlatformOakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
Tim O'Reilly
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
rocanela
 

En vedette (20)

Lightningtalk: Peter Parycek
Lightningtalk: Peter ParycekLightningtalk: Peter Parycek
Lightningtalk: Peter Parycek
 
Données modernisation court
Données modernisation courtDonnées modernisation court
Données modernisation court
 
Open Data : état de l&rsquo;art
Open Data : état de l&rsquo;artOpen Data : état de l&rsquo;art
Open Data : état de l&rsquo;art
 
Digital revolution
Digital revolutionDigital revolution
Digital revolution
 
l'Open data ou les opendata, bref, l'ouverture des données
l'Open data ou les opendata, bref, l'ouverture des donnéesl'Open data ou les opendata, bref, l'ouverture des données
l'Open data ou les opendata, bref, l'ouverture des données
 
Politique de la donnée (court)
Politique de la donnée (court)Politique de la donnée (court)
Politique de la donnée (court)
 
L'atenció ciutadana a les institucions públiques
L'atenció ciutadana a les institucions públiquesL'atenció ciutadana a les institucions públiques
L'atenció ciutadana a les institucions públiques
 
Conférence sur Les métiers de l'écriture web
Conférence sur Les métiers de l'écriture webConférence sur Les métiers de l'écriture web
Conférence sur Les métiers de l'écriture web
 
Open local data: challenges and opportunities
Open local data: challenges and opportunitiesOpen local data: challenges and opportunities
Open local data: challenges and opportunities
 
Open Data pour les entreprises
Open Data pour les entreprisesOpen Data pour les entreprises
Open Data pour les entreprises
 
Open Data in a Day - Introduction to Open Data
Open Data in a Day - Introduction to Open DataOpen Data in a Day - Introduction to Open Data
Open Data in a Day - Introduction to Open Data
 
Open Government Data - updates from around the world
Open Government Data - updates from around the worldOpen Government Data - updates from around the world
Open Government Data - updates from around the world
 
The Industrial and Digital Revolution Essay
The Industrial and Digital Revolution EssayThe Industrial and Digital Revolution Essay
The Industrial and Digital Revolution Essay
 
Benefits of Open Government Data
Benefits of Open Government DataBenefits of Open Government Data
Benefits of Open Government Data
 
Designing for a better citizen experience / UX Camp Europe 2016
Designing for a better citizen experience / UX Camp Europe 2016Designing for a better citizen experience / UX Camp Europe 2016
Designing for a better citizen experience / UX Camp Europe 2016
 
Digital transformation: open data
Digital transformation: open dataDigital transformation: open data
Digital transformation: open data
 
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
Livre blanc - Open Data : Quels enjeux et opportunités pour l'entreprise ?
 
Open Data, Open Government, vers une démocratie contributive ?
Open Data, Open Government, vers une démocratie contributive ?Open Data, Open Government, vers une démocratie contributive ?
Open Data, Open Government, vers une démocratie contributive ?
 
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as PlatformOakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
Oakland Public Ethics Commission: Transparency, Open Data, and Gov as Platform
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

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

Laval Nov2009
Laval Nov2009Laval Nov2009
Laval Nov2009
Christophe Batier
 
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
Antoine Courtin
 
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
Morgan Magnin
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
Ettore Rizza
 
Diaporama journée des correspondants tice en documentation
Diaporama journée des correspondants tice en documentationDiaporama journée des correspondants tice en documentation
Diaporama journée des correspondants tice en documentationDocumentation Rouen
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
Claire Chignard
 
Iut presentation du 20 décembre 2012
Iut presentation du 20 décembre 2012 Iut presentation du 20 décembre 2012
Iut presentation du 20 décembre 2012
Christophe Batier
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
Claire Chignard
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
Claire Chignard
 
Pédagogies digitales - Quelles opportunités pour l’univers de la formation ?  
Pédagogies digitales- Quelles opportunités pour l’univers de la formation ?  Pédagogies digitales- Quelles opportunités pour l’univers de la formation ?  
Pédagogies digitales - Quelles opportunités pour l’univers de la formation ?  
Sébastien Reinders
 
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
Isabelle Dremeau
 
Communication & Médias sociaux
Communication & Médias sociauxCommunication & Médias sociaux
Communication & Médias sociaux
at Backbook
 
Présentation googlewave g_cavril2010
Présentation googlewave g_cavril2010Présentation googlewave g_cavril2010
Présentation googlewave g_cavril2010
gcardinal
 
Les outils-web-2.0
Les outils-web-2.0Les outils-web-2.0
Les outils-web-2.0
lamiaothmani1
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
Claire Chignard
 
Quelle dimension donner a son cours en ligne
Quelle dimension donner a son cours en ligneQuelle dimension donner a son cours en ligne
Quelle dimension donner a son cours en ligne
Christophe Batier
 
Le WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèqueLe WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèque
KOMOROWSKI Corinne
 
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
Sophie Roy
 
References
ReferencesReferences
References
hlefleur
 

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

Laval Nov2009
Laval Nov2009Laval Nov2009
Laval Nov2009
 
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
Archiver les réseaux sociaux : Panorama des pratiques et des enjeux : entre a...
 
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
Présentation introductive aux réseaux sociaux et à leur utilisation dans des ...
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
 
Diaporama journée des correspondants tice en documentation
Diaporama journée des correspondants tice en documentationDiaporama journée des correspondants tice en documentation
Diaporama journée des correspondants tice en documentation
 
Offre technique
Offre techniqueOffre technique
Offre technique
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
 
Iut presentation du 20 décembre 2012
Iut presentation du 20 décembre 2012 Iut presentation du 20 décembre 2012
Iut presentation du 20 décembre 2012
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
 
Pédagogies digitales - Quelles opportunités pour l’univers de la formation ?  
Pédagogies digitales- Quelles opportunités pour l’univers de la formation ?  Pédagogies digitales- Quelles opportunités pour l’univers de la formation ?  
Pédagogies digitales - Quelles opportunités pour l’univers de la formation ?  
 
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
Globinaire "Les lignes du temps : outils 2.0 et applications pédagogiques"
 
Communication & Médias sociaux
Communication & Médias sociauxCommunication & Médias sociaux
Communication & Médias sociaux
 
Présentation googlewave g_cavril2010
Présentation googlewave g_cavril2010Présentation googlewave g_cavril2010
Présentation googlewave g_cavril2010
 
Les outils-web-2.0
Les outils-web-2.0Les outils-web-2.0
Les outils-web-2.0
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
 
Quelle dimension donner a son cours en ligne
Quelle dimension donner a son cours en ligneQuelle dimension donner a son cours en ligne
Quelle dimension donner a son cours en ligne
 
Le WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèqueLe WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèque
 
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
 
References
ReferencesReferences
References
 

Plus de at Backbook

( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
at Backbook
 
Communication enrichie et communication augmentée
Communication enrichie et communication augmentéeCommunication enrichie et communication augmentée
Communication enrichie et communication augmentéeat Backbook
 
Créativité et Communication
Créativité et Communication Créativité et Communication
Créativité et Communication
at Backbook
 
Séance 1: Gestion de projet 2.0 (03/02/2014)
Séance 1: Gestion de projet 2.0 (03/02/2014)Séance 1: Gestion de projet 2.0 (03/02/2014)
Séance 1: Gestion de projet 2.0 (03/02/2014)at Backbook
 
Séance 1 : Gestion de projets 2.0
Séance 1 : Gestion de projets 2.0  Séance 1 : Gestion de projets 2.0
Séance 1 : Gestion de projets 2.0
at Backbook
 
Project management toolkit_fr
Project management toolkit_frProject management toolkit_fr
Project management toolkit_fr
at Backbook
 
Guide de planification d’une campagne de communication
Guide de planification d’une campagne de communicationGuide de planification d’une campagne de communication
Guide de planification d’une campagne de communication
at Backbook
 
Outils & Services numériques pour des projets de communication, Séance 4, 10/...
Outils & Services numériques pour des projets de communication, Séance 4, 10/...Outils & Services numériques pour des projets de communication, Séance 4, 10/...
Outils & Services numériques pour des projets de communication, Séance 4, 10/...at Backbook
 
Veille d’information et Organisation des réunions
Veille d’information et Organisation des réunionsVeille d’information et Organisation des réunions
Veille d’information et Organisation des réunionsat Backbook
 
Outils & Services numériques pour des projets de communication, Séance 2
Outils & Services numériques pour des projets de communication, Séance 2Outils & Services numériques pour des projets de communication, Séance 2
Outils & Services numériques pour des projets de communication, Séance 2at Backbook
 
Outils & Services numériques pour des projets de communication, Séance 1
Outils & Services numériques pour des projets de communication, Séance 1Outils & Services numériques pour des projets de communication, Séance 1
Outils & Services numériques pour des projets de communication, Séance 1at Backbook
 
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
at Backbook
 
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
at Backbook
 

Plus de at Backbook (13)

( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
( #Femme #vin…) & (#Women #Wine…) : deux sphères culturelles 2.0 de la fémin...
 
Communication enrichie et communication augmentée
Communication enrichie et communication augmentéeCommunication enrichie et communication augmentée
Communication enrichie et communication augmentée
 
Créativité et Communication
Créativité et Communication Créativité et Communication
Créativité et Communication
 
Séance 1: Gestion de projet 2.0 (03/02/2014)
Séance 1: Gestion de projet 2.0 (03/02/2014)Séance 1: Gestion de projet 2.0 (03/02/2014)
Séance 1: Gestion de projet 2.0 (03/02/2014)
 
Séance 1 : Gestion de projets 2.0
Séance 1 : Gestion de projets 2.0  Séance 1 : Gestion de projets 2.0
Séance 1 : Gestion de projets 2.0
 
Project management toolkit_fr
Project management toolkit_frProject management toolkit_fr
Project management toolkit_fr
 
Guide de planification d’une campagne de communication
Guide de planification d’une campagne de communicationGuide de planification d’une campagne de communication
Guide de planification d’une campagne de communication
 
Outils & Services numériques pour des projets de communication, Séance 4, 10/...
Outils & Services numériques pour des projets de communication, Séance 4, 10/...Outils & Services numériques pour des projets de communication, Séance 4, 10/...
Outils & Services numériques pour des projets de communication, Séance 4, 10/...
 
Veille d’information et Organisation des réunions
Veille d’information et Organisation des réunionsVeille d’information et Organisation des réunions
Veille d’information et Organisation des réunions
 
Outils & Services numériques pour des projets de communication, Séance 2
Outils & Services numériques pour des projets de communication, Séance 2Outils & Services numériques pour des projets de communication, Séance 2
Outils & Services numériques pour des projets de communication, Séance 2
 
Outils & Services numériques pour des projets de communication, Séance 1
Outils & Services numériques pour des projets de communication, Séance 1Outils & Services numériques pour des projets de communication, Séance 1
Outils & Services numériques pour des projets de communication, Séance 1
 
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
Médias sociaux & CoM mobile : Vidéos en ligne, Brand Content, Vidéo virale, Y...
 
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
Médias sociaux & CoM mobile : Community Manager, Facbook, Twitter
 

Dernier

Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 

Dernier (6)

Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 

Visualisation des données et Open data (Introduction)

  • 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 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
  • 2. 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
  • 3. 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
  • 4. 1. Visualisation de données 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
  • 5. 1. Visualisation de données 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
  • 6. 1. Visualisation de données Communicating Data in a Visual Way ( source : http://bit.ly/dp9C8W ) Exemples des données visuelles , par C. Rusen 6
  • 7. Voir également : http://cursus.edu/dossiers-articles/articles/19375/creation-simple-gratuite-graphiques/ 1. Visualisation de données http://www.petale-graphique.fr/ Exercice 7
  • 8. 1. Visualisation de données 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
  • 9. 1. Visualisation de données Générer le graphique sur Pétale http://www.petale-graphique.fr/configurateur.php 9
  • 10. 1. Visualisation de données Générer le graphique sur Pétale 10
  • 11. 1. Visualisation de données Générer le graphique sur Pétale <iframe frameborder="0" width="700" height="500" src="http://www.petale- graphique.fr/embed/embed.php?largeur= 700&hauteur=500&donnees=Femme:40,E nfant :10,Homme:50&modele=histogramme&an imation=oui" allowtransparency="true" style="background- color:transparent;"></iframe> [iframe frameborder="0" width="700" height="500" src="http://www.petale- graphique.fr/embed/embed.php?largeur= 700&amp;hauteur=500&amp;donnees=F emme:40,Enfant :10,Homme:50&amp;modele=histogram me&amp;animation=oui" allowtransparency="true" style="background-color:transparent;"] Un peu de modification sur Blog WP avec 11
  • 12. 1. Visualisation de données Exemple de l’intégration sur un Blog http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/ Extension iFrame dans WordPress 12
  • 13. 1. Visualisation de données A lire http://www.henriblum.com/article5/petale- graphique-lancement 13
  • 14. 1. Visualisation de données Exemple concret de l’usage de Pétale http://www.socialbakers.com/facebook- statistics/france 14
  • 15. 1. Visualisation de données In >> Gaëtan Gaborit ,http://fr.slideshare.net/gaetangab/visualisation-de-donnes-les- leons-de-lhistoire-13139160 Exercice : Histoire de « Timeline » 15
  • 16. 1. Visualisation de données Exercice : Timeline, production avec « MyHistro » 16
  • 17. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Utiliser le contenu en provenance de Wikipédia 17
  • 18. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 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
  • 19. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Extraction des événements de la page Wikipédia Exemples de la période « Histoire » 19
  • 20. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Extraction des événements de la page Wikipédia Exemples de la période « Histoire » - Evénement : Les royaumes de Sukhothaï et Lannathai -Date : ± 1238 - 1558 - Lieu : Sukhothaï 20 Description
  • 21. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Extraction des événements de la page Wikipédia Exemples de la période « Histoire » - Evénement : Le royaume d'Ayutthaya -Date : 1350 - 1767 - Lieu : Ayutthaya 21 Description
  • 22. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 22 Connecter sur http://www.myhistro.com/ avec le compte FB (par exemple)
  • 23. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Créer les événements pour construire une histoire 23
  • 24. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 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
  • 25. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Créer une histoire 25
  • 26. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande Glisser + Déposer l’événement Préhistoire (de la partie Gauche > Droite) 26
  • 27. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 27Visualiser le premier événement Préhistoire Nom de l’événement dans le Timeline
  • 28. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 28Visualiser le premier événement Préhistoire
  • 29. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 29Visualiser le premier événement Préhistoire Description Photo Vidéo Lieu
  • 30. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 30 Ajouter un autre événement Ajouter un événement
  • 31. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 31 - Evénement : Le royaume d'Ayutthaya -Date : 1350 - 1767 - Lieu : Ayutthaya Galerie de photos
  • 32. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 32 Possibilité d’ajouter les lien vers d’autre sites dans la description
  • 33. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 33 Lire tous les événements dans l’histoire Naviguer entre les événement
  • 34. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 34 Code pour intégrer sur le web, blog…
  • 35. 1. Visualisation de données Exercice : Timeline, Histoire de la Thaïlande 35 Voir le résultat de l’intégration sur le blog http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/
  • 36. http://outilstice.com/2012/10/myhistro-creer-des-frises-du-temps-interactives/ 1. Visualisation de données Exercice : Timeline, « MyHistro », Ex. de l’intégration sur un site 36
  • 37. http://www.timetoast.com/timelines/97514 1. Visualisation de données A savoir : Timeline, avec Timetoast 37
  • 38. http://visual.ly/ 1. Visualisation de données Visualisation des données avec Visual.ly 38
  • 39. http://vimeo.com/77642915 1. Visualisation de données Visually Explainer 39
  • 40. http://bit.ly/13nVccl 1. Visualisation de données Exemple : Comparaison des comptes Twitter Musée du Louvre et Musée d’Orsay 40
  • 41. 1. Visualisation de données Suggestion à lire http://bit.ly/Yo0mDe 41
  • 43. 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
  • 44. http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes 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
  • 45. http://fr.wikipedia.org/wiki/Donn%C3%A9es_ouvertes 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
  • 46. La Mise à disposition des données dans différents pays 2. OpenDATA 46 http://data.gov.uk/ https://www.data.gov/
  • 47. La Mise à disposition des données dans différents pays 2. OpenDATA 47https://www.data.gouv.fr/
  • 48. http://opendata.paris.fr/opendata/ EX. Au niveau de la municipalité 2. OpenDATA 48
  • 50. 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
  • 51. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables 51
  • 52. 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 52 Créer / Connecter plus d’application / Fusion Tables in Google Drive/ Connecter
  • 53. 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 53 Créer /Google Fusion Table / importer le fichier Aéroport / next
  • 54. 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 54
  • 55. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 55 Remplir les informations
  • 56. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 56
  • 57. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 57
  • 58. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 58
  • 59. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 59
  • 60. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 60
  • 61. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 61 https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb 0aX2tcbE
  • 62. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 62
  • 63. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 63 https://www.google.com/fusiontables/DataSource?docid=1mgH44QxKIpI6yjJhv_hxHIJAXnHExxBb0a X2tcbE
  • 64. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 64
  • 65. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 65
  • 66. 2. OpenDATA Exercice : visualisation des données avec Google Fusion Tables Etude de cas: une production de la cartographie des aéroports français 66http://deslis.wp.mines-telecom.fr/2014/04/05/test-iframe/
  • 71. 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
  • 80. 3. SMARTSHEET 80 Pour aller plus loin https://www.youtube.com/user/SmartSheet
  • 81. 3. SMARTSHEET 81 Suggestion à lire http://www.tutorials-computer-software.com/2009/12/tutorial- exemple-cdc-charges-internet.html