Skip to content

Commit

Permalink
Added animations to deployment slides.
Browse files Browse the repository at this point in the history
  • Loading branch information
@applebyter
applebyter committed May 14, 2024
1 parent 4da4168 commit c43419a
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 25 deletions.
1 change: 1 addition & 0 deletions .github/workflows/latex-dependencies.sh
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,3 +29,4 @@ tlmgr install pdflscape
tlmgr install accsupp
tlmgr install tikzmark
tlmgr install setspace
tlmgr install animate
54 changes: 29 additions & 25 deletions slides/deployment/main.tex
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
\documentclass{slide}

% Comment out animate package for GitHub commited version.
%\usepackage{animate}
\usepackage{animate}

% Only needed if final slide with manually created table is used.
%\usepackage{colortbl}
\usepackage{colortbl}

\usepackage{changepage}
\usepackage{setspace}
Expand All @@ -16,7 +16,8 @@
\title{Deployment Strategies}
\subtitle{CSSE6400}
\author{Richard Thomas}
\date{\week{11}}
\date{\week{12}}


\begin{document}

Expand Down Expand Up @@ -154,8 +155,8 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/recreate/fnum}{1}{20}
% Replace with \includegraphics of the merged image for slides published via GitHub.
% \animategraphics[trim=10 115 10 100,clip,controls,buttonsize=1em,width=1.05\linewidth]{6}{diagrams/recreate/fnum}{1}{20}
\includegraphics[height=\textheight]{diagrams/recreate.png}
\end{frame}
\note[itemize]{
Expand Down Expand Up @@ -196,9 +197,9 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/rolling/fnum}{1}{27}
\includegraphics[height=\textheight]{diagrams/rolling/fnum15.png}
% Replace with \includegraphics of the merged image for slides published via GitHub.
\animategraphics[trim=10 115 10 100,clip,poster=14,controls,buttonsize=1em,width=1.05\linewidth]{6}{diagrams/rolling/fnum}{1}{27}
% \includegraphics[height=\textheight]{diagrams/rolling/fnum15.png}
\end{frame}
\note[itemize]{
\item Slowly roll out new version.
Expand Down Expand Up @@ -249,9 +250,9 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/blue-green/fnum}{1}{14}
\includegraphics[height=\textheight]{diagrams/blue-green/fnum10.png}
% Replace with \includegraphics of the merged image for slides published via GitHub.
\animategraphics[trim=10 115 10 100,clip,poster=9,controls,buttonsize=1em,width=1.05\linewidth]{6}{diagrams/blue-green/fnum}{1}{14}
% \includegraphics[height=\textheight]{diagrams/blue-green/fnum10.png}
\end{frame}
\note[itemize]{
\item \textbf{V2} deployed alongside \textbf{V1}, including same number of instances.
Expand Down Expand Up @@ -299,9 +300,9 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/canary/fnum}{1}{15}
\includegraphics[height=\textheight]{diagrams/canary/fnum14.png}
% Replace with \includegraphics of the merged image for slides published via GitHub.
\animategraphics[trim=10 115 10 100,clip,poster=13,controls,buttonsize=1em,width=1.05\linewidth]{4}{diagrams/canary/fnum}{1}{15}
% \includegraphics[height=\textheight]{diagrams/canary/fnum14.png}
\end{frame}
\note[itemize]{
\item Gradually shift traffic from \textbf{V1} to \textbf{V2}.
Expand Down Expand Up @@ -337,9 +338,9 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/a-b/fnum}{1}{19}
\includegraphics[height=\textheight]{diagrams/a-b/fnum19.png}
% Replace with \includegraphics of the merged image for slides published via GitHub.
\animategraphics[trim=10 115 10 100,clip,poster=last,controls,buttonsize=1em,width=1.05\linewidth]{6}{diagrams/a-b/fnum}{1}{19}
% \includegraphics[height=\textheight]{diagrams/a-b/fnum19.png}
\end{frame}
\note[itemize]{
\item Actually it's A/B Testing.
Expand Down Expand Up @@ -379,9 +380,9 @@
\vspace{1pt}
\centering
% \animategraphics output only works in Adobe Acrobat.
% Replace with \includegraphics of the merged image.
% \animategraphics[trim=10 100 10 100,clip,controls,width=\linewidth]{7}{diagrams/shadow/fnum}{1}{15}
\includegraphics[height=\textheight]{diagrams/shadow/fnum14.png}
% Replace with \includegraphics of the merged image for slides published via GitHub.
\animategraphics[trim=10 115 10 100,clip,poster=13,controls,buttonsize=1em,width=1.05\linewidth]{6}{diagrams/shadow/fnum}{1}{15}
% \includegraphics[height=\textheight]{diagrams/shadow/fnum14.png}
\end{frame}
\note[itemize]{
\item Complex to setup.
Expand Down Expand Up @@ -456,25 +457,28 @@
\note{There isn't any one perfect deployment strategy.}

\begin{frame}{Deployment Considerations \cite{deployment-strategies}}
\begin{adjustwidth}{-12mm}{-12mm}
\centering
\includegraphics[height=0.93\textheight]{diagrams/deployment_strategies.png}
\end{adjustwidth}
\centering
\includegraphics[height=0.93\textheight]{diagrams/deployment_strategies.png}
\end{frame}

% Manually created table of deployment_strategies.png content.
%\begin{frame}{Deployment Considerations}
%\vspace{-10mm}
%\begin{table}
%\begin{adjustwidth}{-12mm}{-12mm}
%\centering
%% Figure out how to fix first row's text having double-line spacing after line break.
%\def\arraystretch{1.5}
%\begin{tabular}{lccccccc}
%\rowcolor[rgb]{0.835,1,0.835} \multicolumn{1}{c}{Strategy} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Zero\\Downtime\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Real\\Traffic\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Targetted\\Users\end{tabular} & Cost & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Rollback\\Duration\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Impact\\on Users\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Setup\\Complexity\end{tabular} \\
%\rowcolor[rgb]{0.835,1,0.835} \multicolumn{1}{c}{Strategy} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Zero\\Downtime\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Real\\Traffic\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Targeted\\Users\end{tabular} & Cost & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Rollback\\Duration\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Impact\\on Users\end{tabular} & \begin{tabular}[c]{@{}>{\cellcolor[rgb]{0.835,1,0.835}}c@{}}Setup\\Complexity\end{tabular} \\
%\rowcolor[rgb]{0.941,1,1} Recreate & N & N & N & \$ & Long & High & Negligible \\
%\rowcolor[rgb]{1,0.937,1} Rolling & Y & N & N & \$ & Long & Low & Low \\
%\rowcolor[rgb]{0.941,1,1} Blue/Green & Y & N & N & \$\$\$ & Negligible & Medium & Medium \\
%\rowcolor[rgb]{1,0.937,1} Canary & Y & Y & N & \$ & Short & Low & Medium \\
%\rowcolor[rgb]{0.941,1,1} A/B Testing & Y & Y & Y & \$\$ & Short & Low & High \\
%\rowcolor[rgb]{1,0.937,1} Shadow & Y & Y & N & \$\$\$ & Negligible & Negligible & High
%\end{tabular}
%\end{adjustwidth}
%\end{table}
%\end{frame}

Expand Down

0 comments on commit c43419a

Please sign in to comment.