Corso LaTeX - Lezione Cinque: Advanced beamer

Lezione Cinque: Advanced Beamer

16 Maggio 2014

Valentina [email protected]

Outline1 Personalizzare i temi

ColoriElementiButtonsAppendice

2 Transizioni

3 Animazioni

4 File multimediali

5 Figure con TikzLe basiAnimazioni

Lezione 5 2/36 V. Ferro

2 Transizioni

3 Animazioni

4 File multimediali

2 Transizioni

3 Animazioni

4 File multimediali

2 Transizioni

3 Animazioni

4 File multimediali

2 Transizioni

3 Animazioni

4 File multimediali

2 Transizioni

3 Animazioni

4 File multimediali

Personalizziamo un tema...Modi�care i singoli elementi

A prescindere da ciascun tema, si possono modicare:

colori e font degli elementi del tema

aggiungere elementi non presenti

inserire immagini come sfondo dei vari elementi

Personalizziamo un tema...De�nire i singoli colori

Colori prede�niti:red, blue, green, cyan, magenta, yellow, black, darkgray, gray,lightgray, orange, violet, purple, brown

Creare nuovi coloriUsando la codi�ca RGB o CMYK:\definecolor{NomeColore}{RGB}{val1,val2,val3}Miscelando i colori già dichiarati:colore1!percentuale-colore1!colore2

\ definecolor {MyGreen}{RGB}{1,125,80}...Un parola {\ color {MyGreen}verde}\\ed una {\ color {MyGreen!60!cyan}miscelata}

Un parola verdeed una miscelata

Personalizziamo un tema...Attribuire i singoli colori

\ setbeamercolor { elemento }{ fg =color , bg=color }

Alcuni esempi:\setbeamercolor{section in sidebar}{fg=orange!30!white}\setbeamercolor{subsection in sidebar}{fg=white}\setbeamercolor{frametitle}{fg=MyLightBlue}\setbeamercolor{block title}{fg=white,bg=MyBlue}\setbeamercolor{block body}{fg=black,bg=MyBlue!40!white}

Personalizziamo un tema...Attribuire i singoli colori

\ setbeamercolor { elemento }{ fg =color , bg=color }

Alcuni esempi:\setbeamercolor{section in sidebar}{fg=orange!30!white}\setbeamercolor{subsection in sidebar}{fg=white}\setbeamercolor{frametitle}{fg=MyLightBlue}\setbeamercolor{block title}{fg=white,bg=MyBlue}\setbeamercolor{block body}{fg=black,bg=MyBlue!40!white}

Personalizziamo un tema...Un caso particolare: background

\ setbeamertemplate ......{}

\beamertemplatesolidbackgroundcolor{color}\beamertemplateshadingbackground{color1}{color2}

Inoltre:\beamertemplategridbackground[grid_space]\usebackgroundtemplate{\includegraphics....}

Personalizziamo un tema...Modi�care i singoli elementi

\ setbeamertemplate { elemento }[ proprieta ’]

Così come per il background, possiamo modi�care elementi di varianatura:

\setbeamertemplate{sidebar canvas left}[vertical shading][top=red, bottom=white]\setbeamertemplate{navigation symbols}{}\setbeamertemplate{footline}[slide number]\setbeamertemplate{item}[orange]

Personalizziamo un tema...Inserire i singoli elementi

\ insert .....

\insertframenumber \inserttotalframenumber\insertshortauthor \insertauthor\insertshorttitle \inserttitle

Personalizziamo un tema...Inserire i singoli elementi

\ insert .....

\insertframenumber \inserttotalframenumber\insertshortauthor \insertauthor\insertshorttitle \inserttitle

Personalizziamo un tema...Un esempio per spiegare

\ usetheme [left]{Hannover}\ useinnertheme [shadow=true]{rounded}\ setbeamertemplate { sidebar canvas left}[vertical shading][top=purple!70!red, bottom=

black!90!red]\ setbeamertemplate {item}[red]\ setbeamercolor {title in sidebar }{}\ setbeamercolor {section in sidebar }{fg=white}\ setbeamercolor {subsection in sidebar }{fg=white}\ setbeamercolor {section in sidebar shaded}{fg=red!50!white}\ setbeamercolor {subsection in sidebar shaded}{fg=red!20!black}\ setbeamercolor {structure}{fg=red!90!black}\ setbeamertemplate {navigation symbols}{}\ usebackgroundtemplate {\ includegraphics [width=\ paperwidth ]{pictures/map}}\ usefoottemplate {\ vbox {\tinycolouredline{purple!70!red}{\color{white}\ textbf {\

insertauthor \ hfill \ insertdate }}\tinycolouredline{black!90!red}{\color{white}\textbf {\inserttitle}\ hfill \text{\ insertframenumber /\ inserttotalframenumber }}}}

IntroduzioneVita di J.R.R.TolkienLa citazionesulla fantasiae la ragione

I TestiLe Poesie diTomBombadilLo HobbitIl Signoredegli AnelliLacompagniadell’anelloLe due torriIl ritorno delre

Conclusioni

La FantasiaIl genio di Tolkien e la cultura scientifica

Valentina Ferro 1 J.R.R. Tolkien 2

1Universita’ di Catania

2Merton College – Oxford

May 15, 2014

Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014

La Fantasia 1/5

Conclusioni

Fantasia e Ragioneda Sulle fiabe — Albero e foglia

La Fantasia e’ una naturale attivita’ umana, la qualecertamente non distrugge e neppure reca offesa alla Ragione;ne’ smussa l’appetito per la verita’ scientifica, di cui nonottunde la percezione. Al contrario: piu’ acuta e chiara e’ laragione, e migliori fantasie produrra’

La Fantasia 3/5

Personalizziamo un tema...Buttons

\ hyperlink { etichetta }{\ beamerbutton { nomevisualizzato }

Per inserire un bottone che rimanda ad una precisa slide:\hyperlink{transizioni}{\beamergotobutton{Vai alle transizioni}} Vai alle transizioni

\hyperlink{outline<5>}{\beamerbutton{Indice}} Indice

\hyperlink{end}{\beamerskipbutton{Salta alla fine}} Salta alla �ne

Personalizziamo un tema...Una utile feature: Appendice

\ appendix

Le sezioni inserite dopo il comando appendix, non appaiono �nchènon si raggiunge un frame che è inserito dopo il comando stesso.

N.B. Il conteggio totale dei frame viene modi�cato dallapresenza dell'indice.Può essere necessario risettare il numero totale di frame:\renewcommand{\inserttotalframenumber}{num}

Conclusioni

ConclusioneL’insoddisfazione del messaggio

Questa presentazione non è stata affatto soddisfacente, essendoper lo più vuota!

La Fantasia 5/5

\ appendix

Sezione AppSottosezioneApp

Frame appendice

La Fantasia 6/5

\ appendix

Conclusioni

ConclusioneL’insoddisfazione del messaggio

Questa presentazione non è stata affatto soddisfacente, essendoper lo più vuota!

La Fantasia 5/5

Sezione AppSottosezioneApp

Frame appendice

La Fantasia 6/5

2 Transizioni

3 Animazioni

4 File multimediali

Transizioni

Le transizioni agiscono sugli overlays, e solo in modalitàpresentazione.\transizione<numslide>[duration,direction]

transblindshorizontal Persiane a scomparsa orizzontalitransblindsvertical Persiane a scomparsa verticali

transboxin A scomparsa verso il centrotransboxout A scomparsa dal centro

transdissolve Dissolvenzatransglitter E�etto glitter

transslipverticalin A scomparsa verticale su due line verso il centrotransslipverticalout A scomparsa verticale su due line verso l'esterno

transhorizontalin A scomparsa orizzontale su due line verso il centrotranshorizontalout A scomparsa orizzontale su due line verso l'esterno

transwipe A scomparsa, unica lineatransduration{n} Mostra la slide n secondi

Transizioni

Le transizioni agiscono sugli overlays, e solo in modalitàpresentazione.\transizione<numslide>[duration,direction]

transblindshorizontal Persiane a scomparsa orizzontalitransblindsvertical Persiane a scomparsa verticali

transboxin A scomparsa verso il centrotransboxout A scomparsa dal centro

transdissolve Dissolvenzatransglitter E�etto glitter

transslipverticalin A scomparsa verticale su due line verso il centrotransslipverticalout A scomparsa verticale su due line verso l'esterno

transhorizontalin A scomparsa orizzontale su due line verso il centrotranshorizontalout A scomparsa orizzontale su due line verso l'esterno

transwipe A scomparsa, unica lineatransduration{n} Mostra la slide n secondi

2 Transizioni

3 Animazioni

4 File multimediali

AnimazioniCome funzionano

Generano un grande numero di slide

Non consentono una facile navigazioneDiverse tipologie

AnimazioneAvanzamento temporale

Possono essere migliorare se all'interno dell'ambiente Tikz

AnimazioniAvanzamento temporale

Un lungo elenco puntato animato

elenco

puntato

giusto

provare

semplice

animazione

E' stato su�ciente inserirenanimate<2-13> all'inizio del frameLezione 5 17/36 V. Ferro

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

elenco

puntato

giusto

provare

semplice

animazione

AnimazioniAnimare con e�etti

nanimatevalue<n>{e�etto}{start}{end}) Don't stop me now!!

\ newcount \opaqueness\ newdimen \offset\ newdimen \offsettwo

\ begin {frame}\animate<2-60,62-80>....\animatevalue<1-60>{\offset}{-6cm}{0cm}\animatevalue<62-81>{\opaqueness}{100}{0}\animatevalue<62-81>{\offsettwo}{0cm}{6cm}\ begin {colormixin}{\ the \opaqueness!averagebackgroundcolor}\ hspace {\offset}\ hspace {\offsettwo} $\ Rightarrow $ Don’t stop me now!!\ end {colormixin}...\ end {frame}

Codice modi�cato da Ki-Joo Kim

2 Transizioni

3 Animazioni

4 File multimediali

File MultimedialiIl pacchetto media9

\ includemedia [ opzioni ]{ poster }{ percorso / file ( oppureurl )}

Proprietàrichiede il pacchetto media9

Formati accettati: avi, mpeg, �v, mp4, ...

Opzioni: width, heigh, label..

poster: quello che viene visualizzato in attesa del caricamentodel �le o prima che si attivi il contenuto

File MultimedialiAlcuni esempi di codice

\includemedia[width=0.4\ linewidth ,height=0.3\ linewidth ,activate=pageopen,addresource=pictures/Vulvia.flv,flashvars={source=pictures/Vulvia.flv}]{}{VPlayer.swf}

\includemedia[width=146px,height=108px,activate=pageopen,addresource=pictures/Vulvia.flv,flashvars={source=pictures/Vulvia.flv}]{click!}{

StrobeMediaPlayback.swf}

2 Transizioni

3 Animazioni

4 File multimediali

Disegnare con TikZLe basi\ usepackage { tikz }

\ usetikzlibrary { lista delle librerie }...\ begin { tikzpicture }[ opzioni ]

comandi tikz\ end { tikzpicture }

Alcune librerie:arrows, matrix, mindmap, shapes.geometric, trees

\ begin {tikzpicture}\draw[red,dashed,thick] (1,0)--(0,0)--(-0.5,1.5)--cycle;

\ end {tikzpicture}

(0.5, 1.5) � (0.5cm, 1.5cm), è accettato anche(0.5cm, 1.5pt )

Un comando richiede sempre la chiusura con un punto e virgola;

Disegnare con TikZLe basi\ usepackage { tikz }

\ usetikzlibrary { lista delle librerie }...\ begin { tikzpicture }[ opzioni ]

comandi tikz\ end { tikzpicture }

Alcune librerie:arrows, matrix, mindmap, shapes.geometric, trees

\ begin {tikzpicture}\draw[red,dashed,thick] (1,0)--(0,0)--(-0.5,1.5)--cycle;

\ end {tikzpicture}

(0.5, 1.5) � (0.5cm, 1.5cm), è accettato anche(0.5cm, 1.5pt )

Un comando richiede sempre la chiusura con un punto e virgola;

Disegnare con TikZQualche esempio - Nodi

Per inserire del testo o un riferimento chepuò essere facilmente indicizzato siinseriscono inodi

\ begin {tikzpicture}\draw[red,dashed,thick] (1,0)--(0,0)--(0.5,1.5)--cycle;\node [right] at (1,0) {$A$};\node [left] at (0,0) {$B$};\node [above] at (0.5,1.5) {$C$};

\ end {tikzpicture}

Disegnare con TikZDiagrammi

Deposizione

Cleaning

EllissometriaDeposizione

Metalli

Misure CV

Disegnare con TikZDiagrammi

\tikzstyle{main}=[thick, rectangle, draw=MyBlue, rounded corners, fill=MyBlue!70,text centered, anchor=north, text=white, text width=2cm]....

\ begin {frame}...\ begin {tikzpicture}[node distance=.9cm]

\node (Begin)[main]{Deposizione};\node (SecondStep)[main, below=of Begin]{Cleaning};\node (Split) [text width=2cm, below=of SecondStep] {};\node (MisSpessore) [second, left=of Split] {Ellissometria};\node (ThirdStep) [second, right=of Split] {Deposizione Metalli};...

\draw[myarrow] (Begin.south) -- (SecondStep.north);\draw[myarrow] (SecondStep.south) -- ++(0,-0.2) -| (MisSpessore.north);\draw[myarrow] (SecondStep.south) -- ++(0,-0.2) -| (ThirdStep.north);...

\ end {tikzpicture}

Disegnare con TikZMappe concettuali

Figure in LaTeX

Da esterno

include-graphics

pstricks

Diagrammi

Interazionecon

beamer

Mappeconcettuali

Gra�ci

Disegnare con TikZMappe concettuali

\resizebox{.8\ textwidth }{!}{\ begin {tikzpicture}

\path[mindmap,concept color =MyGray,text=white]node[concept] {Figure in LaTeX}

% [clockwise from=0, step 180]child[grow=210,concept color =red!20!yellow] {

node[concept] {Da esterno}[clockwise from=210]child { node[concept] {include-graphics}}}

child[grow=270, concept color =MyGreen!50!yellow]{ node[concept] {pstricks}}child[grow=330, concept color =MyBlue!50!cyan] {

node[concept] {TikZ}[clockwise from=90]child { node[concept] {Diagrammi} }child { node[concept] {Interazione con beamer} }child { node[concept] {Mappe concettuali} }child { node[concept] {Grafici} }};

\ end {tikzpicture}}

Disegnare con TikZQualche esempio - funzioni

\draw [domain=<xmin>:<xmax>] plot (\x, {function});

\ begin {tikzpicture}\draw [->] (-2.2,0) -- (2.2,0);\draw [->] (0,0) -- (0,4.2);\draw [green, thick, domain=-2:2] plot (\x

, {4-\x * \x});\draw [domain=-2:2, samples=50] plot (\x,

{1+cos(pi * \x r});\ end {tikzpicture}

Alcune funzioni: sqrt, pow, exp, ln, abs, sin, cos, tan

Disegnare con TikZInterazione con gli overlay in beamer

f (x, m, s ) =1

2pe� (x � m)2

Deviazione Standard

f (x, m, s ) =1

2pe� (x � m)2

Deviazione Standard

\ begin {equation * }f(x,\tikz[baseline]{\node[fill=blue!20,anchor=base] (t1){$\ mu$};},\tikz[baseline]{\node[fill=red!20, ellipse,anchor=base] (t2){$\ sigma $};}

) = \dfrac{1}{\ sigma \ sqrt {2\ pi }} e^{-\ frac {(x-\ mu)^2}{2\ sigma ^2}}\ end {equation * }

\ begin {itemize}[<+-| alert@+>]\ item Media

\tikz[na]\node [coordinate] (n1) {};\ item Deviazione Standard

\tikz[na]\node [coordinate] (n2) {};\ end {itemize}

\ begin {tikzpicture}[overlay]\path[->]<1-> (n1) edge [bend right] (t1);\path[->]<2-> (n2) edge [bend right] (t2);

\ end {tikzpicture}

Animare con TikZ

\ begin {tikzpicture}[every node/.style={draw}]\node (s) {A};\node (r) at (5,0) {B};\animate<2-10>\foreach \pos in {0.1,0.2,...,1.0} {

\action<+>{\path (s) -- (r) node[pos=\pos,coordinate] (p) {};\draw[->] (s) -- (p);}}

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ end {tikzpicture}

Animare con TikZ

\ begin {animateinline}[loop]{10}\multiframe{10}{rPos=0.1+0.1}{

\ begin {tikzpicture}[every node/.style={draw}]\node (s) {A};\node (r) at (5,0) {B};\path (s) -- (r) node[pos=\rPos,coordinate] (p) {};\draw[->] (s) -- (p);\ end {tikzpicture}}

\ end {animateinline}

Animare con TikZUn esempio complesso

Corso LaTeX - Lezione Cinque: Advanced beamer

Education

Transcript of Corso LaTeX - Lezione Cinque: Advanced beamer