La plaga Tux

En las entradas anteriores del tutorial he comentado el editor que recomiendo que utilicéis de , como instalar la clase Beamer y os dí un primer ejemplo para que observaseis la potencia que tiene esta magnífica clase para realización de presentaciones. En esta nueva entrada del tutorial voy a intentar cubrir los principales aspectos básicos para que podáis realizar vuestras presentaciones sin tener que echar mano de la guía de usuario de la clase. ¡Allá vamos!

Dominio de la presentación

Siempre es bueno matar dos pájaros de un tiro, así que el tema sobre el que va a tratar esta presentación de ejemplo será “Swarm Intelligence”, que viene a ser un tipo de inteligencia artificial basada en redes sociales, colectivos, etc. He escogido este tema, porque dentro de un tiempo tendré que realizar una presentación en clase sobre el mimso. Puede que no os enteréis mucho de que va el asunto ya que lo que pretendo es enseñaros a utilizar Beamer y no computación evolutiva, pero como ya os he dicho el tiempo es oro ^_^.

Primeros pasos: definición del documento

Lo primera cosa lógica a hacer en cualquier documento es definir un título para el mismo, pero antes de esto hay que indicarle a que vamos a hacer una presentación con Beamer y que vamos a trabajar con el idioma español:

\documentclass{beamer}
\usepackage[spanish]{babel} % Para separar correctamente las palabras
\usepackage[utf8]{inputenc} % Este paquete permite poner acentos y eñes usando codificación utf-8
\title{Inteligencia basada en redes sociales}

El comando \title admite un argumento opcional (entre corchetes) adecuado para cuando nuestro título es demasiado grande y queremos indicar un título alternativo más corto para mostrarlo en otras zonas más restrictivas del documento:

\title[Swarm Intelligente]{Inteligencia basada en redes sociales}

Lo siguiente sería ajustar el autor y fecha del documento:

\author{Pepito Grillo}\date{Diciembre - 2007}

Estos comandos al igual que ocurría con \title, admiten argumentos opcionales e incluso inclusión de otros comandos dentro del texto a escribir:

\author[pepito]{Pepito Grillo \\ \texttt{micorreo@dominio.com}}
\date[12-07]{Diciembre - 2007}

El marco para la página del título

Ahora tenemos que crear el primer marco de nuestro documento donde aparecerá la portada del mismo. El comando \titlepage se encarga de todo esto.

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

Sin embargo, una portada siempre debe ir acompañada de alguna imagen de la institución para la que ha sido realizada la presentación, y algún texto indicativo de la misma. Aquí os dejo un ejemplo de como insertar fácilmente un par de imágenes y texto centrado (en este caso añado los logotipos de mi universidad y titulación, y añado el nombre de la asignatura).

\begin{frame}
\includegraphics[height=0.2\textheight]{uco.jpg} \hspace*{7.3cm}
\includegraphics[height=0.22\textheight]{eupinf.jpg}  

\titlepage

\scriptsize
\begin{center}
  Bioinformática \\
  Universidad de Córdoba \\
\end{center}
\end{frame}

De momento nuestra presentación quedaría así:

Tema de la presentación

La portada que hemos creado tiene todo lo que le hemos indicado, pero le falta algo … ¿Que tal si cambiamos el tema de la presentación?. Beamer trae una amplia lista de temas para las presentaciones, así como esquemas de color para diferentes elementos de la misma, pero esto lo estudiaremos con más detalle en otra entrega del tutorial. De momento nos conformaremos con utilizar el tema que os indico a continuación. (El tema se indica antes del comando \begin{document}).

%Aquí iría la definición del documento (autor, titulo, etc.)
\usetheme{Antibes}
%Aquí iría el comienzo del documento

Ahora la presentación quedaría con un estilo como el que aparece a continuación. Más bonito, ¿verdad?

Fuentes y colores

Además de cambiar el tema que va a seguir todo el documento, también nos interesa cambiar la fuente de, por ejemplo, el título de nuestra presentación. Mediante el comando \setbeamerfont podemos especificar el tipo de fuente que va a seguir algún determinado elemento (título, autor, texto normal, etc.) y con el comando \setbeamercolor especificamos el color de los distintos elementos. De nuevo para no entrar en detalles dejaremos esto para otra entrega del tutorial y utilizaremos el ejemplo que os dejo a continuación.

\setbeamerfont{title}{shape=\itshape,family=\rmfamily}
\setbeamercolor{title}{fg=red!80!black,bg=blue!20!white}
%Comienzo del documento

Ahora la portada queda así:

La tabla de contenidos

Normalmente, después de una portada viene un índice o, como se nombra en , tabla de contenidos que hace un resumen de todas las secciones y subsecciones existentes en la presentación.

\begin{frame}
\frametitle{Índice}
\tableofcontents[pausesections]
\end{frame}

La opción [pausesections] hace que los distintos puntos para cada sección aparezcan separados en distintas “diapositivas” de nuestra presentación. De momento no aparecerá nada en este índice ya que no hemos definido aún ninguna sección con contenido en nuestra presentación. Vamos a ello.

Secciones y subsecciones

Esto como podréis ver, y sobre todo para los que conozcan , es muy intuitivo y fácil de entender. Donde pone “Algo de texto” deberá especificarse el contenido de cada transparencia.

\section{Introducción}
  \subsection{Modelos Basados en Adaptación Social}
  \begin{frame}
    Algo de texto
  \end{frame}\section{Algoritmos de ejemplo}

  \subsection{Optimización de colonia de hormigas}
  \begin{frame}
    Algo de texto
  \end{frame}

  \subsection{Difusión estocástica}
  \begin{frame}
    Algo de texto
  \end{frame}

  \section{Aplicaciones}
  \begin{frame}
    Algo de texto
  \end{frame}

Ahora vemos como se nos ha generado automáticamente en la segunda transparencia de nuestra presentación, la tabla de contenidos.

Creando un marco simple

Vamos a modificar el marco de introducción para explicar brevemente en que consisten los modelos basados en adaptación social. Con el comando \frametitle pondremos un título al marco que identifique claramente de lo que vamos a hablar en la transparencia. Después haciendo uso de los entornos “definition” y “example“, podemos realizar definiciones y ejemplos de forma muy sencilla. El entorno itemize, para los lectores que no están familiarizados con , es para generar listas de viñetas.

\section{Introducción}
\subsection{Modelos Basados en Adaptación Social}
\begin{frame}
  \frametitle{¿Qué es un modelo basado en adaptación social?}
  \begin{definition}
    Algoritmos o mecanismos distribuidos de resolución de problemas inspirados en el comportamiento colectivo de
colonias de insectos sociales u otras  sociedades de animales.
  \end{definition}
  \begin{example}
    \begin{itemize}
    \item Insectos
    \item Aves
    \item Peces
    \item Mamíferos
    \end{itemize}
  \end{example}
\end{frame}

Los resultados que se obtienen son los siguientes:

Creando una sucesión de transparencias simple

Parece que la cosa va tomando forma, pero aún queda mucho por ver. Lo siguiente es hacer que cada uno de los ejemplos que se muestran en la lista de ejemplos se muestre uno por uno, para así poder hablar en nuestra presentación tranquilamente de cada ejemplo sin que la mirada de nuestro público se pierda en otros ejemplos. Para ello simplemente usamos el comando \pause.

\begin{example}
    \begin{itemize}
    \item Insectos \pause
    \item Aves \pause
    \item Peces \pause
    \item Mamíferos
    \end{itemize}
  \end{example}

Aquí se muestra como aparecen en distintas transparencias la sucesión de los diferentes puntos:

Creando una sucesión de transparencias específica

Si deseamos crear una sucesión que no sea continua, es decir, que aparezcan los diferentes en el orden que queramos, también podemos conseguirlo fácilmente con Beamer. En el ejemplo que estamos viendo no tiene mucha utilidad, hay muchas otras ocasiones donde si nos será de gran ayuda. Una sucesión de transparencias específica se consigue así:

\begin{example}
    \begin{itemize}
    \item <1->Insectos
    \item <2->Aves \pause
    \item <3->Peces \pause
    \item <4->Mamíferos
    \end{itemize}
  \end{example}

Conclusiones

Con los apartados que aparecen en esta entrega del tutorial de Beamer, espero que seáis capaces de crear vuestras propias presentaciones simples. Sin embargo quedan algunas cosas importantes por ver y ahondar en los detalles de las funcionalidades ya vistas. No obstante si surge cualquier duda acerca de como realizar cualquier paso, os invito a que dejéis comentarios plasmando vuestros problemas. Hasta la próxima entrega

Enlace al archivo creado en esta entrega: Primera presentación Beamer.

Beamer Tutorial: Our first presentation step by step

In the previous posts of this tutorial I talk about what editor I recommend you, how to install the beamer class and I gave you a first example for showing the power of the excellent tool to make presentations. In this new post I’ll attempt to cover the main basic aspects for you would make your own presentations without seeing the user guide of the class. Here we come!

Scope of this presentation

Always is good to kill two birds with one stone, so the subject of this presentations will be about “Swarm Intelligence”, that is an artificial intelligence kind based on social networks, groups, etc. I’ve choose this subject because in a little time I’ll expose a conference about it. Maybe you don’t understand very well this document but I want to teach you how to use Beamer and don’t about the evolute computation ^_^.

First steps: Document definition

Logically, the first thing to do in any document is to define a title for it, but before this we must show to … that we are going to make a presentation with Beamer and to work with spanish language:

\documentclass{beamer}
\usepackage[spanish]{babel} % Para separar correctamente las palabras
\usepackage[utf8]{inputenc} % Este paquete permite poner acentos y eñes usando codificación utf-8
\title{Inteligencia basada en redes sociales}

The \title command given an optional argument (between brackets) to specify the title of the document when it is too much big. By this way, this shortest new title will be show in other areas of the document:

\title[Swarm Intelligente]{Inteligencia basada en redes sociales}

The next is to specify the author and date of the document:

\author{Pepito Grillo}\date{Diciembre - 2007}

These last commands, as well as \title, admit optional arguments:

\author[pepito]{Pepito Grillo \\ \texttt{micorreo@dominio.com}}
\date[12-07]{Diciembre - 2007}

The title page frame

Now we have to create the first frame of our document where will be appear the cover of this. The \titlepage command do all neccessary for this propose:

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

However, a cover should always be accompanied by a picture of the institution to which it has been made the presentation, and some indicative text of the same. Here I leave you an example of how easily insert a couple of pictures and text-centered (In this case add logos of my university and degree, and add the name of the subject).

\begin{frame}
\includegraphics[height=0.2\textheight]{uco.jpg} \hspace*{7.3cm}
\includegraphics[height=0.22\textheight]{eupinf.jpg}  

\titlepage

\scriptsize
\begin{center}
  Bioinformática \\
  Universidad de Córdoba \\
\end{center}
\end{frame}

At the momment our presentation looks like this:

Topic of the presentation

The cover we have created have all we have indicated, but it lacks something … What if we change the topic of the presentation?. Beamer brings a wide list of themes for the presentations, as well as color schemes for different elements of the it, but it will look with more detail in another issue of the tutorial. At the moment we’ll satisfied with using the theme that I indicated below (The theme is indicated before the \begin{document} command).

%Put here the definition of the document (author, title, etc.)
\usetheme{Antibes}
%Put here the begin of the document

Now the presentation would be with a style like the one below. More beautiful, right?

Fonts and colors

In addition to change the theme to be used for the rest of the document, we are also interested in change the font of, for example, the title of our presentation. With the \setbeamerfont command we can spicify the font type that will follow any particular element (title, author, normal text, etc.) and with the \setbeamercolor command we spicify the color of different elements. Again for not entering into details, I’ll leave this for another issue of the tutorial and we’ll use the example I leave you below.

\setbeamerfont{title}{shape=\itshape,family=\rmfamily}
\setbeamercolor{title}{fg=red!80!black,bg=blue!20!white}
%Comienzo del documento

At the moment, the cover becomes:

Table of content

Normally, after a cover there is usually an index or, as named in , table of contents that shows a summary of all the sections and subsections in the presentation.

\begin{frame}
\frametitle{Índice}
\tableofcontents[pausesections]
\end{frame}

The [pausesections] option makes the different points for each section appear separated in different “slides” of our presentation. At the moment not appear anything in this index as whe have not yet identified any section with content in our presentation. Let’s do this.

Sections and subsections

This as you can see, and especially for those who don’t know about , It is very intuitive and easy to understand. Where it says “Algo de texto” must spicify the content of each slide.

\section{Introducción}
  \subsection{Modelos Basados en Adaptación Social}
  \begin{frame}
    Algo de texto
  \end{frame}\section{Algoritmos de ejemplo}

  \subsection{Optimización de colonia de hormigas}
  \begin{frame}
    Algo de texto
  \end{frame}

  \subsection{Difusión estocástica}
  \begin{frame}
    Algo de texto
  \end{frame}

  \section{Aplicaciones}
  \begin{frame}
    Algo de texto
  \end{frame}

Now we see how the table of content have been automatically generated in the second slide of our presentation.

Creating a simple frame

Let’s change the frame of introduction for explaining briefly in which consist the models based of social adaptation. With the \frametitle command will put a title to the frame that crearly identifies what we are talking about on the transparency. After making use of both the definition and example environments, we can make definitions and examples in a very simple way. The itemize environment, for those readers who are unfamiliarized with , is to generate lists of bullets.

\section{Introducción}
\subsection{Modelos Basados en Adaptación Social}
\begin{frame}
  \frametitle{¿Qué es un modelo basado en adaptación social?}
  \begin{definition}
    Algoritmos o mecanismos distribuidos de resolución de problemas inspirados en el comportamiento colectivo de
colonias de insectos sociales u otras  sociedades de animales.
  \end{definition}
  \begin{example}
    \begin{itemize}
    \item Insectos
    \item Aves
    \item Peces
    \item Mamíferos
    \end{itemize}
  \end{example}
\end{frame}

The results obtained are as follows:

Creating a simple succesison of slides

It seems that the document is taking shape, but much remains to be seen yet. The following is to make taht each of the examples that are show in the list of bullets will be show one by one, so you can talk quietly in the presentation at each point without the eyes of our audience is lost in other examples. To do this simply use the \pause command.

\begin{example}
    \begin{itemize}
    \item Insectos \pause
    \item Aves \pause
    \item Peces \pause
    \item Mamíferos
    \end{itemize}
  \end{example}

Here is shown as they appear in different slides the succession of different points:

Creating a specific succession of slides

If we want to create a not continuous succession, that is, the different items appear in the order we want, we can achieve it easily with Beamer. In the example we are seeing is not very useful, but there are othe situations where it will be of big help. A specific succession of slides is achieved as follows:

\begin{example}
    \begin{itemize}
    \item <1->Insectos
    \item <2->Aves \pause
    \item <3->Peces \pause
    \item <4->Mamíferos
    \end{itemize}
  \end{example}

Conclusions

Whit sections that appear in this issue of the beamer tutorial, I hope that you may be able to create you own simple presentation. However are some important thins to see and delve to the details of the features seen before. But if any doubt about how to do any thing come up, I invite you to leave your comments translating your problems. Until the next issue

Link to the file created in this issue: First Beamer presentation.

Tutorial Beamer: Nuestra primera presentación paso a paso, 10.0 out of 10 based on 9 ratings