3 INSTITUTO SUPERIOR TECNOLÓGICO VIDA NUEVA TECNOLOGÍA SUPERIOR EN DESARROLLO DE SOFTWARE TEMA DEL EXAMEN DE GRADO PRÁCTICO: SISTEMA DE GESTIÓN DE ASISTENCIAS ESTUDIANTILES, CON GENERACIÓN DE REPORTES, APLICANDO CODELGNITER Y MYSQL. AUTOR: JULIO JAVIER QUISHPE CHANCUSI. TUTOR: M. Sc. DARWIN ARIAS MARTÍNEZ FECHA: DICIEMBRE 2021 QUITO – ECUADOR 3 CERTIFICACIÓN En mi calidad de docente tutor del informe del Examen de Grado componente Práctico: Sistema de gestión de asistencias estudiantiles con generación de reportes, aplicando Codelgniter y MySQL, en la ciudad de Quito, presentado por el Sr/Srta. Quishpe Chancusi Julio Javier, para optar por el título de Tecnólogo(a) Superior en Desarrollo de Software, certifico, que dicho informe ha sido revisado en todas sus partes y considero que reúne los requisitos y méritos suficientes para ser sometido a la presentación pública y evaluación por parte del tribunal examinador que se designe. -----------------------------------------------------Docente Tutor: M. Sc Darwin Arias Martínez 3 ÍNDICE 1. INTRODUCCIÓN ....................................................................................................................1 2. OBJETIVOS .............................................................................................................................2 2.1 OBJETIVO GENERAL ......................................................................................................2 2.2 OBJETIVOS ESPECÍFICOS ..............................................................................................2 3. DESARROLLO ........................................................................................................................3 a. CASO DE USO ..................................................................................................................3 b. DIAGRAMA DE SECUENCIA .........................................................................................3 3.1 MARCO TEÓRICO ...........................................................................................................5 3.1.1 SOFTWARE .............................................................................................................5 3.1.2 SISTEMA WEB. .......................................................................................................5 3.1.3 MYSQL. ....................................................................................................................5 3.1.4 PHP. ..........................................................................................................................5 3.1.5 CODELGNITER. ......................................................................................................5 3.1.6 XAMPP .....................................................................................................................6 3.1.7 BOOTSTRAP............................................................................................................6 3.1.8 MODELO VISTA CONTROLADOR.......................................................................6 3.2 METODOLOGÍA ...............................................................................................................7 3.2.1 MÉTODO EXPERIMENTAL........................................................................................7 3.2.2 MÉTODO EMPÍRICO. ..................................................................................................7 3.2.3 MODELO DESARROLLO INTERACTIVO INCREMENTAL. ..................................7 4. 5. 3.3 PROCEDIMIENTO ............................................................................................................8 3.4 PROPUESTA ................................................................................................................... 12 CONCLUSIONES Y RECOMENDACIONES....................................................................... 13 4.1 CONCLUSIONES ............................................................................................................ 13 4.2 RECOMENDACIONES ................................................................................................... 13 REFERENCIAS ...................................................................................................................... 14 5.1 BIBLIOGRAFÍA ..................................................................................................................... 14 6. ANEXOS ................................................................................................................................ 15 3 ÍNDICE DE ILUSTRACIONES Ilustración 1. Casos de Uso Docente. Elaborado por Autor. ................................................. 3 Ilustración 2. Diagrama de Secuencia. Elaborado por Autor…………………………. ....... 3 Ilustración 3. Creación de la base de datos sistema asistencia.Elaborado por Autor………..8 Ilustración 4. Conexión del sistema con la base de datos. Elaborado por Autor. .................. 9 Ilustración 5.Framework Codelgniter que trabaja con MVC. Elaborado por Autor………..10 Ilustración 6. Funciones dentro del MVC. Elaborado por Autor ........................................ 10 Ilustración 7. Ingreso al sistema. Elaborado por Autor ....................................................... 11 Ilustración 8. Datos del estudiante. Elaborado por Autor.................................................... 11 Ilustración 9. Informe de asistencia. Elaborado por Autor. ................................................. 12 Ilustración 10. Inicio de sesión. Elaborado por Autor. ........................................................ 15 Ilustración 11. Menú Principal. Elaborado por Autor…………………………. ................ 15 Ilustración 12. Información del docente.Elaborado por Autor……………………………..16 Ilustración 13. Información del estudiante. Elaborado por Autor. ...................................... 16 Ilustración 14. Reporte de asistencia. Elaborado por Autor. ............................................... 16 1 1. INTRODUCCIÓN Los llamados avances tecnológicos que cada día van evolucionando, han generado un gran impacto en instituciones educativas, las cuales se han visto en la necesidad de adaptarse a estos cambios con el fin de optimizar sus recursos y automatizar sus procesos. Al irse generando nuevas herramientas tecnológicas en las instituciones, se generó varios beneficios, mutuos tanto para el personal administrativo, docente y estudiantil originando un ambiente de armonía. El manejo de un Sistema de Control de Asistencia es de vital importancia para el desarrollo de cualquier Institución Educativa, ya que este representa el medio más eficaz para agilizar los procedimientos que en ella se desarrollan, originando una mayor productividad en las instituciones que acceden a estos beneficios que genera este tipo de sistema. Para esto usando de manera adecuada, los diferentes programas y herramientas actuales que se encuentran en internet, se puede generar un sistema de gestión de asistencia, que contenga las herramientas necesarias para realizar los procesos de manera eficaz, ágil y optimizando los recursos de las instituciones educativas. Para llegar a la obtención de manera exitosa de estos propósitos antes mencionados , el presente trabajo de titulación compone desarrollar un sistema de gestión de asistencias estudiantiles con generación de reportes, aplicando Codelgniter y MySQL. 2 2. OBJETIVOS 2.1 OBJETIVO GENERAL Desarrollar un sistema de gestión de asistencias estudiantiles, con generación de reportes, aplicando Codelgniter y MySQL. 2.2 OBJETIVOS ESPECÍFICOS • Conectar la base de datos usando un lenguaje de programación adecuado. • Diseñar un software eficaz, moderno y fácil de manejar, que permita la interacción de tareas sin mayor complejidad y sin tener la necesidad de conocimientos adicionales. • Validar el correcto funcionamiento de la aplicación, mediante la realización de pruebas de caja blanca y negra. 3 3. DESARROLLO En base a los procedimientos mencionados con anterioridad y para comprender de mejor manera el funcionamiento del sistema se procedió a elaborar el diagrama de caso de uso y el de frecuencia, los cuales se muestran a continuación: a. CASO DE USO Ilustración 1 Casos de Uso Docente. Elaborado por: Autor b. DIAGRAMA DE SECUENCIA Ilustración 2 Diagrama de Secuencia. Elaborado por: Autor 4 CRONOGRAMA DE ACTIVIDADES SISTEMA DE GESTIÓN DE ASISTENCIAS ESTUDIANTILES, CON GENERACIÓN DE REPORTES, APLICANDO CODELGNITER Y MYSQL. Investigación general, objetivos generales y específicos REVISIÓN 1. DOCENTE GUÍA. Análisis y diseño del marco teórico y delimitación de la estructura del programa. REVISIÓN 2 DOCENTE GUÍA. Determinar metodología a usar y elaboración de la base de datos. REVISIÓN 3 DOCENTE GUÍA. SEMANA 2 SEMANA 1 SEMANA 4 DICIEMBRE SEMANA 3 SEMANA 2 SEMANA 1 NOVIEMBRE SEMANA 5 SEMANA 4 SEMANA 3 FASES OCTUBRE SEMANA 2 MESES X X X X X X Completar y verificación de correcciones de la documentación. X REVISIÓN 4 DOCENTE GUÍA. X Entrega del programa con sus respectivas pruebas de funcionamiento. REVISIÓN FINAL DOCENTE GUÍA. X X Tabla 1. Cronograma de Actividades. Elaborada por: Autor. 5 3.1 3.1.1 MARCO TEÓRICO SOFTWARE El denominado software de aplicaciones es un sistema de gran utilidad y necesario, ya que es usado en la realización de tareas asignadas, cumpliendo con funciones específicas, para contribuir en el buen desenvolviendo del usuario. (Luis, 2012, pág. 28) 3.1.2 SISTEMA WEB. Se conoce o se define a un sistema web a las aplicaciones de software, que se pueden utilizar accediendo en conjunto con un servidor web, mediante el uso de Internet o Intranet mediante un navegador. (Luis T. , 2012). Según (Luis T. , 2012)“En la actualidad los sistemas hacen uso de la tecnología y la información, la cual facilita la toma de decisiones y mejora el control dentro de una institución”. Por este motivo es que las , instituciones educativas buscan en la actualidad la innovación y estar siempre caminado de la mano con la tecnología. 3.1.3 MYSQL. Es considerada como la base de datos más popular y de gran importancia en el mundo , principalmente por sus características que han ido evolucionando con el pasar de los años, lo que ha originado que se convierta en unas de las principales herramientas para la elaboración de aplicaciones o sistemas web. Su definición como un gestor de bases de datos es usado para mover enormes cantidades de información, además permite su interrelación, con los lenguajes de programación más útiles (Sanchez, 2016). 3.1.4 PHP. PHP es un lenguaje de programación el cual maneja un código abierto muy popular, usado en la elaboración del desarrollo web y que puede ser inmiscuido dentro de HTML. Es muy popular debido al gran número de páginas y portales web elaboradas en PHP. Código abierto quiere decir que es de uso libre y gratuito para todos los programadores que deseen hacer uso del mismo. (Chiluisa, 2011). 3.1.5 CODELGNITER. Es nada más y nada menos que un framework de aplicación web que usa codificadores de procesadores de hipertexto PHP. El framework se caracteriza por que permite a los desarrolladores web elaborar sus proyectos de una forma más ágil y rápida de lo que podrían 6 hacerlo, ya que usan el recurso de no escribir el código desde cero. Por otro lado, cabe mencionar ,debido a que es un software de código abierto, codelgniter es adaptable, accesible y asequible, cabe recalcar que este framework trabaja con la modelo vista controlador mejor conocido como MVC.(Pressman, 2003). 3.1.6 XAMPP XAMPP es una aplicación o redistribución de Apache conformada por varios softwares libres. A continuación, se menciona algunos de los softwares que los conforman: • Linux: Se diferencia de Windows, ya que posee una distribución libre que da seguridad, posee alto rendimiento y no es necesario el pago de licencias. • Apache: Es un servidor web de código abierto esta aplicación es usada globalmente en especial para la entrega de contenidos web. • MySQL/MariaDB: XAMPP cuenta con uno de los sistemas relacionales de gestión de bases de datos más populares del mundo. En combinación con el servidor web Apache y el lenguaje PHP, MySQL sirve para el almacenamiento de datos para servicios web. En las versiones actuales de XAMPP esta base de datos se ha sustituido por MariaDB. (Chiluisa, 2011). 3.1.7 BOOTSTRAP. Se denomina a Bootstrap como un kit de herramientas de acceso libre es decir código abierto para desarrollos web, se complementa con HTML, CSS y JavaScript. Con él uso de esta herramienta se puede dar forma a un sitio web mediante el uso de sus librerías CSS y JavaScript. Está constituida por diferentes complementos como : ventanas modales, menús, cuadros, botones, formularios en si todo lo necesario para conformar un buen trabajo (Sanchez, 2016) 3.1.8 MODELO VISTA CONTROLADOR. Para simplificar, el Modelo Vista Controlador (MVC) no es más una arquitectura de software que su principal función, es separar el código en diferentes capas, con el fin de seguir un procedimiento más detallado y por fases, su base principal es la separación del código en tres capas diferentes, Modelos, Vistas y Controladores. (Sanchez, 2016) 7 3.2 METODOLOGÍA 3.2.1 MÉTODO EXPERIMENTAL Origen: su origen se da a partir de la propia experiencia que vive el ser humano, obtenida en la práctica diaria, se basa fundamental en su estilo de vida, es como así el hombre va obteniendo su propio conocimiento, de una manera espontánea. 3.2.2 MÉTODO EMPÍRICO. El método empírico-analítico se fundamenta en la experimentación y la lógica empírica, consiste en desarrollar técnicas como el, observar, medir y experimentar la realidad que queremos conocer. • La observación científica es el primer proceso básico y fundamental que se lleva a cabo en una investigación. Se deslinda del examen directo de una realidad (una cosa, una conducta, etc.) tal y como se presenta de forma espontánea así poder obtener datos para su posterior análisis. Para obtener una buena observación, necesitamos tener criterios de estudio a los que denominaremos categorías, con el propósito intentar comprender y así poder describir, definir lo que estamos observando. 3.2.3 MODELO DESARROLLO INTERACTIVO INCREMENTAL. Mediante el uso del modelo de desarrollo interactivo e incremental se puede planificar y fraccionar el proyecto en diversos bloques parciales, en el caso de Scrum las llamadas iteraciones. Las iteraciones no son más que mini proyectos en todas las iteraciones se repite un proceso de trabajo similar (de ahí se deriva el nombre “iterativo”) y así proporcionar un resultado completo sobre producto final, de manera que el cliente pueda ir verificando el avance del proyecto de forma incremental. Para lograr esto , cada requisito se debe completar en una sola iteración: para esto el equipo de trabajo, debe realizar todas las tareas necesarias que permita completarlo (es necesario incluir pruebas y documentación) y así pueda estar preparado para ser entregado al cliente. De esta forma no se compromete al final del proyecto ninguna actividad que pueda producir un retroceso en la evolución del mismo. 8 En cada iteración el equipo va haciendo evolucionar el producto (hace una entrega incremental) partiendo de los resultados completados en las iteraciones anteriores, añadiendo nuevos objetivos/requisitos o mejorando los que ya fueron completados. 3.3 PROCEDIMIENTO En base al tema expuesto y planteado se ha planificado de la siguiente manera la implementación del mismo: Planificación del proyecto en función a la metodología utilizada. • Recolección de datos por medio de la técnica de la investigación para conocer mejor que herramientas son necesarias en la elaboración del sistema. • Comprensión de la problemática de una manera clara y determinar el problema a solucionar. • Plantear las posibles soluciones que se generan a partir de la problemática. • Obtener los requisitos del sistema adecuado. • Obtener especificaciones técnicas. • Desarrollar del sistema. • Ejecución del sistema. • Prueba del Sistema. El primer paso a realizar es crear nuestra base de datos en XAMPP Ilustración 3. Creación de la base de datos sistema asistencia Elaborado por: Autor 9 Luego de esto se procede a enlazar nuestro sistema con la base de datos. Ilustración 4 Conexión del Sistema con la base de datos. Elaborado por: Autor 10 Configuración del Framework Codelgniter que trabaja con el MVC. Ilustración 5 Framework Codelgniter que trabaja con el MVC. Elaborado por: Autor En vista a que Codelgneiter trabaja, con el MVC se puede dividir en tres fases los modelos, las vistas y los controladores dentro de cada ello se puede encontrar los permisos, la configuración los modelos, las vistas, las funciones, las clases etc. Ilustración 6 Funciones dentro del MVC. Elaborado por: Autor 11 Vista de la interfaz del sistema de asistencias, para poder acceder al programa el usuario debe estar debidamente registrado con su rol correspondiente a docente Ilustración 7 Ingreso al sistema. Elaborado por: Autor Interfaz gráfica donde se presenta los datos del estudiante Ilustración 8 Datos del estudiante. Elaborado por: Autor 12 Informe de asistencia para su posterior impresión Ilustración 9.Informe de asistencia. Elaborado por: Autor 3.4 PROPUESTA Actualmente en Ecuador las instituciones educativas han ido evolucionando en su sistema de ingreso de asistencia, pero el mencionado anteriormente no es accesible en algunos sectores, ya que estos se ven afectados por diferentes motivos, como accesibilidad, conexión, falta de herramientas tecnológicas entre otras. Definiendo la problemática el presente proyecto busca automatizar el proceso de registro de asistencia y generación de reportes, que pueda ser implementado en cualquier institución educativa, basándonos en algo fundamental que la institución posea un equipo informático adecuado. Para esto se han analizado los requisitos necesarios para la implementación del mismo, teniendo en cuenta que el sistema debe ser claro, manejable y entendible sin complejidad alguna, puesto que el mismo va hacer manipulado por el personal docente, de la institución que lo desee implementar. Así se podrá obtener grandes beneficios mediante el uso de este sistema, como por ejemplo la automatización en la generación de reportes de asistencia de cada estudiante, y así desechar por completo carpetas repletas de papeles o archivos innecesarios, esto generaría simplificar las tareas laborales y hacer de esta una ejecución más sencilla y precisa. 13 4. CONCLUSIONES Y RECOMENDACIONES 4.1 • CONCLUSIONES Se analizo la información obtenida en la fase de investigación y se pudo determinar que se puede construir un SGA (sistema de gestión de asistencias ) utilizando herramientas de PHP, MYSQL y Codelgniter, que sería de gran ayuda en la institución que deseen implementarla. • Se diseño un sistema de asistencia estudiantiles y generación de reportes, haciendo hincapié en la utilización de cualquier usuario, es por eso que se puso énfasis en crear un sistema sin mayor complejidad que sea claro, conciso y sobre todo cumpla su rol para el cual fue elaborado. • Se realizaron pruebas en la aplicación las fueron, de gran ayuda ya que permitió valorar el funcionamiento del mismo, detectar si había alguna falla y en base a esto se pudo concluir que todas las funciones y los procedimientos desarrollados fueron correctamente implementados. 4.2 • RECOMENDACIONES Para la elaboración del software se debe trabajar y basar en base a la problemática previamente definida no extenderse más allá del tema solicitado. • Es necesario contar con un equipo que cumpla con las características y requisitos adecuados para la implementación del sistema. • Las instituciones interesadas en el desarrollo del sistema, deberán facilitar la información necesaria y adecuada para poder implementar los requisitos del programa. • Se recomienda realizar una serie de pruebas antes de la implementación del sistema con el fin de garantizar su adecuado funcionamiento. 14 5. REFERENCIAS 5.1 BIBLIOGRAFÍA Chiluisa, H. y. (2011). Desarrollo de un sistema de inscripción y matriculación para el centro regional de formación industrial. En H. y. Chiluisa, Desarrollo de un sistema de inscripción y matriculación para el centro regional de formación industrial (pág. 162). Quito: Municipio de Quito. Recuperado el 05 de 04 de 2021 Conesa Juan, R. A. (2010). Introducción a .NET. En R. A. onesa Juan, Introducción a .NET. (pág. 187). España: 1 Edicion. Recuperado el 05 de 04 de 2021 INTECO (Instituto Nacional de Tecnología de la Comunicación). (12 de 02 de 2010). Curso de Desarrollo ágil. Recuperado el 05 de 04 de 2021, de Curso de Desarrollo ágil: Formato PDF. Disponible en http://emprendecaminos.com/docs/%5BAgil%5DCurso%20de%20Desarrollo%20 %C3%81gil.pdf. Luis, T. (13 de Junio de 2012). Software de aplicación. Recuperado el 05 de 04 de 2021, de Software de aplicación: http://www.articuloz.com/software-articulos/software-deaplicacion-1863431.html Luzardo G, C. D. (2010). Diseño e Implementación de un Sistema de Gestión de Contenidos Web Accesibles (Vol. Vol. 23.). Guayaquil: Revista Tecnológica ESPOL. Mario, F. (02 de 10 de 2005). EcuRed. Obtenido https://www.ecured.cu/Programaci%C3%B3n_Modular de EcuRed: Moromenacho Caiza, D. A. (10 de 05 de 2014). Desarrollo de una aplicación webde control de asistencias para programas de postgrado, mediante la utilización de la plataforma Java Enterprise Edition Jee6 Web aplicando la metodología Scrum. Obtenido de Desarrollo de una aplicación webde control de asistencias para programas de postgrado, mediante la utilización de la plataforma Java Enterprise Edition Jee6 Web aplicando la metodología Scrum.: http://repositorio.espe.edu.ec/xmlui/handle/21000/8557 Pressman, R. (2003). Ingeniería del Software. Un enfoque práctico. España: McGRAWHILL. Recuperado el 07 de 04 de 2021 Sanchez, J. (01 de 05 de 2016). Desarrollo de un sistema para el control administrativo de los equipos del GAD municipal de Pedro Carbo. Guayaquil Guayas Ecuador. Recuperado el 04 de 05 de 2021, de Desarrollo de un sistema para el control administrativo de los equipos del GAD municipal de Pedro Carbo. Guayaquil Guayas Ecuador. 15 6. ANEXOS Se realizará un sistema de registro de asistencia, con su posterior generación de reportes, para comprobar su funcionalidad se realiza las pruebas correspondientes obteniendo los siguientes datos que se muestran a continuación: 1. Pantalla de inicio de sesión el usuario se encuentra previamente registrado: Ilustración 10.Inicio de sesión. Elaborado por: Autor 2. Interfaz donde se muestra las opciones del Menú Principal. Ilustración 11.Menú Principal. Elaborado por: Autor 16 3. Información del Docente Ilustración 12.Información del docente. Elaborado por: Autor 4. Información del Estudiante. Ilustración 13.Información del estudiante. Elaborado por: Autor 5. Generación de reportes del estudiante. Ilustración 14.Reporte de asistencia. Elaborado por: Autor 17 EVALUACIÓN DE RESULTADOS. Pruebas de funcionalidad. Registro de Asistencias y Generación de Reportes Escenario: Interfaz del usuario N:1 Nombre de las vistas: Inicio de sesión y registro de asistencias Responsable/ evaluador: M. Sc. Darwin Arias Martínez Precondiciones: Estar registrado (a) Datos de Entrada Nombre de usuario y contraseña Fecha:30/11/2021 Descripción del • Ingresar usuario (usuario previamente registrado) Proceso • Acceder al curso que se desea tomar asistencia • Se guarda la asistencia • Se puede modificar asistencia. • Genera reportes Resultado El ingreso, toma de asistencia y generación de reportes exitoso. Recomendación u Cumplimiento SI: X NO: NINGUNA Observación Tabla 2. Prueba de funcionalidad, registro de asistencias. Elaborada: por Autor
