Lenguajes y Autómatas I Ingenierı́a

TECNOLÓGICO NACIONAL DE MÉXICO

INSTITUTO TECNOLÓGICO DE ENSENADA

Programa de Ingenierı́a en Sistemas Computacionales

Manual de usuario

Análisis Sintáctico aplicado a elementos

quimicos: Ayuda para el usuario

Autores: Profesora:
Jesús Fernando De La Rosa Belmonte ME Xenia Padilla Madrid
No Control: 17760231

Lenguajes y Autómatas I (agosto-diciembre 2019)

Ensenada B.C. México

26 de noviembre de 2019

Ing. Sistemas Computacionales 1 Reporte

Lenguajes y Autómatas I Ingenierı́a

1. VISTA GENERAL DE LA APLICACION

INTRODUCCION: Esta es una guia de uso general, para que un usuario nuevo entienda como funciona la
aplicación.
Bienvenido al analizador sintáctico para elementos quimicos de la tabla periodica, como puedes ver en la
imagen que se presenta a continuacion es la vista del programa cuando es ejecutado por primera vez: %
Captura de pantalla de la ventana principal:

Como podemos observar la interfaz cuenta con un menu bar en la parte superior la cual incluye tres opciones
principales: .Ayuda”,”Documentación”,.Entrada / Salida”, cuando entremos en la parte del menu veremos mas
a fondo que hace cada opcion dentro del menu. Debajo del menu tenemos una pequeña tabla periodica muy

simple, hecha con botones y un campo disponible para escribir el cual hace referencia a la temperatura. En la

parte inferior izquierda tenemos un buen espacio libre para escribir la entrada de texto a analizar. Al costado
de las entradas tenemos un area con 5 botones (cada uno sera explicado mas adelante) y por ultimo tenemos
un area donde se nos mostrara información general de cada elemento que seleccionemos.
Cada una de estas partes sera desarrollada individualmente para entender mejor cada componente del
programa.

Ing. Sistemas Computacionales 2 Reporte

Lenguajes y Autómatas I Ingenierı́a

2. PANEL DE TABLA PERIODICA

En cuanto al panel de botones de la tabla periodica lo principal son los 118 botones, los cuales son ac-
cionables y al ser pulsados estos se escribiran directamente en el panel de la entrada de texto la entrada que
el programa espera que escribas, y además se mostrará una pequeña ventana con la informacion general del
elemento seleccionado.
Otro elemento a tomar en cuenta es el espacio que tenemos para la temperatura. Aqui podemos escribir
cualquier numero entero, este espacio sirve para modificar la temperatura de los elementos y ver que sucede con
su estado al someterse a dicha temperatura.
NOTA: La temperatura escrita en dicho campo sera la que se escriba automaticamente con el elemento en
el panel de las entradas.
Imagen del panel de la tabla periodica.

Utilizar estos botones hace que el usuario no tenga que escribir manualmente cada entrada que quiera
consultar.
Imagen ejemplo cuando accionas el boton H:

Imagen ejemplo cuando accionas el boton Mg:

Ing. Sistemas Computacionales 3 Reporte

Lenguajes y Autómatas I Ingenierı́a

Ing. Sistemas Computacionales 4 Reporte

Lenguajes y Autómatas I Ingenierı́a

3. PANEL DE ENTRADA
En la sección de la entrada tenemos un espacio en blanco disponible para escribir la entrada manualmente
o que la entrada sea escrita manualmente al presionar uno de los botones del panel superior.
El programa presentado al funcionar como un analizador sintáctico espera una entrada muy especifica y esa
entrada tiene el siguiente formato. ENTRADA QUE ESPERA EL PROGRAMA: .Elemento : Temperatura .”
NOTA: Si se escribe manualmente la entrada en el programa debe serguir el formato anterior, de lo contrario
el programa simplemente no funcionará. Si observa la entrada escrita cuando se presiona un boton vera que el
formato escrito es justo el anterior.
EJEMPLOS DE ENTRADAS: ”H:123. Li:234. Au:123.”
Imagen del panel las entradas.

Ademas de solo ser un area de texto en la cual se espera las entradas, es sobre esta misma area que se mosn-
trara el estado del elemento en la temperatura escrita. La impresion realizada al pulsar el boton .Envar.organiza
a los elementos segun su grupo para despues dentro de cada grupo imprimir a cada elemento segun su numero
atomico, en orden del menor a mayor.
Imagen del panel de entrada despues de pulsar algunos de los botones del panel de la tabla periodica.

Imagen del panel las entrada despues de pulsar el boton enviar.

Ing. Sistemas Computacionales 5 Reporte

Lenguajes y Autómatas I Ingenierı́a

Ing. Sistemas Computacionales 6 Reporte

Lenguajes y Autómatas I Ingenierı́a

4. PANEL DE BOTONES
En el panel central de la parte inferior tenemos 5 botones, cada uno con una funcion en particular.
Imagen del panel los botones para mandar información.

El botón .Enviar”sirve para ejecutar el analizador lexico de la gramatica implementada en el area de texto
donde se escriben las entradas ya sea manualmente o con ayuda de la interfaz gráfica. Una vez accionado el
area del texto cambiara para mostrar una impresión de los elementos agrupandolos segun al grupo que estos
pertenezcan del la tabla periodica y dentro de cada agrupacion ordena a cada elemento segun su numero atomico
del menos al mayor y mostrando su nombre junto con el estado de la materia en el que se encuentra segun la
temperatura especificada en la entrada.
Imagen del panel de entrada despues de pulsar algunos de los botones del panel de la tabla periodica.

El botón .Arbol.ejecuta a partir de los tokens de la entrada la graficacion de un arbol sintactico a partir de
la gramatica implementada y simplemente sirve para eso, ver el arbol sintactico de la entrada que hayamas
introducido.
Imagen de ejemplo cuando el boton .Arbol.es pulsado.

Ing. Sistemas Computacionales 7 Reporte

Lenguajes y Autómatas I Ingenierı́a

El botón Çlear”sirve para limpiar la caja de texto de la entrada, para que este vacia para escribir nuevas
entradas. Imagen de ejemplo cuando el boton Çlear.es pulsado.

Por ultimo tenemos los botones de ”Guardar entrada ”Guardar salida”, las cuales se encargan de guardar
2

en un archivo de texto las entradas y salidas correspondientes si el usuario asi lo quiere. En caso de querer
guardar la entrada lo que se debe de hacer es que antes de accionar el boton de .Enviar”se pulse una vez el botón
”Guardar entrada listo, con eso la entrada se guardara en un archivo txt, que en el apartado del menu veremos
2

como acceder a él. En caso de querer guardar la salida es practicamente lo mismo, solo que pulsaremos el botón
”Guardar salida”despues de accionar el boton de enviar. De igual manera veremos como acceder a este archivo
en la seccion de la barra del menu.

Ing. Sistemas Computacionales 8 Reporte

Lenguajes y Autómatas I Ingenierı́a

5. PANEL DE INFORMACION
En este panel la idea es que se mostrara la información basica del elemento pulsado, tal como su nombre,
numero atomico, peso atomico y el simbolo. Sin embargo, no se logro actualizar correctamente dicho panel y
al hacerlo una vez el programa se rompia, por lo que de momento es un panel practicamente que solo consume
espacio.
Imagen del panel de información.

Ing. Sistemas Computacionales 9 Reporte

Lenguajes y Autómatas I Ingenierı́a

Como medida provicional implemente unos cuadros de dialogo con esa información al pulsar cada elemento,
la diferencia es que en lugar de mostrarse en el panel de la ventana, se abre un pequeño cuadro de dialogo con
la información mencionada anteriormente, pero la idea era que esta se visualizara directamente en el panel y no
en una nueva ventana.
Ejemplo de cuadro de informacion de un elemento.

Ing. Sistemas Computacionales 10 Reporte

Lenguajes y Autómatas I Ingenierı́a

6. BARRA DE MENU
La barra del menu cuenta con 3 posibles acciones: Ayuda, Documentacion, Entradas / Salidas.
Imagen de la barra de menu.

En el apartado de Ayuda: Contiene un solo boton el cual abre un PDF (Este PDF que te encuentras leyendo).
Sirve solo como una guia para un usuario nuevo que este usando la interfaz.
En el apartado de Documentación: Este menu solo tiene una opción la cual sirve para abrir la docuentación
en la cual se basa el proyecto. Imagen de la barra de menu, opción de documentación.

En el apartado de Entradas / Salidas: Esta parte del menu tiene dos opciones que casi hacen lo mismo: abrir
un archivo de texto. Es en estos botones podemos acceder al registro guardado por el usuario de entradas y
salidas anteriores. Imagen de la barra de menu, opciones de Entrada / Salida.

Ejemplo cuando pulsamos el boton .Abrir ultima entradda guardada”del menu .Entradas / Salidas”.

Ing. Sistemas Computacionales 11 Reporte