Corso LaTeX - Lezione Cinque: Advanced beamer

1. Lezione Cinque: Advanced Beamer 16 Maggio 2014 Valentina Ferro valentina.ferro89@gmail.com

2. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro

8. 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 Lezione 5 4/36 V. Ferro

9. Personalizziamo un tema... Definire i singoli colori Colori predefiniti: red, blue, green, cyan, magenta, yellow, black, darkgray, gray, lightgray, orange, violet, purple, brown Creare nuovi colori Usando la codifica 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 verde ed una miscelata Lezione 5 5/36 V. Ferro

12. 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} Lezione 5 6/36 V. Ferro

13. 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} Lezione 5 6/36 V. Ferro

14. Personalizziamo un tema... Un caso particolare: background setbeamertemplate......{} beamertemplatesolidbackgroundcolor{color} beamertemplateshadingbackground{color1}{color2} Inoltre: beamertemplategridbackground[grid_space] usebackgroundtemplate{includegraphics....} Lezione 5 7/36 V. Ferro

18. Personalizziamo un tema... Modiﬁcare i singoli elementi setbeamertemplate{elemento}[proprieta’] Così come per il background, possiamo modiﬁcare elementi di varia natura: setbeamertemplate{sidebar canvas left}[vertical shading] [top=red, bottom=white] setbeamertemplate{navigation symbols}{} setbeamertemplate{footline}[slide number] setbeamertemplate{item}[orange] Lezione 5 8/36 V. Ferro

19. Personalizziamo un tema... Inserire i singoli elementi insert..... insertframenumber inserttotalframenumber insertshortauthor insertauthor insertshorttitle inserttitle Lezione 5 9/36 V. Ferro

20. Personalizziamo un tema... Inserire i singoli elementi insert..... insertframenumber inserttotalframenumber insertshortauthor insertauthor insertshorttitle inserttitle Lezione 5 9/36 V. Ferro

21. 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{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro

26. Personalizziamo un tema... Un esempio per spiegare Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni La Fantasia Il genio di Tolkien e la cultura scientiﬁca 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 Lezione 5 10/36 V. Ferro

27. Personalizziamo un tema... Un esempio per spiegare Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni Fantasia e Ragione da Sulle fiabe — Albero e foglia La Fantasia e’ una naturale attivita’ umana, la quale certamente non distrugge e neppure reca offesa alla Ragione; ne’ smussa l’appetito per la verita’ scientifica, di cui non ottunde la percezione. Al contrario: piu’ acuta e chiara e’ la ragione, e migliori fantasie produrra’ Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 3/5 Lezione 5 10/36 V. Ferro

28. 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 Lezione 5 11/36 V. Ferro

29. Personalizziamo un tema... Una utile feature: Appendice appendix Le sezioni inserite dopo il comando appendix, non appaiono finchè non si raggiunge un frame che è inserito dopo il comando stesso. N.B. Il conteggio totale dei frame viene modificato dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni Conclusione L’insoddisfazione del messaggio Questa presentazione non è stata affatto soddisfacente, essendo per lo più vuota! Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 5/5 Lezione 5 12/36 V. Ferro

30. 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 dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} Sezione App Sottosezione App Frame appendice Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 6/5 Lezione 5 12/36 V. Ferro

31. Personalizziamo un tema... Una utile feature: Appendice appendix Le sezioni inserite dopo il comando appendix, non appaiono finchè non si raggiunge un frame che è inserito dopo il comando stesso. N.B. Il conteggio totale dei frame viene modificato dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} i oesie di badil obbit nore Anelli pagnia anello ue torri orno del usioni Questa presentazione non è stata affatto soddisfacente, essendo per lo più vuota! entina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 Fantasia 5/5 ne App sezione Frame appendice entina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 Fantasia 6/5 Lezione 5 12/36 V. Ferro

33. Transizioni Le transizioni agiscono sugli overlays, e solo in modalità presentazione. transizione<numslide>[duration,direction] transblindshorizontal Persiane a scomparsa orizzontali transblindsvertical Persiane a scomparsa verticali transboxin A scomparsa verso il centro transboxout A scomparsa dal centro transdissolve Dissolvenza transglitter Eﬀetto glitter transslipverticalin A scomparsa verticale su due line verso il centro transslipverticalout A scomparsa verticale su due line verso l’esterno transhorizontalin A scomparsa orizzontale su due line verso il centro transhorizontalout A scomparsa orizzontale su due line verso l’esterno transwipe A scomparsa, unica linea transduration{n} Mostra la slide n secondi Lezione 5 14/36 V. Ferro

34. Transizioni Le transizioni agiscono sugli overlays, e solo in modalità presentazione. transizione<numslide>[duration,direction] transblindshorizontal Persiane a scomparsa orizzontali transblindsvertical Persiane a scomparsa verticali transboxin A scomparsa verso il centro transboxout A scomparsa dal centro transdissolve Dissolvenza transglitter Eﬀetto glitter transslipverticalin A scomparsa verticale su due line verso il centro transslipverticalout A scomparsa verticale su due line verso l’esterno transhorizontalin A scomparsa orizzontale su due line verso il centro transhorizontalout A scomparsa orizzontale su due line verso l’esterno transwipe A scomparsa, unica linea transduration{n} Mostra la slide n secondi Lezione 5 14/36 V. Ferro

36. Animazioni Come funzionano Generano un grande numero di slide Non consentono una facile navigazione Diverse tipologie Animazione Avanzamento temporale Possono essere migliorare se all’interno dell’ambiente Tikz Lezione 5 16/36 V. Ferro

37. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato suﬃciente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro

50. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} Lezione 5 18/36 V. Ferro

60. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} ! Lezione 5 18/36 V. Ferro

61. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} !! Lezione 5 18/36 V. Ferro

62. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} w!! Lezione 5 18/36 V. Ferro

65. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} ow!! Lezione 5 18/36 V. Ferro

66. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} ow!! Lezione 5 18/36 V. Ferro

67. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} now!! Lezione 5 18/36 V. Ferro

70. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} e now!! Lezione 5 18/36 V. Ferro

71. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} e now!! Lezione 5 18/36 V. Ferro

72. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} me now!! Lezione 5 18/36 V. Ferro

76. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} p me now!! Lezione 5 18/36 V. Ferro

77. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} p me now!! Lezione 5 18/36 V. Ferro

78. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} op me now!! Lezione 5 18/36 V. Ferro

79. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} op me now!! Lezione 5 18/36 V. Ferro

80. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} top me now!! Lezione 5 18/36 V. Ferro

81. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} stop me now!! Lezione 5 18/36 V. Ferro

84. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} t stop me now!! Lezione 5 18/36 V. Ferro

85. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} ’t stop me now!! Lezione 5 18/36 V. Ferro

86. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} n’t stop me now!! Lezione 5 18/36 V. Ferro

87. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} n’t stop me now!! Lezione 5 18/36 V. Ferro

88. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} on’t stop me now!! Lezione 5 18/36 V. Ferro

89. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} on’t stop me now!! Lezione 5 18/36 V. Ferro

90. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} Don’t stop me now!! Lezione 5 18/36 V. Ferro

94. Animazioni Animare con eﬀetti animatevalue<n>{eﬀetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro

130. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! newcountopaqueness newdimenoffset newdimenoffsettwo 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}{theopaqueness!averagebackgroundcolor} hspace{offset}hspace{offsettwo} $Rightarrow$ Don’t stop me now!! end{colormixin} ... end{frame} Codice modificato da Ki-Joo Kim Lezione 5 18/36 V. Ferro

132. File Multimediali Il pacchetto media9 includemedia[opzioni]{poster}{percorso/file (oppure url)} Proprietà richiede il pacchetto media9 Formati accettati: avi, mpeg, ﬂv, mp4, ... Opzioni: width, heigh, label.. poster: quello che viene visualizzato in attesa del caricamento del ﬁle o prima che si attivi il contenuto Lezione 5 20/36 V. Ferro

133. File Multimediali Alcuni esempi di codice includemedia[ width=0.4linewidth, height=0.3linewidth, 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} Lezione 5 21/36 V. Ferro

135. Disegnare con TikZ Le basiusepackage{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 ; Lezione 5 23/36 V. Ferro

136. Disegnare con TikZ Le basiusepackage{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 ; Lezione 5 23/36 V. Ferro

137. Disegnare con TikZ Qualche esempio - Nodi Per inserire del testo o un riferimento che può essere facilmente indicizzato si inseriscono i nodi AB C 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} Lezione 5 24/36 V. Ferro

138. Disegnare con TikZ Diagrammi Deposizione Cleaning Ellissometria Deposizione Metalli Misure CV Lezione 5 25/36 V. Ferro

139. Disegnare con TikZ Diagrammi 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} Lezione 5 26/36 V. Ferro

140. Disegnare con TikZ Mappe concettuali Figure in LaTeX Da esterno includegraphics pstricks TikZ Diagrammi Interazione con beamer Mappe concettuali Graﬁci Lezione 5 27/36 V. Ferro

141. Disegnare con TikZ Mappe concettuali resizebox{.8textwidth}{!}{ 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}} Lezione 5 28/36 V. Ferro

142. Disegnare con TikZ Qualche 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 Lezione 5 29/36 V. Ferro

143. Disegnare con TikZ Interazione con gli overlay in beamer f (x, µ , σ ) = 1 σ √ 2π e− (x−µ)2 2σ2 Media Deviazione Standard Lezione 5 30/36 V. Ferro

144. Disegnare con TikZ Interazione con gli overlay in beamer f (x, µ , σ ) = 1 σ √ 2π e− (x−µ)2 2σ2 Media Deviazione Standard Lezione 5 30/36 V. Ferro

145. Disegnare con TikZ Interazione con gli overlay in beamer 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{2pi}} e^{-frac{(x-mu)^2}{2sigma^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} Lezione 5 31/36 V. Ferro

146. Animare con TikZ A B 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} Lezione 5 32/36 V. Ferro

156. 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} Lezione 5 33/36 V. Ferro A B

157. Animare con TikZ Un esempio complesso Lezione 5 34/36 V. Ferro t I

158. Acknowledgements Sebi (a.k.a. etr) – Colui che mi ha iniziato a LATEX Prof. Angilella – Sebbene non fu lui a farmi avere il primo ﬁle.tex, trovai rincuorante leggervi il suo nome! Josè, Paola, Luigi e tutti gli altri colleghi che mi hanno spinto a fare questo corso e a mettermi alla prova Tutti voi!!! Lezione 5 35/36 V. Ferro

159. Grazie dell’attenzione! Find x: 3 cm 2 cmx I˚t’¯s ˛h`eˇr`e! Find $x$. begin{center} begin{ tikzpicture } draw (0,0) −− (3,0) node[midway,below]{3 cm} −− (3,2) node[midway,right] {2 cm} −− (0,0) node[midway,left, circle ,draw=blue,decorate,decoration={random steps,segment length =1pt,amplitude=0.5pt}]{$x$} −− (3,0) rectangle (2.7,0.3) −− cycle; draw (0.4,0) arc (0:30:0.5) ; draw (3,1.6) arc (270:226:0.5) ; draw (1,1.9) node []{ color {blue} fontfamily {frc} selectfont {It ’s here !}}; end{ tikzpicture } end{center} Torna indietro Lezione 5 36/36 V. Ferro

Corso LaTeX - Lezione Cinque: Advanced beamer

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (10)

Dernier

Dernier (20)

Corso LaTeX - Lezione Cinque: Advanced beamer