Embed Size (px)
DESCRIPTION
Cartes interactives, frises chronologiques, diaporamas, carte Google Streetview intégrées, infographies et data-visualisations, lives sociaux. Tous les outils gratuits pour enrichir ses pages web et créer du lien avec vos lecteurs.
Citation preview
FRANKCyrille
Journaliste/consultant/formateur
Fondateur de Askmedia & Médiaculture
www.mediaculture.fr
mediacademie.org
twitter : @cyceron
Aujourd'hui | Jour 2
Photo Matt Erasmus sous licence Creative Commons (Flickr).
> Intégrer des contenus mutimédias (photos,
vidéos, sons, documents…)
> La visualisation de l’information et les formats
dynamiques : cartes, timelines, graphiques
interactifs Intégrer l’information en continu :
comment actualiser un article, organiser les
multiples entrées d’un même sujet
> Intégration des éléments multimédia sur
Tumblr.com
Edition et adaptation
des contenus web
Le traitement etenrichissementplurimediade l’info
Les éléments multimediapeuvent illustrer, compléter,
voire remplacer une histoire écrite
Les sons
soundcloud.com
EXERCICE
Intégration de bandes son Soundcloud dans un article
www.tumblr.com
Les vidéos
www.youtube.com
Les videos
www.dailymotion.com
EXERCICE
Intégration d’une video youtube dans un article, modification de sa tailledans le code
www.tumblr.com
Une carte interactive en 3D pour localiserle lieu de l’évènement
maps.google.fr
Repasser dans la version classiquepour pouvoir récupérer le code iframe
maps.google.fr
EXERCICE
Intégration d’une carte google Street dans son tumblr
www.tumblr.com
Les cartes interactives informatives
maps.google.fr
Une carte pour localiser des concerts...
maps.google.fr
Une carte pour localiser un bâtiment, une zone...
maps.google.fr
EXERCICE
Créez une carte interactive et ajoutez-la à votre Tumblr
Un « powerpoint » pour expliquer
www.slideshare.com
Un document pdf avec liseuse
www.sribd.com
EXERCICE
Intégration d’un Slideshare dans tumblr
www.tumblr.com
EXERCICE
Modification d’une photo dans thinglinkEt intégration dans un tumblr(A partir d’un article Francebleu)
www.thinkglink.com
cyrille
www.tumblr.com
Un texte accompagnéd'une ou plusieurs images
et d'une video
ne sont pas toujours les meilleurs moyens
de raconter une histoire
Les infographies
www.piktochart.com
Les infographies plus illustrées
www.easel.ly
Les graphiques
www.infogr.am
Les graphiques
www.datawrapper.de
EXERCICE
www.tumblr.com
Création d’un graphique simple et intégration dans un tumblr
www.infogr.am
cfrankfrvendredi24
Les quiz
http://www.linternaute.com/
http://www.dossierfamilial.com/
www.pollsnack.com
Les quiz
Les mashups
On mélange
contenu + service web
Une frise chronologique pour suivre un événement
http://timeline.verite.co
Une agrégation de liens, videos, réactions Twitter/FB…
www.storify.com
EXERCICECréation d’un storifyet intégration dans son tumblrA partir par exemple de :
Un « direct » permanent
www.twitter.com
Un « powerpoint » pour expliquer
www.sliderocket.com
Un widget photo avant/après
www.blogvio.com
Les diaporamas
Les diaporamas
www.photosnack.com
EXERCICE
Création d’un diaporama sur wordpress
Mais ce n’est pas parce
qu’une chose est
Techniquement possible
Qu’il faut la faire
1e question à se poser :
Quel est le format qui met le mieux
en valeur le propos ?
Le plus clair Le plus simple Le plus agréable Le plus impactant
2e question à se poser :
Quel est le support sur lequel le contenusera regardé* ?
PC = à moitié au travailMobile = écrans petits, pas de flash Tablette = grands écrans, pas de flash
*Probablement et majoritairement
Merci de votreattention !!
Sur Twitter : @cyceronmediacademie.org
mediaculture.fr
Conseil éditorial, formation, accompagnement
