templatetop.tex

\documentclass[openright,twoside,10pt]{book}
\usepackage[b5paper,left=2cm,top=2.5cm,right=1.5cm,bottom=2.5cm]{geometry} 
\usepackage[spanish]{babel} % espanol
\usepackage[utf8]{inputenc} % acentos sin codigo
\usepackage{graphicx} % gráficos
\usepackage{lscape}
\usepackage{fancyvrb}
\usepackage{fancyhdr}
\usepackage{wrapfig}
\usepackage{multirow}
\usepackage{rotating} % rotate figures
\usepackage{array} % for defining a new column type
\usepackage{varwidth} % for the varwidth minipage environment
\newcolumntype{S}{>{\begin{varwidth}{2cm}}c<{\end{varwidth}}}
\newcolumntype{M}{>{\begin{varwidth}{4cm}}c<{\end{varwidth}}}
\newcolumntype{L}{>{\begin{varwidth}{6cm}}c<{\end{varwidth}}}
\newcolumntype{X}{>{\begin{varwidth}{8cm}}c<{\end{varwidth}}}
\newcolumntype{Y}{>{\begin{varwidth}{10cm}}l<{\end{varwidth}}}
\usepackage{float}
\usepackage{listings} %% START: Definimos el modo de mostrar codigo
\usepackage{color}
%\usepackage{bera}% optional: just to have a nice mono-spaced font
\usepackage{xcolor}
\usepackage{enumitem}
\usepackage[table,xcdraw]{xcolor}
\colorlet{punct}{red!60!black}
\definecolor{background}{HTML}{EEEEEE}
\definecolor{delim}{RGB}{20,105,176}
\colorlet{numb}{magenta!60!black}
\definecolor{dkgreen}{rgb}{0,0.6,0}
\definecolor{gray}{rgb}{0.5,0.5,0.5}
\definecolor{mauve}{rgb}{0.58,0,0.82}
\lstset{frame=tb, % VIM
  language=java,
  aboveskip=3mm,
  belowskip=3mm,
  showstringspaces=false,
  columns=flexible,
  basicstyle={\small\ttfamily},
  numbers=none,
  numberstyle=\tiny\color{gray},
  keywordstyle=\color{blue},
  commentstyle=\color{dkgreen},
  stringstyle=\color{mauve},
  breaklines=true,
  breakatwhitespace=true,
  tabsize=2
}
\lstdefinelanguage{json}{ % Define JSON
    basicstyle=\normalfont\ttfamily,
    numbers=left,
    numberstyle=\scriptsize,
    stepnumber=1,
    numbersep=8pt,
    showstringspaces=false,
    breaklines=true,
    frame=lines,
    backgroundcolor=\color{background},
    literate=
     *{0}{{{\color{numb}0}}}{1}
      {1}{{{\color{numb}1}}}{1}
      {2}{{{\color{numb}2}}}{1}
      {3}{{{\color{numb}3}}}{1}
      {4}{{{\color{numb}4}}}{1}
      {5}{{{\color{numb}5}}}{1}
      {6}{{{\color{numb}6}}}{1}
      {7}{{{\color{numb}7}}}{1}
      {8}{{{\color{numb}8}}}{1}
      {9}{{{\color{numb}9}}}{1}
      {:}{{{\color{punct}{:}}}}{1}
      {,}{{{\color{punct}{,}}}}{1}
      {\{}{{{\color{delim}{\{}}}}{1}
      {\}}{{{\color{delim}{\}}}}}{1}
      {[}{{{\color{delim}{[}}}}{1}
      {]}{{{\color{delim}{]}}}}{1},
}

\usepackage[table,xcdraw]{xcolor} % tabla con colores
\setlength{\parskip}{10pt plus 1pt minus 1pt}
 % aqui definimos el encabezado de las paginas pares e impares.
\rhead[]{}

\renewcommand{\headrulewidth}{0.5pt}

% aqui definimos el pie de pagina de las paginas pares e impares.
\rfoot[\thepage]{\thepage}
\cfoot[]{}
\renewcommand{\footrulewidth}{0pt}

% Arreglamos el problema de 'Indice de cuadros' por 'Índice de Tablas'
% \renewcommand{\listoftables}{Índice de Tablas}

% aqui definimos el encabezado y pie de pagina de la pagina inicial de un capitulo.
\fancypagestyle{plain}{
\fancyhead[R]{}
\fancyfoot[C]{}
\fancyfoot[R]{\thepage}
\renewcommand{\headrulewidth}{0.5pt}
\renewcommand{\footrulewidth}{0pt}
}

\pagestyle{fancy} % seleccionamos un estilo

\date{21 de Enero de 2020}
\author{Velasco Gil, Álvaro}
\title{TFG: titulo}

\begin{document}

\begin{titlepage}

\begin{center}
\vspace*{-1in}
\begin{figure}[htb]
\begin{center}
\includegraphics[width=3cm]{./img/logo}
\end{center}
\end{figure}
\begin{large}
\textbf{Universidad de Valladolid}
\end{large}

\vspace*{0.15in}

\vspace*{0.6in}
\begin{large}
\textbf{ESCUELA DE INGENIERÍA INFORMÁTICA}

\end{large}
\vspace*{0.2in}
\textbf{ GRADO EN INGENIERÍA INFORMÁTICA}\\
\textbf{ MENCIÓN EN INGENIERÍA DEL SOFTWARE }
\vspace*{0.1in}
\rule{140mm}{0.1mm}\\
\vspace*{0.2in}
\begin{large}
\textbf{{\LARGE DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA DE CONTROL Y MONITORIZACIÓN DE ASISTENTES INTELIGENTES\\}}
\end{large}
\vspace*{0.2in}
\rule{140mm}{0.1mm}\\
\vspace*{2in}
\begin{large}
\begin{flushright}
\textbf{Alumno: Álvaro Velasco Gil \\
\vspace*{0.3in}
Tutor: Jesús M. Vegas Hernández }
\end{flushright}
\end{large}
\end{center}

\end{titlepage}

\newpage
\mbox{}	
\thispagestyle{empty} % para que no se numere esta página

\chapter*{}
\pagenumbering{Roman} % para comenzar la numeración de paginas en números romanos
\input{secciones/0pre/dedicatoria}

\chapter*{Agradecimientos} % si no queremos que añada la palabra "Capitulo"
\addcontentsline{toc}{chapter}{Agradecimientos} % si queremos que aparezca en el índice
\markboth{AGRADECIMIENTOS}{AGRADECIMIENTOS} % encabezado 
\input{secciones/0pre/agradecimiento} % AGRADECIMIENTOS

\chapter*{Resumen} % si no queremos que añada la palabra "Capitulo"
\addcontentsline{toc}{chapter}{Resumen} % si queremos que aparezca en el índice
\markboth{RESUMEN}{RESUMEN} % encabezado
\begin{flushleft} % RESUMEN

Este proyecto es movido dos grandes motivaciones: la privacidad de nuestros datos, y la asistencia de la población envejecida rural.

Con ello, se narra el proceso por el cual ha sido desarrollado un proyecto de despliegue de dispositivos, los cuales se comportan como asistentes personales orientados a la población más envejecida y con menos recursos, que notablemente está alojada en poblaciones rurales.

Estos asistentes proporcionarán una ayuda diaria a este grupo social que es el que en realidad puede necesitar de un dispositivo que le ayude a realizar las tareas y responder preguntas comunes, al igual que se tratará de un dispositivo que pueda detectar un posible accidente en el hogar y proporcionar una asistencia inmediata.

Para la realización de este proyecto, por tanto, se requiere la implementación de una API contra la que se comunicará cada dispositivo, al igual que un sitio web para que el administrador del sistema pueda controlarlos. Cada dispositivo estará desplegado remotamente y podrá ser controlado, por lo que en este proyecto también se desarrollará el controlador del dispositivo.

En cuanto al desarrollo se han utilizado diferentes lenguajes, tales como Kotlin con el framework de Ktor para la creación de la API, el framework de VueJS para la creación del sitio web, donde se incluye HTML + CSS + Javascript, al igual que la utilización de Phyton para la creación del controlador que irá instalado en cada dispositivo.

Toda el proyecto ha sido elaborado, dada su naturaleza, siguiendo un plan basado en iteraciones.

\end{flushleft}

\chapter*{Abstract} % si no queremos que añada la palabra "Capitulo"
\addcontentsline{toc}{chapter}{Abstract} % si queremos que aparezca en el índice
\markboth{ABSTRACT}{ABSTRACT} % encabezado
\begin{flushleft} % ABSTRACT

This project is moved by two great motivations: privacy and the assistance of the ageing rural population. 

Based on that, it narrates the process by which a project has been developed to deploy devices, which behave as personal assistants aimed at the older population with fewer resources, which is notably housed in rural populations. 

These assistants will provide a daily help to this social group, which is actually the one that may need a device that helps them undertake their tasks, as well as answering common questions. The device will also be able to detect a possible accident at home and provide immediate assistance. 

Therefore, in order to create this project, the implementation of an API that each device will be communicated with will be required, in addition to a website that allows the system administrator to control them. Each device will be remotely deployed and can be controlled. Consequently, in this project, the device controller will also be developed. 

Regarding to the development, different languages have been used, such as Kotlin with Ktor’s framework for the API creation, VueJS’ framework for the creation of the website where HTML + CSS + Javascript is included, as well as the use of Phyton for the creation of the controller that will be installed in each device. 

The whole project has been elaborated, due to its nature, following a plan based on iterations.

\end{flushleft}

\tableofcontents % indice de contenidos

\cleardoublepage
\addcontentsline{toc}{chapter}{Lista de Figuras} % para que aparezca en el indice de contenidos
\listoffigures % indice de figuras

\cleardoublepage
\addcontentsline{toc}{chapter}{Lista de Tablas} % para que aparezca en el indice de contenidos

%lista de tablas
\renewcommand\listtablename{Índice de Tablas}
\listoftables % indice de tablas
\clearpage

\chapter{Introducción}\label{cap.introduccion}
\pagenumbering{arabic} % para empezar la numeración con números
\input{./secciones/1introduccion/index.tex}

\chapter{Estado del Arte}\label{cap.arte}
\input{./secciones/2estadoarte/index.tex}

\chapter{Plan de Desarrollo}\label{cap.desarrollo}
\input{./secciones/3plandesarrollo/index.tex}

\chapter{Análisis del Proyecto}\label{cap.analisis}
\input{./secciones/4analisis/index.tex}

\chapter{Diseño}
\label{cap.diseño}
\input{./secciones/5diseño/index.tex}

\chapter{Implementación}\label{cap.implementation}
\input{./secciones/6implementacion/index.tex}

\chapter{Despliegue}\label{cap.deploy}
\input{./secciones/7despliegue/index.tex}
%% escenarios


\appendix

%\chapter{Manual de Usuario}\label{aped.A}
%\input{./anexos/a1manual.tex}
%\chapter{Contenidos del CD-ROM}\label{aped.B}
%\input{./anexos/a2cdrom.tex}


\cleardoublepage
\addcontentsline{toc}{chapter}{Bibliografía}
\begin{thebibliography}{X}

\bibitem{cambridge}
\textsc{Javier P.} (2018, Abril 10). \textit{Xataka: El escándalo de Cambridge Analytica resume todo lo que está terriblemente mal con Facebook}.
\\Recuperado a 16 de Enero de 2020, \\de \href{https://www.xataka.com/privacidad/el-escandalo-de-cambridge-analytica-resume-todo-lo-que-esta-terriblemente-mal-con-facebook}

\bibitem{nielsen}
\textsc{The Nielsen Company} (2018). \textit{Nielsen: Despite their vast capabilities, smart speakers are all about the music}.
\\Recuperado a 17 de Enero de 2020, 
\\de \href{https://www.nielsen.com/us/en/insights/article/2018/smart-speaking-my-language-despite-their-vast-capabilities-smart-speakers-all-about-the-music/}

\bibitem{lopd}
\textsc{BOE.es} (2019, Junio 25). \textit{Ley Orgánica 3/2018, de 5 de diciembre, de Protección de Datos Personales y garantía de los derechos digitales}.
\\Recuperado a 17 de Enero de 2020, 
\\de \href{https://www.boe.es/buscar/act.php?id=BOE-A-2018-16673}

\bibitem{rgpd}
\textsc{Parlamento Europeo} (2016, Mayo 25). \textit{RGPD - Reglamento General de Protección de Datos}.
\\Recuperado a 17 de Enero de 2020, 
\\de \href{https://rgpd.es/}

\bibitem{top-asistentes} 
\textsc{Laboratorio de Periodismo Luca de Tena} (2019, Octubre 17). \textit{El 42\% de los usuarios de altavoces inteligentes en España escuchan noticias a través de ellos}.
\\Recuperado a 19 de Enero de 2020, \\de \href{https://laboratoriodeperiodismo.org/altavoces-inteligentes-espana-noticias/}

\bibitem{google-almacena} 
\textsc{20Minutos} (2016, Junio 5). \textit{Google graba y almacena tu voz: dónde puedes escucharla (y borrarla)}.
\\Recuperado a 17 de Enero de 2020, 
\\de \href{https://www.20minutos.es/noticia/2762528/0/google-graba-almacena-tu-voz-donde-como-borrarlo/}

\bibitem{escandalo-amazon} 
\textsc{Píxel, El Mundo}. (2019, Julio 4) \textit{Escándalo en Amazon: la empresa reconoce que guarda tus conversaciones para siempre}.
\\Recuperado a 19 de Enero de 2020, 
\\de \href{https://www.elmundo.es/tecnologia/2019/07/04/5d1ccf42fc6c833f3f8b460d.html}

\bibitem{mycroft-doc}
\textsc{Mycroft AI} (n.d.). \textit{Documentation}.
\\Recuperado a 20 de Enero de 2020, 
\\de \href{https://mycroft-ai.gitbook.io/docs/}

\bibitem{mycroft-com}
\textsc{Mycroft AI} (n.d.). \textit{Community}.
\\Recuperado a 20 de Enero de 2020, 
\\de \href{https://community.mycroft.ai/}

\bibitem{mod-it-inc} 
\textsc{ProyectosAgiles.com} (n.d.). \textit{Desarrollo iterativo e incremental}.
\\Recuperado a 22 de Enero de 2020, 
\\de \href{https://proyectosagiles.org/desarrollo-iterativo-incremental/}

\bibitem{ktor} 
\textsc{JetBrains}, (n.d.). \textit{Ktor Servers}
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://ktor.io/servers/index.html}

\bibitem{koin} 
\textsc{InsertKoinIO} (2019, Noviembre 5). \textit{Koin}.
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://github.com/InsertKoinIO/koin#readme}

\bibitem{oauth2} 
\textsc{OAuth.net} (n.d.). \textit{OAuth 2.0}
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://oauth.net/2/}

\bibitem{endpoint} 
\textsc{SmartBear.com} (n.d.). \textit{What is an API Endpoint?}
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://smartbear.com/learn/performance-monitoring/api-endpoints/}

\bibitem{myndocs.oauth2} 
\textsc{Myndocs} (2019, Septiembre 7). \textit{Kotlin OAuth2 server}.
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://github.com/myndocs/kotlin-oauth2-server}

\bibitem{exposedsql} 
\textsc{JetBrains} (2019, Junio 3). \textit{Exposed SQL DSL}.
\\Recuperado a 18 de Enero de 2020, 
\\de \href{https://github.com/JetBrains/Exposed}

\bibitem{jsoup} 
\textsc{Jonathan H.} (n.d.). \textit{Download and install JSoup}.
\\Recuperado a 19 de Enero de 2020, \\de \href{https://jsoup.org/download}

\bibitem{vue-curve}
\textsc{Ben R.} (2019, Diciembre 5). \textit{Vue vs React: Which is the Better Framework?}
\\Recuperado a 19 de Enero de 2020, \\de \href{https://buttercms.com/blog/vue-vs-react-which-is-the-better-framework}

\bibitem{bootstrap-vue} 
\textsc{Bootstrap-Vue} (n.d.). \textit{Components}.
\\Recuperado a 19 de Enero de 2020, \\de \href{https://bootstrap-vue.org/docs/components}

\bibitem{leaflet} 
\textsc{Leaflet}(n.d.). \textit{An open-source JavaScript library for mobile-friendly interactive maps}.
\\Recuperado a 19 de Enero de 2020, \\de \href{https://leafletjs.com/reference-1.6.0.html}

\bibitem{hxc} 
\textsc{Universidad de Valladolid} (n.d.). \textit{Preguntas Frecuentes}.
\\Recuperado a 21 de Enero de 2020, \\de \href{http://www.uva.es/export/sites/uva/2.docencia/2.02.mastersoficiales/2.02.13.preguntasfrecuentes/index.html}

\bibitem{salario-junior} 
\textsc{Indeed.com} (2019, Diciembre). \textit{Salarios para empleos de Programador/a junior en España}.
\\Recuperado a 21 de Enero de 2020, \\de \href{https://es.indeed.com/salaries/programador-junior-Salaries}

\bibitem{spm}  \\
\textsc{Bob Hughes and Mike Cotterell} (2009). \textit{Software Project Management}. McGraw-Hill Education.

\bibitem{mvvm} 
\textsc{Jeremy L.} (2014, Abril 24). \textit{Model-View-ViewModel (MVVM) Explained}.
\\Recuperado a 23 de Enero de 2020, \\de \href{https://www.wintellect.com/model-view-viewmodel-mvvm-explained/}

\bibitem{vuecomp} 
\textsc{Eder N.} (2017, Octubre 9). \textit{The Vue architecture that worked for me. (in small and large apps)}.
\\Recuperado a 23 de Enero de 2020, \\de \href{https://medium.com/@ederng/the-vue-architecture-that-worked-for-me-in-small-and-large-apps-9b253cf92951}

\bibitem{crontab} 
\textsc{Vivek G.} (2019, Julio 19). \textit{Linux Execute Cron Job After System Reboot}.
\\Recuperado a 24 de Enero de 2020, \\de \href{https://www.cyberciti.biz/faq/linux-execute-cron-job-after-system-reboot/}

\bibitem{clean-arch-book}
\textsc{Robert C. Martin} (2017). \textit{Clean Architecture: A Craftsman's Guide to Software Structure and Design}. Pearson.

\end{thebibliography}


\end{document}