SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
FRANK 
Cyrille 
Journaliste/consultant/formateur 
Fondateur de Askmedia&Médiaculture 
www.mediaculture.fr 
mediacademie.org 
cfrankfr@gmail.comtwitter : @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 et 
enrichissementplurimediade l’info
Les élémentsmultimedia 
peuventillustrer, compléter, 
voireremplacerunehistoire écrite
Les sons 
soundcloud.com
EXERCICE 
Intégrationde bandesson Soundclouddansun article 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24
Les vidéos 
www.youtube.com
Les videos 
www.dailymotion.com
EXERCICE 
Intégrationd’unevideo youtubedansun article, modification de sataille 
dansle code 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24
Unecarte interactive en 3D pour localiser 
le lieu de l’évènement 
maps.google.fr
Repasserdansla version classique 
pour pouvoirrécupérerle code iframe 
maps.google.fr
EXERCICE 
Intégrationd’une carte googleStreet 
dans son tumblr 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24
Les cartesinteractivesinformatives 
maps.google.fr
Unecarte pour localiser des concerts... 
maps.google.fr
Unecarte pour localiser un bâtiment, unezone... 
maps.google.fr
EXERCICE 
Créez une carte interactive 
et ajoutez-la à votre Tumblr
Un «powerpoint» pour expliquer 
www.slideshare.com
Un document pdfavec liseuse 
www.sribd.com
EXERCICE 
Intégrationd’un Slidesharedans tumblr 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24
Les photos interactives 
www.thinglink
EXERCICE 
Modification d’unephoto dans thinglink 
Et intégration dans un tumblr 
(A partir d’un article Francebleu) 
www.thinkglink.com 
cfrankfr@gmail.com 
cyrille 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24
Un texteaccompagné 
d'uneouplusieursimages 
et d'unevideo 
ne sontpas toujoursles meilleursmoyens 
de raconterunehistoire
Les infographies 
www.piktochart.com
Lesinfographiesplus illustrées 
www.easel.ly
Les graphiques 
www.infogr.am
Les graphiques 
www.datawrapper.de
EXERCICE 
www.tumblr.com 
cfrankfr@yahoo.fr 
vendredi24 
Création d’un graphique simple et intégration dans un tumblr 
www.infogr.am 
cfrankfr 
vendredi24
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
Uneagrégationde liens, videos, réactionsTwitter/FB… 
www.storify.com
EXERCICE 
Créationd’un storify 
et intégration dans son tumblr 
A 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
Maiscen’estpas parce 
qu’unechose est 
Techniquementpossible 
Qu’ilfautla 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 
surlequel le contenu 
sera regardé* ? 
PC = à moitié au travail 
Mobile = écrans petits, pas de flash 
Tablette = grands écrans, pas de flash 
*Probablementet majoritairement
Mercide votre 
attention!! 
SurTwitter : @cyceronmediacademie.org 
mediaculture.fr 
Conseil éditorial, formation, accompagnement

Contenu connexe

En vedette

Flickr: photothèque ou réseau social ?
Flickr: photothèque ou réseau social ? Flickr: photothèque ou réseau social ?
Flickr: photothèque ou réseau social ? Marie Cruz
 
Exercices "Ecrire pour le web"
Exercices "Ecrire pour le web"Exercices "Ecrire pour le web"
Exercices "Ecrire pour le web"Aurélien Tournier
 
Tutoriel photofiltre par F. BELLET
Tutoriel photofiltre par F. BELLETTutoriel photofiltre par F. BELLET
Tutoriel photofiltre par F. BELLETfredbellet
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPressURFIST de Rennes
 
Pdfunificado 130627135051-phpapp02
Pdfunificado 130627135051-phpapp02Pdfunificado 130627135051-phpapp02
Pdfunificado 130627135051-phpapp02Tom Pereira
 
Argumentación y contraargumentación
Argumentación y contraargumentaciónArgumentación y contraargumentación
Argumentación y contraargumentaciónrammstein2
 
Alternativas de Software Libre para Windows
Alternativas de Software Libre para WindowsAlternativas de Software Libre para Windows
Alternativas de Software Libre para WindowsHugo Dorantes
 
Trabajo de romeo y julieta
Trabajo de romeo y julietaTrabajo de romeo y julieta
Trabajo de romeo y julietarammstein2
 
Juan ramón jiménez brais&antia
Juan ramón jiménez brais&antiaJuan ramón jiménez brais&antia
Juan ramón jiménez brais&antiabraan1994
 
Sugerencias Elaboración de una ficha de evaluación
Sugerencias Elaboración de una ficha de evaluaciónSugerencias Elaboración de una ficha de evaluación
Sugerencias Elaboración de una ficha de evaluaciónMyriam Luperccio
 

En vedette (20)

Flickr: photothèque ou réseau social ?
Flickr: photothèque ou réseau social ? Flickr: photothèque ou réseau social ?
Flickr: photothèque ou réseau social ?
 
Gérer ses photos avec Windows 10
Gérer ses photos avec Windows 10Gérer ses photos avec Windows 10
Gérer ses photos avec Windows 10
 
Exercices "Ecrire pour le web"
Exercices "Ecrire pour le web"Exercices "Ecrire pour le web"
Exercices "Ecrire pour le web"
 
Photofiltre 7 - Débuter
Photofiltre 7 - DébuterPhotofiltre 7 - Débuter
Photofiltre 7 - Débuter
 
Tutoriel photofiltre par F. BELLET
Tutoriel photofiltre par F. BELLETTutoriel photofiltre par F. BELLET
Tutoriel photofiltre par F. BELLET
 
Ecritures collaboratives
Ecritures collaborativesEcritures collaboratives
Ecritures collaboratives
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPress
 
Caricatures en ligne
Caricatures en ligneCaricatures en ligne
Caricatures en ligne
 
Tuto.initiation2.word.press
Tuto.initiation2.word.pressTuto.initiation2.word.press
Tuto.initiation2.word.press
 
Création de blog chez Blogger
Création de blog chez BloggerCréation de blog chez Blogger
Création de blog chez Blogger
 
paris 2.0 = Mobinautes qui sont ils, que font ils ?
paris 2.0 = Mobinautes qui sont ils, que font ils ?paris 2.0 = Mobinautes qui sont ils, que font ils ?
paris 2.0 = Mobinautes qui sont ils, que font ils ?
 
Pdfunificado 130627135051-phpapp02
Pdfunificado 130627135051-phpapp02Pdfunificado 130627135051-phpapp02
Pdfunificado 130627135051-phpapp02
 
Argumentación y contraargumentación
Argumentación y contraargumentaciónArgumentación y contraargumentación
Argumentación y contraargumentación
 
Veille & tendances
Veille & tendancesVeille & tendances
Veille & tendances
 
Alternativas de Software Libre para Windows
Alternativas de Software Libre para WindowsAlternativas de Software Libre para Windows
Alternativas de Software Libre para Windows
 
Trabajo de romeo y julieta
Trabajo de romeo y julietaTrabajo de romeo y julieta
Trabajo de romeo y julieta
 
Juan ramón jiménez brais&antia
Juan ramón jiménez brais&antiaJuan ramón jiménez brais&antia
Juan ramón jiménez brais&antia
 
Sugerencias Elaboración de una ficha de evaluación
Sugerencias Elaboración de una ficha de evaluaciónSugerencias Elaboración de una ficha de evaluación
Sugerencias Elaboración de una ficha de evaluación
 
Sonido en power point
Sonido en power pointSonido en power point
Sonido en power point
 
Unive rsidad
Unive rsidadUnive rsidad
Unive rsidad
 

Similaire à Ecriture web : les applications multimédia pour enrichir ses contenus web

Le motion design et ses applications par Cyril IZARN
Le motion design et ses applications par Cyril IZARNLe motion design et ses applications par Cyril IZARN
Le motion design et ses applications par Cyril IZARNLa Cuisine du Web
 
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...Isabelle Dremeau
 
Schemas 17dc2010yag-101222011917-phpapp02
Schemas 17dc2010yag-101222011917-phpapp02Schemas 17dc2010yag-101222011917-phpapp02
Schemas 17dc2010yag-101222011917-phpapp02dorotheedeclercq
 
SocialMixCity Nantes : La stratégie de contenus
SocialMixCity Nantes : La stratégie de contenusSocialMixCity Nantes : La stratégie de contenus
SocialMixCity Nantes : La stratégie de contenusSocialMixCity
 
Le métier, les compétences et les outils du community management
Le métier, les compétences et les outils du community managementLe métier, les compétences et les outils du community management
Le métier, les compétences et les outils du community managementJerome Deiss
 

Similaire à Ecriture web : les applications multimédia pour enrichir ses contenus web (7)

WIS-FB-J2
WIS-FB-J2WIS-FB-J2
WIS-FB-J2
 
Le motion design et ses applications par Cyril IZARN
Le motion design et ses applications par Cyril IZARNLe motion design et ses applications par Cyril IZARN
Le motion design et ses applications par Cyril IZARN
 
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...
(#actualisation) Globinaire "Les lignes du temps : outils 2.0 et applications...
 
Outils communication du WEB
Outils communication du WEBOutils communication du WEB
Outils communication du WEB
 
Schemas 17dc2010yag-101222011917-phpapp02
Schemas 17dc2010yag-101222011917-phpapp02Schemas 17dc2010yag-101222011917-phpapp02
Schemas 17dc2010yag-101222011917-phpapp02
 
SocialMixCity Nantes : La stratégie de contenus
SocialMixCity Nantes : La stratégie de contenusSocialMixCity Nantes : La stratégie de contenus
SocialMixCity Nantes : La stratégie de contenus
 
Le métier, les compétences et les outils du community management
Le métier, les compétences et les outils du community managementLe métier, les compétences et les outils du community management
Le métier, les compétences et les outils du community management
 

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
 
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
 
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
 
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 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
 
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
 
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
 
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
 
Infobésité et bullshit
Infobésité et bullshitInfobésité et bullshit
Infobésité et bullshitCyrille 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
 
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 (18)

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...
 
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
 
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...
 
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...
 
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
 
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 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...
 
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 frank
 
Infobésité et bullshit
Infobésité et bullshitInfobésité et bullshit
Infobésité et bullshit
 
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 - 2013
 
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 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
 
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
 

Ecriture web : les applications multimédia pour enrichir ses contenus web