Diseño e implementación de una aplicación web para realizar el análisis estadístico de evaluaciones en las asignaturas de grado de la ETSINF

Universidad Politécnica de Valencia Página 1 Universitat Politècnica de València Escola Tècnica Superior d’Enginyeria Informàtica PROYECTO FINAL DE CARRERA “DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA REALIZAR EL ANÁLISIS ESTADÍSTICO DE EVALUACIONES EN LAS ASIGNATURAS DE GRADO DE LA ETSINF” Código: DISCA-235 Titulación ITIG Autora: Sara Ferrer Jordá Director: Dr. Lenin G. Lemus Zúñiga. Profesor Titular de Universidad Universitat Politècnica de València Septiembre 2012 Universidad Politécnica de Valencia Página 2 Índice INTRODUCCIÓN…………………………………………………....….5 OBJETIVO……………………………………………………………….5 CAPITULO 1. MODELO VISTA CONTROLADOR (MVC)…………..7 1. ¿Qué es el modelo vista controlador? 2. Descripción del patrón 3. Ventajas del patrón CAPITULO 2. DEFINICIONES BASICAS……………………………..8 1. ¿Qué es CMS? 1.1 Historia de los CMS 1.2 Funcionalidad de los CMS 1.3 Tipos de CMS CAPITULO 3. LIBRERIA GRAFICA LIBCHART…………………….15 CAPITULO 4. EvalTICs………………………………………………17 1. La base de datos de EvalTICs CAPITULO 5. HERRAMIENTAS…………………………...………….25 1. Joomla 1.1 ¿Qué es Joomla? 1.2 Historia de Joomla 1.3 Características de Joomla 1.4 Versiones de Joomla 1.5 Arquitectura de Joomla 1.6 Plataformas de sistemas operáticos compatibles con Joomla Universidad Politécnica de Valencia Página 3 1.7 Open Source Matters: Industria relacionada 1.8 Funcionamiento de Joomla 2. Xampp 2.1 Características de XAMPP 2.1 Aplicaciones 2. Dreamweaver CAPITULO 6. ESTADISTICAS………………………………………..35 1. Cambios en las bases de datos 2. Cambios en las vistas CAPITULO 7. VISTAS ESTADISTICAS……………………………...39 CAPITULO 8. MODIFICACION DEL NOMBRE DE LA BASE DE DATOS……………………………..43 CAPITULO 9. CONCLUSIONES Y TRABAJO FUTURO……………45 REFERENCIAS BIBLIOGRÁFICAS…………………………………..47 ANEXO A. MANUAL DE USUARIO………………………………….49 Universidad Politécnica de Valencia Página 4 Índice de figuras Figura 1. Modelo vista Controlador (MVC) ................................................................................... 7 Figura 2. Estructura de la BBDD. ................................................................................................. 19 Figura 3: Joomla .......................................................................................................................... 25 Figura 4: Versiones ...................................................................................................................... 28 Figura 5: Arquitectura de Joomla ................................................................................................ 29 Figura 6: Funcionamiento de Joomla 1 ....................................................................................... 30 Figura 7: Funcionamiento de Joomla 2 ....................................................................................... 31 Figura 8: Cambios en las vistas de Evaltics ................................................................................ 36 Figura 9: Menú administración ................................................................................................... 36 Figura 10: Menú estadístico ........................................................................................................ 39 Figura 11: Rangos estadísticos .................................................................................................... 39 Figura 12: Datos estadísticos....................................................................................................... 40 Figura 13: Gráfica global ............................................................................................................ 40 Figura 14: Gráfica de las preguntas ............................................................................................. 41 Figura 15: Intranet ....................................................................................................................... 49 Figura 16: Panel de administración ............................................................................................. 50 Figura 17: Panel de opciones de administración ......................................................................... 51 Figura 18: Alta de una asignatura ............................................................................................... 51 Figura 19: Alta de un autor ......................................................................................................... 52 Figura 20: Alta de un tema .......................................................................................................... 53 Figura 21: Alta de un tipo ........................................................................................................... 54 Figura 22: Modificación del grupo a las preguntas ..................................................................... 54 Figura 23: Filtrado de preguntas ................................................................................................. 55 Figura 24: Detalles de la pregunta ............................................................................................... 55 Figura 25: Detalles de la respuesta .............................................................................................. 56 Figura 26: Gestión de cursos ....................................................................................................... 56 Figura 27: Alta alumno manualmente ......................................................................................... 57 Figura 28: Alta alumno desde archivo ........................................................................................ 57 Figura 29: Matricular un alumno ................................................................................................ 58 Figura 30: Menú de la gestión de evaluaciones .......................................................................... 58 Figura 31: Alta de una evaluación de tipo normal ...................................................................... 59 Figura 32: Alta evaluación de tipo Pime ..................................................................................... 60 Figura 33: Gestión de respuestas ................................................................................................. 60 Figura 34: Menú de la intranet de Evaltics ................................................................................. 61 Figura 35: Preguntas ................................................................................................................... 61 Figura 36: Evaluación pendiente ................................................................................................. 62 Figura 37: Evaluación terminada ................................................................................................ 62 Universidad Politécnica de Valencia Página 5 Introducción La idea del portal web EvalTICs surge para realizar evaluaciones online a los alumnos, para así poder evaluarles a partir de tests los conocimientos adquiridos de cada temario sobre las diferentes asignaturas, pudiendo así el profesor observar si los resultados son positivos, o de lo contrarío, si son negativos, entonces solucionar los problemas que hayan podido ocasionar esos resultados con las medidas que el profesor crea que son más adecuadas. Además de la función de evaluar a los alumnos, realiza otras funciones como importar a pdf los exámenes de todos los alumnos, corrección automática de evaluaciones y proporcionar la posibilidad de generar los resultados obtenidos de las evaluaciones mediante gráficos estadísticos. Objetivo El objetivo principal de este proyecto es: “Ampliar el portal web EvalTICs añadiendo el diseño y la implementación web para realizar el análisis estadístico de evaluaciones en las asignaturas de grado de la ETSINF además de la opción de poder renombrar la base de datos con el nombre que cada cual crea oportuno.” Universidad Politécnica de Valencia Página 6 Universidad Politécnica de Valencia Página 7 CAPITULO 1. MODELO VISTA CONTROLADOR (MVC) 1. ¿Qué es el Modelo Vista Controlador? El Modelo Vista Controlador (MVC) es un patrón o modelo de abstracción de desarrollo de software que separa los datos de una aplicación, la interfaz de usuario, y la lógica de negocio en tres componentes distintos. El patrón de llamada y retorno MVC se puede observar frecuentemente en aplicaciones web, dónde la vista es la página HTML, el modelo es el Sistema de Gestión de Base de Datos y la lógica interna, y el controlador es el responsable de recibir los eventos y darles solución. 2. Descripción del patrón  Modelo: Es la representación específica de la información en el sistema. Junto a la vista, trabaja para mostrar la información al usuario y es accedido por el controlador para añadir, consultar, actualizar o eliminar datos.  Vista: Representa el modelo en un formato adecuado para que el usuario pueda interactuar con él, casi siempre es la interfaz de usuario.  Controlador: Recibe, trata y responde los eventos enviados por el usuario o por la propia aplicación. Interactúa tanto con la vista como con el modelo. Figura 1. Modelo vista Controlador (MVC) 3. Ventajas del patrón Al separar la lógica de negocio (el modelo) y la presentación (la vista) lo que se consigue un mantenimiento más sencillo y una mayor escalabilidad de las aplicaciones, la aplicación es más escalable, la depuración de la aplicación es más sencilla, el reparto de tareas es más fácil dentro de un equipo y puede usarse un marco de trabajo (framework) bien testeado. Universidad Politécnica de Valencia Página 8 Universidad Politécnica de Valencia Página 9 CAPITULO 2. DEFINICIONES BASICAS En este capítulo voy a definir algunos conceptos básicos que hay que tener en cuenta durante la lectura de este proyecto, ya que existen muchos conceptos en el desarrollo de aplicaciones web, y no siempre utilizamos todos la misma terminología para hablar de lo mismo. 1. ¿Qué es un CMS? Si buscamos en Google, nos encontramos con una gran multitud de definiciones de CMS en la web. Algunas de ellas son:  CMS son las siglas de Content Management System, o lo que viene a ser un sistema de gestión de contenidos. Un CMS es un programa desarrollado para que cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad y sin conocimientos de programación Web. http://www.departamentodeinternet.com/que-es-un-cms-y-que-ventajastiene/  Un sistema de gestión de contenidos (Content Management System, abreviado CMS) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás roles. http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos  CMS es un software para el manejo de contenidos de websites directamente desde el servidor, en español se conoce este programa como Sistema Gestor de Contenidos. http://www.joomlaos.net/manejo-y-administracion-de-joomla/21-glosario-joomla En definitiva un CMS consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. 1.1 Historia de los CMS A principios de los años noventa, el concepto de sistemas de gestión de contenidos era desconocido. Algunas de sus funciones se realizaban con aplicaciones independientes: editores de texto y de imágenes, bases de datos y programación a medida. Universidad Politécnica de Valencia Página 16 Universidad Politécnica de Valencia Página 17 CAPITULO 4. EVALTICS Como se expuso antes, EvalTICs es un portal web creado para evaluar a los alumnos online, mejorando la calidad de la enseñanza y comprobando que los alumnos adquieren los correspondientes conocimientos. Desde la parte de administración el profesor tiene a su disponibilidad las siguientes funciones, las cuales las explicaremos detalladamente más adelante en el manual de usuario.  Gestión de Centros: Permite añadir centros de formación, cada centro debe ser dado de alta en la aplicación.  Gestión de Asignaturas: Permite añadir asignaturas, se debe dar de alta la asignatura, la cual se asociará un curso en concreto.  Gestión de Autores: Permite añadir autores, aquí se darán de alta los diferentes profesores. Es necesario pues se asociara más tarde a las diferentes evaluaciones.  Gestión de Temas: Permite añadir temas, se dará de alta el tema y se asociará a una asignatura.  Gestión de Tipos: Permite añadir tipos, se dan de alta los tipos de preguntas de los exámenes. Por defectos existes 3 tipos diferentes:  Verdadero /Falso .  Opción Múltiple.  Respuesta Libre.  Gestión de Preguntas: Permite añadir preguntas, se añade cada pregunta, asociándolo a una asignatura, a un tema, a un autor y a un tipo de pregunta.  Gestión de Cursos: Permite añadir cursos, se debe de dar de alta cada año del curso.  Gestión de Alumnos: Permite añadir alumnos, se dará de alta a los alumnos individualmente o de forma múltiple mediante un archivo de texto. También se podrá matricular a los alumnos en una asignatura.  Gestión de Respuestas: Aquí es donde se corrigen las evaluaciones, se generan las plantillas .pdf de los exámenes resueltos y se puede comprobar las respuestas de todas las evaluaciones, así como corregir las respuestas de respuesta libre.  Gestión de Evaluaciones: Aquí se darán de alta o modificaran las evaluaciones , hay dos tipo de evaluaciones:  Normales, son de tipo evaluación común, se dará de alta la evaluación asociándolo a una asignatura e introduciendo las preguntas deseadas Universidad Politécnica de Valencia Página 18 sobre el tema asociado a la evaluación. Estas evaluaciones no pueden generar datos estadísticos.  PIME, estas evaluaciones fueron creadas para la generación de estadísticas. Para generar las estadísticas son necesarios dos exámenes exactamente iguales, de la creación de este tipo de evaluación. La única diferencia con las evaluaciones normales es que al crearla se crean dos plantillas de la evaluación. La primera plantilla se creara con los datos rellenados en el formulario de evaluación, la segunda sin embargo se creará con algunas modificaciones, tales como, el nombre de la evaluación, las fechas de apertura y cierre y el bit de publicación.  Gestión de Estadísticas: se puede obtener las gráficas globales y por preguntas de todas las evaluaciones PIME. Se puede configurar los rangos en los que desea obtener las estadísticas. 1. La base de datos de EvalTICs La base de datos asociada a Joomla es MySQL. Esta base de datos fue imprescindible para realizar el componente. El diseño de la base de datos fue compuesto a través de MySQL Workbench, una herramienta que permite modelar diagramas de entidad-relación para bases de datos MySQL. Dicha herramienta tiene una licencia GPL que favorecerá su uso sin más problemática. Por seguridad, fue preciso elaborar un esquema distinto al que crea Joomla por defecto. El esquema donde están incorporados los datos es datoswebeval y está compuesto por las siguientes tablas: Universidad Politécnica de Valencia Página 19 Figura 2. Estructura de la BBDD. Universidad Politécnica de Valencia Página 20 A fin de entender ciertos campos de las tablas, es preciso explicar algunas características del Framework de Joomla. La API de Joomla nos proporciona unas herramientas que posibilitarán la inserción y actualización de tablas de una manera rápida y cómoda. No obstante, para su utilización su clave primaria debe ser un número auto-incremental. Podemos comprobar cómo algunas tablas tienen un identificador que no es necesario, por ejemplo, en la tabla “alumno” o “autor” hubiese bastado el DNI como clave primaria, pero para poder hacer uso correcto de estas propiedades hemos creado el campo id. Comenzaremos el análisis del esquema por la tabla “centro”. Esta tabla hace referencia al centro al que pertenecen las asignaturas en que los alumnos se han matriculado, es decir la escuela o facultad. Al existir esta tabla podemos extender el uso del componente a más de un centro. Por ello, no es necesaria una instalación independiente para cada centro, sino que puede ser usado por un conjunto de ellos. A la hora de crear un centro deberemos insertar su nombre, siglas y si lo deseamos una descripción. La tabla “curso” corresponderá al año en el que se impartirán las asignaturas, por ejemplo 2010 - 2011, imprescindible para ello ingresar un nombre y si lo deseamos su descripción. Para poder insertar una asignatura en la tabla “asignatura” deberemos saber el centro al que pertenece y el curso en el que se impartirá. Cada asignatura tendrá un código identificativo en su centro, unas siglas, un nombre, una descripción opcional y unos créditos repartidos entre teoría y práctica. Las asignaturas englobarán el temario que se impartirá en cada curso. Las lecciones del mismo se almacenarán en una tabla denominada “tema”. Esta tabla se compone de un nombre, un número y opcionalmente una descripción. Los datos de los autores que realizarán las preguntas y evaluaciones serán almacenados en la tabla “autor”. Su identificación depende del DNI, el nombre y los apellidos, la dirección del domicilio, e-mail, el teléfono, el número de despacho, el nombre de usuario y la clave de acceso. Las preguntas estarán asociadas a un tema y a un autor. Cada pregunta podrá entrelazar varios temas y varios autores, para ello disponemos de dos tablas que almacenarán por separado dichos datos: “pregunta_tema”, en la que se verá reflejada la interrelación entre la pregunta y el tema y por otro lado, “autor_has_pregunta”, en la que se verá reflejada la interrelación entre la pregunta y el autor. Universidad Politécnica de Valencia Página 21 En la tabla “alumno” se verán reflejados los usuarios que posteriormente realizarán la evaluación. Para identificarlos necesitaremos su DNI, su nombre y apellidos, la dirección del domicilio, e-mail, teléfono, el nombre de usuario y la clave de acceso. Puesto que un alumno puede estar matriculado en una o varias asignaturas, es imprescindible crear la tabla “matrícula”. En la tabla “pregunta“insertaremos su fecha de creación y modificación, el título, un código propio de autor que le ayudará a identificarla, el enunciado tal como lo verá el alumno, las palabras clave para su búsqueda, así como un tipo y un nivel de dificultad. En el momento de creación de la pregunta podrá especificarse el tipo de respuesta a la misma. Para ello, utilizaremos la tabla “tipo”. La tabla “tipo” contemplará tres opciones a elegir por el autor que cree la pregunta. Estas son:  Verdadero o Falso.  Respuesta múltiple.  Respuesta Libre. Cada tipo de respuesta elegida se asociará a una tabla. De este modo observamos la existencia de tres tablas asociadas. La tabla “pregunta_v_f” almacenará tres campos correspondientes a la respuesta tipo verdadero y falso. Estos son:  Correcta: en este campo el autor concretará si la solución a la respuesta es Verdadero o por el contrario Falso.  Refuerzo positivo: en este campo el autor podrá realizar comentarios en caso de respuesta correcta.  Refuerzo negativo: en este campo el autor podrá realizar comentarios en caso de respuesta incorrecta. La tabla “pregunta_r_l” almacenará un único campo donde el autor podrá insertar un posible ejemplo de respuesta. Por último, la tabla “pregunta_o_m” almacenará las múltiples respuestas a la pregunta, pudiendo el autor seleccionar de entre ellas la o las correctas. Cada respuesta tendrá los siguientes campos:  Respuesta: en este campo el autor insertará el enunciado de la respuesta que visualizará posteriormente el alumno. Universidad Politécnica de Valencia Página 22  Correcta: en este campo el autor concretará si la respuesta en concreto es la correcta.  Refuerzo positivo: en este campo el autor podrá realizar comentarios en caso de que el alumno haya señalado la respuesta correcta.  Refuerzo negativo: en este campo el autor podrá realizar comentarios en caso de que el alumno no haya seleccionado la opción correcta. El último apartado del esquema corresponde a la evaluación y engloba, en primer lugar, dos tablas. Una será denominada “evaluación” y estará destinada a guardar los elementos comunes de la prueba que será implementada por el autor. Y la otra será denominada “evaluación_alumno” y se destinará a almacenar los datos resultantes de la actividad de este. En la tabla de “evaluación” quedará guardada la fecha de apertura y la fecha de cierre. Este será el periodo que tendrá el alumno para acceder y completar la evaluación. Para que el alumno pueda realizar la prueba el autor deberá haberla publicado previamente. El autor podrá seleccionar el valor total que se asignará a la prueba y optar por activar la herramienta grado de confianza. El grado de confianza consistirá en un barómetro que el alumno deber implementar tras seleccionar la respuesta que considere correcta, y que determinará el nivel de seguridad con el que el alumno responde cada pregunta. Por defecto partimos de cinco niveles de confianza: totalmente seguro, seguro, indeciso, inseguro, no tengo ni idea. Estos niveles serán modificables puesto que se guardan en una tabla independiente, a la que llamaremos tabla “grado_confianza”. La tabla “evaluación_pregunta” está destinada a almacenar el identificador de la pregunta asociada. En ella será posible añadir nueva información, como el valor de la pregunta y la penalización que se aplicará en caso de fallo. A su vez, existen dos campos: un campo de dificultad y un campo de tema. De esta forma, el programa podrá realizar preguntas aleatorias. La tabla “evaluación_alumno” recopila los resultados obtenidos por el alumno en las distintas pruebas realizadas, además de la fecha y hora exactas en las que éste ejecuta cada una de ellas. Estos datos se organizarán en los siguientes campos:  Fecha: en este campo se reflejará la fecha y hora en la que el alumno entrega la prueba.  Nota: campo indicativo del resultado obtenido en la prueba.  Finalizado: este campo mostrará si el alumno ha entregado o no la prueba. Universidad Politécnica de Valencia Página 23  Corregido: este campo determina si la evaluación ha sido corregida. Este apartado evita la publicación de las notas mientras hayan pruebas sin corregir. La tabla “evaluación_alumno” está asociada a la tabla “respuesta_alumno”. En esta última se almacena independientemente las respuestas de los alumnos, junto con su nota y el modificador de la misma en caso de que el autor hubiera activado el grado de confianza. Finalmente, la tabla “menú_gestión” permite acumular los elementos del menú principal y así poder modificarlos dinámicamente. Universidad Politécnica de Valencia Página 24 Universidad Politécnica de Valencia Página 25 CAPITULO 5. HERRAMIENTAS UTILIZADAS Para el desarrollo de este proyecto se han utilizado las siguientes herramientas: 1. JOOMLA 1.1. ¿Qué es Joomla? Joomla es un CMS (sistema de gestión de contenidos) que puede ser utilizado independientemente. Permite integrar, añadir o editar el contenido de un sitio web de manera sencilla. Es un código abierto programado mayoritariamente en PHP bajo una licencia GPL. Ese administrador de contenidos puede trabajar en redes locales y requiere de una base de datos creada con un gestor MySQL, además de un servidor HTTP Apache. Figura 3: Joomla 1.2 Historia de Joomla Joomla surge como el resultado de una bifurcación de Mambo, de la corporación Miro of Australia, quien mantenía la marca del nombre Mambo en esa época y el grupo principal de desarrolladores. Joomla nace con esta división el 17 de agosto de 2005. La corporación Miro formó una organización sin ánimo de lucro con el propósito inicial de fundar el proyecto y protegerlo de pleitos. El grupo de desarrollo reclamó que muchas de las cláusulas de la estructura de la fundación fueron acuerdos previos hechos por el comité directivo de Mambo, el cual no tiene la consultoría necesaria de quienes mantienen el proyecto e incluye cláusulas que violan los valores principales del código abierto. El grupo de desarrollo creó un sitio Web que se llamó Open Source Matters para distribuir información a los usuarios, desarrolladores, diseñadores Web y a la comunidad en general. En ese momento el líder Andrew Eddie, conocido como "MasterChief", escribió una carta abierta para la comunidad, que apareció en la sección de anuncios del foro público en mamboserver.com. Universidad Politécnica de Valencia Página 32 2.1 Características de Xampp XAMPP solamente requiere descargar y ejecutar un archivo zip, tar o exe, con unas pequeñas configuraciones en alguno de sus componentes que el servidor Web necesitará. XAMPP se actualiza regularmente para incorporar las últimas versiones de Apache/MySQL/PHP y Perl. También incluye otros módulos como OpenSSL y phpMyAdmin. Para instalar XAMPP se requiere solamente una pequeña fracción del tiempo necesario para descargar y configurar los programas por separado. 2.2 Aplicaciones Oficialmente, los diseñadores de XAMPP sólo pretendían su uso como una herramienta de desarrollo, para permitir a los diseñadores de sitios webs y programadores testear su trabajo en sus propios ordenadores sin ningún acceso a Internet. En la práctica, sin embargo, XAMPP es utilizado actualmente como servidor de sitios Web, ya que, con algunas modificaciones, es generalmente lo suficientemente seguro para serlo. Con el paquete se incluye una herramienta especial para proteger fácilmente las partes más importantes. 3. Dreamweaver Es una aplicación en forma de suite que está destinada a la construcción, diseño y edición de sitios, videos y a aplicaciones Web y basados en estándares. Creado inicialmente por Macromedia es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares de World Wide Web Consortium. Su principal competidor e es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes. Se vende como parte de la suite Adobe Creative Suite. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite. La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de JavaScript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto. Universidad Politécnica de Valencia Página 33 Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYC. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor. Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine. Como editor WYSIWYC que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código. Algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C). No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código. Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código. Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP(JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación. Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web. Universidad Politécnica de Valencia Página 34 3. Navegadores web  Chrome: navegador web propiedad de Google.  Firefox: navegador de software libre y código abierto cuyo software ha sido usado para crear algunas de las mejores aplicaciones de Internet. Universidad Politécnica de Valencia Página 35 CAPITULO 6. ESTADISTICAS Para poder generar las estadísticas se han de realizar algunos cambios en el componente EvalTICs. 1. Cambios en la base de datos. Se ha agregado una nueva tabla con el nombre de “pime”. Esta tabla se creo para poder asociar las dos evaluaciones que pertenecen a una evaluación PIME.  Id : campo obligatorio para poder utilizar los JTables de Joomla.  preEvaluacion: id de la evaluación que se lleva a cabo antes de explicar el tema en concreto.  postEvaluacion: id de la evaluación que se lleva a cabo después de explicar el tema. Esta tabla a parte de asociar nos indica si es examen es pime, dado que las evaluaciones pime son evaluaciones normales, exceptuando que se añaden a la vez y aparecen asociadas en la tabla “pime”. 2.- Cambios en las vistas También se han realizado algunos cambios en las vistas para adecuar el correcto funcionamiento de las estadísticas. Los cambios en la parte de administración son los siguientes:  Añadido un nuevo elemento en el menú principal de administración de "EvalTICs”. Este elemento nos llevara a la vista “estadísticas”. Universidad Politécnica de Valencia Página 36 Figura 8: Cambios en las vistas de EvalTICs  Añadido nuevo elemento en el menú de administración de la vista “evaluaciones”, este elemento llamado “Añadir PIME” enlazará con la vista “evaluación_pime”. Figura 9: Menú administración  Añadido en el modelo, un controlador y una vista llamados “evaluación_pime”. Estos son necesarios para añadir evaluaciones de tipo pime. La vista es exactamente igual que la vista “evaluación”, lo único que cambia es el controlador que utiliza, de esta forma se ha modificado la inserción de evaluaciones para crear las dos evaluaciones iguales y asociarlas mediante la tabla de la base de datos “pime”. Algunos de los campos que se cambiaran en la evaluación Post son: Universidad Politécnica de Valencia Página 37  Nombre: a la segunda evaluación se le da el nombre de la evaluación original y se le añade la cadena “-POST”. Así se sabe cuáles son evaluaciones pime y con cual está asociado.  Fecha de apertura y cierre: ambas se fechas se ponen a Null. La segunda se debe de encargar de abrirla el profesor posteriormente.  Publicado: el bit que indica si se publica una evaluación siempre está a 0 en la segunda evaluación. El profesor debe activarlo cuando se haga el segundo examen. Universidad Politécnica de Valencia Página 38 Universidad Politécnica de Valencia Página 39 CAPITULO 7. VISTAS ESTADISTICAS Esta vista es totalmente nueva y es sobre la cual podremos generar las estadísticas de los exámenes Pime. La forma de ingresarlos es mediante los select de la parte superior. Se escogerá primero una asignatura, mediante una petición Ajax se consultan los temas de esa asignatura y se rellena el siguiente select. Al seleccionar el tema se rellena el siguiente select con los exámenes de ese tema, y al elegir el examen se rellena el siguiente select con la opción global y tantas opciones como preguntas tenga el examen escogido. Figura 10: Menú estadístico Para poder personalizar la gráfica se ha añadido la posibilidad de agregar rangos de notas. Dichos rangos solo serán útiles para las estadísticas globales del examen, esto es debido a que las estadísticas por preguntas no se representan por la nota, sino por correcto/incorrecto. Figura 11: Rangos estadísticos Se añaden tantos rangos como se quiera, pero es importante que se añadan correctamente, o la gráfica que se genere será errónea. Los rangos de valores son abiertos por arriba y cerrados por abajo, sería así [RangoMin,RangoMax] , con la única excepción del 10. Además de la gráfica se muestras ciertos datos estadísticos sobre el examen o pregunta en elegida. Los datos se pueden ver en la parte derecha de la vista, y son la T de Seleccionar tema Seleccionar examen Seleccionar opción Universidad Politécnica de Valencia Página 40 Student, tamaño de efecto (d), la media del primero examen y la media del segundo examen. Figura 12: Datos estadísticos Por último está la gráfica, a parte de la gráfica se muestras ciertos datos extra como son, el número de alumnos presentados y en caso de ser una pregunta en concreto el número de respuestas, ya que puede ser que no hayan respondido a esa pregunta. Ejemplo de una gráfica global de un examen. Figura 13: Gráfica global Universidad Politécnica de Valencia Página 41 Figura 14: Gráfica de las preguntas En definitiva se pueden hacer 3 tipos de gráficas, son las siguientes:  Gráficas globales, solo toman en cuenta la nota final del examen y los agrupa por los rangos definidos. Si no hay rangos definidos los agrupa en rangos de 1 punto.  Gráficas de preguntas de opción múltiple o verdadero/falso. Se obtiene la nota de dicha pregunta si se contesto, se realizan los cálculos estadísticos descontando los que nos respondieron y se agrupan en dos grupos, fallos o correcta.  Gráficas de preguntas de respuesta libre, este tipo de pregunta se trata de forma diferente ya que el profesor puede puntuar como quiera. Por eso esta gráfica se representa como la nota media del primer examen frente a la nota media del segundo examen. Universidad Politécnica de Valencia Página 48 Universidad Politécnica de Valencia Página 49 ANEXO. MANUAL DE USUARIO La forma de acceder a la Intranet EvalTICs es escribiendo la siguiente dirección web en un navegador: http://localhost/joomla Podemos diferenciar varios perfiles de acceso a EvalTICs: 1. Administrador web: profesor encargado de añadir evaluaciones, añadir preguntas, añadir cursos,... 2. Alumno: tendrá la opción de acceder a la intranet de EvalTICs una vez este registrado para poder realizar las evaluaciones correspondientes. Todos accederán a la intranet introduciendo en el lateral izquierdo el usuario y la contraseña, tal y como se la hayan facilitado. Figura 15: Intranet Universidad Politécnica de Valencia Página 50 1. Administrador web Se accede a través de la siguiente dirección web: http:localhost/joomla/administrator Una vez hemos accedido al panel de administración, para acceder a nuestro componente seleccionamos la pestaña “Componentes” → “EvalTICs”. Figura 16: Panel de administración Primeramente, antes de poder gestionar una evaluación a distintos alumnos debemos gestionar los centros, las asignaturas, los autores, los temas, los tipos, las preguntas, los cursos, los alumnos y las respuestas. 1.1 Gestión de Centros En esta sección hay que crear los centros de formación correspondientes. Como podemos ver en la siguiente imagen, tenemos la opción de crear un nuevo centro, la opción de editarlo y la de eliminarlo. Para los dos últimos casos hay que seleccionarlos para aplicar las opciones correspondientes. Universidad Politécnica de Valencia Página 51 Figura 17: Panel de opciones de administración Dispondremos de estas opciones en todas las secciones del componente EvalTICs. 1.2 Gestión de Asignaturas En esta sección vamos a realizar la gestión de las asignaturas, en la siguiente figura vemos detalladamente cómo crear una nueva asignatura, que como hemos comentado en capítulos anteriores tiene que ir asociada a un centro de formación. Figura 18: Alta de una asignatura Universidad Politécnica de Valencia Página 52 1.3 Gestión de Autores Pasamos a la sección de autores, dónde se dan de alta a los profesores rellanando los datos correspondientes incluyendo la clave y la contraseña para poder luego identificarse en la intranet EvalTICs. A continuación podemos observar parte de la plantilla que corresponde a la creación de un nuevo autor. Figura 19: Alta de un autor Universidad Politécnica de Valencia Página 53 1.4 Gestión de Temas En esta sección vamos a poder introducir los diferentes temas de las distintas asignaturas como podemos observar en la plantilla anterior, siendo claro esta obligatorio asociar el tema a la asignatura correspondiente. Figura 20: Alta de un tema 1.5 Gestión de Tipos Como comentamos en capítulo 4 en la gestión de tipos existen por defecto tres tipos:  Verdadero/Falso  Opción Multiple  Respuesta Libre Está la opción de poder crear nuevos tipos de preguntas si el profesor lo cree conveniente, simplemente rellenando la plantilla correspondiente al pulsar la opción de “crear nuevo”. Universidad Politécnica de Valencia Página 54 Figura 21: Alta de un tipo 1.6 Gestión de Preguntas Además de las opciones de nuevo, modificar y eliminar existe la opción de modificar las preguntas cambiándoles el autor, la asignatura y el tema, previamente hay que seleccionar la pregunta que debemos modificar. Figura 22: Modificación del grupo a las preguntas También se pueden realizar búsquedas bien filtrando palabras o seleccionado el autor y la asignatura a la que pertenezca la pregunta/as. Universidad Politécnica de Valencia Página 55 Figura 23: Filtrado de preguntas En la figura que hay a continuación es la plantilla de creación de una nueva pregunta dónde hay que rellenar obligatoriamente los campos de “Asignatura”, “Tema”, “Autor” y “Tipo”, ya que estos estarán asociados a ella para poder realizar posibles modificaciones o búsquedas. Detalles de la pregunta Figura 24: Detalles de la pregunta Universidad Politécnica de Valencia Página 56 Detalles de la respuesta Figura 25: Detalles de la respuesta 1.7 Gestión de Cursos De igual modo que los otros tipos de gestiones, en esta sección tenemos la opción de crear un nuevo curso, modificar o eliminar cursos ya creados, siempre teniendo en cuenta que hay que seleccionarlos. Figura 26: Gestión de cursos 1.8 Gestión de Alumnos Para realizar la gestión de los alumnos, primeramente hay que darles de alta para que puedan hacer las evaluaciones pertinentes. Esto se puede realizar de dos maneras distintas. 1. Dando de alta manualmente alumno por alumno con la opción “Nuevo”. Universidad Politécnica de Valencia Página 57 2. O bien a partir de archivos .txt los cuales tienen que denominarse “alumos.txt y alumnosEmail.txt“, y tienen que estar depositados en en la ruta “C:\xampp\htdocs\Joomla\tmp\ “. 1. Figura 27: Alta alumno manualmente 2. Figura 28: Alta alumno desde archivo Desde archivo