Académique Documents
Professionnel Documents
Culture Documents
I. GENERALITES
1. Objectifs de JAM
Publier et valoriser les réalisations des étudiant.e.s pendant leur cursus à l’AJM.
Accueillir les couvertures live d’événements (Festival international du journalisme de Perugia,
événements organisés par l’AJM, etc.)
2. Accès au backoffice
Chaque étudiant.e dispose d’un compte permettant l'accès au backoffice. Le nom d’utilisateur est
constitué du nom de famille accolé à l’initiale du prénom (sans accent).
Lors de votre première connexion au backoffice, pensez à mettre à jour votre profil :
- Affichage du nom visible sur les articles (avec prénom et nom) dans les Réglages du compte
utilisateur
3. Principe de publication
Les articles publiés sur JAM doivent être préalablement relus et validés par l’équipe encadrante qui se
charge de la mise en ligne.
Peuvent être publiées sur JAM :
- Toutes les réalisations effectuées dans le cadre des cours et ateliers de l’AJM, sous réserve de
l’accord de l’intervenant.e.
- Sur la page individuelle de chaque étudiant.e doivent être mis en liens tous les articles publiés
pendant les stages du cursus AJM et éventuellement ceux réalisés à titre personnel dans
d’autres cadres (ils doivent donc être hébergés ailleurs) ou d’images/PDF pour les articles
print et doivent correspondre aux exigences légales et déontologiques s’appliquant pour JAM.
Chaque étudiant.e est responsable de sa page individuelle et de sa mise à jour régulière.
4. Processus de publication
1. L’étudiant.e rédige son article, le met en forme, ajoute les illustrations, les liens, les tags, etc.
Lorsque l’article est en cours de création / édition, il doit être placé en mode « brouillon » ;
2. La prévisualisation de l’article doit impérativement être faite par l’auteur.e afin de s’assurer de
la mise en forme de l’article, de l’affichage des illustrations et contenus externes, du
fonctionnement des liens, etc. ;
3. Une fois l’article finalisé, il est placé en « attente de relecture » et un message est envoyé à
l’équipe encadrante sur le channel Slack dédié ;
4. Après relecture, l’équipe encadrante procède à la mise en ligne (ou demande des corrections
préalables) ;
5. L’étudiant.e doit ensuite promouvoir son article sur les réseaux sociaux et mettre à jour sa
page personnelle.
6. L’équipe encadrante
Le site JAM est présenté lors du cours Publication, édition et valorisation numérique qui vous
permettra d’acquérir les compétences nécessaires à la publication sur JAM.
La publication sur JAM se fait sous la responsabilité de la prof. de journalisme numérique, Nathalie
Pignard-Cheynel. Sont également associés à l’équipe encadrante Julien Perrot, assistant doctorant,
ainsi que Pierre-André Léchot, collaborateur scientifique.
2. Auteur.e
Par défaut, le nom de l’auteur.e est celui de l’utilisateur du compte. Il est indiqué dans le champ
« auteur » dédié. Toutefois, il est recommandé d’ajouter en fin d’article, en style titre 5 « Par Prénom
Nom ». C’est en tout cas indispensable en cas d’auteur.e.s multiples ; dans ce cas, il faut choisir
comme auteur « Collectif » et préciser manuellement en toute fin de l’article la mention du ou des
auteur.e.s, en style titre 5.
3. Date
Par défaut, la date est celle de la publication de l’article. Elle s’actualisera donc automatiquement au
moment où l’article sera mis en ligne. Il est possible de la modifier à la main, mais à ne faire que dans
des cas spécifiques qui doivent être discutés et validés avec l’équipe encadrante.
4. Titraille
La titraille comprend le titre de l’article et le chapô. Le template actuel de JAM ne gère pas
d’éventuels sur ou sous-titres.
Le titre peut être informatif ou incitatif selon le sujet, l’angle, le ton de l’article. Il doit en revanche
être très complémentaire du chapô. Avec un titre incitatif (jeux de mots, sous-entendus, etc.), on
privilégiera un chapô informatif (5W), et inversement.
Le chapô doit être formaté en titre 4.
Dans la nouvelle interface de JAM, il n’est pas toujours facile de trouver comment modifier les styles
de titre. Pour mettre vos chapo et intertitres dans le bon style (respectivement H4 et H3), il faut choisir
“Titre” plutôt que “Paragraphe” lorsque vous sélectionnez votre texte :
5. Rédiger un extrait
Le thème actuel affiche sur la page d’accueil du site, en accompagnement de la photo de l’article, un
court texte, l’extrait. Par défaut, le CMS prend les premiers caractères de l’article (donc son chapo).
Afin de bien maîtriser ce texte et d’éviter qu’il soit trop long, il convient de rédiger un texte
spécifique, le plus court possible et en tout cas n’excédant pas les 200 caractères , en le plaçant dans
le champ « extrait » sous l’article créé dans le backoffice. Si ce champ n’apparaît pas, voir la rubrique
« Accès au backoffice ».
Le contexte de production de l’article (le fait que qu’il a été réalisé dans le cadre de tel ou tel cours
ou atelier) n’est pas un élément pertinent d’un point de vue purement journalistique ou
informationnel. S’il convient de le noter, il s’agit d’une information annexe, qui peut par exemple
renseigner sur le genre de contenu produit durant le master. Dans le but d’assurer une certaine
uniformité des notes contextuelles, celles-ci doivent être ajoutées comme derniers éléments de la
page en les sélectionnant parmi une liste de textes prédéfinis.
8. Style (récapitulatif)
Titre 3 : intertitre.
Titre 4 : chapô.
Titre 5 : prénom et nom de l’auteur.e (si différent du nom proposé automatiquement par le CMS, en
cas d’auteur.es multiples par exemple) est à la fin de l’article sur la forme Prénom Nom.
Dans le cas d’une interview, les questions sont mises en gras et les réponses sont en style normal.
9. Illustrations
Photos
Vérifier leur résolution et leur poids et, si nécessaire (dans tous les cas pour des photos prises à
l’appareil photo), redimensionnez-les :
- à 72 dpi (pas plus de 96 dpi) et max 1200 pixels de large
- possibilité d’utiliser un logiciel en ligne comme pixlr pour le redimensionnement
- pour info, la plupart des images ne doivent pas dépasser 300Ko
Vérifier les droits d’utilisation et créditer (privilégier les licences Creative Commons).
Pour les photos, favoriser les formats jpeg. Pour les logos, graphiques, etc., le format PNG offre un
meilleur rendu.
Chacun est responsable des photos qu’il met dans le backoffice, ce qui signifie :
� supprimer toutes les photos non utilisées.
� renommer les photos pour que le nom de fichier fasse sens.
Pour l’image en avant sur la page d’accueil (voir ci-dessous), le ratio est de 2 de largeur pour 1 de
hauteur. Prévoyez une taille de photo de minimum 1000 pixels de large. Toute photo dont la hauteur
dépasse 400 pixels risque de placer le titre de l’article sous la ligne de flottaison.
- les rapports largeurs/hauteur (en pixels) suivants sont donc à privilégier
Largeur Hauteur
1200 450
1000 400
800 400
Pour la photo de pages d’accueil : bien penser à son format particulier dès la prise des photos (2
formats : Une et vignettes).
Image en avant
Choisir une image qui sera mise en avant sur la page d’accueil et dans les pages de rubriques, sous
forme de vignettes. Attention, le format est particulier.
Pour vous faciliter la tâche, une extension accessible par lien depuis « Image en avant », Post
Thumbnail Editor, permet de redimensionner automatiquement votre photo. Il faut cocher
« thumbnail-medium » (480 x 384) puis tracer un cadre (automatiquement à la bonne taille) sur la
photo :
Le mieux est de redimensionner sur une partie de la photo qui fasse sens.
Il est indispensable de faire ce redimensionnement sans quoi les vignettes des articles sur la page
d’accueil ne seront plus alignées.
- Trouver des photos originales et surtout éviter les photos de pure illustration.
- Les copies d'écran doivent avoir un intérêt direct dans l'illustration du texte; sinon, à éviter en raison
de leur mauvais rendu. Il est généralement préférable de "rogner" les images des captures d'écran afin
de ne garder que l'essentiel de l'image.
- Éviter d'utiliser des logos en illustration.
- Privilégier des photos "simples" (pas trop denses)
Montage photo
Dans certains cas, il peut être intéressant de faire un petit montage photo (par exemple une photo et
une citation qui formeront une seule image à insérer dans l’article). Des logiciels en ligne comme
fotor, pixlr ou picmonkey permettent de le faire très rapidement.
Pour aligner un tweet « embedé », remplacer <blockquote class = "twitter-tweet"> par <blockquote
class = "twitter-tweet tw-align-center">
Les vidéos doivent être ajoutés en mode “Non-répertoriée”. Pensez à ajouter votre vidéo dans la
playlist « Reportages d’étudiants » lors de la mise en ligne.
Si la vidéo tient seule (se comprend sans l’aide de l’article dans lequel elle est incluse), son statut
passera à “Public” après validation finale, lors de la publication du sujet. Les mêmes mots-clés ne
sont utilisés que pour les sujets publiés sur JAM.
Attention à bien choisir parmi les miniatures proposées une image qui illustre bien la vidéo. Une
photo peut également être téléchargée. Dans paramètres avancés, s’assurer que la case “autoriser
l’intégration” est cochée. En principe la catégorie sélectionnée sera “Actualités et politique”.
Sélectionner également la langue appropriée ainsi que la date d’enregistrement.
YouTube accepte une large variété de formats de vidéos, de fréquences d’images, de formats
audio etc. La plupart des logiciels vidéos exportent donc dans un format accepté par YouTube et il
n’est pas nécessaire ou possible de les modifier. Cependant, en cas de doute (ou d’options
multiples), choisir les formats suivants:
Format d’image:
Les vidéos YouTube sont intégrées dans les pages d’articles de JAM avec le code embed (voir ci-
dessus). Par défaut ce code va afficher la vidéo en pleine largeur, ce qui peut être souhaitable s’il
s’agit d’une production dont l’élément central est une vidéo.
Si vous souhaitez inclure la vidéo dans un récit plus long, il est souvent souhaitable de lui attribuer
une largeur maximale, évitant pour une consultation sur écran d’ordinateur, une taille trop
imposante. Dans ce cas, il est recommandé de placer le code embed dans l’une des boîtes <div>
suivantes, en définissant dans la balise div la largeur maximale autorisée de la boîte (la hauteur
maximale sera calculée automatiquement) et de la centrer à l’aide de la propriété “margin:auto”.
Vidéo horizontale:
<div style="display: block; width: 350px; margin: auto;"><iframe title="YouTube video player"
src="https://www.youtube.com/embed/mIy3OcORwyw" width="250"
height="600"></iframe></div>
La mise en ligne d’un article “audio” est la même que pour un article standard, à laquelle s’ajoutent
deux étapes
2. Sous le chapo, et un éventuel court texte d’introduction, cliquer sur “Ajouter un média” et
sélectionner le fichier voulu
Une deuxième méthode – à privilégier – est de passer par l’outil externe « Headliner ». Sur le site
https://headliner.app vous pouvez transformer vos contenus audio en vidéo. Vous pouvez ensuite les
héberger sur le Youtube de l’AJM et les intégrer directement dans vos articles.
Lorsque possible, les contenus audio doivent être exportés avec les paramètres suivants:
Les réglages suivants permettent l’hébergement sur le serveur de JAM de sujets et reportages
n’excédant pas 16 minutes (suffisant pour toutes les productions à l’exception de certains
mémoires pratiques). Si le fichier dépasse 12 Mo, exporter en 64 kbps (jusqu’à 25 minutes pour 12
Mo).
Méthode ad-hoc
Cette méthode très simple consiste à placer une image dans la page/l’article
1. Déposer le pdf dans la bibliothèque médias
2. Ouvrir, toujours dans la bibliothèque, le pdf -- ceci devrait automatiquement créer une image
"thumbnail"/miniature de la première page du pdf
3. Pour la page personnelle (avec page builder) créer ou sélectionner le bloc (de type texte libre
ou html) souhaité (un bloc ayant au moins 66.6% de la largeur totale est recommandé). Pour
un article, choisir l’affichage en mode texte (html)
Pour les liens externes, ne jamais écrire le lien à la main (risque d’erreur) mais faire un copier-coller
de l’URL.
Bien choisir les supports de liens (4-5 mots) qui seront par conséquent mis en évidence dans le texte.
Ne jamais faire un lien du type : http://www.unine.ch ou un lien du type « lire notre article ici ».
V. ASTUCES
- Il est généralement plus pratique de saisir les textes "au kilomètre" (càd sans mise en page) dans un
traitement de texte, puis de faire un "copier-coller" dans le backoffice. Mais dans ce cas, il est
préférable de passer par un copier-coller intermédiaire dans un logiciel de "bloc-note" (ou de faire,
dans Word par exemple, un copier - coller sans mise en forme) afin de supprimer toute trace de mise
en forme. Penser par ailleurs à toujours sauvegarder vos articles ailleurs que sur le site.
- Toujours prévisualiser avant la mise en ligne et vérifier notamment :
• les images et illustrations
• les liens (les vérifier un à un)
• la mise en page, la prise en compte de la feuille de style
• la typographie (attention aux espaces coupés en fin de ligne)
3. Les citations
On n’utilise pas les guillemets à la française (« »), mais des " " (car les espaces insécables ne sont pas
gérés par les navigateurs web). Pour des guillemets de 2 e niveau (par exemple pour une citation dans
une citation), utiliser les ' ("Selon moi, il n’y a pas de 'zone de non droit' en France").
Les citations doivent être mises en style normal et pas en italique (pour des questions de lisibilité).
Quand on cite dans une phrase, ne ne met pas de majuscule au début de la citation (Brice Hortefeux
estime qu’il est "temps de passer la zone au Kärcher"); en revanche, quand on cite après ":",
majuscule en début de citation (Brice Hortefeux est d’accord : "Il est temps de passer la zone au
Kärcher").
4. Divers
Quand on cite un lieu, et plus particulièrement une ville, on tâche de lui accoler un canton (pour la
Suisse) ou un pays.
1. Une image à la une a été ajoutée et recadrée si nécessaire. Elle est créditée en fin d’article
2. Des tags ont créés, en privilégiant ceux existants et en les séparant par une virgule
3. Les catégories pertinentes ont été cochées (une catégorie "volée", une "format" et une
"sujet"). Une note contextuelle a également été sélectionnée.
4. Le texte est aéré, avec des paragraphes et des intertitres
5. Les styles ont été respectés pour le chapo (titre 4) et les intertitres (titre 3)
6. Le nom de l’auteur a été ajouté en fin d’article sous la forme « Par Prénom Nom », en style
titre 5. Si plusieurs auteurs, "Collectif" a été choisi et les auteurs ajoutés en fin de l’article
selon ce modèle.
7. Un extrait (max 200 caractères) a été ajouté dans le champ en dessous de l'article
8. Des liens ont été ajoutés dans l'article, avec la règle d'une nouvelle fenêtre pour les liens
externes
9. Les droits sur les contenus ont été vérifiés (textes et illustrations)
10. Une relecture et une prévisualisation ont été réalisées
Pour rappel, vous ne devez pas publier vous-mêmes les articles sur JAM, sauf exception. Lorsque
votre article est prêt à être relu, vous devez le basculer « en attente de relecture » et en informer
l’équipe encadrante par Slack.