% **************************************************************
% Hi! Edit this file for your presentation!
% **************************************************************

% ==================///==================///==================///
% ==================/// LATEX'S STUFF
% ==================///==================///==================///

\documentclass{beamer}
\usepackage{amsfonts,amsmath,oldgerm}
\usepackage{listings}
\usepackage{colortbl}
\usepackage[spanish]{babel}
\usepackage{ulem}
\usepackage{hyperref}

\usepackage{statale_colors}
\usetheme{_statale}

\usefonttheme[onlymath]{serif}


\setbeamertemplate{caption}[numbered]
\newcommand{\testcolor}[1]{\colorbox{#1}{\textcolor{#1}{test}}~\texttt{#1}}
\newcommand{\hrefcol}[2]

\titlebackground*{assets/background}

% ==================///==================///==================///
% ==================/// SPLASH PAGE
% ==================///==================///==================///

\title{Malackathon}
\subtitle{\texorpdfstring{\sout{Open} CyberBokeron}{CyberBokeron}}
\course{Universidad de Málaga}
% \author{\href{mailto:x@correoOB}{OB}}
\date{18/10/2024}


% ==================///==================///==================///
% ==================/// START PRESENTATION
% ==================///==================///==================///

\pgfplotsset{compat=1.18}
\usetikzlibrary{positioning}
\begin{document}
\maketitle

% Indice Personalizado

\begin{frame}
    \frametitle{Índice}
    \framesubtitle{\ }
    \begin{itemize}
        \item \hyperlink{objetivos}{Objetivos}
        \item \hyperlink{tecnologias}{Tecnologías}
        \item \hyperlink{arquitectura}{Arquitectura de Software}
        \item \hyperlink{implementacion de solucion}{Implementación de Solución}
    \end{itemize}
\end{frame}



\begin{frame}
    \frametitle{QR Deploy}
    \framesubtitle{\ }
    \begin{figure}
        \centering
        \includegraphics[width=0.3\linewidth]{Imagenes_CyberBokeron/QR_LandingPage.png}
        \caption{https://openbokeron.uma.es/malackathon}
        \label{fig:enter-label}
    \end{figure}
    
\end{frame}

% ==================///==================///==================///
% ==================/// BODY'S PRESENTATION
% ==================///==================///==================///

% Objetivos

\begin{frame}{label=objetivos}
    \frametitle{Objetivos}
    \framesubtitle{\ }
\begin{itemize}
        \item Principal: alcanzar un equilibrio entre eficiencia y comodidad. 
        \item Pair Programming.
        \item Accesibilidad.
        \item Seguridad básica (anti-DDoS, anti-scraping).
        \item Predicción a partir de datos históricos.
    \end{itemize}
\end{frame}


% Tecnologias
 
\begin{frame}{label=tecnologias}
        \frametitle{Tecnologías}
        \framesubtitle{OracleDB}
        \begin{figure}
            \centering
            \includegraphics[width=0.8\linewidth]{Imagenes_CyberBokeron/OracleDB.png}
        \end{figure} 
\end{frame}

\begin{frame}
        \frametitle{Tecnologías}
        \framesubtitle{SolidJS}
        \begin{figure}
            \centering
            \includegraphics[width=0.8\linewidth]{Imagenes_CyberBokeron/SolidJS.png}
        \end{figure}
\end{frame}

\begin{frame}
    \frametitle{Tecnologías}
    \framesubtitle{Bulma}
    \begin{figure}
        \centering
        \includegraphics[width=0.9\linewidth]{Imagenes_CyberBokeron/Bulma.png}
    \end{figure}
\end{frame}

\begin{frame}
    \frametitle{Tecnologías}
    \framesubtitle{Bulma: Modularizacion}
    \begin{figure}
        \centering
        \includegraphics[width=0.9\linewidth]{Imagenes_CyberBokeron/Bulma_Modular.png}
    \end{figure}
\end{frame}

% Arquitectura de Software

\begin{frame}
    \frametitle{Arquitectura de Software}
    \framesubtitle{\ }
    \begin{itemize}
        \item Ubuntu Server con Nginx.
        \item ``Contenedores'' con Podman.
        \item Licencia AGPLv3.
    \end{itemize}
\end{frame}

% Implementacion de Solucion

\begin{frame}
    \frametitle{Implementación de Solución}
    \framesubtitle{\ }
    \begin{itemize}
        \item Predicción a partir de datos climatológicos.
        \item Como mejora, implementar el modelo de predicción correctamente. 
        \item En un futuro, implementar el backend usando un lenguaje eficiente y de alto rendimiento.
    \end{itemize}
\end{frame}

%Initial Docs
%\input{Sections/Getting Started}
%\input{Sections/Color Palette}
%\input{Sections/References}
% ==============================================



% ==================///==================///==================///
% ==================/// END PRESENTATION
% ==================///==================///==================///

\backmatter
\end{document}