Cantos Victores Arianna Lilibeth

UNIVERSIDAD ESTATAL DEL SUR DE MANABÍ
FACULTAD DE CIENCIAS TÉCNICAS.
CARRERA DE INGENIERÍA EN COMPUTACIÓN Y REDES.
PROYECTO DE INVESTIGACIÓN
PREVIO A LA OBTENCIÓN DEL TÍTULO DE:
INGENIERA EN COMPUTACIÓN Y REDES.
TÍTULO DEL PROYECTO DE INVESTIGACIÓN:
SISTEMA WEB DE GESTIÓN DE EVIDENCIA DE EVALUACIÓN PARA LA

CARRERA DE INGENIERIA CIVIL
AUTOR:
ARIANNA LILIBETH CANTOS VICTORES
TUTOR:
ING. VICENTE ROMERO CASTRO. MG.SC.
Jipijapa – Manabí - Ecuador
2021
APROBACIÓN DEL PROYECTO
Proyecto de Titulación sometido a consideración del Tribunal de Titulación de la
Carrera de Ingeniería en Computación y Redes -Facultad de Ciencias Técnicas de
la Universidad Estatal del Sur de Manabí, como requisito parcial para obtener el
título de Ingeniera en Computación y Redes.
Tema: “Sistema Web de Gestión de Evidencia de Evaluación para la
Carrera de Ingeniería Civil”
APROBADO POR EL TRIBUNAL EXAMINADOR DEL PROYECTO DE
TITULACIÓN
PRESIDENTE DEL TRIBUNAL
Ing. Martha Irene Romero Castro, Mg. Sc
MIEMBRO DEL TRIBUNAL
Ing. Magdalena Tóala Zambrano, Mg.
Ing. José Alava Cruzatty, Mg.
Ing. Jhimmy Toala Arias, Mg. Sc.

ÍNDICE DE CONTENIDO
ÍNDICE DE CONTENIDO .................................................................................................................... 4

I. TÍTULO DEL PROYECTO ........................................................................................................ 12
II. PROBLEMA DE INVESTIGACIÓN...................................................................................... 12
2.1. Definición del problema ......................................................................................................... 12
2.2. Formulación del problema ..................................................................................................... 13
2.3. Preguntas derivadas ............................................................................................................... 13
III. OBJETIVOS.............................................................................................................................. 13
3.1. Objetivo general ..................................................................................................................... 13
3.2. Objetivos específicos ............................................................................................................... 13
IV. JUSTIFICACIÓN ..................................................................................................................... 14
V. MARCO TEÓRICO ..................................................................................................................... 15
5.1 ANTECEDENTES ................................................................................................................ 15
5.2 BASE TEORICA................................................................................................................... 15
5.2.1 METODOLOGÍA DE LA EVALUACIÓN DE LA CALIDAD DE LA
EDUCACIÓN SUPERIOR .......................................................................................................... 15
5.2.2 ESTÁNDAR...................................................................................................................... 16
5.2.3 MARCO NORMATIVO ............................................................................................... 17
5.2.4 EVIDENCIAS................................................................................................................ 18
5.2.5 SISTEMA WEB ............................................................................................................ 18
5.2.6 HTML ............................................................................................................................ 19
5.2.7 PHP ................................................................................................................................ 19
5.2.8 JAVASCRIPT ............................................................................................................... 20
5.2.9 MySQL ........................................................................................................................... 20
5.2.10 BOOTSTRAP ................................................................................................................ 21
5.2.11 SERVIDOR WEB ......................................................................................................... 22
5.3 MARCO CONCEPTUAL .................................................................................................... 24
VI HIPÓTESIS Y VARIABLES ................................................................................................... 25
5.4 Variable Independiente: ......................................................................................................... 25
5.5 Variable Dependiente:............................................................................................................ 25
VII METODOLOGÍA ..................................................................................................................... 25
7.1 TIPO DE INVESTIGACIÓN ............................................................................................... 25
4
7.2 MÉTODOS. ........................................................................................................................... 25
7.3 POBLACIÓN. ....................................................................................................................... 25
7.4 TÉCNICAS. ........................................................................................................................... 25
7.5 RECURSOS. .......................................................................................................................... 26
7.5.1 TALENTO HUMANO. ................................................................................................. 26
7.5.2 MATERIALES. ............................................................................................................. 26
VIII PRESUPUESTO. ...................................................................................................................... 27
IX ANÁLISIS Y TABULACIÓN DE LOS RESULTADOS. ...................................................... 28
X. BIBLIOGRAFÍA .......................................................................................................................... 38
XI. PROPUESTA ............................................................................................................................ 40
12.1 TITÚLO ................................................................................................................................. 40
12.2 JUSTIFICACIÓN ................................................................................................................. 40
12.3 OBJETIVOS.......................................................................................................................... 41
12.4 FACTIBILIDAD DE LA APLICACIÓN ............................................................................ 42
12.5 DESCRIPCIÓN DE LA PROPUESTA ............................................................................... 43
12.5.1 DISEÑO DE LA PLATAFORMA WEB, PARA LA GESTIÓN DE EVIDENCIAS.
43
12.6 ESTRUCTURA DE LA PROPUESTA ............................................................................... 43
12.6.1 ANÁLISIS DE LA APLICACIÓN WEB .................................................................... 43
12.6.2 USUARIOS DE LA PLATAFORMA WEB ................................................................ 44
12.6.3 ANALISIS DE REQUERIMIENTOS ......................................................................... 44
12.6.4 REQUERIMIENTOS PARA EL DESARROLLO DEL SOFTWARE .................... 48
12.6.5 MODELOS DE CASOS DE USO Y DESCRIPCIÓN DE CASOS DE USO ............ 49
12.7 DISEÑO DE LAS INTERFACES ........................................................................................ 65
12.8 IMPLEMENTACIÓN .......................................................................................................... 68
XIII. CONCLUSIONES ................................................................................................................. 71
XIV. RECOMENDACIONES. ...................................................................................................... 72
ANEXOS ............................................................................................................................................... 73
MANUAL DE USUARIO..................................................................................................................... 74
INDICE DE CUADROS
Cuadro N° 1 Presupuesto ........................................................................................................ 27
5
Cuadro N° 2 Plataforma Web ................................................................................................ 28
Cuadro N° 3 Existencia de Aplicación Web .......................................................................... 29
Cuadro N° 4 Documentos para la evaluación y acreditación................................................ 30
Cuadro N° 5 Servicio de Internet ............................................................................................ 31
Cuadro N° 6 Implementación de la Aplicación Web ............................................................ 32
Cuadro N° 7 Ingresar Documentos en Plataforma Web ...................................................... 33
Cuadro N° 8 Beneficios de una plataforma Web .................................................................. 34
Cuadro N° 9 Cumplimiento con Criterios ............................................................................. 35
Cuadro N° 10 - RF01 Control de Acceso ............................................................................... 45
Cuadro N° 11 - RF02 Registro, Modificación y Eliminación de Usuarios .......................... 45
Cuadro N° 12 - RF03 Registro y Modificación de Docentes ................................................. 46
Cuadro N° 13- RF07 Subir las evidencias de los Criterios de la Evaluación de Academia
..................................................................................................................................................... 47
Cuadro N° 14 - RNF08 Interfaces sencillas y amigables ...................................................... 48
Cuadro N° 15 - RNF09 Adaptable a cualquier navegador .................................................... 48
Cuadro N° 16 - RNF10 Seguridad .......................................................................................... 49
Cuadro N° 17- Caso de Uso N°1.............................................................................................. 51
Cuadro N° 18 - Caso de Uso N° 2............................................................................................ 54
INDICE DE ILUSTRACIONES
Ilustración N°1 Plataforma Web ............................................................................................. 28

6
Ilustración N° 2 Existencia de Aplicación Web ...................................................................... 29
Ilustración N° 3 Documentos para la evaluación y acreditación .......................................... 29
Ilustración N° 4 Servicio de Internet ....................................................................................... 31
Ilustración N° 5 Implementación de la Aplicación Web........................................................ 32
Ilustración N° 6 Ingresar Documentos en Plataforma Web.................................................. 33
Ilustración N° 7 Beneficios de una Plataforma Web .............................................................. 34
Ilustración N° 8 Cumplimiento de Criterios ........................................................................... 35
Ilustración 9: Estructura de la Plataforma Web. ................................................................... 43
Ilustración N° 10 - Caso de Uso N°1 ..................................................................................... 51
Ilustración N° 11- Caso de Uso N°2 ........................................................................................ 54
Ilustración N° 14 - Interfaz ingreso de Usuario ...................................................................... 65
Ilustración N° 15 - Interfaz de Coordinación ......................................................................... 66
Ilustración N° 16 - Interfaz de Docentes ................................................................................. 66
Ilustración N° 17 - Interfaz del Evaluador ............................................................................. 67
7
SUMMARY
The objective of this research project is to design and implement a web application, for the
automation of evidences of the Civil Engineering Career, using a free database.
The purpose of the web system to be implemented, is to have a resource when generating and
automating information needed to evaluate the careers, through a web client, so that the user can
access from anywhere with access to the Internet, therefore the system You must have a login so
that the user can access the assigned interface.
The utility of the system is considerable, because it maintains an updated record with all the
necessary information, in an orderly manner and thus have access to the information that is
required.
In this way you will have control and evaluation of the information that is stored.
The web application will be configurable, so that the Administrator can add, edit or delete
information.
To determine whether it is necessary for the documentation to be automated, surveys were

conducted with teachers and interviews with authorities.
8
RESUMEN
El objetivo de este proyecto de investigación es diseñar e implementar una aplicación web, para
la automatización de evidencias de la Carrera de Ingeniería Civil, utilizando una base de datos
libre.
El propósito del sistema web a implementar, es tener un recurso al momento de generar y
automatizar información necesaria para evaluación de las carreras, mediante un cliente web, para
que el usuario pueda acceder desde cualquier lugar con acceso a internet, por lo tanto, el sistema
deberá tener un inicio de sesión para que el usuario pueda acceder a la interfaz asignada.
Se realizaron encuestas
La utilidad del sistema es considerable, debido a que mantiene un registro actualizado con toda
la información necesaria, de una manera ordenada y así tener acceso a la información que se
requiera.
De esta manera se tendrá control y evaluación de la información que se va almacenando.
La aplicación web será configurable, para que el Administrador pueda agregar, editar o eliminar
información.
Para determinar si es necesario que la documentación se automatice se realizaron encuestas a los
docentes y entrevista a autoridades, determinando que un sistema web ayudaría a agilitar los
procesos.
9
INTRODUCCIÓN
El uso de aplicaciones web para la automatización de los procesos académicos es de gran ventaja
ya que brinda beneficios, optimizando y agilizando el desempeño administrativo y académico,
desarrollándolo de acuerdo a las necesidades funcionales de cada empresa, organización o
Institución, permitiendo a las personas que acceden a la aplicación intercambiar y adjuntar
información desde cualquier dispositivo conectado al internet.
La ejecución de esta investigación se basa en ayudar a la automatización de los documentos para
la evaluación de la Carrera ingeniería Civil, la misma que tiene como propósito diseñar e
implementar una aplicación web que los beneficie, la cual estará enfocada en el ingreso de
documentos, listado de docentes, hoja de vida de docentes, periodos académicos, listado de
estudiantes, así como también permitirá que un evaluador controle , califique y descargue toda
la información generada para la evaluación.
Por tal razón la propuesta es implementar un Sistema Web que sea amigable, dinámico que
contribuya como solución a la automatización de evidencias en la Carrera de ingeniería Civil.
En los CAPITULOS I, II, III y IV se plantea el tema, se formulan el problema, las preguntas
derivadas, los objetivos a alcanzar y la justificación del proyecto.
En el CAPITULO V se analizan antecedentes y base teórica para fundamentar la investigación.
En el CAPITULO VI se establecen la hipótesis y las variables del proyecto.
10
En el CAPITULO VII se define el método de investigación o, determinando la población,
técnicas de recolección de datos y recursos utilizados para la investigación.
En el CAPITULO VIII se establece el presupuesto a utilizar en todo el proceso de investigación
e implementación del proyecto.
En el CAPITULO IX se realiza el análisis y tabulación de la recolección de datos obtenidos.
En el CAPITULO X se muestra la bibliografía utilizada para fundamentar la propuesta de
investigación.
En el CAPITULO XI se desarrolla la propuesta planteada, se establece el título, justificación,
objetivos, factibilidad de la aplicación, se describe la propuesta, se presenta el diseño web, diseño
de interfaces y la implementación del sistema.
En el CAPITULO XIII y XIV se definen la Conclusiones y Recomendaciones.
11
I. TÍTULO DEL PROYECTO
Sistema Web de Gestión de Evidencia de Evaluación para la Carrera de Ingeniería Civil
II. PROBLEMA DE INVESTIGACIÓN.
2.1. Definición del problema
Desde hace décadas la tecnología y los sistemas web se han convertido en un pilar fundamental
para diferentes actividades; como las empresariales y la educación, este motivo ha llevado que
múltiples empresas públicas y privadas adquieran sistemas web para administrar la información.
Los sistemas web de gestión permiten administrar cada uno de los recursos que una entidad tiene,
de esta manera, afirmar que los egresos que la empresa tiene serán cubiertos para que la misma
siga funcionando.
En la actualidad la automatización de procesos se ha convertido en prioridad para las entidades
en el sector educativo, ya que permite manipular información rápida y eficaz.
Debido a que la Carrera de Ingeniería Civil tiene gran cantidad de estudiantes, los mismos que
generan una considerable cantidad de información.
Esta información se manipula por la administración de manera manual y no estructurada, es decir
carece de la utilización de un sistema informático web; por lo tanto, tiene la necesidad de contar
con dicho sistema que permita la automatización de los procesos de gestión.
En las instituciones existen un conjunto de factores que inciden en el tratamiento eficaz y
eficiente de la documentación, basando en teoría como la administración de la información y el
propio desarrollo de tecnologías de la información.
12
2.2. Formulación del problema
¿Cómo influye el empleo de un Sistema Web en la Gestión de evidencias para la evaluación en
la carrera de Ing. Civil?
2.3. Preguntas derivadas
• ¿Qué importancia se le daría a un sistema web para la gestión de evidencia de
evaluación?
• ¿Cuál es el beneficio que aportaría el sistema web en la carrera de Ingeniería Civil?
III. OBJETIVOS
3.1. Objetivo general
Analizar el uso de un Sistema Web en la Gestión de evidencias de evaluación en la carrera de
Ing. Civil.
3.2. Objetivos específicos
• Determinar el nivel de cumplimiento, procesamiento y gestión de evidencias para la
evaluación de la carrera.
• Analizar las herramientas para el diseño de la solución web.
• Establecer los aspectos a considerar para el desarrollo de una aplicación web que
automatice la gestión de evidencias.
13
IV. JUSTIFICACIÓN
En la actualidad la educación superior principalmente las carreras están en una constante
evaluación, se hizo necesario el planteamiento de un sistema web para la automatización de
documentos, mejorando eficientemente el proceso de ingresar y guardar la información de la
documentación.
La carrera de Ingeniería Civil actualmente no cuenta con una herramienta que le proporcione esta
información de forma ágil, mediante el manejo de este sistema se permitirá almacenar en forma
sistematizada y oportuna las evidencias necesarias para la evaluación de la carrera.
Por lo tanto, es necesario diseñar un sistema web que sea amigable, dinámico, es por ello que
para la gestión de evidencia de evaluación facilitara a la carrera de Ingeniería Civil realizar tareas
de colaboración y mantenimiento de información que se requiera, sin tener inconvenientes, de
igual manera permitirá obtener todos los documentos necesarios de manera automática.
La solución que se recomienda no solo permitirá mejorar la generación de documentos, además
servirá como una plataforma de correspondencia ayudando a la comunicación entre Docentes y
Coordinadores.
Desde el punto de vista innovador, es importante que la carrera de Ingeniería civil se beneficie
del control y centralización de la documentación generada disminuyendo de manera considerable
el consumo de documentación en papel, garantizando la disponibilidad de los documentos al ser
fácilmente accesibles.
14
V. MARCO TEÓRICO
5.1 ANTECEDENTES
La utilización de aplicaciones web en Universidades, Instituciones u Organizaciones para la
automatización de los procesos administrativos y académicos, permite que los procesos se
agiliten y la información este disponible en todo momento.
5.2 BASE TEORICA
5.2.1 METODOLOGÍA DE LA EVALUACIÓN DE LA CALIDAD DE LA

EDUCACIÓN SUPERIOR
La evaluación de la calidad se efectúa mediante la evaluación externa, en la que aportan con
su experiencia y experticia académicos especializados en el área de conocimiento de la
carrera que participa del proceso de evaluación, conforme a lo establecido en el Art. 100 de
la LOES (2010):
[... j es el proceso de verificación que el CE.\. \CES realiza a través de pares académicos de la
totalidad o de las actividades institucionales o de una carrera o programa para determinar que
su desempeño cumple con las características y estándares de calidad de las instituciones de
educación superior y que sus actividades se realizan en concordancia con la misión, visión,
propósitos y objetivos institucionales o de carrera, de tal manera que pueda certificar ante
la sociedad la calidad académica y la integridad institucional. (CEAACES, 2017).
La metodología de evaluación de la calidad se basa en la normativa vigente (LOES, 201 O, Art.
95), que plantea:
[ ... ] una evaluación rigurosa sobre el cumplimiento de lineamientos, estándares y criterios
de calidad de nivel internacional, a las carreras, programas, postgrados e instituciones,
15
obligatoria e independiente, que definirá el Consejo <le Evaluación, Acreditación y
aseguramiento de la Calidad de la Educación Superior (CES). (CEAACES, 2017)
Por lo expuesto, se desprende que la evaluación se realiza estableciendo estándares de
calidad. La definición de estándares de calidad sirve para la evaluación de aspectos
específicos que se hacen operativos a través de indicadores. Para la metodología de
evaluación de carteras, programas e instituciones <le educación superior, que sustenta
el diseño e implementación de los modelos de evaluación del entorno de aprendizaje
se consideran dos tipos de estándares relacionados, principalmente, con las diferencias
existentes entre indicadores cualitativos y cuantitativos. (CEAACES, 2017).
5.2.2 ESTÁNDAR
Un estándar es un elemento sustancial en la evaluación de la calidad. Como se ha mencionado,
en el modelo se muestran estándares cualitativos y cuantitativos que requieren proposiciones
afirmativas y fórmulas de cálculo, respectivamente. (CEAACES, 2017).
Un estándar cualitativo es una proposición afirmativa que establece un conjunto de
cualidades que deben cumplir las carreras, programas e instituciones de educación superior,
para asegurar un mínimo de calidad establecido. La medición del desempeño de los
indicadores cualitativos es el resultado del proceso de evaluación externa. De acuerdo al
nivel de cumplimiento <le los indicadores cualitativos, se establecen cuatro niveles de
valoración:
• Deficiente: la carrera no cumple con el estándar definido, evidenciando deficiencias
que comprometen seriamente la consecución de los objetivos, y/o la información
presenta falencias que impiden un análisis adecuado.
16
• Poco Satisfactorio: La carrera cumple parcialmente con el estándar definido,
evidenciando deficiencias que comprometen la consecución de los objetivos.
• Satisfactorio: La carrera cumple con el estándar definido.
• Altamente satisfactorio: La carrera cumple con el estándar definido que presenta
características complementarias de creatividad, innovación o excelencia. (CEAACES,
2017).
Un estándar cuantitativo se establece a partir de una función que determina un valor
numérico de O a 1 en base al valor del indicador; siendo el valor de "O" equivalente
a un desempeño nulo de la carrera, programa o institución de educación superior, y el valor
de "1" equivalente al cumplimiento del estándar que asegura un mínimo de calidad. Esta
función se llama función de utilidad. En todos los indicadores cuantitativos se presentan y
describen la fórmula de cálculo y las variables utilizadas. (CEAACES, 2017).
En el caso de los indicadores cuantitativos la valoración se obtiene de manera directa luego
de realizar el cálculo respectivo. (CEAACES, 2017).
5.2.3 MARCO NORMATIVO
Las normativas, leyes y reglamentos del Sistema de Educación Superior ecuatoriano
contribuyen a sustentar la implementación y en algunos casos conceptualizar o describir el
enfoque en la evaluación; estas se presentan en los casos pertinentes. Sin embargo, hay que
recordar que una evaluación de la calidad no necesariamente se reduce a la verificación del
cumplimiento de normativas; se trata de determinar si las acciones emprendidas garantizan
el logro de los niveles de excelencia, sea a corto y largo plazo. (CEAACES, 2017)
17
5.2.4 EVIDENCIAS
Las evidencias son fuentes de información de carácter documental que se relacionan
con cada indicador; en particular, permiten justificar los valores de cierras variables
entregados por las IES (por ejemplo: número de profesores a tiempo completo, número
de publicaciones indexadas, etc.) o la existencia de documentos específicos (por ejemplo,
sobre la pertinencia de la carrera, proyecto curricular, etc.) Estas son cargadas al
sistema de Gestión <le la Información de Instituciones de Educación Superior (GllES)
antes del proceso de evaluación. Salvo que se indique lo contrario, el periodo de vigencia
de las evidencias corresponde a los dos últimos periodos académicos ordinarios o último
año concluido antes del inicio del proceso de evaluación. (CEAACES, 2017)
5.2.5 SISTEMA WEB
“En la Ingeniería de software se denomina aplicación o sistema web a aquellas aplicaciones que
los usuarios pueden utilizar accediendo a un servidor web a través de internet o de una intranet
mediante un navegador”. (Peñafiel, M., 2013).
“Una aplicación web es aquella aplicación que los usuarios pueden utilizar accediendo a un
servidor web a través de internet o una intranet. Es una aplicación de software que se codifica en
un lenguaje soportado por los navegadores web. Permiten una comunicación fluida y dinámica
en el modelo cliente-servidor. Su compatibilidad multiplataforma es la principal ventaja
aportando mayor disponibilidad, debido a esto puede ser utilizadas siempre que se tenga conexión
a un servidor web”. (Mora, 2002).
18
5.2.6 HTML
HTML son las siglas de Hyper Text Markup Language (Lenguaje de Marcas de Hipertexto). Este
es un lenguaje de marcas predominante para la construcción de páginas web. Es usado para
describir la estructura y el contenido en forma de texto, así como referenciar otros recursos como
imágenes, audio, video. HTML se escribe en forma de “etiquetas” o “marcas”, rodeadas por
corchetes angulares “<”p”>”. (MARTÍNEZ, 2015).
5.2.7 PHP
Según (Rodriguez, 2009) PHP es: “Un lenguaje de programación. Se interpreta por un servidor
web apache y genera código HTML dinámico. Permite crear un programa que se pueda
ejecutaren el servicio desde un programa visualizador de páginas Web y dar respuesta en función
de los datos que introduzca el usuario. El cliente nunca vero el código del programa PHP, solo le
llegarán las paginas HTML que genere el programa”.
Se entiende que PHP es un lenguaje de programación Web de “código abierto” interpretado,
ejecutado por un servidor. Asimismo, PHP es un lenguaje de programación que fue diseñado
específicamente para el desarrollo y producción de páginas web que se ejecuta por medio de un
servidor donde es presentado por medio de un navegador.
Según (Mauricio García de Ceca, 2012) las principales ventajas de usar PHP son las siguientes:
• PHP tiene soporte para la programación orientada a objetos, es decir, es posible crear
clases para la construcción de objetos, son sus constructores.
• Programación con páginas web dinámicas, habitualmente en combinación con el motor
de base de datos de MySQL, aunque puede soportar otros motores de base de datos, lo
que amplía a gran medida sus posibilidades de conexión.
• Cuenta con una sintaxis similar a la de C, C++ o Perl.
19
• PHP cuenta con una extensa librería de funciones que facilitan enormemente el trabajo
de los desarrolladores.
• El programa PHP es ejecutado en el servidor y el resultado enviado a un navegador.
5.2.8 JAVASCRIPT
JavaScript se muestra como un lenguaje de desarrollo de aplicaciones cliente/servidor a través
de Internet. El programa en JavaScript tiene la peculiaridad de que está insertado dentro del
mismo HTML que lo presenta al usuario. (S.L., 2001)
JavaScript es un lenguaje de programación utilizado principalmente para el desarrollo de páginas
Web. Una página web es considerada estática cuando solo muestra contenido determinado por el
creador y con pocas opciones para el usuario. (javascript, 2012).
5.2.9 MySQL
Se define una base de datos como una serie de datos organizados y relacionados entre sí, los
cuales, son recogidos y explotados por los sistemas de información.
Las principales características de los sistemas de base de datos están:
• Redundancia mínima
• Integración de datos
• Consultas optimizadas
• Seguridad de acceso y auditorias
• Respaldo y recuperación
• Acceso a través de lenguaje de programación estándar
Según (GILFILLAN, 2003) La Biblia MySQL: “MySQL es un sistema de administración de base
de datos relacional (RDBMS). Se trata de un programa capaz de almacenar una enorme cantidad
20
de datos de gran variedad y distribuirlos para cubrir las necesidades de cualquier tipo de
organización, desde pequeños establecimientos comerciales a grandes empresas y organismos
administrativos”.
En un sistema de gestión de datos con licencia GPL desarrollada por MySQL A.B., es
considerada como una de las bases de datos de código open source más populares en el ambiente
del desarrollo, muy usada en los servidores webs, por su sencillo manejo y administración con
consolas como PHPMyAdmin.
5.2.10 BOOTSTRAP
(Arias, 2014) Dice que: “Bootstrap es un enfoque de diseño web destinado a la elaboración de
sitios web para proporcionar una visualización óptima para una experiencia de navegación fácil
y con un mínimo de cambio de tamaño, paneo, y desplazamiento a través de una amplia gama
de dispositivos (de los monitores de ordenador de escritorio al terminal móviles)” (p. 10).
Bootstrap presenta las siguientes ventajas:
• Twitter realiza los mantenimientos y actualizaciones.
• Bootstrap permite diseñar una web con combinaciones de HTML, CSS y
JavaScript.
• Contiene plantillas de sencilla adaptación responsive.
• Es una herramienta sencilla y ágil.
• Contiene varios plugins. (Tecnologias, 2016).
21
5.2.11 SERVIDOR WEB
El Servidor Web envía informaciones a los clientes, como documentos HTML, imágenes, videos,
texto, presentaciones y todo tipo de información.(Garcia, 2018)
Por otro lado, según (Fiallos, 2012) los servidores Web, servidores de correo y servidores de
base de datos son a los que tiene acceso la mayoría de la gente al usar Internet. Algunos servidores
manejan solamente correo o solamente archivos, mientras que otros hacen más de un trabajo, ya
que un mismo ordenador puede tener diferentes programas de servidor funcionando al mismo
tiempo. Los servidores se conectan a la red mediante una interfaz que puede ser una red
verdadera o mediante conexión vía línea telefónica o digital. Un servidor web es un programa q
atiende y responde las diversas peticiones que realizan los navegadores, proporcionándoles los
recursos que solicitan mediante protocolo HTTP o el protocolo HTTPS (la versión segura, cifrada
y autentica de HTTP).
METODOLOGIA UWE
De acuerdo a (Citlali G. Nieves-Guerrero, 2014) UWE es una metodología que permite
especificar de mejor manera una aplicación Web en su proceso de creación mantiene una
notación estándar basada en el uso de UML (Unified Modeling Language) para sus modelos y
sus métodos, lo que facilita la transición. La metodología define claramente la construcción de
cada uno de los elementos del modelo.
En su implementación se deben contemplar las siguientes etapas y modelos:
• Análisis de requisitos. Plasma los requisitos funcionales de la aplicación Web mediante
un modelo de casos de uso.
22
• Modelo de contenido. Define, mediante un diagrama de clases, los conceptos a detalle
involucrados en la aplicación.
• Modelo de navegación. Representa la navegación de los objetos dentro de la aplicación y
un conjunto de estructuras como son índices, menús y consultas.
• Modelo de presentación. Representa las interfaces de usuario por medio de vistas
abstractas.
• Modelo de proceso. Representa el aspecto que tienen las actividades que se conectan con
cada clase de proceso.
• Como se hace notar, UWE provee diferentes modelos que permite describir una
aplicación Web desde varios puntos de vista abstractos. (Citlali G. Nieves-Guerrero,
2014)
23
5.3 MARCO CONCEPTUAL
Aplicación Web: Aplicación que los usuarios pueden utilizar accediendo a un
servidor web a través de internet o una intranet
HTML: Lenguaje de marcas predominante para la construcción de páginas web.
PHP: Permite crear un programa que se pueda ejecutaren el servicio desde un
programa visualizador de páginas Web y dar respuesta en función de los datos que
introduzca el usuario.
JavaScript: Lenguaje de desarrollo de aplicaciones cliente/servidor a través de
Internet.
MySQL: Es una base de datos como una serie de datos organizados y relacionados
entre sí.
Servidor Web: Es un ordenador que está al servicio de otras máquinas,
ordenadores o personas llamadas clientes y que le proveen a estos, todo tipo de
información.
Plugins: Es una aplicación que se relaciona con otra para agregarle una función
nueva.
JQuery: Es una biblioteca multiplataforma de JavaScript, que permite simplificar
la manera de interactuar con los documentos HTML.
BOOTSTRAP: Es un enfoque de diseño web destinado a la elaboración de sitios
web.
24
VI HIPÓTESIS Y VARIABLES
¿Qué importancia tendría un sistema web para la gestión de evidencia de
evaluación?
5.4 Variable Independiente:
Sistema Web.
5.5 Variable Dependiente:
Gestión de Evidencia de Evaluación.
VII METODOLOGÍA
7.1 TIPO DE INVESTIGACIÓN
7.2 MÉTODOS.
Documental: Se utilizó esta modalidad con el fin de recopilar información
necesaria de libros e internet, con el propósito de ampliar el enfoque ya obtenidos
en la presente investigación.
Análisis y síntesis: Se utilizó para comprender el proceso de gestión actual,
permitiendo tomar decisiones para la solución del problema encontrado, en base a
toda la información recolectada.
7.3 POBLACIÓN.
Mediante la investigación que se realizó en la Carrera de ingeniería Civil, se realizó
encuestas y entrevistas a las autoridades y dicentes y de la carrera.
7.4 TÉCNICAS.
Observación: La observación ayudo palpar la problemática dentro de la
carrera de Ingeniería Civil.
25
Encuestas: Se obtuvo información mediante la formulación de un
cuestionario hacia los docentes de la carrera.
Entrevista: Se recopilo información mediante una conversación con el
Coordinador y las secretarias de la carrera.
Recolección de Información: se realizó encuestas, entrevistas
para lograr los objetivos que se plantearon en esta investigación.
7.5 RECURSOS.
7.5.1 TALENTO HUMANO.
• Tutor del Proyecto de Investigación
• Docentes
• Coordinador
7.5.2 MATERIALES.
• Laptop.
• Software libre.
• Flash memory.
• Impresiones.
• Remas de Papel.
• Internet.
• Libros digitales.
• Dominio
26
VIII PRESUPUESTO.
Cuadro N° 1 Presupuesto
N° Descripción Valor Unitario Cantidad Valor Total
1 Equipos informáticos $ 70,00 2 $ 140,00
2 Flash memory $ 10,00 1 $ 10,00
3 Impresora $ 100,00 1 $ 100,00
4 Internet $ 30,00 6 (meses) $ 180,00
11 Resma de papel $ 4,00 6 $ 24,00
12 Dominio $ 100.00 30 $ 100,00
Total $ 554,00
27
IX ANÁLISIS Y TABULACIÓN DE LOS RESULTADOS.
Se procedió a recolectar información, por medio de encuestas y entrevistas dirigidas

al Coordinador y Docentes de la Carrera de la Carrera de Ingeniería Civil.
ENCUESTA
Pregunta Nº1: ¿Sabe o ha escuchado acerca de las plataformas web?
Cuadro N° 2 Plataforma Web

Descripción Frecuencia Porcentaje
Si 12 43%
No 15 54%
No Sabe 1 4%
Total 28 100%
4%
43%
53%
Si No No Sabe
Ilustración N°1 Plataforma Web
ANÁLISIS:
De acuerdo con los resultados obtenidos 12 docentes que representan 43% si has
escuchado sobre los Sistemas Web, 15 docentes que representan el 15% no has
escuchado sobre los Sistemas Web, mientras que 1 docentes que representa el 4%
no tienen conocimiento sobre los sistemas web.
28
Pregunta Nº2: ¿Conoce Usted si existe alguna aplicación web o un sistema
aislado en la carrera para la carga y control de evidencias?
Cuadro N° 3 Existencia de Aplicación Web

Si 0 0%
No 20 71%
No Sabe 8 29%
Total 28 100%
0%
29%
71%
Si No No Sabe
Ilustración N° 2 Existencia de Aplicación Web

ANÁLISIS:
De acuerdo a los resultados obtenidos 20 docentes que representa el 71% nos
dicen que no existe una aplicación web en la carrera, mientras que 8 docentes que
representan el 29% no saben si existen alguna aplicación dentro de la Carrera.
29
Pregunta Nº3: ¿Usted considera que los documentos necesarios para la
evaluación y acreditación de la carrera deben ser almacenados en una
plataforma web?
Cuadro N° 4 Documentos para la evaluación y acreditación

Si 28 100%
No 0 0%
No Sabe 0 0%
Total 28 100%
0%
100%
Si No No Sabe
Ilustración N° 3 Documentos para la evaluación y acreditación

ANÁLISIS:
De acuerdo con los resultados obtenidos 28 docentes que representan el 100%
considera necesario que los documentos para evaluación de las carreras deban ser
almacenados en una plataforma web.
30
Pregunta Nº4: ¿Usted considera que el servicio de internet actual es
eficiente?
Cuadro N° 5 Servicio de Internet

Si 23 82%
No 5 18%
No Sabe 0 0%
Total 28 100%
0%
18%
82%
Si No No Sabe
Ilustración N° 4 Servicio de Internet

ANÁLISIS:
De acuerdo con los resultados 23 docentes que representan el 82% consideran que
el servicio del internet si es eficiente, mientras que 5 docentes que representan el
18% consideran que el internet no es eficiente.
31
Pregunta Nº5: ¿Considera usted que con la implementación de una aplicación web
se mejoraría la automatización de los documentos?
Cuadro N° 6 Implementación de la Aplicación Web

Si 28 100%
No 0 0%
No Sabe 0 0%
Total 28 100%
0%
100%
Si No No Sabe
Ilustración N° 5 Implementación de la Aplicación Web

ANÁLISIS:
De acuerdo con los resultados 28 docentes que representan el 100% consideran
que con la implementación de una aplicación web se mejoraría la automatización
de los documentos en la carrera de ingeniería Civil.
32
Pregunta Nº6: ¿Usted considera que los documentos deben ser ingresados en una
plataforma Web?
Cuadro N° 7 Ingresar Documentos en Plataforma Web

Si 28 100%
No 0 0%
No Sabe 0 0%
Total 28 100%
0%
100%
Si No No Sabe
Ilustración N° 6 Ingresar Documentos en Plataforma Web
ANÁLISIS:
De acuerdo con los resultados 28 docentes que representan el 100% consideran que
los documentos deben ser ingresados en una plataforma web.
33
Pregunta Nº7: ¿Cree usted que él uso de una plataforma web beneficiara a la
Carrera de Ingeniería Civil?
Cuadro N° 8 Beneficios de una plataforma Web

Si 28 100%
No 0 0%
No Sabe 0 0%
Total 28 100%
0%
100%
Si No No Sabe
Ilustración N° 7 Beneficios de una Plataforma Web

ANÁLISIS:
De acuerdo con los resultados 28 docentes que representan el 100% creen que el
uso de una plataforma web beneficiarían a la Carrera de ingeniería Civil.
34
Pregunta Nº8: ¿Considera Usted que con la implementación de una
aplicación web contribuirá con el cumplimiento de uno de los criterios
establecidos por el CACES?
Cuadro N° 9 Cumplimiento con Criterios

Si 28 100%
No 0 0%
No Sabe 0 0%
Total 28 100%
0%
100%
Si No No Sabe
Ilustración N° 8 Cumplimiento de Criterios

ANÁLISIS:
De acuerdo con los resultados 28 docentes que representan el 100% consideran
que con la implementación de la plataforma web se contribuirá en el
cumplimiento de uno de los criterios establecidos por el CACES.
35
ENTREVISTA
Pregunta No. 1
¿Conoce o Sabe ud acerca de las Plataforma Web?
El Coordinador de la carrera índico que si había escuchado sobre las Plataformas
Web, que son de mucha ayuda para simplificar los trabajos dentro de una
institución.
Pregunta No. 2
¿En la carrera existe alguna aplicación web o un sistema aislado para la carga
y control de evidencias?
El coordinador de la carrera indico que en la carrera no existe una aplicación web,
mucho menos una aplicación para el control y carga de documentos.
Pregunta No. 3
¿Usted considera que los documentos necesarios para la evaluación y
acreditación de la carrera deben ser almacenados en una plataforma web?
El coordinador de la carrera índico que si sería necesario ya que actualmente los
documentos se manejan de manera manual.
Pregunta No. 4
¿Usted considera que el servicio de internet actual es eficiente?
El coordinador de la carrera indico que el servicio de internet en este momento es
eficiente y que la carrera se encuentra en proceso de contratación de más ancho de
banda.
36
Pregunta No 5
¿Considera usted que con la implementación de una aplicación web se
mejoraría la automatización de los documentos?
El Coordinador de la carrera indico que si es necesario la implementación de un
sistema web para que facilite la automatización de los documentos de manera
eficaz.
Pregunta No 6
¿Considera Usted que con la implementación de una aplicación web
contribuirá con el cumplimiento de uno de los criterios establecidos por el
CACES?
El coordinador indico que efectivamente la aplicación Web contribuirá con el
cumplimiento de uno de los indicadores establecidos por el CACES, ya que se
podrán automatizar todo los documentos.
37
X. BIBLIOGRAFÍA
Aguilar Riera , E. G., & Dávila Garzón, D. A. (2013). Análisis, diseño e
implementación de la aplicación web para el manejo del distributivo de la
facultad de ingeniería. Cuenca.
Arias, M. (2014). Webs Responsivas. Responsive Design. IT Campus Academy.
CEAACES. (2017). MODELO DE EVALUACIÓN DEL ENTORNO DE
APRENDIZAJE DE LA CARRERA DE ENFERMERIA . QUITO.
Citlali G. Nieves-Guerrero, J. P.-P.-D. (2014). UWE en Sistema de
Recomendación de Objetos de Aprendizaje. Aplicando Ingeniería Web:
Un Método en Caso de Estudio. Latinoamericana de Ingeniería de
Software, 137.
Fiallos, J. N. (2012). “ESTUDIO COMPARATIVO DEL RENDIMIENTO DE
SERVIDORES WEB DE VIRTUALIZACION SOBRE PLATAFORMA
WINDOWS SERVER 2008. Riobamba.
Fuentes, M. d. (2011). NOTAS DEL CURSO: ANALISIS DE REQUERIMIENTOS.
Tlalpan: UNIVERSIDAD AUTONOMA METROPOLITANA .
Garcia, M. S. (02 de 03 de 2018). aprenderaprogramar.com . Obtenido de
https://www.aprenderaprogramar.com/index.php?option=com_content&vi
ew=article&id=542:que-es-un-servidor-y-cuales-son-los-principales-tipos-
de-servidores-proxydns-webftppop3-y-smtp-dhcp&catid=57&Itemid=179
GILFILLAN, I. (2003). LA BIBLIA DE MYSQL. Madrid: ANAYA
MULTIMEDIA.
38
javascript, I. a. (2012). Iniciación a javascript. Madrid: Ministerio de Educación-
España.
MARTÍNEZ, J. F. (2015). Creación de páginas web con el lenguaje de marcas.
Madrid: Paraninfo.
Mauricio García de Ceca, W. (2012). Software libre para el control y gestión de
los procesos administrativos y academico de instituciones privadas para
educación de ciclos básicos, medio y diversificado. Caracas.
Mora, S. L. (2002). Programación de aplicaciones Web: historia, principios
básicos y clientes web. Alicante: Editorial Club Aniversario.
Peñafiel, M. (2013). Aplicaciones Web. Facultad de Informatica y Electronica ,
Chimborazo.
Rodriguez, P. M. (2009). MANTENIMIENTO DE PORTALES DE
INFORMACIÓN. En P. M. Rodríguez, MANTENIMIENTO DE
PORTALES DE INFORMACIÓN (pag.123). Malaga: Vision Libro.
S.L., I. y. (2001). JavaScript. Malaga: Innovación y Cualificación S.L.
Tecnologias, I. d. (20 de Enero de 2016). Instituto de Nuevas Tecnologias.
Obtenido de http://tecnologiaenvivo.com/bootstrap-ventajas-y-
desventajas/
39
XI. PROPUESTA
12.1 TITÚLO
Implementación De Un Sistema Web De Gestión De Evidencia Para La Carrera De
Ingeniería Civil.
12.2 JUSTIFICACIÓN
En la actualidad las aplicaciones web se desarrollan con el fin de ser utilizadas desde
cualquier computador o teléfono móvil con acceso a internet, estas ofrecen
beneficios a los usuarios internos y externos.
Las aplicaciones Web en Universidades y Organizaciones se han convertido en una
herramienta indispensable para la gestión de documentos.
La propuesta se ha elaborado con el fin de automatizar la gestión de documentos
para la evaluación de la Carrera de ingeniería Civil, después de recopilar la
información de campo.
40
12.3 OBJETIVOS
Objetivo general
Implementar un sistema web de Gestión de evidencia de evaluación para la carrera
de Ingeniería civil.
Objetivos específicos
• Realizar el modelado de la base de datos relacional que se acomode a los
requerimientos de almacenamiento y manipulación de datos.
• Diseñar las Interfaces gráficas de la solución web.
• Implementar la aplicación Web basada en software libre en la carrera de
Ing. Civil.
41
12.4 FACTIBILIDAD DE LA APLICACIÓN
En la investigación de campo realizada en la Carrera de Ingeniería Civil, se constató
que no cuentan con una aplicación web para la automatización de documentos, por
lo tanto, el diseño de una aplicación beneficiaria a la gestión de evidencias.
La plataforma web de gestión de evidencia realizará lo siguiente:
• Carga de evidencias para Indicadores en Academia.
• Carga de Nomina de Docentes Tiempo Completo, Medio Tiempo,
Contratados.
• Carga de hojas de vida de docentes.
• Registro de Periodos Académicos.
• Listado de Estudiantes.
• Control y calificación por parte de la comisión de evaluación sobre el
cumplimiento de los procesos académicos.
42
12.5 DESCRIPCIÓN DE LA PROPUESTA
Ilustración 9: Estructura de la Plataforma Web.

Autor: Arianna Cantos
12.5.1 DISEÑO DE LA PLATAFORMA WEB, PARA LA GESTIÓN DE
EVIDENCIAS.
El diseño de la aplicación web permitirá la carga y seguimiento de las evidencias,
permitiendo sistematizar los procesos, aprovechando las herramientas tecnológicas
utilizadas en la actualidad.
La aplicación web en la carrera de Ingeniería Civil permitirá acceder a información
actualizada y ordenada, permitiendo que las personas que interactúen con la
aplicación puedan utilizarla en cualquier momento.
12.6 ESTRUCTURA DE LA PROPUESTA
En la estructuración de la aplicación web se consideraron las etapas de desarrollo
de un software: Análisis; Diseño; Desarrollo e Implementación.
12.6.1 ANÁLISIS DE LA APLICACIÓN WEB
En los resultados obtenidos de la investigación de campo, se comprobó que es
necesario la implementación de una aplicación web que permita cargar y controlar
las evidencias.
43
12.6.2 USUARIOS DE LA PLATAFORMA WEB
Usuarios que interactúan en la aplicación web:
Coordinador. - Es el encargado de controlar los cumplimientos.
Docentes. - Son los que deben realizar la carga de las evidencias de acuerdo a lo
estipulado en la Evaluación de las Carreras.
Evaluador. - Es el encargado calificar la información del checklist de la Evaluación
de las evidencias.
12.6.3 ANALISIS DE REQUERIMIENTOS
“Es el conjunto de técnicas y procedimientos que nos permiten conocer los
elementos necesarios para definir un proyecto de software. Es una tarea de
ingeniería del software que permite especificar las características operacionales del
software, indicar la interfaz del software con otros elementos del sistema y
establecer las restricciones que debe cumplir el software.” (Fuentes, 2011)
12.6.3.1 REQUERIMIENTOS FUNCIONALES
De acuerdo a la propuesta de (Aguilar Riera & Dávila Garzón, 2013) los
requerimientos funcionales permiten describir los comportamientos o servicios
internos desempeñados por la aplicación.
(Aguilar Riera & Dávila Garzón, 2013) Utilizo un esquema especificando los
identificadores que se utilizaran en este proyecto:
• Número de Identificación del requerimiento.
• Nombre del Requerimiento
• Descripción General.
• Prioridad con la que cuenta el requisito a continuación. (Aguilar Riera &
Dávila Garzón, 2013).
44
Cuadro N° 10 - RF01 Control de Acceso
Número RF01
Nombre Acceso de los usuarios
Descripción Es una pantalla de seguridad, permitiendo solo el ingreso
a usuarios registrados en la aplicación web.
Prioridad Alta
FUENTE: Investigación de Campo
ELABORACIÓN: Arianna Cantos
Cuadro N° 11 - RF02 Registro, Modificación y Eliminación de Usuarios
Número RF02
Nombre Registrar, modificar, eliminar y asignar los usuarios
Descripción Los usuarios tendrán acceso a la aplicación web de
acuerdo a las funciones asignadas por el administrador,
el mismo puede modificar, actualizar o eliminar los
usuarios ingresados.
Prioridad Alta
45
Cuadro N° 12 - RF03 Registro y Modificación de Docentes
Número RF03
Nombre Ingresar y actualizar los datos de cada docente de la
Carrera
Descripción Los datos de los docentes en la aplicación web
podrán ser registrados y modificados.
Prioridad Alta
Cuadro N° 13- RF07 Subir las evidencias de los Criterios de la Evaluación de

Academia
Número RF07
Nombre Subir las evidencias de los Criterios de la Evaluación de
Academia
Descripción Las evidencias de cada docente serán subidas de acuerdo
a lo estipulado.
Prioridad Alta
46
12.6.3.2 REQUERIMIENTOS NO FUNCIONALES
De acuerdo con la propuesta de (Aguilar Riera & Dávila Garzón, 2013) los
requerimientos no funcionales son empleados para valorizar la operación de una
aplicación.
Cuadro N° 14 - RNF08 Interfaces sencillas y amigables
Número RNF08
Nombre Elaborar Informes
Descripción Se presentará una interfaz de acuerdo a las herramientas
utilizadas en cada requerimiento de la aplicación Web.
Prioridad Alta
Cuadro N° 15 - RNF09 Adaptable a cualquier navegador
Número RNF09
Nombre Adaptable a cualquier navegador Web
Descripción Los usuarios podrán tener accesos en diferentes
navegadores web a las opciones permitidas.
Prioridad Alta
47
Cuadro N° 16 - RNF10 Seguridad
Número RNF10
Nombre Seguridad de la Aplicación Web
Descripción Denegar el acceso al código fuente a usuarios
restringidos en la aplicación , incorporando métodos de
seguridad y encriptación.
Prioridad Alta
12.6.4 REQUERIMIENTOS PARA EL DESARROLLO DEL SOFTWARE
Para el desarrollo del software se utilizarán softwares libres: lenguajes de
programación, servidores web, base de datos y entornos de desarrollo integrado.
12.6.4.1 Servidor de Aplicaciones Web
Se utilizará el Apache Web Server, entorno más utilizado para el desarrollo con
PHP para el desarrollo de proyectos en Universidades y Organizaciones.
El servidor esta diseñado para utilizarse en varias plataformas, siendo compatible
con sistemas operativos como Windows, Mac OS y Linux, además es gratis y fácil
de usar e instalar.
El manejo fácil e inmediato de artículos de ayuda y soporte en XAMPP Apache es
otro de los factores para su utilización.
48
12.6.4.2 Gestor de bases de datos
MySQL es utilizado para el desarrollo de aplicaciones web, siendo el cliente para
gestor de datos es el PHPMyAdmin, que se lo ejecuta en el navegador por medio
del Local host.
12.6.4.3 Lenguaje de Programación
Se recomienda para el desarrollo de la plataforma el lenguaje PHP, ya que es
compatible e integra el gestor de bases de datos y servidor de aplicaciones.
El lenguaje PHP permite una mejor funcionalidad al desarrollar aplicaciones Web
ya que contiene una gran cantidad de librerías y permite integrarse con HTML,
JavaScript para que su operatividad sea eficaz.
12.6.4.4 Entorno de Desarrollo
El programa Sublime Text 2 es un editor de texto para códigos gratuito, se utilizará
para el desarrollo de la aplicación en PHP, teniendo una interfaz limpia que soporta
el uso de Plugins, Snippets, además puede ser utilizador en varias plataformas web.
12.6.5 MODELOS DE CASOS DE USO Y DESCRIPCIÓN DE CASOS DE
USO
Las actividades secuenciales que se ejecutan y los actores que intervienen en cada
proceso son descritas por los casos de uso.
Los actores que van a interactuar con las aplicaciones deben primero definirse en
los casos de usos de la aplicación web.
49
Administrador: Es la persona encargada del mantenimiento de los usuarios.
Coordinador: Es el encargado de verificar que se cumplan con los requisitos de
los Criterios, también tiene los permisos para efectuar el mantenimiento de
docentes.
Docente: Es el encargado de ingresar los documentos necesarios en los criterios
para la evaluación de la carrera.
Evaluador: Es el encargado de calificar los checklist mediante los indicadores de
evaluación a carreras.
50
Ilustración N° 10
Caso de Uso N° 1: Registro de Usuarios
Cuadro N° 17- Caso de Uso N°1
CASO DE USO: Crear, Modificar y Eliminar Usuarios
1. Autor: Arianna Cantos
2. Fecha de Creación 20/04/2021
3. Descripción La aplicación web permitirá crear, modificar
y eliminar los usuarios.
4. Actores Administrador del Sistema
5. Precondiciones El usuario debe tener los permisos de
administrador para ejecutar los
requerimientos.
6. Datos de entrada Cédula del usuario, contraseña y tipo de
usuario
51
7. Secuencia Pasos.
1.1. Crear usuario El Administrador:
• Ingresará los datos del usuario.
• El sistema comprobará si los datos
del usuario no han sido creados
anteriormente. (no puede existir dos
usuarios con el mismo número de
cedula, contraseña y tipo).
• Solicitará a la aplicación para la
creación de un usuario.
• La aplicación emitirá un mensaje de
error en caso de que el usuario no
pueda ser ingresado, y también si la
solicitud fue aceptada.
1.1.1. Post condiciones
1.1.2. Excepciones
1.2. Modificar Usuarios El Administrador:
• Actualizará los datos del usuario.
• Buscará usuarios creados para poder
actualizar sus datos.
actualización de un usuario.
52
error en caso de la solicitud fue
aceptada o fallida.
1.2.1. Post condiciones Usuario Actualizado
1.2.2. Excepciones
1.3. Eliminar Usuarios El Administrador:
• Actualizará los datos del usuario.
• Buscará usuarios creados para poder
Eliminarlos.
• Solicitará a la aplicación la
eliminación de un usuario.
error en caso de la solicitud fue
aceptada o fallida.
1.3.1. Post condiciones Usuario Eliminado
1.3.2. Excepciones
2. Limitaciones Los datos que son ingresados son
responsabilidad del usuario. La aplicación no
garantiza la validez de los datos ingresados.
53
Ilustración N° 11
Caso de Uso N° 2: Acceso de Usuarios
Cuadro N° 18 - Caso de Uso N° 2
CASO DE USO: Acceso de usuarios
3. Descripción La aplicación web permitirá el acceso a los
usuarios.
4. Actores Administrador, Coordinador, Docentes y
Evaluador.
54
5. Precondiciones El usuario en caso de ser primero autorizado
por el administrador para poder acceder a la
aplicación.
6. Datos de entrada Cédula del usuario, contraseña y tipo de
usuario.
7. Secuencia Pasos.
7.1. Acceso de usuarios Los usuarios:
• Ingresarán sus datos para poder
realizar la petición a través del
servidor del sistema.
• El sistema validará los datos del
usuario para el acceso.
• El Sistema permitirá el acceso de
acuerdo a los privilegios asignados.
error en caso de que el usuario no este
habilitado o la solicitud no fue
aceptada.
7.1.1. Post condiciones El solicitante será direccionado a la página
de inicio.
55
Si el solicitante no existe o está deshabilitado
emitirá un mensaje de error.
7.1.2. Excepciones
56
Ilustración N° 12
Caso de Uso N° 3: Carga de Documentos de Docentes
Cuadro N° 19 - Caso de Uso N° 3
CASO DE USO: Carga de Documentos de Docentes
10. Descripción La aplicación web permitirá editar, eliminar
e ingresar los datos necesarios.
11. Actores Docentes y Administrador del Sistema
12. Precondiciones El usuario debe tener los privilegios
asignados por el de administrador para
ejecutar los requerimientos.
13. Datos de entrada Hoja de Vida
57
14. Secuencia Pasos.
2.1. Ingresar Documentos El Docente:
• Podrá subir su hoja de vida.
• El sistema comprobará si los datos no
han sido creados anteriormente. (si
no existe emitirá un mensaje).
creación.
error en caso de que los datos de su
hoja de vida no puedan ser ingresado,
y también si la solicitud fue aceptada.
El Administrador:
Se encargará del mantenimiento en caso
de que exista alguna inconsistencia en los
datos.
2.1.1. Post condiciones Ingresado
2.1.2. Excepciones
2.2. Editar Documentos El Docente:
• Podrá editar su hoja de vida.
no han sido creados anteriormente.
(si no existe emitirá un mensaje).
58
• Solicitará a la aplicación para editar
los datos para la hoja de vida.
error en caso de que los datos de la
hoja de vida no puedan ser editados,
y también si la solicitud fue aceptada.
El Administrador:
• Se encargará del mantenimiento en
caso de que exista alguna
inconsistencia en los datos.
2.2.1. Post condiciones Editado
2.2.2. Excepciones
2.3. Eliminar Documentos El Docente:
• Podrá eliminar los datos de su hoja de
vida.
• Solicitará a la aplicación para
eliminar los datos de la hoja de vida.
error en caso de que los datos de la
hoja de vida no puedan ser
59
eliminados y también si la solicitud
fue aceptada.
El Administrador:
2.3.1. Post condiciones Eliminado
60
Ilustración N° 13
Caso de Uso N° 4: Calificación del Evaluador
Cuadro N° 15- Caso de Uso N° 4
CASO DE USO: Calificación del Evaluador
17. Descripción La aplicación web permitirá editar, eliminar
e ingresar los datos necesarios.
18. Actores Evaluador y Administrador del Sistema
19. Precondiciones El usuario debe tener los privilegios
asignados por el de administrador para
ejecutar los requerimientos.
20. Datos de entrada Calificación
61
21. Secuencia Pasos.
3.1. Ingresar Calificación El Evaluador:
• Podrá Ingresar la calificación.
• El sistema comprobará si los datos no
han sido creados anteriormente. (si
no existe emitirá un mensaje).
creación.
error en caso de que la calificación no
pueda ser ingresada, y también si la
El Administrador:
Se encargará del mantenimiento en caso
de que exista alguna inconsistencia en los
datos.
3.1.1. Post condiciones Ingresado
3.1.2. Excepciones
3.2. Editar Calificación El Evaluador:
• Podrá editar la calificación.
62
• Solicitará a la aplicación para editar
la calificación.
pueda ser editada, y también si la
El Administrador:
3.2.1. Post condiciones Editado
3.2.2. Excepciones
3.3. Eliminar Calificación El Evaluador:
• Podrá eliminar la calificación.
• Solicitará a la aplicación para
eliminar la calificación.
pueda ser eliminada y también si la
63
El Administrador:
3.3.1. Post condiciones Eliminado
3.3.2. Excepciones
64
12.7 DISEÑO DE LAS INTERFACES
Los modelos para el desarrollo de interfaces, están orientados en base a la investigación y la interacción
que va a tener el usuario con la aplicación, los modelos se los realizan con el objetivo de que los
esquemas se vean más atractivos y dinámicos logrando que el usuario tenga una visión de la aplicación
a desarrollarse.
Interfaz Ingreso de Usuarios
Esta interfaz se la desarrollo en el editor sublime text2, utilizando las librerías de Bootstrap, CSS y
JavaScript, permite el acceso a los usuarios autorizados mediante su número de cedula y una contraseña
de seguridad.
Ilustración N° 14 - Interfaz ingreso de Usuario
Interfaz de Coordinación
El Coordinador solo podrá acceder a la plataforma web y realizar las actividades autorizadas y
asignadas por el administrador de la aplicación web.
65
Ilustración N° 15 - Interfaz de Coordinación
Interfaz de Docentes
El docente solo podrá ingresar a la plataforma web para actualizar su Hoja de vida, visualizar las
materias por periodos académicos.
Ilustración N° 16 - Interfaz de Docentes
66
Interfaz del Evaluador
El evaluador podrá calificar a los docentes en base a cada criterio.
Ilustración N° 17 - Interfaz del Evaluador
67
12.8 IMPLEMENTACIÓN
Antes de instalar los archivos del sistema, se recuerda que primero se debe importar la base de datos
en su gestor de base de datos MYSQL, este proceso no se describe ya que el procedimiento es genérico.
Se deben colocar las carpetas backend y frontend en el directorio web, puede ser en la raíz o en un
subdirectorio, opcionalmente se puede configurar un archivo .htaccess para evitar listar los directorios
y una redirección deseable a la carpeta frontend.
Configurando el backend:
Dentro de la carpeta backend debe existir un archivo de configuración llamado, config.php dentro del
mismo se deben colocar los siguientes parámetros:
$database_settings = [
‘host’ => ‘localhost’,
‘user’ => ‘root’,
‘password’ => ‘’,
‘database’ => ‘evidencias’
];
Parámetros de la base de datos MySQL
$media_path = [
‘resources’ => ‘C:\xampp\htdocs\arianna\backend\resources’,
];
Directorio donde se van a guardar los documentos que se van a subir al sistema, es importante recordar
que el servidor web y php deben tener los permisos suficientes (escritura y lectura) del directorio
objetivo.
68
$log_settings = [
‘path’ => ‘C:\xampp\htdocs\arianna\backend\webapp.log’,
];
Parametro del archivo log, se utiliza para escribir algunos errores que el framework puede tener durante
la ejecución de una solicitud, es un archivo cuyo objetivo es el seguimiento y la depuración de ciertas
requests con errores
$token_settings = [
‘loginSecretKey’ => ‘Xvdh5PrpdMgeC8wtSthDsK6S8TjlkqTLJbkKs93bVmjSfc5sZkkd81’,
];
El parametro loginSecretKey es utilizado como la clave privada que genera el token de sesion dentro
del sistema, puede ser cambiado opcionalmente, pero es importante recordar que no debe ser
compartido con niguna persona.
Configurando el frontend:
Dentro de la carpeta frontend, existen diversos archivos de configuración que deben ser modificados
para una instalación exitosa.
A continuación, se indican cuales son y que debe ir.
js/config.js
const config = {
‘serverApi’ : ‘http://localhost/arianna/backend/api/api.php’,
‘uploadApi’ : ‘http://localhost/arianna/backend/api/upload.php’,
‘webHome’ : ‘http://localhost/arianna/frontend’,
69
‘resources’ : ‘http://localhost/arianna/backend/api/media.php?codigo=’,
];
Los valores del arreglo config deben ser modificados de tal manera que el sufijo que apunten a la
existencia de los archivos indicados tanto en el backend como en el frontend
dashboard/settings/config.php
<?php
$config = array {
‘serverApi’ : ‘http://localhost/arianna/backend/api/api.php’,
‘resources’ : ‘http://localhost/arianna/backend/api/documentos.php?codigo=’,
‘logout’ : ‘http://localhost/arianna/frontend/dashboard/components/logout.php’,
‘database’ => array(
‘host’ => ‘localhost’,
‘host’ => ‘root’,
‘host’ => ‘’,
‘host’ => ‘arianna’
);
Se configuran las rutas y los parametros de conexión a la base de datos, de manera correcta.
70
XIII. CONCLUSIONES
• Se determino el cumplimiento, procesamiento y gestión de evidencias, y se pudo determinar
que es necesario que la documentación se automatice, concluyendo que la implementación de
una plataforma web permitirá tener un mejor control.
• Los resultados obtenidos permitieron la utilización de las herramientas para el diseño de la
plataforma web la cual se desarrolló e implementó para dar solución a la problemática de la
Carrera de ingeniería Civil.
• Los aspectos que se consideraron para el desarrollo fueron los más óptimos permitiendo agilitar
el desempeño de la gestión administrativa y académica, automatizando los procesos de manera
ágil y brindando seguridad en la información generada.
71
XIV. RECOMENDACIONES.
• Unos de los aspectos más importantes para el desarrollo de la plataforma web son los aspectos
técnicos, conceptuales, y estructurales.
• Para aprovechar la aplicación web en la automatización de documentos, es necesario seguir los
procedimientos en base a las actividades que realizara cada usuario.
• Los softwares libres para el desarrollo e implementación de un proyecto son una buena opción,
tienen un costo cero, ofrecen ventajas y beneficios.
72
ANEXOS
73
MANUAL DE
USUARIO
74
El presente documento, es una guía para el usuario, en donde se describe como utilizar el sistema de
gestión de evidencia de la carrera de Ingeniería Civil con el objetivo de que el usuario desempeñe sus
actividades de manera eficiente.
MANUAL PARA EL COORDINADOR (ADMINISTRADOR)
El administrador tendrá disponible dos módulos: Usuarios y Documentos.
El único rol que tiene acceso al módulo de usuarios es el coordinador, a continuación, se explicara
como utilizar ambos módulos desde la perspectiva del coordinador.
Vista principal del modulo
Formulario de registro de usuario
75
Dialogo para eliminar usuario
Dialogo para actualizar usuario
76
MÓDULO DE DOCUMENTOS
En esta sección del sistema, podrán interactuar, todos los roles (Coordinador, Docentes, Evaluadores).
Su objetivo es presentar diferentes opciones para gestionar la evidencia para la evaluación de la carrera,
dependiendo del rol que el usuario logueado se le restringirá la interacción en ciertas operaciones.
El conjunto total de operaciones es: Creación de evidencias, Lecturas de evidencias, Actualización de
evidencias y por último Eliminar evidencias. El rol coordinador tiene
disponible todas las operaciones previamente mencionadas, mas un plus para ver quien subió que
documento a través de la cedula del docente.
Vista general del modulo
77
Formulario de registro de evidencia
Dialogo para eliminar la evidencia
78
MANUAL PARA EL DOCENTE
evidencias y por último Eliminar evidencias.
El rol docente tiene disponible todas las operaciones previamente mencionadas.
A diferencias del rol de coordinar, el rol de docente solo podrá interactuar con la información que el
usuario logeado haya generado dicho registro.
79
Formulario de creación de evidencia
Dialogo para eliminar evidencia
80
Dialogo para editar evidencia
81
MANUAL PARA EL EVALUADOR
evidencias y por último Eliminar evidencias.
El rol de evaluador, permitirá: Lecturas de evidencia (Incluye la descarga)
82
ENCUESTAS PARA DOCENTES
PRESENTACIÓN: Buenos días/tardes. Estimado docente, estoy haciendo un estudio sobre una Plataforma Web,. Usted
ha sido elegido(a) y nos gustaría que respondiese al siguiente cuestionario. ESTO ES ABSOLUTAMENTE
CONFIDENCIAL, por lo que sus respuestas no serán conocidas por otras personas. No hay respuestas ni buenas ni malas.
Muchas gracias por su colaboración.
Pregunta Nº1: ¿Sabe o ha escuchado acerca de las plataformas web?
Sí No No sabe
Pregunta Nº2: ¿Conoce Usted si existe alguna aplicación web o un sistema aislado en la carrera para
la carga y control de evidencias?
Sí No No sabe
Pregunta Nº3: ¿Usted considera que los documentos necesarios para la evaluación y
acreditación de la carrera deben ser almacenados en una plataforma web?
Sí No No sabe
Pregunta Nº4: ¿Usted considera que el servicio de internet actual es eficiente?
Sí No No sabe
83
Pregunta Nº5: ¿Considera usted que con la implementación de una aplicación web se mejoraría la
automatización de los documentos?
Sí No No sabe
Pregunta Nº6: ¿Usted considera que los documentos deben ser ingresados en una plataforma Web?
Sí No No sabe
Pregunta Nº7: ¿Cree usted que él uso de una plataforma web beneficiara a la Carrera de Ingeniería
Civil?
Sí No No sabe
Pregunta Nº8: ¿Considera Usted que con la implementación de una aplicación web contribuirá con el
cumplimiento de uno de los criterios establecidos por el CEAACES?
Sí No No sabe
84
ENTREVISTA PARA COORDINADOR
PRESENTACIÓN: Buenos días/tardes. Estimado Coordinador, estoy haciendo un estudio sobre una Plataforma Web.
Usted ha sido elegido(a) y nos gustaría que respondiese al siguiente cuestionario. ESTO ES ABSOLUTAMENTE
CONFIDENCIAL, por lo que sus respuestas no serán conocidas por otras personas. No hay respuestas ni buenas ni malas.
Muchas gracias por su colaboración.
Pregunta No. 1
¿Conoce o Sabe ud acerca de las Plataforma Web?
Pregunta No. 2
¿En la carrera existe alguna aplicación web o un sistema aislado para la carga y control de evidencias?
Pregunta No. 3
¿Usted considera que los documentos necesarios para la evaluación y acreditación de la carrera deben
ser almacenados en una plataforma web?
Pregunta No. 4
¿Usted considera que el servicio de internet actual es eficiente?
Pregunta No 5
¿Considera usted que con la implementación de una aplicación web se mejoraría la automatización de
los documentos?
85
Pregunta No 6
¿Considera Usted que con la implementación de una aplicación web contribuirá con el cumplimiento
de uno de los criterios establecidos por el CACES?
86
87
88
89
90

Cantos Victores Arianna Lilibeth

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Cantos Victores Arianna Lilibeth

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD ESTATAL DEL SUR DE MANABÍ

FACULTAD DE CIENCIAS TÉCNICAS.

CARRERA DE INGENIERÍA EN COMPUTACIÓN Y REDES.

PREVIO A LA OBTENCIÓN DEL TÍTULO DE:

INGENIERA EN COMPUTACIÓN Y REDES.

TÍTULO DEL PROYECTO DE INVESTIGACIÓN:

SISTEMA WEB DE GESTIÓN DE EVIDENCIA DE EVALUACIÓN PARA LA

ARIANNA LILIBETH CANTOS VICTORES

ING. VICENTE ROMERO CASTRO. MG.SC.

Jipijapa – Manabí - Ecuador

Proyecto de Titulación sometido a consideración del Tribunal de Titulación de la

Carrera de Ingeniería en Computación y Redes -Facultad de Ciencias Técnicas de

título de Ingeniera en Computación y Redes.

Tema: “Sistema Web de Gestión de Evidencia de Evaluación para la

Carrera de Ingeniería Civil”

APROBADO POR EL TRIBUNAL EXAMINADOR DEL PROYECTO DE

PRESIDENTE DEL TRIBUNAL

Ing. Martha Irene Romero Castro, Mg. Sc

MIEMBRO DEL TRIBUNAL

Ing. Magdalena Tóala Zambrano, Mg.

MIEMBRO DEL TRIBUNAL

Ing. José Alava Cruzatty, Mg.

MIEMBRO DEL TRIBUNAL

Ing. Jhimmy Toala Arias, Mg. Sc.

ÍNDICE DE CONTENIDO .................................................................................................................... 4

Cuadro N° 1 Presupuesto ........................................................................................................ 27

Cuadro N° 3 Existencia de Aplicación Web .......................................................................... 29

Cuadro N° 4 Documentos para la evaluación y acreditación................................................ 30

Cuadro N° 5 Servicio de Internet ............................................................................................ 31

Cuadro N° 6 Implementación de la Aplicación Web ............................................................ 32

Cuadro N° 7 Ingresar Documentos en Plataforma Web ...................................................... 33

Cuadro N° 8 Beneficios de una plataforma Web .................................................................. 34

Cuadro N° 9 Cumplimiento con Criterios ............................................................................. 35

Cuadro N° 10 - RF01 Control de Acceso ............................................................................... 45

Cuadro N° 11 - RF02 Registro, Modificación y Eliminación de Usuarios .......................... 45

Cuadro N° 12 - RF03 Registro y Modificación de Docentes ................................................. 46

Cuadro N° 14 - RNF08 Interfaces sencillas y amigables ...................................................... 48

Cuadro N° 15 - RNF09 Adaptable a cualquier navegador .................................................... 48

Cuadro N° 16 - RNF10 Seguridad .......................................................................................... 49

Cuadro N° 17- Caso de Uso N°1.............................................................................................. 51

Cuadro N° 18 - Caso de Uso N° 2............................................................................................ 54

Cuadro N° 19 - Caso de Uso N° 3............................................................................................ 57

Cuadro N° 20 - Caso de Uso N° 4............................................................................................ 61

Ilustración N°1 Plataforma Web ............................................................................................. 28

Ilustración N° 3 Documentos para la evaluación y acreditación .......................................... 29

Ilustración N° 4 Servicio de Internet ....................................................................................... 31

Ilustración N° 5 Implementación de la Aplicación Web........................................................ 32

Ilustración N° 6 Ingresar Documentos en Plataforma Web.................................................. 33

Ilustración N° 7 Beneficios de una Plataforma Web .............................................................. 34

Ilustración N° 8 Cumplimiento de Criterios ........................................................................... 35

Ilustración 9: Estructura de la Plataforma Web. ................................................................... 43

Ilustración N° 10 - Caso de Uso N°1 ..................................................................................... 51

Ilustración N° 11- Caso de Uso N°2 ........................................................................................ 54

Ilustración N° 12- Caso de Uso N°3 ........................................................................................ 57

Ilustración N° 13- Caso de Uso N°4 ........................................................................................ 57

Ilustración N° 14 - Interfaz ingreso de Usuario ...................................................................... 65

Ilustración N° 15 - Interfaz de Coordinación ......................................................................... 66

Ilustración N° 16 - Interfaz de Docentes ................................................................................. 66

Ilustración N° 17 - Interfaz del Evaluador ............................................................................. 67

automation of evidences of the Civil Engineering Career, using a free database.

that the user can access the assigned interface.

To determine whether it is necessary for the documentation to be automated, surveys were

la automatización de evidencias de la Carrera de Ingeniería Civil, utilizando una base de datos