Diapositives avec Beamer

Informatique — LaTeX, chapitre 8

Dernier chapitre du cours. Une soutenance, un séminaire, un cours magistral se présentent en diapositives — et Beamer les compose en LaTeX, avec les mêmes formules, les mêmes tableaux, la même bibliographie que votre mémoire.

Les diapositives de ce site en sont issues : chaque cours produit un PDF Beamer à partir d’une source unique.

NoteDes fichiers à compiler

Les blocs sont à recopier dans Overleaf ou dans votre distribution locale. Le résultat est un PDF au format 16:9, à projeter en plein écran.

8.1 La première présentation

\documentclass[aspectratio=169]{beamer}

\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[french]{babel}

\usetheme{metropolis}

\title{Croissance et chômage au Maroc}
\subtitle{Une analyse en données de panel}
\author{Jaouad Madkour}
\institute{Université Abdelmalek Essaâdi}
\date{\today}

\begin{document}

\maketitle

\begin{frame}{Plan}
  \tableofcontents
\end{frame}

\section{Introduction}

\begin{frame}{La question}
  La loi d'Okun établit une relation négative entre :
  \begin{itemize}
    \item la variation du taux de chômage ;
    \item le taux de croissance du PIB.
  \end{itemize}
  Vaut-elle à l'échelle régionale ?
\end{frame}

\end{document}

Trois différences avec un document ordinaire :

  • la classe est beamer, avec aspectratio=169 pour le format large des projecteurs actuels ;
  • chaque diapositive est un environnement frame, dont l’argument entre accolades est le titre ;
  • \section ne produit aucune page : elle structure la barre de navigation et la table des matières.
Importantaspectratio=169, systématiquement

Le format par défaut de Beamer est le 4:3 des projecteurs à tube. Sur un vidéoprojecteur ou un écran moderne, il laisse deux bandes noires latérales et gaspille un tiers de la surface.

aspectratio=169 donne le 16:9. Ajoutez-le à toute nouvelle présentation.

8.2 Les thèmes

\usetheme{metropolis}       % sobre, moderne, tres repandu
\usetheme{Madrid}           % classique, avec bandeau
\usetheme{Berlin}           % barre de navigation en haut
\usetheme{default}          % aucun ornement
Thème Caractère
metropolis épuré, typographie soignée — le plus employé aujourd’hui
Madrid, Warsaw classiques universitaires, colorés
Boadilla sobre, avec pied de page discret
default rien, à personnaliser soi-même
\usecolortheme{seahorse}
\setbeamertemplate{navigation symbols}{}    % retirer les fleches
\setbeamertemplate{caption}[numbered]       % numeroter les figures
AstuceRetirez les symboles de navigation

Les petites flèches en bas à droite ne servent jamais — personne ne clique dessus pendant une présentation — et attirent l’œil.

\setbeamertemplate{navigation symbols}{} les supprime. C’est la première ligne de personnalisation à ajouter.

metropolis demande une installation à part sur certains systèmes ; sur Overleaf il est fourni.

8.3 Le contenu d’une diapositive

8.3.1 Listes et blocs

\begin{frame}{Les hypothèses du modèle}

  \begin{block}{Hypothèse 1 — Exogénéité}
    $E[\varepsilon_t \mid g_t] = 0$
  \end{block}

  \begin{alertblock}{Attention}
    Cette hypothèse est invérifiable directement.
  \end{alertblock}

  \begin{exampleblock}{Application}
    Sur données régionales marocaines, 2010--2023.
  \end{exampleblock}

\end{frame}

Les trois blocs se distinguent par leur couleur : neutre, rouge pour l’alerte, vert pour l’exemple. C’est le mécanisme des encadrés pédagogiques.

8.3.2 Deux colonnes

\begin{frame}{Résultats}
  \begin{columns}[T]
    \begin{column}{0.48\textwidth}
      \begin{itemize}
        \item coefficient négatif
        \item significatif à 1 \%
        \item $R^2 = 0{,}49$
      \end{itemize}
    \end{column}
    \begin{column}{0.48\textwidth}
      \includegraphics[width=\textwidth]{figures/nuage}
    \end{column}
  \end{columns}
\end{frame}

L’option [T] aligne les colonnes par le haut — sans elle, elles se centrent verticalement, ce qui est rarement souhaitable.

8.4 L’apparition progressive

\begin{frame}{Trois étapes}
  \begin{itemize}
    \item<1-> Premier point, visible d'emblée
    \item<2-> Deuxième point, au clic suivant
    \item<3-> Troisième point
  \end{itemize}
\end{frame}
\begin{frame}{Version courte}
  \begin{itemize}[<+->]
    \item Premier point
    \item Deuxième point
    \item Troisième point
  \end{itemize}
\end{frame}
Écriture Effet
<1-> à partir de l’étape 1
<2-3> des étapes 2 à 3 seulement
<+-> une étape par élément, automatiquement
\pause tout ce qui suit apparaît au clic suivant
\onslide<2->{...} rendre visible une portion quelconque
AvertissementN’en abusez pas

Chaque étape crée une page supplémentaire dans le PDF. Une présentation de vingt diapositives avec quatre apparitions chacune produit quatre-vingts pages — pénible à imprimer, et lourd à envoyer.

Réservez le dévoilement progressif aux cas où l’ordre compte réellement : une démonstration en trois temps, un résultat qu’on veut faire deviner.

Pour distribuer une version compacte :

\documentclass[aspectratio=169, handout]{beamer}

L’option handout supprime toutes les étapes intermédiaires et ne garde qu’une page par diapositive.

8.5 Mathématiques, tableaux et figures

Tout ce qu’ont montré les chapitres précédents fonctionne à l’identique.

\begin{frame}{Le modèle}

  Nous estimons
  \[
    \Delta u_t = \alpha + \beta \, g_t + \varepsilon_t,
  \]
$\Delta u_t$ désigne la variation du taux de chômage.

  \begin{table}
    \centering
    \begin{tabular}{lr}
      \toprule
      Variable & Coefficient \\
      \midrule
      Croissance & $-0{,}872^{***}$ \\
      Constante  & $3{,}120^{***}$ \\
      \bottomrule
    \end{tabular}
  \end{table}

\end{frame}
AstuceLe vrai bénéfice de Beamer

Vous ne recopiez rien. Les équations de votre mémoire, ses tableaux produits par R ou Python, sa bibliographie : tout se transpose tel quel dans la présentation.

Mieux, \input{tableaux/regression.tex} charge le même fichier dans le mémoire et dans les diapositives. Une nouvelle estimation met les deux à jour d’un coup.

Aucun logiciel de présentation ordinaire ne permet cela.

8.6 Les pièges propres à Beamer

8.6.1 Le contenu déborde

\begin{frame}[shrink=15]{Un tableau trop grand}
  ...
\end{frame}

shrink réduit le contenu du pourcentage indiqué. C’est un dépannage : si vous en avez besoin, la diapositive contient probablement trop de choses. Coupez-la en deux.

8.6.2 Le code verbatim

\begin{frame}[fragile]{Un exemple de code}
\begin{verbatim}
lm(chomage ~ croissance, data = d)
\end{verbatim}
\end{frame}
Important[fragile] est obligatoire pour tout code

Beamer lit chaque frame deux fois, ce qui casse les environnements verbatim, lstlisting et minted.

L’option [fragile] change son mode de lecture. Sans elle, l’erreur est cryptique :

! File ended while scanning use of \@xverbatim.

Dès qu’une diapositive contient du code, mettez [fragile]. C’est le message d’erreur le plus fréquent de Beamer.

8.6.3 Les notes du présentateur

\note{Insister ici sur l'hypothèse d'exogénéité.}
\note[item]{Rappeler le nombre d'observations.}

Avec \setbeameroption{show notes on second screen}, le PDF comporte deux écrans côte à côte : la diapositive pour le public, les notes pour vous. Un lecteur PDF en mode présentateur affiche alors chacun sur son écran.

8.7 Quelques principes de présentation

AstuceCinq règles qui valent plus que n’importe quel thème

Une idée par diapositive. Si vous hésitez à couper, coupez.

Peu de texte. La diapositive appuie votre parole, elle ne la remplace pas. Un public qui lit n’écoute plus.

Des polices grandes. Beamer est déjà réglé pour la projection ; ne réduisez pas la taille pour faire tenir davantage — retirez du contenu.

Un titre qui affirme. « Le coefficient est négatif et significatif » vaut mieux que « Résultats ». Le lecteur pressé retient les titres.

Numérotez vos diapositives. Pendant les questions, le jury vous dira « revenez à la 12 ».

\setbeamertemplate{footline}[frame number]

8.8 Une présentation complète

\documentclass[aspectratio=169]{beamer}

\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[french]{babel}
\usepackage{booktabs, graphicx}

\usetheme{metropolis}
\setbeamertemplate{navigation symbols}{}
\setbeamertemplate{footline}[frame number]

\title{Croissance et chômage au Maroc}
\subtitle{Une analyse en données de panel régionales}
\author{Jaouad Madkour}
\institute{Faculté d'Économie et de Gestion de Tanger}
\date{15 juin 2027}

\begin{document}

\maketitle

\begin{frame}{Plan}
  \tableofcontents
\end{frame}

\section{La question}

\begin{frame}{La loi d'Okun vaut-elle à l'échelle régionale ?}
  \begin{itemize}[<+->]
    \item Relation bien établie au niveau national
    \item Rarement testée sur données infranationales
    \item Enjeu : cibler les politiques de l'emploi
  \end{itemize}
\end{frame}

\section{Le modèle}

\begin{frame}{Une spécification simple}
  \[
    \Delta u_{it} = \alpha_i + \beta \, g_{it} + \varepsilon_{it}
  \]
  \begin{block}{Hypothèse centrale}
    $E[\varepsilon_{it} \mid g_{it}, \alpha_i] = 0$
  \end{block}
\end{frame}

\section{Résultats}

\begin{frame}{Le coefficient est négatif et significatif}
  \begin{columns}[T]
    \begin{column}{0.45\textwidth}
      \begin{table}
        \begin{tabular}{lr}
          \toprule
          & Effets fixes \\
          \midrule
          Croissance & $-0{,}872^{***}$ \\
                     & $(0{,}164)$ \\
          \midrule
          $R^2$ & 0{,}486 \\
          $N$   & 48 \\
          \bottomrule
        \end{tabular}
      \end{table}
    \end{column}
    \begin{column}{0.5\textwidth}
      \includegraphics[width=\textwidth]{figures/nuage}
    \end{column}
  \end{columns}
\end{frame}

\begin{frame}[standout]
  Merci de votre attention
\end{frame}

\end{document}

La dernière diapositive emploie [standout], propre au thème metropolis : fond sombre, texte centré et agrandi. Idéale pour une transition ou un remerciement.

À vous

Composez une présentation de quatre diapositives : titre, plan, une diapositive à deux colonnes, et une diapositive de conclusion.

\documentclass[aspectratio=169]{beamer}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[french]{babel}
\usepackage{booktabs}

\usetheme{metropolis}
\setbeamertemplate{navigation symbols}{}
\setbeamertemplate{footline}[frame number]

\title{Statistique descriptive}
\subtitle{Séance 1 — Les indicateurs de position}
\author{Jaouad Madkour}
\institute{FEG Tanger}
\date{\today}

\begin{document}

\maketitle

\begin{frame}{Plan de la séance}
  \tableofcontents
\end{frame}

\section{Les indicateurs}

\begin{frame}{Moyenne, médiane, mode}
  \begin{columns}[T]
    \begin{column}{0.5\textwidth}
      \begin{block}{Définitions}
        \begin{itemize}
          \item Moyenne : $\bar{x} = \frac{1}{n}\sum_{i=1}^{n} x_i$
          \item Médiane : la valeur centrale
          \item Mode : la plus fréquente
        \end{itemize}
      \end{block}
    \end{column}
    \begin{column}{0.45\textwidth}
      \begin{alertblock}{À retenir}
        La médiane résiste aux valeurs extrêmes,
        la moyenne non.
      \end{alertblock}
    \end{column}
  \end{columns}
\end{frame}

\begin{frame}[standout]
  Questions ?
\end{frame}

\end{document}

Notez que la formule de la moyenne s’écrit exactement comme au chapitre 1 : Beamer ne change rien aux mathématiques.

Ce qu’il faut retenir

Écriture Effet
\documentclass[aspectratio=169]{beamer} format 16:9 — systématiquement
\begin{frame}{Titre} une diapositive
\section structure la table, ne crée pas de page
\usetheme{metropolis} le thème le plus employé aujourd’hui
\setbeamertemplate{navigation symbols}{} retirer les flèches inutiles
block, alertblock, exampleblock encadrés neutre, rouge, vert
columns + [T] deux colonnes alignées en haut
\item<1->, [<+->], \pause apparition progressive
option handout une page par diapositive
[fragile] obligatoire dès qu’il y a du code
[shrink=15] dépannage — mieux vaut couper la diapositive
[standout] diapositive de transition (metropolis)
\note{...} notes du présentateur
\input{tableaux/x.tex} même fichier dans le mémoire et les diapositives

Ce chapitre clôt la deuxième partie. Vous savez écrire des formules, construire un document, insérer tableaux et figures, gérer renvois et bibliographie, organiser une thèse et présenter vos résultats.

La troisième partie s’attaque à ce que le chapitre 5 laissait de côté : produire les figures dans le document lui-même, avec TikZ et PGFPlots. Les figures « fil conducteur » de tous les cours de ce site en sont issues.

AstuceDeux outils à connaître par ailleurs

Quarto et R Markdown mêlent texte, code et résultats dans un même fichier, et produisent PDF, HTML et Beamer depuis une source unique. Ce site en est fait.

Les classes de thèse de votre université, souvent disponibles sur son dépôt, appliquent d’emblée le format exigé — cherchez-les avant d’écrire la vôtre.