SlideShare une entreprise Scribd logo

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

Cyrille Frank
Cyrille Frank
Cyrille FrankDirector at ESJ Pro Paris / Media consultant / Trainer / entrepreneur - Founder Mediaculture à ESJ Pro Paris

Les meilleurs outils gratuits (et quelques-uns payants) pour réaliser des animations interactives de tout type : cartes, infographies, graphiques, chronologies, diaporamas, quiz, sondages, images cliquables, diaporamas sonores... jusqu'au web-documentaire. Quelques tutoriels des outils les plus simples et les plus rapides à mettre en oeuvre. Conseils, bonnes pratiques, sources et astuces...

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

1  sur  80
Télécharger pour lire hors ligne
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 ?

Recommandé

Ergonomie editoriale : les innovations et tendances 2015 Mediaculture.fr - Cy...
Ergonomie editoriale : les innovations et tendances 2015 Mediaculture.fr - Cy...Ergonomie editoriale : les innovations et tendances 2015 Mediaculture.fr - Cy...
Ergonomie editoriale : les innovations et tendances 2015 Mediaculture.fr - Cy...Cyrille Frank
 
Les nouveaux formats éditoriaux et les outils grand public pour les créer
Les nouveaux formats éditoriaux et les outils grand public pour les créerLes nouveaux formats éditoriaux et les outils grand public pour les créer
Les nouveaux formats éditoriaux et les outils grand public pour les créerCyrille Frank
 
Comment redonner de la valeur aux contenus éditoriaux - Cyrille Frank
Comment redonner de la valeur aux contenus éditoriaux - Cyrille FrankComment redonner de la valeur aux contenus éditoriaux - Cyrille Frank
Comment redonner de la valeur aux contenus éditoriaux - Cyrille FrankCyrille Frank
 
Batir une stratégie editoriale cyrille frank
Batir une stratégie editoriale cyrille frankBatir une stratégie editoriale cyrille frank
Batir une stratégie editoriale cyrille frankCyrille Frank
 
Valider l'info semaine de la presse - 2013
Valider l'info   semaine de la presse - 2013Valider l'info   semaine de la presse - 2013
Valider l'info semaine de la presse - 2013Cyrille Frank
 
Comment l'image d'actu peut manipuler le sens - Cyrille Frank
Comment l'image d'actu peut manipuler le sens - Cyrille FrankComment l'image d'actu peut manipuler le sens - Cyrille Frank
Comment l'image d'actu peut manipuler le sens - Cyrille FrankCyrille Frank
 
L'avenement du marketing éditorial
L'avenement du marketing éditorialL'avenement du marketing éditorial
L'avenement du marketing éditorialSarah Berthault
 
Le Brand Content -Paris8 Chapitre 1b
Le Brand Content -Paris8 Chapitre 1bLe Brand Content -Paris8 Chapitre 1b
Le Brand Content -Paris8 Chapitre 1bSarah Berthault
 

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 tendancesCyrille Frank
 
Journaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensablesJournaliste web, 5 outils indispensables
Journaliste web, 5 outils indispensablesCedric 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 webCyrille 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 linesCyrille 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éospatialesDiane 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'organisationDiane 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 éditorialesCedric Motte
 
Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18Cbpq atelier-2016-03-18
Cbpq atelier-2016-03-18Diane 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 BobignyCyrille 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 / Datavizechangeurba
 
Présentation Evénement Datavisualisation
Présentation Evénement DatavisualisationPrésentation Evénement Datavisualisation
Présentation Evénement DatavisualisationMicropole Group
 
Tutorial Cognition - Irene
Tutorial Cognition - IreneTutorial Cognition - Irene
Tutorial Cognition - IreneSSSW
 
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 visualisationUNITEC
 
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ériqueFrenchWeb.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 3Gwendal 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
Editorialiser ses newsletters Editorialiser ses newsletters
Editorialiser ses newsletters Cap'Com
 
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 impactCyrille Frank
 
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 mediaLabCom
 
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 - Paris8Sarah 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 3Sarah 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 digitalDé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 2014Romain Fonnier
 
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 2014Philippe Dumont
 
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 4Sarah Berthault
 
Le déluge des données
Le déluge des donnéesLe déluge des données
Le déluge des donnéesBALIZ
 
[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of Mediabuying[HUBDAY] Hub Institute, Future of Mediabuying
[HUBDAY] Hub Institute, Future of MediabuyingHUB 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 2017Tourisme Haut Limousin
 
Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014Social medianewsbyomsc semainedu26052014
Social medianewsbyomsc semainedu26052014OmnicomMediaGroup
 
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 2010Marques & Tongs
 
Panorama du crossmedia
Panorama du crossmediaPanorama du crossmedia
Panorama du crossmediaLe 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 2018Semiocast
 
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 2015Philippe Dumont
 

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

Editorialiser ses newsletters
Editorialiser ses newsletters Editorialiser ses newsletters
Editorialiser ses newsletters
 
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
 
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 visuelCyrille 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 bullshitCyrille 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 sociauxCyrille Frank
 
Wikipedia education program_case_studies
Wikipedia education program_case_studiesWikipedia education program_case_studies
Wikipedia education program_case_studiesCyrille Frank
 
Chiffres Twitter par Sysomos
Chiffres Twitter par SysomosChiffres Twitter par Sysomos
Chiffres Twitter par SysomosCyrille Frank
 
Confiance des Frcais en le numerique
Confiance des Frcais en le numeriqueConfiance des Frcais en le numerique
Confiance des Frcais en le numeriqueCyrille 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