\documentclass{beamer}

\usepackage[utf8]{inputenc}

\usepackage[french]{babel}
\usepackage[T1]{fontenc}

\usetheme{Warsaw}


\setbeamertemplate{footline}{%
  \leavevmode%
  \hbox{\begin{beamercolorbox}[wd=.5\paperwidth,ht=4.5ex,dp=2.125ex,leftskip=.3cm plus1fill,rightskip=.3cm]{author in head/foot}%
    \usebeamerfont{author in head/foot}\insertshortauthor
  \end{beamercolorbox}%
  \begin{beamercolorbox}[wd=.5\paperwidth,ht=4.5ex,dp=2.125ex,leftskip=.3cm,rightskip=.3cm plus1fil]{title in head/foot}%
    \usebeamerfont{title in head/foot}
    \parbox{.45\paperwidth}{\inserttitle\ | \insertsubtitle\ - \insertinstitute}
  \end{beamercolorbox}}%
  \vskip0pt%
}

\addtobeamertemplate{navigation symbols}{}{
 \usebeamerfont{footline}
 \usebeamercolor[fg]{footline}
 \hspace{1em}
 \insertframenumber/\inserttotalframenumber
}

\AtBeginSection[]{
  \begin{frame}
  \vfill
  \centering
  \begin{beamercolorbox}[sep=8pt,center,shadow=true,rounded=true]{title}
    \usebeamerfont{title}\insertsectionhead\par%
  \end{beamercolorbox}
  \vfill
  \end{frame}
}

\title{CI/CD - DevOps}
\titlegraphic{\includegraphics[width=0.5\textwidth]{Images/logoiutlyon1.png}}
\subtitle{CVDA}
\author{Charlaix - Polgar - Kezel - Furbault}
\date{04-02-2020}
\institute{Université Lyon 1 2019/2020}

\begin{document}
 
 \begin{frame}[label=home]
  \titlepage
 \end{frame}
 
 \begin{frame}
  \tableofcontents
 \end{frame}

 \section{Conteneur}
 \subsection{Présentation}
 \begin{frame}
  \begin{figure}[h]
  \centering
  \includegraphics[width=1\textwidth]{Images/Container.png}
  \caption{Conteneur}
  \label{fig:mesh1}
 \end{figure}
 \end{frame}

 \subsection{En pratique}
 \begin{frame}
  Pour cette présentation j'avais besoin sur deux serveur différent le même environnement, donc j'ai crée un conteneur avec les librairies pour compiler le Latex.
 \end{frame}

 \section{Orchestration}
 \subsection{Définition}
 \begin{frame}
  \textbf{Orchestration informatique}: ensemble des processus  automatiques de coordination et de gestion des systèmes informatiques  complexes, des middleware et des services.
  

  \textit{ source: https://lemag.digitools.io/MagDigital/orchestration-informatique-performance-cloud-management-platform}
 \end{frame}

 \subsection{Schéma}
 \begin{frame}
  \begin{figure}[h]
   \includegraphics[width=1\textwidth]{Images/Devops toolchain.png}
   \caption{DevOps toolchain}
  \end{figure}
 \end{frame}

 \section{CI}
 \subsection{Qu'es que c'est ?}
 \begin{frame}
  \begin{figure}[h]
   \includegraphics[width=0.7\textwidth]{Images/CI.png}
   \caption{CI}
  \end{figure}
 \end{frame}
 
 \subsection{Exemples}
 \begin{frame}
  \begin{figure}[h]
   \includegraphics[width=0.1\textwidth]{Images/GitHub.png}
   \caption{GitHub}
  \end{figure}
  \begin{figure}[h]
   \includegraphics[width=0.1\textwidth]{Images/GitLab.png}
   \caption{GitLab}
  \end{figure}
  \begin{figure}[h]
   \includegraphics[width=0.1\textwidth]{Images/Jenkins.png}
   \caption{Jenkins}
  \end{figure}
 \end{frame}
 
 \section{CD}
 \subsection{Et le CD alors ?}
 \begin{frame}
  \begin{figure}[h]
   \includegraphics[width=1\textwidth]{Images/CD.png}
   \caption{CD}
  \end{figure}
 \end{frame}

 \subsection{Exemples}
 \begin{frame}
  \begin{figure}[h]
   \includegraphics[width=0.2\textwidth]{Images/GitHub actions.png}
   \caption{GitHub actions}
  \end{figure}
  \begin{figure}[h]
   \includegraphics[width=0.2\textwidth]{Images/GitLab ci-cd.png}
   \caption{GitLab CI/CD}
  \end{figure}
 \end{frame}
 
 \section{La combinaison}
 \subsection{Schéma}
 \begin{frame}
 \begin{figure}[h]
  \centering
  \includegraphics[width=0.7\textwidth]{Images/diag ci cd.png}
  \caption{Double Yeet}
  \label{fig:mesh1}
 \end{figure}
 \end{frame}

 \subsection{Notre présentation}
 \begin{frame}
  \begin{figure}[h]
  \centering
  \includegraphics[width=1\textwidth]{Images/Combinaison.png}
  \caption{Combinaison}
  \label{fig:mesh1}
 \end{figure}
 \end{frame}
 
\end{document}

