La Boîte à outils du journaliste web - Nicolas Becquet

MediaType Journalisme en mutation

Navigation Search this website…

←

Young

M artine Aubry devant les Français de Belgique ®

La boîte à outils du journaliste web 18 mars 2012 | Filed under: Journalisme Journalisme,, Outils Outils,, Web and tagged with: audio audio,, code code,, css3 css3,, datajournalisme datajournalisme,, dropbox dropbox,, Edition,, Flipboard Edition Flipboard,, hootsuite hootsuite,, HTML HTML,, html5 html5,, Instagram Instagram,, Journalisme Journalisme,, klynt klynt,, multimedia multimedia,, Nicolas Becquet, Becquet, Outils Outils,, photo photo,, presse,, site web, presse web , thinglink thinglink,, tools tools,, twitter twitter,, vidéo vidéo,, Vine Vine,, visual.ly visual.ly,, web

Boîte à outils web pour journaliste, blogeur… pas d’exhaustivité mais des logiciels et services testés et utilisés régulièrement.

Voici une liste d’outils ind i ndispensab ispensables, les, gratuits et testés pour tous les journalistes qui travaillent sur le web. Réseaux sociaux, édition multimédia en ligne, manipulation de code HTML… Ce post est mis à jour au fur et à mesure des découvertes et de mes tests. (D (Dernier ernier update 9 o ctobre 2013) Téléchargez la La boîte à outils du journaliste web au format PDF, en cli cliquant quant ici ici..

La boîte à outils du journaliste web :

- Réseaux sociaux – Extensions pour navigateur – Vidéo / photo / audio – En itinérance - Articles multimédia – Blogs – Agrégateurs Agrégateurs –  – Curation – Présentations en ligne  – Infographies/datajournalisme - Code / Développement web – Webdocs – Et aussi… aussi…

RESEAUX SOCIAUX

Boîte à outils – réseaux sociaux

Hootsuite /  Seesmic Desktop /  TweetDeck  :  tableaux de bord permettant de

gérer plusieurs compte gérer comptess (Faceb (Faceboo ook, k, Twitter, LinkedIn, LinkedIn, WordPress…) à la fois et aussi de programmer des envois différés. Widget Twitter  : insérer des modules dans les articles ou pages web reprenant

tous les tweets d’un même hastag, d’une liste ou d’un compte. iWitness  : Scanner les tweets selon la localisation des personnes qui les

envoient, de la date et de l’heure. Limite: seuls les tweets géolocalisés sont visibles. 15 outils pour mesurer votre présence en ligne (dont certains mentionnés ci-

dessous). Visify: créer un mini site sous la forme d’un CV express et design en quelques

clics. Il est également possible de paramétrer une courte vidéo qui donne un aperçu de son activité sur les réseaux. On se demande pourquoi ce service n’est pas encore payant! Découvrez mon compte. compte. s ervices perme permettent ttent de mesurer mesurer et d’analys d’analyser er votre Klout  & Kred :  ces services « influence » sur les réseaux sociaux. « Votre score » évolue en fonction de votre activité et de l’impact des infos que vous diffusez sur vos contacts. mesurer et TwitterCounter  /  / TweetStats  TweetStats /  TweetReach  TweetReach :: trois outils pour mesurer analyser votre influence sur le site de miccroblogging. Avoir de bonnes infos, c’est une chose, savoir les partager astucieusement en est une autre. TweetStats permet d’analyser n’importe quel compte Twitter (pour vous inspirer du savoir-faire des maîtres en la matière…). Hashtag Battle & Hashtags.org & Life Of A Hashtag  : connaître la popularité

d’un hashtag à un moment donné. Je n’ai pas encore trouvé un service gratuit qui fasse bien le boulot, si vous en connaissez un… merci d’avance. Docteur Tweety T-Health24 : propose un aperçu de l’activité de la twittosphère

francophone sur les dernières 24 heures. Hastag, comptes influents… TheTwitCleaner  et JustUnfollow pour nettoyer votre compte Twitter et savoir

qui sont vos followers. La meilleure heure pour tweeter ?  De nombreuses applications existent, alors

voici un article qui en présente six six.. Listorious  : chercher les personnes influentes sur Twitter selon tel ou tel

domaine. Twitter Scribe:  organise une sauvegarde régulière de vos tweets et vous

permets perme ts de faire des reche r echerches rches dan danss votre historique his torique.. Précieux! Préci eux! connaître ître les tend tendances ances et les mots-clés mots-c lés les plus utilisés utilis és par Google Trends :  conna les internautes sur Google.

EXTENSIONS POUR NAVIGATEURS

s ystème ème très complet complet de capture d’écran d’écran accessible access ible à partir partir du Pixlr Grabber  : syst clic droit. Capture, édition en ligne (mini-photoshop), partage sur les réseaux sociaux… Bref, un outil indispensable. Ou Jing Project  :  contrairement à Pixlr Grabber, il permet des captures

d’images et de vidéos de tout ce qui est affiché sur l’écran de votre PC et pas seulement de ce qui apparaît dans votre navigateur. Il s’agit d’un logiciel pas d’une extension du navigateur. ColorZilla : trouver les références d’une couleur sur une page web. Measure Measu re It  I t  :  la taille en pixels de tous les éléments présent sur une page web.

l e « tracking » lorsque vous naviguez naviguez sur le Internet. Internet. PrivacySuite : pour limiter le (Explications Explications)) AUDIO / PHOTO /VIDEO

AUDIO: 

Logiciel d’édition audio gratuit: Free audio editor : Editer, cou c ouper, per, convertir un fichier son. Audacity : logiciel de montage libre, multi-pistes, quelques effets disponibles

(L’enregistrement au format mp3 nécessite un codec) codec).. PHOTOS:  Flikr  (Photos d’illustration libres de droits), Picasa , Instagram ...

partirr d’un moteur de de Stock.xchng  ou CC search : images libres de droits à parti recherche. Et aussi, cette c ette fabuleuse fabuleuse liste du Blog du modérateur .

FotoForensics , Tineye , Who stoles my pictures ?  et bien sûr Google image 

pour démasquer une photo photo truquée, t ruquée, détournée, détournée, photoshopée… Ces sites s ites permettent aussi de retrouver une image identique ou similaire sur le web. Pinterest-st yle », pour retrouver toutes les images de New.Pixable.com : « Pinterest-style votre réseau. Pixlr :  Pixlr  :  Photoshop-like, outil très performant, disponible gratuitement en ligne. Ou

sur PC :Gimp ou Photomonkee  : logiciels gratuits de traitement d’images, d’images, proche des possibilité de Photoshop Gbimg.org  : analyse des données d’une photo (matériel utilisé, géolocalisation,

date de prise de vue…). skylines.io : très bons outils pour rassembler des photos d’une même actualité

à partir d’un mot-clé ou d’une localisation. Traite les photos d’Instagram, Twitter… Il y a aussi, Findergram , searchinstagram , Twicsy , Twipho  et PicFog . VIDEOS:  Tout  : principe de la vidéo-tweet. 15 secondes publiables instantanément sur le

modèle Pinterest ou Webdoc. Vine : vidé vi déos os de 6 secondes, secondes, possibilités possibilit és de prendre plusieurs plans sur la même séquence. Application pour smatphone et tablette. Et surtout… Instagram : vidéo de 15 secondes avec enregistrement « multiplans » comme Vine. Youtube Capture : Tourner une vidéo avec smartphone ou tablette sans

restriction de durée, un point In &Out et votre vidéo est en ligne! Video Downloader  : télécharger son ou vidéo présents sur une page web. en.fooooo.com  : moteur de recherche qui agrége les vidéos issues de la

majorité des plateformes. livestation.com  : basé à Londres, ce site permet d’accéder gratuitement à

toutes les chaînes télés du monde, avec l’avantage d’utiliser un seul et même « player ».

montage tage en ligne ligne gratuit. Réalisation de vidéo vi déos s avec régla r églage ges s fins. =>  (Jaycut :  mon nouvelle version à venir).

Et puis, les plateformes classiques : Youtube , Vimeo , Dailymotion … CONVERSION: 

l ogiciel iciel qui convertit quasiment quasiment tous les formats au audio, dio, vidéo… Format factory : log indispensable. Conversion de fichiers multimédias en ligne : You Convert It  et Media  Converter . Et aussi pour la vidéo : Free Video Converter  ou Super . Enfin, indispensable pour codeurs en herbe : Easy HTML5 Video . Le principe : vous transformez votre vidéo en code pour l’intégrer dans une page web. EN ITINERANCE (iPad cliquez ici) ici)

Dropbox  : partage de fichiers en ligne, sauvegarde disponible dans le « cloud »

donc accessibles depuis n’importe quel terminal connecté: Smartphone, laptop, PC à la maison… Ou Hubic  qui propose 25Go alors que Dropbox seulement 2Go (+extension photos). Goog Google le Drive  Dri ve … DropCloud : transfert de fichiers très volumineux. / Justbeamit  Justbeamit  : transfert de

fichiers très volumineux. /  WeTransfer  : idem (mon préféré). Evernote : service en ligne de sauvegarde et de création de fichiers textes,

audio, vidéo… Prendre des notes et les récupérer, modifier… n’importe où, n’importe quan quand. d.

Soundcloud ( Compte Compte personnel   )  /  AudioBoo  : enregistrer du son avec son smartphone

et le partager instantanément sur les réseaux sociaux, ou l’intégrer dans un article ou une page web. Le player et les boutons de partage sont automatiquement intégrés. Instagram /  Instagram  / Twitpic  Twitpic ( Compte Compte personnel   ) … Prendre une photo et la partager. Instagram

permet désormais de réaliser des vidéos de 15 secondes. Il est en concurrence avec Vine avec ses 6 petites secondes. secondes. r  : prenez en photo un document, un texte… l’image est retravaillée CamScanne r 

automatiquement pour être lisible puis transformée en PDF… un vrai scanner! ARTICLES MULTIMEDIA

Storify  ( Compte Compte personnel   ) :  plateforme de publication permettant d’inclure n’importe

quel type d’élément web dans un article grâce aux URL (Tweet, site, vidéo, image…). Thinglink ( compte c ompte personnel   ) : ajoutez du contenu multimédia sur une photo et intégrez-

la dans une page web. serv ice similaire s imilaire à Thinglink Thinglink ou encore Stipple . Image Spike  : service timelines mulitmédia en javascript. Très simple si mple Timeline.verite.co :  création de timelines à utiliser grâce à un Google doc préconfiguré. Efficace et compatible multiplateforme. Coup de foudre personnel. Exemple d’une réalisation pour L’Echo. L’Echo. Et aussi Timetoast . Projeqt  : idem. Entre slides et diaporama, il possible d’ajouter des vidéos, des

tweets, des images. Une application plutôt réussie. WEBDOCS Klynt  : logiciel de création de webdocumentaires. Voici un exemple réalisé pour

L’Echo: Racontez-moi 5 ans de crise .

3WDoc Studio  : application en ligne pour la réalisation de webdocs.

7 outils pour réaliser un webdoc : sur le site de l’ AJP . BLOGS

 /  WordPress  Trumblr  /  Blogger  ( exemple  e xemple   )  Live Blogging : CoverItLIve  Strinkingly :  Strinkingly  :  permet de créer, en quelques minutes, un site esthétique,

fonctionnel et compatible avec les tablettes et smartphones. Idéal pour les événements ponctuels. Très utilisé par les rédactions pour couvrir un événement en direct. Ce procédé permet de gérer simultanément la production de contenus propres, du multimédia externe et les interaction i nteractionss avec les interna internautes utes via un système sy stème de commenta commentaires. ires. AGREGATEURS

pourr filtrer fi ltrer l’actualité selon vos centres c entres d’intérêt. A la suite de la Passifs: pou disparition annoncée de Google Reader , voici des alternatives: Netvibes  (Synchornisation avec avec tous les l es supports supports + apps), Feedly, (app (appss + plug-in Chrome ou Firefox), NewsBlur  (le plus proche de Google Reader), ou FeedDemon , (version (vers ion PC sous Windows). Windows). NewsMap : une sorte de Google News visuel. Configurable par pays, par

thèmatique… Newsmap permet de voir quels sont les sujets les plus couverts en un clin d’oeil. CURATION

l’ application lication est deven devenue ue un service web. Il est désormais possible Flipboard : l’app de créer son propre magazine en ligne. Explications ici ici..

Scoop It  /  Paper.li  : créer son propre « magazine en ligne » en agrégeant des

contenus conten us diffusés pa parr les l es autres… Pinterest  : les contenus sont agrégés par thème sur un tableau de liège virtuel

mais sans véritable hiérarchie.C’est le phénomène incontournable de cette année, quant à l’intérêt journalistique…? Jolicloud : Ce service (en version bêta), permet de regrouper et de gérer sur

une seule plateforme tous les contenus de vos comptes Twitter, Facebook, Flikr, Instagram… L’intérêt est que tous les contenus dispersés sur le web sont regroupé regrou péss en fonction de leur leur nature (sons, docs, liens…). Et cerise sur s ur le gâteau, Jolicloud permet de créer des collections (comme Pinterest) et de les partager. partag er. A essayer! effic ace divisé en quatre catégories: catégories: Blog Blogs, s, Icerocket  : moteur de recherche très efficace Twitter, Facebook, images et « Big Buzz ». Indispensable! Pearltrees :  site qui permet aux internautes d’organiser et de partager leurs navigations sous forme d’un

arbre de liens.

MindMeister ( compte compte personnel   ) : le Mind Mapping, ou en français « élaboration de

carte heuristique », consiste à organiser ses idées sous forme de diagrammes. Map It Out  : même principe mais à partir de tweets (version bêta).

PRESENTATIONS EN LIGNE

SlideShare : partage et intégration de documents (PDF, Word…) et de

présentations en ligne dans une page web (pour une visualisation intégrée). A noter, note r, l’option « Zipcast » : basée sur le principe de la vidéoconférence, elle permet de faire des « présentations live » sur le web en invitant des internautes à suivre votre exposé en direct depuis leur ordinateur. Et aussi Prezi , pour réaliser des présentations et exposés dynamique (arborescence). Permet de rompre avec la linéarité de PowerPoint.

Contrairement à SlideShare, cet outil permet de créer une présentation, pas seulement de l’héberger. IssuPro : présentation en ligne sous forme de magazine (Intégration, partage…

du module). INFOGRAPHIES / DATAJOURNALISME Infogr.am  : des infographies animées ou pas, en quelques clics, avec encodage

manuel des données ou via des fichiers Excel. easel.ly :  des thèmes prêts à être utilisés pour réaliser une infographie sans être

graphiste. Maneyes : plateforme incontournable pour la « dataviz ». Les outils de

datajournalisme sont toujours plus nombreux et diffèrent selon le temps et les usages de chacun. Voici un site de référence Data-Republica , spécialistes. Et enfin, enfin, un Datavisualization.ch  et une interview croisée  de cinq spécialistes. article qui reprend 7 idées pour la presse locale sur le site Papier Brouillon . Datawrapper  : Outil simple et efficace pour ajouter des graphiques animés dans

un article, un blog… Nouveauté: le thème t hème des graphiques, graphiques, la typographie et les couleurs sont personnalisables en fonction de votre site. Cet outil est intégrable à un CMS pré-existant. s imple mais très efficace pour une infograp infographie hie sans fioriture. fiorit ure. Hohli  : simple Conseils pour réaliser une bonne infographie par commentçamarche?  et une  sélection sélecti on des  des meilleures meilleures réalisations en réalisations  en 2012.

CODE / DEVELOPPEMENT WEB

Site du Zéro  : envie d’apprendre HTML 5, CSS 3, Javascript…, étape par étape

et grâce à des tutoriels très bien faits? Ou bien vous avez un trou de mémoire sur une balise ou un code? Le Site du Zéro est l’outil qu’il vous faut. Et aussi le

très bon site de la Code Academy ou celui de la W3School . pense-bête des différents éléments, éléments, les attributs attr ibuts et le le HTML5 Cheat sheets  : pense-bête taux de compatibilité par navigateur. Et aussi HTML5Rocks , CSS3.info . Firebug : pour découvrir facilement ce qui se cache dans le code (HTML, CSS,

JavaScript…), faire des tests… c lients FTP simples d’utilisation. Ils perme permettent ttent de se Filezilla  /  FireFtp : clients connecter conne cter à distance sur un serveur serv eur pour pour y télécha télécharger rger des fichiers. fic hiers. Sites utiles uti les lors du développe développement: ment: Dynamic Dummy Image Generator , BlindTextGenerator , Tabeleizer … : faite des tableaux HTML à partir d’un

fichier Excel en quelques clics, li stes de dess code c odess HTML. Caractères spéciaux  : listes Notepad ++  : éditeur de code qui prend en charge plusieurs langages et

plusieurs formats d’écriture. Et aussi

Komodo doté d’une prévisualisation du code.

ET AUSSI

parr Jean-Marc Manach et aussi ici . Et une Comment protéger ses sources  pa astuce simple pour pour éviter évit er de laisser trop t rop de traces lors de votre navigation: activer la fonction « navigation privée ». Développé, et mis à jour, par des des hackers et hacktivistes hacktivi stes (ano ( anonymes) nymes) Tails : Développé, dont l’objectif dont l ’objectif est de « préserver votre vie privée et votre anonymat « , Tails a été conçu pour pour ne laisser lais ser aucune trace sur l’ordina l ’ordinateur teur utilisé… utilis é… Plagspotter  : la recherche des contenus plagiés, à partir d’une url. WebMii  : moteur de recherche pour tout savoir d’une personne et de son activité

en ligne. Mais aussi : Pipl.com ; Who.is et tracker d’adresse IP  (+ un article sur la sécurisation sécuris ation du travail journalist journalistique ique sur le web). r echerches rches sur s ur Google Google grâce à des des astuces ast uces très How to Geek  : Améliorer vos reche utiles (infograp (infographie). hie).

Factbrowser  : comme son nom l’indique, il s’agit d’un moteur de recherche

spécialisé dans les études et les statistiques. Par thèmes ou par zones géographiques, la navigation est très intuitive. décompression de fichiers. fic hiers. 7 Zip :  Zip :  compression, décompression Wayback Machine  : entrer dans la mémoire du net et retrouvez les versions

passées d’une page web. The Big Internet Museu Museum  m  Newseum : Plus de 800 « Unes » de journaux (PDF) provenant de 90 pays

différents. Il s’agit du site du musée interactif interactif consacré à l’information et et au  journalisme  journa lisme situé sit ué à Washing Washington. ton. Newspaper Map  est un moteur de recherche, basé sur Google Map, pour

trouver plus de 10.000 quotidiens à travers le monde . Pour compléter cette liste:  Le kit du parfait iReporter . iReporter . (Tablette, apps…)  D’autres idées i dées,, d’autres outils outil s qui vous semblent indispe i ndispensab nsables? les? Ajoutez-les

danss les comme dan commentaires ntaires et je les placerai avec plaisir dans le texte. Merci à La Lauren urence ce Dierickx, Dierick x, de l’Association (belge) des journalist journalistes es professionnels professionnels (AJP AJP), ), pour les nombreux liens transmis ! Et pour finir, voici une autre liste très complète de NewsRe(s)sources NewsRe(s)sources..

Nicolas Becquet Plus d’info sur mon profil, c’est par c’est par ici . Pour Twitter, c’est par c’est par là .

Photo : Nicolas Becquet Creative Commons 

Auteur: Nicolas Becquet

A lire également -

Le journalisme est-il soluble dans l'ère numérique?

Tour d'horizon de Racontez-moi votre Racontez-moi l'innovation dans la faillite. Débrief d'un presse belge #obsweb webdoc en mode news

Did you like like this article? Share it with your your fr iend iends! s!

Like

←

1

Tweeter

2

Young

1

M artine Aubry devant les Français de Belgique ®

7 Responses to "La boîte à outils du journaliste web" thibaudd dit : 19 mars 2012 à 21 h 43 min

Je rajouterais quand même Tweetdeck qui, avec la nouvelle version, permet de programmer des tweets également. Répondre

Nicolas Becquet dit : 20 mars 2012 à 11 h 16 min

Merci, c’est ajouté. Bonne journée. Répondre

Nicolas Becquet dit : 20 mars 2012 à 13 h 30 min

Merci Marilyn pour ces liens. L’initiative est originale et le projet intéressant. Bonne chance à toute la promotion!

Répondre

Nicolas Becquet dit : 4 avril 2012 à 20 h 12 min

Répondre

Cyberbase Jouy En Josas (cyberbasejouyenjosas) | Pearltrees  dit

:

3 juillet 2013 à 12 h 53 min

[...] La boîte à outils du journaliste web – MediaType [...] Répondre

La boîte à outils du journaliste web – MediaType » Educ Medias dit

:

12 août 2013 à 11 h 11 min

[...] See on mediatype mediatype.be .be [...] Répondre

10 conseils à un jeune journaliste (web), par Nicolas Becquet | lab #davanac dit

:

8 octobre 2013 à 20 h 43 min

[…] indispensable à la réalisation d’un travail efficace. Commence par te construire une petite boîte à outils en fonction de tes besoins (réseaux sociaux, instruments de veille, blog et matériel […] Répondre

Laisser un comm commentaire entaire Votre adresse de messagerie ne sera pas pu bliée. Les champs obliga toires sont indiqués avec *

Nom

*

Adresse

*

de Site web contact

Commentaire

Vous pouvez utiliser ces balises et attributs HTML :

Skriv båda orden Laisser un commentaire

P

O

U

R

Q

U

O

I

C

E

B

L

O

G

?

Le point de vue d'un journaliste converti au web. Un carnet de bord de mes expérimentations et réflexions autour de la mutation du métier de journaliste. Une boîte à outils web et open source. Journalisme en mobilité. Leitmotiv? Interroger les certitudes.

D

E

R

N

I

E

R

S

A

R

T

I

C

L

E

S

Journalistes et médias: le choix entre allégeance et dissidence? [3/3] Nouveau webdoc: Racontez-moi la chute de Fortis Presse: le choix du contre-courant est-il devenu un luxe? [2/3] Mais où va donc le journalisme? Série [1/3] Journalistes, tablettes et smartphones [Formation]

Tweets Nicolas Nicola s Becquet @NicolasBecquet

Journalism *is* curation: tips on curation tools and techniques, by @pau ow.l.lyy/ DKnZ ow

Nicolas Becquet Becquet @NicolasBecquet

#webdoc Inscrive #webdoc Inscrivez-vous z-vous au premier #webinar video #Klynt #Klynt!! Jeudi 10 oc Paris) Démo live ow ow.l.ly/ y/ CGu Gucc

Nicolas Becquet @NicolasBecquet

Journalistes & médias: le choix entre allégeance et dissidence? Avec Journalistes @davanac @egaucher & @td tduu iere reux ux bit.ly/GLwRDO Étendre Étend re Nicolas Becquet Becquet @NicolasBecquet

RT @liberation_info @liberation_info:: «Super Trash», le film qui soulève des montagnes bit.ly/19il7CJ Tweeter à @NicolasBecquet

E

T

S

I

T

A

U

E

S

Journalismes.info Méta-Média Yakwala Davanac Lab Internet Intern et Actu Ac tu Erwann Gaucher W.I.P. Samsa  journalism.  journa lism.co.uk co.uk Niemanlab Atelier des médias Newsresources Webdocu.fr

S

S

A

I

M

I

S

U

S

…

R

R

E

C

H

E

R

C

H

E

Search this website…

A

C

O

N

S

U

L

E

R

S

T

E

R

!

A

R

T

Journalismes.info Méta-Média Yakwala Davanac Lab Internet Intern et Actu Act u Erwann Gaucher W.I.P. Samsa  journalism.  journa lism.co.uk co.uk Niemanlab Atelier des médias Newsresources Webdocu.fr D

E

R

N

I

I

C

L

E

S

Journalistes et médias: le choix entre allégeance et dissidence? [3/3] Nouveau webdoc: Racontez-moi la chute de Fortis Presse: le choix du contre-courant est-il devenu un luxe? [2/3] Mais où va donc le journalisme? Série [1/3] Journalistes, tablettes et smartphones [Formation] A

B

O

U

T

.

M

E

N

E

Z

Nicolas Becquet

A

B

O

N

-

V

O

U

S

A

U

Nouveau webdoc: Racontez-moi la chute de Fortis

 © 2013 Medi MediaType aType

Powered by One Designs

F

L

U

X

R

S

S