diseño de un aplicativo web para el control de asistencias

65
i Diseño De Un Aplicativo Web para el Control De Asistencias En Lenguaje Preprocesador de Hipertexto Julieth Kristina Ortíz Rojas Paula Andrea Rojas Gómez Universidad Cooperativa De Colombia Facultad De Ingeniería De Sistemas Programa Ingeniería De Sistemas Sede Ibagué Espinal 2018

Upload: others

Post on 22-Jul-2022

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Diseño De Un Aplicativo Web para el Control De Asistencias

i

Diseño De Un Aplicativo Web para el Control De Asistencias En Lenguaje

Preprocesador de Hipertexto

Julieth Kristina Ortíz Rojas

Paula Andrea Rojas Gómez

Universidad Cooperativa De Colombia

Facultad De Ingeniería De Sistemas

Programa Ingeniería De Sistemas

Sede Ibagué – Espinal

2018

Page 2: Diseño De Un Aplicativo Web para el Control De Asistencias

ii

Diseño De Un Aplicativo Web Para El Control De Asistencias En Lenguaje

Preprocesador de Hipertexto

Julieth Kristina Ortíz Rojas

Paula Andrea Rojas Gómez

Profesor Disciplinar

Esp. Luis Carlos Barreto

Director Metodológico

Mg. Cesar Augusto Cruz Ramírez

Universidad Cooperativa De Colombia

Facultad De Ingeniería De Sistemas

Programa Ingeniería De Sistemas

Sede Ibagué – Espinal

2018

Page 3: Diseño De Un Aplicativo Web para el Control De Asistencias

iii

Tabla de contenido

1 Diseño De Un Aplicativo web para el control de asistencias en lenguaje preprocesador

de hipertexto .............................................................................................................................. 10

2 Problema ................................................................................................................. 11

2.1 Descripción Del Problema ................................................................................ 11

3 Formulación Del Problema ...................................................................................... 12

4 Justificación ............................................................................................................. 13

5 Marco Referencial.................................................................................................... 14

5.1 Marco Teórico .................................................................................................. 14

5.1.1 Tratamiento de la información ..................................................................... 17

5.1.2 Arquitectura Del Software ........................................................................... 20

5.1.3 Partes Que Componen El Sistema ............................................................... 21

5.1.4 Características De La Arquitectura Cliente-Servidor ................................... 21

5.1.5 Características Adicionales.......................................................................... 23

5.2 Marco De Antecedentes .................................................................................... 29

5.3 Marco Conceptual ............................................................................................. 30

6 Objetivos ................................................................................................................. 33

6.1 Objetivo General............................................................................................... 33

6.2 Objetivos Específicos........................................................................................ 33

Page 4: Diseño De Un Aplicativo Web para el Control De Asistencias

iv

7 Metodología ............................................................................................................. 34

7.1 Enfoque ............................................................................................................ 34

7.2 Tipo .................................................................................................................. 34

8 Desarrollo De Los Objetivos .................................................................................... 35

8.1 Realizar un análisis estadístico de las asistencias a clase de los alumnos. .......... 35

8.1.1 Fuentes Y Técnicas Para La Recolección De La Información ...................... 35

8.2 Determinar la eficiencia y rapidez en los diferentes procesos que conlleva al

control de asistencia de los alumnos. ...................................................................................... 37

8.3 Identificar los actores que Intervienen en el proceso de asistencia en dicha

Institución. 38

8.3.1 Diagrama Casos De Uso Del Sistema Actual ............................................... 38

8.3.2 Diagrama Casos De Uso Del Sistema Propuesto .......................................... 39

8.3.3 Diagrama Conceptual De Datos................................................................... 40

9 Diseño ..................................................................................................................... 41

10 Conclusión ........................................................................................................... 63

11 Referencias........................................................................................................... 64

Page 5: Diseño De Un Aplicativo Web para el Control De Asistencias

v

Tabla de Figuras

Figura 1. Vista Cliente/Servidor ..................................................................................... 19

Figura 2. Caso De Uso Sistema Actual ........................................................................... 38

Figura 3. Caso De Uso Sistema Propuesto ...................................................................... 39

Figura 4. Diagrama Conceptual De Datos ....................................................................... 40

Figura 5. Inicio Y Portada De La Página ........................................................................ 41

Figura 6. Continuación Del Inicio .................................................................................. 41

Figura 7. Finalización Del Inicio .................................................................................... 42

Figura 8. ¿Quiénes Somos?, Reseña ............................................................................... 43

Figura 9. Misión ............................................................................................................. 43

Figura 10. Visión ........................................................................................................... 44

Figura 11. Los Docentes Más Destacados De La Institución ........................................... 44

Figura 12. Servicios Como El Psicólogo......................................................................... 45

Figura 13. Servicios Como La Biblioteca Y Nuestra Enfermería .................................... 45

Figura 14. Servicios Como El Bienestar Estudiantil Y Colegio ....................................... 46

Figura 15. Servicios Como La Escuela De Padres, que se realizan para mirar el

comportamiento de los alumnos. ................................................................................................ 46

Figura 16. Ingresar Para Iniciar Sesión ........................................................................... 47

Figura 17. El Menú De Administrador........................................................................... 47

Figura 18. La Opción Del Menú De Agregar .................................................................. 48

Figura 19. La Opción De Agregar Profesor .................................................................... 48

Figura 20. La Opción De Agregar Asignatura................................................................. 49

Figura 21. La Opción De Agregar Estudiante ................................................................. 49

Page 6: Diseño De Un Aplicativo Web para el Control De Asistencias

vi

Figura 22. La Opción De Agregar Administrador ........................................................... 50

Figura 23. La Opción De Agregar Asignaturas A Un Profesor ........................................ 50

Figura 24. Busca Por El Número De La Cédula Para Actualizar La Información Del

Profesor Que Desea Ver El Administrador ................................................................................. 51

Figura 25. El Profesor Puede Actualizar Su Información ................................................ 51

Figura 26. El Administrador Actualiza La Información Del Estudiante Por Código ........ 52

Figura 27. El Administrador Actualiza La Información Al Estudiante Con Su Respetivo

Acompañante ............................................................................................................................ 52

Figura 28. La Opción De Buscar .................................................................................... 53

Figura 29. La Opción De Buscar Profesor Y Estudiante ................................................. 53

Figura 30. La Opción De Buscar Usuario ....................................................................... 54

Figura 31. Buscar Profesor Por Sesión............................................................................ 54

Figura 32. La Información del Profesor Que Se Haya Buscado. ...................................... 55

Figura 33. Buscar Sesiones Por Fecha Tanto Inicio Como Final ..................................... 56

Figura 34. Sistema.......................................................................................................... 57

Figura 35. Actualizar Datos Del Usuario ........................................................................ 57

Figura 36. Se Realiza Copia De Seguridad Y Lo Genera Automáticamente Para No Tener

Pérdidas ..................................................................................................................................... 58

Figura 37. Los Docentes Pueden Ver Los Cursos Que Estén Dictando ........................... 58

Figura 38. Las Asistencias De La Asignatura Y Le Doy Clic En Biología, Sale El

Estudiante. El Rojo Significa Que Va Perdiendo ........................................................................ 59

Figura 39. Asistencias De Los Cursos, El Amarillo Significa Que Está En Estado Crítico

O Raspando (Si El Alumno No Se Pone Las Pilas Puede Perder Por Fallas) .............................. 60

Page 7: Diseño De Un Aplicativo Web para el Control De Asistencias

vii

Figura 40. Asistencias De Los Cursos, El Blanco Son Fallas Permitidas (Es Decir Que No

Va Perdiendo El Estudiante Por Fallas)...................................................................................... 60

Figura 41. Actualizar Contraseña Del Docente ............................................................... 61

Figura 42. Actualizar La Pregunta Secreta ...................................................................... 61

Figura 43. Vemos Las Opciones Que Se Escoge en la pregunta secreta. ......................... 62

Figura 44. Actualizar Datos Del Profesor ....................................................................... 62

Page 8: Diseño De Un Aplicativo Web para el Control De Asistencias

8

Introducción

Hoy en día las plataformas tecnológicas han tenido gran aceptación por parte de los

usuarios ya sean empresas privadas o públicas, creciendo así la demanda de nuevos servicios que

faciliten el trabajo y disminuyan el tiempo de realización de cada una de sus tareas diarias. La

tecnología en informática ha pasado a formar parte fundamental del crecimiento y desarrollo de

las empresas y de las instituciones educativas, ya que brinda herramientas de control y seguridad

en el manejo de los datos.

Con el objeto de mejorar y establecer eficiencia en el proceso de negocio a través de

nuevas alternativas tecnológicas, que ofrecen diferentes herramientas de gestión para el

mejoramiento continuo de las actividades diarias de las instituciones educativas y con el fin que

cumpla con las necesidades de sus usuarios y ofrecer un mejor servicio en las instituciones

Educativas.

Por este motivo utilizaremos el desarrollo de una alternativa viable en el proceso de la

asistencia a clase con la implementación de una plataforma tecnológica mediante la cual, la

institución Educativa Liceo María José de Espinal realice el proceso de registro y verificación de

asistencia de una forma más rápida, eficaz y segura al momento de manejar la información,

evitando el proceso manual que se viene realizando en la Institución, asegurando así un mayor

control en el ingreso de sus estudiantes. Donde los docentes, coordinadores podrían saber si los

estudiantes asistieron a clase para tomar las medidas necesarias a tiempo.

Page 9: Diseño De Un Aplicativo Web para el Control De Asistencias

9

Como se mencionó anteriormente, esta plataforma es un software que ofrece una interfaz

muy intuitiva, sencilla de fácil manejo que tiene los elementos necesarios para que los usuarios

que utilicen este servicio (profesores, coordinadores) realicen consultas sobre estado de los

alumnos en esta Institución también permitirá mejorar el almacenamiento, la actualización,

modificación de los datos y la generación de informes.

Page 10: Diseño De Un Aplicativo Web para el Control De Asistencias

10

1 Diseño De Un Aplicativo web para el control de asistencias en lenguaje

preprocesador de hipertexto

Page 11: Diseño De Un Aplicativo Web para el Control De Asistencias

11

2 Problema

2.1 Descripción Del Problema

Se ha visto que en la actualidad las instituciones de educación media siguen llevando de

manera manual la asistencia de los estudiantes donde dicha asistencia se hace a través de

documentos, es decir más comúnmente llamado formatos que cada docente realiza manualmente

y esta a su vez es llevada a los coordinadores de cada área para ser archivadas para un posible

análisis en cada uno de sus respectivos periodos académicos, esta información es limitada, muy

demorado, a causa de esto no se logra con exactitud si sus estudiantes están asistiendo al colegio

igualmente a sus respectivas clases.

Los padres de familia son enterados de dicha información después de un tiempo, a través

de la entrega boletines y demás citaciones que los docentes y coordinadores realizan.

Page 12: Diseño De Un Aplicativo Web para el Control De Asistencias

12

3 Formulación Del Problema

Se desarrolla un problema muy importante en este proceso ya que el área académica

realiza el manejo que tiene la Institución Educativa Liceo María José de Espinal con respecto al

registro de asistencia de los estudiantes en el encuentro presencial, es llevado de forma manual;

lo cual genera procesos que demandan bastante tiempo, ocasionando excesivo manejo de

documentación, dicho método en ocasiones no es confiable debido al margen de error al que se

está expuesto. Es importante tener en cuenta que al implementar un aplicativo de información,

además de ser un valor agregado, es una herramienta esencial que bien administrada permite

tomar decisiones importantes. Lo anterior puede ser resumido en una pregunta de investigación:

¿Cómo puede afectar el no sistematizar el control de asistencia actual en la institución?

Page 13: Diseño De Un Aplicativo Web para el Control De Asistencias

13

4 Justificación

Debido a los grandes avances en tecnología, es necesario que los colegios comiencen a

hacer uso de aplicaciones para facilitar el manejo de sus procesos ya sea académicos o

administrativos, dando así un mayor control, cobertura y eficacia en la educación de sus

estudiantes. En solución a lo anterior, están los Sistemas de Información automatizados que son

aquellos que se basan en la utilización de aplicaciones informáticas junto con bases de datos,

archivos o servicios; que se implantan sobre un soporte informático constituido por

computadores, dispositivos periféricos, redes de comunicación, software de base, etc.

Lo anterior permite observar varias ventajas con un sistema de información siendo las

más importantes: la reducción del tiempo de respuesta frente al estudiante y la disminución del

proceso académico, ya sea desde el docente quien toma la asistencia hasta el usuario final es decir

el padre de familia. Por consiguiente, la solución a esta problemática sería la implementación del

software que puede ser capaz de asumir el tiempo real del docente donde pueda determinar las

acciones que él debe tomar; respecto al estudiante que falle mucho en sus clases y que los padres

de familia puedan ser informados inmediatamente la asistencia o ausencia de su hijo, para así

mejorar la calidad de educación del alumno y reducir la ineficiencia en la institución.

Page 14: Diseño De Un Aplicativo Web para el Control De Asistencias

14

5 Marco Referencial

5.1 Marco Teórico

Durante en el transcurso del semestre en el proyecto de grado nos enfocamos en

desarrollar un sistema de información, los cuales es un conjunto de componentes que

interaccionan entre sí para lograr un objetivo común. Además, a lo largo de la historia el hombre

ha necesitado transmitir y tratar información de forma continua. Aún están en el recuerdo las

señales de humo y los destellos con espejos que fueron utilizados hace ya bastantes años, y es

más recientemente los mensajes transmitidos a través de cables utilizando el Código Morse o la

propia voz por medio del teléfono. La sociedad no ha parado de crear máquinas y métodos para

procesar la información. Con este fin surge la Informática, como una ciencia encargada del

estudio y desarrollo de estos artefactos y técnicas. (Dip, 2009)

La informática se generó para ayudar al hombre en aquellos trabajos rutinarios y

repetitivos, generalmente de cálculo y de gestión, donde es frecuente la repetición de tareas. La

idea es que una máquina puede realizarlos mejor, aunque siempre bajo la supervisión del

individuo. Por tal razón, este término se creó en Francia en el año 1962 con la denominación,

Informatique, y procede de la contracción de las palabras information automatique.

Posteriormente fue reconocido por el resto de países, siendo adoptado en España en 1968 con el

nombre de Informmica, de lo que puede deducirse fácilmente, información automattca. (Cano,

2011)

Page 15: Diseño De Un Aplicativo Web para el Control De Asistencias

15

En los países anglosajones se conoce con el nombre de Computer Science. Esto se puede

definir de muchas formas y de hecho aparece en diversas publicaciones con una gran variedad de

significados, si bien todas ellas giran en torno a la misma. Nosotras vamos a utilizar el concepto

más extendido: Informática, esta ciencia que estudia el tratamiento automático y racional de la

información. Por ende, se dice que el tratamiento es automático por ser máquinas las que realzan

los trabajos de captura, proceso y presentación de la información; y se habla de la parte racional

por estar todo el proceso definido a través de programas que siguen el razonamiento humano.

(Parra, 2014) Entonces, la ciencia se encuentra incluidas una serie de funciones de las que

mencionamos a continuación:

El desarrollo de nuevas máquinas.

El desarrollo de nuevos métodos de trabajo.

La construcción de aplicaciones informáticas.

Mejorar los métodos y aplicaciones existentes.

Desde la aparición de las primeras máquinas de cálculo, no se ha parado la investigación

para obtener aparatos cada vez más potentes, rápidas, pequeñas y baratas. Por otra parte, en

paralelo con el desarrollo de estas, tampoco se detiene la indagación para conseguir nuevos

métodos de trabajo, novedosas formas de explotación de las máquinas e innovadores modos de

compartir los recursos. La función de creación de aplicaciones informáticas se refiere al

desarrollo de programas para que las máquinas realicen el trabajo para los que han sido creadas.

Así mismo, hablaremos de los elementos y detalles relacionados con el mundo de la Informática,

conviene dar conceptos de sus componentes más importantes. Desde el punto de vista, el

Page 16: Diseño De Un Aplicativo Web para el Control De Asistencias

16

elemento físico utilizado para el tratamiento de la información es el computador, computadora u

ordenador, que puede ser definido de la siguiente manera:

La Computadora, es una máquina compuesta de elementos físicos, en su mayoría de

origen electrónico, capaz de realizar una gran variedad de trabajos a gran velocidad y con gran

precisión, siempre que se le den las instrucciones adecuadas. Además, el conjunto de órdenes que

se dan a un computador para realizar un proceso determinado se denomina programa, mientras

que el conjunto de uno o varios programas que permiten realizar una tarea determinada

aplicación informática (Torales, 2008). Igualmente, el término sistema informático se utiliza para

nombrar al conjunto de elementos necesarios (computadoras, terminales, impresoras, etc.) para la

realización y explotación de aplicaciones de la misma. Más aun, la información es el elemento

que hay que tratar y procesar cuando en el computador ejecutamos un programa, y se define

como todo aquello que permite adquirir cualquier tipo de conocimiento; por tanto, existirá

información cuando se dé a conocer algo que se desconoce. (Useche, 2013)

Los datos que maneja un programa son en un principio informaciones no elaboradas y una

vez procesados (ordenados, sumados, comparados, etc.) constituyen lo que se denomina

información útil o simplemente resultados. A su vez, para que una información sea tratada

necesita transmitirse o trasladarse de un lugar a otro, y para que exista transmisión de

información son necesarios tres elementos (Navarro, 2006):

El emisor que da origen a la información.

El medio que permite la transmisión.

El receptor que recibe la información.

Page 17: Diseño De Un Aplicativo Web para el Control De Asistencias

17

5.1.1 Tratamiento de la información

Es el conjunto de operaciones que se realizan sobre una información. Estas operaciones

siguen una división lógica que se representa de la siguiente manera:

Entrada:

- Recogida de datos

- Depuración de datos

-Almacenamiento de datos

Proceso:

- Aritmético

-Lógico

Salida:

- Recogida de resultados

- Distribución de resultados

En términos generales, se denomina entrada al conjunto de operaciones cuya misión es

tomar los datos del exterior y enviarlos a la computadora; para eso en ocasiones es necesario

realizar operaciones de depuración o validación de los mismos. Estos datos tienen que quedar en

la memoria del ordenador para su posterior tratamiento. Al conjunto de operaciones que elaboran

los datos de entrada para obtener los resultados se le llama proceso o algoritmo, y consiste

Page 18: Diseño De Un Aplicativo Web para el Control De Asistencias

18

generalmente en una combinación adecuada de operaciones de origen aritmético y de tipo lógico.

Por último, se denomina salida al conjunto de operaciones que proporcionan los resultados de un

proceso a las personas correspondientes. Se engloban en la salida también aquellas operaciones

que dan forma a los resultados y los distribuyen adecuadamente. El algoritmo necesario para la

resolución de un problema queda definido cuando una aplicación informática es analizada, y

posteriormente cada proceso se codifica en un lenguaje que sea reconocible por la máquina bien

sea directa o indirectamente, y tras una preparación final obtendremos una solución ejecutable

por la computadora. Seguidamente, vamos a definir los tres pilares básicos en los que se sustenta

la informática son (Mamani, 2014):

El elemento físico (hardware).

El elemento lógico (software).

El elemento humano (personal informático).

Actualmente, se utiliza el término firmware para denominar cierta parte del software que

las computadoras traen pregrabadas desde su fabricación y que puede estar en memorias de soto

lectura ROM (Read Only Memory) o incorporada en su propia circuitería. El programa más

conocido de este tipo es el que entra en funcionamiento cuando se conecta una computadora y

que permite el arranque de la misma se denomina arrancador. Hoy en día, se han creado una serie

de términos referidos a determinados elementos o ámbitos de carácter no general (Molina, 2013).

Incluso en los sistemas de información se encuentran muchos componentes de lenguaje de

programación, como hemos dicho en el desarrollo del proyecto va a llevar la parte del diseño y la

programación; las cuales existen unos lenguajes de programación: como Visual Basic, Visual

Page 19: Diseño De Un Aplicativo Web para el Control De Asistencias

19

Firefox, Java, Punto Net, JavaScript, PHP, etc…; y llegamos a la conclusión de trabajar con el

lenguaje PHP que nos da una definición trascendental.

El PHP es un preprocesador de hipertexto, lenguaje de programación interpretado,

diseñado originalmente para la creación de páginas webs dinámicas. Es usado principalmente en

interpretación del lado del servidor, pero en este momento puede ser utilizado desde una interfaz

de línea de comandos o en la creación de otros tipos de programas. También es interpretado como

de propósito general ampliamente usado, diseñado especialmente para desarrollo web y puede ser

incrustado dentro de código HTML. Generalmente se ejecuta en un servidor web, tomando el

código en PHP como su entrada y creando páginas web como salida. Esto se trabaja desde un

punto vista Cliente/Servidor, como se demuestra en la figura 1:

Figura 1. Vista Cliente/Servidor

Fuente: (APR, 2018)

Sin embargo, los sistemas de información influyen en el almacenamiento en los cuales se

destaca los motores de base de datos, entre ellos se encuentra MYSQL se da un concepto breve:

en un sistema de gestión de base de datos relacional, multihilo y multiusuario, y demás es muy

utilizados en aplicaciones web; en cierto modo, su gran ventaja que trabaja en plataformas

Page 20: Diseño De Un Aplicativo Web para el Control De Asistencias

20

(Linux/Windows-Apache-MySQL-PHP/Perl/Python). Su popularidad como aplicación web está

muy ligada a PHP, que a menudo aparece en combinación con MySQL. MySQL es una base de

datos muy rápida en la lectura cuando utiliza el motor no transaccional MyISAM, pero puede

provocar problemas de integridad en entornos de alta concurrencia en la modificación. En

aplicaciones web hay baja concurrencia en la modificación de datos y en cambio el entorno es

intensivo en lectura de datos, lo que hace a MySQL ideal para este tipo de aplicaciones. Sea cual

sea el entorno en el que se va a utilizar MySQL, es importante adelantar monitoreos sobre el

desempeño para detectar y corregir errores tanto de SQL como de programación.

5.1.2 Arquitectura Del Software

Cliente-servidor: Donde el software reparte su carga de cómputo en dos partes

independientes, las funciones que ejecuta el cliente desde una terminal y la del

servidor que es la que aloja el aplicativo web.

Arquitectura Cliente servidor: Esta arquitectura consiste básicamente en un cliente

que realiza peticiones a otro programa (el servidor) que le da respuesta. Aunque

esta idea se puede aplicar a programas que se ejecutan sobre una sola computadora

es más ventajosa en un sistema operativo multiusuario distribuido a través de una

red de computadoras. La interacción cliente-servidor es el soporte de la mayor

parte de la comunicación por redes. Ayuda a comprender las bases sobre las que

están construidos los algoritmos distribuidos (Ecured, 2016).

Page 21: Diseño De Un Aplicativo Web para el Control De Asistencias

21

5.1.3 Partes Que Componen El Sistema

Cliente: Programa ejecutable que participa activamente en el establecimiento de

las conexiones. Envía una petición al servidor y se queda esperando por una

respuesta. Su tiempo de vida es finito una vez que son servidas sus solicitudes,

termina el trabajo.

Servidor: Es un programa que ofrece un servicio que se puede obtener en una red.

Acepta la petición desde la red, realiza el servicio y devuelve el resultado al

solicitante. Al ser posible implantarlo como aplicaciones de programas, puede

ejecutarse en cualquier sistema donde exista TCP/IP y junto con otros programas

de aplicación. El servidor comienza su ejecución antes de comenzar la interacción

con el cliente. Su tiempo de vida o de interacción es interminable (Ecured, 2016).

5.1.4 Características De La Arquitectura Cliente-Servidor

Combinación de un cliente que interactúa con el usuario, y un servidor que

interactúa con los recursos a compartir. El proceso del cliente proporciona la

interfaz entre el usuario y el resto del sistema. El proceso del servidor actúa como

un motor de software que maneja recursos compartidos tales como bases de datos,

impresoras, Módem, etc.

Page 22: Diseño De Un Aplicativo Web para el Control De Asistencias

22

Las tareas del cliente y del servidor tienen diferentes requerimientos en cuanto a

recursos de cómputo como velocidad del procesador, memoria, velocidad y

capacidades del disco e input-output devices.

Se establece una relación entre procesos distintos, los cuales pueden ser ejecutados

en la misma máquina o en máquinas diferentes distribuidas a lo largo de la red.

Existe una clara distinción de funciones basadas en el concepto de “servicio”, que

se establece entre clientes y servidores.

La relación establecida puede ser de muchos a uno, en la que un servidor puede

dar servicio a muchos clientes, regulando su acceso a los recursos compartidos.

Los clientes corresponden a procesos activos en cuanto a que son estos los que

hacen peticiones de servicios. Estos últimos tienen un carácter pasivo, ya que

esperan peticiones de los clientes.

Page 23: Diseño De Un Aplicativo Web para el Control De Asistencias

23

5.1.5 Características Adicionales

En la parte de la seguridad ofrece un sistema de contraseñas y privilegios seguro

mediante verificación basada en el host y el tráfico de contraseñas está cifrado al

conectarse a un servidor.

Soporta gran cantidad de datos. MySQL Server tiene bases de datos de hasta 50

millones de registros.

Se permiten hasta 64 índices por tabla (32 antes de MySQL 4.1.2). Cada índice

puede consistir desde 1 hasta 16 columnas o partes de columnas. El máximo ancho

de limite son 1000 bytes (500 antes de MySQL 4.1.2).

Los clientes se conectan al servidor MYSQL usando sockets TCP/IP en cualquier

plataforma. En sistemas Windows se pueden conectar usando named pipes y en

sistemas Unix usando ficheros socket Unix.

En MySQL 5.0, los clientes y servidores Windows se pueden conectar usando

memoria compartida.

MySQL contiene su propio paquete de pruebas de rendimiento proporcionado con

el código fuente de la distribución.

Page 24: Diseño De Un Aplicativo Web para el Control De Asistencias

24

La licencia GNU GPL de MySQL obliga a que la distribución de cualquier producto

derivado (aplicación) se haga bajo por esa misma. Si un desarrollador desea incorporar MySQL

en su producto, pero desea distribuirlo bajo otra licencia que no se la GNU GPL, puede adquirir

una comercial de MySQL que le permite hacer justamente eso. Un sistema de información es un

conjunto de elementos que interactúan entre sí con el fin de apoyar las actividades de una

empresa o negocio. En un sentido amplio, un sistema no necesariamente incluye equipo

electrónico (hardware). Ahora bien, en la práctica se utiliza como sinónimo de “sistema de

información computarizado”.

El lenguaje Preprocesador de Hipertexto “PHP” es un software libre, nacido en 1994 de la

mano de Rasmus Lerdof, que ha ido creciendo gracias a las aportaciones de los miembros de la

gran comunidad, que hoy en día cuenta con un potente núcleo de lenguaje y con muchas más

librerías. Inicialmente, PHP (Personal Home Page Tools) surgió como un CGI escrito en C y era

capaz de interpretar una serie limitada de comandos. Pronto, numerosas personas se interesaron

por el sistema y solicitaron a su creador autorización para poder usarlo en sus propias páginas.;

esto hizo que se conociese rápidamente. Tanto fue así, que Rasmus Lerdof diseñó un sistema

específico para procesar e interpretar formularios llamado FI (Form Interpreter), que unido al

Personal Home Page Tools dieron lugar a la primera versión compacta del lenguaje, que se

denominaría PHP/FI.

Sería tres años más tarde cuando se añadieron grandes mejoras, como fue la inclusión del

analizador sintáctico, el soporte a nuevos protocolos de Internet y a casi todas las bases de datos

comerciales, sentando así las bases de lo que sería la versión 3 de PHP. Estas novedades

animaron a los programadores a utilizar PHP para desarrollar sus webs, haciendo crecer día a día

Page 25: Diseño De Un Aplicativo Web para el Control De Asistencias

25

la asociación. Posteriormente, con la versión 4 de PHP se incluyó el motor Zend, que daba una

mayor cobertura a las necesidades de ese momento y solucionaba problemas de la versión

predecesora. Además, se ganó en velocidad compilando primero para después ejecutarse, así

como en independencia del servidor web con versiones nativas adaptadas a más plataformas y

con un API que tiene más funciones y mucho más completo.

Fue con la versión 5 cuando alcanzó su punto álgido, al incorporar una mejor integración

de la Programación Orientada a Objetos, que, aunque ya estaba disponible en la versión 4, no era

capaz de cubrir las necesidades de los desarrolladores. Tal fue su importancia que estuvo durante

más de once años en el mercado, estando actualmente en continuo mantenimiento. De igual

manera, se formó la etapa dorada del PHP originando grandes frutos, como la incorporación de

numerosas herramientas que consiguieron responder a las demandas de los usuarios, como el

autoload de clases, que permitió incorporar el gestor de paquetes Composer. Todas estas mejoras

permitieron a este PHP equipararse a las herramientas ofertadas por otros lenguajes.

Tras 11 largos años llenos de cambios, de la versión PHP 5 se pasó directamente a la PHP

7, ya que la versión 6 no llegó a ver la luz por diversos inconvenientes. Pues bien, con la versión

PHP 7 se incorporaron importantes mejoras en cuanto al rendimiento, que volvieron a situar a

PHP entre los lenguajes más fuertes. Hoy en día está disponible en muchos servidores, pero no en

todos, ya que al contar con tantas librerías y un software que no está completamente actualizado,

arroja todavía errores al ejecutarse con esta versión. Y en los últimos años, el número de

servidores que utilizan PHP ha crecido exponencialmente, dejando entrever que sigue siendo muy

popular entre los desarrolladores. Una de las causas es que ayuda a que el binomio Linux-Apache

llegue a ser compatible con la programación del lado del servidor de las páginas web.

Page 26: Diseño De Un Aplicativo Web para el Control De Asistencias

26

Debido a su continuo desarrollo y mejoras para su óptima implementación, PHP seguirá

siendo un lenguaje ampliamente aceptado por los desarrolladores. De hecho, la mayoría de las

herramientas actuales para el desarrollo web están hechas con PHP. Ejemplos claros de ello son

WordPress, Prestashop, Magento o Drupal. Además, frameworks como Symfony, Zend o Laravel

logran que PHP gane fuerza, al mejorar la productividad y dándole capacidad de implementar las

características perfectas en cada sitio web.

Al ser PHP un software libre, con el paso de los años ha ido ampliando su comunidad de

profesionales que han seguido y complementado este lenguaje a lo largo de su vida. Aunque en

sus inicios fue captando adeptos debido a su gran número de utilidades y facilidades ofertadas en

el desarrollo; poco a poco la comunidad se fue preocupando de otros aspectos adicionales como

la seguridad de las aplicaciones, apostando por plataformas robustas y escalables. En

consecuencia, todos estos progresos sumados a la capacidad de PHP de adaptar para sí lo mejor

de cada lenguaje, han conseguido que PHP se convirtiese en la buena opción para muchos

profesionales, que hoy todavía siguen empleándola en sus desarrollos web. (García, 2017)

Con relación a, un listado con nuevas opciones tecnológicas para llevar un seguimiento la

asistencia académica, las notas y la evaluación personal. Así pues, controlar la asistencia escolar

es una labor muy importante de los centros educativos y, en concreto, de los maestros. Por ello,

existen varias herramientas que permiten llevar un seguimiento no sólo de la asistencia del

estudiante, sino también de sus notas y evaluación personal (Moncada, 2017). Un listado corto de

las herramientas para controlar la asistencia escolar, pero demasiado útil en el día a día de las

aulas de clases son:

Page 27: Diseño De Un Aplicativo Web para el Control De Asistencias

27

Alexia: Esta plataforma de gestión integral para centros educativos permite a los

profesores pasar lista desde la zona web o desde sus dispositivos móviles a través

de la app. Este control de asistencia se puede trabajar tanto para la parte académica

como para las actividades extraescolares y comedor. Si el centro así lo decide, la

familia puede acceder a tiempo real a todas las ausencias o retrasos, con un detalle

de la incidencia, y pueden justificarla de forma online.

Inditar: Se trata de identificar, con utilización de tarjetas personales PVC, si el

alumno ha asistido a la clase por medio de la instalación de lectores colocados en

diferentes puntos del centro. De esta forma, no sólo se controla la asistencia, sino

también el acceso a determinadas aulas, préstamos de la biblioteca o registros en

Internet.

Teacher Aide Pro: Esta app ha sido diseñada por docentes para facilitar las tareas

rutinarias de gestión de una o varias clases, permitiéndoles tener siempre a mano

los datos necesarios de cada alumno ya que se pueden consultar desde cualquier

dispositivo móvil. Además de llevar el control de asistencia, puede crear fichas de

los alumnos, añadir sus calificaciones o escribir notas sobre las clases.

Grupo CF Developer: DocCF es un software de gestión académica que lleva a

cabo más de 60 procedimientos rutinarios de un centro escolar como procesos de

matriculación, asignación de horarios, control de absentismo, registro de

Page 28: Diseño De Un Aplicativo Web para el Control De Asistencias

28

calificaciones, generación de boletines académicos, envío de notificaciones o

gestión de transporte escolar.

iTeacherBook: Esta aplicación ha sido diseñada para controlar las tareas básicas

del día a día del alumno de una forma sencilla e intuitiva. Con ella, se puede

gestionar desde un único dispositivo la asistencia, las calificaciones, las fichas

personales de cada estudiante e, incluso, generar informes sobre los progresos.

Con respecto a, la viabilidad legal donde se tendrá en cuenta los requerimientos legales

del proyecto para su operación, aprobación y licenciamiento del software que se manejará en la

Institución Educativa Liceo María José, de este modo los derechos de autor necesarios estarán a

favor de los desarrolladores del aplicativo y los archivos e imágenes que se utilizaran en dicho

software se asignaran al cliente. Por consiguiente, en primera instancia se debe tener en cuenta el

derecho de autor porque es la primera parte a proteger en las creaciones de software que están

regidas por las categorías del mismo, o también los algoritmos de computador o soporte lógico,

se toma a consideración esta normatividad de acuerdo con los siguientes decretos.

El Decreto 1360 de 1989 lo equiparó entonces a una creación literaria, aunque el software

va más allá del código en sí mismo, su apariencia puede ser objeto de protección igualmente por

el derecho de autor, por ejemplo, los video juegos, software (Alcaldía Mayor de Bogotá, 1989).

Es más, en términos generales la definición de software debe ser un conjunto organizado de

instrucciones que permiten interacción con una máquina que procesa información (Rojas, 2011).

Por otro lado, El Decreto Reglamentario Único del Sector Interior No. 1066 de 2015, compiló los

Decretos Reglamentarios números 1360 de 1989 y 460 de 1995 (Inscripción de soporte lógico

Page 29: Diseño De Un Aplicativo Web para el Control De Asistencias

29

(software) y el Registro Nacional del Derecho de Autor, respectivamente), 3942 de 2010 y 1258

de 2012 (Gestión Colectiva del Derecho de Autor y facultades de Inspección, Vigilancia y

Control de la Dirección Nacional de Derecho de Autor, respectivamente) (Dirección Nacional De

Derecho De Autor, 2018).

Con esta compilación, quedaron derogados los decretos reglamentarios 1360 de 1989, 460

de 1995, 3942 de 2010 y 1258 de 2012. Por el cual se reglamenta la Inscripción del Soporte

Lógico (software) en el Registro Nacional del Derecho de Autor (Derechos De Autor, 2015).

Además, en la ley estatutaria 1581 del 2012, la cual dicta disposiciones generales para la

protección de datos personales (Alcaldía Mayor de Bogotá, 2012). Asimismo, en la Ley 1273 del

2009 Por medio de la cual se modifica el Código Penal, se crea un nuevo bien jurídico tutelado -

denominado de “la protección de la información y de los datos"- y se preservan integralmente los

sistemas que utilicen las tecnologías de la información y las comunicaciones, entre otras

disposiciones. (Diario Oficial 47.223, 2009)

5.2 Marco De Antecedentes

Con el fin de recopilar información referente a la presente investigación se procedió a

buscar en la biblioteca de la Corporación de Educación del Sur del Tolima, donde no se encontró

ningún otro proyecto basado en el control de asistencia, se hallaron algunos proyectos enfocados

al área de la educación tales como control notas, y que permiten el desarrollo del marco teórico y

el hilo conductor del trabajo investigativo.

Page 30: Diseño De Un Aplicativo Web para el Control De Asistencias

30

5.3 Marco Conceptual

En esta modalidad de grado se plantea la creación de un aplicativo web para la institución

educativa Liceo María José en pro de unificar la experiencia empírica y la tecnológica por medio

del mismo; brindando mejoras a la institución de los documentos y la información. Se explicará

la terminología que se va a manejar en el proyecto para mayor entendimiento del mismo.

Aplicativo Web: Son aquellas herramientas que los usuarios pueden utilizar accediendo a

un servidor web a través de Internet o localmente.

Página Web: Es una unidad de información individual a la que se accede a través de la

WWW, en ella se presentan texto, imágenes, sonidos, vídeos y enlaces, y su extensión puede ser

más larga que una pantalla de computador.

Servidor Web: Es el computador que está dedicado a ejecutar los programas que realizan

una actividad específica en beneficio de otras computadoras. Algunos servicios habituales son los

servicios de archivos, web, ftp, que permiten a los usuarios almacenar y acceder a los archivos de

un sitio web, así como ejecutar sus aplicaciones asociadas, en beneficio directo del usuario final.

Sistema Operativo: Constituyen un conjunto de programas básicos y utilidades,

compilados y distribuidos en formato sencillo para su fácil instalación, y de los cuales depende el

funcionamiento de la computadora.

Page 31: Diseño De Un Aplicativo Web para el Control De Asistencias

31

Hosting: Es el espacio donde se hospeda el sitio web. Este servicio lo brindan

instituciones o empresas que cuentan con servidores y software que le permitan gestionar

servicios IP. Código Sur cuenta con una red propia de servidores en data centers de última

generación, con servidores exclusivos para procesar cada servicio de forma individual: mail,

listas, web, ftp, boletines y DNS.

Dominio: Un dominio de internet (por ejemplo “autoespinal.com”) es un nombre de

equipo que proporciona nombres más fácilmente recordados en lugar de la IP.

Postear: Remitir un mensaje al público mediante un foro, página web, bitácora, grupo de

noticias u otro medio informático similar. En este aplicativo sería publicar las fallas de los

alumnos ya que por medio del docente o administrativos tendrán acceso a estos registros.

Base de datos: Conjunto de datos almacenados en tablas. Cada fila de una tabla constituye

un registro de datos, y cada columna constituye un campo del registro.

Consulta de base de datos: Operación mediante la cual se extrae un juego de registros de

una base de datos. Una consulta consta de criterios de búsqueda expresados en un lenguaje de

base de datos denominado SQL.

Loguearse: Significa hacer login, loguearse o identificarse es la acción de introducir

nuestras claves de usuario (nombre de usuario y contraseña) en una página web para acceder a

nuestra zona personal de forma que el usuario quede identificado en el sistema. Esta acción se

dice que “abre una sesión de usuario”, de la cual podemos salir en todo momento pulsando en un

Page 32: Diseño De Un Aplicativo Web para el Control De Asistencias

32

enlace “desconectar” o “cerrar sesión”. También se entendería como conectarse, entrar o iniciar

sesión.

Php: Es un lenguaje de programación del lado del servidor para la creación y consultas de

páginas web dinámicas.

Prototipo: Persona o cosa que reúne en grado máximo las características principales de

cierto tipo de cosas y puede representarlas.

Usuario: Persona que usa habitualmente un servicio.

Boostrap: Es un framework originalmente creado por Twitter, que permite crear interfaces

web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño

del dispositivo en que se visualice.

Page 33: Diseño De Un Aplicativo Web para el Control De Asistencias

33

6 Objetivos

6.1 Objetivo General

Implementar un aplicativo web para la Institución Educativa Liceo María José que

permita llevar el control de asistencias en lenguaje de procesador de hipertextos.

6.2 Objetivos Específicos

Realizar un análisis estadístico de las asistencias a clase de los alumnos.

Determinar la eficiencia y rapidez en los diferentes procesos que conlleva al

control de asistencia de los alumnos.

Identificar los actores que intervienen en el proceso de asistencia en dicha

Institución.

Page 34: Diseño De Un Aplicativo Web para el Control De Asistencias

34

7 Metodología

7.1 Enfoque

El enfoque que identificará la investigación es cualitativo, ya que este es el que plantea un

problema, se observa los hechos y durante el proceso desarrolla una teoría coherente para

representar lo que se observa. Para llevar un método de investigación adecuado al proyecto del

aplicativo para asistencia de estudiantes; Aplicativo Web para el Control De Asistencias En

Lenguaje Preprocesador de Hipertexto), se estudió y se llegó a la conclusión que este proceso se

llevaría a cabo por el método del análisis, ya que, con él, los investigadores podremos conocer la

realidad y tener datos más específicos acerca de cómo se realizan actualmente las asistencias de

los estudiantes en las diferentes instituciones educativas.

7.2 Tipo

La investigación descriptiva es la que se usa, tal como el nombre lo dice, en describir la

realidad de situaciones, eventos, personas, grupos o comunidades que se estén afrontando y que

se intente analizar. En este tipo de investigación la cuestión no va mucho más allá del nivel

descriptivo; ya que consiste en plantear lo más relevante de un hecho. A grandes rasgos, los

principales pasos a seguir son: examinar las características del tema a investigar, definirlo y

formular hipótesis, seleccionar la técnica para la recolección de datos y las fuentes a consultar.

Page 35: Diseño De Un Aplicativo Web para el Control De Asistencias

35

8 Desarrollo De Los Objetivos

8.1 Realizar un análisis estadístico de las asistencias a clase de los alumnos.

8.1.1 Fuentes Y Técnicas Para La Recolección De La Información

La fuente que se utilizará para la recolección de información será la primaria que son las

que se obtienen con el contacto directo del sujeto al que se está investigando.

Las técnicas que se utilizaran para recolectar información son: La observación y la

entrevista:

La observación: en visitas realizadas a la institución educativa Liceo María José se pudo

observar que los docentes, secretaria y coordinador que son los encargados del control de

asistencia en la institución, no llevan un control exacto del registro de asistencia de sus

estudiantes, ya que algunos días no lo hacen y esta se realiza de forma manual. Y la Entrevista, se

realizará una estructurada, se le hicieron preguntas estructuradas no aceptando opciones de

contra-respuesta dado que podría irse las conversaciones que no podría manejar los

investigadores. La entrevista se elaboró con las siguientes preguntas:

¿Cómo se realiza actualmente el control de asistencia en la Institución Educativa Liceo

María José?

A) Manual B) dispositivos electrónicos.

Page 36: Diseño De Un Aplicativo Web para el Control De Asistencias

36

¿En cuánto tiempo toma usted las asistencias de los alumnos?

A) 20 a 30 minutos. B) 3 a 5 minutos. C) 5 o más minutos.

¿Cada cuánto se realiza la toma de asistencia de los alumnos de dicha Institución?

A) Diaria B) Semanal C) Mensual

¿A quién entrega los registros después de tomada la asistencia?

A) Secretaria. B) Coordinador. C) Rector

¿Cada cuánto lleva el reporte de entrega de asistencia a la secretaria o coordinador?

A) Diaria. B) semanal. C) mensual.

Las personas que fueron entrevistadas son 45 estudiantes y 10 profesores. Se llegó a la

conclusión de estas preguntas ¿Cómo se realiza actualmente el control de asistencia en la

Institución Educativa Liceo María José? Se realizó la entrevista a varios docentes, estudiantes y

encontramos que la mayoría escogieron la opción Manual ya que lo hacen de forma constante;

¿En cuánto tiempo toma usted las asistencias de los alumnos? Los docentes entrevistados nos

comentaron que la mayoría de las veces se toma la asistencia entre 20 a 30 minutos así perdiendo

tiempo al momento de dictar la clase; ¿Cada cuánto se realiza la toma de asistencia de los

alumnos de dicha Institución? Los estudiantes y docentes obtuvieron como resultado que la

Page 37: Diseño De Un Aplicativo Web para el Control De Asistencias

37

mayoría de veces se toma la asistencia diaria; ¿A quién entrega los registros después de tomada la

asistencia? Los docentes entrevistados nos comentan algunas veces entregan la asistencia a la

secretaria, ya que ella es la que informa a el coordinador de quien asiste y no a las clases; y por

último ¿Cada cuánto lleva el reporte de entrega de asistencia a la secretaria o coordinador? Los

docentes diariamente entregan el reporte de las asistencias para llevar un orden en la institución.

8.2 Determinar la eficiencia y rapidez en los diferentes procesos que conlleva al control

de asistencia de los alumnos.

Mediante técnica de observación durante 4 semanas los profesores de la institución han

ido realizando de forma manual la asistencia de los estudiantes, demostrando mucha lentitud y

siendo más demorado; ya que con el nuevo sistema que implementamos nos ayuda agilizar el

proceso de dicho control de asistencias.

Las nuevas tecnologías de la información comunicativas es decir las TIC’S han avanzado

mucho y debido a la evolución que han tenido, por eso es que nosotros nos hemos beneficiados

de ellas a través de los sistemas de información como es el sistema de las asistencias de los

estudiantes.

Page 38: Diseño De Un Aplicativo Web para el Control De Asistencias

38

8.3 Identificar los actores que Intervienen en el proceso de asistencia en dicha

Institución.

8.3.1 Diagrama Casos De Uso Del Sistema Actual

En este caso de Uso el Profesor (es el actor) toma manualmente la asistencia y así va

llevando un registro de los estudiantes que fallan, al finalizar la clase le entrega su planilla al

Administrador (es el directivo), el administrador ingresa las fallas al sistema e informa las fallas a

sus respectivos padres. Como observamos en la Figura 2:

Figura 2. Caso De Uso Sistema Actual

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 39: Diseño De Un Aplicativo Web para el Control De Asistencias

39

8.3.2 Diagrama Casos De Uso Del Sistema Propuesto

En este caso de uso el profesor llama a lista a los estudiantes y va registrando las fallas

directamente en el sistema, inmediatamente el administrador verifica que el profesor este en línea

para reportar a los estudiantes que no hayan asistido a la clase. Como lo vemos en la Figura 3:

Figura 3. Caso De Uso Sistema Propuesto

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 40: Diseño De Un Aplicativo Web para el Control De Asistencias

40

8.3.3 Diagrama Conceptual De Datos

El profesor toma la asistencia de los estudiantes si no están hace el informe, los directivos

visualizan y observan las fallas y toman sus respectivas decisiones. Como lo observamos en la

Figura 4:

Figura 4. Diagrama Conceptual De Datos

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 41: Diseño De Un Aplicativo Web para el Control De Asistencias

41

9 Diseño

Es el Inicio de la página web en el cual los estudiantes del colegio se encontraban en una

marcha de la institución en El Espinal, como lo es en la Figura 5:

Figura 5. Inicio Y Portada De La Página

Fuente. Autores Paula Rojas Y Julieth Ortiz

Nos brinda la buena educación y sentido de pertenencia que tiene el colegio hacia los

estudiantes, viene incluido del Inicio. Muestra la responsabilidad estudiantil, ofrece una excelente

educación y cariño hacia la institución. Como lo observamos en la siguiente Figura 6:

Figura 6. Continuación Del Inicio

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 42: Diseño De Un Aplicativo Web para el Control De Asistencias

42

Es la finalización del Inicio, se encuentra la sede principal, trabaje con nosotros y las

reinas. Dándose a conocer de forma informativa las actividades que se realiza dentro de la

institución como las fiestas del San pedro de El Espinal, Día del Amor y Amistad, Día del

Idioma, Día de los niños (donde los niños se disfrazan de algún personaje o caricatura de

programa de televisión que sea de su agrado), etc… Se muestra en la Figura 7:

Figura 7. Finalización Del Inicio

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 43: Diseño De Un Aplicativo Web para el Control De Asistencias

43

Viene parte de ¿Quiénes Somos? Hay una descripción breve de la reseña, es cuando

informa el contenido del hecho sin establecer sobre la misma juicios o conclusiones de tipo

alguno; y se hace un recuento del contenido de dicha institución. Nos muestra en la Figura 8:

Figura 8. ¿Quiénes Somos?, Reseña

Fuente. Autores Paula Rojas Y Julieth Ortiz

La Misión se enfoca en el presente, es decir la actividad que justifica lo que el grupo o el

individuo está haciendo en un momento dado en este caso con la institución como observamos en

la Figura 9:

Figura 9. Misión

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 44: Diseño De Un Aplicativo Web para el Control De Asistencias

44

La Visión que queremos implementarla es para que los estudiantes tengan un buen futuro;

depende de la situación presente de las posibilidades materiales presentes y futuras tal y como las

perciba la institución de los eventos inesperados que puedan ocurrir y de la propia misión que se

haya planteado. Como lo vemos en la Figura 10:

Figura 10. Visión

Fuente. Autores Paula Rojas Y Julieth Ortiz

En este punto se encuentran los profesores más destacados y disciplinados de dicho

colegio, como lo muestra en la Figura 11:

Figura 11. Los Docentes Más Destacados De La Institución

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 45: Diseño De Un Aplicativo Web para el Control De Asistencias

45

Los servicios como lo es con el psicólogo, que resuelve dicha situación o problema que se

le esté presentando al estudiante. Como vemos en la Figura 12:

Figura 12. Servicios Como El Psicólogo

Fuente. Autores Paula Rojas Y Julieth Ortiz

Los Servicios como lo es la biblioteca y nuestra enfermería, son para que les sea útil a los

alumnos y tengan buena atención ante cualquier inconveniente. Como observamos en la Figura

13:

Figura 13. Servicios Como La Biblioteca Y Nuestra Enfermería

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 46: Diseño De Un Aplicativo Web para el Control De Asistencias

46

Los servicios como lo es el bienestar estudiantil y colegio, dándose a conocer con una

breve información. Como vemos en la siguiente Figura 14:

Figura 14. Servicios Como El Bienestar Estudiantil Y Colegio

Fuente. Autores Paula Rojas Y Julieth Ortiz

Los servicios como la Escuela De Padres, que se realizan para mirar el comportamiento

académico de los alumnos. Como se muestra en la Figura 15:

Figura 15. Servicios Como La Escuela De Padres, que se realizan para mirar el comportamiento de los

alumnos.

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 47: Diseño De Un Aplicativo Web para el Control De Asistencias

47

En este punto se ingresa al sistema para iniciar sesión para cualquiera de los usuarios ya

registrados, como lo observamos en la Figura 16:

Figura 16. Ingresar Para Iniciar Sesión

Fuente. Autores Paula Rojas Y Julieth Ortiz

El menú de administrador; todos los usuarios tanto administrador como el del profesor

para poder hacer ingreso del sistema, como lo vemos en la Figura 17:

Figura 17. El Menú De Administrador

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 48: Diseño De Un Aplicativo Web para el Control De Asistencias

48

La opción del menú de agregar se añade a los docentes y al alumnado, cuando el

administrador lo desee y lo puede suspender cuando no esté trabajando o estudiando dentro del

mismo; como se muestra en la Figura 18:

Figura 18. La Opción Del Menú De Agregar

Fuente. Autores Paula Rojas Y Julieth Ortiz

La opción de agregar profesor, por el cual se le añade todos los datos como son la cédula,

el nombre completo, la dirección donde vive, etc. y demás información que la institución exija

como requisito. Como lo observamos en la Figura 19:

Figura 19. La Opción De Agregar Profesor

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 49: Diseño De Un Aplicativo Web para el Control De Asistencias

49

En este caso, se crea la asignatura y se escoge que profesor la va a dictar, como lo vemos

en la Figura 20:

Figura 20. La Opción De Agregar Asignatura

Fuente. Autores Paula Rojas Y Julieth Ortiz

En este punto, está la opción de agregar estudiante con su respectiva información; como

lo observamos en la Figura 21:

Figura 21. La Opción De Agregar Estudiante

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 50: Diseño De Un Aplicativo Web para el Control De Asistencias

50

Por otra parte, está la opción de agregar administrador con los datos que le exige el

sistema; como se muestra en la Figura 22:

Figura 22. La Opción De Agregar Administrador

Fuente. Autores Paula Rojas Y Julieth Ortiz

Esta la opción de agregar asignaturas a un profesor, se selecciona el nombre del docente,

de la asignatura y el grado que este dictando; como se observa en la Figura 23:

Figura 23. La Opción De Agregar Asignaturas A Un Profesor

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 51: Diseño De Un Aplicativo Web para el Control De Asistencias

51

Busca por el número de la cédula para actualizar la información del profesor que desea

ver el administrador, como lo muestra la Figura 24:

Figura 24. Busca Por El Número De La Cédula Para Actualizar La Información Del Profesor Que Desea Ver

El Administrador

Fuente. Autores Paula Rojas Y Julieth Ortiz

El profesor puede actualizar su información como observamos en la siguiente Figura 25:

Figura 25. El Profesor Puede Actualizar Su Información

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 52: Diseño De Un Aplicativo Web para el Control De Asistencias

52

El administrador actualiza la información del estudiante por código, como lo vemos en la

Figura 26:

Figura 26. El Administrador Actualiza La Información Del Estudiante Por Código

Fuente. Autores Paula Rojas Y Julieth Ortiz

El administrador actualiza la información al estudiante con su respetivo acompañante,

como se muestra en la Figura 27:

Figura 27. El Administrador Actualiza La Información Al Estudiante Con Su Respetivo Acompañante

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 53: Diseño De Un Aplicativo Web para el Control De Asistencias

53

El administrador le da clic en la opción de Buscar profesores como se observa en la

Figura 28:

Figura 28. La Opción De Buscar

Fuente. Autores Paula Rojas Y Julieth Ortiz

La opción de buscar profesor y estudiante por el número de documento en caso de alguna

emergencia o por si necesita alguna información de ellos, como lo vemos en la Figura 29:

Figura 29. La Opción De Buscar Profesor Y Estudiante

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 54: Diseño De Un Aplicativo Web para el Control De Asistencias

54

Los datos del usuario los busca con el número de documento y nos muestra su respectiva

información, como se muestra en la Figura 30:

Figura 30. La Opción De Buscar Usuario

Fuente. Autores Paula Rojas Y Julieth Ortiz

Busca a el profesor por sesión de fechas, para que no se haga ninguna modificación al

momento de salir de la clase, como vemos en la Figura 31:

Figura 31. Buscar Profesor Por Sesión

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 55: Diseño De Un Aplicativo Web para el Control De Asistencias

55

Se busca la sesión del profesor por el ingreso de las fechas, como observamos en la Figura

32:

Figura 32. La Información del Profesor Que Se Haya Buscado.

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 56: Diseño De Un Aplicativo Web para el Control De Asistencias

56

Se busca las sesiones por fecha tanto de inicio como el final, de la fecha que queremos

indagar sobre dicha información de las clases que haya dictado el docente a sus estudiantes; como

se muestra en la Figura 33:

Figura 33. Buscar Sesiones Por Fecha Tanto Inicio Como Final

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 57: Diseño De Un Aplicativo Web para el Control De Asistencias

57

El menú del Sistema, muestra las opciones que tiene como cambiar contraseña, cambiar

pregunta secreta, actualizar datos, realizar copia de seguridad y restaurar copia de seguridad.

Como observamos en la Figura 34:

Figura 34. Sistema

Fuente. Autores Paula Rojas Y Julieth Ortiz

La opción de actualizar datos del usuario se llena con los datos que pide el sistema; como

se muestra en la Figura 35:

Figura 35. Actualizar Datos Del Usuario

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 58: Diseño De Un Aplicativo Web para el Control De Asistencias

58

Se realiza copia de seguridad y lo genera automáticamente para no tener pérdidas, en la

parte inferior de la página aparecerá; como observamos en la Figura 36:

Figura 36. Se Realiza Copia De Seguridad Y Lo Genera Automáticamente Para No Tener Pérdidas

Fuente. Autores Paula Rojas Y Julieth Ortiz

Los docentes pueden ver los cursos que estén dictando con su grado que le hayan

asignado; como vemos en la siguiente Figura 37:

Figura 37. Los Docentes Pueden Ver Los Cursos Que Estén Dictando

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 59: Diseño De Un Aplicativo Web para el Control De Asistencias

59

Las asistencias de la asignatura y le doy clic en biología, sale el estudiante con sus datos

como el código, el código de matrícula, nombres y apellido completos, fallas del primer periodo

hasta el cuarto, total de fallas, total de fallas de todo el año y la acción de Guardar. El color rojo

significa que va perdiendo; como se muestra en la Figura 38:

Figura 38. Las Asistencias De La Asignatura Y Le Doy Clic En Biología, Sale El Estudiante. El Rojo Significa

Que Va Perdiendo

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 60: Diseño De Un Aplicativo Web para el Control De Asistencias

60

Las asistencias de los cursos, el amarillo significa que está en estado crítico o raspando (si

el alumno no se pone las pilas puede perder por fallas); como vemos en la Figura 39:

Figura 39. Asistencias De Los Cursos, El Amarillo Significa Que Está En Estado Crítico O Raspando (Si El

Alumno No Se Pone Las Pilas Puede Perder Por Fallas)

Fuente. Autores Paula Rojas Y Julieth Ortiz

En las asistencias vemos las casillas que cuando está en blanco son fallas permitidas por

la institución (es decir que no va perdiendo el estudiante por fallas). A continuación, veremos la

Figura 40:

Figura 40. Asistencias De Los Cursos, El Blanco Son Fallas Permitidas (Es Decir Que No Va Perdiendo El

Estudiante Por Fallas)

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 61: Diseño De Un Aplicativo Web para el Control De Asistencias

61

Los docentes cada tres meses deben hacer la actualización de su contraseña como

veremos en la Figura 41:

Figura 41. Actualizar Contraseña Del Docente

Fuente. Autores Paula Rojas Y Julieth Ortiz

Todos los usuarios pueden actualizar la pregunta secreta, para que no haya ninguna

persona que ingrese a la plataforma si no sea el usuario, como vemos en la Figura 42:

Figura 42. Actualizar La Pregunta Secreta

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 62: Diseño De Un Aplicativo Web para el Control De Asistencias

62

Observamos las preguntas que se puede escoger para actualizar la pregunta secreta de

todos los usuarios, los cuales se puede escoger cualquier pregunta para poder hacer el cambio de

la contraseña, como se muestra en la Figura 43:

Figura 43. Vemos Las Opciones Que Se Escoge en la pregunta secreta.

Fuente. Autores Paula Rojas Y Julieth Ortiz

El profesor puede reemplazar su nueva información ya sea que haya cambiado de número

o de teléfono sin tener ningún error, como observamos en la Figura 44:

Figura 44. Actualizar Datos Del Profesor

Fuente. Autores Paula Rojas Y Julieth Ortiz

Page 63: Diseño De Un Aplicativo Web para el Control De Asistencias

63

10 Conclusión

El proyecto permitió conocer y analizar los procesos internos de la Institución Educativa

Liceo María José del Espinal; evidenciando las falencias del proceso de asistencia en clase para

mejorar los métodos utilizados actualmente y de esta forma dar una solución con el prototipo

Control de Asistencias. Además, con la implementación de la aplicación se beneficiarán en la

reducción de costos de papel e impresión de los formatos de asistencia diarios, contribuyendo a la

disminución de la contaminación y así ayudar al medio ambiente.

Así mismo, se realiza el proceso de registro y verificación de asistencia de una forma más

rápida, eficaz y segura al momento de manejar la información, evitando el proceso manual que

viene realizando la Institución, asegurando así un mayor control en el ingreso de sus estudiantes;

donde los docentes, coordinadores podrán saber si los alumnos asisten a la clase para tomar las

medidas necesarias prontamente. También, les permitirá el acceso en tiempo real a la información

de la asistencia de la clase desde los equipos de cómputo que posee dicha Institución Educativa,

ayudando así a reducir tiempos de respuesta en las alertas por fallas de los estudiantes y a un

mejor control.

Page 64: Diseño De Un Aplicativo Web para el Control De Asistencias

64

11 Referencias

Alcaldía Mayor de Bogotá. (1989). Diario Oficial No. 38.871. Obtenido de Decreto 1360 de

1989: http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=10575

Alcaldía Mayor de Bogotá. (2012). Diario Oficial 48587. Obtenido de Ley 1581 de 2012:

http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=49981

APR. (2018). Aprender a programar. Obtenido de Comunicación cliente servidor sin PHP y con

PHP:

https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=

501:comunicacion-cliente-servidor-sin-php-y-con-php-interprete-php-y-gestor-de-bases-

de-datos-cu00804b&catid=70&Itemid=193

Cano, S. S. (20 de Septiembre de 2011). Informática. Obtenido de

http://aunsoloclickinformatica.blogspot.com/2011/09/informatica.html

Derechos De Autor. (26 de 05 de 2015). Dirección Nacional Derechos de Autor. Obtenido de

Decreto N° 1066 de 2015: http://derechodeautor.gov.co/decretos

Diario Oficial 47.223. (5 de 01 de 2009). Propiedad de la Secretaría Jurídica Distrital de la

Alcaldía Mayor de Bogotá D.C. Obtenido de Ley 1273 de 2009 Nivel Nacional:

http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=34492

Dip, P. (02 de Septiembre de 2009). Informática. Obtenido de

http://latecnologiavirtual.blogspot.com/2009/09/informatica.html

Dirección Nacional De Derecho De Autor. (15 de Agosto de 2018). Decretos. Obtenido de

http://derechodeautor.gov.co/decretos

Ecured. (28 de 09 de 2016). Arquitectura Cliente Servidor. Obtenido de

https://www.ecured.cu/Arquitectura_Cliente_Servidor

Page 65: Diseño De Un Aplicativo Web para el Control De Asistencias

65

García, J. M. (21 de 03 de 2017). Un breve recorrido por la historia de PHP. Obtenido de

https://www.arsys.es/blog/programacion/historia-php/

Mamani, C. N. (26 de Mayo de 2014). Todo sobre computación e informática. Obtenido de

http://rincondecarlosdamian.blogspot.com/p/informatica.html

Molina, E. (2013). Aplicaciones Informáticas CFAF. Obtenido de Conceptos básicos:

https://sites.google.com/a/iesaa.es/cfaf1/introduccion/conceptos-basicos

Moncada, A. (16 de 08 de 2017). Obtenido de Conozca las 5 herramientas para controlar la

asistencia escolar: https://compartirpalabramaestra.org/recursos/herramientas-tic/conozca-

las-5-herramientas-para-controlar-la-asistencia-escolar

Navarro, F. M. (2006). Técnico de soporte informático. Obtenido de Equipo informático y

Sistema Operativo:

https://books.google.com.co/books?id=P63Pp_St9yoC&pg=PA48&lpg=PA48&dq=Los+

datos+que+maneja+un+programa+son+en+un+principio+informaciones+no+elaboradas+

y+una+vez+procesados+(ordenados,+sumados,+comparados,+etc.)+constituyen+lo+que+

se+denomina+informaci%C3%

Parra, J. L. (26 de Octubre de 2014). Definición y Origen del termino informática. Obtenido de

http://jlap69.blogspot.com/2014/10/terminos-la-definicion-origen-del_26.html

Rojas, O. E. (10 de Mayo de 2011). Derecho de Autor y Software. Obtenido de

https://es.slideshare.net/JosephBrant/derecho-autor-software

Torales, N. R. (31 de Mayo de 2008). Obtenido de

http://nicosoft.byethost31.com/informatica%20presentaci%C3%B3n.ppsx

Useche, L. (2013). Informática Educativa GUIA UNIDAD I. Obtenido de

https://es.calameo.com/read/000482167ad5415c40f4d