\documentclass[dvipsnames,svgnames,x11names,table]{beamer}

% Lenguaje y codificación
\usepackage[spanish]{babel}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}

% Control de layout, notas
\usepackage{pgfpages}

% Inclusión de pdfs externos
\usepackage{pdfpages}

% para incluir contenido de un archivo
% con el comando \verbatiminput
\usepackage{verbatim}

% para rotar cosas 
% (entornos sideways, turn, rotate, sidewaysfigure, sidewaystable,...)
\usepackage{rotating}

% para hacer overlays con imágenes
% y dibujar diagramas
\usepackage{tikz}
\usepackage{graphicx}
\usetikzlibrary{arrows,shapes,trees,positioning,fadings}


%%% Configuraciones golbales de beamer %%%%%%%%%%%%%%%%%%%%%%%
  \mode<presentation>{
    \usetheme{Curso}
    
    % overlays semitransparentes
    \setbeamercovered{transparent}
    
    % eliminar íconos de nav.
    \setbeamertemplate{navigation symbols}{}
    
    % especificación global para listas
    %\beamerdefaultoverlayspecification{<+->}
    
    % márgenes
    \setbeamersize{text margin left=0.4cm,text margin right=0.4cm}
  }
  \mode<handout>{
    % layout para handouts
    \pgfpagesuselayout{2 on 1}[a4paper,border shrink=5mm]
    
    % un fondo gris claro para el modo handout
    \setbeamercolor{background canvas}{bg=black!5}
  }
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


%%% Entornos tipo teorema %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
  %% Beamer carga por defecto el paquete amsthm
  %% Redefinir los entornos para tener encabezados en español
  %% El entorno proof sí que responde al paquete babel
  \theoremstyle{plain} % default
  \newtheorem{thm}{Teorema} 
  \theoremstyle{definition}
  \newtheorem{defn}{Definición} 
  \newtheorem{exmp}{Ejemplo}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% Beamer string
\newcommand{\beamer}{{\sc Beamer}}

% retrobarra
\newcommand{\bs}{$\backslash$}

% un estilo para los argumentos opcionales
\newcommand{\optional}[1]{{\color{OliveGreen} #1}}

% un poco más de énfasis al énfasis
\renewcommand{\emph}[1]{{\color{BrickRed} #1}}
%\renewcommand{\emph}[1]{{\color{tugred!80!black} #1}}   % sólo con el theme Graz

% Página de título para cada sección
\AtBeginSection{
  \begin{frame}%{Curso avanzado de Beamer}
    \begin{structureenv}
      \Large Sección \thesection\ \rule[-.6cm]{2pt}{1.5cm} \insertsection
    \end{structureenv}
  \end{frame}
}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\title{Curso avanzado de \beamer{}}
\subtitle{Universitat Jaume I, Castelló}
\author[Facundo Muñoz]{Facundo Muñoz}
\institute[GEeitEma -- UV]{
  \begin{columns}
  \column{.5\textwidth}
    \begin{flushright}
      \begin{minipage}{1.5cm}
        \includegraphics[height=1cm]{img/LogoGeeitema.png}
      \end{minipage}
      \begin{minipage}{.58\textwidth}
        {\tiny Grup d'Estadística espacial i temporal}\\
        {\tiny en Epidemiologia i Medi Ambient}
      \end{minipage}
    \end{flushright}
  \column{.5\textwidth}
    \begin{center}
      \begin{minipage}{.75cm}
        \includegraphics[height=1cm]{img/EscudoUV.png}
      \end{minipage}
      \begin{minipage}{.7\textwidth}
        {\tiny Departament d'Estadística}\\
        {\tiny i Investigació Operativa}
      \end{minipage}
    \end{center}
  \end{columns}
}
\titlegraphic{\pgfimage[height=1cm]{img/logoUJI_half.png}}
\date[UJI, Febrero 2011]{Febrero, 2011}


\begin{document}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\frame{\titlepage}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}{Programa}
  \tableofcontents%[pausesections]
\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section{\beamer{} básico}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[<+->]{Presentaciones con \beamer{}}
  \framesubtitle{Qué es \beamer{}}
  
  \begin{block}{\beamer{}}
    \beamer{} es una \emph{clase} de \LaTeX~ para la creación de presentaciones.
  \end{block}

  \begin{itemize}
    \item Todas las ventajas heredadas de \emph\LaTeX \\
          {\scriptsize separación de contenido y estilo, programable, estándar, ligero, excelente calidad tipográfica, gestión automática de referencias, etc.}
    \item Presentación en \emph{PDF} \\
          {\scriptsize estándar, portable, etc.}
    \item \emph{Estilos} predefinidos elegantes y con herramientas útiles\\
            {\scriptsize cabeceras y pies de página informativos, botones de navegación, tablas de contenidos, etc.}
    \item Fácil generación de \emph{overlays} y efectos dinámicos
    \item Software \emph{libre} y gratuito, con una amplísima comunidad de soporte
  \end{itemize}
\end{frame}


\begin{frame}[<+->]{Instalación}

  \begin{itemize}
    \item Depende de la \emph{plataforma} (\raisebox{-0.7ex}{\includegraphics[height=.5cm]{img/win_lin_mac}}), y de la \emph{distribución} de \LaTeX.
    \item Instalar según el procedimiento habitual para cualquier paquete de \LaTeX.
    \item Última versión (estable)\\
            \hspace{\stretch{1}}
            \scriptsize \color{oxygenblue}
            \url{http://www.ctan.org/tex-archive/macros/latex/contrib/beamer/}
            \hspace{\stretch{1}} \mbox{}
    \item Versión en desarrollo\\
            \hspace{\stretch{1}}
            \scriptsize \color{oxygenblue}
            \url{https://bitbucket.org/rivanvx/beamer/wiki/Home}
            \hspace{\stretch{1}} \mbox{}
  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Estructura básica}
  \framesubtitle{\href{ejemplos/1-basico.pdf}{Ejemplo 1}}

  \begin{columns}
    \column{.4\textwidth}
	  \begin{block}{}
	  \scriptsize
	  \verbatiminput{ejemplos/1-basico.tex}
      \end{block}
      
    \column{.4\textwidth}
      \frame{\includegraphics[width=.95\textwidth]{ejemplos/1-basico}}\\
      \frame{\includegraphics[width=.95\textwidth,page=2]{ejemplos/1-basico}}
  \end{columns}
\end{frame}


\begin{frame}[<+->]{Compilación}
  
  \begin{block}
    \tt pdflatex prese.tex
  \end{block}
  
  \begin{itemize}
    \item {\tt pdflatex} entiende \emph{formatos de imágenes} \\
          \texttt{.tif}, \texttt{.gif}, \texttt{.jpg}, \texttt{.png}, \texttt{.pdf}
    \item Se puede utilizar \emph{\tt .eps} con \texttt{\bs usepackage\{epstopdf\}}
    \item Compilar (al menos) \emph{$2$ veces} (referencias, tabla contenidos, etc.)
    \item O usar \texttt{rubber}, o un Makefile (\emph{Linux})
  \end{itemize}
\end{frame}


\begin{frame}[<+->][fragile]{Templates}
  
  \begin{itemize}
    \item Una forma práctica de empezar con \beamer{} es utilizar un \emph{template}.
    \item El paquete proporciona tres templates comentados y con ejemplos:
    {\scriptsize 
    \begin{center}
    	\begin{tabular}{lp{.4\textwidth}}
	\verb+.../beamer/solutions/+\footnote{En mi ordenador: \tt /usr/share/doc/latex-beamer/solutions/} &  \\
	\verb+   ...short-talks/+ & Charla de 2 min. para presentar a otro conferenciante \\
	\verb+   ...generic-talks/+ & Charla de entre 15 y 45 min. \\
	\verb+   ...conference-talks/+ & Charla en una conferencia o coloquio de unos 20 min. \\
    	\end{tabular}
    \end{center}
    }
    \item Basta copiar un template y modificar el contenido.
  \end{itemize}
\end{frame}


\begin{frame}[<+->]{Apariencia}

  \begin{center}
  \begin{tikzpicture}[
  % Estilos Nodos
      nodo/.style={rectangle,thick,draw,fill=yellow!20,text width=2cm,
  		text centered,font=\small,anchor=north},
  % Estilos nodos hijos y aristas
      edge from parent/.style={very thick,draw=black!70},
      edge from parent path={(\tikzparentnode.south) -- ++(0,-.5cm)
  			-| (\tikzchildnode.north)},
      level 1/.style={sibling distance=3cm,level distance=1cm,
  			growth parent anchor=south,nodes=nodo}
  ]
  
  %% Dibujar nodos y aristas
      \node (PT) [nodo] {\alert<1>{Presentation themes}}
  	     child{node (CT) {\alert<2>{Color themes}}}
  	     child{node (FT) {\alert<3>{Font themes}}}
  	     child{node (IT) {\alert<4>{Inner themes}}}  
  	     child{node (OT) {\alert<5>{Outer themes}}};
  %\draw (PT.south) node[right, inner sep=15mm] {usetheme};
  \end{tikzpicture}
  \end{center}
  
  \begin{itemize}
    \item \beamer{} proporciona casi $30$ estilos (themes) predefinidos que especifican:
      \begin{itemize}
        \item Los colores utilizados en cada uno de los elementos de la presentación
        \item El estilo de letra
        \item El aspecto de las listas y bloques
        \item El aspecto del cabezal, pie de página, barras de navegación
      \end{itemize}
    \item Preámbulo: \emph{\tt\bs{}usetheme}\{nombre tema\}
  \end{itemize}
\end{frame}


\begin{frame}{Presentation themes}

  \begin{itemize}[<+-| alert@+>]
    \item Sin barra de navegación\par
        \only<1| handout:0>{
          \color{black}\scriptsize
          default, boxes, Boadilla, {\bf Madrid}, AnnArbor, CambridgeUS, Pittsburg, Rochester.
          \begin{center}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Madrid-0}}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Madrid-1}}
          \end{center}
        }
    \item Con árbol de navegación\par
        \only<2| handout:0>{
          \color{black}\scriptsize
          Antibes, JuanLesPins, {\bf Montpellier}.
          \begin{center}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Montpellier-0}}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Montpellier-1}}
          \end{center}
        }
    \item Con tabla de contenidos lateral\par
        \only<3| handout:0>{
          \color{black}\scriptsize
          Berkeley, PaloAlto; Goettingen, {\bf Marburg}, Hannover.
          \begin{center}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Marburg-0}}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Marburg-1}}
          \end{center}
        }
    \item Con esquema de navegación\par
        \only<4| handout:0>{
          \color{black}\scriptsize
          Berlin, Ilmenau, Dresden, Darmstadt, {\bf Frankfurt}, Singapore, Szeged.
          \begin{center}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Frankfurt-0}}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Frankfurt-1}}
          \end{center}
        }
    \item Con títulos de sección y subsección\par
        \only<5| handout:0>{
          \color{black}\scriptsize
          Copenhagen, Lueveck, {\bf Malmoe}, Warsaw.
          \begin{center}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Malmoe-0}}
            \frame{\includegraphics[width=.4\textwidth]{img/beamer-default-Malmoe-1}}
          \end{center}
        }
  \end{itemize}
\end{frame}


\begin{frame}{Galerías de temas}

  Una vez decidido el tipo de \emph{estructura} que queremos para la presentación, podemos afinar el \emph{estilo} y los \emph{colores} con las siguientes \emph{galerías}.
  
  \begin{itemize}
    \item \beamer{} theme matrix \\
          \href{http://www.hartwork.org/beamer-theme-matrix/}{\color{blue} http://www.hartwork.org/beamer-theme-matrix/}
    \item \beamer{} gallery \\
          \href{http://deic.uab.es/~iblanes/beamer_gallery/}{\color{blue} http://deic.uab.es/$\sim${}iblanes/beamer\_gallery/}
  \end{itemize}
\end{frame}


\begin{frame}[<+->]{Organización del contenido}
  \framesubtitle{Estructura global}  
  
  \begin{itemize}
    \item Las presentaciones se dividen en \emph{Secciones}, \emph{Subsecciones} y \emph{Sub-subsecciones}
    \item Cada comando \emph{\bs section\{nombre\}}, \emph{\bs subsection\{nombre\}} o \emph{\bs subsubsection\{nombre\}}, de forma automática:
      \begin{enumerate}
        \item Inserta la correspondiente entrada en la Tabla de Contenidos
        \item Inserta la correspondiente entrada en las barras de navegación
      \end{enumerate}
    \item La especificación de secciones se hace \emph{fuera de los frames}
    \item No producen ningún contenido
  \end{itemize}
\end{frame}


\begin{frame}[<+->]{Página de título}
  
  \begin{itemize}
    \item El comando \emph{\tt\bs{}titlepage}\footnote{utilizado dentro de un entorno {\tt frame}} genera una portada que incluye la siguiente información especificada en el preámbulo:
      \begin{itemize}
        \item {\tt\bs title\optional{[abrev.]}\{título\}}\\
        \item {\tt\bs subtitle\optional{[abrev.]}\{subtítulo\}}
        \item {\tt\bs author\optional{[abrev.]}\{autor(es)\}}\\
               \uncover<.>{\scriptsize \tt \emph{\bs{}author}[Hemaspaandra et al.]\{L. Hemaspaandra\emph{\bs inst\{1\}} \emph{\bs{}and} T. Tantau\emph{\bs inst\{2\}}\}}
              %{\scriptsize Los nombres de varios autores se separan con \emph{\tt \bs and}.
              %Para vincularlos a diferentes instituciones se utiliza el sufijo \emph{\tt \bs inst\{etiqueta\}}}
        \item {\tt\bs institute\optional{[abrev.]}\{afiliación(es)\}}\\
              \uncover<.>{\scriptsize \tt
                \emph{\bs institute}[Universities of Rijeka and Berlin]\{ \\
                \emph{\bs inst\{1\}}Department of Informatics\bs\bs University of Rijeka \emph{\bs and} \\
                \emph{\bs inst\{2\}}Fakult\"at f\"ur Elektrotechnik und Informatik\bs \bs TUB\}}
              %{\scriptsize Si hay varias instituciones, se separan con \emph{\tt \bs and},
              %y se etiquetan con el prefijo \emph{\tt \bs inst\{etiqueta\}}}
        \item {\tt\bs date\optional{[abrev.]}\{fecha\}}
        \item {\tt\bs titlegraphic\optional{[abrev.]}\{figura\}}
      \end{itemize}
    \item Las versiones abreviadas se utilizan para las barras de navegación y los pies de página
    \item La información omitida en el preámbulo no aparece en la portada
  \end{itemize}
\end{frame}
  

\begin{frame}[<+->]{Tabla de contenidos}
  \begin{itemize}
    \item Se genera automáticamente con el comando \emph{\tt\bs{}tableofcontents}\footnote{utilizado dentro de un entorno {\tt frame}}, basada en las secciones y subsecciones definidas en el documento
    \item Algunas opciones interesantes:
      \begin{itemize}
        \item {\tt\bs tableofcontents\optional{[pausesections]}}\\
              \uncover<.>{\scriptsize enseña las secciones paso a paso}
        \item {\tt\bs tableofcontents\optional{[hideallsubsections]}}\\
              \uncover<.>{\scriptsize oculta las subsecciones}
      \end{itemize}
  \end{itemize}
\end{frame}
  

\begin{frame}<1-3| handout:0>[<+->][fragile,label=logo]{Logo}
  \begin{itemize}
    \item Se puede incluir un comando \emph{\tt\bs{}logo} en el preámbulo, que típicamente se utiliza para especificar una imagen (logo) de la Universidad o institución de afiliación
    \item Pero en general puede ser cualquier contenido
    \item Cómo se procesa esta imagen depende del \emph{Theme}, pero usualmente se presenta el logo en todas las diapositivas, en alguna esquina.
  \end{itemize}
  
  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
 \\\emph{logo}\{\\includegraphics\{logoUJI_top\}\}  \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
  \end{columns}
  
\end{frame}


\logo{\includegraphics{img/logoUJI_top}}
\againframe<4>{logo}
\logo{}


\begin{frame}[fragile]{Listas}
  
  Además de texto organizado en párrafos, el contenido se suele presentar en forma de lista
  utilizando los entornos de \LaTeX{} \emph{\tt itemize}, \emph{\tt enumerate} o \emph{\tt description}
  
  \begin{columns}
    \column{.5\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
  \\begin\{\emph{itemize}\}
    \\\emph{item} El primer punto a destacar
    \\\emph{item} el segundo...
    \\\emph{item} ... y así sucesivamente
  \\end\{\emph{itemize}\}         \end{semiverbatim}
      \end{block}
    \column{.5\textwidth}
      \begin{itemize}
        \item El primer punto a destacar
        \item el segundo...
        \item ... y así sucesivamente
      \end{itemize}
  \end{columns}
\end{frame}


\begin{frame}[fragile]{Bloques}
  
  \begin{itemize}
  \item<+->
  Para destacar un elemento se utiliza el entorno \emph{block}
  
  \begin{columns}[t]
    \column{.48\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
  \\begin\{\emph{block}\}\{Importante\}
  El título es opcional, pero siempre
  hay que incluir las llaves: 
      \\verb+\\begin\{block\}\{\}+
  \\end\{\emph{block}\}         \end{semiverbatim}
      \end{block}
    \column{.48\textwidth}
      \scriptsize
      \begin{block}{Importante}
        El título es opcional, pero siempre hay
        que incluir las llaves: \verb+\begin{block}{}+
      \end{block}
  \end{columns} 
  \bigskip 
  
  \item<+->
  \ldots o alguno de sus primos
  
  \begin{columns}[t]
    \column{.48\textwidth}
      \scriptsize
      \begin{alertblock}{\tt alertblock}
        \begin{semiverbatim}
 \\begin\{\emph{alertblock}\}\{\\tt alertblock\}
 \ldots
 \\end\{\emph{alertblock}\}         \end{semiverbatim}
      \end{alertblock}
    \column{.48\textwidth}
      \scriptsize
      \begin{exampleblock}{\tt exampleblock}
        \begin{semiverbatim}
 \\begin\{\emph{exampleblock}\}\{\\tt exampleblock\}
 \ldots
 \\end\{\emph{exampleblock}\}         \end{semiverbatim}
      \end{exampleblock}
  \end{columns}
  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Entornos tipo teorema}
  
  \begin{itemize}
  \item<+->
  \beamer{} define los entornos {\tt theorem}, {\tt corollary}, {\tt proof}, {\tt definition}, {\tt definitions}, {\tt fact}, {\tt example}, y {\tt examples}; y utiliza bloques con diferentes estilos para representarlos
  
  \begin{columns}[t]
    \column{.48\textwidth}
      \begin{itemize}
        \item<+-> Los encabezados salen en inglés
        \item<+-> Excepto por {\tt proof}, que le hace caso al paquete {\tt babel}
      \end{itemize}
    \column{.48\textwidth}
      \scriptsize
      \begin{theorem}[Un resultado]
        \begin{semiverbatim}
  \\begin\{\emph{theorem}\}[Un resultado]
  \ldots
  \\end\{\emph{theorem}\}         \end{semiverbatim}
      \end{theorem}
      \begin{proof}
        \begin{semiverbatim}
  \\begin\{\emph{proof}\}
  \ldots
  \\end\{\emph{proof}\}         \end{semiverbatim}
      \end{proof}
  \end{columns} 
  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Entornos tipo teorema}
  \framesubtitle{En español}
  
  \begin{itemize}
  \item<+->
  Para cambiar  los encabezados es necesario definir nuevos entornos tipo teorema utilizando los estilos proporcionados por el paquete {\tt amsthm} (cargado automáticamente  por \beamer)
  
  \begin{columns}[t]
    \column{.48\textwidth}
      \scriptsize
      \begin{block}{Preámbulo}
      \begin{semiverbatim}
 \\theoremstyle\{plain\} % default
   \\newtheorem\{\emph{thm}\}\{Teorema\} 
   
 \\theoremstyle\{definition\}
   \\newtheorem\{defn\}\{Definición\} 
   \\newtheorem\{exmp\}\{Ejemplo\}

 \\theoremstyle\{remark\}
   \\newtheorem\{rem\}\{Nota\}   \end{semiverbatim}
      \end{block}
      
    \column{.48\textwidth}
      \scriptsize
      \begin{thm}[Un resultado]
        \begin{semiverbatim}
  \\begin\{\emph{thm}\}[Un resultado]
  \ldots
  \\end\{\emph{thm}\}         \end{semiverbatim}
      \end{thm}
      \begin{proof}[Prueba]
        \begin{semiverbatim}
  \\begin\{\emph{proof}\}[Prueba]
  \ldots
  \\end\{\emph{proof}\}         \end{semiverbatim}
      \end{proof}

  \end{columns} 
  \bigskip
    \item<+-> El  entorno {\tt proof}  sustituye el encabezado por  el texto  opcional
  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Texto recuadrado}
  \framesubtitle{Comando {\tt beamercolorbox}}
  
  \begin{itemize}
  \item<+-> Podemos recuadrar texto (o ecuaciones, o figuras) con los comandos estándar de \LaTeX{} \emph{\tt\bs{}fbox} y \emph{\tt\bs{}frame}
  
  \begin{columns}
    \column{.48\textwidth}
      \scriptsize
      \begin{block}{}
      \begin{semiverbatim}
 \\fbox\{Texto\}\\\\
 \\frame\{recuadrado\} \end{semiverbatim}
      \end{block}

    \column{.48\textwidth}
      \centering
       \fbox{Texto}\\
       \frame{recuadrado} 
  \end{columns} 
  \bigskip

  \item<+-> \beamer{} proporciona además el comando \emph{\tt\bs{}beamercolorbox} para crear recuadros con colores
  \item<+-> Hay que definir previamente el \emph{\tt beamercolor}, que es una \emph{estructura} que define al menos los colores de fondo y frente
  
  \begin{columns}
    \column{.6\textwidth}
      \scriptsize
      \begin{block}{}
      \begin{semiverbatim}
 \\\emph{setbeamercolor}\{postit\}\{fg=black,bg=yellow\}
 \\begin\{\emph{beamercolorbox}\}[sep=1em,wd=2cm]\{postit\}
  Postit!
 \\end\{\emph{beamercolorbox}\} \end{semiverbatim}
      \end{block}

    \column{.38\textwidth}
      \centering
       \setbeamercolor{postit}
       {fg=black,bg=yellow}
       \begin{beamercolorbox}[sep=1em,wd=2cm,center]{postit}
       Postit!
       \end{beamercolorbox}
 
  \end{columns} 

  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Texto recuadrado II}
  \framesubtitle{Opciones de {\tt beamercolorbox}}
  
  \begin{itemize}
  \item<+-> Algo útil de los \emph{\tt beamercolor}, es que se puede jugar con los colores propios del template

  \begin{columns}
    \column{.6\textwidth}
      \scriptsize
      \begin{block}{}
      \begin{semiverbatim}
 \\begin\{beamercolorbox\}[\emph{sep=1em}]\{\emph{block title}\}
   Postit!
 \\end\{beamercolorbox\} \end{semiverbatim}
      \end{block}

    \column{.38\textwidth}
      \centering
       \begin{beamercolorbox}[sep=1em]{block title}
       Postit!
       \end{beamercolorbox}

  \end{columns} 
  \bigskip

  \item<+-> Con las opciones, se puede controlar el tamaño y la alineación
  
    \begin{columns}
      \column{.48\textwidth}
        \centering
        \scriptsize
         \begin{beamercolorbox}[sep=1em,wd=5cm,center]{block title}
         \tt [sep=1em,wd=5cm,{\color{oxygenorange}center}]
         \end{beamercolorbox}
      
      \column{.48\textwidth}
        \centering
        \scriptsize
         \begin{beamercolorbox}[sep=1em,wd=6cm,ht=.5in,right]{block title}
         \tt\scriptsize [sep=1em,wd=6cm,{\color{oxygenorange}ht}=.5in,{\color{oxygenorange}right}]
         \end{beamercolorbox}

    \end{columns}
    \bigskip

  \item<+-> ... y también alguna decoración\par
  
        \begin{columns}
        \column{\textwidth}
        \centering
        \scriptsize
         \begin{beamercolorbox}[sep=1em,wd=5cm,center,rounded=true,shadow=true]{block title}
         \tt [\ldots,{\color{oxygenorange}rounded}=true,{\color{oxygenorange}shadow}=true]
         \end{beamercolorbox}
         \end{columns}
      

  \end{itemize}
\end{frame}


\begin{frame}[fragile]{Columnas}
  
  \begin{block}{Entorno \texttt{columns}}
    \scriptsize
    \begin{semiverbatim}
      \\begin\{\emph{columns}\}
        \\\emph{column}\{.5\\textwidth\}
          \\framebox[\\textwidth]\{
            Contenido de la primera columna.  
          \}
        \\\emph{column}\{.5\\textwidth\}
          \\framebox[\\textwidth]\{
            Contenido de la segunda columna.  
          \}
      \\end\{\emph{columns}\}
    \end{semiverbatim}
  \end{block}

      \begin{columns}
        \column{.5\textwidth}
          \framebox[\textwidth]{
            Contenido de la primera columna.
          }
        \column{.5\textwidth}
          \framebox[\textwidth]{
            Contenido de la segunda columna.
          } 
      \end{columns}
\end{frame}

\setbeamercovered{invisible}

\begin{frame}<1-3>[fragile,label=overlays]{Overlays (velos) básicos con {\tt pause}}
  
  \begin{itemize}
    \item El comando \emph{\tt\bs{}pause} permite generar overlays para visualización paso a paso.
    \visible<4->{
    \item El comando \emph{\tt \bs{}setbeamercovered\{transparent\}} hace que lo {\sl cubierto} sea ligeramente visible, con un efecto de transparencia\footnote{El comportamiento por defecto es {\tt invisible}.}
    }
  \end{itemize}

  \begin{columns}
  \column{.5\textwidth}
	\begin{block}{}
	\scriptsize
	\begin{semiverbatim}
	  \visible<4->{
	  %% Preámbulo, o fuera de frames
	  \emph{\\setbeamercovered\{transparent\}}
	  \ldots}
	  \\begin\{itemize\}
	  \\item Todo \emph{\\pause}
	  \\item lo que sube \emph{\\pause}
	  \\item baja.
	  \\end\{itemize\}
	\end{semiverbatim}
	\end{block}
  \column{.5\textwidth}
	  \begin{itemize}
	  \item<1-> Todo 
	  \item<2,3,5-> lo que sube 
	  \item<3,6> baja.
	  \end{itemize}
  \end{columns}
\end{frame}

\setbeamercovered{transparent}
\againframe<4-| handout:0>{overlays}

\begin{frame}[fragile]{Texto verbatim}
  \framesubtitle{\href{ejemplos/2-verbatim.pdf}{Ejemplo 2}}
  
  \begin{itemize}[<+->]
  \item El comando \verb+\verb+ y el  entorno \verb+verbatim+ de \LaTeX{} no se pueden usar directamente  en \beamer{}.
  \item Se debe añadir la opción \emph{\tt fragile} al frame:
  \end{itemize}

  \begin{columns}<+->
  \column{.5\textwidth}
	\begin{block}{}
	\scriptsize
	\begin{semiverbatim}
	\\begin\{frame\}\emph{[fragile]}
	\\frametitle\{Texto verbatim\}
	El texto contenido en un entorno
	\\verb+verbatim+ se imprime tal
	cual, con todos los saltos de
	línea y	espacios, sin interpretar
	ningún comando de \\LaTeX.
	
	\\begin\{verbatim\}
	10 PRINT "HELLO WORLD";
	20 GOTO 10
	\\end\{verbatim\}
	\\end\{frame\}
	\end{semiverbatim}
	\end{block}
  \column{.5\textwidth}
      \frame{
      \begin{tikzpicture}
        \alt<3->
         {\node[opacity=1]
          {\includegraphics[width=.85\textwidth,clip=true,trim=0 5cm 5cm 0]{ejemplos/2-verbatim}};}
         {\node[opacity=.15]
          {\includegraphics[width=.85\textwidth,clip=true,trim=0 5cm 5cm 0]{ejemplos/2-verbatim}};}
      \end{tikzpicture}
      }
  \end{columns}
  
  \uncover<+->{\scriptsize Nota: La opción \texttt{fragile} exige compilar dos veces}
\end{frame}


\begin{frame}[fragile]{Opciones de {\sl clase} y de {\sl frame}}
  
  \begin{itemize}[<+->]
    \item Todo proyecto de \beamer{} se compone de una serie de \emph{frames}.
    \item Cada frame contiene una o más \emph{slides}
    \item Algunas \emph{opciones} interesantes
        {\small
		}
  \end{itemize}

  \begin{columns}
  \column{.5\textwidth}
	\begin{block}{Algunas \structure{opciones} útiles}
	\begin{tabular}{ll}
	  Alineación vertical  & \verb+[c|b|t]+ \\
	  Frame vacío & \verb+[plain]+ \\
	  Contenido verbatim & \verb+[fragile]+
	\end{tabular}
	\end{block}
  \column{.5\textwidth}
	\begin{verbatim}
	 \begin{frame}[<opciones>]
	   \frametitle{<titulo>}
	   \framesubtitle{<subtitulo}
	   <contenido>
	 \end{frame}
	\end{verbatim}
  \end{columns}
\end{frame}


\begin{frame}{Ejercicio 1}
  \framesubtitle{Compilación y templates}
  
  \begin{enumerate}
    \item Editar y compilar el documento básico de \beamer{} (../ejercicios/1-basico.tex)
    \item Añadir datos de autores e instituciones
    \item Añadir el logo de la UJI, bajo la carpeta {\tt img}
    \item Añadir unos cuantos frames y dividirlos en secciones
    \item Crear una tabla de contenidos
    \item Elegir un theme y un color theme, incorporarlos y volver a compilar
    \item Compilar los templates que vienen con \beamer{} y visualizarlos
  \end{enumerate}
\end{frame}



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section[Overlays]{Control avanzado de overlays}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[fragile]{Overlay specifications}

  \begin{itemize}
    \item Ya hemos visto el uso del comando \verb+\pause+ para generar \emph{overlays}.
    \item Más generalmente, podemos tener control sobre qué se visualiza exactamente en cada slide mediante las \emph{overlay specifications}
  \end{itemize}\pause

  \begin{block}{Sintaxis}
    Lista separada por comas de rangos de slides.
    
    La especificación $$\text{\emph{-3,6-8,10,12-15}}$$ seleccionará las slides
    $$ 1, 2, 3,\; 6, 7, 8,\; 10,\; 12, 13, 14, 15$$
  \end{block}

\end{frame}


\begin{frame}[fragile]{Visualización paso a paso}


%  \begin{itemize}
%    \item Las especificaciones se pueden utilizar junto con otros comandos.
%    \item El efecto depende de cada caso.
%  \end{itemize}\pause


  \begin{columns}<+->
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{itemize\}
  \\item\emph{<1->} Todo
  \\item\emph{<2->} lo que sube
  \\item\emph{<3->} baja
\\end\{itemize\}    \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \begin{itemize}[<+->]
      \item Todo
      \item lo que sube
      \item baja
    \end{itemize}
  \end{columns}

  \begin{columns}<+->
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{itemize\}
  \\item\emph{<1->} Todo
  \\item\emph{<3>} lo que sube
  \\item\emph{<2-4>} baja
\\end\{itemize\}    \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \begin{itemize}
      \item<5-> Todo
      \item<7> lo que sube
      \item<6-8> baja
    \end{itemize}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Overlay specifications en comandos}


  \begin{itemize}
    \item Las especificaciones se pueden utilizar junto con otros comandos.
    \item El efecto depende de cada caso.
  \end{itemize}\pause


  \begin{columns}
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\textbf\{negrita\}
\\textbf<2>\{negrita sólo en 2\}
\\textbf<3->\{negrita de 3 en adelante\}
    \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \textbf{negrita}\\
    \textbf<2>{negrita sólo en 2}\\
    \textbf<3->{negrita de 3 en adelante}\\
  \end{columns}\pause

  \begin{columns}
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{itemize\}
 \\item<4-> \\alert<4>\{cada comando o entorno\}
 \\item<5-> \\alert<5>\{actúa diferente frente\}
 \\item<6-> \\alert<6>\{a una especificación\}
\\end\{itemize\}
    \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \begin{itemize}
      \item<4-> \alert<4>{cada comando o entorno}
      \item<5-> \alert<5>{actúa diferente frente}
      \item<6-> \alert<6>{a una especificación}
    \end{itemize}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Comandos compatibles}

  \begin{columns}
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
        \\textbf<2>\{Ejemplo\}
        \\textit<2>\{Ejemplo\}
        \\textsl<2>\{Ejemplo\}
        \\alert<2>\{Ejemplo\}
        \\textrm<2>\{Ejemplo\}
        \\textsf<2>\{Ejemplo\}
        \\color<2>\{green\} Ejemplo
        \\structure<2>\{Ejemplo\}     \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \textbf<2>{Ejemplo}\\
    \textit<2>{Ejemplo}\\
    \textsl<2>{Ejemplo}\\
    \alert<2>{Ejemplo}\\
    \textrm<2>{Ejemplo}\\
    \textsf<2>{Ejemplo}\\
    \color<2>{green} Ejemplo\\
    \structure<2>{Ejemplo}
  \end{columns}\pause

\end{frame}


\begin{frame}[fragile]{Comandos específicos de overlays}

  \begin{itemize}
    \item Comandos para mostrar contenido en los overlays especificados.
    \item Se diferencian en su comportamiento en los overlays \emph{no especificados}.
    \item En dos aspectos: cubierto/invisible y espacio ocupado.
  \end{itemize}


  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
      |\\\emph{only<2>}\{only\}| \\\\
      |\\\emph{uncover<2>}\{uncover\}| \\\\
      |\\\emph{visible<2>}\{visible\}| \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    \begin{center}    
      |\only<2| handout:0>{only}|\\
      |\uncover<2| handout:0>{uncover}|\\
      |\visible<2| handout:0>{visible}|
    \end{center}
  \end{columns}
  \bigskip
  
  \begin{uncoverenv}<3->
  {\scriptsize
  Hay más comandos específicos (\verb+\onslide+, \verb+\invisible+, \verb+\alt+, \verb+\temporal+), pero todos se pueden reducir a estos tres. Más info: \beamer{} User's guide \cite[s.9.3]{Tantau10}.
  }
  \end{uncoverenv}

\end{frame}


\begin{frame}[fragile]{Especificaciones incrementales}

  \begin{itemize}
    \item Las especificaciones con números absolutos no son robustas frente a cambios.
    \item Hay ciertas configuraciones típicas que son farragosas de escribir.
    \item<6-> Por eso se puede incorporar en el entorno \verb+itemize+ o \verb+enumerate+ la \emph{especificación incremental \tt <+->}, con el mismo efecto.
  \end{itemize}\pause

  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
        \\begin\{itemize\}\only<6>{\emph{[<+->]}}
          \\item\only<-5>{\emph{<1->}} Uno
          \\item\only<-5>{\emph{<2->}} Dos
          \\item\only<-5>{\emph{<3->}} Tres
          \\item\only<-5>{\emph{<4->}} Cuatro
        \\end\{itemize\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
        \begin{itemize}[<+->]
        \item Uno
        \item Dos
        \item Tres
        \item Cuatro
        \end{itemize}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Especificaciones de acción}

  \begin{itemize}
    \item Los entornos \verb+itemize+ o \verb+enumerate+ también admiten la \emph{especificación de acción \tt <+-| alert@+>}.
  \end{itemize}\pause

  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
        \\begin\{itemize\}\emph{[<+-| alert@+>]}
          \\item Uno
          \\item Dos
          \\item Tres
          \\item Cuatro
        \\end\{itemize\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
        \begin{itemize}[<+-| alert@+>]
        \item Uno
        \item Dos
        \item Tres
        \item Cuatro
        \end{itemize}
  \end{columns}
  
  \begin{block}<+->{Especificación global}
    Se puede predeterminar un comportamiento para todos los entornos de este tipo en una
    presentación estableciendo en el preámbulo del documento el parámtetro global
    \begin{center}
      \begin{semiverbatim} \\\emph{beamerdefaultoverlayspecification}\{<+-| alert@+>\}. \end{semiverbatim}
    \end{center}
    {\scriptsize Nota: pierde su efecto en los frames \verb+[fragile]+.}
  \end{block}

\end{frame}


\begin{frame}[fragile]{Overlays con imágenes}


  \begin{itemize}[<+->]
    \item Problema 1: el \emph{velo} no funciona sobre la imagen.
    \item Problema 2: el contenido estático se mueve.
  \end{itemize}

  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize

    \begin{semiverbatim}
  |\\\emph{only<2>}\{\\includegraphics\{fig\}\}| 
  |\\\emph{uncover<2>}\{\\includegraphics\{fig\}\}| 
  |\\\emph{visible<2>}\{\\includegraphics\{fig\}\}| \end{semiverbatim}
  \end{block}

  \column{.5\textwidth}
    \begin{center}    
      |\only<2| handout:0>{\includegraphics[width=.15\textwidth]{img/logoUJI_half}}|\\
      |\uncover<2>{\includegraphics[width=.15\textwidth]{img/logoUJI_half}}|\\
      |\visible<2| handout:0>{\includegraphics[width=.15\textwidth]{img/logoUJI_half}}|
    \end{center}
  \end{columns}
  
\end{frame}


\begin{frame}[fragile]{Imágenes con velo}
  \framesubtitle{\href{ejemplos/3-imgoverlay.pdf}{Ejemplo 3}}

Solución problema 1: Un truquillo utilizando el paquete \emph{Ti{\sl k}Z} \cite{Tantau08}
  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\usepackage\{\emph{tikz}\} % preámbulo
\ldots
\\begin\{itemize\}[<+->]
  \\item Una visualización paso a paso
  \\item queda muy desagradable
  \\item cuando hay elementos gráficos 
    \{\\centering 
    \emph{\\includegraphics\{fig\}} \\par\}
  \\item a menos que se ponga
  \\item como un nodo tikz
  \\begin\{center\}
    \\begin\{\emph{tikzpicture}\}
    \\\emph{alt}<5->
     \{\\\emph{node[opacity=1]}
      \{\\includegraphics\{fig\}\};\}
     \{\\\emph{node[opacity=.15]}
      \{\\includegraphics\{fig\}\};\}
    \\end\{\emph{tikzpicture}\}
  \\end\{center\}
\\end\{itemize\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    \begin{itemize}[<+->]
      \item Una visualización paso a paso
      \item queda muy desagradable
      \item cuando hay elementos gráficos \\
            {\centering
            \includegraphics[width=.15\textwidth]{img/logoUJI_half}\par}
      \item a menos que se ponga
      \item como un nodo tikz
            \begin{center}
            \begin{tikzpicture}
              \alt<5-| handout:0>{\node[opacity=1] {\includegraphics[width=.15\textwidth]{img/logoUJI_half}};}
                      {\node[opacity=.15] {\includegraphics[width=.15\textwidth]{img/logoUJI_half}};}
            \end{tikzpicture}
            \end{center}
    \end{itemize}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Contenido dinámico}

Solución problema 2: entorno \emph{\tt overlayarea}
  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{itemize\}[<+->]
\\item El contenido dinámico \\\\
  \\only<+>\{como por ejemplo\\\\
             estas dos líneas\}
  \\only<+>\{que cambian a una sola\}
  \\only<+>\{o una imagen que aparece
             \\includegraphics\{fig\}\}
\\item necesita un espacio reservado \\\\
  \\begin\{center\}
  \\begin\{\emph{overlayarea}\}\{\optional{<width>}\}\{\optional{<height>}\}
  \\only<+>\{donde quepa todo\\\\
             el contenido dinámico\}
  \\only<+>\{que se quiera poner\}
  \\only<+>\{\\includegraphics\{fig\}\}
  \\end\{\emph{overlayarea}\}
  \\end\{center\}
\\item para que las cosas no salten
\\end\{itemize\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    \begin{itemize}[<+->]
      \item El contenido dinámico \\ 
        \only<+>{\scriptsize como por ejemplo \\ estas dos líneas}
        \only<+>{\scriptsize que cambian a una sola}
        \only<+>{\scriptsize o una imagen que aparece \includegraphics[width=1cm]{img/logoUJI_half}}
      \item necesita un espacio reservado
        \begin{center}
        \begin{overlayarea}{.7\textwidth}{1cm}
          \only<+>{\scriptsize donde quepa todo \\ el contenido dinámico}
          \only<+| handout:0>{\scriptsize que se quiera poner}
          \only<+| handout:0>{\scriptsize  \includegraphics[width=1cm]{img/logoUJI_half}}
        \end{overlayarea}
        \end{center}
      \item para que las cosas no salten
    \end{itemize}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Overlays con texto {\tt verbatim}}

  \begin{itemize}[<+->]
    \item El entorno \emph{\tt verbatim} de \LaTeX{} permite enseñar texto preformateado
          \footnote{También hay otros más poderosos, como {\tt lstlisting}.}.
    \item En \beamer{} es necesario utilizar la opción \emph{\tt fragile} del frame.
    \item \beamer{} también define el entorno \emph{\tt semiverbatim}, en el cual la retrobarra \bs  y las llaves \{ \} mantienen su significado.
    \item Esto permite enfatizar, o mostrar paso a paso utilizando overlays.
    \item Los símbolos \bs , \{, y \} se imprimen anteponiendo una retrobarra.
  \end{itemize}
  
  \begin{columns}<+->
  \column{.52\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{\emph{semiverbatim}\}
\\alert<+>\{\\\\begin\\\{frame\\\}\}
\\alert<+>\{ \\\\frametitle\\\{Transparencia\\\}\}
\\alert<+>\{ \\\\framesubtitle\\\{Beamer\\\}\}
\\alert<+>\{   Contenido primero\}
\\alert<+>\{\\\\end\\\{frame\\\}\}
\\end\{\emph{semiverbatim}\}
 \end{semiverbatim}
  \end{block}
  \column{.48\textwidth}
    \begin{semiverbatim}
\alert<+>{\\begin\{frame\}}
\alert<+>{ \\frametitle\{Transparencia\}}
\alert<+>{ \\framesubtitle\{Beamer\}}
\alert<+>{   Contenido primero}
\alert<+>{\\end\{frame\}}
    \end{semiverbatim}
  \end{columns}

\end{frame}


\begin{frame}[fragile]{Ejercicio 2}
  \framesubtitle{Diapositivas dinámicas}

  \begin{enumerate}
    \item Reproducir el siguiente \emph{tres en raya}\bigskip
        {\Huge
        \begin{center}
        \begin{tabular}{c|c|c}
        \visible<9->{O} & \visible<8->{X} & \visible<2->{X} \\ \hline
        \visible<6->{X} & \visible<3->{O} & \visible<5->{O} \\ \hline
        \visible<10->{X} & \visible<7->{O} & \visible<4->{X}
        \end{tabular}
        \end{center}
        }
  \end{enumerate}

\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section{Handouts y modos}  % Antes: Notas y handouts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%% Estas dos primeras dispositivas sobre notas las eliminé de la 
%% versión definitiva, porque no pude hacerlo funcionar satisfactoriamente.
%% Se genera una diapositiva "doble ancho" que hay que ajustar precisamente
%% de modo que una mitad se vea por una pantalla y la otra por la segunda pantalla.
%% Pero no se puede visualizar a pantalla completa, porque entonces se ve la
%% diapositiva doble por la misma pantalla.
%% Esto no resulta satisfactorio ni práctico, así que hasta nuevo aviso
%% lo mantendré fuera de este compendio de funciones útiles de Beamer.

%\begin{frame}[fragile]{Notas}

%  \begin{columns}
%  \column{.6\textwidth}
%  \begin{block}{}
%    \scriptsize
%    \begin{semiverbatim}
%    \\documentclass\{beamer\}
%    \\usepackage\{\emph{pgfpages}\}
%    \\setbeameroption\{\emph{show notes on second screen}\}
%    \\begin\{document\}
%    \\begin\{frame\}\{Un frame\}
%      \{\\Huge Hola mundo! \}
%    \\\emph{note}\{\\Huge 
%    Esto sale sólo en la segunda pantalla.\}
%    \\end\{frame\}
%    \\end\{document\}    \end{semiverbatim}
%  \end{block}
%  \column{.3\textwidth}
%    Durante una presentación, es posible visualizar en la pantalla del ordenador \emph{notas} que sirvan de guión 
%  \end{columns}
%  
%  \frame{\includegraphics[width=.35\textwidth,clip=true,trim=0 0cm 0cm 0]{ejemplos/3-notas}}  
%  \frame{\includegraphics[width=.35\textwidth,page=2,clip=true,trim=0 0cm 0cm 0]{ejemplos/3-notas}}  
%  
%  \note{\Huge Y esto es una nota real, que tengo que enseñar en este momento}V

%\end{frame}

%\begin{frame}[fragile]{Notas - opciones}

%  \begin{itemize}[<+->]
%  	\item \begin{semiverbatim}\\setbearmeroption\{\emph{hide notes}\}\end{semiverbatim} Las notas no se muestran. Opción por defecto.
%  	\item \begin{semiverbatim}\\setbearmeroption\{\emph{show notes}\}\end{semiverbatim} Las páginas con notas se intercalan con las de diapositivas.
%  	\item \begin{semiverbatim}\\setbearmeroption\{\emph{show notes on second screen}\optional{=<locat.>}\}\end{semiverbatim} Se genera una versión para dos pantallas. La segunda  (a la derecha por defecto) muestra las notas. La ubicación \optional{\tt <locat.>} también puede  ser \verb+left+, \verb+bottom+ o \verb+top+.
%  	\item \begin{semiverbatim}\\setbearmeroption\{\emph{show only notes}\}\end{semiverbatim} Sólo se incluyen las páginas de notas.
%  	
%  \end{itemize}
%\end{frame}


\begin{frame}[fragile]{Compilando handouts}

  {\small
    \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
    \uncover<1->{\\documentclass\emph{[handout]}\{beamer\}}
    \uncover<2->{\emph{\\mode}<handout>\{ }
    \uncover<3->{   \\usepackage\{\emph{pgfpages}\} }
    \uncover<3>{   \\pgfpagesuselayout\{resize\}[a4paper,border shrink=5mm,landscape]}
    \uncover<4->{   \\pgfpagesuselayout\{2 on 1\}[a4paper,border shrink=5mm]}
    \uncover<2->{   \\setbeamercolor\{background canvas\}\{bg=black!5\} }
    \uncover<2->{\}}        \end{semiverbatim}
  \end{block}
}
  
  \begin{itemize}
    \item<1-> La opción de clase \emph{\tt handout} colapsa las slides de cada frame en una única diapositiva
    \item<2-> \beamer{} entra entonces en \emph{modo handout}. El comando \emph{\tt mode} permite ajustar algunas configuraciones que se aplican sólo bajo este modo. Por ejemplo, un color de fondo.
    \item<3-> Para la impresión, el paquete \emph{\tt pgfpages} \cite[s.46]{Tantau08} permite ajustar el tamaño de las diapositivas.
    \item<4->  Incluso permite imprimir múltiples diapositivas por página \\
    {\scriptsize también admite \verb+{4 on 1}[landscape]+; \verb+{8 on 1}+ o \verb+{16 on 1}[landscape]+.}	
  \end{itemize}

\end{frame}


\begin{frame}[fragile]{\beamer{} modes}

  \begin{itemize}
    \item \beamer{} reconoce distintos \emph{modos} de trabajo, que permiten hacer varias versiones de un mismo documento.
    \item Ya hemos visto una aplicación del modo \emph{\tt handout} y el comando \emph{\tt mode}.
  \end{itemize}

  \begin{columns}
  \column{.2\textwidth}
    \begin{flushright}
      \begin{sideways}
        \hspace{1.5cm} \verb+all+
      \end{sideways}
      \rule[.5cm]{1pt}{3.2cm}
      \hspace{.2cm}
      \begin{sideways}
        \hspace{1.3cm}\verb+presentation+
      \end{sideways}
      \rule[1.5cm]{1pt}{2cm} 
    \end{flushright}
  \column{.8\textwidth}
    \begin{itemize}
       \item \verb+beamer+ - modo por defecto.
       \item \verb+second+ - segunda pantalla.
       \item \verb+handout+ - impresos.
       \item \verb+trans+ - transparencias.
       \item \verb+article+ - control transferido a otra clase (article, book, etc.)
    \end{itemize}
  \end{columns}
\end{frame}


\begin{frame}[<+->][fragile]{Comando {\tt mode}}

  \begin{block}{\begin{semiverbatim}\\mode<modos>\{contenido\}\end{semiverbatim}}
    El {\tt contenido} sólo se incluye en los modos especificados
  \end{block}
  
  \begin{exampleblock}{Ejemplo}
    \begin{semiverbatim}    \\mode<article| handout>\{
      Detalles adicionales mencionados sólo 
      en una versión de artículo, o comentarios
      que se desean dejar disponibles en una
      versión handout
    \}\end{semiverbatim}
  \end{exampleblock}
  
  Notar que los modos se separan por una barra vertical y un espacio.

\end{frame}


\begin{frame}[fragile]{Modes y overlays}
  \framesubtitle{\href{ejemplos/4-modos.pdf}{Ejemplo 4}}

  Las especificaciones de overlay pueden ser distintas para cada modo.

  Una utilización típica del modo \verb+handout+ es hacer una versión
  estática de una diapositiva dinámica.

  \begin{columns}
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
    \\includegraphics<1| handout:0>\{fig-1.pdf\}
    \\includegraphics<2| handout:0>\{fig-2.pdf\}
    \\includegraphics<3>\{fig-3.pdf\}
    \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \includegraphics<1| handout:0>[width=\textwidth]{img/fig-1.pdf}
    \includegraphics<2| handout:0>[width=\textwidth]{img/fig-2.pdf}
    \includegraphics<3>[width=\textwidth]{img/fig-3.pdf}
  \end{columns}
  
  Esto significa: en el modo por defecto ({\tt beamer}) se muestran las tres imagenes secuencialmente. En modo {\tt handout} se suprimen las dos primeras.
  
\end{frame}


\begin{frame}{Ejercicio 3}
  \framesubtitle{El modo {\tt Handout}}

  \begin{enumerate}
    \item Compilar la diapositiva del ejercicio 3 tal como está (modo {\tt beamer}) y comprobar que funciona bien
    \item Añadirle la opción de clase {\tt handout} y comprobar que funciona mal
    \item Corregirla para que sólo salga el tercer gráfico en el modo {\tt handout}
  \end{enumerate}
  
\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section{Botones y enlaces}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[fragile,label=ej_sencillo]{Hyperlinks}
\framesubtitle{Ejemplo sencillo}

  Podemos crear \emph{saltos} anticipadamente en la presentación usando hyperlinks.\pause

  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{frame\}[\emph{label=ej\_sencillo}]\{Hyperlinks\}
  \emph{\\hyperlink}\{ej\_sofisticado\}\{[Saltar al ejemplo sofisticado]\} \end{semiverbatim}
  \end{block}

  \hyperlink{ej_sofisticado}{[Saltar al ejemplo sofisticado]}

  \bigskip
  
  Observaciones:
  \begin{itemize}[<+->]
    \item El destino debe estar \emph{etiquetado} (\emph{\tt label}).
    \item El comando \emph{\tt\bs hyperlink} produce el enlace especificando destino y el texto activo.
  \end{itemize}
\end{frame}


\begin{frame}[fragile,label=ej_sofisticado]{Hyperlinks}
\framesubtitle{Ejemplo sofisticado}

  Hyperlinks, overlays y botones
  
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{frame\}[\alert<1>{\emph{label=ej\_sofisticado}}]\{Hyperlinks\}
\\\emph{hyperlink}\alert<1>{<3>}\{ej\_sencillo\alert<2>{<2>}\}\{\\\alert<3>{beamerreturnbutton}\{Volver al ejemplo sencillo\}\}  \end{semiverbatim}
  \end{block}
  
  \begin{overlayarea}{\textwidth}{.07\textheight}
    \hyperlink<3>{ej_sencillo<2>}{\beamerreturnbutton{Volver al ejemplo sencillo}}
  \end{overlayarea}

  \bigskip
  
  Observaciones:
  \begin{itemize}[<+->]
    \item Ahora, el enlace no aparecerá hasta la slide \#$3$.
    \item Además, nos mandará a la slide \#$2$ del destino.
    \item Finalmente, los enlaces se pueden representar usando \emph{botones}.
  \end{itemize}

\end{frame}


\begin{frame}[fragile]{Hyperlinks}

  \emph{Botones} predefinidos

  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\beamerbutton\{Texto\}
\\beamergotobutton\{Texto\}
\\beamerskipbutton\{Texto\}
\\beamerreturnbutton\{Texto\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
  \begin{center}
    \beamerbutton{Texto}\\
    \beamergotobutton{Texto}\\
    \beamerskipbutton{Texto}\\
    \beamerreturnbutton{Texto}
  \end{center}
  \end{columns}
  
  \bigskip
  
  Algunos\footnote{Hay varios, de remota utilidad. Ver \beamer{} User's Guide \cite[s.11.1]{Tantau10}} \emph{saltos} predefinidos
  \begin{verbatim}
    \hyperlinkpresentationstart, \hyperlinkpresentationend,
    \hyperlinkframestartnext, \hyperlinkframeendprev, ...
  \end{verbatim}
  

\end{frame}


\begin{frame}<1-3>[fragile,label=volver]{Reanudar diapositivas inacabadas}
  \framesubtitle{Comando {\tt againframe}}
  
  A veces puede interesar dejar parte del contenido de un frame para ser retomado más  adelante (o no).\pause
  
  \bigskip

  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{frame\}<\emph{\alert<2>{1-2}}>[\alt<-3>{\alert<3>{label=volver}}{\emph{label=volver}}]
\\begin\{enumerate\}<+-| alert@+>
  \\item Restringir el rango...
  \\item Etiquetar el frame
  \\item Contnido adicional...
\\end\{enumerate\}
\\end\{frame\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    \begin{enumerate}[<+-| alert@+>]
      \item Restringir el rango de slides que se visualizarán en primera instancia.
      \item Etiquetar el frame.
      \item Contenido adicional, para más tarde.
    \end{enumerate}
  \end{columns}
  
\end{frame}


\begin{frame}[fragile]{Reanudar diapositivas inacabadas}
  \framesubtitle{Comando {\tt againframe}}
  
  \begin{columns}
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{frame\}
  Aquí se proporciona información 
  más detallada sobre el punto 2.
\\end\{frame\} 

\alert<1>{\\againframe}\alert<2>{<3>}\{\alert<3>{volver}\} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    Aquí se proporciona información más detallada
    sobre el punto 2.
  \end{columns}
  
  \begin{itemize}[<+->]
    \item El comando \emph{\tt againframe} se pone \emph{fuera} del frame, en el lugar de la próxima diapositiva.
    \item Se indica el número de slide a partir del cual se quiere \emph{reanudar}...
    \item ... la diapositiva con la etiqueta (\emph {label}) especificada
  \end{itemize}  
\end{frame}

\againframe<4| handout:0>{volver}


\begin{frame}{Ejercicio 4}
  \framesubtitle{Botones y enlaces}

  \begin{enumerate}
    \item Abrir y compilar el ejercicio 4. Consiste en un enunciado y su demostración, y otra diapositiva que representa el resto de la presentación.
    \item Hacer que la demostración sólo sea visible después de acabada la presentación, previendo el caso de que el público requiera más detalles, pero omitiéndola en una primera instancia (comando {\tt againframe})
    \item En la diapositiva $1$, añadir un botón que permita enseñar la demostración, en caso que de alguien reclame detalles en ese momento.
    \item Este botón debe desaparecer en cuanto se muestren los detalles.
    \item Añadir otro botón para volver atrás y continuar con la presentación.
    \item Evitar que el enunciado del Teorema \flqq salte\frqq (si lo hace) cuando se presentan y se quitan los detalles.
  \end{enumerate}

  Una solución se encuentra en el \href{ejemplos/5-againframe}{\color{blue}ejemplo $5$}.
  
\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section{Efectos y animaciones}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[fragile]{Zooming}

  \mode<beamer>
  {
    \framezoom<0><2>[border](9.3cm,0cm)(2cm,1.7cm)
    \framezoom<1><0>[border](8.3cm,.6cm)(1.3cm,2.8cm)
    \framezoom<4><3>(7.35cm,3.5cm)(.4\textwidth,2cm)
  }
  
  Las figuras (o cualquier cosa) pueden \emph{ampliarse} utilizando \emph{{\tt framezoom}}.
  
  \begin{columns}
  \column{.6\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
\\begin\{frame\}
 \\\emph{framezoom}\alert<4| handout:0>{<0>}\alert<5>{<2>}\alert<6>{[border]}\alert<7>{(9cm,0cm)(2cm,1.5cm)}
 \\\emph{framezoom}\alert<4| handout:0>{<1>}\alert<5>{<0>}\alert<6>{[border]}\alert<7>{(8cm,.6cm)(1.3cm,3cm)}
 \\\emph{framezoom}\alert<4| handout:0>{<4>}\alert<5>{<3>}\alert<7>{(7cm,3.5cm)(5cm,2cm)}
 
 \\pgfimage[width=\\textwidth]\{img/logoUJI\}
 \% o también:
 \%\\includegraphics[width=\\textwidth]\{img/logoUJI\}
\\end\{frame\} \end{semiverbatim}
  \end{block}
  \column{.4\textwidth}
    \pgfimage[width=\textwidth]{img/logoUJI_half.png}
  \end{columns}
  
  \begin{overprint}
    \onslide<4>
      La primera especificación de overlay indica en qué slide se activan los \emph{botones} para hacer click.
    \onslide<5| handout:0>
      La segunda, en qué slide \emph{se muestra} la ampliación correspondiente.
    \onslide<6| handout:0>
      El botón es visible sólo si se utiliza la opción \emph{\tt border}.
    \onslide<7| handout:0>
      Coordenadas de la esquina superior izquierda, y tamaño de la ampliación.
  \end{overprint}
  
\end{frame}


\begin{frame}[fragile]{Transiciones entre diapositivas}
  \transdissolve
  \transblindshorizontal<3-4>
  \transwipe[duration=5]<5-6>
  %\transwipe[direction=]<7-8> # el direction tampoco funciona bien
  %\transduration<1>{0}     # funciona en Adobe Reader, pero no en Evince.
  
  \begin{itemize}
    \item El formato PDF permite definir efectos de \emph{transición} entre diapositivas.
    \item \emph{Cuidado!} Los distintos visualizadores de PDF tienen \emph{diferentes interpretaciones y niveles de soporte} de estos efectos.
  \end{itemize}
  
  \begin{overprint}
  \onslide<2>
      \begin{columns}
      \column{.4\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
\\begin\{frame\}
 \\\emph{transdissolve}
 \\transblindshorizontal<3-4>
 \\transwipe[duration=5]<5-6>
\\end\{frame\} \end{semiverbatim}
      \end{block}
      \column{.6\textwidth}
      \begin{itemize}
        \item<alert@2> Se especifican con un comando que afecta a todo el frame...
        \item ... o a slides específicas.
        \item Opcionalmente se puede determinar la duración, en segundos, del efecto.
      \end{itemize}
      \end{columns}

  \onslide<4| handout:0>
      \begin{columns}
      \column{.4\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
\\begin\{frame\}
 \\transdissolve
 \\\emph{transblindshorizontal<3-4>}
 \\transwipe[duration=5]<5-6>
\\end\{frame\} \end{semiverbatim}
      \end{block}
      \column{.6\textwidth}
      \begin{itemize}
        \item Se especifican con un comando que afecta a todo el frame...
        \item<alert@4> ... o a slides específicas.
        \item Opcionalmente se puede determinar la duración, en segundos, del efecto.
      \end{itemize}
      \end{columns}

  \onslide<6| handout:0>
      \begin{columns}
      \column{.4\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
\\begin\{frame\}
 \\transdissolve
 \\transblindshorizontal<3-4>
 \\\emph{transwipe[duration=5]<5-6>}
\\end\{frame\} \end{semiverbatim}
      \end{block}
      \column{.6\textwidth}
      \begin{itemize}
        \item Se especifican con un comando que afecta a todo el frame...
        \item ... o a slides específicas.
        \item<alert@6> Opcionalmente se puede determinar la duración, en segundos, del efecto.
      \end{itemize}
      \end{columns}

  \end{overprint}

\end{frame}


\begin{frame}{Animaciones}

  Para hacer animaciones con \beamer{} hay varios métodos, pero ninguno de ellos del todo satisfactorio
  
  \begin{itemize}
    \item<+-> \alert<1-2>{Insertar vídeo}\par
    Paquete \emph{\tt multimedia} / comando \emph{\tt movie}\par
    \only<.| handout:0>{
      \begin{itemize}
        \item No es general. Sólo última versión del Acrobat Reader.
        \item (contra)Ejemplo 6: \href{ejemplos/6-video.pdf}{\color{blue}ejemplos/6-video.pdf}
      \end{itemize}
    }
    Paquete \emph{\tt movie15} / comando \emph{\tt includemovie}
    \only<+| handout:0>{
      \begin{itemize}
        \item Más general: utiliza un reproductor externo.
        \item El vídeo se incluye en el PDF. No es necesario pasar el archivo aparte.
        \item Ejemplo 7: \href{ejemplos/7-movie.pdf}{\color{blue}ejemplos/7-movie.pdf}
      \end{itemize}
    }
    \item<+-> \alert<3>{Animar texto}\par
    Comandos \emph{\tt animate} / \emph{\tt animatevalue}
    \only<.| handout:0>{
      \begin{itemize}
        \item Efecto creado a través de la sucesión rápida de slides.
        \item No se puede adelantar o retroceder diapositivas naturalmente. Hay que recurrir a botones o los símbolos de navegación de \beamer{}.
        \item La velocidad de la sucesión depende del visualizador.
        \item Ejemplo 8: \href{ejemplos/8-animate.pdf}{\color{blue}ejemplos/8-animate.pdf}
      \end{itemize}
    }
    \item<+-> \alert<4-5>{Animar gráficos}\par
    Paquete \emph{\tt xmpmulti} / comando \emph{\tt multiinclude}\par
    \only<.| handout:0>{
      \begin{itemize}
        \item No es general. Sólo imagenes creadas con MetaPost.
      \end{itemize}
    }
    Paquete \emph{\tt animate} / comando \emph{\tt animategraphics}
    \only<+| handout:0>{
      \begin{itemize}
        \item Sucesión de cualquier conjunto de imagenes.
      \end{itemize}
    }
  \end{itemize}
  
  Más info.: \beamer{} User's guide \cite[s.14]{Tantau10}.

\end{frame}


\begin{frame}[fragile]{Colores alternados en tablas}

  \begin{itemize}[<+->]
    \item \beamer{} carga automáticamente el paquete \emph{\tt xcolor} \cite{Kern07}.
    \item Esto permite combinar los \emph{nombres} de los colores con porcentajes, utilizando el especificador {\tt !}. Por ejemplo, {\tt \color{BlueViolet!30} \bs color\{BlueViolet!30\}}.
    \item La opción global \emph{\tt table} carga el paquete \emph{\tt colortbl}, que proporciona el comando \emph{\tt rowcolors}. Este comando permite alternar dos colores en una tabla.
  \end{itemize}
  
      \begin{columns}<+->
      \column{.6\textwidth}
      \begin{block}{}
        \scriptsize
        \begin{semiverbatim}
\\documentclass[xcolor=dvipsnames,\emph{table}]\{beamer\}
\ldots
\\\emph{rowcolors}\{2\}\{RoyalBlue!5\}\{RoyalBlue!20\}
\\begin\{tabular\}\{rll\} \\hline
  Hora   & Actividad \\\\ \\hline
  10-14  & Curso \beamer{} \\\\
  14-16  & Comida \\\\
  16-18  & Taller \\\\
  \\ldots & \\ldots \\\\ \\hline
\\end\{tabular\} \end{semiverbatim}
      \end{block}
      \column{.4\textwidth}
        \begin{center}
        \rowcolors{2}{RoyalBlue!5}{RoyalBlue!20}
        \begin{tabular}{rll}\hline
        Hora & Actividad \\
        \hline
        10-14 & Curso \beamer{} \\
        14-16 & Comida \\
        16-18 & Taller \\
        \ldots & \ldots \\
        \hline
        \end{tabular}
        \end{center}
      \end{columns}
  
\end{frame}


\begin{frame}[fragile]{Comienzos de secciones}

  Habitualmente interesa utilizar una diapositiva especial que sirva de \emph{introducción} a cada sección.
  El comando \emph{\tt AtBeginSection\{\}} permite especificar el contenido. \pause
  
  \begin{overprint}
  
  \onslide<+| handout:1>    
  \begin{columns}[t]
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
  \emph{\\AtBeginSection}
  \emph{\{}
    \\begin\{frame\}<\emph{beamer}>
      \\frametitle\{Outline\}
      \\tableofcontents[\emph{currentsection}]
    \\end\{frame\}
  \emph{\}} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    Comienza cada sección con una diapositiva mostrando la tabla de contenidos con la sección actual destacada, sólo en modo {\tt beamer}.\par
    \bigskip
    \centering\frame{\includegraphics[width=.7\textwidth]{img/sectionpage-1}}
  \end{columns}
  
  \onslide<+| handout:0>    
  \begin{columns}[t]
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
  \emph{\\AtBeginSection}
  \emph{\{}
    \\begin\{frame\}
      \\begin\{structureenv\}
        \bs{}Large Sección \emph{\bs{}thesection}\bs\bs
        rule[-.6cm]\{2pt\}\{1.5cm\}
        \emph{\bs{}insertsection}
      \\end\{structureenv\}
    \\end\{frame\}
  \emph{\}} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    La configuración utilizada en esta presentación.\par
    \bigskip
    \centering\frame{\includegraphics[width=.7\textwidth]{img/sectionpage-2}}
  \end{columns}

  \onslide<+| handout:0>    
  \begin{columns}[t]
  \column{.5\textwidth}
  \begin{block}{}
    \scriptsize
    \begin{semiverbatim}
  \emph{\\AtBeginSection}
  \emph{\{}
    \\begin\{frame\}
      \\begin\{center\}
        \{\\Large Sección $\bs{}thesection$\}
        \\begin\{beamercolorbox\}[
        sep=8pt,center]\{part title\}
          \\usebeamerfont\{part title\}
          \bs{}insertsection
        \\end\{beamercolorbox\}
      \\end\{center\}
    \\end\{frame\}
  \emph{\}} \end{semiverbatim}
  \end{block}
  \column{.5\textwidth}
    Una alternativa.\par
    \bigskip
    \centering\frame{\includegraphics[width=.7\textwidth]{img/sectionpage-3}}
  \end{columns}
 
  \end{overprint}
  
\end{frame}

\begin{frame}{Imágenes con reflejo}
  \framesubtitle{\href{ejemplos/9-imgreflejos.pdf}{Ejemplo 9}}

  \begin{itemize}
    \item El paquete de dibujo \emph{Ti{\sl k}z} \cite{Tantau08}, permite hacer cosas verdaderamente sofisticadas, como añadir un efecto reflejo a texto o imágenes.
    \item Aunque algunas características gráficas, como el \emph{degradado}, pueden no ser soportadas en todos los visualizadores.
  \end{itemize}
  
  \centering
  \frame{\includegraphics[width=.5\textwidth]{ejemplos/9-imgreflejos}}

\end{frame}


\begin{frame}{Señalamiento dinámico}
  \framesubtitle{\href{ejemplos/10-beamer-arrows.pdf}{Ejemplo 10}}

  \begin{itemize}
    \item Este ejemplo destaca paso a paso los términos de una ecuación, y los conecta sucesivamente con la correspondiente descripción.
    \item Extraído de la extraordinaria galería de ejemplos \emph{Ti{\sl k}z} \cite{Tantau08}:
    \begin{center} \url{http://www.texample.net/} \end{center}
  \end{itemize}

  \centering
  \frame{
    \includegraphics<+| handout:0>[width=.5\textwidth,page=1]{ejemplos/10-beamer-arrows}
    \includegraphics<+| handout:0>[width=.5\textwidth,page=2]{ejemplos/10-beamer-arrows}
    \includegraphics<+>[width=.5\textwidth,page=3]{ejemplos/10-beamer-arrows}
  }
  
\end{frame}



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section[Temas]{Temas y personalización}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}<1>[label=beamerthemes]{Themes}

  \begin{center}
  \begin{tikzpicture}[
  % Estilos Nodos
      nodo/.style={rectangle,thick,draw,fill=yellow!20,text width=2cm,
  		text centered,font=\small,anchor=north},
  % Estilos nodos hijos y aristas
      edge from parent/.style={very thick,draw=black!70},
      edge from parent path={(\tikzparentnode.south) -- ++(0,-.5cm)
  			-| (\tikzchildnode.north)},
      level 1/.style={sibling distance=3cm,level distance=1cm,
  			growth parent anchor=south,nodes=nodo}
  ]
  
  %% Dibujar nodos y aristas
      \node (PT) [nodo] {\alert<1>{Presentation themes}}
  	     child{node (CT) {Color themes}}
  	     child{node (FT) {Font themes}}
  	     child{node (IT) {Inner themes}}  
  	     child{node (OT) {Outer themes}};
      %\draw (PT.south) node[right, inner sep=15mm] {usetheme};
  \end{tikzpicture}
  \end{center}

  \begin{itemize}
    \item Es posible modificar algunos aspectos concretos del tema seleccionado, especificando un \emph{subtema} con los comandos \emph{\tt \bs usecolortheme}, \emph{\tt \bs usefonttheme}, \emph{\tt \bs useinnertheme} o \emph{\tt \bs useoutertheme}.
  \end{itemize}
\end{frame}


\begin{frame}{El colortheme {\tt\bf structure}}
  \framesubtitle{\href{ejemplos/11-themes-merge.pdf}{Ejemplo 11}}

  Personaliza los colores utilizados para los elementos estructurales.
  \bigskip
  
  \begin{overprint}
    \onslide<1| handout:0>
      \begin{center}
        \frame{\includegraphics[width=.6\textwidth,page=3]{ejemplos/11-themes-merge}}
      \end{center}

    \onslide<2| handout:1>
      \begin{center}
        \frame{\includegraphics[width=.6\textwidth,page=1]{ejemplos/11-themes-merge}}
      \end{center}

    \onslide<3| handout:0>
      \begin{center}
        \frame{\includegraphics[width=.6\textwidth,page=2]{ejemplos/11-themes-merge}}
      \end{center}
  \end{overprint}
\end{frame}


\begin{frame}[fragile]{Tuneando los themes}

  \begin{itemize}%[<+-| alert@+>]
    \item<+-> \alert<.>{Inner themes}\par
          \only<1| handout:0>
          {
            Especificación del formato de la portada, entornos tipo itemize, bloques, figuras y tablas, footnotes  y bibliografía.
            \scriptsize
            \begin{itemize}
              \item {\tt \bs useinnertheme\{default\}}
              \item {\tt \bs useinnertheme\{circles\}}
              \item {\tt \bs useinnertheme\{rectangles\}}
              \item {\tt \bs useinnertheme[\optional{shadow}]\{rounded\}}
            \end{itemize}
          }
    \item<+-> \alert<.>{Outer themes}\par
          \only<2| handout:0>
          {
            Especificación del formato de la cabecera y del pie de página, las barras laterales, el logo, y el título de los frames.
            \scriptsize
            \begin{itemize}
              \item {\tt \bs useoutertheme\{default\}}
              \item {\tt \bs useoutertheme\{infolines\}}
              %\item {\tt \bs useoutertheme[\optional{compress,\-footline=\-<{\bf empty}, authorinstitute,authortitle,institutetitle, authorinstitutetitle>,\-subsection=\-<{\bf true},\-false>}]\-\{miniframes\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\-\{miniframes\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\{smoothbars\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\{sidebar\}}
              \item {\tt \bs useoutertheme\{split\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\{shadow\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\{tree\}}
              \item {\tt \bs useoutertheme[\optional{opciones}]\{smoothtree\}}
            \end{itemize}
          }
    \item<+-> \alert<.>{Más detalles}\par
          \only<3>
          {
            \beamer{} User's Guide \cite{Tantau10}\\
            Código fuente de los themes ya definidos
          }
    \end{itemize}
\end{frame}


{ % Experimentando con themes
  \mode<beamer>{
    \setbeamertemplate{navigation symbols}{}
    \setbeamercolor{background canvas}{bg=}
    \includepdf[pages={3-9,3}]{ejemplos/11-themes-merge.pdf}
    \note{El tema beaver no especifica el color de los bloques}
  }
}


\begin{frame}{Temas externos}

  \begin{itemize}%[<+->]
    \item Otra alternativa es utilizar un tema externo, diseñado por otro y que sea de libre utilización
    \item Este curso incluye dos temas externos dentro de la carpeta \emph{\tt themes}
      \begin{itemize}
        \item TUGraz Style\par
            {\scriptsize
            Desarrollado por Martin Weiglhofer, basado en el estilo corporativo de la Graz University of Technology (Austria).\par
            \url{http://www.ist.tugraz.at/staff/weiglhofer/misc/tugbeamer/}
            }
        \item Oxygen Style\par
            {\scriptsize
            Desarrollo corporativo de KDE.\par
            \url{http://www.kde.org/kdeslides/}
            }
% Eliminado
%        \item TU/e Style\par
%            {\scriptsize
%            Estilo corporativo de la Technische Universiteit Eindhoven (Países Bajos).\par
%            \url{http://www.win.tue.nl/latex/windows.html}
%            }
      \end{itemize}
    \item El tema utilizado en este curso es una modificación de otro, desarrollado por Antonio Gabriel López, Sergio Alonso y Carlos Porcel \cite{cursolatexgranada2009}, de la Universidad de Granada, que a su vez está basado en el Oxygen Style.
  \end{itemize}
\end{frame}


\begin{frame}{Temas externos}
  \framesubtitle{Instalación}
  
  Dos alternativas:

  \begin{enumerate}%[<+->]
    \item Incluir los archivos de estilos en el mismo directorio que el fuente
    \item Copiar los estilos en el directorio correspondiente de la instalación de \beamer{}\footnote{
    Por ejemplo, en Linux, {\tt /usr/share/texmf/tex/latex/beamer/themes/}, y en Windows {\tt C:/Archivos~de~Programa/MikTeX~2.9/tex/latex/beamer/base/themes/}
    } y actualizar la base de datos de \LaTeX{} ({\tt mktexlsr}).
  \end{enumerate}
\end{frame}


\begin{frame}[fragile]{Mayor personalización: {\tt\bf templates}}

  Los templates definen el aspecto de cada elemento de una presentación
  
  \begin{exampleblock}{Fondo}
    \scriptsize
    \begin{verbatim}
  \setbeamertemplate{background}
  {
    \parbox[c][\paperheight]{\paperwidth}
    {
      \vfill \hfill 
      \begin{tikzpicture}
        \node[opacity=.07]
        {
          \includegraphics[height=5cm]{img/LogoGeeitema.jpg}
        };
      \end{tikzpicture}
      \vspace{.5cm} \hspace{-3cm}
    }
  } 

 \end{verbatim}  
 \end{exampleblock}
  
\end{frame}


\setbeamertemplate{navigation symbols}[default]

\begin{frame}<1>[fragile,label=templates]{Opciones de {\tt\bf templates}}

  \begin{exampleblock}{Símbolos de navegación}
    \scriptsize
    \begin{semiverbatim}
  \alert<1| handout:0>{\\setbeamertemplate\{navigation symbols\}[default]}
  \alert<2| handout:0>{\\setbeamertemplate\{navigation symbols\}[vertical]}
  \alert<3| handout:0>{\\setbeamertemplate\{navigation symbols\}[only frame symbol]}
  \alert<4| handout:0>{\\setbeamertemplate\{navigation symbols\}\{\}} \end{semiverbatim}
  \end{exampleblock}
  
  \begin{exampleblock}<5->{Bloques}
    \scriptsize
    \begin{semiverbatim}
  \alert<5| handout:0>{\\setbeamertemplate\{blocks\}[default]}
  \alert<6| handout:0>{\\setbeamertemplate\{blocks\}[rounded]}
  \alert<7| handout:0>{\\setbeamertemplate\{blocks\}[rounded][shadow=true]} \end{semiverbatim}
  \end{exampleblock}
  
  \begin{exampleblock}<8->{Listas}
    \scriptsize
%    \begin{semiverbatim}
    \begin{itemize}
      \item \alert<8| handout:0>{\begin{semiverbatim} \\setbeamertemplate\{items\}[circle] \end{semiverbatim} }
      \item \alert<9| handout:0>{\begin{semiverbatim} \\setbeamertemplate\{items\}[ball] \end{semiverbatim}}
      \item \alert<10| handout:0>{\begin{semiverbatim} \\setbeamertemplate\{items\}[square] \end{semiverbatim} }
    \end{itemize}
%   \end{semiverbatim}
  \end{exampleblock}
  
  \uncover<11>{
    El comando \emph{\tt setbeamertemplate} se pone en el preámbulo o dentro del documento (pero fuera de los frames).
  }
\end{frame}

\setbeamertemplate{navigation symbols}[vertical]
\againframe<2| handout:0>{templates}

\setbeamertemplate{navigation symbols}[only frame symbol]
\againframe<3| handout:0>{templates}

\setbeamertemplate{navigation symbols}{}
\againframe<4| handout:0>{templates}

\setbeamertemplate{blocks}[default]
\againframe<5| handout:0>{templates}

\setbeamertemplate{blocks}[rounded]
\againframe<6| handout:0>{templates}

\setbeamertemplate{blocks}[rounded][shadow=true]
\againframe<7| handout:0>{templates}

\setbeamertemplate{items}[circle]
\againframe<8| handout:0>{templates}

\setbeamertemplate{items}[ball]
\againframe<9| handout:0>{templates}

\setbeamertemplate{items}[square]
\againframe<10-| handout:0>{templates}


\begin{frame}{Ejercicio 5}

  \begin{enumerate}
    \item Compilar el ejercicio 5. Notar que tiene el contenido de la diapositiva anterior.
    \item Reproducir el comportamiento dinámico, usando \emph{\tt againframe}.
  \end{enumerate}
  
\end{frame}


\begin{frame}{Ejercicio 6}

  En este ejercicio aplicaremos los \emph{temas externos} a las diapositivas que tenemos del ejercicio 1.

  \begin{enumerate}
    \item Copiar los archivos de \emph{estilo} ({\tt .sty}) en el directorio de ejercicios
    \item Sustituir el nombre del tema en el comando \emph{\tt usetheme} sucesivamente por \emph{\tt Graz} y por \emph{\tt Oxygen}
    \item Renombrar la versión modificada del \emph{\tt beamerouterthemetugraz.sty}, y sustituir la original.
        Recompilar para ver las diferencias. Buscar la modificación en el código fuente.
  \end{enumerate}
  
\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section[Taller]{Taller de fin de curso}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}{Ejercicio final}

  Acabaremos el curso con un ejercicio que nos dejará un material de uso práctico para nuestras presentaciones.
  
  Nos fabricaremos un \emph{template} que podremos utilizar cada vez que necesitemos hacer una presentación.
  
  En él dejaremos abiertas las opciones que nos pueden interesar y le daremos un estilo personalizado.

  \begin{enumerate}
    \item Hacer una copia del código fuente de esta presentación y vaciarla de contenido.
    \item Comentar las opciones del preámbulo que nos pueda interesar utilizar
    \item Utilizar y/o modificar un tema que nos guste.
  \end{enumerate}
  
\end{frame}




%% Comienza apéndice
%% Todos los frames, secciones y subsecciones a partir de aquí
%% no serán mostradas como parte de las barras de navegación normales.
\appendix

%% NOTAS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

% Por qué otro tutorial más:
%- selección personalizada de temas, más exhaustiva y amplia
%- en español


%\begin{frame}{Cosas dejadas fuera}
%  \begin{itemize}
%  	\item Modo transparencia \texttt{trans}
%  	\item Mostrar notas o una segunda proyección. (no en pantalla completa!)
%   \item Cómo hacer una bibliografía
%  \end{itemize}

%\end{frame}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section{Material de referencia}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


\nocite{Kim04}
\nocite{Mertz05}
\nocite{Mora07}
\nocite{Batts07}
\nocite{cursolatexgranada2009}
\nocite{Matthias10}
\nocite{Rostamian11}

\pgfdeclareimage[height=12pt]{pdf}{img/pdf_ico.png}
\pgfdeclareimage[height=12pt]{www}{img/www_ico.png}

\begin{frame}{Material de referencia }

  El material de este curso se ha compilado en base a los siguientes manuales y tutoriales

  %% La bibliografía la compilé con BibTeX, con los comandos siguientes,
  %% y luego copié el contenido del .bbl aquí para ajustar los detalles.
  %\bibliographystyle{plain} 
  %\bibliography{famuvie-curso-beamer}

  \begin{thebibliography}{10}

    \bibitem[Tantau, 2010]{Tantau10}
    Till Tantau.
    \newblock User's guide to the {\sc beamer} class, version 3.01, July 2010.
    \href{../referencias/v3.10.beameruserguide.pdf}{\pgfuseimage{pdf}}
    \href{http://bitbucket.org/rivanvx/beamer/wiki/Home}{\pgfuseimage{www}}

    \bibitem{Batts07}
    Charles~T. Batts.
    \newblock {A Beamer Tutorial in Beamer}, 2007.
    \newblock Department of Computer Science, University of North Carolina at Greensboro.
    \href{../referencias/Batts07.Beamer Tutorial.pdf}{\pgfuseimage{pdf}}
    \href{http://www.uncg.edu/cmp/reu/presentations/Charles\%20Batts\%20-\%20Beamer\%20Tutorial.pdf}{\pgfuseimage{www}}

    \bibitem{Kim04}
    Ki-Joo Kim.
    \newblock {Beamer v3.0 Guide}, November 2004.
    \href{../referencias/Kim04.beamer_guide.pdf}{\pgfuseimage{pdf}}
    \href{http://faq.ktug.or.kr/wiki/uploads/beamer_guide.pdf}{\pgfuseimage{www}}
  \end{thebibliography}
    
\end{frame}



\begin{frame}{Material de referencia }

  \begin{thebibliography}{10}

    \bibitem{cursolatexgranada2009}
    Antonio~G. L\'{o}pez, Sergio Alonso, and Carlos Porcel.
    \newblock {Edici\'{o}n Avanzada de Textos Cient\'{i}ficos con LaTeX y
      Gesti\'{o}n Bibliogr\'{a}fica}, 2009.
    \href{../referencias/Lopez09.Beamer-avanzado.pdf}{\pgfuseimage{pdf}}
    \href{http://hallsi.ugr.es/cursoLatex/}{\pgfuseimage{www}}

    \bibitem{Mertz05}
    Andrew Mertz and William Slough.
    \newblock {Beamer by example}.
    \newblock In Barbara Beeton and Karl Berry, editors, {\em Practical TeX 2005},
      volume~26, pages 68--73. \TeX{} Users Group, June 2005.
    \href{../referencias/Mertz05.Beamer by example.pdf}{\pgfuseimage{pdf}}
    \href{http://www.tug.org/TUGboat/Articles/tb26-1/mertz.pdf}{\pgfuseimage{www}}

    \bibitem{Mora07}
    Walter Mora~Flores.
    \newblock {C\'{o}mo hacer transparencias con la clase Beamer de LaTeX}, 2007.
    \newblock Instituto Tecnol\'{o}gico de Costa Rica, Escuela de Matem\'{a}tica.
    \href{../referencias/Mora07.beamer.pdf}{\pgfuseimage{pdf}}
    \href{http://www.cidse.itcr.ac.cr/revistamate/HERRAmInternet/Beamer/BEAMER.pdf}{\pgfuseimage{www}}

    \bibitem{Rostamian11}
    Rouben Rostamian.
    \newblock {A Beamer Quickstart}, January 2011.
    \href{http://www.math.umbc.edu/\~{}rouben/beamer/}{\pgfuseimage{www}}

  \end{thebibliography}

\end{frame}

\begin{frame}{Material de referencia }

  Además, he hecho referencia a los siguientes paquetes de \LaTeX

  \begin{thebibliography}{10}

    \bibitem[Kern, 2007]{Kern07}
    Uwe Kern.
    \newblock {\em Extending \LaTeX{}'s color facilities: The {\tt xcolor}
      package}, January 2007.
    \href{../referencias/xcolor.pdf}{\pgfuseimage{pdf}}
    \href{http://www.ctan.org/tex-archive/macros/latex/contrib/xcolor/}{\pgfuseimage{www}}

    \bibitem{Matthias10}
    Andreas Matthias.
    \newblock {\em {The pdfpages Package}}, December 2010.
    \href{../referencias/pdfpages.pdf}{\pgfuseimage{pdf}}
    \href{http://www.ctan.org/tex-archive/macros/latex/contrib/pdfpages/}{\pgfuseimage{www}}

    \bibitem[Tantau, 2008]{Tantau08}
    Till Tantau.
    \newblock {\em {The TikZ and PGF Packages. Manual for version 2.00.}}
    \newblock Institut f\"{u}r Theoretische Informatik, Universit\"{a}t zu
      L\"{u}beck, February 2008.
    \href{../referencias/pgfmanual.pdf}{\pgfuseimage{pdf}}
    \href{http://www.ctan.org/tex-archive/graphics/pgf/base/doc/generic/pgf/}{\pgfuseimage{www}}

  \end{thebibliography}
  
\end{frame}

\licencia

	
\end{document}
