Sistemas de gestión de educación continua

(1)

Villa de Álvarez, Col., junio de 2013

SISTEMA DE GESTIÓN DE EDUCACIÓN CONTINÚA

Nombre del Residente

Elizabeth Estefanía García Mejía

Nombre de la Asesora

Débora Fabiola Nava Huitrón

Nombre de la Carrera

Ingeniería en Informática

(2)

(3)

Contenido

Intr oducción ... 5

Justificación ... 7

Objetiv os ... 8

Objetiv o gener al ... 8

Objetiv os específicos ... 8

P r oblemas a r esolver , pr ior izándolos ... 8

P r ocedimiento y descr ipción de las activ idades r ealizadas... 9

Cronograma de actividades ... 9

MySQL ... 10

Entidades con atributos ... 11

Diagramas UML ... 12

Diagrama de casos de usos ... 12

Diagrama de dominio ... 13

Actividades realizadas y descripción ... 13

Resultados, planos, gr áficas, pr ototipos, maquetas, pr ogr amas, entr e otr os ... 17

Vistas de reportes ... 20

Vistas de Instructor ... 22

Vistas de administrador ... 24

Vista de Usuario curso ... 26

Vistas usuario ... 28

Vistas de Cursos ... 29

Vistas de calendario y programación ... 31

Conclusiones y r ecomendaciones ... 33

Conclusión ... 33

Recomendaciones ... 33

Competencias desar r olladas y/o aplicadas ... 34

(4)

Ilustración 1.- Cronograma ... 10

Ilustración 2: Diagrama ER ... 11

Ilustración 3: Entidad Áreas Ilustración 4: Entidad Contenido Ilustración 5: Entidad Meses ... 11

Ilustración 6: Entidad Sexo Ilustración 7: Entidad Administrador Ilustración 8: Entidad Curso ... 11

Ilustración 9: Entidad instructor Ilustración 10: Entidad Usuario Ilustración 11: Entidad Usuario- Curso ... 12

Ilustración 12: Entidad Instructor- Curso Ilustración 13: Entidad Programación... 12

Ilustración 14.- Diagrama de Caso de Usos. ... 13

Ilustración 15.- Diagrama de dominio. ... 13

Ilustración 16.- Interfaz de Logout: ... 17

Ilustración 17.- Re direccionará desde el sistema ... 18

Ilustración 18.- Vista de Contacto: ... 18

Ilustración 19.-Sub-Menú. ... 19

Ilustración 20.- Vista principal del sistema ... 19

Ilustración 21.- Vista de Reportes ... 20

Ilustración 22.- Reporte de Curso ... 20

Ilustración 23.- Reporte de Contenido ... 21

Ilustración 24.- Agregar nuevo contenido ... 21

Ilustración 25.- Reporte de Instructor Curso ... 22

Ilustración 26.- Lista de Instructores ... 22

Ilustración 27.- Modificar Instructor ... 23

Ilustración 28.- Vista de datos modificados ... 23

Ilustración 29.- Agregar Instructor ... 24

Ilustración 30.- Lista de administradores ... 24

Ilustración 31.- Modificar Administrador ... 25

Ilustración 32.- Agregar nuevo Administrador ... 25

Ilustración 33.- Reporte de usuario. ... 26

Ilustración 34.- Agregar usuario a curso ... 26

Ilustración 35.- Vista de Curso Activos ... 27

Ilustración 36.- Lista de usuarios en curso ... 27

Ilustración 37.- Lista de Usuarios ... 28

Ilustración 38.- Modificar usuario... 28

Ilustración 39.- Agregar nuevo Usuario ... 29

Ilustración 40.- Áreas de cursos ... 29

Ilustración 41.- Lista de Cursos ... 30

(5)

Ilustración 43.- Calendario ... 31

Ilustración 44.- Mostrar lista de cursos programados ... 31

Ilustración 45.- Agregar Programación ... 32

(6)

5

Introducción

El presente trabajado contiene los elementos de un sistema Web para la administración de cursos que el Instituto Tecnológico de Colima brinda a través del Departamento de Gestión Tecnológica y Vinculación y cuyo objetivo principal es la creación de una página Web que permita registrar, dar seguimiento y obtener información estadística de los cursos que se ofrecen a Instituciones Públicas y Privadas.

Los sistemas Web se definen como un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (www) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto.

El desarrollo de este sistema cumplió con dos expectativas: la primera y principal, que el Departamento de Gestión Tecnológica y Vinculación optimizara el proceso que conlleva la impartición de un Curso en la institución y la segunda, desarrollar un proyecto en todas sus etapas, lo que me permitió aprender de la realidad el cómo se maneja el medio laborar al que me enfrentaré como Ingeniera en Informática.

Para plantear la propuesta de solución, se recorrieron todas las etapas del proceso de Desarrollo de Software, desde la recopilación de información, hasta la elaboración del sistema y su implementación, incluyendo las actividades de creación de cursos, asignar horario, aula e instructor, generar lista de asistencia, entre otras.

(7)

(8)

7

Justificación

Hoy en día se requiere que los procesos sean sistematizados para tener un mejor aprovechamiento tanto del tiempo como de la información con la que se cuenta, mejorando el rendimiento y uso de esta misma.

Claro está que muchas de las veces no es posible sistematizar todos los procesos de la empresa por un sinfín de razones y, la más común es que se sienten cómodos con la manera en que se ha desempeñado el trabajo aunque tenga como desventaja que si necesitan algún documento, informe, contrato que se tenga físico se tendrá que acudir personalmente hasta el lugar donde se encuentre para poder tenerlo a la mano.

En el caso del control y seguimiento de los cursos que se realizan por el Instituto Tecnológico de Colima y que administra el departamento de Gestión Tecnológica y Vinculación, se realiza de manera manual, es decir se almacena una copia de cada uno de los cursos y se lleva una relación impresa y escrita a mano. Así que si es necesaria alguna información, se tiene que acudir a la carpeta física y de ahí de manera manual realizar la extracción de los datos que se requieran.

(9)

8

Objetivos

Objetivo general

Creación de una página Web para el departamento de Gestión Tecnológica y Vinculación del Instituto Tecnológico de Colima, que permita administrar, dar seguimiento y obtener información estadística de los cursos que se ofrecen en la Institución a Instituciones Públicas o Privadas.

Objetivos específicos

• Catálogo de cursos y sus contenidos.

• Catálogo de instructores y sus currículums.

• Registro de cursos.

• Generación de listas de asistencias.

• Generación de reportes y estadísticas

• Eficientar la consulta de información.

Problemas a resolver, priorizándolos

Problemas con el que se enfrenta el responsable de los cursos

1. El principal problema al llevar a cabo este proceso es que todo tenía que ser llenado manualmente, invirtiendo demasiado tiempo para obtener la información y, como sabemos, hoy en día el tiempo es un factor valioso para nuestras vidas.

2. El llenado de todo tipo de formato era manual, lo cual está sujeto a mayores errores.

3. Los formatos algunas veces se traspapelaba, requiriendo más tiempo de lo normal.

(10)

9 Al implementar el sistema Web principalmente el tiempo de acceso será minino al que anteriormente tardaba, ya que la información se concentrará en un mismo lugar y podrá ser consultada y modificada de manera eficiente y oportuna.

Procedimiento y descripción de las activ idades realizadas

Cronograma de actividades

(11)

10

Ilustración 1.- Cronograma

MySQL

Diagrama Entidad Relación (ER)

Actividades Enero Febrero Marzo Abril Mayo Junio Recabar y analizar información

Presentar avances

T iem y form

Determinar qué es lo que se requiere.

Tiem y form Presentar avances al usuario

Tiem y form

Determinar plan de trabajo

Tiem y form

Presentar avances al usuario

Tiem y form

Diseño

Desarrollo

Entrega de producto terminado 200

Implementación

Capacitación

Mantenimiento

Proceso Tiempo y forma

Extendio debido a modificaciones Extendio debido a modificaciones Extendio debido a modificaciones

Cronograma de Actividades 25 de enero al 30 de junio

Tiempo y forma

Se extendio debido a algunas modificaciones

Tiempo y forma

Tiempo y forma 25 al 08

12

04 al 16

20

22

25

26 al 15

01 al 08

26 al 15

01 al 08

20

22

25

(12)

11

Ilustración 2: Diagrama ER

Entidades con atributos

Ilustración 3: Entidad Áreas Ilustración 4: Entidad Contenido Ilustración 5: Entidad Meses

(13)

12

Ilustración 9: Entidad instructor Ilustración 10: Entidad Usuario Ilustración 11: Entidad Usuario- Curso

Ilustración 12: Entidad Instructor- Curso Ilustración 13: Entidad Programación

Diagramas UML

Diagrama de casos de usos

(14)

13

Ilustración 14.- Diagrama de Caso de Usos.

Diagrama de dominio

Muestra el modelo conceptual de todos los temas relacionados con el problema que se nos planteó.

Ilustración 15.- Diagrama de dominio.

Actividades realizadas y descripción

• Recabar y analizar información

Con relación al proyecto o a la problemática recabar información y analizarla.

(15)

14 Después de haber recabado y analizado la información determinar los requerimientos del sistema para un mejor funcionamiento.

• Presentar avances al usuario.

Tener junta con la persona encargada del proyecto y presentarle los avances que se tienen hasta el momento, y si es necesario modificar o indagar más para así mismo retroalimentarse y tener un mejor producto.

• Determinar plan de trabajo

Con base al avance principal y sabiendo cuales son los requisitos del sistema se determinara un plan de trabajo para tener más definido lo que se requiere y nuestros objetivos no se cumplan al termino de esto.

• Diseño

En esta parte se diseñará el cómo se verá la página web al finalizar, en tanto a los colores, logotipos, formatos de letra, distribución de la información, imágenes, entre otras cosas.

• Desarrollo.

Con base a el diseño, la información recaudada, el plan de trabajo y los requerimientos del sistema, determinar con que herramientas se trabajaran durante su desarrollo, las herramientas serán determinadas adecuadamente, posteriormente se comenzara con el desarrollo del sistema implementado dichas herramientas.

• Entrega de producto terminado

(16)

15

• Implementación

En esta etapa se llevara la implementación de sistema, se montara en algún servidor para que esté disponible para su acceso.

• Capacitación

Capacitar al usuario que fungirá como administrador del sistema, dar platica sobre cómo funciona, que contiene, como modificar algunas cosas, y si surgen dudas aclararlas en ese momento.

• Mantenimiento

Después de que se implementó se deberá dar mantenimiento a cierto tiempo el cual será realizado cuando el sistema lo requiera.

• Nota

(17)

(18)

17

Resultados, planos, gráficas, prototipos, maquetas,

programas, entre otr os

Se obtuvo como producto la creación de una página Web para el departamento de Gestión y vinculación, a continuación se presentaran las pantallas que constituyen la página Web.

(19)

18

Ilustración 17.- Re direccionará desde el sistema

Ilustración 18.- Vista de Contacto:

, me enviara a la página principal del Instituto Tecnológico de Colima.

(20)

19

Ilustración 19.-Sub-Menú.

Ilustración 20.- Vista principal del sistema

Esta será la primera vista que aparecerá después de teclear el username y password correcto. Muestra el menú del sistema, el cual está formado por, reportes, calendario, usuario, instructor, administrador y alta usuario curso.

(21)

20

Vistas de reportes

Ilustración 21.- Vista de Reportes

Ilustración 22.- Reporte de Curso

Los distintos tipos de reporte (reporte de curso, reporte de contenido, reporte de curso instructor, reporte curso usuario) que el sistema brinda.

(22)

21

Ilustración 23.- Reporte de Contenido

Ilustración 24.- Agregar nuevo contenido

En esta vista se aprecia el número de curso, el área a la que pertenece dicho curso, nombre y la dirección donde se almacena el contenido (programa) del curso.

(23)

22

Ilustración 25.- Reporte de Instructor Curso

Vistas de Instructor

Ilustración 26.- Lista de Instructores

Relación de los instructores de cada uno de los cursos.

(24)

23

Ilustración 27.- Modificar Instructor

Ilustración 28.- Vista de datos modificados Actualización de datos nuevos.

(25)

24

Ilustración 29.- Agregar Instructor

Vistas de administrador

Ilustración 30.- Lista de administradores

Formulario para dar de alta un nuevo instructor, nota si algún dato no es llenado, no se podrá agregar instructor.

(26)

25

Ilustración 31.- Modificar Administrador

Ilustración 32.- Agregar nuevo Administrador

. Datos a modificar.

(27)

26 Vista de Usuario curso

Ilustración 33.- Reporte de usuario.

Ilustración 34.- Agregar usuario a curso

.

Usuarios dados de alta en la base de datos.

(28)

27

Ilustración 35.- Vista de Curso Activos

Ilustración 36.- Lista de usuarios en curso

Seleccionar de los cursos que están activos en el momento.

(29)

28 Vistas usuario

Ilustración 37.- Lista de Usuarios

Ilustración 38.- Modificar usuario

Lista de todos los usuarios que estén registrados en la base de datos, permite modificar y eliminar.

(30)

29

Ilustración 39.- Agregar nuevo Usuario

Vistas de Cursos

Ilustración 40.- Áreas de cursos

Formulario para dar de alta por primera vez a un usuario.

(31)

30

Ilustración 41.- Lista de Cursos

Ilustración 42.- Modificar Curso

Al seleccionar un Área se muestran los cursos relacionados, en esta parte se podrá modificar o eliminar algún curso.

(32)

31 Vistas de calendario y programación

Ilustración 43.- Calendario

Ilustración 44.- Mostrar lista de cursos programados

Calendario de programación por mes, la selección direcciona a la lista de cursos de dicho mes.

(33)

32

Ilustración 45.- Agregar Programación

Ilustración 46.- Programación

Formulario para agregar nueva programación.

(34)

33

Conclusiones y recomendaciones

Conclusión

• A veces creemos saberlo todo pero no es así, siempre hay cosas nuevas de las cuales tenemos que tener conocimiento previo a ello y si no se tiene se debe buscar la manera de obtenerlo, ya que será muy útil en la vida.

• El realizar este proyecto me doy cuenta que en el mundo “laboral” existen diferentes problemáticas, las cuales necesitan una solución adecuada. Se debe analizar muy bien la situación del problema, recopilar información y principalmente conocer al “Usuario” que tendrá interacción con el sistema, porque de él depende todo aquello que se realice.

• Me llevo mucho conocimiento al concluir con este proyecto; algo que me servirá a lo largo de mi vida, ya que fue el primer proyecto basado en la realidad en el que he participado.

Recomendaciones

• Para que el sistema funcione correctamente se deberá estar actualizando la información cada vez que sea necesario, ya que los reportes se realizarán con base a la información contenida en la Base de Datos.

• El sistema puede ser complementado con otros módulos, tales como :

o Creación de Racionamientos.

o Constancias de Curso

(35)

34

Competencias desarrolladas y/o aplica das

• Analizar técnicas y metodologías para la planeación de un proyecto de desarrollo de Sistema de Información.

• Analizar diversas alternativas de solución a partir de la identificación y definición de requerimientos especificados por el cliente.

• Establecer una propuesta para el análisis y diseño de un proyecto de software de acuerdo a la alternativa de solución planteada o establecida.

• Planificar y gestionar proyectos de sistemas de información con base en una metodología de desarrollo.

• Aplicar principios de ingeniería del software en las etapas de análisis y diseño de un sistema de información.

• Modelar casos de uso acorde a los requerimientos del proyecto.

• Documentar el proyecto.

• Diseñar esquemas de bases de datos para generar soluciones al tratamiento de información.

• Capacidad de aplicar los conocimientos en la práctica.

• Habilidades de investigación.

• Capacidad de aprender.

• Capacidad de generar nuevas ideas (creatividad).

• Habilidad para trabajar en forma autónoma.

• Adquirir bases y fundamentos sobre metodologías de desarrollo de software e implementación de éstas.

• Aplicar conocimientos de herramientas CASE para el desarrollo de sistemas de información.

• Aplicar técnicas de uso de métricas en la elaboración de sistemas de información.

• Aplicar técnicas actuales orientadas al mantenimiento de sistemas de información.

• Aplicar los conocimientos adquiridos en la elaboración de un programa de implementación.

• Conocer y aplicar las diferentes métricas de diseño.

• Conocer y aplicar adecuadamente la simbología UML.

(36)

35

• Desarrollar e implementar sistemas de información con técnicas y herramientas para la Web en distintas plataformas.

• Tomar decisiones con base en los elementos teórico-práctico adquirido que permitan optimizar costos en soluciones informáticas bajo ambiente Web.

• Diferenciar las características de un sistema de bases de datos centralizados y uno distribuido.

• Elaborar consultas y operaciones sobre BDD.

• Distinguir las características de una base de datos orientada a objetos.

• Diseñar BDOO.

• Elaborar consultas y operaciones sobre una BDOO.

• Diferenciar las características de un sistema de bases de datos distribuido y un sistema multibases de datos.

• Conocer los distintos aspectos de programación cliente servidor.

• Conocer, diseñar y desarrollar aplicaciones atendiendo la arquitectura cliente servidor.

• Crear e implementar un servicio web.

Bibliogr afía

Anonimo. (2016 de 06 de 01). Librosweb. Obtenido de

http://librosweb.es/libro/bootstrap_3/capitulo_5/formularios_horizontales.html EllisLab. (2016 de 03 de 02). Codeigniter. Obtenido de https://www.codeigniter.com/

Oswald K. (2016 de 03 de 02). XAMPP. Obtenido de https://www.apachefriends.org/es/index.html Otto M. (2016 de 03 de 02). Getbootstrap. Obtenido de http://getbootstrap.com/

Real Academia Española y Asociación de Academias de la Lengua Española. (2016 de 05 de 31). Diccionario panhispánico de dudas. Obtenido de