%\documentclass{beamer}
\documentclass[handout]{beamer}
\setbeameroption{show notes}
\usepackage{lmodern}
\usepackage[normalem]{ulem}
\usepackage[final]{pdfpages}
\usepackage[czech]{babel}
\usepackage[T1]{fontenc}
\usepackage[cp1250]{inputenc}

\usepackage{moreverb}
\usepackage{tikz}

\tikzset{face/.style={shape=circle,minimum size=4ex,
        inner color=yellow!70, outer color=yellow}}
        
\usetikzlibrary{positioning}        

\def\us{{\ttfamily\char`\_}}

\beamertemplateshadingbackground{blue!20}{white!80}
\usenavigationsymbolstemplate{}
\useoutertheme[subsection=false]{miniframes}
%\usecolortheme{wolverine} 
%\usefonttheme{serif}
%\useinnertheme{rounded}

\beamerdefaultoverlayspecification{<visible@1-| structure@+ >} 

\title{Základy práce s~\LaTeX Beamer}
\subtitle{VV069 Prezentační dovednosti}
\date{\today}
\author{Zuzana Nevěřilová  \\ \texttt{xpopelk@fi.muni.cz}}
\institute{Centrum zpracování přirozeného jazyka, B203\\ Fakulta informatiky, Masarykova univerzita}

\begin{document}
\frame{\titlepage}

\section[Obsah]{}
\frame{\tableofcontents}

\def\THANH{H\`an Th\^e\llap{\raise 0.5ex\hbox{\'{}}} Th\`anh}

\begin{frame}
\frametitle{Historie}
\begin{itemize}[<*>]
	\item \TeX{} navrhl a vytvořil prof. Donald E. Knuth (DEK) v~r.~1978(!)
	\item DEK navrhl také způsob popisu počítačových písem Metafont a písmo Computer Modern (CM)
	\item \TeX{} má několik makro-jazyků, nejoblíbenější je patrně \LaTeX (Leslie Lamport)
	\item významné rozšíření použitelnosti \LaTeX{}u nastalo s~rozvojem formátu PDF (Adobe), v~roce 2000 vznikl pdf\TeX{} (\THANH)~\cite{Thanh}
\end{itemize}

V~tomto kurzu se budeme zabývat pouze \LaTeX{}em a pdf\LaTeX{}em.

\end{frame}

\section{Základy práce s~\LaTeX{}em}
\begin{frame}
\frametitle{Co budeme potřebovat}
\begin{itemize}
\item na UNIXových strojích na FI můžeme použít příkaz {\ttfamily pdflatex}
\item sami si můžeme nainstalovat distribuci (např. TeXLive\footnote{\url{http://www.tug.org/texlive/}})
\item na Windows je populární distribuce MiKTeX\footnote{\url{http://www.miktex.org}}
\item možná budeme muset doinstalovat balíčky (beamer, tikz atd.)
\item bude se nám hodit dobrý textový editor (vim, gvim, Emacs) nebo speciální pracovní prostředí (TeXnicCenter\footnote{\url{http://www.texniccenter.org/}})
\item pro texty v~češtině a slovenštině se bude hodit program {\ttfamily vlna} (Petr Olšák)
\end{itemize}
\end{frame}

\begin{frame}[fragile]
\frametitle{První kroky: syntax}
\begin{verbatim}
\documentclass{article}
\usepackage{lmodern}
\usepackage[czech]{babel}
\usepackage[T1]{fontenc}
\usepackage[cp1250]{inputenc}
% komentář

\begin{document}
Můj první text v~\LaTeX{}u.
\end{document}
\end{verbatim}
\end{frame}
\note{
Terminologie: {\em řídicí sekvence} (control sequence) začíná zpětným lomítkem a písmenem, končí čímkoli, co není písmeno.

Speciální znaky jsou: \textasciitilde{} \textbackslash{} \us{} \#{} \${} \%{} \&{} \^{} \{{} a \} 

Důležité c.s. jsou:
\begin{itemize}
	\item {\ttfamily \textbackslash{}documentclass}
	\item {\ttfamily \textbackslash{}begin} a {\ttfamily \textbackslash{}end} (začátek a konec {\em prostředí})
	\item {\ttfamily \textbackslash{}usepackage}
\end{itemize} 
}

\begin{frame}
\frametitle{První kroky: přeložení pomocí pdf\LaTeX}
\begin{itemize}
  \item ukázka
	\item vytvoří se několik souborů (log, toc, aux, bbl\dots)
	\item pokud používáme seznam literatury, obsah, rejstřík apod., je třeba dokument přeložit několikrát 
\end{itemize}
\end{frame}
\note{
{\ttfamily \textbackslash{}usepackage} s balíkem Babel je pro nastavení jazyka dokumentu (dělení slov, písmo, ,,servisní texty``: obsah, obrázek, tabulka, {\ttfamily \textbackslash{}today{}}

Balík {\ttfamily inputenc} je pro nastavení vstupního kódování. Pro češtinu je možné použít {\ttfamily cp1250}, {\ttfamily latin2} nebo {\ttfamily utf8}.

Balík {\ttfamily fontenc} určuje kódování fontu. Toto nastavení je dobré neměnit, pokud nevíte, co děláte.
}

\begin{frame}
\frametitle{První kroky: výsledek}
PDF včetně včetně odkazů, záložek \dots
\end{frame}

\begin{frame}
\frametitle{Důležité řídicí sekvence a prostředí}
na začátku dokumentu: {\ttfamily \textbackslash{}documentclass\{\hspace{5em}\}}

\pause
\hfill \includegraphics{sipka.png}\hbox to 4em{\only<2>{article}\only<3>{book}\only<4->{beamer}}

\onslide<5->

preambule: {\ttfamily \textbackslash{}usepackage}

např. {\ttfamily \textbackslash{}usepackage[czech]\{babel\}}

\bigskip
\onslide<6->

uvnitř těla dokumentu \\
(tj. mezi {\ttfamily \textbackslash{}begin\{document\}} a {\ttfamily \textbackslash{}end\{document\}})

\bigskip

např. {\ttfamily \textbackslash{}emph\{zvýraznění\} v textu}

\end{frame}

\begin{frame}
\frametitle{Důležité řídicí sekvence a prostředí}

\begin{itemize}
	\item {\ttfamily \textbackslash{}emph} -- zvýraznění
	\item {\ttfamily \textbackslash{}large} -- velikost písma
	\item {\ttfamily \textbackslash{}footnote} -- poznámka pod čarou
\end{itemize}

prostředí:
\begin{itemize}
	\item {\ttfamily enumerate} a {\ttfamily itemize} -- výčty
	\item {\ttfamily figure} -- obrázek
	\item {\ttfamily centering} -- zarovnání na střed
	\item {\ttfamily quotation} -- citát
\end{itemize}
\vfill\hfill\qed
\end{frame}


\note{Všemu před {\ttfamily \textbackslash{}begin\{document\}} se říká {\em preambule}, všechno za {\ttfamily \textbackslash{}end\{document\}} se při překladu ignoruje (což lze využít při ladění).}

\section{\LaTeX Beamer}
\begin{frame}[fragile]
\frametitle{Beamer: struktura dokumentu}
\begin{verbatim}
\documentclass{beamer}
\usepackage{lmodern}
\usepackage[czech]{babel}
\usepackage[T1]{fontenc}
\usepackage[cp1250]{inputenc}
\title{Základy práce s~\LaTeX Beamer}
\subtitle{VV069 Prezentační dovednosti}
\date{\today}
\author{Zuzana Nevěřilová}
\institute{Centrum zpracování přirozeného ...}

\begin{document}
  \frame{\titlepage}
\end{document}
\end{verbatim}
\end{frame}

\begin{frame}[fragile]
\frametitle{Beamer: první snímek}
{\ttfamily
\textbackslash{}section\{Základy práce s~\textbackslash{}LaTeX\{\}em\}\\
\textbackslash{}begin\{frame\}\\
\quad	\textbackslash{}frametitle\{Nadpis\}\\
\quad	můj první snímek\\
\textbackslash{}end\{frame\}
}
\end{frame}
\note{Mezery nehrají roli, spousta mezer je jedna mezera (podobně jako v HTML). Vynechaný řádek znamená odstavec.}

\begin{frame}[fragile]
\frametitle{Beamer: obsah prezentace}

Používáme-li {\ttfamily \textbackslash{}section}, {\ttfamily \textbackslash{}subsection}, {\ttfamily \textbackslash{}subsubsection}, obsah se vygeneruje sám.

\begin{verbatim}
\section[Obsah]{}
\frame{\tableofcontents}
\end{verbatim}

\end{frame}


\begin{frame}[fragile]
\frametitle{Obsah rámce: výčty}

prostředí {\ttfamily enumerate} a {\ttfamily itemize}
\begin{minipage}{0.6\textwidth}
\begin{verbatim}
\begin{itemize}
  \item první položka
  \item druhá položka
\end{itemize}
\end{verbatim}
\end{minipage}
\begin{minipage}{0.35\textwidth}
\begin{itemize}
  \item první položka
  \item druhá položka
\end{itemize}
\end{minipage}
\end{frame}

\begin{frame}[fragile]
\frametitle{Obsah rámce: výčty}

prostředí {\ttfamily enumerate} a {\ttfamily itemize}

\begin{minipage}{0.6\textwidth}
\begin{verbatim}
\begin{itemize}
  \item první položka
    \begin{itemize}
      \item za prvé
      \item za další
    \end{itemize}	
  \item druhá položka
\end{itemize}
\end{verbatim}
\end{minipage}
\begin{minipage}{0.35\textwidth}
\begin{itemize}
  \item první položka
    \begin{itemize}
      \item za prvé
      \item za další
    \end{itemize}	
  \item druhá položka
\end{itemize}
\end{minipage}
\end{frame}

\begin{frame}
\frametitle{Obsah rámce: zvýraznění písma pomocí velikosti}

\begin{tabular}{lc}
{\ttfamily \{\textbackslash{}tiny nejmenší\}} &{\tiny nejmenší}\\
{\ttfamily \{\textbackslash{}scriptsize skoro nejmenší\}} &{\scriptsize skoro nejmenší}\\
{\ttfamily \{\textbackslash{}footnotesize ještě menší\}} &{\footnotesize ještě menší}\\
{\ttfamily \{\textbackslash{}small menší\}} &{\small menší}\\
{\ttfamily \{\textbackslash{}normalsize normální\}} &{normální}\\
{\ttfamily \{\textbackslash{}large větší\}} &{\large větší}\\
{\ttfamily \{\textbackslash{}Large ještě větší\}} &{\Large ještě větší}\\
{\ttfamily \{\textbackslash{}LARGE ještě víc větší\}} &{\LARGE ještě víc větší}\\
{\ttfamily \{\textbackslash{}huge skoro největší\}} &{\huge skoro největší}\\
{\ttfamily \{\textbackslash{}Huge největší\}} &{\Huge největší}\\
\end{tabular}
\end{frame}

\begin{frame}
\frametitle{Obsah rámce: zvýraznění písma pomocí barev a typu písma}

\begin{tabular}{lc}
{\ttfamily \textbackslash{}structure\{struktura\}} &\structure{struktura}\\
{\ttfamily \textbackslash{}alert\{důležité\}} &\alert{důležité}\\
{\ttfamily \textbackslash{}emph\{zvýraznění\}} &\emph{zvýraznění}\\
{\ttfamily \textbackslash{}textbf\{tučné\}} &\textbf{tučné}\\
{\ttfamily \textbackslash{}texttt\{strojipis\}} &\texttt{strojopis}\\
{\ttfamily \textbackslash{}textit\{kurzíva\}} &\textit{kurzíva}\\
{\ttfamily \textbackslash{}uline\{podtržené\}} &\uline{podtržené}\\
{\ttfamily \textbackslash{}sout\{přeškrtnuté\}} &\sout{přeškrtnuté}\\
\end{tabular}
\end{frame}
\note{U písem jsou možné kombinace, např. {\ttfamily \textbackslash{}textbf\{\textbackslash{}textit\{tučná kurzíva\}}. Záleží na tom, jaký typ písma pro danou písmovou rodinu existuje. \TeX{} o tom vypíše informaci v logu.

{\ttfamily \textbackslash{}uline{}} funguje, pokud použijeme balík {\ttfamily ulem}:
{\ttfamily \textbackslash{}usepackage[normalem]\{ulem\}}
}

\begin{frame}
\frametitle{Obsah rámce: obrázky}
preambule:
{\ttfamily \textbackslash{}usepackage\{graphicx\}}

uvnitř rámce:
\bigskip

\begin{minipage}{0.2\textwidth}
\includegraphics[width=\columnwidth]{books.jpg} % zmensene
\end{minipage}\hfill
\begin{minipage}{0.75\textwidth}
\texttt{\textbackslash{}includegraphics\{books.jpg\}}

\bigskip
parametry  {\ttfamily \textbackslash{}includegraphics}:

{\ttfamily width, height \dots}

\end{minipage}
\end{frame}

\begin{frame}
\frametitle{Obsah rámce: obrázky}
preambule:
{\ttfamily \textbackslash{}usepackage\{tikz\}}\\

{\ttfamily \textbackslash{}usetikzlibrary\{positioning\}}\\
\bigskip
        
\begin{minipage}{0.2\textwidth}
\begin{tikzpicture}
  \node[face] (emoticon) {};
  \draw[fill=white] (-1ex,0ex) ..controls (-0.5ex,0.2ex)and(0.5ex,0.2ex)..
        (1ex,0.0ex) ..controls ( 1.5ex,1.5ex)and( 0.2ex,1.7ex)..
        (0ex,0.4ex) ..controls (-0.2ex,1.7ex)and(-1.5ex,1.5ex)..
        (-1ex,0ex)--cycle;
  \fill[shift={(0.5ex,0.5ex)},rotate=80] 
       (0,0) ellipse (0.3ex and 0.15ex);
  \fill[shift={(-0.5ex,0.5ex)},rotate=100] 
       (0,0) ellipse (0.3ex and 0.15ex);
  \draw[thick] (-1ex,-1ex)
                 ..controls (-0.5ex,-1.5ex)and(0.5ex,-1.5ex)..(1ex,-1ex);       
\end{tikzpicture}
\end{minipage}\hfill
\begin{minipage}{0.75\textwidth}

uvnitř rámce:
\bigskip

\texttt{\textbackslash{}begin\{tikzpicture\}}

\texttt{\textbackslash{}node[face] (emoticon) {};}

\texttt{\textbackslash{}draw[fill=white] (-1ex,0ex) ..controls (-0.5ex,0.2ex)and(0.5ex,0.2ex)..}
  
  $\vdots$

\texttt{\textbackslash{}fill[shift={(0.5ex,0.5ex)},rotate=80] 
       (0,0) ellipse (0.3ex and 0.15ex);
       }
       
       $\vdots$
  
\texttt{\textbackslash{}end\{tikzpicture\}}
\end{minipage}

\end{frame}

\begin{frame}
\frametitle{Obsah rámce: obrázky}

\begin{itemize}
	\item bitmapy (fotografie, snímky obrazovky)
	\item vektorové (grafy, diagramy, myšlenkové mapy)
	\begin{itemize}[<*>]
	  \item kreslení přímo v kódu (např. balík \texttt{tikz})
	  \item kreslení v jiném programu (např. \href{http://www.lucidchart.com}{http://www.lucidchart.com}), export přes formát PDF
  \end{itemize}
\end{itemize}

\end{frame}

\begin{frame}[fragile]
\frametitle{Obsah rámce: tabulka}
\begin{verbatim}
\begin{tabular}{l|cr}
ovoce & barva & počet \\
\hline
jablka & červená & 4 \\
hrušky & zelená & 12 \\
\end{tabular}
\end{verbatim}
\begin{tabular}{l|cr}
ovoce & barva & počet \\
\hline
jablka & červená & 4 \\
hrušky & zelená & 12 \\
\end{tabular}
\end{frame}

\begin{frame}
\frametitle{Seznam literatury}
BibTeX: seznam literatury -- soubor s příponou {\texttt bib}

%\small
\texttt{
$@${}Article\{beamer\us{}snadna,\\
\quad	author = \{Ondřej Medek\},\\
\quad	title = "\{Beamer - snadná a profesionální 
\\\quad prezentace v (pdf)LaTeXu\}",\\
\quad	year  = \{2005\},\\
\quad	journal = \{Root.cz\},\\
\quad	howpublished=\{[online at \\
\quad	\textbackslash{}url\{http://www.root.cz/clanky/\\\quad
beamer-prezentace-v-pdflatexu/\}]\}\\
\}
}

\end{frame}

\begin{frame}
\frametitle{Mezery}
text vlevo \hfill \texttt{\textbackslash{}hfill} \hfill text vpravo

\vfill

\hfil\texttt{\textbackslash{}hfill} \hfill text uprostřed \hfill \texttt{\textbackslash{}hfill}\hfil

\vfill

\texttt{\textbackslash{}vfill}
\vfill

text dole
\end{frame}

\begin{frame}
\frametitle{Mezery}

konec řádku \texttt{\textbackslash{}\textbackslash{}}\\
odstavec

\bigskip

velká mezera

\bigskip

\texttt{\textbackslash{}bigskip}

menší mezera

\medskip
\texttt{\textbackslash{}medskip}

nejmenší mezera

\smallskip
\texttt{\textbackslash{}smallskip}

\vfill\hfill\qed
\end{frame}


\section{Vzhled}
\begin{frame}
\frametitle{Vzhled}
vzhled definujeme v~preambuli

\begin{itemize}
	\item celkové schéma: \texttt{\textbackslash{}usetheme\{Warsaw\}}
  \item prvky prezentace	
  \item ovládací prvky prezentace
\end{itemize}
\end{frame}

\setbeamertemplate{background canvas}{\includegraphics[page=1]{madrid.pdf}}
\frame[plain]{}
\setbeamertemplate{background canvas}{\includegraphics[page=1]{warsaw.pdf}}
\frame[plain]{}
\setbeamertemplate{background canvas}{\includegraphics[page=1]{copenhagen.pdf}}
\frame[plain]{}
\setbeamertemplate{background canvas}{\includegraphics[page=1]{cambridge.pdf}}
\frame[plain]{}
\setbeamertemplate{background canvas}{}

\begin{frame}
\frametitle{Vzhled: prvky prezentace}

definice v~preambuli:

\texttt{\textbackslash{}usecolortheme\{dove\}}

\texttt{\textbackslash{}usecolortheme\{albatross\}}

\texttt{\textbackslash{}usecolortheme\{beaver\}}

beetle, crane, dolphin, fly, lily, orchid, rose, seagull, seahorse, spruce, whale, wolverine\footnote{\url{http://deic.uab.es/~iblanes/beamer_gallery/}}

\bigskip
\texttt{\textbackslash{}usefonttheme\{serif\}}

professionalfonts, serif, structurebold, structureitalicserif, structuresmallcapsserif

\end{frame}

\begin{frame}
\frametitle{Vzhled: ovládací prvky prezentace}
definice v~preambuli:

implicitně

\includegraphics[width=160px]{nav}

\texttt{\textbackslash{}setbeamertemplate\{navigation symbols\}[only frame symbol]} 

\includegraphics[width=25px]{nav2}

\texttt{\textbackslash{}setbeamertemplate\{navigation symbols\}\{\}} 

(nic)

\bigskip
\texttt{\textbackslash{}useoutertheme[subsection=false]\{miniframes\}}

(obsah v liště)


infolines, shadow, sidebar, smoothbars, smoothtree, split, tree

\bigskip
\texttt{\textbackslash{}useinnertheme\{rectangles\}}

circles, inmargin, rectangles, rounded

\end{frame}

\begin{frame}{Nastavení vzhledu, nevýhoda}

\includegraphics[width=\textwidth]{writing-essays.jpg}

\hfill{GraphJam.com}

\vfill\hfill\qed

\end{frame}

\begin{frame}

\frametitle{Poznámky a \emph{handouts}}
definice v~preambuli:

\texttt{\textbackslash{}setbeameroption\{show notes\}}

\bigskip

\pause

parametr třídy:

\texttt{\textbackslash{documentclass\alert{[handout]}}\{beamer\}}

\end{frame}
\note{Poznámky ke snímkům. Sem si napíšeme, co budeme říkat a poznámky si můžeme vytisknout. V~horní části je vidět, ke kterému snímku poznámky patří.

\vfill\hfill\qed
}

\section{Overlays}
\begin{frame}[fragile]
\frametitle{Animace neboli overlays}
\begin{itemize}
	\item používají se ke zvýraznění části textu
	\item zbytek textu buď zmizí, nebo je nevýraznou barvou
	\item ve skutečnosti jde o~další stránky ve výsledném PDF
\end{itemize}
\end{frame}

\begin{frame}
\frametitle{Animace neboli overlays: postupné odkrývání textu}
Text se odkryje \texttt{\textbackslash{}pause}\pause{}
teprve až o~něm mluvíme.

\pause

Někdy je postupné odkrývání výhodné, \texttt{\textbackslash{}pause}\pause{}
ale neměli bychom to přehánět.

Postupné odkrývání je možné použít pro řádky tabulky
\begin{tabular}{l|cr}
ovoce & barva & počet \\
\hline\pause
jablka & červená & 4 \\\pause
hrušky & zelená & 12 \\
\end{tabular}


\end{frame}

\begin{frame}
\frametitle{Animace neboli overlays: postupné zvýraznění textu}
Text se odkryje hned, ale část se \texttt{\textbackslash{}alert<2>\{}\alert<2>{zvýrazní}\texttt{\}} na druhém snímku.
\onslide<3->

Podobně se může zvýraznit text pomocí jiných řídicích sekvencí, např. pro \texttt{\textbackslash{}textbf<4>\{}\textbf<4>{tučné písmo}\texttt{\}}.
\end{frame}


\begin{frame}[fragile]
\frametitle{Animace neboli overlays: postupné odkrývání výčtu}
\begin{verbatim}
\begin{itemize}
  \item <1-2>první se objeví 
  \item <2,3>první zůstane a objeví se druhá
  \item <3->třetí se objeví a první zmizí
\end{itemize}
\end{verbatim}

\begin{itemize}
	\item <1-2>první se objeví
	\item <2,3>první zůstane a objeví se druhá
	\item <3->třetí se objeví a první zmizí
\end{itemize}
\end{frame}

\begin{frame}[fragile]
\frametitle{Animace neboli overlays: postupné odkrývání výčtu}
vše se postupně objeví a nic nezmizí

\begin{verbatim}
\begin{itemize}[<+->]
  \item první se objeví 
  \item první zůstane a objeví se druhá
  \item třetí se objeví
\end{itemize}
\end{verbatim}

\begin{itemize}[<+->]
	\item první se objeví
	\item první zůstane a objeví se druhá
	\item třetí se objeví
\end{itemize}
\end{frame}

\begin{frame}[fragile]
\frametitle{Animace neboli overlays: postupné zvýraznění výčtu}
\begin{verbatim}
\begin{itemize}
  \item \structure<1-2>{první se zvýrazní}
  \item \structure<2-3>{první zůstane a zvýrazní se druhá}
  \item \structure<3->{třetí se zvýrazní a první se 
        znevýrazní}
\end{itemize}
\end{verbatim}

\begin{itemize}
  \item \structure<1-2>{první se zvýrazní}
  \item \structure<2-3>{první zůstane a zvýrazní se druhá}
  \item \structure<3->{třetí se zvýrazní a první se znevýrazní}
\end{itemize}
\end{frame}


\begin{frame}[fragile]
\frametitle{Animace neboli overlays: postupné zvýraznění výčtu}
\begin{verbatim}
\begin{itemize}
  \item \alert<1-2>{první se zvýrazní}
  \item \alert<2-3>{první zůstane a zvýrazní se druhá}
  \item \alert<3->{třetí se zvýrazní a první se znevýrazní}
\end{itemize}
\end{verbatim}

\begin{itemize}
  \item \alert<1-2>{první se zvýrazní}
  \item \alert<2-3>{první zůstane a zvýrazní se druhá}
  \item \alert<3->{třetí se zvýrazní a první se znevýrazní}
\end{itemize}

\vfill\hfill\qed

\end{frame}

\section{Úkol}
\begin{frame}
\frametitle{Úkoly na příště}
\begin{itemize}
	\item vyzkoušet nějakou instalaci \TeX{}u (školní, vlastní \dots)
	\item připravit si jeden snímek na vybrané téma
	\item přidat úvodní a závěrečný snímek
\end{itemize}
\end{frame}

\nocite{latex}
\nocite{beamer}
\nocite{ne_tak_strucny}
\nocite{beamer_cz}
\nocite{beamer_cz2}
\nocite{beamer_guide}

\section{Literatura}
\begin{frame}[allowframebreaks]
\bibliographystyle{apalike}
\bibliography{xpopelk}
\end{frame}

\end{document}
