javierparamo94/thoth-in-javascript

El proyecto consiste en la transformación de un proyecto previo, Thoth, escrito en Java a JavaScript. La conversión se realizará mediante GWT.

Conversión de la aplicación docente Thoth a JavaScript

Descripción

El proyecto consiste en la transformación de un proyecto previo, escrito en Java, a tecnologías web, más concretamente JavaScript. La conversión se realizará mediante herramientas automáticas de transformación de código tales como JSweet o GWT. El software a transformar es Thoth que, tras sucesivas versiones, es una herramienta escrita en Java con mucha funcionalidad en teoría de autómatas y lenguajes formales. El proyecto será el de desarrollar una página web dinámica capaz de realizar las diversas simulaciones y algoritmos ya implementados en Thoth. El alumno debe tener cierto dominio de tecnologías web, tales como HTML, CSS y JavaScript (o una decidida disposición por aprenderlas), así como un buen manejo en Java.

Requisitos de usuarios

Para ejecutar o continuar con el desarrollo de la aplicación desde su ordenador, deberá descargar e instalar la SDK de GWT así como un entorno en el cual trabajar. Se recomienda la utilización de Eclipse añadiendo el pluguin de GWT. Para más información sobre el como comenzar a trabajar con GWt vea: http://www.gwtproject.org/gettingstarted.html

Para poder hacer uso de esta aplicación usted deberá registrarse previamente. Después inicie sesión con los mismos datos de registro y accederá al panel de gramáticas.

Ejecución

Para ejecutar la aplicación usted deberá hacer uso de la ejecución en modo GWT Super Dev Mode. Una vez ejecutado se habrá cargado el módulo mostrando un enlace. Cópielo y páguelo en la barra del navegador. Este compilará el programa mostrando un inicio de sesión o un registro de usuarios.

Web de la aplicación

La aplicación se encuentra desplegada en la siguiente dirección web:

https://1-dot-thoth-web-171921.appspot.com/

El alojamiento estará disponible hasta el 26/06/2018.

Autores

Autor: Francisco Javier Páramo Arnaiz. Tutores: Álvar Arnaiz González y César Ignacio García Osorio.

thoth-in-javascript's Issues

TabLayoutPanel

Realizar un/os sedundo/s ejemplo/s cliente-servidor

Con el fin de afianzar conceptos

Evaluación de pros y contras de las diferentes herramientas

Las principales herramientas que voy a analizar son GWT, JSweet y DukeScript, comentando los pros y contras de todas ellas.
Para ello debo probar todas ellas y conocer sus funcionalidades

Problemas en la traducción.

Como hemos hablado esta mañana, me he puesto ha tratar de hacer la parte de la gramática. Lo he hecho paso por paso pero tengo un problema al tratar de interpretar la gramática: en la clase "src.core.grammar.parserjavacc" el método "getInstance" hace uso de java.io.StringReader y por lo que he visto no lo incluye GWT. No veo otra forma que incluir todo el Core dentro de la parte del servidor y probar a ver.

Dudas y preguntas

Hoy me he quedado atascado y quería saber si mañana puedo pasarme a eso de las 11:30 por el despacho.
Gracias.

Dudas sobre documentación y ejemplos.

-¿Incluyo en la comparativa de herramientas webSwing?
-¿Realizo commits para subir los ejemplos que estoy haciendo sobre Cliente-Servidor?

Internacionalización.

Hacer internacionalizacion con GWT para los mensajes que se produzcan.

Transformar el Autómata del Core.

Realizar la traducción de la parte del núcleo denominada Autómata

Incluir los algoritmos de Eliminación.

Incluir toda la funcionalidad que ya incorpora Thoth con respecto a estos algoritmos.

Documentar el manual del programador con los primeros pasos.

Documentar las pruebas llevadas a cabo con GWT con detalle dentro del "manual del programador"

Mejoras en memoria y anexos

Adjunto memoria comentada, pensé que estaría más completa tras estos sprints.

En los anexos deberías ir actualizando, al menos, la parte de planificación. De este modo lo llevas al día y no se te olvidará añadir nada.

memoriaC.pdf

Corregir el bug en el HTMLConverter

Documentación semana 7

Prototipo core Cliente-Servidor

Documentación planificación temporal

Login y validación en GWT

Investigar sobre el funcionamiento en GWT

Comprobar si es posible utilizar elementos de Vaadin en GWT

La utilización en Vaadin de elementos GWT es algo común y bien documentado: https://vaadin.com/vaadin-documentation-portlet/framework/clientsidewidgets/clientsidewidgets-overview.html

No obstante, el utilizar componentes de Vaadin en GWT me temo que no es tan directo, de hecho empiezo a dudar que se pueda hacer. Creo que en este Sprint se puede dedicar unas horas a este estudio y comprobar si es posible.
Dejo un par de enlaces interesantes:

• https://vaadin.com/vaadin-documentation-portlet/framework/clientsidewidgets/clientsidewidgets-vaadin.html (No creo que se pueda instanciar un VButton desde GWT, pero puedes probar)
• https://github.com/manolo/gwt-polymer-elements (Muy prometedor)

Pruebas pasadas

Documentar todas las pruebas que he hecho hasta ahora.

Solucionar canvas en GWT

Probar a ejecutar GWT en modo comando para poder evitar este problema.
En caso contrario buscar otra solución

Algoritmo FirstFollow

Cambiar visualización de los paneles

La colocacion de los TextBox y TextArea para tener una mejor vista.

Transformar la gramática del Core

Realizar la traducción de la parte del núcleo denominada gramática

Incorporar complementos visuales de Vaadin.

Mejorar la parte visual de la aplicación con Vaadin.

Reestructurar la aplicación

Reesctructurar y refactorizar diferentes partes de la aplicación para hacerla más clara y legible

Documentar toda la traducción del Core

Documentar las herramientas Thoth, Burgram o Jflap entre otras.

Transformar la simulación del Core

Realizar la traducción de la parte del núcleo denominada simulación.

Menú de pestañas.

Mejorar esta funcionalidad.

Resaltado de producciones en los algoritmos

Como hemos comentado en la reunión, lo mejor es utilizar un componente RichTextArea (http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/RichTextArea.html).

Para resaltar, utilizarás la etiqueta "" de HTML y mediante los métodos getHTML() y setHTML() vas manipulando el contenido.

Aplicar Internacionalización

Mejorar vista con elementos de GWT

Mejoras en la traducción a JavaScript.

Realizar los cambios hablados en el sprint de hoy

Inclusión del algoritmo "Eliminar símbolos no terminales" con Vaadin.

Intentar hacer esto con la versión gratuita de Vaadin hasta que se resuelva si dispongo o no de la licencia pro.

Documentar memoria y anexos

La versión que hay subida de memoria y anexos en el repositorio está bastante desactualizada, en concreto la planificación temporal del anexo no tiene información. Supongo que se te ha olvidado subir los cambios que tienes en local.
Recuerda subir la documentación cada vez que la modifiques, y sino al menos una vez por semana.

Comentarios a mayores sobre la documentación:

• Si quieres poner comillas, se hace así: ``algo entrecomillado'', y si quieres poner las comillas latinas (más recomendadas puesto que es castellano en lo que se escribe: <<entrecomillado>>.
• Instalación y configuración de GWT debería ir en el manual del programador.
• Revisa la sección de técnicas y herramientas, debería ser una lista de items o una lista con subsecciones como en otros proyectos, ej: https://github.com/Itg0001/TFG_DietaPorDientes

Realización de la documentación sobre las herramientas utilizadas

Lista con el nombre, versión y descripción de las diferentes herramientas.

Realización de pruebas con el core de Thoth

Trataré de traducir partes del Core y ver si los resultados son óptimos,.

Realizar un primer ejemplo cliente-servidor

Para poder aprender el funcionamiento de las aplicaciones cliente-servidor con GWT

Continuar con la documentación añadiendo aspectos nuevos.

Información encontrada sobre Vaadin, y continuar con la comparación.

Implementar el algoritmo "Eliminar símbolos no terminales"

Mejorar la GUI

Mejorar la parte vista, con las diferentes funcionalidades de GWT o con ayuda de Vaadin.

Temas a tratar en la próxima reunión

En primer lugar te queríamos pedir el mover de franja horaria la reunión semanal, ¿cómo te viene el miércoles 22 por la tarde en vez de por la mañana?

No sé si te suena Vaadin, una interesante herramienta que, seguramente no te valga, pero deberías comentarla en Técnicas y Herramientas como posible "alternativa" al uso de GWT.

Realizar pruebas de Cliente-Servidor.

Prototipos en cliente-servidor

Prueba de códigos simples con la herramienta GWT.

Testeo de la herramienta para ver su funcionamiento, con una estimación de tiempo de entre 4 y 6 horas dependiendo de la complejidad.

Utilizar Vaadin con GWT

Una vez que la comunicación está solucionada entre el cliente y el servidor, debes empezar a insertar funcionalidad y a dotar a la aplicación de cierto diseño.

Creo que es interesante utilizar los componentes de Vaadin en vez de los que trae GWT, mira a ver si es sencillo (supongo que si): https://vaadin.com/gwt

Utiliza un editor para hacer la GUI (no lo hagas a mano), por ejemplo: https://vaadin.com/eclipse

Corrección de errores en documentacion

Duda sobre el bug del highLight

Alvar ¿estarás esta tarde en el despacho? he encontrado el fallo pero ni Cesar ni yo sabemos porque sale o como resolverlo.

Análisis descendente, limpiar gramatica y eliminar recursividad.

Implementar estos algoritmos en la aplicaión

Organizar las diferentes vistas.

Organizar la parte visual para hacerla similar a Thoth que sea comprensible.

Documentar toda la parte del diseño.

Incluir los diagramas hechos en estos días para poder comprender el funcionamiento de la aplicación.

Licencia para el "Designer" de Vaadin.

Me comentan que no se entregan licencias para alumnos.
"Hi Javier,

Unfortunately we are not offering personal education licenses for students yet.

Kind regards,
Artem"
Esto es a lo que puedo acceder con el core, que es gratuito. https://vaadin.com/elements
Otra opcion es utilizar el free trial (https://vaadin.com/designer#) que dura 14 días, y volver a crearme una cuenta con los otros correos de los que dispongo, ellos me envían el código y vuelvo a tener otros 14 días.