Reporte Del Diseño de La Interfaz

Tecnológico Nacional de
México
Centro Nacional de Investigación y Desarrollo
Tecnológico
Reporte del diseño de la interfaz.
Presentada por:
Erick Francisco Castillo Badillo
Director de tesis
Dra. Olivia Fragoso Diaz
Cuernavaca, Morelos, México enero 2022.

INDICE
1.-URL de la aplicación: .......................................................................................................... 5
2.-Campos de Valores Finales:............................................................................................... 5
3.-Campos de Metricas: ......................................................................................................... 6
4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”: .......................................... 7
4.1.-Botón “Mostrar Resultados”: ..................................................................................... 7
4.2.-Botón “Agregar Parametro”: ...................................................................................... 8
5.-Boton “Enviar”: ................................................................................................................ 10
6.-Campo direcciones y Botón “Recibir Archivo”. .............................................................. 13

Antes de entrar a detalle con la interfaz de usuario de este proyecto, vale la
pena mencionar que tanto la interfaz(“Interfaz”), como la aplicación web
(“Servicios_Estadisticos”) donde se desarrollaron los servicios web, ambos se
montaron o implementaron en el servidor web GlassFish 5.0.1, tal y como se
muestra en la figura 1.1.
Figura 1.1 Aplicaciones en el Servidor GlassFish.
1.-Introduccion
Para describir la interfaz de usuario del proyecto (Marco de servicios web para
el seguimiento de mediciones a recursos de aprendizaje), se enumeró cada
una de las partes que componen esta interfaz de usuario.
Siguiendo la numeración de la interfaz, se ofrece una breve descripción de
cada componente de la interfaz:
• 1.-URL de la aplicación: En esta parte se describe la sintaxis de la URL y el porqué
de dicha sintaxis.
• 2.-Campos de Valores Finales: En esta parte se describe como son ingresados los
valores finales de proyectos externos en la interfaz de usuario.
• 3.-Campos de Metricas: En esta parte se describe como son ingresados los
valores de las métricas en la interfaz de usuario.
• 4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”: En esta parte se
describe las funciones de los botones “Mostrar Resultados” y “Agregar
Parametro”
• 5.-Boton “Enviar”: En esta parte se describe la función del botón “Enviar”.
• 6.-Campo direcciones y Botón “Recibir Archivo”: En esta parte se describe la
función del botón “Recibir Archivo”.
Figura 2.1 Interfaz de Usuario.
Se describe a detalle cada una de las partes de la interfaz:
1.-URL de la aplicación.
2.-Campos de Valores Finales.
3.-Campos de Metricas.
4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”.
5.-Boton “Enviar”.
6.-Campo direcciones y Botón “Recibir Archivo”.
1.-URL de la aplicación:
Como se mencionó antes la interfaz de este proyecto trabaja con servicios web
(Servicios_Estadisticos).
Esto quiere decir que al ejecutar esta aplicación web, el servidor web nos
redirigirá hacia URL muy parecida a la siguiente:
http://localhost:8080/Interfaz/Index.jsp
Como se aprecia en la URL, el servidor local (localhost) trabaja en el puerto
8080, por lo que esta aplicación web (Interfaz/Index.jsp) se ejecutara en dicho
puerto.
2.-Campos de Valores Finales:

Los campos de “Valores Finales” son donde se deposita los valores finales de
los recursos de aprendizaje previamente evaluados por proyectos externos a
incluir, algunos de estos proyectos son:
• Marco Orientado a Objetos para Medir la Calidad en Servicios Web de
Aprendizaje.
• Marco de servicios para medición de la calidad de formato de recursos

de aprendizaje en Servicios Web.
Figura 2.2 Campos de Valores Finales.
Una vez que el recurso de aprendizaje sea calculado por los marcos de servicios
web de los anteriores proyectos, el valor final obtenido por dichos marcos de
servicios, se depositara en estos campos.
Posteriormente los valores de estos campos serán evaluados por otros
servicios web enfocados a operaciones estadísticas.
Despues, dichos valores se guardarán en la base de datos, por otro tipo servicio
web, enfocado al manejo de base de datos.
Finalmente, los datos históricos servirán para comparar dichos datos con
valores nuevos, y así se indicará el camino hacia la mejora continua.
3.-Campos de Metricas:
Los campos de “Metricas” son donde se deposita los valores de las métricas
previamente obtenidas de los proyectos externos a incluir, algunos de estos
proyectos son:
Aprendizaje.

Figura 3.1 Campos para Valores de Metricas.
Los valores de estas métricas son procesadas por el marco de servicios web
enfocados a operaciones estadísticas.
Una vez evaluadas las métricas se guardarán periódicamente en la base de
datos como datos históricos, gracias a otro tipo de servicio web enfocado al
manejo de base de datos.
Finalmente, los valores de las métricas evaluadas y guardadas en la base de
datos, se convertirán en datos históricos, los cuales servirán para comparar
dichos datos con valores nuevos, y así se indicará el camino hacia la mejora
continua.
4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”:
4.1.-Botón “Mostrar Resultados”:

El botón “Mostrar Resultados” sirve para desplegar una gráfica de barras en
base a los valores finales, obtenidos gracias a los “Campos de Valores Finales”,
tal y como se puede apreciar en las figuras 4.1 y 4.2.
Figura 4.1 Uso del Botón “Mostrar Resultados”.
Figura 4.2 Despliegue de la gráfica de barras.
4.2.-Botón “Agregar Parametro”:

El botón “Agregar Parametro” sirve para agregar más campos de entrada para
valores finales, tal y como se puede ver en las figuras 4.3 y 4.4.
Figura 4.3 Uso del Botón “Agregar Parametro”.
Figura 4.4 Agregando campos de entrada para valores finales.

5.-Boton “Enviar”:
El botón “Enviar” sirve para consumir el marco de servicios web enfocado a
operaciones estadísticas, este botón trabaja con los valores obtenidos de los
campos de Valores Finales.
A continuación, una prueba con los servicios web llamados Media y Guardar,
como su nombre lo indica el servicio web Media, calcula el valor de la media,
a partir de los valores obtenidos de los campos de Valores Finales, y el servicio
web Guardar sirve para guardar en la base de datos el valor final de la Media.
Los servicios web media y guardar son consumidos al presionar el botón
“Enviar”, tal cual se puede observar en las figuras 5.1 y 5.2.
Figura 5.1 Uso del Botón “Enviar”.
Figura 5.2 Consumiendo los servicios Media y Guardar.

Los servicios web Media y Guardar fueron invocados en un servlet llamado
“ServletMedia”, tal y como se observa en las figuras 5.3 y 5.4.
Figura 5.3 Invocando los servicios web Media y Guardar.
Figura 5.4 Valor de la Media registrado en la base de datos.

Finalmente cabe mencionar que estos Servlets se comunican con la página
web principal (Index.jsp) gracias al metodo Http POST, tal y como se ve en la
figura 5.5.
Figura 5.5 Comunicando el Servlet con el Index.jsp.

6.-Campo direcciones y Botón “Recibir Archivo”.
El campo de entrada “Dirección” sirve para ingresar la ruta local “Path” del
recurso de aprendizaje a ingresar, y el botón “Recibir Archivo” sirve para
consumir el marco de servicios web de los proyectos:
Aprendizaje.

Figura 6.1 Campo de entrada “Dirección” y botón “Recibir Archivo”.
Una ves se consume el marco de servicios de los anteriores proyectos, se

obtiene los valores finales, los cuales se colocan en los “Campos de Valores
Finales”, para posteriormente procesar esos valores finales con el marco de
servicios web enfocado a operaciones estadísticas, tal cual se observa en la
figura 6.2.
Figura 6.2 Comunicando el Servlet con el Index.jsp.

Reporte Del Diseño de La Interfaz

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Reporte Del Diseño de La Interfaz

Cargado por

Copyright:

Formatos disponibles

Tecnológico Nacional de

Reporte del diseño de la interfaz.

Cuernavaca, Morelos, México enero 2022.

1.-URL de la aplicación: .......................................................................................................... 5

2.-Campos de Valores Finales:............................................................................................... 5

3.-Campos de Metricas: ......................................................................................................... 6

4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”: .......................................... 7

4.1.-Botón “Mostrar Resultados”: ..................................................................................... 7

4.2.-Botón “Agregar Parametro”: ...................................................................................... 8

5.-Boton “Enviar”: ................................................................................................................ 10

6.-Campo direcciones y Botón “Recibir Archivo”. .............................................................. 13

Figura 1.1 Aplicaciones en el Servidor GlassFish.

2.-Campos de Valores Finales:

• Marco de servicios para medición de la calidad de formato de recursos

• Marco de servicios para medición de la calidad de formato de recursos

4.-Botón “Mostrar Resultados” y Botón “Agregar Parametro”:

4.1.-Botón “Mostrar Resultados”:

Figura 4.2 Despliegue de la gráfica de barras.

4.2.-Botón “Agregar Parametro”:

Figura 4.4 Agregando campos de entrada para valores finales.

Figura 5.1 Uso del Botón “Enviar”.

Figura 5.2 Consumiendo los servicios Media y Guardar.

Figura 5.3 Invocando los servicios web Media y Guardar.

Figura 5.4 Valor de la Media registrado en la base de datos.

Figura 5.5 Comunicando el Servlet con el Index.jsp.

• Marco de servicios para medición de la calidad de formato de recursos

Figura 6.1 Campo de entrada “Dirección” y botón “Recibir Archivo”.

Una ves se consume el marco de servicios de los anteriores proyectos, se

Figura 6.2 Comunicando el Servlet con el Index.jsp.

También podría gustarte