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...

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