UNIVERSIDAD NACIONAL DE COLOMBIA FACULTAD DE CIENCIAS ECONÓMICAS UNIDAD DE INFORMÁTICA Y COMUNICACIONES. Álvaro Enrique Palacios Villamil

Transcripción

1 Aplicativo Web UNIVERSIDAD NACIONAL DE COLOMBIA Director de la Unidad: Tutor: Coordinadores: Desarrollado por: Analista de sistemas: Henry Martínez Álvaro Enrique Palacios Villamil Oscar Javier Silva Romero Olga Lucia Bravo Ballén Jeffer Cañón Hernández Claudia Alexandra Garzón Peter Hiovany Fonseca Buitrago Coordinador Virtual: Adelaida Amaya Pinzón Alex Gerardo Sastoque Andrea Nadine Gutiérrez Andrés Ricardo Romero Velásquez Ángela Jeaneth Ospina Ángela Viviana Montañez Morantes Betty Johanna Bolaños Mendez Carlos José Acuña Daza Carolina Acosta Cifuentes Claudia Alexandra Garzón Claudia Johanna Nieto Daniel Alejandro Ardila Daniel Enrique Quintero Daniel Felipe Moreno Zurita David Alexander Arenas David Leonardo Maldonado Diego Fernando Rubio Mendoza Erika Padilla Montoya Gildardo Gutiérrez Marco Aurelio Ortíz Héctor Javier Vargas Jeffer Cañón Hernández Jenny Teresa Jaramillo Cárdenas Jhonny Alexander Romero Jorge Alexander Barbosa Guevara Julián Ramírez Angulo Karolina Roberto González Laura Gisset Higuera Bustos Leonardo Baena Liliana Teresa Salazar Luis Enrique Guzman María Alejandra Enriquez Mary Luz Muñoz Meiby Viviana Uyaban Oscar Miguel Alonso Moreno Sonia Janeth Ramírez Vanegas; Sue Ellen Lopéz Coronado; Zulma Yulieth Suarez Veloza Este trabajo es resultado del esfuerzo de todo el equipo perteneciente a la Unidad de Informática. Se prohíbe la reproducción parcial o total de este documento, por cualquier tipo de método fotomecánico y/o electrónico, sin previa autorización de la Universidad Nacional de Colombia. 1

2 1 RESUMEN La Unidad De Informática Y Comunicaciones de la Facultad de Ciencias Económicas (UIFCE) de la Universidad Nacional De Colombia presenta a sus estudiantes una serie de cursos de informática, donde los alumnos estudian los contenidos de estos cursos y luego presentan un examen para validar el respectivo curso. El examen es presentado a través de un aplicativo diseñado en Fox Pro hace bastante tiempo, por lo que en el transcurso de los años se le han detectado falencias que llevaron a realizar de nuevo el aplicativo con unos requerimientos específicos de UIFCE y de sus usuarios. Un requisito primordial era que los estudiantes pudieran acceder al aplicativo desde cualquier lugar y a cualquier hora del día, esto llevó a diseñar el aplicativo, para la Web. Para desarrollar el Aplicativo Web era necesario elaborar una base de datos, esta base de datos se diseño primero con un modelo Entidad-Relación (el más usado para esta función) hecho en Microsoft Visio 2002 y posteriormente se le dio forma al diseño con SQL Server 2000 profesional. Como el aplicativo es dinámico se utilizo PHP para conectar la base de datos con la página Web. El desarrollo Web se hizo por medio de Macromedia Dreamweaver MX. Se espera la implementación del Aplicativo Web por parte de UIFCE en el transcurso del siguiente semestre. 2

3 2 INTRODUCCION Una de las actividades que desarrolla la Unidad de Informática es la capacitación a los usuarios en el uso de los diferentes software que hay en la unidad. Para iniciar la vinculación de los estudiantes al esquema, se implementó la capacitación de introducción a los computadores de manera virtual, de esta manera los estudiantes solo presentan un examen de conocimientos básicos obtenidos de una página Web. Hasta ahora este examen se estaba realizando en una aplicación desarrollada en FoxPro, pero con el fin de cada día mejorar, esta aplicación se realizará de nuevo obteniendo un entorno más agradable, rápido y dinámico. Nos ayudaremos de herramientas como SQL Server, PHP y Dreamweaver, A diferencia de la anterior aplicación esta tendrá acceso a cualquier momento con tan solo entrar a la Web. Se espera poner a disposición de los usuarios una herramienta actualizada y versátil que les facilite tanto a ellos como a la unidad la aplicación de este examen y en el futuro incluir más cursos y más recursos dentro de la aplicación. En las siguientes páginas se explica la manera en que se desarrollo esta investigación, los logros y el alcance de la aplicación. 3

4 3 OBJETIVOS 3.1 Objetivos Generales Desarrollar una aplicación Web enabled construid en PHP y base de datos SQL Server, para la evaluación de los conocimientos necesarios para aprobar los cursos de introducción a los computadores y Windows básico. 3.2 Objetivos específicos Adquirir conocimientos a través de la investigación y documentación respecto a los temas relacionados con el proyecto, modelos entidadrelación, Microsoft SQL Server 2000, lenguaje de programación PHP y Macromedia MX, como punto de partida de la investigación. Elaborar de un Modelo Entidad-Relación para determinar la organización de la base de datos, incluidos su estructura, contenido y las aplicaciones que se han de desarrollar, de esta manera se garantizará la efectividad del sistema y se podrán corregir y direccionar las posibles fallas de la base de datos. Diseñar físicamente una base de datos en SQL Server 2000 Estandar Edition tomando como plataforma el Modelo Entidad-Relación Publicar en el sitio Web de la Unidad de Informática el aplicativo. 4

5 4 METODOLOGÍA La metodología o secuencia en que se desarrolló la investigación es la siguiente: Comenzamos por documentarnos en los puntos en que se iba a trabajar siendo el primero de ellos el Modelo Entidad-Relación 4.1 Modelo Entidad-Relación El modelo entidad-relación es el modelo conceptual más utilizado para el diseño conceptual de bases de datos. Fue introducido por Peter Chen en El modelo entidad-relación está formado por un conjunto de conceptos que permiten describir la realidad mediante un conjunto de representaciones gráficas y lingüísticas. Para elaborar el Modelo Entidad-Relación utilizamos un software llamado Microsoft Visio Microsoft Visio 2002 Microsoft Visio 2002 es una solución para la creación de gráficos y diagramas, que facilita a los usuarios la presentación de sus ideas y proyectos de forma visual. Optimiza el diseño y diagramación de documentos, textos, formatos etc. Contenido: Diagrama de conexiones Diseño de Oficinas Diagrama de Proyectos 5

6 Diagrama de Relaciones Formularios Para el diseño físico de la base de datos, que es el siguiente paso después del diseño conceptual, utilizamos SQL Server 2000 Estándar Edition 4.3 SQL Server 2000 SQL es Structured Query Language (lenguaje estructurado de consultas). Es una herramienta para gestionar, recuperar información e interactuar en una base de datos. Después de la base de datos sigue la elaboración del aplicativo en el que se debió utilizar PHP y Macromedia Dreamweaver. 4.4 Lenguaje PHP PHP (Profesional Home Pages), acrónimo de "PHP: Hypertext Preprocessor", es un lenguaje interpretado de alto nivel embebido en páginas HTML. La función del lenguaje PHP es permitir escribir a los creadores de páginas Web, páginas dinámicas de una manera rápida y fácil. 4.5 Macromedia Dreamweaver Macromedía Dreamweaver es un programa que sirve para diseñar en forma visual sitios y paginas Web compatibles con cualquier explorador y plataforma, su entorno de trabajo es amigable, ya que permite crear documentos sin escribir una 6

7 sola línea de código. También le permitirá mejorar la presentación de los documentos. Después del diseño conceptual de la base de datos se elaboro un Modelo de Funciones en este modelo se muestran todas las funciones que cumple el aplicativo utilizando las tablas de la base de datos. 4.6 Modelo De Funciones Entidad \ Función Estudiante X X X X X Curso X X Curso general X X Inscripción X X Preguntas X X X X X Resultados X X X X X Tema X X 1. Reconocer a cada estudiante participante en un examen. Al estudiante escribir su nombre de usuario y clave se debe buscar en la base de datos para corroborar y confirmar su ingreso al aplicativo. 2. Conocer a que examen pertenece el cuestionario. Cuando el usuario da click en uno de los exámenes se envía información para buscar en la base de datos a que examen corresponde su elección. 3. Tener el registro de los exámenes por estudiante. Lleva cuenta de los exámenes a los que el usuario se ha inscrito o los que ya ha presentado. 4. Saber cuantos exámenes á presentado un estudiante. 7

8 El aplicativo puede presentarle una lista de exámenes al usuario a los cuales se ha inscrito. 5. Inscripción a exámenes Permite que el usuario se pueda inscribir a los exámenes que desee y pueda. 6. Presentación del examen Se puede presentar los exámenes de los cursos validables a los que el usuario se inscribió. 7. Evaluar resultados El resultado del examen es evaluado por el aplicativo inmediatamente presenta el examen. 8. Almacenar cuestionario Se puede ingresar nuevos cuestionarios de exámenes. 9. Actualización de la base de datos Los exámenes y los usuarios se pueden modificar (actualizar). 10. Seguridad en proceso El sistema de sesión única permite que el usuario solo maneje los datos que a el le incumben. 11. Consulta de resultados Se almacenan los resultados obtenidos por el usuario al presentar los exámenes. 12. Temas para los exámenes Permite seleccionar los exámenes por temas diferentes y no todo un examen de un mismo tema. Todas las funciones enunciadas anteriormente son soportadas por la base de datos. 8

9 5 DOCUMENTACIÓN En la documentación se muestra la información en la que con base en ella se desarrollo la investigación El diseño de una base de datos es un proceso complejo que abarca decisiones a muy distintos niveles. La complejidad se controla mejor si se descompone el problema en subproblemas y se resuelve cada uno de estos subproblemas independientemente. Así, el diseño de una base de datos se descompone en diseño conceptual y diseño físico. Para el desarrollo del aplicativo se utilizaron diferentes tipos de software y métodos, para comenzar se diseño conceptualmente la base de datos siguiendo una metodología llamada Modelo Entidad-Relación. 5.1 Diseño conceptual de la base de datos Para la elaboración del diseño conceptual nos basamos en el Modelo Entidad- Relación (este modelo es el más usado para el diseño conceptual de bases de datos). Las tareas a realizar en el diseño conceptual son las siguientes: Identificar las entidades. Identificar las relaciones. Identificar los atributos y asociarlos a entidades y relaciones. Determinar los dominios de los atributos. Determinar los identificadores o claves. Dibujar el diagrama entidad-relación. 9

10 5.2 Modelo Entidad Relación El modelo entidad-relación es el modelo conceptual más utilizado para el diseño conceptual de bases de datos. Fue introducido por Peter Chen en El modelo entidad-relación está formado por un conjunto de conceptos que permiten describir la realidad mediante un conjunto de representaciones gráficas y lingüísticas. Originalmente, el modelo entidad-relación sólo incluía los conceptos de entidad, relación y atributo. Más tarde, se añadieron otros conceptos, como los atributos compuestos y las jerarquías de generalización, en lo que se ha denominado modelo entidad-relación extendido. Figura 1: Conceptos del modelo entidad-relación extendido. Entidad Es cualquier tipo de objeto o concepto sobre el que se recoge información: cosa, persona, concepto abstracto o suceso. Las entidades se representan gráficamente 10

11 mediante rectángulos y su nombre aparece en el interior. Un nombre de entidad sólo puede aparecer una vez en el esquema conceptual. Hay dos tipos de entidades: fuertes y débiles. Una entidad débil es una entidad cuya existencia depende de la existencia de otra entidad. Una entidad fuerte es una entidad que no es débil. Relación (interrelación) Es una correspondencia o asociación entre dos o más entidades. Cada relación tiene un nombre que describe su función. Las relaciones se representan gráficamente mediante rombos y su nombre aparece en el interior. Las entidades que están involucradas en una determinada relación se denominan entidades participantes. El número de participantes en una relación es lo que se denomina grado de la relación. Por lo tanto, una relación en la que participan dos entidades es una relación binaria; si son tres las entidades participantes, la relación es ternaria; etc. Una relación recursiva es una relación donde la misma entidad participa más de una vez en la relación con distintos papeles. El nombre de estos papeles es importante para determinar la función de cada participación. La cardinalidad con la que una entidad participa en una relación especifica el número mínimo y el número máximo de correspondencias en las que puede tomar parte cada ocurrencia de dicha entidad. La participación de una entidad en una relación es obligatoria (total) si la existencia de cada una de sus ocurrencias requiere la existencia de, al menos, una ocurrencia de la otra entidad participante. Si no, la participación es opcional (parcial). Las reglas que definen la cardinalidad de las relaciones son las reglas de trabajo. A veces, surgen problemas cuando se está diseñado un esquema conceptual. 11

12 Estos problemas, denominados trampas, suelen producirse a causa de una mala interpretación en el significado de alguna relación, por lo que es importante comprobar que el esquema conceptual carece de dichas trampas. En general, para encontrar las trampas, hay que asegurarse de que se entiende completamente el significado de cada relación. Si no se entienden las relaciones, se puede crear un esquema que no represente fielmente la realidad. Una de las trampas que pueden encontrarse ocurre cuando el esquema representa una relación entre entidades, pero el camino entre algunas de sus ocurrencias es ambiguo. El modo de resolverla es reestructurando el esquema para representar la asociación entre las entidades correctamente. Otra de las trampas sucede cuando un esquema sugiere la existencia de una relación entre entidades, pero el camino entre una y otra no existe para algunas de sus ocurrencias. En este caso, se produce una pérdida de información que se puede subsanar introduciendo la relación que sugería el esquema y que no estaba representada. Atributo Es una característica de interés o un hecho sobre una entidad o sobre una relación. Los atributos representan las propiedades básicas de las entidades y de las relaciones. Toda la información extensiva es portada por los atributos. Gráficamente, se representan mediante bolitas que cuelgan de las entidades o relaciones a las que pertenecen. Cada atributo tiene un conjunto de valores asociados denominado dominio. El dominio define todos los valores posibles que puede tomar un atributo. Puede haber varios atributos definidos sobre un mismo dominio. Los atributos pueden ser simples o compuestos. Un atributo simple es un atributo 12

13 que tiene un solo componente, que no se puede dividir en partes más pequeñas que tengan un significado propio. Un atributo compuesto es un atributo con varios componentes, cada uno con un significado por sí mismo. Un grupo de atributos se representa mediante un atributo compuesto cuando tienen afinidad en cuanto a su significado, o en cuanto a su uso. Un atributo compuesto se representa gráficamente mediante un óvalo. Los atributos también pueden clasificarse en monovalentes o polivalentes. Un atributo monovalente es aquel que tiene un solo valor para cada ocurrencia de la entidad o relación a la que pertenece. Un atributo polivalente es aquel que tiene varios valores para cada ocurrencia de la entidad o relación a la que pertenece. A estos atributos también se les denomina multivaluados, y pueden tener un número máximo y un número mínimo de valores. La cardinalidad de un atributo indica el número mínimo y el número máximo de valores que puede tomar para cada ocurrencia de la entidad o relación a la que pertenece. El valor por omisión es (1-1). Por último, los atributos pueden ser derivados. Un atributo derivado es aquel que representa un valor que se puede obtener a partir del valor de uno o varios atributos, que no necesariamente deben pertenecer a la misma entidad o relación. Todos los conceptos nombrados anteriormente fueron plasmados en Microsoft Visio 2002 el software que utilizamos para hacer el Modelo Entidad-Relación. Microsoft Visio 2002 es un software creado por Microsoft Corporation. Para la instalación de Microsoft Visio 2002 hay que cumplir con unos requisitos mínimos descritos en la siguiente tabla: Requerimientos mínimos Procesador Intel Pentium 233 MHz o superior. 13

14 Sistema operativo Memoria Disco duro Microsoft Windows 2000 o Microsoft Windows XP u otro sistema operativo superior. 128 MB. 300 MB incluyendo instalación y operación. Después de ello se instaló siguiendo los pasos que nombramos a continuación: Se introduce el CD de instalación o su buscan los instaladores de una ubicación especial. Primero hay que digitar el nombre del usuario y la organización a la cual pertenece y posteriormente la clave del producto en 5 cuadros de texto. Luego aparece una pantalla en la que acepta el contrato para poder acceder al producto. Después se le da click en instalar ahora. 14

15 Windows empieza a configurar Microsoft Visio, tan pronto termina le aparece el siguiente mensaje, después de dar click en alguna de las dos opciones el programa de instalación finaliza. 15

16 5.3 Diseño físico de la base de datos El diseño físico parte del esquema lógico. Un esquema físico es una descripción de la implementación de una base de datos en memoria secundaria: las estructuras de almacenamiento y los métodos utilizados para tener un acceso eficiente a los datos. Por ello, el diseño físico depende del SGBD concreto y el esquema físico se expresa mediante su lenguaje de definición de datos. El SGBD que se utilizó para diseñar físicamente la base de datos fue Microsoft SQL Server Standard Edition. Para la instalación de Microsoft SQL Server Standard Edition fue conveniente cumplir con los siguientes requerimientos mínimos: Requerimientos mínimos Procesador Procesador Intel Pentium o compatible a 166 (MHz) o superior. Sistema operativo Microsoft Windows NT Server versión 4.0, Microsoft Windows NT Server 4.0 Enterprise Edition, Microsoft Windows 2000 Server, Microsoft Windows 2000 Advanced Server, Microsoft Windows 2000 Datacenter Server y Microsoft Windows XP. Memoria Disco duro 128 MB MB de espacio libre en el disco duro para el servidor; 250 MB para la instalación. La instalación de SQL Server 2002 Estándar Edition se hizo de la siguiente manera: Se buscaron los instaladores y se ejecutaron. 16

17 Se elige la opción de Componentes de SQL Server 2000 en la primera ventana que aparece y luego se elige Instalar Servidor de base de datos. En la tercera ventara sale un mensaje Instalación similar al siguiente mensaje, en el que se le da aceptar. Se acepta las siguientes dos ventanas en la tercera se elige el usuario yb el nombre de la organización a la cual pertenece. Aceptamos los términos del contrato y posteriormente se elige el tipo de instalación que desea realizar, en este caso damos clic en solo herramientas cliente. La pantalla que continúa se deja de la siguiente manera: 17

18 Damos siguiente en el inicio de instalación, esperamos a que termine y para terminar se da clic en el botón Finalizar. 5.4 Dinamizar la página Web Como la página Web es dinámica se utilizó un lenguaje especial para hacer este tipo de páginas, este lenguaje es PHP Versión 4.0: El lenguaje PHP es un lenguaje de programación de estilo clásico, con esto quiero decir que es un lenguaje de programación con variables, sentencias condicionales, bucles, funciones... Pero a diferencia de otros lenguajes como Java o JavaScript que se ejecutan en el navegador, PHP se ejecuta en el servidor, por eso nos permite acceder a los recursos que tenga el servidor como una base de datos. El programa PHP es ejecutado en el servidor y el resultado enviado al navegador. El resultado es normalmente una página HTML. Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su navegador lo soporte, es independiente del navegador, pero sin embargo para que sus páginas PHP funcionen, el servidor donde están alojadas debe soportar PHP 18

19 Figura 2: Funcionamiento de PHP. Condicionales Las sentencias condicionales nos permiten ejecutar o no, unas ciertas instrucciones dependiendo del resultado de evaluar una condición. Las más frecuentes son la instrucción y la instrucción. Variables Una variable es un contenedor de información, en el que podemos incluir números enteros, números decimales, caracteres... el contenido de las variables se puede leer y se puede cambiar durante la ejecución de una página PHP. En PHP todas las variables comienzan con el símbolo del dólar $ y no es necesario definir una variable antes de usarla. Tampoco tienen tipos, es decir que una misma variable puede contener un número y luego puede contener caracteres. Bucles (ciclos) Los bucles nos permiten iterar conjuntos de instrucciones, es decir repetir la 19

20 ejecución de un conjunto de instrucciones mientras se cumpla una condición. Métodos Get y Post Los datos de un formulario se envía mediante el método indicado en el atributo METHOD de la etiqueta FORM, los dos métodos posibles son GET y POST. La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página, mientras que el método GET envía los datos usando la URL, el método POST los envía por la entrada estándar STDIO. La imagen es un ejemplo en el que se ve claramente el envío de datos por el método GET, la información que llegó es una variable llamada curso_a_evaluar que es igual a WIN01. Conexión a una base de datos Una vez que tuvimos creada la base de datos en el servidor (Altos01), el siguiente paso es conectarnos a la misma desde una página PHP. Para ello PHP nos proporciona una serie de instrucciones para acceder a bases de datos MSSQL. Al ejecutar la instrucción mssql_connect creamos un vínculo entre la base de datos y la pagina PHP, este vínculo será usado posteriormente en las consultas que hagamos a la base de datos. Para podernos conectar a la base de datos evaluacion en altos01 se introdujo la siguiente línea de código.! 20

21 Finalmente, una vez que hemos terminado de usar el vínculo con la base de datos, lo liberaremos con la instrucción para que la conexión no quede ocupada. Inserción de registros La inserción de registros es la alteración de la base de datos aumentado los registros de una tabla. Para hacerlo primero nos conectamos a la base de datos y segundo hacemos la inserción por medio de una función llamada mssql_query. " #$ % "& & $! Sesiones Si existe una consulta repetida en las listas de PHP, es la relativa al uso de las sesiones. El uso de sesiones es un método ampliamente extendido en cualquier aplicación de cierta entidad. Básicamente una sesión es la secuencia de páginas que un usuario visita en un sitio Web. Desde que entra a un sitio, hasta que lo abandona. El término sesión en PHP, se aplica a esta secuencia de navegación, para ello se crea un identificador único que asignamos a cada una de estas sesiones de navegación. A este identificador de sesión se le denomina, comúnmente, como la sesión. El proceso en cualquier lenguaje de programación podría ser algo así: Existe una sesión? Si existe la retomamos. Si no existe creamos una (generar un identificador único). Y para que no perdamos el hilo de la navegación del usuario deberemos asociar 21

22 esta sesión a todas las URLs y acciones de formulario. Podemos también crear un cookie que incluya el identificador de sesión, pero es conveniente recordar que la disponibilidad o no de las cookies depende del usuario, y no es conveniente fiarse de lo que un usuario pueda o no tener habilitado. Lo contado hasta ahora es teoría pura y es aplicable a cualquier lenguaje de programación C, Perl, etc. Los que programamos en PHP4 tenemos la suerte de que toda la gestión de sesiones la hace el mismo PHP. Inicialización de las sesiones Para utilizar sesiones en PHP lo primero es inicializarlas. Podemos hacerlo explícitamente, mediante la función o al registrar una variable en una sesión mediante ' ( ) En ambos casos se crea una nueva sesión, si no existe, o se retoma la sesión actual. Veamos un sencillo ejemplo: Esta es la forma más básica, si el usuario tiene los cookies activados, PHP habrá insertado de forma automática la sesión y ésta será pasada de una página a otra sin hacer nada más. Desde un punto de vista práctico la sesión es operativa, pero no vemos nada. Podemos obtener la sesión en cualquier momento mediante la función & ) Inserta en las sucesivas páginas la siguiente línea para ver si la sesión está disponible: En este caso comprueba en los cookies que existe una sesión y continua con ella, & devuelve el identificador actual 5.5 Diseño de la Página Web 22

23 Con el fin de facilitar el trabajo que produce realizar una página Web solamente utilizando el código se decidió elaborar la página en Macromedia Dreamweaver MX. Macromedia Dreamweaver MX requiere que se tengan los siguientes elementos para poder trabajar en el: Requerimientos mínimos Procesador Sistema operativo Memoria Disco duro Intel Pentium 233 MHz o superior. Microsoft Windows 98 o superior (recomendado). 64 MB. 400 MB incluyendo instalación y operación. Macromedía Dreamweaver es un programa que sirve para diseñar en forma visual sitios y paginas Web compatibles con cualquier explorador y plataforma, su entorno de trabajo es amigable, ya que permite crear documentos sin escribir una sola línea de código. En la construcción de las páginas, también le permite: Mejorar la presentación de los documentos. Planificación de un sitio Web. Creación y publicaciones de páginas Web. Uso de plantillas y bibliotecas. Planificación de la estructura de un sitio. Creación de un sitio local. Creación de documentos HTML. 23

24 Trabajar en la edición de una pagina Web. La instalación de Macromedia Dreamweaver es muy sencilla en el transcurso de ella aparecerán ocho ventanas en las cuales hay que darle clic a todos y así quedará Dreamweaver instalado. 24

25 6 DICCIONARIO DE DATOS En este diccionario de datos se muestra todas las tablas que componen la base de datos y en cada una de ellas los campos que a su vez forman una tabla con su respectiva descripción. Curso General Campo Tipo Tamaño Descripción Nombre char 10 Guarda el nombre del curso idcurso_gen char 3 Identificador único del curso CursoEstudiante Campo Tipo Tamaño Descripción id int 4 Identificador único del cursoestudiante (índice) idcurso char 5 Identificador único de curso codigo char 6 Código del estudiante Cursos Campo Tipo Tamaño Descripción idcurso_gen char 3 Identificador único del curso general Incurso char 5 Identificador único del curso fecha_inicio smalldatetime 4 Fecha de inicio del curso fecha_fin smalldatetime 4 Fecha de finalización del curso Activo bit 1 Activa o desactiva el curso 25

26 Estudiantes Campo Tipo Tamaño Descripción Nombre char 35 Nombre completo del estudiante Codigo char 6 Código del estudiante tipo_documento char 3 Tipo de documento del estudiante num_documento char 11 Número del documento del estudiante Clave char 11 Clave del usuario Usuario char 6 Login del usuario Pregunta Campo Tipo Tamaño Descripción Idpregunta Int 4 Identificador único de la pregunta (índice) Pregunta char 200 Guarda una pregunta del examen opcion1 Char 200 Primera opción posible a la pregunta opcion2 char 200 Segunda opción posible a la pregunta opcion3 Char 200 Tercera opción posible a la pregunta opcion4 Char 200 Cuarta opción posible a la pregunta respuesta Int 4 Guarda el valor de la opción correcta idtema char 10 Identificador único del tema idcurso_gen char 3 Identificador único del curso en general Resultados Campo Tipo Tamaño Descripción puntaje char 10 Puntaje obtenido por el estudiante idcurso char 5 Identificador único del curso codigo char 6 Código del estudiante 26

27 id char 4 Identificador único de resultados Tema Campo Tipo Tamaño Descripción Idtema char 10 Identificador único del tema Nombre char 10 Nombre del tema idcurso char 3 Identificador único del curso 27

28 7 DESCRIPCIÓN FÍSICA DEL APLICATIVO WEB 7.1 DIAGRAMA DEL APLICATIVO El siguiente diagrama muestra el funcionamiento del aplicativo en el que cada campo es una página que cumple con la función descrita el ese campo. Home Inscripción de exámenes Presentación de exámenes Resultados obtenidos Inscribir examen Lista de exámenes Inscripción realizada Presentación del examen Evaluación del examen 28

29 La primera página es un Inicio de Sesión el cual no se indica en el diagrama anterior y consiste, como se puede ver en la imagen de abajo, en un campo de usuario y otro de clave o contraseña, que tiene como fin permitir el ingreso del usuario al aplicativo. Antes de llegar a la siguiente página (Home) el usuario debe cumplir con dos requisitos que son el usuario y la clave. Estos requisitos están almacenados en la base de datos, en ella se hace la búsqueda del usuario y de la clave para que correspondan con la información enviada en el formulario de inicio de sesión. En caso que no correspondan los datos enviados con los buscados encontrará el siguiente mensaje 29

30 en caso contrario aparecerá 7.2 Home El home o inicio del aplicativo tiene la función de recibir al usuario que obtuvo el ingreso con un mensaje de bienvenido, también tiene tres links que envían a tres diferentes páginas y serán enumeradas a continuación: 30

31 7.3 Inscripción a exámenes El hipervínculo de Inscripción a exámenes envía a una página que tiene la función de suministrarle la opción al usuario de elegir el examen que quiere presentar. Cuando el usuario selecciona el examen a presentar llega a la página que hace la inscripción formal y le muestra un mensaje de inscripción satisfactoria. 31

32 7.4 Presentación de exámenes Una tabla muestra los exámenes a los que el usuario puede presentar. 32

33 Al decidir presentar el examen la persona ingresa al cuestionario del examen seleccionado del cual no puede salir cerrando la ventana como se hace normalmente, a menos que de clic en el botón Terminar El botón Terminar envía las respuestas seleccionadas y no seleccionadas por el usuario para ser evaluadas en la siguiente página. En esta página se examina el resultado, se ingresa a la base de datos y es mostrado en pantalla para conocimiento del usuario. 33