Votre première présentation dans le studio

Ce tutoriel vous fait créer une présentation de trois diapositives dans le studio de votre équipe. À la fin, elle est publiée, vous avez envoyé son lien à un collègue, vous l'avez présentée avec vos notes à l'écran et vous en avez un PDF.

Il vous faut un compte avec le rôle Éditeur sur le studio. Si votre compte a le rôle Lecteur, demandez le rôle Éditeur à un Propriétaire du studio : il change les rôles depuis la page « Comptes ».

Se connecter

Ouvrez l'adresse du studio et cliquez sur « Se connecter », en haut à droite. Choisissez « Se connecter avec GitHub » ou « Se connecter avec Google », selon le compte que l'équipe utilise.

Le studio affiche le catalogue des présentations, rangées par dossier. Votre nom et votre rôle apparaissent en haut à droite.

Créer la présentation

1. Cliquez sur « Nouvelle présentation ».
2. Dans « Titre », écrivez Bilan du mois.
3. Cliquez sur la baguette à droite du champ « Slug » : le studio remplit le slug depuis le titre. Le slug est la fin de l'adresse de la présentation, /slides/bilan-du-mois ici.
4. Laissez « Point de départ », « Projet » et « Thème » sur leurs valeurs.
5. Cliquez sur « Créer et éditer ».

L'éditeur s'ouvre. Le texte de la présentation est à gauche, l'aperçu à droite. La présentation contient deux diapositives : la diapositive de titre et une diapositive « Première section ».

Écrire trois diapositives

Les lignes de la première ligne --- à la seconde forment l'en-tête de la présentation : son titre et son thème. Gardez-les. Sélectionnez tout le texte à partir de la ligne # Bilan du mois jusqu'à la fin, puis remplacez-le par le texte ci-dessous. Le rendu attendu est affiché au-dessus du texte : cliquez dans l'aperçu, puis utilisez les flèches du clavier pour passer d'une diapositive à l'autre.

# Bilan du mois

:subtitle{text="Équipe produit, octobre"}

---

### Ce qui est en ligne

- La page d'accueil
- Le formulaire de contact
- Le suivi de la demande

::Notes
Donner le nombre de demandes reçues depuis la mise en ligne.
::

---

### La suite

:::Columns
::Column
### Ce mois-ci
Les tests avec cinq usagers.
::

::Column
### Le mois prochain
L'affichage sur téléphone.
::
:::

Voici ce que fait chaque ligne :

• une ligne --- sépare deux diapositives ;
• # écrit le titre de la diapositive de titre, et :subtitle{text="…"} le texte affiché sous ce titre ;
• ### écrit le titre d'une diapositive de contenu. Avec le thème dsfr, un titre ## donne une diapositive de section, sur fond bleu ;
• le bloc ::Notes contient les notes de l'orateur : la vue conférencier les affiche, le public ne les voit pas ;
• le bloc :::Columns place ses deux blocs ::Column côte à côte.

L'aperçu suit le curseur : placez le curseur dans le texte d'une diapositive, l'aperçu l'affiche. La barre du bas indique la diapositive où se trouve le curseur, « Diapositive 2 sur 3 » par exemple.

Le studio enregistre chaque modification dans le brouillon de la présentation, sans action de votre part. Ce brouillon est partagé : un collègue qui ouvre la même présentation voit vos modifications pendant que vous tapez.

Publier

Le bouton « Publier », en haut à droite, affiche un point orange tant que le brouillon diffère de la version que voient les visiteurs. Cliquez sur « Publier ». Le bouton devient « Publié ».

Les visiteurs voient la version publiée. Une modification faite ensuite reste dans le brouillon jusqu'à la publication suivante.

Partager par un lien

Une nouvelle présentation a la visibilité « Privée » : seuls les comptes Éditeur et Propriétaire du studio l'ouvrent. Pour l'ouvrir à toute personne qui a le lien :

1. Cliquez sur « Partage et réglages », en haut de l'éditeur, puis sur l'onglet « Accès et partage ».
2. Dans « Visibilité », choisissez « Public ».
3. Activez « Non répertoriée » : la présentation s'ouvre par son lien et reste absente du catalogue des comptes sans accès individuel et des personnes non connectées.
4. Cliquez sur « Enregistrer ».

Envoyez l'adresse de la présentation à votre collègue : l'adresse du studio suivie de /slides/bilan-du-mois. La page Visibilité et partage décrit les autres réglages : le mot de passe et les accès donnés à un compte précis.

Présenter

En haut à droite de l'aperçu, cliquez sur « Présenter ». La présentation s'ouvre dans un nouvel onglet, sur la diapositive où se trouve le curseur.

• Les flèches du clavier passent d'une diapositive à l'autre.
• La touche F passe en plein écran.
• Le bouton en haut à droite affiche la barre de commandes : vue d'ensemble, vue conférencier, plein écran, lien de la diapositive, export PDF.

Appuyez sur la touche S, ou cliquez sur « Vue conférencier » dans la barre de commandes. Une nouvelle fenêtre affiche la diapositive en cours, la diapositive suivante, un chronomètre et vos notes. Placez cette fenêtre sur votre écran, et la présentation sur l'écran que voit le public. Si aucune fenêtre ne s'ouvre, votre navigateur a bloqué la fenêtre : autorisez les fenêtres pop-up pour l'adresse du studio.

Exporter en PDF

L'export fonctionne dans Chrome, Edge ou Brave.

1. Dans la barre de commandes de la présentation, cliquez sur « Imprimer ou exporter en PDF ».
2. Le studio met chaque diapositive sur une page, puis ouvre la fenêtre d'impression du navigateur.
3. Dans « Destination », choisissez « Enregistrer au format PDF », puis enregistrez.

Une fois la fenêtre d'impression fermée, la page propose « Rouvrir la fenêtre d'impression » et « Revenir à la présentation ».

Pour continuer

• La syntaxe décrit l'en-tête, le découpage des diapositives et les annotations.
• Les composants montre les blocs disponibles, comme Columns et Notes.
• Dans l'éditeur, le bouton « Aide », en bas à droite, liste les composants et les insère dans le texte.