1.
Datavisualisations,
diaporamas, animations, quiz…
les outils éditoriaux
interactifs
mediaculture.fr

2.
Data-journalisme
kezaco ?
1

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

11.
Les outils
grand public
2

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