SlideShare une entreprise Scribd logo
Datavisualisations,
diaporamas, animations, quiz…
les outils éditoriaux
interactifs
mediaculture.fr
Data-journalisme
kezaco ?
1
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Mettre en image des informations/données
chiffrées, géographiques
Faire parler les données brutes
Synthétiser les enjeux essentiels
Les traduire visuellement
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Des techniques qui ne
datent pas d’hier !
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
William Playfair (1759-1823) : ingénieur
D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Charles Dupin (1784-1873) : mathématicien et ingénieur
D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Charles Joseph Minard (1781-1870) : ingénieur
D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Florence Nightingale (1820-1910) : infirmière
D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Le lecteur-citoyen veut comprendre le complexe
Mais il souhaite que ce soit accessible et rapide
Il a une exigence de transparence sur les données
publiques
Le data-journalisme répond à un besoin
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Le data-journalisme est lié à une opportunité :
la démocratisation des moyens
L’open-data est venu répondre (partiellement) 

au besoin de transparence (surtout depuis 2009 aux USA, 2011 en France)
Les outils de datamining et de data-visualisation 

pour les designers se sont perfectionnés
Des sites en ligne grand public sont apparus pour 

créer des graphiques et des infographies
Les outils
grand public
2
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Des graphiques : infogr.am
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Courbes, camemberts, bulles…
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Combinaison de plusieurs graphiques
pour créer des infographies
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Exemple:
Comparaison
des dépenses budgétaires
en 2014, entre France et USA
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 1: trouver chiffres crédibles
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 1: trouver chiffres crédibles
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 2: traiter les données sous forme de tableau
(import Excel possible)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 3: publier et récupérer le code embarqué
(« embedd »)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 4: embarquer le code dans sa page web
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Résultat :
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Des graphiques plus souples : datawrapper.de*

Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Plusieurs mises en forme dynamiques
(qui s’adaptent à partir d’un même jeu de données)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Diagrammes en bâtons horizontaux
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Cartes « choroplètes »
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Exercice : quel type d’infographie
pour ce jeu de données ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Trouver les données : l’accès aux sources
data.gouv.fr
insee.fr

ined.fr
data.gov
data.oecd.org/fr
data.worldbank.org

who.int/gho/database/fr/

uis.unesco.org/datacentre/pages/default.aspx
Liste infinie : il faut trouver les sources des rapports : ministre de l’emploi, de la santé,
du travail etc.
Ne pas hésiter à utiliser la fonction site:interieur.gouv.fr (par ex.) pour chercher sur ce site
uniquement
Et le filetype:xls ou filetype:csv pour obtenir des données sous forme de tableurs.
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Photos interactives :
thinglink.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Exemple : infographie interactive
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 1: importer la photo
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 2 : éditer la photo
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 3 : ajouter des liens, choisir les icones
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 4 : choisir la taille, récupérer le code
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 5 : copier le code dans la page web
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Photos interactives :
stipple.com*
*Compatible sous Drupal
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Photos interactives : widgetic.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Infographies illustrées : easel.ly
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Bibliothèque d’images vectorielles
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Catalogue de fonds texturés
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
GGraphiques éditables
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Importation de visuels
(png sur fond transparent)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Infographies illustrées : piktochart.com*
*Payant (mais pas très cher)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Créer une infographie,
quelle méthodologie ?
1.Récupérer les données, les vérifier, les compléter
2.Faire le tri : sélectionner les chiffres 

les plus importants/parlants
3.Faire un croquis général de mise en forme
4.Rassembler les visuels dont on a besoin
5.Monter l’infographie sur un outil
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Exercice : quel type d’infographie
pour ce jeu de données ?
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Réponse graphique possible :
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Compte à rebours : widgetic.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Animation « avant/après » : widgetic.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Animation « avant/après » : juxtapose.knightlab.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Galerie en accordéon : widgetic.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Galerie en accordéon : widgetic.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
51
Des cartes interactives
Google Maps
maps.google.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Cartes interactives :
storymap.knightlab.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 1: indiquer le lieu et remplir
les différents champs
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 2: ajouter des slides
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Etape 3: exporter le code
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Outil de cartographie
open-source (avancé)

openstreetmap.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Outil de cartographie
open-source (avancé)

openstreetmap.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
leafletjs.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Des cartes interactives (niveau avancé) : cartodb.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Exemples :
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Les chronologies :
timeline.knightlab.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Les chronologies : tiki-toki.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Diaporama : photosnack.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Sondages, quiz, test de personnalité : pollsnack.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Liseuse de documents : slidesnack.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Liseuse de documents : slidesnack.com
(ajout d’un commentaire sonore)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Le parallaxe : plus immersif
Source : letsfreecongress.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Des kits tout prêts : scrollkit
Source : wordpress.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Des kits tout prêts : sequence
Source : www.sequencejs.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Agrégation sociale/multimédia : storify.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Animation video : popcorn.webmaker.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Animation video : popcorn.webmaker.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Animation video : popcorn.webmaker.org
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Webdocumentaire et video animées: Racontr.com
Source : racontr.com*Ex Djehouti
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Des outils accessibles* : Klynt.net
*Mais pas gratuit !
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Ce n’est pas parce
qu’une chose est 

Techniquement possible,
qu’il faut la faire
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Quel format
met le mieux
en valeur le propos ?



Le plus clair
Le plus simple
Le plus agréable
Le plus impactant
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014
Quel est le service
rendu au lecteur ?
Plus de…



Sens
Plaisir
Pratique
Socialisation
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Et avons-nous les moyens de nos ambitions ?


Temps
Matériel
Compétence

…
Commencer par faire simple !
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015
Merci de votre
attention !


cfrank@mediaculture.fr
Blog : mediaculture.fr
Newsletter : mediacademie.org

Sur Twitter : @cyceron

Contenu connexe

En vedette

Marketing de contenus : les grandes tendances
Marketing de contenus : les grandes tendancesMarketing de contenus : les grandes tendances
Marketing de contenus : les grandes tendances
Cyrille Frank
 
Journaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensablesJournaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensables
Cedric Motte
 
Ecriture web : les applications multimédia pour enrichir ses contenus web
Ecriture web : les applications multimédia pour enrichir ses contenus webEcriture web : les applications multimédia pour enrichir ses contenus web
Ecriture web : les applications multimédia pour enrichir ses contenus web
Cyrille Frank
 
Journalism : 5 big trends that transform the work and blur the lines
Journalism : 5 big trends that transform the work and blur the linesJournalism : 5 big trends that transform the work and blur the lines
Journalism : 5 big trends that transform the work and blur the lines
Cyrille Frank
 
De la diffusion à la curation et la médiation de données géospatiales
De la diffusion à la curation et la médiation de données géospatialesDe la diffusion à la curation et la médiation de données géospatiales
De la diffusion à la curation et la médiation de données géospatiales
Diane Mercier
 
Usage du Web sémantique et maturité informationnelle de l'organisation
Usage du Web sémantique et maturité informationnelle de l'organisationUsage du Web sémantique et maturité informationnelle de l'organisation
Usage du Web sémantique et maturité informationnelle de l'organisation
Diane Mercier
 
Journalisme de données - une nouvelle voie(x)
Journalisme de données - une nouvelle voie(x)Journalisme de données - une nouvelle voie(x)
Journalisme de données - une nouvelle voie(x)
ActuVisu
 
Du journalisme de données opportuniste aux bases de données éditoriales
Du journalisme de données opportuniste aux bases de données éditorialesDu journalisme de données opportuniste aux bases de données éditoriales
Du journalisme de données opportuniste aux bases de données éditoriales
Cedric Motte
 
Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18
Diane Mercier
 
Vérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
Vérifier l'information : pourquoi c'est crucial - l'exemple de BobignyVérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
Vérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
Cyrille Frank
 
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / DatavizLivre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
echangeurba
 
Présentation Evénement Datavisualisation
Présentation Evénement DatavisualisationPrésentation Evénement Datavisualisation
Présentation Evénement Datavisualisation
Micropole Group
 
Tutorial Cognition - Irene
Tutorial Cognition - IreneTutorial Cognition - Irene
Tutorial Cognition - Irene
SSSW
 
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
Jean-Michel Franco
 
Le journalisme de données... par où commencer?
Le journalisme de données... par où commencer?Le journalisme de données... par où commencer?
Le journalisme de données... par où commencer?
Stéphane Fréchette
 
Les outils de data visualisation
Les outils de data visualisationLes outils de data visualisation
Les outils de data visualisation
UNITEC
 
La datavisualisation
La datavisualisationLa datavisualisation
La datavisualisation
Soft Computing
 
What Makes a Great Open API?
What Makes a Great Open API?What Makes a Great Open API?
What Makes a Great Open API?
John Musser
 
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
FrenchWeb.fr
 
Fondamentaux du journalisme web 2014 - partie 3
Fondamentaux du journalisme web 2014 - partie 3Fondamentaux du journalisme web 2014 - partie 3
Fondamentaux du journalisme web 2014 - partie 3
Gwendal Perrin
 

En vedette (20)

Marketing de contenus : les grandes tendances
Marketing de contenus : les grandes tendancesMarketing de contenus : les grandes tendances
Marketing de contenus : les grandes tendances
 
Journaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensablesJournaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensables
 
Ecriture web : les applications multimédia pour enrichir ses contenus web
Ecriture web : les applications multimédia pour enrichir ses contenus webEcriture web : les applications multimédia pour enrichir ses contenus web
Ecriture web : les applications multimédia pour enrichir ses contenus web
 
Journalism : 5 big trends that transform the work and blur the lines
Journalism : 5 big trends that transform the work and blur the linesJournalism : 5 big trends that transform the work and blur the lines
Journalism : 5 big trends that transform the work and blur the lines
 
De la diffusion à la curation et la médiation de données géospatiales
De la diffusion à la curation et la médiation de données géospatialesDe la diffusion à la curation et la médiation de données géospatiales
De la diffusion à la curation et la médiation de données géospatiales
 
Usage du Web sémantique et maturité informationnelle de l'organisation
Usage du Web sémantique et maturité informationnelle de l'organisationUsage du Web sémantique et maturité informationnelle de l'organisation
Usage du Web sémantique et maturité informationnelle de l'organisation
 
Journalisme de données - une nouvelle voie(x)
Journalisme de données - une nouvelle voie(x)Journalisme de données - une nouvelle voie(x)
Journalisme de données - une nouvelle voie(x)
 
Du journalisme de données opportuniste aux bases de données éditoriales
Du journalisme de données opportuniste aux bases de données éditorialesDu journalisme de données opportuniste aux bases de données éditoriales
Du journalisme de données opportuniste aux bases de données éditoriales
 
Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18
 
Vérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
Vérifier l'information : pourquoi c'est crucial - l'exemple de BobignyVérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
Vérifier l'information : pourquoi c'est crucial - l'exemple de Bobigny
 
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / DatavizLivre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
Livre Blanc SAS - EBG 30 cas concrets de Datavisualisation / Dataviz
 
Présentation Evénement Datavisualisation
Présentation Evénement DatavisualisationPrésentation Evénement Datavisualisation
Présentation Evénement Datavisualisation
 
Tutorial Cognition - Irene
Tutorial Cognition - IreneTutorial Cognition - Irene
Tutorial Cognition - Irene
 
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
Big Data : au delà du proof of concept et de l'expérimentation (Matinale busi...
 
Le journalisme de données... par où commencer?
Le journalisme de données... par où commencer?Le journalisme de données... par où commencer?
Le journalisme de données... par où commencer?
 
Les outils de data visualisation
Les outils de data visualisationLes outils de data visualisation
Les outils de data visualisation
 
La datavisualisation
La datavisualisationLa datavisualisation
La datavisualisation
 
What Makes a Great Open API?
What Makes a Great Open API?What Makes a Great Open API?
What Makes a Great Open API?
 
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
[SEN#7] Le Top 100 des entreprises qui recrutent dans le numérique
 
Fondamentaux du journalisme web 2014 - partie 3
Fondamentaux du journalisme web 2014 - partie 3Fondamentaux du journalisme web 2014 - partie 3
Fondamentaux du journalisme web 2014 - partie 3
 

Similaire à Outils du web-journalisme : datavisualisation, infographies, animations interactives...

Editorialiser ses newsletters pour gagner en impact
Editorialiser ses newsletters pour gagner en impactEditorialiser ses newsletters pour gagner en impact
Editorialiser ses newsletters pour gagner en impact
Cyrille Frank
 
Editorialiser ses newsletters
Editorialiser ses newsletters Editorialiser ses newsletters
Editorialiser ses newsletters
Cap'Com
 
Tout pour réussir sa stratégie social media
Tout pour réussir sa stratégie social mediaTout pour réussir sa stratégie social media
Tout pour réussir sa stratégie social media
LabCom
 
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
Sarah Berthault
 
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
Sarah Berthault
 
Marketing Digital : Un levier au service du citoyen digital
Marketing Digital : Un levier au service du citoyen digitalMarketing Digital : Un levier au service du citoyen digital
Marketing Digital : Un levier au service du citoyen digital
Désiré Dupas
 
Baromètre Mobile Marketing Association France infographie - T4 2014
Baromètre Mobile Marketing Association France   infographie - T4 2014Baromètre Mobile Marketing Association France   infographie - T4 2014
Baromètre Mobile Marketing Association France infographie - T4 2014
Philippe Dumont
 
Baromètre Mobile Marketing Association France - infographie - t4 2014
Baromètre Mobile Marketing Association France - infographie - t4 2014Baromètre Mobile Marketing Association France - infographie - t4 2014
Baromètre Mobile Marketing Association France - infographie - t4 2014
Romain Fonnier
 
Le numérique. Comment réguler une économie sans frontières ?
Le numérique. Comment réguler une économie sans frontières ?Le numérique. Comment réguler une économie sans frontières ?
Le numérique. Comment réguler une économie sans frontières ?
France Stratégie
 
Paris 8 - Développer sa stratégie de contenus - Jour 4
Paris 8 - Développer sa stratégie de contenus - Jour 4Paris 8 - Développer sa stratégie de contenus - Jour 4
Paris 8 - Développer sa stratégie de contenus - Jour 4
Sarah Berthault
 
Le déluge des données
Le déluge des donnéesLe déluge des données
Le déluge des données
BALIZ
 
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
University of Applied Sciences of Western Switzerlan Valais
 
[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of Mediabuying[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of Mediabuying
HUB INSTITUTE
 
Atelier photo numéro 2 du 5 janvier 2017
Atelier photo numéro 2 du 5 janvier 2017Atelier photo numéro 2 du 5 janvier 2017
Atelier photo numéro 2 du 5 janvier 2017
Tourisme Haut Limousin
 
Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014
OmnicomMediaGroup
 
Marques et Tongs: Internet en chiffres & en France - mars 2010
Marques et Tongs: Internet en chiffres & en France - mars 2010Marques et Tongs: Internet en chiffres & en France - mars 2010
Marques et Tongs: Internet en chiffres & en France - mars 2010
Marques & Tongs
 
Panorama du crossmedia
Panorama du crossmediaPanorama du crossmedia
Panorama du crossmedia
Le poulpe bleu
 
[heaven] Digital highlights by heaven #3
[heaven] Digital highlights by heaven #3 [heaven] Digital highlights by heaven #3
[heaven] Digital highlights by heaven #3
heaven
 
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
Semiocast
 
Baromètre Mobile Marketing Association - infographie - T1 2015
Baromètre Mobile Marketing Association - infographie - T1 2015Baromètre Mobile Marketing Association - infographie - T1 2015
Baromètre Mobile Marketing Association - infographie - T1 2015
Philippe Dumont
 

Similaire à Outils du web-journalisme : datavisualisation, infographies, animations interactives... (20)

Editorialiser ses newsletters pour gagner en impact
Editorialiser ses newsletters pour gagner en impactEditorialiser ses newsletters pour gagner en impact
Editorialiser ses newsletters pour gagner en impact
 
Editorialiser ses newsletters
Editorialiser ses newsletters Editorialiser ses newsletters
Editorialiser ses newsletters
 
Tout pour réussir sa stratégie social media
Tout pour réussir sa stratégie social mediaTout pour réussir sa stratégie social media
Tout pour réussir sa stratégie social media
 
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
Chap 4 - Native Advertising vs Automatisation des contenus - Paris8
 
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
Paris8 - BATIR UNE STRATEGIE DE CONTENU - Jour 3
 
Marketing Digital : Un levier au service du citoyen digital
Marketing Digital : Un levier au service du citoyen digitalMarketing Digital : Un levier au service du citoyen digital
Marketing Digital : Un levier au service du citoyen digital
 
Baromètre Mobile Marketing Association France infographie - T4 2014
Baromètre Mobile Marketing Association France   infographie - T4 2014Baromètre Mobile Marketing Association France   infographie - T4 2014
Baromètre Mobile Marketing Association France infographie - T4 2014
 
Baromètre Mobile Marketing Association France - infographie - t4 2014
Baromètre Mobile Marketing Association France - infographie - t4 2014Baromètre Mobile Marketing Association France - infographie - t4 2014
Baromètre Mobile Marketing Association France - infographie - t4 2014
 
Le numérique. Comment réguler une économie sans frontières ?
Le numérique. Comment réguler une économie sans frontières ?Le numérique. Comment réguler une économie sans frontières ?
Le numérique. Comment réguler une économie sans frontières ?
 
Paris 8 - Développer sa stratégie de contenus - Jour 4
Paris 8 - Développer sa stratégie de contenus - Jour 4Paris 8 - Développer sa stratégie de contenus - Jour 4
Paris 8 - Développer sa stratégie de contenus - Jour 4
 
Le déluge des données
Le déluge des donnéesLe déluge des données
Le déluge des données
 
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
Utilisation des réseaux sociaux. Comparatif des usages entre les organisation...
 
[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of Mediabuying[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of Mediabuying
 
Atelier photo numéro 2 du 5 janvier 2017
Atelier photo numéro 2 du 5 janvier 2017Atelier photo numéro 2 du 5 janvier 2017
Atelier photo numéro 2 du 5 janvier 2017
 
Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014
 
Marques et Tongs: Internet en chiffres & en France - mars 2010
Marques et Tongs: Internet en chiffres & en France - mars 2010Marques et Tongs: Internet en chiffres & en France - mars 2010
Marques et Tongs: Internet en chiffres & en France - mars 2010
 
Panorama du crossmedia
Panorama du crossmediaPanorama du crossmedia
Panorama du crossmedia
 
[heaven] Digital highlights by heaven #3
[heaven] Digital highlights by heaven #3 [heaven] Digital highlights by heaven #3
[heaven] Digital highlights by heaven #3
 
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
Baromètre Semiocast des médias sur les réseaux sociaux - février 2018
 
Baromètre Mobile Marketing Association - infographie - T1 2015
Baromètre Mobile Marketing Association - infographie - T1 2015Baromètre Mobile Marketing Association - infographie - T1 2015
Baromètre Mobile Marketing Association - infographie - T1 2015
 

Plus de Cyrille Frank

Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
Cyrille Frank
 
Commentaires, interactions, communautés... les médias n'ont plus le choix que...
Commentaires, interactions, communautés... les médias n'ont plus le choix que...Commentaires, interactions, communautés... les médias n'ont plus le choix que...
Commentaires, interactions, communautés... les médias n'ont plus le choix que...
Cyrille Frank
 
Fakes news, bad news : d'où viennent-ils, comment les contrer ?
Fakes news, bad news : d'où viennent-ils, comment les contrer ?Fakes news, bad news : d'où viennent-ils, comment les contrer ?
Fakes news, bad news : d'où viennent-ils, comment les contrer ?
Cyrille Frank
 
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
Cyrille Frank
 
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
Cyrille Frank
 
Les bonnes pratiques d'un bon story-telling visuel
Les bonnes pratiques d'un bon story-telling visuelLes bonnes pratiques d'un bon story-telling visuel
Les bonnes pratiques d'un bon story-telling visuel
Cyrille Frank
 
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
Cyrille Frank
 
Infobésité et bullshit
Infobésité et bullshitInfobésité et bullshit
Infobésité et bullshit
Cyrille Frank
 
Guide écrire pour les médias sociaux
Guide écrire pour les médias sociauxGuide écrire pour les médias sociaux
Guide écrire pour les médias sociaux
Cyrille Frank
 
Wikipedia education program_case_studies
Wikipedia education program_case_studiesWikipedia education program_case_studies
Wikipedia education program_case_studies
Cyrille Frank
 
Chiffres Twitter par Sysomos
Chiffres Twitter par SysomosChiffres Twitter par Sysomos
Chiffres Twitter par Sysomos
Cyrille Frank
 
Confiance des Frcais en le numerique
Confiance des Frcais en le numeriqueConfiance des Frcais en le numerique
Confiance des Frcais en le numerique
Cyrille Frank
 

Plus de Cyrille Frank (12)

Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
Podcasts, l'état des lieux 2019 (acteurs, public, bonnes pratiques et modèles...
 
Commentaires, interactions, communautés... les médias n'ont plus le choix que...
Commentaires, interactions, communautés... les médias n'ont plus le choix que...Commentaires, interactions, communautés... les médias n'ont plus le choix que...
Commentaires, interactions, communautés... les médias n'ont plus le choix que...
 
Fakes news, bad news : d'où viennent-ils, comment les contrer ?
Fakes news, bad news : d'où viennent-ils, comment les contrer ?Fakes news, bad news : d'où viennent-ils, comment les contrer ?
Fakes news, bad news : d'où viennent-ils, comment les contrer ?
 
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
Fakes news, rumeurs, complots, trolls... comment les repérer et les contrer ?
 
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
Book de l'innovation pédagogique : les 7 questions taboues pour construire le...
 
Les bonnes pratiques d'un bon story-telling visuel
Les bonnes pratiques d'un bon story-telling visuelLes bonnes pratiques d'un bon story-telling visuel
Les bonnes pratiques d'un bon story-telling visuel
 
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
Les réseaux sociaux en 2013 : panorama, usages, perspectives, tendances, bonn...
 
Infobésité et bullshit
Infobésité et bullshitInfobésité et bullshit
Infobésité et bullshit
 
Guide écrire pour les médias sociaux
Guide écrire pour les médias sociauxGuide écrire pour les médias sociaux
Guide écrire pour les médias sociaux
 
Wikipedia education program_case_studies
Wikipedia education program_case_studiesWikipedia education program_case_studies
Wikipedia education program_case_studies
 
Chiffres Twitter par Sysomos
Chiffres Twitter par SysomosChiffres Twitter par Sysomos
Chiffres Twitter par Sysomos
 
Confiance des Frcais en le numerique
Confiance des Frcais en le numeriqueConfiance des Frcais en le numerique
Confiance des Frcais en le numerique
 

Outils du web-journalisme : datavisualisation, infographies, animations interactives...

  • 1. Datavisualisations, diaporamas, animations, quiz… les outils éditoriaux interactifs mediaculture.fr
  • 3. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Mettre en image des informations/données chiffrées, géographiques Faire parler les données brutes Synthétiser les enjeux essentiels Les traduire visuellement
  • 4. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Des techniques qui ne datent pas d’hier !
  • 5. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 William Playfair (1759-1823) : ingénieur D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
  • 6. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Charles Dupin (1784-1873) : mathématicien et ingénieur D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
  • 7. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Charles Joseph Minard (1781-1870) : ingénieur D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
  • 8. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Florence Nightingale (1820-1910) : infirmière D’après la présentation de Marion Boucharlat - La datavisualisation, c’est quoi en fait ?
  • 9. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Le lecteur-citoyen veut comprendre le complexe Mais il souhaite que ce soit accessible et rapide Il a une exigence de transparence sur les données publiques Le data-journalisme répond à un besoin
  • 10. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Le data-journalisme est lié à une opportunité : la démocratisation des moyens L’open-data est venu répondre (partiellement) 
 au besoin de transparence (surtout depuis 2009 aux USA, 2011 en France) Les outils de datamining et de data-visualisation 
 pour les designers se sont perfectionnés Des sites en ligne grand public sont apparus pour 
 créer des graphiques et des infographies
  • 12. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Des graphiques : infogr.am
  • 13. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Courbes, camemberts, bulles…
  • 14. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Combinaison de plusieurs graphiques pour créer des infographies
  • 15. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Exemple: Comparaison des dépenses budgétaires en 2014, entre France et USA
  • 16. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 1: trouver chiffres crédibles
  • 17. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 1: trouver chiffres crédibles
  • 18. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 2: traiter les données sous forme de tableau (import Excel possible)
  • 19. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 3: publier et récupérer le code embarqué (« embedd »)
  • 20. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 4: embarquer le code dans sa page web
  • 21. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Résultat :
  • 22. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Des graphiques plus souples : datawrapper.de*

  • 23. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Plusieurs mises en forme dynamiques (qui s’adaptent à partir d’un même jeu de données)
  • 24. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Diagrammes en bâtons horizontaux
  • 25. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Cartes « choroplètes »
  • 26. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Exercice : quel type d’infographie pour ce jeu de données ?
  • 27. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Trouver les données : l’accès aux sources data.gouv.fr insee.fr
 ined.fr data.gov data.oecd.org/fr data.worldbank.org
 who.int/gho/database/fr/
 uis.unesco.org/datacentre/pages/default.aspx Liste infinie : il faut trouver les sources des rapports : ministre de l’emploi, de la santé, du travail etc. Ne pas hésiter à utiliser la fonction site:interieur.gouv.fr (par ex.) pour chercher sur ce site uniquement Et le filetype:xls ou filetype:csv pour obtenir des données sous forme de tableurs.
  • 28. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Photos interactives : thinglink.com
  • 29. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Exemple : infographie interactive
  • 30. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 1: importer la photo
  • 31. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 2 : éditer la photo
  • 32. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 3 : ajouter des liens, choisir les icones
  • 33. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 4 : choisir la taille, récupérer le code
  • 34. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 5 : copier le code dans la page web
  • 35. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Photos interactives : stipple.com* *Compatible sous Drupal
  • 36. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Photos interactives : widgetic.com
  • 37. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Infographies illustrées : easel.ly
  • 38. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Bibliothèque d’images vectorielles
  • 39. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Catalogue de fonds texturés
  • 40. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 GGraphiques éditables
  • 41. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Importation de visuels (png sur fond transparent)
  • 42. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Infographies illustrées : piktochart.com* *Payant (mais pas très cher)
  • 43. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Créer une infographie, quelle méthodologie ? 1.Récupérer les données, les vérifier, les compléter 2.Faire le tri : sélectionner les chiffres 
 les plus importants/parlants 3.Faire un croquis général de mise en forme 4.Rassembler les visuels dont on a besoin 5.Monter l’infographie sur un outil
  • 44. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Exercice : quel type d’infographie pour ce jeu de données ?
  • 45. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Réponse graphique possible :
  • 46. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Compte à rebours : widgetic.com
  • 47. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Animation « avant/après » : widgetic.com
  • 48. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Animation « avant/après » : juxtapose.knightlab.com
  • 49. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Galerie en accordéon : widgetic.com
  • 50. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Galerie en accordéon : widgetic.com
  • 51. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 51 Des cartes interactives Google Maps maps.google.com
  • 52. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Cartes interactives : storymap.knightlab.com
  • 53. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 1: indiquer le lieu et remplir les différents champs
  • 54. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 2: ajouter des slides
  • 55. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Etape 3: exporter le code
  • 56. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Outil de cartographie open-source (avancé)
 openstreetmap.org
  • 57. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Outil de cartographie open-source (avancé)
 openstreetmap.org
  • 58. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 leafletjs.com
  • 59. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Des cartes interactives (niveau avancé) : cartodb.com
  • 60. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Exemples :
  • 61. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Les chronologies : timeline.knightlab.com
  • 62. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Les chronologies : tiki-toki.com
  • 63. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Diaporama : photosnack.com
  • 64. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Sondages, quiz, test de personnalité : pollsnack.com
  • 65. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Liseuse de documents : slidesnack.com
  • 66. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Liseuse de documents : slidesnack.com (ajout d’un commentaire sonore)
  • 67. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Le parallaxe : plus immersif Source : letsfreecongress.org
  • 68. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Des kits tout prêts : scrollkit Source : wordpress.org
  • 69. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Des kits tout prêts : sequence Source : www.sequencejs.com
  • 70. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Agrégation sociale/multimédia : storify.com
  • 71. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Animation video : popcorn.webmaker.org
  • 72. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Animation video : popcorn.webmaker.org
  • 73. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Animation video : popcorn.webmaker.org
  • 74. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Webdocumentaire et video animées: Racontr.com Source : racontr.com*Ex Djehouti
  • 75. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Des outils accessibles* : Klynt.net *Mais pas gratuit !
  • 76. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Ce n’est pas parce qu’une chose est 
 Techniquement possible, qu’il faut la faire
  • 77. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Quel format met le mieux en valeur le propos ?
 
 Le plus clair Le plus simple Le plus agréable Le plus impactant
  • 78. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009Les nouveaux formats éditoriaux - Cyrille Frank 2014 Quel est le service rendu au lecteur ? Plus de…
 
 Sens Plaisir Pratique Socialisation
  • 79. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Et avons-nous les moyens de nos ambitions ? 
 Temps Matériel Compétence
 … Commencer par faire simple !
  • 80. Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009AJPI- Cyrille Frank / mediaculture.fr - mai 2015 Merci de votre attention ! 
 cfrank@mediaculture.fr Blog : mediaculture.fr Newsletter : mediacademie.org
 Sur Twitter : @cyceron