Documentacion 20/06

Author: javierParamo94

plantillaLatex-master/anexos.tex

@@ -22,6 +22,8 @@
 
 % Rutas de fichero / paquete
 \newcommand{\ruta}[1]{{\sffamily #1}}
+% Euros
+\usepackage{eurosym}
 
 % Párrafos
 \nonzeroparskip
@@ -340,7 +342,7 @@
 % Datos de portada
 \title{Conversión de la aplicación docente Thoth a JavaScript\\Documentación Técnica}
 \author{Francisco Javier Páramo Arnáiz}
-\tutor{Dr. Cesar Ignacio García Osorio y D. Álvar Arnaiz González}
+\tutor{Dr. César Ignacio García Osorio y D. Álvar Arnaiz González}
 \date{\today}
 
 \begin{document}

plantillaLatex-master/bibliografia.bib

@@ -47,3 +47,15 @@ @article{bortolot2005
   publisher={Elsevier}
 }
 
+
+@article{jute2017,
+  title={Herramienta docente en l{\'\i}nea para facilitar la enseñanza de teor{\'\i}a de aut{\'o}matas},
+  author={Arnaiz-Gonz{\'a}lez, {\'A}lvar and Francisco D{\'i}ez-Pastor, Jos{\'e} and  Ramos-P{\'e}rez, Ismael and Garc{\'\i}a-Osorio, C{\'e}sar},
+  journal={Jornadas Universitarias de Tecnolog{\'\i}a Educativa },
+  year={2017}
+
+}
+
+
+
+

plantillaLatex-master/img/Semana3.PNG

@@ -420,7 +420,15 @@
 % Abstract en castellano
 \renewcommand*\abstractname{Resumen}
 \begin{abstract}
-En este primer apartado se hace una \textbf{breve} presentación del tema que se aborda en el proyecto.
+La teoría de autómatas y lenguajes formales es uno de los campos más antiguos en el ámbito de la informática, que a pesar de los constantes avances, sus principales conceptos continúan siendo de referencia para el estudio teórico y práctico de la informática. Esto es la base sobre la que nació el mundo de las tecnologías que conocemos hoy en día.
+
+Thoth es un antiguo proyecto de fin de grado que cuenta con varias versiones realizado por alumnos de la Universidad de Burgos y que sirve, precisamente, como herramienta de ayuda en la docencia de la teoría de autómatas y lenguajes formales. Este proyecto pretende llevar a Thoth a la web, sumando nuevas funcionalidades propias de este tipo de aplicaciones, como el registro de usuarios o inicio de sesión, que la harán más útil y completa.
+
+
+Para ello se hace un estudio sobre las posibles tecnologías que ayudarán a conseguir el objetivo. De esta forma se determina como herramienta para lograr este cambio el <<framework>> denominado Google Web Toolkit, que consigue traducir parte del código escrito en Java a código JavaScript. GWT, según sus siglas, es una tecnología algo antigua pero muy útil para este proyecto, que combina código del lado del cliente y código del lado del servidor, cada uno con una funcionalidad, y que se comunican entre ellos vía RPC.
+
+El trabajo fundamental es adaptar el código Java para que el framework logre interpretarlo y traduzca lo necesario para que la aplicación se ejecute en cualquier navegador. Se trata de aprender los entresijos de GWT, sacando partido de la dualidad cliente-servidor y conservando todo lo bueno, que es mucho, realizado en la aplicación de escritorio de Thoth.
+
 \end{abstract}
 
 \renewcommand*\abstractname{Descriptores}

plantillaLatex-master/img/Semana4.png

@@ -1,6 +1,8 @@
 \relax 
 \providecommand\hyper@newdestlabel[2]{}
 \citation{garcia2007ensenanza}
+\citation{garcia2007ensenanza}
+\citation{jute2017}
 \citation{ecma:versiones}
 \@writefile{toc}{\contentsline {chapter}{Introducci\IeC {\'o}n}{1}{chapter*.4}}
 \@setckpt{./tex/1_Introduccion}{
@@ -10,7 +12,7 @@
 \setcounter{enumii}{0}
 \setcounter{enumiii}{0}
 \setcounter{enumiv}{0}
-\setcounter{footnote}{0}
+\setcounter{footnote}{1}
 \setcounter{mpfootnote}{0}
 \setcounter{@memmarkcntra}{0}
 \setcounter{storedpagenumber}{1}
@@ -52,15 +54,15 @@
 \setcounter{bsm@mctr}{0}
 \setcounter{workm@mctr}{0}
 \setcounter{sheetsequence}{13}
-\setcounter{lastsheet}{31}
-\setcounter{lastpage}{21}
+\setcounter{lastsheet}{32}
+\setcounter{lastpage}{22}
 \setcounter{figure}{0}
 \setcounter{lofdepth}{1}
 \setcounter{table}{0}
 \setcounter{lotdepth}{1}
 \setcounter{PWSTtable}{0}
 \setcounter{Item}{0}
-\setcounter{Hfootnote}{0}
+\setcounter{Hfootnote}{1}
 \setcounter{memhycontfloat}{0}
 \setcounter{Hpagenote}{0}
 \setcounter{bookmark@seq@number}{4}

plantillaLatex-master/memoria.tex

@@ -1,13 +1,13 @@
 \capitulo{1}{Introducción}
 
-Este proyecto nació con el objetivo de llevar Thoth, un antiguo proyecto escrito en Java, a la web usando para ello tecnologías adaptadas y que puedan ser utilizadas en diferentes dispositivos haciéndolo accesible a todo el mundo. Con ayuda de la herramienta conocida como GWT o Google Web Toolkit según su denominación inglesa, traduciré la aplicación a Javascript en el lado del cliente haciendo posible la utilización de la aplicación en la web, algo que antes era imposible.
+Este proyecto nació con el objetivo de llevar Thoth\cite{garcia2007ensenanza}, un antiguo proyecto escrito en Java, a la web. Para ello se utilizará tecnologías web, que puedan ser utilizadas en diferentes dispositivos haciéndolo accesible a todo el mundo. Con ayuda de la herramienta conocida como GWT o Google Web Toolkit\footnote{\url{http://www.gwtproject.org/}} según su denominación inglesa, traduciré la aplicación a Javascript en el lado del cliente haciendo posible la utilización de la aplicación directamente desde un navegador, algo que antes era imposible.
 
-Thoth \cite{garcia2007ensenanza}
- es un antiguo proyecto enfocado a la actividad docente y relacionado con los procesadores de lenguaje, que fue realizado por varios alumnos de la Universidad de Burgos como trabajo de fin de carrera. Esta aplicación cuenta con dos versiones  hasta la fecha y con otros desarrollos como Web Thoth.
+Thoth\cite{garcia2007ensenanza}
+ es un antiguo proyecto enfocado a la actividad docente y relacionado con los procesadores de lenguaje, que fue realizado por varios alumnos de la Universidad de Burgos como trabajo de fin de carrera. Esta aplicación cuenta con dos versiones  hasta la fecha y con otros desarrollos como Web Thoth\cite{jute2017}.
 
 Una de las principales preguntas que nos podemos hacer al ver este proyecto es el por qué traducir la aplicación al lenguaje JavaScript. 
 En primer lugar todos los navegadores actuales son capaces de interpretar el código escrito en JavaScript y soportan al menos alguna de las versiones ECMAScript \cite{ecma:versiones}, siendo la última la séptima edición disponible desde 2016. Con ayuda de la tecnología AJAX, entre otras, este lenguaje es capaz de establecer comunicación cliente-servidor, algo que al principio de su desarrollo no lograba hacer. 
 
-Utilizo GWT para este proyecto como herramienta para desarrollar la aplicación. Pese a que actualmente no es el mejor <<framework>> para desarrollar si es una de las bases de otros mucho más modernos y potentes. La forma de trabajar con GWT es creando el código en Java y el compilador hará una traducción a los lenguajes JavaScript y HTML.
+Utilizo GWT para este proyecto como herramienta para transformar la aplicación de escritorio a entornos web. Pese a que actualmente no es el mejor <<framework>> para desarrollar, sí es una de las base de otro mucho más moderno y potente. Hablo de Vaadin, que se encuentra más actualizado y con más librerías para un aspecto visual más moderno, pero que para poder hacer disfrutar de él se necesita una licencia bajo pago. La forma de trabajar con GWT es creando el código en Java y el compilador hará una traducción a los lenguajes JavaScript y HTML.
 
-La elección surgió como un desafío para nosotros ya que otras herramientas el esfuerzo era mínimo. Este desafío consiste en que GWT no es capaz de admitir todas las librerías de Java y por eso debimos reescribir el código adaptándolo a las capacidades de este <<framework>>. Si, encontramos otras opciones, de las que posteriormente hablaré, que son capaces de hacer la traducción completa de Thoth en Java a JavaScript de una forma muchísimo más sencilla y directa sin necesidad si quiera de esforzarse demasiado. Pero ese no es el objetivo de un trabajo de fin de grado, sino el de plantear un desafió suficientemente grande con el que el alumno pueda hacer uso del conjunto de muchos de los conocimientos aprendidos a lo largo de grado.
+Una de las cuestiones más importantes de este frameworks es que GWT no es capaz de admitir todas las librerías de Java y por eso debimos reescribir el código adaptándolo a las capacidades de este <<framework>>. Si, encontramos otras opciones, de las que posteriormente hablaré, que son capaces de hacer la traducción completa de Thoth en Java a HTML5 de una forma muchísimo más sencilla y directa sin necesidad si quiera de esforzarse demasiado. Pero ese no es el objetivo de un trabajo de fin de grado, sino el de plantear un desafió suficientemente grande con el que el alumno pueda hacer uso del conjunto de muchos de los conocimientos aprendidos a lo largo de grado.

plantillaLatex-master/tex/1_Introduccion.aux

@@ -8,7 +8,7 @@
 \setcounter{enumii}{0}
 \setcounter{enumiii}{0}
 \setcounter{enumiv}{0}
-\setcounter{footnote}{0}
+\setcounter{footnote}{1}
 \setcounter{mpfootnote}{0}
 \setcounter{@memmarkcntra}{0}
 \setcounter{storedpagenumber}{1}
@@ -50,15 +50,15 @@
 \setcounter{bsm@mctr}{0}
 \setcounter{workm@mctr}{0}
 \setcounter{sheetsequence}{15}
-\setcounter{lastsheet}{31}
-\setcounter{lastpage}{21}
+\setcounter{lastsheet}{32}
+\setcounter{lastpage}{22}
 \setcounter{figure}{0}
 \setcounter{lofdepth}{1}
 \setcounter{table}{0}
 \setcounter{lotdepth}{1}
 \setcounter{PWSTtable}{0}
 \setcounter{Item}{0}
-\setcounter{Hfootnote}{0}
+\setcounter{Hfootnote}{1}
 \setcounter{memhycontfloat}{0}
 \setcounter{Hpagenote}{0}
 \setcounter{bookmark@seq@number}{5}

plantillaLatex-master/tex/1_Introduccion.tex

@@ -4,10 +4,10 @@
 
 Consiste pues, en desarrollar una página web dinámica que sea capaz de hacer las mismas funcionalidades sobre gramáticas formales y sus algoritmos que en Thoth, poniendo a prueba mis propios conocimientos sobre Java así como otros lenguajes sobre tecnologías web como son HTML, CSS o JavaScript.
 
-La motivación principal es la tendencia actual de desarrollar este tipo de aplicaciones web, que resultan más accesibles a los usuarios ya que no necesitan requisitos adicionales a los de acceder, por ejemplo, a otros web como son Facebook o LinkeIn. No es necesario instalar o descargar material para poderla utilizar, simplemente algunos conocimientos básicos sobre gramáticas del lenguaje. Por lo tanto Aporta una clara ventaja con respecto a aplicaciones denominadas <<de escritorio>> como es el Thoth original sobre el que nos basamos en este proyecto.
+Pero el porque pretendemos pasar de una aplicación de escritorio a otra que se ejecuta en el navegador es básicamente porque no es necesario instalar o descargar material para poderla utilizar Thoth, simplemente algunos conocimientos básicos sobre gramáticas formales. Por lo tanto aporta una clara ventaja con respecto a aplicaciones denominadas <<de escritorio>> como es el Thoth original sobre el que nos basamos en este proyecto.
 
-Además pretendemos aportar alguna mejora con respecto al anterior proyecto en base a que al ser una aplicación web podemos hacer un registro de los usuarios, con inicio de sesión, registro de actividades, etc. 
+La conversión de Thoth a GWT es necesaria porque amplía las posibilidades de mejora de las anteriores versiones. Pretendemos aportar mayor funcionalidad debido a que al ser una aplicación web podemos hacer un registro de los usuarios, con inicio de sesión, registro de actividades, inicio de sesiones, etc. 
 
-De hecho uno de los puntos fuertes de este proyecto consiste en aprovechar la mayor parte de utilidad de las aplicaciones web. Aunque en las anteriores versiones la pretensión era sobre todo didáctica en materia relacionada con el estudio de los procesos del lenguaje, ahora a demás de eso también queremos llegar a poder saber la utilidad que se la da a Thoth gracias al ya mencionado registro de información sobre los usuarios, eso si, siempre manteniendo la privacidad del usuario. 
+De hecho, uno de los puntos fuertes de este proyecto consiste en aprovechar la mayor parte de utilidad de las aplicaciones web. Aunque en las anteriores versiones la pretensión era sobre todo didáctica en materia relacionada con el estudio de los procesos del lenguaje, ahora a demás de eso también queremos llegar a poder saber la utilidad que se le da a Thoth. Para ello gracias al registro de información sobre los usuarios podremos saber cuando se ha registrado alguien, o iniciado sesión, que gramáticas ha usado y más funcionalidades que puedan surgir. Eso si, siempre manteniendo la privacidad del usuario.
 
-Para lograr además que el acceso sea sencillo y cómodo para el usuario final, pretendemos alojar el programa en un servidor, con lo que el rango de alcance sería como menos que de el mundo entero, independientemente del país o el idioma ya que cuenta con la propiedad de poder traducir los textos a algunos de los idiomas más comunes. El objetivo es siempre que el usuario se sienta cómodo usando la aplicación.
+Por último objetivo está el de experimentar con herramientas que no conocemos, y de esta forma ir aprendiendo a solucionar problemas nuevos. Al fin y al cabo lo que se trata de aprender en la universidad es a aprender a superar estos retos por uno mismo, aplicando las técnicas que se nos enseñan.

plantillaLatex-master/tex/2_Objetivos_del_proyecto.aux

@@ -2,31 +2,25 @@
 \providecommand\hyper@newdestlabel[2]{}
 \citation{aho1986compilers}
 \@writefile{toc}{\contentsline {chapter}{Conceptos te\IeC {\'o}ricos}{5}{chapter*.6}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.1}\IeC {\textquestiondown } Qu\IeC {\'e} es una gram\IeC {\'a}tica y para qu\IeC {\'e} sirve?}{5}{section.3.1}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.2}Cifrado de contrase\IeC {\~n}as y seguridad en Thoth Web}{7}{section.3.2}}
-\@writefile{toc}{\contentsline {subsection}{Funcionamiento del algoritmo hash}{7}{section*.7}}
-\@writefile{lof}{\contentsline {figure}{\numberline {3.1}{\ignorespaces Aplicaci\IeC {\'o}n de la funci\IeC {\'o}n hash a diferentes datos introducidos.}}{8}{figure.3.1}}
-\newlabel{fig:3.1}{{\M@TitleReference {3.1}{Aplicaci\IeC {\'o}n de la funci\IeC {\'o}n hash a diferentes datos introducidos.}}{8}{Aplicación de la función hash a diferentes datos introducidos}{figure.3.1}{}}
-\@writefile{lof}{\contentsline {figure}{\numberline {3.2}{\ignorespaces Ejemplo de ataque con tablas de b\IeC {\'u}squeda.}}{9}{figure.3.2}}
-\newlabel{fig:3.2}{{\M@TitleReference {3.2}{Ejemplo de ataque con tablas de b\IeC {\'u}squeda.}}{9}{Ejemplo de ataque con tablas de búsqueda}{figure.3.2}{}}
-\@writefile{lof}{\contentsline {figure}{\numberline {3.3}{\ignorespaces Resultado de aplicar tablas de b\IeC {\'u}squeda al cifrado hash con semilla.}}{9}{figure.3.3}}
-\newlabel{fig:3.3}{{\M@TitleReference {3.3}{Resultado de aplicar tablas de b\IeC {\'u}squeda al cifrado hash con semilla.}}{9}{Resultado de aplicar tablas de búsqueda al cifrado hash con semilla}{figure.3.3}{}}
+\@writefile{toc}{\contentsline {section}{\numberline {3.1}\IeC {\textquestiondown }Qu\IeC {\'e} es una gram\IeC {\'a}tica y para qu\IeC {\'e} sirve?}{5}{section.3.1}}
+\@writefile{toc}{\contentsline {section}{\numberline {3.2}Tipos de gram\IeC {\'a}ticas }{7}{section.3.2}}
+\@writefile{toc}{\contentsline {section}{\numberline {3.3}Cifrado de contrase\IeC {\~n}as y seguridad en Thoth Web}{9}{section.3.3}}
+\@writefile{toc}{\contentsline {subsection}{Funcionamiento del algoritmo hash}{9}{section*.7}}
+\@writefile{lof}{\contentsline {figure}{\numberline {3.1}{\ignorespaces Aplicaci\IeC {\'o}n de la funci\IeC {\'o}n hash a diferentes datos introducidos. \url  {https://blog.kaspersky.com.mx/que-es-un-hash-y-como-funciona/2806/}}}{10}{figure.3.1}}
+\newlabel{fig:3.1}{{\M@TitleReference {3.1}{Aplicaci\IeC {\'o}n de la funci\IeC {\'o}n hash a diferentes datos introducidos. \url  {https://blog.kaspersky.com.mx/que-es-un-hash-y-como-funciona/2806/}}}{10}{Aplicación de la función hash a diferentes datos introducidos. \url {https://blog.kaspersky.com.mx/que-es-un-hash-y-como-funciona/2806/}}{figure.3.1}{}}
+\@writefile{lof}{\contentsline {figure}{\numberline {3.2}{\ignorespaces Ejemplo de ataque con tablas de b\IeC {\'u}squeda. Imagen sacada de \url  {https://crackstation.net/}}}{11}{figure.3.2}}
+\newlabel{fig:3.2}{{\M@TitleReference {3.2}{Ejemplo de ataque con tablas de b\IeC {\'u}squeda. Imagen sacada de \url  {https://crackstation.net/}}}{11}{Ejemplo de ataque con tablas de búsqueda. Imagen sacada de \url {https://crackstation.net/}}{figure.3.2}{}}
+\@writefile{lof}{\contentsline {figure}{\numberline {3.3}{\ignorespaces Resultado de aplicar tablas de b\IeC {\'u}squeda al cifrado hash con semilla. Imagen sacada de \url  {https://crackstation.net/}}}{11}{figure.3.3}}
+\newlabel{fig:3.3}{{\M@TitleReference {3.3}{Resultado de aplicar tablas de b\IeC {\'u}squeda al cifrado hash con semilla. Imagen sacada de \url  {https://crackstation.net/}}}{11}{Resultado de aplicar tablas de búsqueda al cifrado hash con semilla. Imagen sacada de \url {https://crackstation.net/}}{figure.3.3}{}}
 \citation{wiki:latex}
 \citation{koza92}
-\@writefile{toc}{\contentsline {subsection}{Subsecciones}{10}{section*.8}}
-\@writefile{toc}{\contentsline {subsubsection}{Subsubsecciones}{10}{section*.9}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.3}Referencias}{10}{section.3.3}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.4}Im\IeC {\'a}genes}{10}{section.3.4}}
-\@writefile{lof}{\contentsline {figure}{\numberline {3.4}{\ignorespaces Aut\IeC {\'o}mata para una expresi\IeC {\'o}n vac\IeC {\'\i }a}}{11}{figure.3.4}}
-\newlabel{fig:escudoInfor}{{\M@TitleReference {3.4}{Aut\IeC {\'o}mata para una expresi\IeC {\'o}n vac\IeC {\'\i }a}}{11}{Autómata para una expresión vacía}{figure.3.4}{}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.5}Listas de items}{11}{section.3.5}}
-\@writefile{lot}{\contentsline {table}{\numberline {3.1}{\ignorespaces Herramientas y tecnolog\IeC {\'\i }as utilizadas en cada parte del proyecto}}{12}{table.3.1}}
-\newlabel{tabla:herramientasportipodeuso}{{\M@TitleReference {3.1}{Herramientas y tecnolog\IeC {\'\i }as utilizadas en cada parte del proyecto}}{12}{Herramientas y tecnologías utilizadas en cada parte del proyecto}{table.3.1}{}}
-\@writefile{toc}{\contentsline {section}{\numberline {3.6}Tablas}{12}{section.3.6}}
+\@writefile{toc}{\contentsline {subsection}{Subsecciones}{12}{section*.8}}
+\@writefile{toc}{\contentsline {subsubsection}{Subsubsecciones}{12}{section*.9}}
+\@writefile{toc}{\contentsline {section}{\numberline {3.4}Referencias}{12}{section.3.4}}
 \@setckpt{./tex/3_Conceptos_teoricos}{
 \setcounter{page}{13}
 \setcounter{equation}{0}
-\setcounter{enumi}{2}
+\setcounter{enumi}{0}
 \setcounter{enumii}{0}
 \setcounter{enumiii}{0}
 \setcounter{enumiv}{0}
@@ -37,7 +31,7 @@
 \setcounter{book}{0}
 \setcounter{part}{0}
 \setcounter{chapter}{3}
-\setcounter{section}{6}
+\setcounter{section}{4}
 \setcounter{subsection}{0}
 \setcounter{subsubsection}{0}
 \setcounter{paragraph}{0}
@@ -72,18 +66,18 @@
 \setcounter{bsm@mctr}{0}
 \setcounter{workm@mctr}{0}
 \setcounter{sheetsequence}{23}
-\setcounter{lastsheet}{31}
-\setcounter{lastpage}{21}
-\setcounter{figure}{4}
+\setcounter{lastsheet}{32}
+\setcounter{lastpage}{22}
+\setcounter{figure}{3}
 \setcounter{lofdepth}{1}
-\setcounter{table}{1}
+\setcounter{table}{0}
 \setcounter{lotdepth}{1}
 \setcounter{PWSTtable}{0}
-\setcounter{Item}{2}
+\setcounter{Item}{0}
 \setcounter{Hfootnote}{1}
 \setcounter{memhycontfloat}{0}
 \setcounter{Hpagenote}{0}
-\setcounter{bookmark@seq@number}{12}
+\setcounter{bookmark@seq@number}{10}
 \setcounter{parentequation}{0}
 \setcounter{section@level}{1}
 }