actualizaciÓn grÁfica y funcional del proyecto “rodolfo”. estudiante: david guaita tello...
TRANSCRIPT
![Page 1: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/1.jpg)
ACTUALIZACIÓN GRÁFICA Y
FUNCIONAL DEL PROYECTO
“RODOLFO”.
Estudiante: David Guaita Tello
Ingeniería técnica de informática de Gestión.
Consultor: Manel Zaera Idiarte
TFC-Technology Enhanced Learning10/06/2011
![Page 2: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/2.jpg)
ÍndiceIntroducción
Contexto en el que se desarrolla
Objetivos
Metodología seguida
Planificación del proyecto
Temporización
Mejoras de la base de datos
Seguridad / Encriptación
3
3
4
6
7
8
9
9
Tabla de Usuarios
Privilegios por tipo de usuario
Workflow
Taxonomía
Idiomas
Mejoras visuales y multimedia
Motor “MathJAX”
Motor de reproducción de audio
Conclusiones
10
11
16
17
20
22
22
24
25
![Page 3: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/3.jpg)
Introducción
Contexto en el que se
desarrolla
Rodolfo es un repositorio de fórmulas matemáticas con sus correspondientes locuciones.
Partimos de un proyecto ya iniciado el cual, ya tiene ciertas funcionalidades.
Desarrollado en PHP, JavaScript, BBDD MySql y hojas de estilo CSS
![Page 4: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/4.jpg)
Introducción
Objetivos Mejoras en la base de datos Creación de un Workflow que refleje las acciones
lógicas que pueden realizar los usuarios a la hora de utilizar el repositorio de fórmulas y locuciones.
Creación de perfiles de usuario necesarios para la gestión del repositorio. Se definirán roles para los usuarios (visitante, usuario registrado, editor, administrador) que tendrán diferentes capacidades de acceso a la base de datos.
Implementación de una taxonomía. Se añadirá la capacidad de etiquetar los objetos subidos al repositorio de acuerdo a una taxonomía predeterminada.
![Page 5: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/5.jpg)
Introducción
Objetivos Mejoras de aspectos visuales y multimedia de la aplicación Integración de un editor visual. Se integrarán editores 'WYSIWYG' ya existentes
decodificador LaTeX y MathML para facilitar la tarea de los usuarios.
Implementación de un reproductor para los elementos de audio del repositorio.
![Page 6: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/6.jpg)
Introducción
Metodologíaseguida
Planificación del Proyecto. Análisis de la BBDD. Análisis del código fuente. Investigación de las posibles
soluciones. Aplicar soluciones propuestas. Análisis de resultados. Documentación del Proyecto.
![Page 7: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/7.jpg)
Introducción
Planificación delproyecto
Fase 1: Preparación Inicial. Fase 2: Reestructuración de la BBDD. Fase 3: Reestructurar Formularios. Fase 4: Reestructurar aspectos
visuales y de accesibilidad a los datos.
Fase 5: Test. Fase 6: Documentación y
conclusiones finales.
![Page 8: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/8.jpg)
Introducción
Temporización
![Page 9: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/9.jpg)
Mejoras de la base de datos
SeguridadEncriptación
Integrado un sistema de seguridad llamado “PHP5 Login System v3.8.3”.
Claves de usuario encriptadas en MD5. Basado en variables de sesión y
cookies. De integración sencilla con sólo unas
líneas de código y una tabla en la BBDD para contener los usuarios..
![Page 10: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/10.jpg)
Mejoras de la base de datos
Tabla deUsuarios
![Page 11: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/11.jpg)
Mejoras de la base de datos
Privilegios portipo de
usuario
Hay cuatro niveles de privilegios. Invitado Usuario Editor Administrador
Los privilegios incrementan de forma acumulativa hasta llegar al administrador.
![Page 12: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/12.jpg)
Mejoras de la base de datos
Privilegios portipo de
usuario
Usuarios de tipo “Invitado”: Iniciar Sesión. Registrarse. Recuperar Contraseña. Buscar Fórmulas por código. Búsqueda por Índice. Búsqueda por Nombre de Índice. Visualización de Fórmulas. Visualización código LaTeX de las Fórmula. Visualización código MathML de las
Fórmula. Visualización de locuciones. Escuchar locuciones.
![Page 13: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/13.jpg)
Mejoras de la base de datos
Privilegios portipo de
usuario
Usuarios de tipo “Usuario básico o simple”: Añadir Locuciones. Modificar sus Locuciones. Borrar sus Locuciones. Añadir Fórmulas. Modificar sus Fórmulas. Borrar sus Fórmulas.
![Page 14: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/14.jpg)
Mejoras de la base de datos
Privilegios portipo de
usuario
Usuarios de tipo “Editor”: Modificar Locuciones. Borrar Locuciones. Modificar Fórmulas. Borrar Fórmulas. Añadir Índices. Borrar Índices.
![Page 15: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/15.jpg)
Mejoras de la base de datos
Privilegios portipo de
usuario
Usuarios de tipo “Administrador”: Añadir Usuarios. Modificar datos de Usuario. Modificar contraseña de Usuario. Activar / Suspender Usuario. Aprobar Usuarios nuevos. Modificar Nivel de Privilegios de
Usuario.
![Page 16: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/16.jpg)
Mejoras de la base de datos
Workflow
![Page 17: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/17.jpg)
Mejoras de la base de datos
Taxonomía Creado un campo en la tabla “formules” que contiene el índice al que pertenece dicha fórmula.
![Page 18: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/18.jpg)
Mejoras de la base de datos
Taxonomía Creados los diversos formularios para administrar la organización taxonómica.
![Page 19: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/19.jpg)
Mejoras de la base de datos
Taxonomía Creados los diversos formularios para administrar la organización taxonómica.
Modificados los formularios de inserción y edición de fórmulas para que se asigne siempre un índice a las mismas.
![Page 20: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/20.jpg)
Mejoras de la base de datos
Idiomas Creada una tabla “idiomes” que contiene los idiomas que pueden para asignar los a las locuciones.
![Page 21: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/21.jpg)
Mejoras de la base de datos
Idiomas Creados los diversos formularios para administrar los idiomas
Modificados los formularios de inserción y edición de locuciones para que se asigne siempre un idiona a las mismas.
![Page 22: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/22.jpg)
Mejoras de aspectos visuales y multimedia
Motor“MathJAX”
Permite la visualización de fórmulas matemáticas en el navegador
Permite búsquedas sobre el código LaTeX de las fórmulas.
Permite visualizar la codificación de la fórmula tanto en formato LaTeX como MathML
![Page 23: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/23.jpg)
Mejoras de aspectos visuales y multimedia
Motor“MathJAX”
Permite la edición de fórmulas matemáticas en el navegador visualizando el resultado al instante para su posterior introducción en la BBDD.
![Page 24: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/24.jpg)
Mejoras de aspectos visuales y multimedia
Motor dereproducci
ón de audio
Script sencillo desarrollado en JavaScript.
Transforma cualquier enlace HTML a un archivo .MP3 en un reproductor sencillo con dos botones “play” y “stop”.
![Page 25: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/25.jpg)
Conclusiones El desarrollo del proyecto ha
requerido el poner en práctica los conocimientos adquiridos en los semestres anteriores de la carrera.
A lo largo del proyecto se han encontrado diversas soluciones a cada objetivo pero las soluciones presentadas son las que mejor cumplían los objetivos.
Los objetivos que presenta el proyecto se han alcanzado con éxito.
Se deja como futura ampliación o mejora la incorporación de un grabador de audio integrado en el navegador.
El desarrollo del proyecto ha supuesto un buen ejercicio de cara futuros desafíos en el mundo laboral.
![Page 26: ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello Ingeniería técnica de informática de Gestión. Consultor: Manel](https://reader038.vdocuments.site/reader038/viewer/2022110213/5665b4311a28abb57c8fdd05/html5/thumbnails/26.jpg)
Gracias