présentation beamer & pgf / tikz › icar › presentation › ... · un peu d’histoire...

Présentation Beamer&

PGF / TikZ

19 juin 2018

Vincent Itier

Sommaire

1 Introduction

2 Présentation Beamer : Les bases

3 Présentation Beamer : Fonctionnalités avancées

4 Graphisme : PGF / TikZ

Vincent Itier Beamer & LATEX 2

Outils de rédaction et de présentation

Paradigmes

What you see is what you get (WYSIWYG)Word, Open Office, Libre Office, . . .

What you get is what you mean (WYGIWYM)TEX, LATEX, . . .

Exemple LATEX

Exemple Word

Un peu d’histoire

Chronologie :

1977 Donald Knuth crée TEX “typesetting system"1985 Leslie Lamport crée LATEX1994 Frank Mittelbach reprend LATEX et produit LATEX 2ε2003 Till Tantau crée Beamer201- LATEX3??

Elements abordés

Ce qu’on va voir :LATEX : langage macrosBeamer : classe de documentPGF, TikZ : package graphique bas et haut niveau

Ce qu’on ne va pas voir :Bases LATEXListes de packagesLe bas niveau et les compatibilités

Publications scientifiques

LATEX soumissions 2009 (%)Mathématique 96.9

Statistiques et probabilités 89.1Physisque 74.0

Informatique 45.8Biologie 0.0

Médecine 0.0

# Formules

F. Brischoux and P. LegagneuxDon’t Format Manuscripts.The Scientist, 2009

M. Knauff, J. NejasmicAn Efficiency Comparison of Document Preparation Systems Used in Academic Research andDevelopment.PLoS ONE, 2014

Motivation

Pourquoi LATEX?

Facilité de rédaction de documents scientifiquesSéparation nette du fond et de la formeGestion :

HierarchisationNumérotationFlottantsFormules et notations mathématiquesRéférencesBibliographies

DéfautsPas de rendu en temps réelMoins de libertés que certains WYSIWYG

Motivation

Pourquoi Beamer?Facilité de présenter un document déjà fait en LATEX!PortabilitéSouplesse de changement de style

DéfautsPas de rendu en temps réelMoins de transitions / animations

Motivation

Pourquoi PGF/TikZ?Dessin vectorielProgrammableIdéal pour les graphesTout est possible

DéfautsComplexe à prendre en mainTemps de création

Outils

SoftwaresDistribution LATEX :

Tex Live, MiKTeX (basé sur PdfTex, LuaTex)Editeur :

TexMaker, LyX (≈WYSIWYG)Outils de visualisation :

Adobe Reader, ghostScript, . . .

Online : regroupe tout !

ShareLaTeX, Overleaf, . . .

Liens utiles (INDISPENSABLES! !)

DocumentationGuide LATEXBeamer user guidePGF user guideCTANWikiLes forums : “Il y a sûrement une personne qui a eu lemême problème avant." 1

Exemple d’outilsEditeur de tableauxTableau de variations

1Vincent Itier, 2000

Sommaire

1 Introduction

2 Présentation Beamer : Les basesPremier exampleLes éléments de basesThèmes et couleursSommaireInsertionsRéférencesMise en page

Section

Premier example

Première présentation Beamer

\documentclass{beamer}\begin{document}

\begin{frame}{Mon titre}Diapositive 1

\end{frame}\end{document}

Diapositive 1

\documentclass{beamer}\usetheme{Frankfurt}\usecolortheme{myct}% or try albatross, beaver,...\begin{document}

\begin{frame}{Mon titre}Diapositive 1

Mon titre

Diapositive 1

\documentclass{beamer}\usetheme{Frankfurt}\usecolortheme{myct}% or try albatross, beaver,...\begin{document}

\begin{frame}{Mon titre}\begin{block}{block}

Texte bloc 1\end{block}\begin{alertblock}{alertblock}

Texte bloc 2\end{alertblock}\begin{exampleblock}{exampleblock}

Texte bloc 3\end{exampleblock}

Mon titre

blockTexte bloc 1

alertblockTexte bloc 2

exampleblockTexte bloc 3

Section

Les éléments de bases

Rappels

Environnements\begin{env}[option]{argument}\end{env}

Exemple\begin{document}...\end{document}\begin{itemize}[-]...\end{itemize}

Commande\command[option]{argument}

Exemple\documentclass[-]{-}\usepackage[-]{-}\section[-]{-}

Les élements propres à Beamer

Organisation par frame !

Thèmes prédéfinisBlock (block, alert, example)Barre de navigation

\section*{Sommaire} % Pas dans le sommaire\section{Introduction} % Dans le sommaire

Overlays (Recouvrement)Transitions et animations

Organisation par frame !Thèmes prédéfinis

Block (block, alert, example)Barre de navigation

Organisation par frame !Thèmes prédéfinisBlock (block, alert, example)

Barre de navigation\section*{Sommaire} % Pas dans le sommaire\section{Introduction} % Dans le sommaire

Organisation par frame !Thèmes prédéfinisBlock (block, alert, example)Barre de navigation

Overlays (Recouvrement)

Transitions et animations

Header

Footer

MarginNotes

i8� -

i1� -

�-i3 i10-�

�-i9

i56?i6

1 one inch + \hoffset 2 one inch + \voffset3 \oddsidemargin = -43pt 4 \topmargin = -72pt5 \headheight = 14pt 6 \headsep = 0pt7 \textheight = 244pt 8 \textwidth = 307pt9 \marginparsep = 10pt 10 \marginparwidth = 4pt

11 \footskip = 14pt \marginparpush = 5pt (not shown)\hoffset = 0pt \voffset = 0pt\paperwidth = 364pt \paperheight = 273pt

Le rendu

Stackexchange

Structure du fichier

% Classe\documentclass{beamer}%%%%%%%%% Package\usepackage[frenchb]{babel}\usepackage[utf8x]{inputenc}\usepackage[T1]{fontenc}%%%%%%%%%%%%%%%%%%%% Mise en page%%%%%%%%%%%%%%%%%%%

% Document\begin{document}\begin{frame}

\titlepage\end{frame}

\begin{frame}{Sommaire}\tableofcontent

\end{frame}

\begin{frame}\frametitle{Titre}Contenu

\end{frame}% Fin du document\end{document}

Environnement Frame

Chaque frame est une diapositiveUne frame est définie :

HeadBodyFoot

Une frame est composée :TitreSous-titre (optionnel)Contenu

Diapositive titre

\documentclass{beamer}\usetheme{Warsaw}\usecolortheme{beaver}

\usepackage[frenchb]{babel}\usepackage[utf8x]{inputenc}

\title{Ma pr{\’e}sentation}\author{Vincent ITIER}\institute{IMT Lille Douai}\date %\today

\begin{document}

\begin{frame}\titlepage

\end{frame}

\end{document}

Ma presentation

Vincent ITIER

IMT Lille Douai

Vincent ITIER Un titre court

Section

Thèmes et couleurs

Les thèmes

Sans barre de navigationex : Default

Avec un arbre de navigationex : Montpellier

Avec un sommaire latéralex : Hannover

Avec un mini-cadre denavigation

ex : WarsawVincent Itier Beamer & LATEX 29

Les thèmes et couleurs prédéfinis

Pour utiliser les thèmes prédéfinis :\mode<presentation>{

\usetheme{Frankfurt}\usecolortheme{beaver}\setbeamertemplate{navigation symbols}{}

Les thèmes de couleurs :\usecolortheme{colorthemename}

Les thèmes intérieurs :\useinnertheme{innerthemename}

Les thèmes extérieurs :\useoutertheme{outerthemename}

Section

Sommaire

Les sections organisent la présentation !Commande :\tableofcontents[option]

Peut être automatisé :\AtBeginSection[]{

\begin{frame}<beamer>\frametitle{Sommaire}\tableofcontents[currentsection,

hideothersubsections]\end{frame}

Section

Insertions

Image :\includegraphics[options]{argument}

Vidéo :\usepackage{multimedia}\movie[options]{affichage}{adresse}

La vidéo n’est pas incluse !URL :\href{adresse}{affichage}

Sond (format .au, .aif) :\sound[options]{sound poster text}{file}

Insertions

La vidéo n’est pas incluse !

URL :\href{adresse}{affichage}

Insertions

Les maillages 3D :\usepackage[3D]{movie15}% movie9 !!\includemovie[options]{x}{y}{mesh.u3d}

Click here !

Les flottants avec Bill Murray

Les flottants ne sont pas nécessaires !

\centering\includegraphics[height = 0.3\textheight]{bill}\\\textit{Bill Murray et sa marmotte}

Bill Murray et la marmotte\centering\textit{Ses meilleurs films}\\\begin{tabular}{|c|c|}

\hline1 & La vie aquatique\\\hline2 & SOS fantomes\\\hline3 & Lost in translation\\\hline

\end{tabular}

Ses meilleurs films1 La vie aquatique2 SOS fantômes3 Lost in translation

Section

Références

Gestion des références

Comme avec un autre document LATEX, avec \cite{ref} !\begin{frame}[allowframebreaks]{References}

\bibliographystyle{plain}\bibliography{file}

\end{frame}

Eddie Valiant : [Roger managed to slip his arm out of theHandcuffs he and Eddie were attached to] You mean youcould’ve taken your hand out of that cuff at any time?Roger Rabbit : No, not at any time, only when it was funny. [1]

Gestion des références

\begin{thebibliography}{1}\tiny\setbeamertemplate{bibliography item}[article]% online, book\bibitem{citation1}Robert Zemeckis\newblock {\em Who framed Roger Rabbit.}\newblock Buena Vista Pictures Distribution, 1998.

\end{thebibliography}

Robert ZemeckisWho framed Roger Rabbit.Buena Vista PicturesDistribution, 1998.

Section

Mise en page

Les éléments de mise en page :

Les colonnesLes minipagesLes tableaux

Mise en page

Les éléments de mise en page :Les colonnes

Les minipagesLes tableaux

Colonne 1 Colonne 2

Mise en page

Les éléments de mise en page :Les colonnesLes minipages

Les tableaux

Colonne 1Minipage 1 Minipage 2

Colonne 2

Mise en page

Les éléments de mise en page :Les colonnesLes minipagesLes tableaux

Colonne 2

R1 R1 R1R1 R1 R1R1 R1 R1

Mise en page

Les éléments de mise en page :Les colonnesLes minipagesLes tableaux

Colonne 2R1 R1 R1R1 R1 R1R1 R1 R1

Sommaire

1 Introduction

3 Présentation Beamer : Fonctionnalités avancéesDéfinitions personnaliséesRecouvrementTransition

Section

Définitions personnalisées

Définir une variable :\newlength\name

Définir un compteur :\newcounter{compteur}

Définir ou redéfinir une commande :\(re)newcommand{\nom_commande}[\#arguments][defaut]{code}

Définir un environnement :\newenvironment{nom_env}[arguments]{begdef}{enddef}

Exemples :

Une variable pour la marge gauche :\makeatletter\newlength\beamerleftmargin\setlength\beamerleftmargin{\Gm@lmargin}\makeatother

Définir un compteur :\newcounter{count}\setcounter{count}{0}

Exemples (suite) :

Définir des commandes de raccourcis :\newcommand{\ketp}{\ensuremath{\ket{\psi}}}\newcommand{\maforme}[1]{\ensuremath{x.{#1}^x}}

Définir une frame spéciale :\newenvironment{testframe}[2]{%

\refstepcounter{count}\usebackgroundtemplate{

\includegraphics[width = \paperwidth,height =\textheight]{#1}

}\begin{frame}

\frametitle{Ma frame \thecount: #2}}{\end{frame}}

Ma frame 1: Titre

|ψ〉x.2x

Le code\begin{testframe}{img/test}{Titre}

\begin{itemize}\item \ketp\item \maforme{2}\item \maforme{a}

\end{itemize}\end{testframe}

Ma frame 2: Titre

Le code\begin{testframe}{img/test2}{Titre}

\hspace*{-\beamerleftmargin}%\includegraphics[height = 0.8

\textheight]{img/test3}\end{testframe}

Section

Recouvrement

Overlays simple : item

Apparition ordre donné :

Une liste :item 1

item 2item 3item 4

Le code\begin{itemize}

\item<1-> item 1\item<2-3> item 2\item<3-> item 3\item<4-> item 4

\end{itemize}

Une liste :item 1item 2

item 3item 4

\end{itemize}

Une liste :item 1item 2item 3

item 4

\end{itemize}

Une liste :item 1

item 2

item 3item 4

\end{itemize}

Apparition continue :

Une liste :item 1

item 2item 3item 4

Le code\begin{itemize}[<+->]

\item item 1\item item 2\item item 3\item item 4

\end{itemize}

item 3item 4

\end{itemize}

item 4

\end{itemize}

Une liste :item 1item 2item 3item 4

\end{itemize}

Alerte :

\item item 1\item item 2\item<alert@3> item 3\item item 4

\end{itemize}

Alerte :

\end{itemize}

Alerte :

\end{itemize}

Apparition avec alerte :

Une liste :item 1

item 2item 3item 4

Le code\begin{itemize}[<+-|alert@+>]

\end{itemize}

item 3item 4

\end{itemize}

item 4

\end{itemize}

Elements avec apparitions

Les commandes temporisable :

\textbf

\textit

\textsl

\includegraphics

\color

\alert

\structure

\textsf

\textrm

Un petit exemple de changement.

Le codeUn petit exemple \textcolor<2>{SeaGreen}{de changement}.

Elements avec apparitions

Les commandes temporisable :

\textbf

\textit

\textsl

\includegraphics

\color

\alert

\structure

\textsf

\textrm

Un petit exemple de changement.

Le codeUn petit exemple \textcolor<2>{SeaGreen}{de changement}.

Commande d’apparitions

Gérer l’apparition d’éléments :

\pause

\uncover<->{-}

\only<->{-}

\alt<->{-}

\onslide<->{-}

\onslide+<->{-}

\onslide*<->{-}

\invisible

Plein de choses à tester.

y = (2x)× δ

y = (2x

)× δ

A révéler !

\pause

\uncover<->{-}

\only<->{-}

\alt<->{-}

\onslide<->{-}

\onslide+<->{-}

\onslide*<->{-}

\invisible

Ou à découvrir !y = (2x+ γ)× δ

y = (2x+ γ)× δ

A révéler !

\pause

\uncover<->{-}

\only<->{-}

\alt<->{-}

\onslide<->{-}

\onslide+<->{-}

\onslide*<->{-}

\invisible

A vous de jouer !Plein de choses à tester.

y = (2x+ γ)× δ

A révéler !

Section

Transition

Les transitions & animations

A utiliser avec parcimonie !\trans*[option]

\transduration{-}

Exemple\transfade

\transduration{2}

Des films des frères Coen

Animation

Code\usepackage{animate}

\begin{frame}{Animation}\animategraphics[autoplay,loop,height=0.6\textheight]{5}{img

-}{0}{31}\end{frame}

Sommaire

1 Introduction

4 Graphisme : PGF / TikZDéfinitionLes basesExemples

Section

Définition

PGF / TikZ

DéfinitionsPGF : Portable Graphics FormatTikZ : TikZ ist kein Zeichenprogramm

Propriétés TikZLangage de macros haut niveauDessin vectorielpackage LATEX, comportant lui même de nombreux souspackage !

PGF / TikZ

TikZTikZ pour l’impatientEnvironnement :\begin{tikzpicture}[option]

. . .\end{tikzpicture}

Outils de dessin vectorielGeoGebraInkscapeBlenderMATLAB3R

Section

Les bases

Le corps de la frame est la toile !

Zone de dessin \textwidth × \textheight

Coordonnées absolues complexe . . .Coordonnées relatives très simples !

A.north

A.eastA.west

A.south

Le corps de la frame est la toile !

Déclaration Tikz\usepackage{pgf,tikz}\usetikzlibrary{shapes,shapes.arrows,decorations.pathreplacing,

calc}\tikzset{

nd/.style = {},box/.style = {draw=black,rectangle,align=center,minimum

height=8pt},vertex/.style = {circle,fill=BrickRed, text=BrickRed},ed/.style = {CornflowerBlue, very thick}}

Environnement TikzUn ; en fin de ligne !Node \node(label)[option]{Valeur}

Draw \draw[option] (node1)-- (node2)

Path \path[option] (node1)edge (node2)

Section

Exemples

TikZ & tikzmark

TOP 5 2016Class. Titre Pays Réalisateur

1 Vaiana USA John Musker et Ron Clements2 Rogue One USA Gareth Edwards3 Zootopie USA Byron Howard et Rich Moore4 Les Tuche 2 FR Olivier Barroux5 Les Animaux fantastiques USA David Yates

Le code\begin{tikzpicture}[overlay,remember picture]

\draw[thick, red] ($(pic cs:fr)+(0.2,0.1)$) circle(0.3);\path[->,thick,red] (pic cs:ge) edge[bend left] node [right]

{$> ?$} (pic cs:dy);\end{tikzpicture}

TikZ, Zoom & Overlays

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1ej−1

vi−1 ei−1

Vi Vn\Vi

vj−1

vjvj+1

vi−1

ej−1

ei−1

Vi Vn\Vi

vj−1

vjvj+1

vi−1

ej−1

ei−1

Vi Vn\Vi

Outils et astucesVertex : \resizebox{\textwidth}{!}{Overlays : \pauseOverlays conflit : \addtocounter{framenumber}{-1}frenchb et spy conflit :\shorthandoff{;} \begin{frame} . . .\end{frame} \shorthandon{;}

Définir son espion :\begin{tikzpicture}[spy using outlines={line width=0.5mm,

orange,magnification=2,height=4cm,width=15cm, connectspies}]%%ZOOM\coordinate (pos spy) at (12.,4.);\coordinate (center) at (12.5,8.5);\spy on (center) in node [fill=white, line width=1mm]

at (pos spy);

TikZ & animation

Rotation

Le code\centering\begin{animateinline}[autoplay,loop]{10}

\multiframe{180}{rangle=0+30}{\begin{tikzpicture}[scale=1]

\draw (0,0) circle (1);\draw[thick,->] (0,0) -- ({

cos(90-\rangle)},{sin(90-\rangle)});

\draw[thick,->] (0,0) -- ({cos(90-\rangle/60)},{sin(90-\rangle/60)});

\end{tikzpicture}}

\end{animateinline}\\Rotation

PGF & Plot 3D

2 0 0.51 1.5

Exemple de Stackexchange

Le code\centering\begin{tikzpicture}

\begin{axis}[grid=both,view={70}{40},colormap/viridis]\addplot3+[surf,mesh/

rows=11,mesh/ordering=colwise,nomarks] file {mesh.txt};

\end{axis}\end{tikzpicture}

MERCIcontact : vincent.itier@lirmm.fr

présentation beamer & pgf / tikz › icar › presentation › ... · un peu d’histoire...

Documents

chronologie de la tehnco-societe grenobloise

a very minimal introduction to tikz

chronologie _ situation de la psych analyse

package pgfplots manual - accueilsimardr/pgfplots.pdf ·...

tikz in 10 minutes -...

atex package for timing diagrams the tikz timing...

tikz for economists

graphics,inparticularplottingdata ·...

game trees with tikz

tikz in 10 minutes - paris dauphine...

manual do pacote tikz para latex

drawing syntactic trees with tikz-qtree -...

chronologie bordiga

atex package for timing diagrams the tikz timing...

chronologie de la bible - bible timeline

tikz and pgf manual - paws

chronologie 2012 ee

dot2tex documentation - read the docs · and tikz commands....

latex, beamer tikz und co. -...

graphics with tikz