ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello...

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 Zaera Idiarte TFC-Technology Enhanced Learning 10/06/2011

Transcript of ACTUALIZACIÓN GRÁFICA Y FUNCIONAL DEL PROYECTO “RODOLFO”. Estudiante: David Guaita Tello...

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.

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.

Í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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Gracias