UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
IMPLEMENTACIÓN DE UN SITIO WEB INCLUSIVO
INFORMATIVO E INTERACTIVO Y DE GESTIÓN
PARA EL CENTRO DE DISCAPACIDAD
INTELECTUAL “JACINTA Y
FRANCISCO”
PROYECTO DE TITULACIÓN
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
AUTOR(ES):
MAYRA GUAMANQUISPE GONZÁLEZ
ANTONIO FARFÁN BOWEN
TUTOR:
LSI. JENNY ALEXANDRA ORTÍZ ZAMBRANO, M. Sc.
GUAYAQUIL – ECUADOR
2020
REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍA
FICHA DE REGISTRO DE TESIS
TÍITULO: IMPLEMENTACIÓN DE PORTAL WEB INCLUSIVO INFORMATIVO E
INTERACTIVO Y DE GESTIÓN DOCUMENTAL PARA EL CENTRO DE DISCAPACIDAD
INTELECTUAL “JACINTA Y FRANCISCO”
AUTORES: Antonio José Farfán Bowen
Mayra Belén Guamanquispe González
REVISORES:
Ing. Erick Cedeño Lavid, M. Sc.
INSTITUCIÓN: Universidad de Guayaquil FACULTAD: Ciencias Matemáticas y Físicas
CARRERA: Ingeniería en Sistemas Computacionales
FECHA DE PUBLICACIÓN: N° DE PÁGS: 147
AREA TEMÁTICA: Estrategias educativas integradoras e inclusivas
PALABRAS CLAVES: Aplicación Web, gestión documental, accesibilidad, inclusión.
RESUMEN: El presente trabajo de titulación surge de la problemática referente a que, en el Centro de
Discapacidad Intelectual Jacinta y Francisco de la ciudad de Guayaquil, el personal administrativo maneja los
documentos de manera inadecuada sin ningún sistema estandarizado. Por tal motivo, este proyecto de titulación
busca desarrollar un aplicativo web accesible utilizando el lenguaje de programación PHP7 como base del
desarrollo, y el framework Laravel para mejorar los procesos de gestión, control y manejo de los documentos
digitales que manipulan a diario los encargados de la parte administrativa. Además, este proyecto también está
enfocado para las personas con discapacidad intelectual del centro, se pretende que un futuro ellas puedan
manipular el sistema como todos, como lo redacta la W3C con respecto la accesibilidad web. La metodología
para el desarrollo del aplicativo es el marco de trabajo Scrum, la misma que se basa en Sprint de desarrollo
incremental que permiten realizar avances planificados y organizados. Posterior al desarrollo del sistema y a la
etapa de pruebas realizadas se pudo conseguir una aplicación web de calidad que cumple con las exigencias
funcionales.
N° DE REGISTRO (en base de datos): N° DE CLASIFICACIÓN:
DIRECCIÓN URL (tesis en la web):
ADJUNTO PDF SI NO
CONTACTO CON AUTOR:
Mayra Belén Guamanquispe González
Antonio José Farfán Bowen
TELÉFONO:
0988478990
0980804777
E-MAIL:
CONTACTO DE LA INSTITUCIÓN:
Nombre: Ab. Juan Chávez Atocha
Teléfono: 04-2307729
E-MAIL: [email protected]
X
III
APROBACIÓN DEL TUTOR
En mi calidad de Tutor del trabajo de titulación, “IMPLEMENTACIÓN DE
PORTAL WEB INCLUSIVO INFORMATIVO E INTERACTIVO Y DE GESTIÓN
DOCUMENTAL PARA EL CENTRO DE DISCAPACIDAD INTELECTUAL
“JACINTA Y FRANCISCO”, elaborado por los Sres. GUMANQUISPE
GONZALEZ MAYRA BELEN y FARFAN BOWEN ANTONIO JOSE, Alumnos
no titulados de la Carrera de Ingeniería en Sistemas Computacionales,
Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil,
previo a la obtención del Título de Ingeniero en Sistemas, me permito declarar
que luego de haber orientado, estudiado y revisado, la Apruebo en todas sus
partes.
Atentamente
LSI. Jenny Alexandra Ortiz Zambrano, M.Sc.
TUTOR
IV
DEDICATORIA
Dedico este trabajo a Dios, por
llenarme siempre de muchas
bendiciones las cuales me hicieron
llegar al lugar en donde estoy ahora y
poder gozar de la oportunidad de
vivir con las personas que amo.
A mis padres por siempre motivarme
a seguir adelante, por siempre estar
presentes en cada momento difícil y
cada momento de alegría, momentos
que crearon en mi la seguridad y
convicción de que lo que se sueña es
una meta más que se debe cumplir.
A mi esposo quien es también mi
compañero de tesis, por compartir
conmigo sus conocimientos y acepta
los míos para juntos cumplir
exitosamente este gran sueño de
llegar a ser profesionales.
Y principalmente a mi hijo Emiliano
quien es mi motivo de vida y quien
me motiva día a día ser una
profesional para poder darle a él la
mejor versión de mí.
Mayra Belén Guamanquispe González
V
DEDICATORIA
Dedico este trabajo Dios, por darme
la oportunidad de vivir y por estar
conmigo en cada paso que doy, por
fortalecer mi corazón e iluminar mi
mente y por haber puesto en mi
camino a aquellas personas que han
sido mi soporte y compañía durante
todo el periodo de estudio.
A mis padres y abuelos, por haber
formado la persona que soy, por sus
sacrificios que muchas veces no
entendía como lo lograban, pero aun
así me dieron todo lo que mis
hermanos y yo necesitábamos.
A mi compañera de tesis quien es mi
esposa, por su dedicación,
perseverancia y habilidades para
lograr que este trabajo de titulación
se haga realidad.
A mi hijo Emiliano Antonio quien
me devolvió la ilusión de disfrutar la
vida minuto a minuto.
Antonio José Farfán Bowen
VI
AGRADECIMIENTO
Agradezco a mis padres y hermana
ya que por sus sacrificios he llegado
hasta este punto de mi vida.
A los profesores que tuve en el
transcurso de mi vida universitaria
por darnos sus mejores esfuerzos
para que sus estudiantes
alcanzáramos nuestras metas.
A mi esposo por acompañarme en mi
vida universitaria y en este momento
decisivo para llegar a ser
profesionales juntos.
Mayra Belén Guamanquispe González
VII
AGRADECIMIENTO
Agradezco a mis padres y hermanos
por ser un ejemplo para seguir.
A mi tía María del Carmen por
enseñarme que el prójimo es la persona
más importante.
A los profesores de la carrera que nos
brindaron sus conocimientos para
poder llegar a esta instancia final de
nuestra etapa universitaria.
A mi esposa por motivarme a concluir la
universidad.
Antonio José Farfán Bowen
VIII
TRIBUNAL PROYECTO DE TITULACIÓN
Ing. Fausto Cabrera Montes, M. Sc.
DECANO DE LA FACULTAD
CIENCIAS MATEMÁTICAS Y
FÍSICAS
Ing. Gary Reyes Zambrano, Mgs.
DIRECTOR DE LA CARRERA
DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
LSI. Jenny Ortiz Zambrano, M. Sc.
PROFESOR TUTOR DEL
PROYECTO DE TITULACIÓN
Ab. Juan Chávez Atocha, Esp.
SECRETARIO
Ing. Erick Cedeño Lavid, M. Sc.
PROFESOR TUTOR REVISOR
DEL ÁREA TRIBUNAL
IX
DECLARACIÓN EXPRESA
“La responsabilidad del contenido de este
Proyecto de Titulación, nos corresponde
exclusivamente; y el patrimonio intelectual de
la misma a la UNIVERSIDAD DE
GUAYAQUIL”
Mayra Belén Guamanquispe González
Antonio José Farfán Bowen
X
UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA SISTEMAS COMPUTACIONALES
IMPLEMENTACIÓN DE PORTAL WEB INCLUSIVO INFORMATIVO E
INTERACTIVO Y DE GESTIÓN DOCUMENTAL PARA EL
CENTRO DE DISCAPACIDAD INTELECTUAL
“JACINTA Y FRANCISCO”
Proyecto de Titulación que se presenta como requisito para optar por el título
de INGENIERO EN SISTEMAS COMPUTACIONALES
Autores: Mayra Belén Guamanquispe González
C.I.: 0929069433
Antonio José Farfán Bowen
C.I.: 0924178577
Tutor: LSI. Jenny Ortiz Zambrano, M.Sc.
Guayaquil, junio de 2020
XI
CERTIFICADO DE ACEPTACIÓN DEL TUTOR
En mi calidad de Tutor del proyecto de titulación, nombrado por el Consejo Directivo de
la Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil.
CERTIFICO:
Que he analizado el Proyecto de Titulación presentado por los estudiantes
MAYRA BELÉN GUAMANQUISPE GONZÁLEZ y ANTONIO JOSÉ FARFÁN
BOWEN, como requisito previo para optar por el título de Ingeniero en Sistemas
Computacionales cuyo título es: IMPLEMENTACIÓN DE PORTAL WEB
INCLUSIVO INFORMATIVO E INTERACTIVO Y DE GESTIÓN DOCUMENTAL
PARA EL CENTRO DE DISCAPACIDAD INTELECTUAL “JACINTA Y
FRANCISCO”.
Considero aprobado el trabajo en su totalidad.
Presentado por:
Guamanquispe González Mayra Belén Cédula de ciudadanía N° 0929069433
Farfán Bowen Antonio José Cédula de ciudadanía N° 0924178577
Tutor: LSI. Jenny Ortiz Zambrano, M.Sc.
Guayaquil, junio de 2020
XII
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
Autorización para Publicación de Proyecto de Titulación en
Formato Digital
1. Identificación del Proyecto de Titulación
Nombre Alumno: Mayra Belén Guamanquispe González
Dirección: Cerro del Carmen Av. Guayaquil Callejón Blacio Flor
Teléfono: 0988478990 E-mail: [email protected]
Nombre Alumno: Antonio José Farfán Bowen
Dirección: Cerro del Carmen Av. Guayaquil Callejón Blacio Flor
Teléfono: 0980804777 E-mail: [email protected]
Facultad: Ciencias Matemáticas y Físicas
Carrera: Ingeniería en Sistemas Computacionales
Proyecto de titulación al que opta: Desarrollo
Profesor tutor: LSI. Jenny Ortiz Zambrano, M.Sc.
Título del Proyecto de titulación: “Implementación de sitio web inclusivo informativo e interactivo y de
gestión documental para el centro de discapacidad intelectual “Jacinta y Francisco”.
Tema del Proyecto de Titulación: Aplicación Web, gestión documental, accesibilidad, inclusión
2. Autorización de Publicación de Versión Electrónica del Proyecto de Titulación
A través de este medio autorizo a la Biblioteca de la Universidad de Guayaquil y a la Facultad de Ciencias
Matemáticas y Físicas a publicar la versión electrónica de este Proyecto de titulación.
Publicación electrónica:
Inmediata X Después de 1 año
Firmas Alumnos:
Antonio José Farfán Bowen Mayra Belén Guamanquispe González
3. Forma de envío:
El texto del proyecto de titulación debe ser enviado en formato Word, como archivo .Doc. O .RTF y Puf
para PC. Las imágenes que la acompañen pueden ser: .gif, .jpg o .TIFF.
DVDROM X CDROM
XIII
ÍNDICE GENERAL
APROBACIÓN DEL TUTOR ....................................................................................... III
DEDICATORIA ............................................................................................................. IV
TRIBUNAL PROYECTO DE TITULACIÓN ............................................................ VIII
DECLARACIÓN EXPRESA ......................................................................................... IX
CERTIFICADO DE ACEPTACIÓN DEL TUTOR ...................................................... XI
SIMBOLOGÍA ........................................................................................................... XVII
INTRODUCCIÓN ............................................................................................................ 1
CAPÍTULO I .................................................................................................................... 3
EL PROBLEMA .............................................................................................................. 3
PLANTEAMIENTO DEL PROBLEMA ......................................................................... 3
Análisis del Problema ............................................................................................................ 5
Causas Potenciales ................................................................................................................ 5
Personal ................................................................................................................................. 5
Métodos ................................................................................................................................ 6
Medición................................................................................................................................ 6
Causas y Consecuencias ........................................................................................................ 7
Situación Conflicto Nudos Críticos ........................................................................................ 8
Formulación del Problema .................................................................................................... 9
Evaluación del Problema ....................................................................................................... 9
Objetivos ............................................................................................................................. 10
Alcance del Proyecto ........................................................................................................... 11
Justificación ......................................................................................................................... 12
Metodología del Proyecto ................................................................................................... 14
CAPÍTULO II ................................................................................................................. 17
MARCO TEÓRICO ....................................................................................................... 17
ANTECEDENTES DEL ESTUDIO .............................................................................. 17
FUNDAMENTACIÓN TEÓRICA ................................................................................ 18
Accesibilidad web ................................................................................................................ 18
Pautas de accesibilidad para el contenido Web .............................................................. 19
Base de Datos ...................................................................................................................... 21
MySQL ................................................................................................................................. 22
Discapacidad........................................................................................................................ 24
Aplicación web .................................................................................................................... 25
HTTPS .................................................................................................................................. 25
XIV
Desarrollador web ............................................................................................................... 26
Servidor web ....................................................................................................................... 28
Sitio web .............................................................................................................................. 30
Copias de seguridad ............................................................................................................ 31
Framework .......................................................................................................................... 34
Laravel ................................................................................................................................. 35
Php ...................................................................................................................................... 35
HTML ................................................................................................................................... 36
Estrategias de código abierto .............................................................................................. 37
Google docs ......................................................................................................................... 38
FUNDAMENTACIÓN LEGAL .................................................................................... 39
DEL PRINCIPIO DE INTEGRALIDAD ....................................................................................... 39
Ley de Propiedad Intelectual ............................................................................................... 41
UTILIZACIÓN DE SOFTWARE LIBRE EN LA ADMINISTRACIÓN PÚBLICA .............................. 43
Ley Orgánica de Discapacidades ......................................................................................... 45
Ley Orgánica de Comunicación ........................................................................................... 45
Reglamento Técnico Ecuatoriano RTE INEN 288 “Accesibilidad para el Contenido Web” . 46
Pregunta científica a contestarse..................................................................................... 47
DEFINICIONES CONCEPTUALES ............................................................................ 47
CAPÍTULO III ............................................................................................................... 51
PROPUESTA TECNOLÓGICA .................................................................................... 51
Análisis de factibilidad ................................................................................................... 51
Factibilidad Operacional ...................................................................................................... 52
Factibilidad Técnica ............................................................................................................. 53
Factibilidad Legal ................................................................................................................. 54
Factibilidad Económica ........................................................................................................ 54
PROCESAMIENTO Y ANÁLISIS ............................................................................... 56
Etapas de la metodología del proyecto ........................................................................... 72
Marco de trabajo Scrum ................................................................................................. 72
1. Iniciación ..................................................................................................................... 72
2. Planificación y estimación ........................................................................................... 74
3. Implementación .......................................................................................................... 79
4. Revisión y retrospectiva .............................................................................................. 81
7. Lanzamiento ................................................................................................................ 82
Entregables del proyecto ................................................................................................ 82
CRITERIOS DE VALIDACIÓN DE LA PROPUESTA .............................................. 83
XV
CAPITULO IV ............................................................................................................... 85
Criterios de aceptación del producto o Servicio ............................................................. 85
CONCLUSIONES .......................................................................................................... 88
RECOMENDACIONES ................................................................................................ 90
Bibliografía ..................................................................................................................... 92
Anexo 1: Diagrama de Ishikawa .................................................................................... 97
Anexo 2: Encuesta .......................................................................................................... 98
Anexo 3: Solicitud de requerimientos .......................................................................... 100
Anexo 4: Declaración de Accesibilidad ....................................................................... 102
Anexo 5: Carta de compromiso .................................................................................... 103
Anexo 6: Carta de compromiso .................................................................................... 104
Anexo 7: Criterios de validación .................................................................................. 105
Anexo 8: Criterios de validación .................................................................................. 106
Anexo 9: Certificado de validación (Administrador) ................................................ 107
Anexo 10: Certificado de Aceptación del proyecto...................................................... 108
Anexo 11: Carta de Aceptación del proyecto ............................................................... 109
Anexo 12: Modelo entidad relación ............................................................................. 110
Anexo 13: Manual técnico ............................................................................................ 111
Anexo 14: Manual de usuario ....................................................................................... 114
XVI
ABREVIATURAS
S. O. Sistema Operativo
PC Computadora Personal
CPU Unidad central de procesamiento
IDE Entorno de desarrollo integrado
RAM Memoria de acceso aleatorio
UG Universidad de Guayaquil
FTP Archivos de transferencia
CC.MM.FF Facultad de Ciencias Matemáticas y Físicas
URL Localizador de recurso uniforme
USB Bus serie universal
Ing. Ingeniero
M.Sc. Máster
WWW World wide web (red mundial)
HTML Lenguaje de Marca de salida de hipertexto
WACG Pautas de accesibilidad al contenido web
XVII
SIMBOLOGÍA
𝒎 La media
𝑴 Moda
𝒇 Frecuencia
𝒏 Cantidad muestra
𝒒 Probabilidad de fracaso
𝒕 Tiempo
𝑵 Tamaño de la población
𝑷 Probabilidad
𝒁 Nivel de confianza
XVIII
ÍNDICE DE CUADROS
CUADRO 1: Causas y consecuencias .............................................................................. 7
CUADRO 2: Delimitación del problema ......................................................................... 9
CUADRO 3: Características de hardware ...................................................................... 53
CUADRO 4: Características de Software ...................................................................... 53
CUADRO 5 : Costos de recursos humanos .................................................................... 54
CUADRO 6: Costos de Hardware .................................................................................. 55
CUADRO 7: Costos de Software ................................................................................... 55
CUADRO 8: Gastos adicionales .................................................................................... 56
CUADRO 9: Costo estimado del proyeccto ................................................................... 56
CUADRO 10 : Encuesta pregunta #1 ............................................................................. 57
CUADRO 11 : Encuesta pregunta #2 ............................................................................. 58
CUADRO 12: Encuesta pregunta #3 .............................................................................. 59
CUADRO 13: Encuesta pregunta #4 .............................................................................. 60
CUADRO 14: Encuesta pregunta #5 .............................................................................. 61
CUADRO 15: Encuesta pregunta #6 .............................................................................. 62
CUADRO 16: Encuesta pregunta #7 .............................................................................. 63
CUADRO 17: Encuesta pregunta #8 .............................................................................. 64
CUADRO 18: Encuesta prgeunta #9 .............................................................................. 65
CUADRO 19: En cuesta pregunta #10 ........................................................................... 66
CUADRO 20: Encuesta pregunta #11 ............................................................................ 67
CUADRO 21: Encuesta pregunta #12 ............................................................................ 68
CUADRO 22: Encuesta pregunta #13 ........................................................................... 69
CUADRO 23: Encuesta pregunta #14 ............................................................................ 70
CUADRO 24: Encuesta pregunta #15 ............................................................................ 71
CUADRO 25: Scrum Máster .......................................................................................... 73
CUADRO 26: Scrum Team y sus responsabilidades ..................................................... 73
CUADRO 27. Equipo y sus responsabilidades .............................................................. 74
CUADRO 28: Historia de usuario #1 ............................................................................. 75
CUADRO 29: Historia de usuario #2 ............................................................................. 75
CUADRO 30: Historia de usuario #3 ............................................................................. 75
CUADRO 31: Historia de usuario #4 ............................................................................. 76
CUADRO 32: Historia de usuario #5 ............................................................................. 76
CUADRO 33: Sprint Backlog #1 Diseño de página web ............................................... 77
CUADRO 34: Sprint Backlog #2 Gestión Accesibilidad de página web....................... 77
CUADRO 35: Sprint Backlog #3 Gestión de respaldo y copias de seguridad de
administrador de archivos ............................................................................................... 78
CUADRO 36: Sprint Backlog #4 Gestión Accesibilidad de administrador de archivos 78
CUADRO 37: Sprint Backlog #5 Pruebas y Validación ................................................ 78
CUADRO 38: Horas totales y estimadas ....................................................................... 82
CUADRO 39: Formato de pruebas de Funcionalidad Perfil Administrador ................. 84
CUADRO 40: Criterios Validación del Sistema ............................................................ 86
CUADRO 41: Criterios indicadores de calidad ............................................................. 88
XIX
ÍNDICE DE GRÁFICOS
GRÁFICO 1: Fases de Scrum ........................................................................................ 14
GRÁFICO 2 : Estructura de un documento HTML 5 .................................................... 37
GRÁFICO 3 : Análisis pregunta #1 ............................................................................... 58
GRÁFICO 4 : Análisis pregunta #2 ............................................................................... 59
GRÁFICO 5: Análisis pregunta #3 ................................................................................ 60
GRÁFICO 6: Análisis pregunta # 4 ............................................................................... 61
GRÁFICO 7 : Análisis pregunta #5 ............................................................................... 62
GRÁFICO 8: Análisis pregunta #6 ................................................................................ 63
GRÁFICO 9: Análisis pregunta #7 ................................................................................ 64
GRÁFICO 10: Análisis pregunta #8 .............................................................................. 65
GRÁFICO 11: Análisis pregunta #9 .............................................................................. 66
GRÁFICO 12: Análisis pregunta #10 ............................................................................ 67
GRÁFICO 13: Análisis pregunta #11 ............................................................................ 68
GRÁFICO 14: Análisis pregunta #12 ............................................................................ 69
GRÁFICO 15: Análisis pregunta #13 ............................................................................ 70
GRÁFICO 16: Análisis pregunta #14 ............................................................................ 71
GRÁFICO 17: Análisis pregunta #15 ............................................................................ 72
GRÁFICO 18: Análisis del sistema de gestión documental - WCAG 2.0 ..................... 87
GRÁFICO 19: Análisis del sistema de gestión documental .......................................... 88
XX
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
IMPLEMENTACIÓN DE UN SITIO WEB INCLUSIVO INFORMATIVO E
INTERACTIVO Y DE GESTIÓN PARA EL CENTRO DE
DISCAPACIDAD INTELECTUAL
“JACINTA Y FRANCISCO”
RESUMEN
El presente trabajo de titulación surge de la problemática
referente a que, en el Centro de Discapacidad Intelectual Jacinta
y Francisco de la ciudad de Guayaquil, no poseen un sitio web y
tienen un sistema de gestión documental que no asegura el
almacenamiento ni copias de seguridad de la información. Por tal
motivo, este proyecto de titulación busca desarrollar el módulo
de control de servicio de almacenamiento y copias de seguridad,
además de un sitio web inclusivo que permita utilizando el
lenguaje de programación PHP7 como base del desarrollo, y el
framework Laravel para mejorar los procesos de gestión, control
y manejo de los documentos que manipulan a diario el personal
administrativo. Además, este proyecto también está enfocado
para las personas con discapacidad intelectual del centro, con el
fin de que un futuro ellas puedan manipular el sistema, siguiendo
las pautas redactadas por la W3C con respecto la accesibilidad
web. La metodología para el desarrollo del aplicativo es el marco
de trabajo Scrum, la misma que se basa en Sprint de desarrollo
incremental que permiten realizar avances planificados y
organizados. Posterior al desarrollo del sistema y a la etapa de
pruebas realizadas se pudo conseguir una aplicación web de
calidad que cumple con las exigencias funcionales.
Palabras claves: Aplicación Web, gestión documental, accesibilidad, inclusión.
Autores: Mayra Belén Guamanquispe González
Antonio José Farfán Bowen
Tutor: LSI. Jenny Ortiz Zambrano, M.Sc.
XXI
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
IMPLEMENTATION OF AN INCLUSIVE INFORMATIVE INTERACTIVE AND
MANAGEMENT ACCESSIBLE WEB SITE FOR THE "JACINTA AND
FRANCISCO" INTELLECTUAL DISABILITY CENTER.
ABSTRACT
The present work of titling from the problem regarding the fact
that, in the Center for Intellectual Disability Jacinta and
Francisco of the city of Guayaquil, they do not have a website
and have a document management system that does not ensure
the storage or backup copies of information. For this reason, this
degree project seeks to develop the storage and backup service
control module, in addition to an inclusive website that allows
using the PHP7 programming language as the basis for
development, and the Laravel framework to improve processes
of management, control and management of the documents that
the administrative staff manipulate daily. In addition, this project
is also focused for people with intellectual disabilities of the
center, so that in the future they can manipulate the system,
following the guidelines written by the W3C regarding web
accessibility. The methodology for the development of the
application is the Scrum framework, which is based on Sprint
incremental development that allows planned and organized
progress. After the development of the system and the stage of
tests performed, a quality web application that meets the
functional requirements could be achieved.
Keywords: Web application, document management, accessibility, inclusion.
Authors: Mayra Belén Guamanquispe González
Antonio José Farfán Bowen
Tutor: LSI. Jenny Ortiz Zambrano. M Sc.
1
INTRODUCCIÓN
Todos los seres humanos son únicos, poseen características, capacidades
y habilidades que los diferencian entre sí. Estas capacidades que pueden
ser comunes no siempre son así para la mayoría de las personas, pero
existen casos donde por diferentes circunstancias estas se ven afectadas
o no se han desarrollado de la misma manera que el resto de la población,
estas personas pueden tener dificultades en distintos aspectos de su vida,
sufriendo algún tipo de discapacidad.
Se conoce que las personas con discapacidades tienen limitaciones de
acceso o participación en alguna actividad, sin embargo, esto no significa
que con la ayuda necesaria pueda llegar a realizar ciertas actividades. Se
ha llegado a descubrir diferentes tipos de discapacidades según la
condición física o psicológica de la persona, es por eso que solo se
abarcará la discapacidad intelectual leve y moderada.
La discapacidad intelectual es aquella caracterizada por un funcionamiento
menor al esperado con dificultad a la adaptación del entorno social,
afectando al ámbito académico o laboral. La ONU contempla que las
personas con discapacidad intelectual tienen la necesidad y el derecho al
acceso de todos los servicios, como el acceso a la web, que les permita
gozar con las mismas oportunidades que tienen los demás.
A través del paso de los años, la web se ha convertido en un recurso
importante para la sociedad, tanto para las empresas como para personas
en general, diseñada para que todo el mundo pueda acceder sin importar
ubicación, hardware, software, estado económico o intelectual a la
búsqueda de información.
La accesibilidad es aquella condición que todo producto, entorno o proceso
debe cumplir para ser utilizable por todas las personas de forma segura,
cómoda y lo más natural posible. La web ofrece la posibilidad de acceso a
la información, lo que significa que, las barreras de accesibilidad se pueden
2
superar y disminuir a través de la tecnología, además de pautas que se
deben seguir para mejorar la experiencia y satisfacción de los usuarios.
El presente trabajo de titulación tiene como visión implementar un sitio web
informativo e interactivo que utilice ciertos componentes accesibles
siguiendo las pautas establecidas por la W3C (World Wide Web
Consortium), además del desarrollo del módulo de almacenamiento y
respaldo para el sistema web de gestión documental realizado en su
primera fase por los Ings. Byron Guaman y Jordy Castro.
A continuación, se detallan los capítulos que componen esta investigación:
CAPÍTULO I: Se enfoca en comprender la problemática que incentivó al
desarrollo de este tema, buscando causas, consecuencias, evaluación y
objetivo del proyecto y las metodologías a emplearse.
CAPÍTULO II: En este capítulo se hace referencia al marco teórico con los
antecedentes de la investigación del presente trabajo, haciendo referencia
a los fundamentos teóricos y definiciones conceptuales detallando cada
herramienta que se utilizarán para el desarrollo del proyecto y su
fundamentación legal.
CAPÍTULO III: Contiene el análisis detallado que se realizó a partir de la
información obtenida, el tipo de metodología a utilizar y el desarrollo de la
propuesta tecnológica desde diferentes ambientes como legales,
operacionales, económicos y técnicos.
CAPÍTULO IV: Muestra los criterios de aceptación del prototipo, y se
realizan las respectivas conclusiones y recomendaciones que se
consideran necesarias para la elaboración del prototipo web.
3
CAPÍTULO I
EL PROBLEMA
PLANTEAMIENTO DEL PROBLEMA
Según la OMS Discapacidad es un término general que abarca las
deficiencias, las limitaciones de la actividad y las restricciones de la
participación. Las deficiencias son problemas que afectan a una estructura
o función corporal; las limitaciones de la actividad son dificultades para
ejecutar acciones o tareas, y las restricciones de la participación son
problemas para participar en situaciones vitales.
La definición de discapacidad ha sufrido grandes cambios con el transcurso
de los años. Durante los últimos tiempos, hemos visto como se ha ido
abandonando una perspectiva paternalista y asistencial de la discapacidad,
que miraba a la persona como un ser “dependiente y necesitado”, hacia
una nueva perspectiva, que toma a la persona con discapacidad como un
individuo con habilidades y recursos especiales.
En la actualidad es posible hallar diferentes perspectivas y enfoques sobre
discapacidad en cada país, esto es debido no sólo a las diferentes culturas,
sino también a los diferentes niveles de compromiso de entidades,
ciudadanos y gobiernos para crear entornos accesibles y para garantizar la
inserción sociolaboral en empresas.
Esta evolución se ha dado acompañada de avances tecnológicos tanto en
el tratamiento médico como en lo social, como medio integrador y
rehabilitador para el individuo, así como enriquecedor para la sociedad por
lo que se ha descubierto diferentes tipos de discapacidades a nivel mundial.
La discapacidad intelectual se define como la limitación del funcionamiento
intelectual que dificulta la participación social o el desarrollo de la
autonomía o de ámbitos como el académico o el laboral. Existen diferentes
4
grados de discapacidad intelectual, los cuales tienen diferentes
implicaciones a nivel del tipo de dificultades que pueden presentar, como
son las siguientes:
Discapacidad intelectual leve, se caracteriza porque quienes la tienen se
sitúan entre 50 y 70 de coeficiente intelectual presentando un retraso
cognitivo y una ligera afectación del campo sensoriomotor.
Discapacidad intelectual moderada: este nivel se sitúa por debajo de 50 en
coeficiente intelectual, lo que genera la necesidad constante de una
supervisión, tanto en la educación como en el trabajo.
Discapacidad intelectual grave: es cuando el coeficiente intelectual se haya
entre 20 y 35, haciendo que quienes la padecen necesiten de una constante
supervisión, ya que casi siempre se presenta con daños a nivel neurológico.
Discapacidad intelectual profunda: es uno de los más infrecuentes, y es el
de los diferentes tipos de discapacidad intelectual el más temido por los
padres, pues quienes la padecen tienen una capacidad de cociente
intelectual menor a 20.
La discapacidad intelectual leve engloba síntomas que se manifiestan en el
comportamiento, la funcionalidad y el desempeño diario de los afectados.
El diagnóstico de retraso mental es una nomenclatura antigua referida a las
personas que presentan alteraciones neurológicas y dificultades de
adaptación al entorno.
El Centro de Discapacidad Intelectual Jacinta y Francisco, regentado por la
comunidad “Siervas del plan de Dios” acoge a más de 50 mujeres adultas
con la condición de discapacidad intelectual leve o moderada, quienes son
educadas y formadas integralmente en la fe católica a través de sus
diversos programas externos o de residencia, con el fin de lograr una
adecuada inserción laboral y social.
En la actualidad, el Centro de Discapacidad Intelectual Jacinta y Francisco,
no cuenta con sitio web, y maneja su información a través de canales de
comunicación no oficiales e inseguros como los son las redes sociales que
5
representan una barrera al acceso para personas con capacidades
especiales; y a su vez, limita la participación plena y efectiva en la sociedad,
en igualdad de condiciones con las demás. Por otra parte, se ha notado
que el personal administrativo maneja la documentación de forma manual
en su mayoría, y un sistema web básico para la gestión documental que no
asegura el respaldo y preservación de los documentos. Además, la
información es almacenada en medios físicos corriendo el riesgo de que
existan pérdidas de información irreparables.
Se debe tomar en cuenta que la Institución no cuenta con recursos
monetarios destinados para la implementación de hardware que soporte un
sistema robusto, y conociendo que como en cualquier institución, los
documentos que se generan diariamente son de vital importancia para el
Centro de Discapacidad, surge la necesidad de implementar un sistema
de almacenamiento en la nube que garantice la versión digital y asegure la
preservación de los documentos involucrados en la gestión del Centro
Educativo. Además, de implementar un portal web que reduzca las barreras
de accesibilidad y permita difundir a la comunidad los beneficios que ofrece
la institución.
Análisis del Problema
El análisis del problema se ha llevado a cabo desarrollando el diagrama de
Ishikawa, conocido también como diagrama de espina de pescado (ver
anexo 1), a continuación, se detallan los resultados del análisis.
Causas Potenciales
Personal
• Se evidencia un problema en el proceso de almacenamiento de
la información
• Manejo deficiente de los registros de las personas que asisten al
Centro de Discapacidad Intelectual Jacinta y Francisco.
6
Métodos
• Errores en la recolección manual de los datos de las personas
que concurren al Centro de Discapacidad Intelectual Jacinta y
Francisco.
• Falta de planificación en el área Administrativa del Centro de
Discapacidad Intelectual Jacinta y Francisco.
Medición
• El Centro de Discapacidad Intelectual Jacinta y Francisco, carece
de indicadores de medición que permitan evaluar y determinar la
situación de la organización.
7
Causas y Consecuencias
CUADRO 1: Causas y consecuencias
CAUSAS Y CONSECUENCIAS
CAUSAS
POTENCIALES
CAUSAS
SECUNDARIAS CAUSAS CONSECUENCIAS
PERSONAL
Planificación
deficiente
No existe un proceso de
planeación estratégica
para una correcta
administración
Afecta a la
organización del
Centro de
Discapacidad
Intelectual Jacinta y
Francisco.
Poco conocimiento del
personal con
herramientas que agilicen
trámites. No existe
generación de plan
estratégico.
No se cumplen
eficazmente los
objetivos del Centro de
Discapacidad
Intelectual Jacinta y
Francisco.
Falta de
capacitación al
personal
Falta de capacitación en
nuevas herramientas
tecnológicas. No existen
personas preparadas para
manejar adecuadamente
un sitio web.
Inadecuada utilización
de habilidades y
destrezas del personal.
MÉTODO Ausencia de
metodologías
Existencia de procesos
manuales.
Limitación en
seguridad de procesos
dentro del Centro de
Discapacidad.
Estrategias de
accesibilidad nulas
Poco desempeño con
herramientas de
tecnología.
Poca seguridad en el
almacenamiento de la
información
Pérdida de
información, alteración
de datos obtenidos.
MEDIO
Ausencia de una
cultura de
planeación
Poca cultura de
planificación a nivel
administrativo.
Estancamiento, menos
posibilidades de
desarrollo profesional
Poca cultura de
planificación a nivel
actividades cotidianas
Ineficacia e ineficiencia
en los procesos
organizacionales
MEDICIÓN
Ausencia de
indicadores de
medición
No se aplican Indicadores
de medición. No se cuenta
con un sistema de
medición y control.
Dificultad en el
seguimiento y
cumplimiento del plan
estratégico
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Centro de Discapacidad Intelectual Jacinta y Francisco
8
Situación Conflicto Nudos Críticos
En el Centro de Discapacidad Intelectual Jacinta y Francisco, dada la forma
en que se realizan los procesos de manera manual, inseguridad en el
almacenamiento de información e inaccesibilidad a un sitio web, surgen los
siguientes inconvenientes:
• Los datos manipulados por el personal, al ser procesados de forma
manual pueden presentan errores.
• La falta de seguridad en el almacenamiento de la información es
puerta abierta para pérdida de datos registrados.
• La carencia de una página web para el Centro de Discapacidad
Intelectual Jacinta y Francisco, no permite difundir correctamente a
la comunidad los beneficios que ofrece la institución.
• La falta de almacenamiento de la información en la nube, resta
accesibilidad a versiones digitales de la información.
Delimitación del Problema
En la ciudad de Guayaquil, en el Centro de Discapacidad Intelectual Jacinta
y Francisco, realizan procesos manuales concernientes a respaldo de la
información que se genera diariamente. Es importante mencionar que no
disponen de un portal Web para acceder e informarse de los beneficios que
brinda el Centro, así como tampoco se genera el almacenamiento en
repositorios de sistemas de archivos seguros conocidos comúnmente como
“nube”. A continuación, se desglosa el campo, área, aspecto y tema del
proyecto en la Carrera de Ingeniería en Sistemas Computacionales de la
Facultad de Ciencias Matemáticas y Físicas de la Universidad de
Guayaquil.
9
CUADRO 2: Delimitación del problema
Campo Educativas Inclusivas
Área Tecnología de la Información
Aspecto
Sitio Web interactivo para personas que concurren al
Centro de Discapacidad Intelectual Jacinta y
Francisco y almacenamiento y respaldo de la
información en la nube
Tema
Implementación de portal web inclusivo informativo e
interactivo y de gestión documental para el Centro de
discapacidad intelectual “Jacinta y Francisco”
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Formulación del Problema
¿La implementación de un sitio web que utilice componentes accesibles
contribuirá al fácil acceso e interacción con la web de personas con
capacidades especiales cognitivas leves?
¿El desarrollo del módulo de control de servicios de almacenamiento y
copias de seguridad permitirá al Centro de Discapacidad Intelectual Jacinta
y Francisco asegurar la preservación de los documentos contra pérdidas?
Evaluación del Problema
Delimitado:
El proyecto se centrará en mostrar a las personas con capacidades
especiales una página web que inclusiva y accesible que permita a los
usuarios de esta rama poder interactuar con la misma para obtener
información pertinente a la fundación.
Claro:
Se presenta a los usuarios y ciudadanos en general una solución basadas
en buenas prácticas que permiten la usabilidad de esta para personas con
capacidades especiales.
10
Evidente:
Es evidente que la solución planteada satisface la demanda que obliga a la
fundación a presentar una solución viable para sus alumnas y sus familias
manteniendo una comunicación interactiva con ellos en primera instancia y
manteniendo la seguridad de la información con los respaldos propuestos
en este tema de tesis.
Relevante:
En Ecuador la accesibilidad y la inclusión de personas con capacidades
especiales es cada vez más necesario por lo que demanda mucha
importancia aplicar herramientas tecnológicas y desarrollar aplicaciones
para su beneficio.
Factible:
Un sitio web interactivo con acceso a un sistema de gestión documental
que cuenta con servicios de almacenamiento y copias de seguridad,
proponen un factor de aceptación al proyecto, ya que brinda seguridad a la
Institución, debido a una mejora tecnológica en los procesos
almacenamiento preservando la información ante cualquier perdida.
Original:
El presente proyecto es de gran impacto, ya que son pocas las aplicaciones
accesibles a la web según estudios realizados, además se busca la
manipulación tanto del sitio web como del aplicativo por personas con
capacidades especiales con el fin de incluirlas socialmente y de reducir las
barreras que se encuentran al momento de ingresar a la web.
Objetivos
General
Implementar un sitio web accesible que facilite la navegación de las
personas con capacidades especiales cognitivas, y gestión documental
para el control de almacenamiento de los documentos en el Centro de
Discapacidad Intelectual “Jacinta y Francisco”.
11
Específicos
• Explorar las pautas (normas o estándares) para el diseño de sitios
web accesibles para personas con capacidades especiales
cognitivas leves y moderadas.
• Desarrollar el módulo de control de servicios de almacenamiento y
copias de seguridad para asegurar la preservación de los
documentos contra pérdidas en el sistema de gestión documental
implementado en el Centro de Discapacidad Intelectual Jacinta y
Francisco.
• Aplicar los estándares en el desarrollo e implementación del sitio
web accesible para reducir las barreras de accesibilidad que afectan
la navegación de las personas con dificultades cognitivas leves y
moderadas.
Alcance del Proyecto
El centro de discapacidad intelectual Jacinta y Francisco tiene diversos
inconvenientes, que se ha podido constatar a través de entrevistas y
encuestas por lo que el presente trabajo de titulación se basa en la
implementación de un portal web informativo con componentes accesibles
que facilite la navegación y reduzca las barreras de acceso a la web y la
automatización de la gestión documental para asegurar el respaldo y
preservación contra pérdidas por medio de una versión digital de
documentos y archivos en la nube, que cumpla con pautas de accesibilidad
establecidas por la WAI (Iniciativa Web Accesible por sus siglas en inglés)
del El Consorcio World Wide Web (W3C), y la WCAG (Pautas de
accesibilidad de contenido web) que indican como crear un sistema web
accesible e inclusivo; el mismo que estará destinado para el personal
administrativo y estudiantes con capacidades especiales leves.
Este proyecto será implementado en PHP como base para el desarrollo de
la aplicación, ya que es un lenguaje de programación de alto nivel usado
para aplicaciones que integren la arquitectura cliente-servidor.
12
Justificación
En cuanto a personas con capacidades especiales, existen pocos medios
y herramientas tecnológicas que facilitan el libre acceso y uso de la web;
es por tanto evidente, que el crear aplicaciones web accesibles, beneficia
a todos los usuarios de la web incluyendo aquellos que tienen alguna
discapacidad.
Cuando una persona con una discapacidad vive en una sociedad
inaccesible se le están negando derechos, para que las personas con
discapacidad se integren plenamente es preciso cambiar nuestras
sociedades, en especial las normas existentes.
El Centro de Discapacidad Intelectual “Jacinta y Francisco” no cuenta con
un sitio web oficial donde se muestre a la sociedad en general los beneficios
que este presta, como son programas de formación integral y de
capacitación para el trabajo, talleres de formación integral para la vida
adulta, talleres de reforzamiento de habilidades cognitivas, talleres socio-
recreativos, talleres de capacitación laboral para el desarrollo de
habilidades laborales, programas de inclusión laboral, residencia para las
estudiantes; por ello, es necesario para el Centro Educativo la
implementación de un sitio web que no solo haga llegar sus servicios y
beneficios a la comunidad, sino que reduzca barreras de navegación y
acceso a la información.
Es factible inducir a que las personas con discapacidades intelectuales
desarrollen sus habilidades mediante el uso de metodologías inclusivas que
faciliten el uso de las herramientas con las que contamos actualmente para
poder agregarlas la sociedad y de esta manera disminuir las barreras que
dificultan el acceso a los servicios y la información en la web.
«La gestión documental consiste en controlar de un modo eficiente y
sistemático la creación, la recepción, el mantenimiento, la utilización y la
disposición de los documentos.» (ISO 15489-1: 2001 [E], Información y
documentación - Gestión documental)
13
Hoy en día, es necesario que la información sea procesada y analizada de
manera óptima para lograr agilizar los procesos de gestión de documentos
y llevar un control adecuado de las actividades debido al exceso de datos
constante y a la globalización, es mucho más fácil acceder a la basta y
amplia información; sin embargo, algunos sistemas de información
presentan demasiadas carencias y otros, simplemente se conciben de
manera manual.
Un sistema de gestión documental hace que sea fácil para las empresas
respaldar archivos de papel en documentos digitales en un único
repositorio. Los documentos físicos se pueden escanear y los formatos
digitales de estos y otros documentos generados por diferentes sistemas
se pueden importar. Podemos tener desde documentos generados por un
procesador de texto, hojas de cálculo, presentaciones, archivos PDF,
imágenes, etc.
El diseño e implementación de un sitio web accesible e inclusivo que
contenga un sistema de gestión documental que asegure la accesibilidad e
inclusión al mismo, y el almacenamiento en la nube de la información con
la que se trabaja diariamente, la preservación y respaldo contra pérdidas
de los documentos para el Centro de Discapacidad Jacinta y Francisco
cubrirá con las necesidades de la misma, proporcionando seguridad que
esta información no sea vulnerable y permanezca siempre protegida y
almacenada en medios digitales sin riesgo a pérdidas como podría pasar si
se sigue almacenando data en medios físicos. Al unir la gestión documental
y la nube, se obtendrá las ventajas del almacenamiento digital sin la
necesidad de invertir en hardware.
Es importante la investigación y materialización de este proyecto, ya que
tiene como propósito automatizar procesos y servicios a través de solución
de innovación, inclusiva, accesible y de gran impacto para la Institución.
14
Metodología del Proyecto
Metodología de Desarrollo
Marco de trabajo SCRUM
La metodología que se utilizará será SCRUM, la misma que por tratarse de
un modelo de despliegue e implementación que optimiza los recursos
reduciendo el tiempo necesario para culminar las fases que lo componen.
Para una mejor compresión sobre el ciclo que comprende la
implementación basada en Scrum se necesita tener en cuenta las 5 etapas
que comprenden el ciclo. (Gallego, 2012)
Se empleará la metodología Scrum ya que permite llevar un orden y control
de las actividades a realizar en el desarrollo del sistema web, método ágil
para trabajar en grupo y actualmente es uno de los más utilizados para
gestionar proyectos además esta metodología tiene como objetivo manejar
y administrar proyectos con un gran volumen de cambios.
Scrum permite que un proyecto se ejecute en ciclos temporales cortos y de
duración fija, iteraciones que normalmente son de 2 a 3 semanas, límite
máximo de retroalimentación. Con cada iteración se proporcionará un
resultado completo, con incremento de producto final para ser entregado al
cliente cuando lo solicite realizando un mínimo esfuerzo, ya que cada etapa
se ha cumplido dentro de los plazos señalados.
GRÁFICO 1: Fases de Scrum
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
15
Iniciación
En esta fase se crea la Visión del Proyecto que sirve de enfoque y dirección
del mismo, se crean e identifican roles claves del proyecto como el Scrum
Master, Product Owner, interesados, equipo del proyecto. Así mismo, se
define la lista de prioridades o el Product Backlog la cual sirve de base para
la elaboración del plan de lanzamiento y tamaño de cada Sprint (Salazar,
2016).
En esta etapa se realiza una reunión inicial para la planificación de los
Sprint del proyecto, determinando puntos importantes tales como objetivos,
entregables y tiempos de duración de cada Sprint.
Planificación y Estimación
Aquí se definen y aterrizan en los Sprits las historias de usuarios, se alinean
a todo lo que genera valor a la organización y se hacen las estimaciones
de tiempo y esfuerzo para cumplirlas, los cuales se traducen en listas de
tareas cuyos tiempos de desarrollo se definen en reuniones de equipo
correspondientes, así como el proceso de definición del Sprint Backlog que
contiene todas las tareas que deben completarse en el Sprint (Salazar,
2016).
En esta etapa se estima el tiempo necesario para el desarrollo del módulo
de control de servicios de almacenamiento y copias de seguridad, también
se definen equipos y listas de tareas para empezar el desarrollo del
proyecto de titulación.
Implementación
En esta fase se trabaja en las tareas del Sprint Backlog para crear Sprint
Deliverables, para ello se utiliza a menudo un Scrumboard para realizar el
seguimiento del trabajo y de actividades que se llevan a cabo. También, los
inconvenientes o problemas que enfrenta el Equipo Scrum se actualizan en
un Impediment Log. Durante esta fase se realizan las llamadas Daily
Standup Meeting que son reuniones cortas y eficientes en tiempo donde el
equipo da el estatus de sus actividades diarias y manifiesta cualquier
16
inconveniente que pueda tener. Igualmente se actualiza o revisa la lista de
prioridades de pendientes del producto (Salazar, 2016).
En esta etapa los trabajos inician a partir de las listas de tareas definidas
anteriormente en los Sprint para cumplir con los avances estimados, se
realizan reuniones breves para aclarar posibles inconvenientes que surjan
en el desarrollo y se da seguimiento a las actividades que se deben cumplir.
Revisión y Retrospectiva
Para proyectos grandes que involucran varios equipos Scrum, se realiza en
esta etapa, reuniones que permitan juntar a estos equipos y discutir y
revisar avances, dependencias e impedimentos en el desarrollo del
proyecto.
También en esta etapa se lleva a cabo el proceso donde el Equipo Scrum
le demuestra el Sprint Deliverable al Propietario del producto y a los Socios
relevantes en un Sprint Review Meeting. Igualmente, el Scrum Master y el
Equipo Scrum se reúnen para discutir las lecciones aprendidas a lo largo
del Sprint, información que se documenta como las lecciones aprendidas
que pueden aplicarse a los futuros Sprints (Salazar, 2016).
En esta etapa se verifican avances, para una posterior demostración al
propietario del producto, en este caso el Centro de Discapacidad Intelectual
Jacinta y Francisco. Además, el equipo de trabajo se reúne para compartir
experiencias adquiridas durante el desarrollo del proyecto, que puedan ser
de utilidad para proyectos futuros.
Lanzamiento
En esta fase de desarrolla el proceso donde los Accepted Deliverables se
les entregan a los Socios relevantes. Un acuerdo formal llamado Working
Deliverables Agreement documenta la finalización con éxito del Sprint. Del
mismo modo, se realizan actividades de restrospectiva que permite
identificar mejoras y lecciones aprendidas del proyecto (Salazar, 2016). En
esta última etapa, el proceso de desarrollo se da por terminado y es
entregado a su destinatario.
17
CAPÍTULO II
MARCO TEÓRICO
ANTECEDENTES DEL ESTUDIO
En la actualidad existen millones de personas que tienen dificultades para
acceder a la web, debido a que los sitios web o software web presentan
barreras de accesibilidad en su mayoría que de una u otra manera hace
imposible la utilización de la web principalmente para personas con
discapacidad.
Según la W3C la web está diseñada para que todo el mundo haga uso de
ella, independientemente del hardware, software, idioma, ubicación o
capacidad. Cuando se cumple ese objetivo, se convierte en accesible para
personas con distintos rangos de visión, audición y habilidades cognitivas.
El poder de la web está en su universalidad (Berners-Lee, s.f.).
Para el presente trabajo se han analizado distintas investigaciones
realizadas en países de Latinoamérica como Perú, Paraguay, Argentina y
Ecuador; principalmente en la ciudad de Cuenca.
Según las investigaciones realizadas en los países mencionados se tiene
como conclusión que a pesar de existir normas y reglamentos para la
accesibilidad web no se cumplen como debe ser.
Existen estudios realizados en el año 2016 en portales web diferentes
Instituciones educativas de la ciudad de Cuenca, el mismo que determina
la falta de cumplimiento de directrices establecidas por la WCAG 2.0, lo que
significa el bajo nivel de importancia a las personas con discapacidad.
Es importante mencionar que, a pesar de no ser potenciada la accesibilidad
existe en Ecuador la Normativa NTE INEN-ISO/IEC 40500 sobre
accesibilidad web, con el fin de brindar apoyo e igualdad de derechos.
18
Es por esta razón, que se ha verifica que en el centro de Discapacidad
Intelectual Jacinta y Francisco, de la Ciudad de Guayaquil no cuenta con
un sitio web oficial que ayude a difundir su existencia y beneficios a la
comunidad, además de poseer un sistema web de gestión documental que
no controla los servicios de almacenamiento y copias de seguridad que
asegure la preservación de los documentos contra perdidas; y a su vez
permita la inclusión a personas con discapacidad proporcionando un
acceso equitativo en oportunidades de inserción social y laboral.
FUNDAMENTACIÓN TEÓRICA
Accesibilidad web
Según diferentes fuentes consultadas, se tiene como respuesta que no hay
una definición formal para accesibilidad web, sin embargo, la esencia de su
objetivo está clara; es que la web sea universal, accesible para todos.
Según la W3C, la accesibilidad web significa que los sitios web,
herramientas y tecnologías estén diseñadas y desarrolladas de forma que
las personas discapacitadas puedan utilizarla sin importar el tipo de
discapacidad, como auditivas, cognitivas, neurológicas, físicas, el habla,
visuales.
Es importante mencionar que la accesibilidad web no solo beneficia a
personas con discapacidad sino, también a:
• Personas mayores cuyas habilidades cambian a causa de la edad
• Personas con discapacidad temporal a causa de un accidente
• Personas con conexión a internet lenta o deficiente
• Personas con limitaciones por su ubicación
La accesibilidad es esencial para desarrolladores y organizaciones que
quieren crear sitios y herramientas web de calidad y no excluir personas del
uso de sus productos y servicios (W3C, 2019).
19
Pautas de accesibilidad para el contenido Web
La W3C ha desarrollado pautas de accesibilidad al contenido web (WCAG)
2.0 con el fin de proporcionar un estándar para la accesibilidad al sitio web
que satisfaga las necesidades no solo de los individuos, sino también de
organizaciones y gobiernos, las mismas cubren una amplia gama de
recomendaciones para el diseño web más accesible. Estas pautas se
componen de 4 Principios, 12 directrices, 61 criterios de cumplimiento
(éxito), y un número no determinado de técnicas suficientes y técnicas de
asesoramiento (Luján Mora, Universidad de Alicante, 2018).
Principio 1: Perceptible: la información y los componentes de la interfaz de
usuario deben ser mostrados a los usuarios en formas que ellos puedan
entender.
• Directriz 1.1: Texto alternativo: proporciona texto alternativo para el
contenido que no sea textual, así podrá ser transformado en otros
formatos que la gente necesite, como caracteres grandes, lenguaje
braille, lenguaje oral, símbolos o lenguaje más simple.
• Directriz 1.2: Contenido multimedia dependiente del tiempo:
proporcione alternativas sincronizadas para contenidos multimedia
sincronizados dependientes del tiempo.
• Directriz 1.3: Adaptable: crear contenido que pueda ser presentado
de diferentes formas sin perder ni información ni estructura.
• Directriz 1.4: Distinguible: facilitar a los usuarios ver y escuchar el
contenido incluyendo la distinción entre lo más y menos importante.
Principio 2: Operable: los componentes de la interfaz de usuario y la
navegación debe ser manejable.
• Directriz 2.1: Teclado accesible: poder controlar todas las funciones
desde el teclado.
• Directriz 2.2 Tiempo suficiente: proporciona tiempo suficiente a los
usuarios para leer y utilizar el contenido.
• Directriz 2.3: Ataques epilépticos: no diseñar contenido que pueda
causar ataques epilépticos.
20
• Directriz 2.4: Navegación: proporciona formas para ayudar a los
usuarios a navegar, a buscar contenido y a determinar dónde están
estos.
Principio 3: Comprensible: la información y las operaciones de usuarios
deben ser comprensibles.
• Directriz 3.1: Legible: hacer contenido de texto legible y
comprensible.
• Directriz 3.2 Previsible: hacer la apariencia y la forma de utilizar las
páginas web previsibles.
• Directriz 3.3 Asistencia a la entrada de datos: los usuarios de ayuda
evitarán y corregirán errores.
Principio 4: Robustez: el contenido deber ser suficientemente robusto para
que pueda ser bien interpretado por una gran variedad de agentes de
usuario, incluyendo tecnologías de asistencia.
• Directriz 4.1 Compatible: maximiza la compatibilidad con los agentes
de usuario actuales y futuros, incluyendo tecnologías de asistencia.
Cada pauta tiene un conjunto de criterios de conformidad en forma de
enunciados y que pueden ser implementados para verificar la conformidad
de los contenidos respecto a WCAG 2.0, o para el desarrollo de nuevos
contenidos accesible y que cumpla con las pautas. Para atender a las
necesidades de los distintos grupos de usuarios y circunstancias, cada uno
de los criterios de conformidad está asociado a un nivel de conformidad que
define el nivel de exigencia del criterio. Los niveles de conformidad son: A
como el menos exigente, AA y AAA como el más exigente (Luján Mora,
2018).
La importancia de los estándares al momento del diseño de sitios web
accesibles se basa en el uso de pautas y normas que sirvan de referencia
a los diseñadores. Cabe recalcar que varios países han implementado
leyes o normas que determinan la accesibilidad en la web como una
obligación legal.
21
En América Latina, países como Argentina, Chile Colombia y Perú poseen
antecedentes legislativos o constitucionales sobre el tema. Por otra parte,
la propia convención sobre los derechos de las personas en situación de
discapacidad, aprobada por las Naciones Unidas el 13 de diciembre de
2006, establece requisitos sobre la accesibilidad para los países suscritos,
con objetivo minimizar las barreras digitales en la web, en el que el Estado
y las administraciones públicas juegan un papel principal para fomentar la
accesibilidad universal con el objeto de asegurar la igualdad de condiciones
en el acceso a la información para todos los ciudadanos (Caballero-Cortés,
2015).
Base de Datos
Según María Raffino (2019), una base de datos o también llamado banco
de datos es un conjunto de información que se refiere a un mismo contexto
ordenada sistemáticamente para su posterior uso, recuperación, análisis y
transmisión. En la actualidad, se conoce que existen muchas formas de
base de datos surgidas de la necesidad de almacenamiento y conservación
en el tiempo por parte de los humanos.
Toda base de datos debe ser manejada a través de un sistema de gestión,
llamado DBMS (Database Management Systems o sistema de Gestión de
Base de datos), que facilitan la tarea de almacenamiento ordenado y
recuperación de información. Para la creación de una base de datos se
debe tomar en cuenta las características, estructura organizacional,
jerarquía, la capacidad de transmisión e interrelación, todo esto define el
modelo de base de datos que, permite el diseño e implementación de
algoritmos y otros mecanismos lógicos.
Tipos de base de datos
Las bases de datos también tienen clasificación según las características
que presenten. Se mencionan las siguientes:
22
Según su variabilidad
Conforme a los procesos de recuperación y preservación de los datos,
podemos hablar de:
• Bases de datos estáticas: utilizadas en su mayoría por el mercado
de la inteligencia empresarial y otras áreas de análisis histórico, son
bases de datos de sólo lectura, de las cuales se puede extraer
información, pero no modificar la ya existente.
• Bases de datos dinámicas: Aparte de las operaciones básicas de
consulta, estas bases de datos manejan procesos de actualización,
reorganización, añadidura y borrado de información.
Según su contenido
De acuerdo con la naturaleza de la información contenida, pueden ser:
• Bibliográficas: Contienen diverso material de lectura (libros,
revistas, etc.) ordenado a partir de información clave como son los
datos del autor, del editor, del año de aparición, del área temática o
del título del libro, entre otras muchas posibilidades.
• De texto completo: Trabajan con textos históricos o documentales,
cuya preservación debe ser a todo nivel y se consideran fuentes
primarias.
• Directorios: Listados enormes de datos personalizados o de
direcciones de correo electrónico, números telefónicos, etc.
Las empresas de servicios manejan enormes directorios
clientelares, por ejemplo.
• Especializadas: Bases de datos de información híper-especializada
o técnica, pensadas a partir de las necesidades puntuales de un
público determinado que consume dicha información.
MySQL
MySQL es un sistema de administración de bases de datos relacionales
rápido, sólido y flexible. Es ideal para crear bases de datos con acceso
23
desde páginas web dinámicas, para la creación de sistemas de transacción
on-line o para cualquier otra solución profesional que implique almacenar
datos, teniendo la posibilidad de realizar múltiples y rápidas consultas
(Cobo, Gómez, Pérez, & Rocha, 2005).
MySQL es una base de rápida lectura utilizando el motor transaccional
MyISAM. es mayormente utilizado en aplicaciones web ligadas a PHP,
plataformas y herramientas de seguimiento.
MySQL ofrece a los usuarios la opción de elegir entre sus 2 tipos de
licencias. En la primera los usuarios tienen la opción de usar el software de
manera libre, es decir, código abierto bajo términos de la licencia Pública
General de GNU y la segunda opción es adquirir la licencia comercial
estándar de Oracle.
Entre las características principales de MySQL mencionadas por (MySQL,
s.f.) tenemos:
• Escrito en C y C ++.
• Probado con una amplia gama de compiladores diferentes.
• Funciona en muchas plataformas diferentes.
• Utiliza un diseño de servidor de varias capas con módulos
independientes.
• Independencia de los nombres de funciones de los nombres de tabla
o columna. Por ejemplo, ABS es un nombre de columna válido. La
única restricción es que, para una llamada de función, no se
permiten espacios entre el nombre de la función y el " (" que le sigue.
• Puede hacer referencia a tablas de diferentes bases de datos en la
misma declaración.
• Un sistema de privilegios y contraseñas que es muy flexible y
seguro, y que permite la verificación basada en el host.
• Soporte para grandes bases de datos.
• Los programas cliente MySQL pueden escribirse en muchos
idiomas.
24
Discapacidad
Discapacidad es un término general que abarca las deficiencias, las
limitaciones de la actividad y las restricciones de la participación. Las
deficiencias son problemas que afectan a una estructura o función corporal;
las limitaciones de la actividad son dificultades para ejecutar acciones o
tareas, y las restricciones de la participación son problemas para participar
en situaciones vitales (OMS, s.f.).
Por consiguiente, la discapacidad es un fenómeno complejo que refleja una
interacción entre las características del organismo humano y las
características de la sociedad en la que vive.
Existen diferentes tipos de discapacidad, entre ellos tenemos:
• Discapacidad física: Es aquella que consiste en una disminución
de movilidad o inmovilidad debido a una falta, deterioro o alteración
funcional de una o más partes del cuerpo
• Discapacidad sensorial: Aquí interviene la discapacidad auditiva y
discapacidad visual.
• Discapacidad auditiva: Consiste falta de la función sensorial o
deterioro de oír entre ellas, sordera parcial o total y dificultades para
hablar.
• Discapacidad visual: es aquella que consiste en el deterioro o falta
de la función sensorial de ver, entre ellas, visión disminuida y
ceguera.
• Discapacidad intelectual: Es aquella que presenta limitaciones
significativas en el funcionamiento intelectual y en la conducta
adaptativa, que se manifiesta en habilidades adaptativas
conceptuales, sociales y prácticas.
• Discapacidad mental: También conocida como Discapacidad
Psicosocial, presenta alteraciones o deficiencias en las funciones
mentales, como en el pensar, sentir y relacionarse.
Para el presente proyecto de titulación trabajaremos con la Discapacidad
intelectual.
25
Aplicación web
Una aplicación web es una aplicación o herramienta informática accesible
desde cualquier navegador, bien sea a través de internet (lo habitual) o bien
a través de una red local (Neosoft, 2018). El término aplicación web también
es utilizado para aquellos programas que se ejecutan en el navegador o
codificados en un lenguaje soportados por el mismo, con el fin de que la
aplicación reproduzca en el ordenador.
Una aplicación web (web-based application) es un tipo especial de
aplicación cliente/servidor, donde tanto el cliente (el navegador, explorador
o visualizador) como el servidor (el servidor web) y el protocolo mediante el
que se comunican (HTTP) están estandarizados y no han de ser creados
por el programador de aplicaciones (Luján-Mora, 2002).
HTTPS
Es un protocolo seguro de transferencia de hipertexto (HTTPS) basado en
HTTP, destinado para la transferencia segura de datos de hipertexto. Utiliza
un cifrado para la seguridad de los textos basado en SSL/TLS para la
creación de un canal cifrado más apropiado para el tráfico de la
información; cifrado dependiente del servidor remoto y del navegador que
use el usuario. De esta manera la información sensible y las claves no
pueden ser usadas en el caso de que alguien intercepte la transferencia de
datos de la conexión, convirtiéndose solo en un flujo de datos cifrados.
HTTPS utiliza el puerto 443 como puerto estándar.
Diferencias con HTTP
El protocolo HTTP forma parte de la familia de protocolos de
comunicaciones TCP/IP, que son los empleados en Internet. Estos
protocolos permiten la conexión de sistemas heterogéneos, lo que facilita
el intercambio de información entre distintos ordenadores. HTTP se sitúa
en el nivel 7 (aplicación) del modelo OSI (Luján-Mora, 2002).
26
En el protocolo HTTP las URLs comienzan con "http://" y utilizan por
omisión el puerto 80, las URLs de HTTPS comienzan con "https://" y utilizan
el puerto 443 por omisión.
HTTP es inseguro y está sujeto a ataques man-in-the-
middle y eavesdropping que pueden permitir al atacante obtener acceso a
bancos y a cuentas de un sitio web e información confidencial. HTTPS está
diseñado para resistir esos ataques y ser más seguro (Wikipedia, 2020).
Limitaciones
Https es vulnerable aplicando un contenido estático de publicación, el sitio
puede ser indexado con una araña web y la URI puede ser adivinada
mediante el tamaño de la petición, permitiendo el acceso al texto plano y
texto cifrado al atacante, dando lugar a un ataque criptográfico.
El nivel de protección es vulnerable según la exactitud de implementación
del navegador web, software de servidor y algoritmos de cifrado.
Desarrollador web
Desarrollador web o programador web, es la persona encargada de
diseñar, codificar y mantener aplicaciones y sitios web, que pueden ser
reutilizados, creado por un equipo de diseño bajo recomendaciones
tecnológicas del desarrollador, además administra la base de datos. Se
caracteriza por tener grandes conocimientos de conocimientos de
conceptos como HTML, JavaScript o CSS.
Es importante diferencia su rol del Diseñador Web, porque el desarrollador
no solo se encarga del diseño, sino que requiere conocimientos en
programación para crear códigos de solución o elaboración de productos y
servicios online (Universia, 2017).
Un desarrollador web debe tratar todo lo concerniente con la web, debe
construirla desde cero, coordinar y actuar como diseñador, ajustando
estilos referentes a la institución con la que se trabaja. Además, debe
27
aplicar modificaciones o mejoras, en el caso de ser necesario, para mejorar
el rendimiento de la web.
Tipos de desarrolladores web
Desarrollador Front-end
Toma el diseño de un sitio web y escribe el código necesario para ser
implementado en la web. Debe manejar los lenguajes de programación
HTML, CSS y JavaScript. Los desarrolladores front-end se encargan de la
programación del lado del cliente.
Desarrollador Back-end
Crean el código y programas que van a impulsar el servidor de la página
web, bases d datos y demás aplicaciones. Además, el código creado debe
ser limpio y eficiente para cumplir con su función de una manera rápida,
teniendo en cuenta que la velocidad es un factor importante en cuanto a
optimización de motores de búsqueda. Los desarrolladores back-end
trabajan con diferentes lenguajes de programación del lado del servidor,
entre lo más populares PHP, Python, Java y Ruby.
Desarrollador Full-stack
Utiliza estrategias y procesos de los desarrolladores front-end y back-end,
lo que significa que tienen la capacidad de desarrollar un sitio web por sí
solos creando programas eficientes y efectivos, además de, realizar una
supervisión completa del proceso de desarrollo.
Tareas que debe realizar un desarrollar web
Entre las principales tareas que un desarrollador web debe realizar
tenemos:
• Diseñar y codificar aplicaciones y sitios web.
• Definir la interfaz gráfica.
• Realizar pruebas y soportes de aplicaciones en diferentes idiomas.
28
• Definir normas y estándares de calidad para la elaboración del sitio
web.
• Explicar al equipo las tecnologías que se encuentran a su cargo.
• Responder inquietudes o problemas de tecnología.
Diferencias entre el diseño web y desarrollo web
El diseño y desarrollo web no significan lo mismo, se necesitan
conocimientos distintos para comprender las funciones de estos
profesionales. A continuación, se detallan las funciones:
Diseñador web:
El diseñador web es la persona o grupo de personas que son responsables
por la creación del concepto del sitio web. Ellos pueden decidir si necesita
cierto color, con determinado contenido y páginas. Ellos pueden hacer
cosas como crear infográficos, logos y videos, y definitivamente le dirán al
desarrollador dónde se deben colocar estos elementos en la página web.
Sin embargo, no toman parte en la construcción de la página web o del
código subyacente.
Desarrollador web:
El desarrollador web toma los conceptos del diseñador y crea el código
necesario para convertirlos en una página web y ponerla a disposición de
personas como tú o yo. Es importante darse cuenta de que, aunque el
desarrollador web y el diseñador podrían ser la misma persona – casi
siempre hay una superposición entre el desarrollo front-end y el diseño –
sus funciones son diferentes (King, 2019).
Servidor web
Un servidor web o Servidor HTTP es una pieza de software de
comunicaciones que intermedia entre el servidor en el que están alojados
los datos solicitados y el computador del cliente, permitiendo conexiones
29
bidireccionales o unidireccionales, síncronas o asíncronas, con cualquier
aplicación del cliente, incluso con los navegadores que traducen un código
traducible (renderizable) a una página web determinada (Raffino, Servidor
Web, 2019).
O sea, se trata de programas que median entre el usuario de Internet y el
servidor en donde está la información que solicita.
Los servidores web son programas que sirven de medio entre el usuario de
internet y el servidor don se encuentra la información solicitada, emplean
diversos protocolos de datos para comunicarse, siendo el más común
HTTP (HyperText Transfer Protocol). Por otra parte, también se usa el
término para referirse al computador en el que están guardados
los archivos que componen un sitio web, junto al software necesario para
cumplir con la conexión de datos web.
Importancia de Servidor Web
Como ya se mencionó, la función de los servidores web es la de mediar
entre las solicitudes de los usuarios y los archivos que contienen la
información solicitada, en el computador en el que están almacenados. Por
lo que es necesario uno para publicar un sitio web, y también para tener
acceso a los datos que componen una página web cualquiera. El proceso
ocurre de la siguiente manera:
• El usuario introduce una dirección web (URL) en su navegador y éste
envía una solicitud al servidor web.
• El servidor web (software) busca los archivos pertinentes ya sea en
el propio servidor (hardware) o en un servicio de hosting en el que
están siempre disponibles y en línea.
• Los archivos entonces son procesados según lo solicitado y enviados
de acuerdo al protocolo de transferencia, es decir, conforme a un
conjunto de reglas que regulan la comunicación entre los
computadores.
• El navegador recibe los archivos y ensambla el contenido de la
página web que se muestra al usuario.
30
Sitio web
Sitio es un lugar que sirve para algo o un espacio ocupado (o que puede
llegar a serlo). La noción de Web, por su parte, hace referencia a Internet,
una red de redes que permite la interconexión de computadoras mediante
un conjunto de protocolos denominado TCP/IP.
Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de
un conjunto de páginas web que son accesibles desde un mismo dominio
o subdominio de la World Wide Web (WWW).
Un sitio web es un conjunto de páginas web relacionadas entre sí. Se entiende
por página web tanto el chero que contiene el código HTML como todos los
recursos que se emplean en la página como imágenes, sonidos, código
JavaScript, entre otros (Luján-Mora, 2002).
Es importante establecer que en Internet encontramos una gran variedad
de tipos de sitios web que suelen diferenciarse fundamentalmente por la
clase de contenido que ofrecen o por el servicio que brindan a cualquiera
de las personas que se encuentran navegando por la Red.
• Blogs: Se tratan de una especie de bitácora en la que una persona
en particular realiza post relativos a sus gustos, a sus aficiones o a
sus conocimientos en una relativa manera. De la misma manera,
están aquellos que son utilizados simplemente para contar, en forma
de diario, lo que les sucede día a día. Para poder crear a aquellos
existen diversos tipos de plataformas gratuitas tales como Blogger o
WordPress.
• Sitios web de empresas: Son aquellos lugares en la Red que son
utilizados por negocios de diversa índole para dar a conocer sus
productos o sus servicios. Sin embargo, también los emplean para
aumentar su cartera de clientes y para mantener una relación más
directa con sus clientes.
• Sitios personales: Son aquellos que mantienen los individuos en
distintas plataformas y que utilizan para mostrar información sobre
sí mismos, ya sea a nivel escrito o bien mediante fotografías.
31
Ejemplos de ellos son los sitios que tienen muchos usuarios en redes
sociales tales como Facebook, Tuenti o Twitter.
• Los sitios de subastas, los sitios de noticias o los sitios de descargas
son otros de los tipos más conocidos.
Los sitios web incluyen documentos HTML, fotografías, sonidos, vídeos,
animaciones Flash y otro tipo de contenidos que pueden compartirse en
línea. La URL raíz del sitio web se conoce como portada o homepage. Lo
más habitual es que esta portada facilite el acceso a todas las páginas del
sitio mediante hipervínculos (también conocidos como enlaces o links).
Copias de seguridad
Cuando nos referimos copias de seguridad o backup, hablamos de un
sistema de réplica de ficheros que regularmente se guarda en el
computador o en otro lugar.
Los términos copia de seguridad de datos y protección de datos a menudo
se usan indistintamente, aunque la protección de datos abarca los objetivos
más amplios de continuidad empresarial, seguridad de datos,
administración del ciclo de vida de la información y prevención de malware
y virus informáticos (Rouse, 2018).
Cabe recalcar que la información que nace de las actividades diarias en
cualquier institución es de vital importancia, por ellos, el objetivo principal
de las copias de seguridad es garantizar la recuperación de datos de
manera rápida y confiable en caso de existir la necesidad.
Existen diferentes tipos de copias de seguridad que depende de la manera
de copiar los datos, velocidad y requerimientos de espacio. Entre las
principales copias de seguridad tenemos:
• Completa. Se realiza una copia de seguridad de todos los archivos
y carpetas seleccionados. Cuando se ejecutan copias posteriores,
nuevamente se hace una copia de seguridad de todo el listado de
archivos. La restauración de una copia de seguridad completa es
32
rápida. Sin embargo, cada ejecución es lenta y ocupa más espacio
con respecto a las otras tipologías.
• Incremental. Primero se realiza una copia de seguridad completa y
las siguientes copias incluyen únicamente los cambios realizados
desde la última copia de seguridad. Es mucho más rápida que una
copia de seguridad completa y requiere menos espacio, pero la
restauración es más lenta que con una copia de seguridad completa
o diferencial.
• Diferencial. Se realiza una copia de seguridad de todos los cambios
realizados desde la última copia de seguridad completa. Es mucho
más rápida y requiere menos espacio de almacenamiento que una
copia de seguridad completa, pero más que una copia de seguridad
incremental. Las restauraciones son más lentas que con una copia
de seguridad completa, pero más rápidas que con copias de
seguridad incrementales.
• Espejo. Es un reflejo fiel de la fuente que se está respaldando, lo que
implica que un archivo eliminado en el origen, también se eliminará
en la copia de seguridad. Debido a esto, este tipo de copia de
seguridad debe usarse con precaución.
• Sintética completa. Reconstruye la imagen de copia de seguridad
completa usando todas las copias incrementales o diferenciales.
Puede almacenarse en cintas en localizaciones externas, con la
ventaja de que se reduce el tiempo de restauración.
• Backup incremental inverso. Es una copia de seguridad
incremental de los cambios realizados entre dos instancias de una
copia espejo. Después de la copia completa inicial, cada copia
sucesiva aplica los cambios a la anterior completa, creando una
nueva copia de seguridad sintética completa cada vez, mientras se
mantiene la capacidad de volver a las versiones anteriores
• Protección de datos continua (CDP). Permite una mayor cantidad
de puntos de restauración con respecto a los demás tipos de copia
de seguridad.
33
Manipulación de los datos en la copia de seguridad
Como es de conocimiento general, la manipulación de datos almacenados
en las copias de seguridad se ha vuelto una práctica habitual para optimizar
los procesos de copia y los procesos de almacenamiento.
Compresión
La compresión es el mejor método para disminuir el espacio de
almacenamiento necesario y de ese modo reducir el costo (Wikipedia,
2020).
Redundancia
Cuando varios sistemas guardan sus copias de seguridad en el mismo
sistema de almacenamiento, existe la posibilidad de redundancia en los
datos copiados. Si tenemos estaciones con el mismo sistema operativo
compartiendo el mismo almacén de datos, existe la posibilidad de que la
mayoría de los archivos del sistema sean comunes. El almacén de datos
realmente sólo necesita almacenar una copia de esos ficheros para luego
ser utilizada por cualquiera de las estaciones. Esta técnica puede ser
aplicada al nivel de ficheros o incluso al nivel de bloques de datos,
reduciendo el espacio utilizado para almacenar (Wikipedia, 2020).
Deduplicación
Es una técnica especializada de compresión de datos para eliminar copias
duplicadas de datos repetidos. Un término relacionado con la deduplicación
de datos es la compresión inteligente de datos. Esta técnica se usa para
optimizar el almacenamiento de datos en disco y también para reducir la
cantidad de información que debe enviarse de un dispositivo a otro a través
de redes de comunicación. (Wikipedia, 2020)
Cifrado
La alta capacidad de los soportes de almacenamiento desmontables
implica un riesgo de perderse o ser robados. Si se cifra la información de
estos soportes se puede mitigar el problema, aunque esto presenta nuevos
inconvenientes. Primero, cifrar es un proceso que consume mucho tiempo
34
de CPU y puede bajar la velocidad de copiado. En segundo lugar, una vez
cifrados los datos, la compresión es menos eficaz. (Wikipedia, 2020)
Framework
Framework es un conjunto de herramientas que facilitan el trabajo a los
desarrolladores, ya que ofrece la opción de reutilizar códigos, es decir que,
el proceso de programación se escriben menos líneas de código.
Se puede decir entonces que, un framework es una aplicación genérica
incompleta que se puede configurar para añadirle las líneas de código que
sean necesarias para programar una determinada aplicación; una analogía
de ello podría ser un rompecabezas al que se le pueden agregar nuevas
piezas para hacerlo más completo y detallado o agregarle nuevas
funciones. (cero, 2018)
Los objetivos principales que persigue un framework son: acelerar el
proceso de desarrollo, reutilizar código ya existente y promover buenas
prácticas de desarrollo como el uso de patrones. (Gutiérrez, 2019)
Existen razones que nos ayudan a tomar la decisión de usar un framework
a la hora de programar, se detallan a continuación:
1. Evitar escribir código repetitivo
La mayoría de los proyectos tienen partes comunes necesarias para el
funcionamiento como, por ejemplo, acceso a base de datos, validación de
formularios o seguridad. Un framework evita tener que programar estas
partes, de esta manera nos resulta más fácil centrarnos en programar la
aplicación.
2. Utilizar buenas prácticas
Los frameworks están basados en patrones de desarrollo, normalmente
MVC (Modelo-Vista-Controlador) que ayudan a separar los datos y la lógica
de negocio de la interfaz con el usuario.
3. Permitir hacer cosas avanzadas
35
Un framework siempre va a permitir hacer cosas de una manera fácil y
segura, que regularmente serían complicadas o requeriría de mucho
tiempo para hacerlas.
4. Desarrollar más rápido
Al tener en cuenta los puntos anteriores, se conocerá que desarrollar una
aplicación con un framework permite hacerlo de una forma más rápida, más
limpia y segura.
Se debe considerar las características y necesidades del proyecto a la hora
de seleccionar un framework.
Laravel
Laravel es un framework de código abierto para el desarrollo de
aplicaciones y servicios web con el uso de PHP de manera ágil, fácil y
segura. Cuenta con diversas características que lo hacen único como, por
ejemplo, el uso de documentación atractiva de contenido claro y completo
permitiendo una gran cantidad de funcionalidades; aprovecha
características de php, no tiene requerimientos sobre el stack de
publicación y elimina las dificultades en el desarrollo facilitando las tareas
comunes utilizadas en la mayoría de los proyectos web.
Php
Php es un lenguaje de código abierto popular para el desarrollo web,
licenciado bajo la Php License.
Lo que distingue a PHP de algo del lado del cliente como Javascript es que
el código es ejecutado en el servidor, generando HTML y enviándolo al
cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se
sabrá el código subyacente que era. El servidor web puede ser configurado
incluso para que procese todos los ficheros HTML con PHP, por lo que no
hay manera de que los usuarios puedan saber qué se tiene debajo de la
manga. (Php, s.f.)
36
Php es un lenguaje que puede ejecutarse en todos los sistemas operativos
actualmente y en múltiples servidores a través de comando o de un cliente
GUI.
La ventaja de php es que ejecuta código en el mismo servidor y lo envía al
cliente. Este servidor puede ser configurado para procesar todos los
ficheros HTML. Además, es simple para programadores principiantes, pero
también ofrece muchas características para programadores profesionales
HTML
HTML es un lenguaje empleado para desarrollar páginas web que está
compuesto por diferentes etiquetas interpretados por el navegador dando
forma a la pantalla. Es un estándar definido por World Wide Web
Consortium (W3C), que hace referencia al lenguaje de marcado, es decir,
el código es utilizado para estructurar y desplegar una página web y su
contenido en sus diferentes versiones. Actualmente, este estándar es
adoptado por todos los navegadores y se ha impuesto en la visualización
de las páginas web.
HTML es un lenguaje de marcas (etiquetas) que se emplea para dar
formato a los documentos que se quieren publicar en la WWW. Los
navegadores son capaces de interpretar las etiquetas y mostrar los
documentos con el formato deseado. (Luján-Mora, 2002)
HTML posee una estructura básica y un código conocido como código
HTML que definen el contenido de la página web, tales como, texto,
imágenes, videos, entre otros.
37
GRÁFICO 2 : Estructura de un documento HTML 5
Elaboración: Carlos Alberto Vanegas, Sonia Alexandra Pinzón Núñez, Rocío Rodríguez Guerrero
Fuente: Aplicaciones Web con HTML, Javascript y Php
HTML, que significa Lenguaje de Marcado de Hipertextos (HyperText
Markup Language), es la pieza más básica para la construcción de la web
y se usa para definir el sentido y estructura del contenido en una página
web. Otras tecnologías además de HTML son usadas generalmente para
describir la apariencia/presentación de una página web (CSS) o su
funcionalidad (JavaScript). (MDN, 2020)
El diseño en HTML, aparte de cumplir con las especificaciones propias del
lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo
unas pautas o las normativas y leyes vigentes en los países donde se
regule dicho concepto. Se encuentra disponible y desarrollado por
el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0
WCAG (actualizadas recientemente con la especificación 2.0), aunque
muchos países tienen especificaciones propias, como es el caso de España
con la Norma UNE 139803. (Wikipedia, 2020)
Estrategias de código abierto
Las herramientas Open Source ofrecen muchos, razones por las cuales se
deben tomar en cuenta al momento de desarrollar un proyecto. Existe un
artículo llamado “10 Reasons why you need an Open Source Strategy”
donde el autor menciona 10 razones por las cuales elegir estrategias de
código abierto para el desarrollo de proyecto:
38
1. Reducir la dependencia de los proveedores de código cerrado.
2. Su presupuesto anual no está a la par con los aumentos en los
costos de mantenimiento del software y los costos incrementados
de la atención médica de los empleados.
3. Más acceso a herramientas.
4. Pruebe antes de comprar. ¿Te estás preparando para invertir en
SOA, BPM o ECM? ¿Por qué no hacer un prototipo sin gastar
grandes sumas de dinero?
5. Gran apoyo y una comunidad en línea 24/7 que responde
rápidamente.
6. Accede al código fuente y la posibilidad de personalizarlo si lo
deseas.
7. Gran poder de negociación cuando se trata de proveedores de
código cerrado.
8. El conjunto de características no está inflado y está impulsado
por la colaboración entre la comunidad.
9. Más seguro que la mayoría de los proveedores de código
cerrado.
10. Las correcciones de errores se implementan más rápido que los
proveedores de código cerrado. En realidad, la comunidad
corrige muchos errores antes de que los usuarios los informen.
(Greek, 2008)
Google docs
Como es de conocimiento muchas personas, Google Docs es
un procesador de texto que está incluido en un paquete ofimático de
Google, específicamente en el servicio de Google Drive, es decir, es de
software gratuito. Incluye hojas de cálculo, presentaciones que son
compatibles con formatos de Microsoft, además permite editar y crear en
línea, realizar seguimientos de ediciones con un historial de revisiones que
presenta los cambios.
39
Google Docs y el paquete Drive son gratuitos para uso individual, pero
también están disponibles como parte de G Suite centrado en los negocios
de Google, lo que permite una funcionalidad adicional enfocada en los
negocios mediante el pago de una suscripción mensual. (Wikipedia, 2020)
FUNDAMENTACIÓN LEGAL
El presente proyecto de titulación se fundamenta en la constitución, leyes
y normas como se detalla a continuación:
TÍTULO IV
DEL PRINCIPIO DE INTEGRALIDAD
Art. 67.- El principio de integralidad es una oportunidad para el desarrollo
de los procesos de coordinación y correspondencia entre los diversos
estadios del sistema nacional educativo, así como entre las funciones
sustantivas de formación, investigación y vinculación con fa sociedad, con
miras a lograr la integración y transferencia del conocimiento entre fas
diversos niveles de formación de educación superior, garantizando su
acceso, apropiación y distribución de forma abierta, colaborativa y en red.
La integralidad debe asumirse como un principio que fortalece los procesos
académicos y científicos, así como un espacio para la integración regional
e internacionalización universitaria a través de redes de cooperación
científica y tecnológica, la movilidad de docentes y estudiantes, la
compatibilización y armonización curricular y de titulaciones, modelos de
gestión de la calidad, y la consolidación de las culturas e identidades
nacionales.
Art. 68.- La Universidad de Guayaquil se define como una universidad de
formación con investigación; producirá y gestionará conocimientos
científicos, tecnológicos y culturales, ofertará títulos de tercer nivel y grados
académicos de cuarto nivel de acuerdo a la Ley Orgánica de Educación
Superior y sus Reglamentos.
40
Art. 69.- Son políticas de integralidad del Sistema de Gestión
Universitaria:
a. La planificación académica y científica de la Universidad de
Guayaquil en base al diálogo de saberes ya partir de la organización de
los dominios científicos, tecnológicos y humanísticos:
b. La coordinación e integración de las funciones sustantivas con el
Sistema Nacional Educativo, organismos académicos, productivos,
sociales, culturales y políticos nacionales e internacionales, así como
con institutos técnicos y tecnológicos y de Investigación;
c. La configuración de una estructura de gestión universitaria que
favorezca el fortalecimiento de los procesos de integración y la
integralidad de la gestión del conocimiento;
d. El diseño e implementación de los Centros de Excelencia que actúan
como redes del conocimiento endógenas, que favorecen la integración
con otras de carácter nacional e internacional en función de campos de
estudio, sistema de gestión académica, líneas y proyectos de
investigación;
e. El fortalecimiento del proceso de internacionalización de la
Universidad de Guayaquil, consolidando procesos tendentes al
desarrollo de titulaciones conjuntas, movilidad de personal académico y
estudiantes, proyectos de investigación, desarrollo e innovación, y la
integración y cooperación de redes de cooperación; y,
f. Las demás que establezca el Honorable Consejo Universitario de la
Universidad de Guayaquil y a las entidades rectoras de la Educación
Superior.
Según el CAPÍTULO II DE LOS CONSEJOS CONSULTIVOS DE LOS
VICERRECTORADOS Sección I Del consejo consultivo de Investigación y
gestión de conocimiento detalla artículos sobre las mejoras a cuanto el
proceso de titulación, brindado apoyo y asesoría.
Art. 76.- Las atribuciones del Consejo Consultivo de Investigación son las
siguientes:
41
a. Proponer Planes de Desarrollo Estratégicos Institucional y el POA
de la función de investigación y gestión del conocimiento al
Honorable Consejo Universitario, diseñando mecanismos de
seguimiento, monitoreo y evaluación que aseguren su
cumplimiento.
b. Garantizar la pertinencia de la gestión de la ciencia, la tecnología, la
innovación y 105 saberes ancestrales en fundón de los dominios
científicos, tecnológicos y humanísticos de la Universidad de
Guayaquil.
c. Orientar y asesorar la determinación de los programas y líneas de
investigación de los Centros de Excelencia y Unidades Académicas,
estableciendo las necesidades de integración multi, inter,
transdisciplinaria y transcultural para su implementación en el marro
de los dominios del conocimiento.
d. Aprobar la convocatoria a los concursos de programas y proyectos
de investigación, analizarlos y decretar su aprobación en base a su
pertinencia y relevancia científica, así como divulgarlos en los
Centros de Excelencia y Unidades Académicas.
e. Velar por la integración de las actividades de investigación,
vinculación e internacionalización de la Universidad de Guayaquil.
f. Garantizar la planificación, organización, dirección y control del
cumplimiento de 105 indicadores de investigación en la evaluación
institucional, carreras y programas de los Centros de Excelencia y
Unidades Académicas de la Universidad de Guayaquil.
Ley de Propiedad Intelectual
Sección V
DISPOSICIONES ESPECIALES SOBRE CIERTAS OBRAS
PARÁGRAFO PRIMERO DE LOS PROGRAMAS DE
ORDENADOR
Art. 28. Los programas de ordenador se consideran obras literarias y se
protegen como tales. Dicha protección se otorga independientemente de
42
que hayan sido incorporados en un ordenador y cualquiera sea la forma en
que estén expresados, ya sea en forma legible por el hombre (código
fuente) o en forma legible por máquina (código objeto), ya sean programas
operativos y programas aplicativos, incluyendo diagramas de flujo, planos,
manuales de uso, y en general, aquellos elementos que conformen la
estructura, secuencia y organización del programa.
Art. 29. Es titular de un programa de ordenador, el productor, esto es la
persona natural o jurídica que toma la iniciativa y responsabilidad de la
realización de la obra. Se considerará titular, salvo prueba en contrario, a
la persona cuyo nombre conste en la obra o sus copias de la forma usual.
Dicho titular está además legitimado para ejercer en nombre propio los
derechos morales sobre la obra, incluyendo la facultad para decidir sobre
su divulgación. El productor tendrá el derecho exclusivo de realizar,
autorizar o prohibir la realización de modificaciones o versiones sucesivas
del programa, y de programas derivados del mismo. Las disposiciones del
presente artículo podrán ser modificadas mediante acuerdo entre los
autores y el productor.
Art. 30. La adquisición de un ejemplar de un programa de ordenador que
haya circulado lícitamente autoriza a su propietario a realizar
exclusivamente:
a) Una copia de la versión del programa legible por máquina (código objeto)
con fines de seguridad o resguardo;
b) Fijar el programa en la memoria interna del aparato, ya sea que dicha
fijación desaparezca o no al apagarlo, con el único fin y en la medida
necesaria para utilizar el programa; y,
c) Salvo prohibición expresa, adaptar el programa para su exclusivo uso
personal, siempre que se limite al uso normal previsto en la licencia. El
adquirente no podrá transferir a ningún título el soporte que contenga el
programa así adaptado, ni podrá utilizarlo de ninguna otra forma sin
autorización expresa, según las reglas generales. Se requerirá de
autorización del titular de los derechos para cualquier otra utilización,
43
inclusive la reproducción para fines de uso personal o el
aprovechamiento del programa por varias personas, a través de redes u
otros sistemas análogos, conocidos o por conocerse.
Art. 31. No se considerará que exista arrendamiento de un programa de
ordenador cuando éste no sea el objeto esencial de dicho contrato. Se
considerará que el programa es el objeto esencial cuando la funcionalidad
del objeto materia del contrato, dependa directamente del programa de
ordenador suministrado con dicho objeto; como cuando se arrienda un
ordenador con programas de ordenador instalados previamente.
Art. 32. Las excepciones al derecho de autor establecidas en los artículos
30 y 31 son las únicas aplicables respecto a los programas de ordenador.
UTILIZACIÓN DE SOFTWARE LIBRE EN LA ADMINISTRACIÓN
PÚBLICA
Decreto Ejecutivo 1014
Art. 1.- Establecer como política pública para las entidades de la
Administración Pública Central la utilización de software libre en sus
sistemas y equipamientos informáticos.
Art. 2.- Se entiende por software libre, a los programas de computación que
se pueden utilizar y distribuir sin restricción alguna, que permitan su acceso
a los códigos fuentes y que sus aplicaciones puedan ser mejoradas. Estos
programas de computación tienen las siguientes libertades:
a) Utilización del programa con cualquier propósito de uso común;
b) Distribución de copias sin restricción alguna;
c) Estudio y modificación del programa (Requisito: código fuente
disponible); y,
d) Publicación del programa mejorado (Requisito: código fuente
disponible).
Art. 3.- Las entidades de la Administración Pública Central previa a la
instalación del software libre en sus equipos, deberán verificar la existencia
44
de capacidad técnica que brinde el soporte necesario para el uso de este
tipo de software
Art. 4.- Se faculta la utilización de software propietario (no libre) únicamente
cuando no exista una solución de software libre que supla las necesidades
requeridas, o cuando esté en riesgo la seguridad nacional, o cuando el
proyecto informático se encuentre en un punto de no retorno. Para efectos
de este decreto se comprende como seguridad nacional, las garantías para
la supervivencia de la colectividad y la defensa de patrimonio nacional. Para
efectos de este decreto se entiende por un punto de no retorno, cuando el
sistema o proyecto informático se encuentre en cualquiera de estas
condiciones:
a) Sistema en producción funcionando satisfactoriamente y que un análisis
de costo beneficio muestre que no es razonable ni conveniente una
migración a software libre; y,
b) Proyecto en estado de desarrollo y que un análisis de costo - beneficio
muestre que no es conveniente modificar el proyecto y utilizar software
libre. Periódicamente se evaluarán los sistemas informáticos que utilizan
software propietario con la finalidad de migrarlos a software libre.
Art. 5.- Tanto para software libre como software propietario, siempre y
cuando se satisfagan los requerimientos, se debe preferir las soluciones en
este orden:
a) Nacionales que permitan autonomía y soberanía tecnológica;
b) Regionales con componente nacional;
c) Regionales con proveedores nacionales;
d) Internacionales con componente nacional;
e) Internacionales con proveedores nacionales; y,
f) Internacionales.
Art. 6.- La Subsecretaría de Tecnologías de la Información como órgano
regulador y ejecutor de las políticas y proyectos informáticos en las
entidades del Gobierno Central deberá realizar el control y seguimiento de
este decreto. Para todas las evaluaciones constantes en este decreto la
45
Subsecretaría de Tecnologías de la Información establecerá los
parámetros y metodologías obligatorias.
Art. 7.- Encárguese de la ejecución de este decreto los señores ministros
coordinadores y el señor Secretario General de la Administración Pública y
Comunicación.
Ley Orgánica de Discapacidades
SECCIÓN SÉPTIMA
DE LA ACCESIBILIDAD
PARÁGRAFO 2°
DE LA ACCESIBILIDAD A LA COMUNICACIÓN
Artículo 63.- Accesibilidad de la comunicación.- El Estado promocionará el
uso de la lengua de señas ecuatoriana, el sistema Braille, las ayudas
técnicas y tecnológicas, así como los mecanismos, medios y formatos
aumentativos y alternativos de comunicación; garantizando la inclusión y
participación de las personas con discapacidad en la vida en común.
Artículo 65.- Atención prioritaria en portales web.- Las instituciones públicas
y privadas que prestan servicios públicos, incluirán en sus portales web, un
enlace de acceso para las personas con discapacidad, de manera que
accedan a información y atención especializada y prioritaria, en los
términos que establezca el reglamento.
Ley Orgánica de Comunicación
SECCIÓN II
Derechos de igualdad e interculturalidad
Art. 37.- Derecho al acceso de las personas con discapacidad.- Se
promueve el derecho al acceso y ejercicio de los derechos a la
comunicación de las personas con discapacidad. Para ello, los medios de
comunicación social, las instituciones públicas y privadas del sistema de
comunicación social y la sociedad desarrollarán progresivamente, entre
46
otras, las siguientes medidas: traducción con subtítulos, lenguaje de señas
y sistema braille. El Estado adoptará políticas públicas que permitan la
investigación para mejorar el acceso preferencial de las personas con
discapacidad a las tecnologías de información y comunicación.
Reglamento Técnico Ecuatoriano RTE INEN 288 “Accesibilidad
para el Contenido Web”
El Reglamento Técnico Ecuatoriano RTE INEN 288 de accesibilidad para
el Contenido web publicado el 10 de febrero del 2016 por el Servicio
Ecuatoriano de Normalización establece que:
• Los requisitos de accesibilidad que debe cumplir el contenido web al
público para que deba ser utilizado por todas las personas con o sin
discapacidad, bien de forma autónoma o mediante los productos de
apoyo tecnológico adecuados.
• Aplica a los contenidos web publicados en los sitios web del sector
público y privado que presten servicios públicos.
• No es aplicable al software utilizado para acceder a los contenidos
Web (aplicaciones de usuario), ni al utilizado para generar dichos
contenidos (herramientas de autor).
• Se debe satisfacer por completo el nivel de conformidad AA,
establecido en la Norma NTE INEN-ISO/IEC 40500. Esta norma es
una traducción exacta de WCAG 2.0.
• El cumplimiento de este reglamento debe ser demostrado mediante
la presentación de un certificado de conformidad de primera parte,
el cual debe estar colocado en el propio sitio web de acuerdo a lo
que determine la autoridad competente. Un certificado de
conformidad de primera parte es un certificado o evaluación que
lleva a cabo la persona o la organización que provee el objeto.
• El reglamento entra en vigencia transcurridos ciento ochenta (180)
días calendario desde la fecha de su promulgación en el Registro
Oficial. En concreto, entrará en vigencia el 8 de agosto de 2016.
47
Por último, se incluyen dos disposiciones transitorias sobre el plazo para
cumplir con el reglamento y la norma:
• TRANSITORIA PRIMERA. Los propietarios de los sitios web a los
que se aplica este reglamento técnico tendrán un plazo de 2 años
para adecuar sus sitios web existentes al momento de entrar en
vigencia el reglamento de acuerdo al nivel de conformidad “A” de la
norma NTE INEN vigente. El 8 de agosto de 2018, todos los sitios
web ecuatorianos que presten un servicio público deben ser
accesibles WCAG 2.0 nivel A.
• TRANSITORIA SEGUNDA. Los propietarios de los sitios web a los
que se aplica este reglamento técnico tendrán un plazo de 4 años
para adecuar sus sitios web existentes al momento de entrar en
vigencia el reglamento de acuerdo al nivel de conformidad “AA” de
la norma INEN vigente. El 8 de agosto de 2020, todos los sitios web
ecuatorianos que presten un servicio público deben ser accesibles
WCAG 2.0 nivel AA.
Pregunta científica a contestarse
¿Un sitio web interactivo, informativo e inclusivo que cuente con un gestor
documental con servicios de almacenamiento y copias de seguridad para
el Centro de discapacidad Intelectual Jacinta y Francisco proporcionará el
fácil acceso y navegación a personas con capacidades especiales leves, y
preservará los respaldos de la documentación de forma segura?
DEFINICIONES CONCEPTUALES
Accesibilidad: Cualidad de fácil acceso para que cualquier persona,
incluso aquellas que tengan limitaciones en la movilidad, en la
comunicación o el entendimiento, pueda llegar a un lugar, objeto o servicio.
(Observatorio de la Accesibilidad, s.f.)
48
Base de datos: Conjunto de información perteneciente a un mismo
contexto, ordenada de modo sistemático para su posterior
recuperación, análisis y/o transmisión. (Raffino, 2019)
Código fuente: Conjunto de líneas de texto que expresan, en un lenguaje
de programación determinado, los pasos que debe seguir el computador
para la correcta ejecución de un programa específico. (Raffino, Código
Fuente, 2020)
Css: Hojas de Estilo en Cascada (del inglés Cascading Style Sheets)
o CSS es el lenguaje utilizado para describir la presentación de
documentos HTML o XML, esto incluye varios lenguajes basados
en XML como son XHTML o SVG. CSS describe como debe ser
renderizado el elemento estructurado en pantalla, en papel, hablado o en
otros medios. (MDN, 2019)
Dominio: nombre único con el que una página Web o un sitio Web se
identifica, dentro del vasto mar de la Red. (Raffino, Dominio en Internet,
2019)
Inclusión: es un enfoque que responde positivamente a la diversidad de
las personas y a las diferencias individuales, entendiendo que la diversidad
no es un problema, sino una oportunidad para el enriquecimiento de la
sociedad, a través de la activa participación en la vida familiar, en la
educación, en el trabajo y en general en todos los procesos sociales,
culturales y en las comunidades. (UNESCO)
Internet: Internet es una red de computadoras que se encuentran
interconectadas a nivel mundial para compartir información. Se trata de una
red de equipos de cálculo que se relacionan entre sí a través de la
utilización de un lenguaje universal. (Raffino, Internet, 2019)
Lenguaje de programación: Un lenguaje de programación es un conjunto
de símbolos y códigos usados para orientar la programación de estructuras
en el desarrollo web. Un programa destinado a la construcción de otros
programas informáticos. Su nombre se debe a que comprende un lenguaje
formal que está diseñado para organizar algoritmos y procesos lógicos que
49
serán luego llevados a cabo por un ordenador o sistema informático,
permitiendo controlar así su comportamiento físico, lógico y su
comunicación con el usuario humano. (Raffino, Lenguaje de Programación,
2018)
Open source: El software open source es un código diseñado de manera
que sea accesible al público: todos pueden ver, modificar y distribuir el
código de la forma que consideren conveniente. El software open source
se desarrolla de manera descentralizada y colaborativa, así que depende
de la revisión entre compañeros y la producción de la comunidad. (Redhat,
s.f.)
Hace referencia a todos aquellos programas informáticos que disponen a
cualquier usuario el acceso a su código de programación facilitando por
parte de otros programadores ajenos la modificación de este. (Perandones,
2019)
Plataforma: Una Plataforma Informática es una potente herramienta de
gestión empresarial conformada por un conjunto de hardware (servidores
de bases de datos, servidores de aplicaciones, máquinas de respaldo,
equipos de conectividad, etc..), software (framework, aplicaciones
empresariales, módulos especializados, servicios, etc..), estándares
internacionales, metodologías, servicios y mucho más, sobrepasando todo
lo conocido hasta ahora como sistema informático tradicional. (Plusultura,
s.f.)
Web: El concepto se utiliza en el ámbito tecnológico para nombrar a una
red informática y, en general, a Internet (en este caso, suele escribirse
como Web, con la W mayúscula). El término, de todas formas, tiene varios
usos. Además de nombrar a Internet en general, la palabra web puede
servir hacer mención a una página web, un sitio web o hasta un servidor
web. (Merino, 2010)
Web Hosting: El alojamiento web (en inglés: web hosting) es el servicio
que provee a los usuarios de Internet un sistema para poder almacenar
50
información, imágenes, vídeo, o cualquier contenido accesible vía web.
(Wikipedia, 2020)
W3C: El World Wide Web Consortium (W3C) es una comunidad
internacional donde las organizaciones miembros, el personal
a tiempo completo y el público trabajan juntos para desarrollar estándares
web. Dirigida por el inventor y director de la web, Tim Berners-Lee, y el
CEO Jeffrey Jaffe, la misión del W3C es llevar la Web a su máximo
potencial. (W3C)
51
CAPÍTULO III
PROPUESTA TECNOLÓGICA
Requerimientos
Los requerimientos solicitados por el Centro de Discapacidad Intelectual
Jacinta y Francisco para el desarrollo e implementación del sitio web y el
módulo de módulo de control de servicios de almacenamiento y copias de
seguridad en el sistema de gestión documental se encuentran detallados
en la sección de anexos, Anexo N.3.
Análisis de factibilidad
El presente trabajo de titulación se basa en el desarrollo e implementación
de un sitio web informativo e interactivo y de gestión documental utilizando
el lenguaje de programación PHP V7 y Framework Laravel, herramientas
que son muy utilizadas en la actualidad para el desarrollo de aplicaciones
web, por lo tanto el desarrollo e implementación de esas herramientas
permitirá agilizar procesos, asegurar las copias de seguridad contra
perdidas y difundir servicios del Centro de Discapacidad por medio del sitio
web.
Debido a la generación de masiva de documentos y la necesidad de
preservar la información en el tiempo, se ven obligados a buscar otras
alternativas ya que el sistema de gestión documental implementado en
primera fase en el Centro de Discapacidad por ingenieros de la Universidad
de Guayaquil no realizaba copias de seguridad. Además, surge la
necesidad dar a conocer la existencia del centro de discapacidad en la web
debido a que poseen un sitio web oficial que facilite esta tarea.
El objetivo de este trabajo es promover el desarrollo y uso de tecnologías
que ayuden a disminuir las barreras de acceso a la web que se presentan
en las personas que tienen capacidades especiales, ya que en la actualidad
52
es un tema con mucha relevancia, por lo que se considera además de
llamativo, importante para las instituciones creando una cultura de
accesibilidad que cumpla con las pautas y normas establecidas por las
instituciones que regulan la accesibilidad a nivel mundial.
Factibilidad Operacional
Basado en el estado en el que se encontró la información se pudo hallar
problemas, debido a la falta de uso del sistema en el Centro de
Discapacidad Intelectual Jacinta y Francisco, para ello se realizaron
entrevistas al personal administrativo, mencionando así, diferentes
inconvenientes con el sistema previamente desarrollado, entre ellos; la falta
de uso del sistema.
Además de la falta de uso del sistema, surgen otros inconvenientes como
la inexistencia de copias de seguridad que no aseguran la perpetuidad de
la información.
Así mismo, se pudo encontrar la poca capacitación por parte del personal
donde se reveló que una de las causas de la falta de uso del sistema de
gestión documental se debe a que hubo un cambio de equipos informáticos
lo que resultó en la pérdida de acceso a dicho sistema.
Los problemas que poseen los empleados del departamento administrativo
al momento de generar reportes e informes inmediatos se encuentran en la
búsqueda de la información, debido a que no poseen un sistema adecuado
sobre sus documentos. Para este inconveniente se solucionará mediante
la creación de los módulos de archivos y búsqueda inmediata de los
documentos.
Se trabajó en conjunto con la actual administradora del Centro de
Discapacidad Intelectual Jacinta y Francisco, la cual nos supo indicar los
requerimientos para la creación del sistema web. Los cuales se encuentran
establecidos en el anexo 3.
53
Factibilidad Técnica
En el siguiente cuadro 3 trata de factibilidad técnica, el mismo que detalla
las características de hardware y software requeridas para el buen
funcionamiento del aplicativo y el sitio web.
CUADRO 3: Características de hardware
Recursos Especificaciones
Computadora de
Escritorio
Procesador I5 1.80 Ghz.
Memoria RAM 4 Gb
Disco Duro 1Tb
Laptop
Procesador I5 1.80 Ghz.
Memoria RAM 4 Gb
Disco Duro 1Tb
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Byron Guamán Y. & Jordy Castro L.
En el cuadro 4, a continuación, se detallan las herramientas tecnológicas
empleadas en el presente proyecto.
CUADRO 4: Características de Software
Recursos Detalle
Windows 10 Sistema Operativo
Laravel Framework base
Express.js Framework (back-end)
PHP 7 Lenguaje de programación
Bootstrap 3 Framework (front-end)
HTML5 Lenguaje de etiquetas
Navicat Premium 12 Gestor gráfico de base de datos
MySQL 5.7.19 Gestor de base de datos
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Byron Guamán Y. & Jordy Castro L.
54
Factibilidad Legal
El módulo de control de servicios de almacenamiento y copias de
seguridad, y el sitio web informativo Fundación Jacinta y Francisco está
desarrollado conforme las leyes establecidas por la Constitución de
Ecuador, los mismos artículos se considerarán para la sustentación y
validación del presente trabajo. Cabe mencionar que el desarrollo del
proyecto no incurre en infracciones, violaciones u otros que podrían
provocar la imposibilidad de poner en ejecución el sistema, o su
interrupción en algún momento de su operación rutinaria.
Todos los artículos y argumentos legales considerados para el desarrollo
de propuestas de tecnologías y académicas se encuentran detallados en la
sección Marco Legal del Capítulo II.
Factibilidad Económica
En el siguiente cuadro 5, se detallan los costos adquiridos referentes a los
componentes necesarios para el desarrollo tanto del módulo de control de
servicios de almacenamiento y copias de seguridad, como del sitio web
informativo Fundación Jacinta y Francisco; los mismos se evaluaron de la
siguiente manera:
CUADRO 5 : Costos de recursos humanos
Colaborador Cargo Mes x
persona
Sueldo x
persona
Subtotal
Diseñador-
Analista
Mayra
Guamanquispe
3 $200,00 $600,00
Diseñador-
Analista
Antonio Farfán 3 $200,00 $600,00
Programador Mayra
Guamanquispe
3 $300,00 $900,00
Programador Antonio Farfán 3 $ 300,00 $900,00
Total $3000,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
55
Además, se observa en el cuadro 5 la mano de obra requerida para el
desarrollo del módulo de la aplicación y el sitio web, tales como,
Diseñadores-Analistas, y programadores.
CUADRO 6: Costos de Hardware
Descripción Valor
Laptop $650,00
Computador de escritorio $500,00
Total $1.150,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
En el cuadro 6, se detalla los costos referentes al hardware requerido para
el desarrollo del proyecto.
CUADRO 7: Costos de Software
Descripción Valor
Herramientas código abierto $0,00
Dominio $0,00
Hosting (alojamiento web anual) $75,00
Total $75,00
Elaborado por: Mayra Guamanquispe y Antonio Farfán
Fuente: Mayra Guamanquispe y Antonio Farfán
En el cuadro 7 se encuentran los costos correspondientes a licencias,
dominios y hosting requeridos para el correcto funcionamiento del aplicativo
y sitio web. Cabe mencionar que la vigencia del hosting será de un año
calendario, por lo que se requiere su renovación una vez terminado el plazo
para mantener activo el aplicativo y el sitio web.
56
CUADRO 8: Gastos adicionales
Descripción Valor
Transporte y Movilización $100,00
Viáticos $80,00
Extras $70,00
Total $250,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
El cuadro 8 detalla los gastos adicionales que surgieron por movilización,
viáticos y costos extras durante tiempo el desarrollo del presente trabajo de
titulación.
CUADRO 9: Costo estimado del proyecto
Costos Valor
Recursos humanos $3.000,00
Recursos Hardware $1.150,00
Recursos Software $75,00
Recursos adicionales $250,00
Total $4.475,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
En el cuadro 9, se encuentra el detalle del costo total estimado del proyecto,
siendo este de $4.475.
Los costos correspondientes al cuadro 5 y cuadro 6 fueron asumidos por el
equipo desarrollador del presente trabajo de titulación, por lo cual el valor
real del proyecto disminuye siendo este de $325.
PROCESAMIENTO Y ANÁLISIS
En el presente proyecto de titulación se empleará la técnica de encuesta
para la recolección y posterior procesamiento de datos, se formularán
preguntas de temas relacionados con este trabajo de titulación dirigidas al
57
personal que labora en el Centro de Discapacidad Intelectual Jacinta y
Francisco.
Las encuetas fueron realizadas de forma manual al personal administrativo
y posterior a ello tabuladas en el software estadístico IBM SPSS Statistics
versión 25. Las preguntas se encuentran en el Anexo 2 y validan la
problemática de la muestra correspondiente a 10 personas que laboran en
el Centro de Discapacidad, con el fin de recolectar información acerca del
conocimiento del sistema de Gestión documental y sitios web, así como la
aceptación de aplicaciones web inclusivos.
Análisis de las encuestas
1. ¿Considera usted importante llevar un registro de documentos
dentro del Centro de Discapacidad?
CUADRO 10: Encuesta pregunta #1
Frecuencia Porcentaje
Porcentaje
válido
Porcentaje
acumulado
Válido
Totalmente de
acuerdo 9 90,00 90,00 90,00
Parcialmente de
acuerdo 1 10,00 10,00 100,00
Parcialmente en
desacuerdo 0 0 0 0
Totalmente en
desacuerdo 0 0 0
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
58
GRÁFICO 3: Análisis pregunta #1
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 3 se puede determinar que el 90%
consideraron que es importante llevar un registro de documentos dentro del
centro de discapacidad debido a que con ellos hay memoria e historia; por
ende, hay evidencias claras de lo que se realiza dentro de la misma.
Asimismo, se encontró que el 10% de la población considera que están
parcialmente de acuerdo con llevar el registro de documentos.
2. ¿Considera usted importante que la información debe ser
subida con frecuencia en el administrador de archivos?
CUADRO 11: Encuesta pregunta #2
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Totalmente de
acuerdo 8 80,00 80,00 80,00
Parcialmente
de acuerdo 2 20,00 20,00 100,00
Parcialmente
en desacuerdo 0 0 0 0
Totalmente en
desacuerdo 0 0 0
Total 10 100,00 100,00 0
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
59
GRÁFICO 4: Análisis pregunta #2
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 4 se puede determinar que el 80% de
la población está de acuerdo que la información debe ser subida al
administrador con frecuencia, mientras que el 20% de la misma considera
que están parcialmente de acuerdo con subir la información con frecuencia,
esto debido a que no existe mucho conocimiento sobre la importancia de
tener y mantener la información guardada y respaldada en lugares seguros.
3. ¿Considera importante que al realizar una búsqueda de
documentos en el administrador de archivos se obtenga
información de manera inmediata?
CUADRO 12: Encuesta pregunta #3
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Totalmente de
acuerdo 10 100,00 100,00 100,00
Parcialmente de
acuerdo 2 0 0 0
Parcialmente en
desacuerdo 0 0 0 0
Totalmente en
desacuerdo 0 0 0
Total 10 100,00 100,00 0
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
60
GRÁFICO 5: Análisis pregunta #3
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Cuando se tiene una herramienta tecnológica, lo que la mayoría de sus
usuarios desean desde el primer instante es que se aproveche esta
solución, por esta razón se observa en el gráfico estadístico 5 que el 100%
de los usuarios de este aplicativo consideran importantes que la
información almacenada en el mismo se pueda obtener, revisar, visualizar
y / o compartir cuando sea necesario.
4. ¿Considera usted que la información en el administrador de
archivos está almacenada de manera segura?
CUADRO 13: Encuesta pregunta #4
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 7 70,00 70,00 70,00
No 2 20,00 20,00 90,00
Tal vez 1 10,00 10,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
61
GRÁFICO 6: Análisis pregunta # 4
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Cabe recalcar que la poca experiencia en temas informáticos y más aún en
temas de respaldos y copias de seguridad por parte de los usuarios crean
una serie de expectativas con respecto a la seguridad de la información
dando como resultado que el 70% de la población encuestada considere
que la información se encuentra respaldada de manera segura, el 20%
considera que la información no se encuentra respaldada de manera
segura y el 10% restante considera que la información se encuentra talvez
respaldada de manera segura como se observa en el gráfico estadístico 6.
5. ¿Cree usted que a través del uso de la tecnología se establece
una jerarquización adecuada de la documentación?
CUADRO 14: Encuesta pregunta #5
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 7 70,00 70,00 70,00
No 3 30,00 30,00 100,00
Tal vez 0 0 0 0
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
62
GRÁFICO 7 : Análisis pregunta #5
E Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 7 se puede determinar que el 70% de
la población considera el uso de la tecnología crea una adecuada
jerarquización de la documentación, mientras que el 30% restante piensa
lo contrario. Considerando así que la jerarquización se puede mejorar
indicando al personal la importancia que esta influye en la documentación.
6. ¿Existen quejas por parte de los usuarios al no encontrar
archivos cuando se realiza alguna búsqueda de información en
el administrador de archivos?
CUADRO 15: Encuesta pregunta #6
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 5 50,00 50,00 50,00
No 3 30,00 30,00 80,00
Tal vez 2 20,00 20,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
63
GRÁFICO 8: Análisis pregunta #6
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 8 se puede determinar que el 50%
considera que existen quejas cuando se realiza alguna búsqueda en el
administrador de archivos, el 30% considera que no existen quejas por
parte de los usuarios y el 20% considera que talvez existen quejas en el
momento de buscar información en el administrador de archivos.
7. ¿La información respaldada en el administrador de archivos
está disponible para su visualización?
CUADRO 16: Encuesta pregunta #7
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 4 40,00 40,00 40,00
No 3 30,00 30,00 70,00
Tal vez 3 30,00 30,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
64
GRÁFICO 9: Análisis pregunta #7
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 9 se puede determinar que el 40%
considera que la información está disponible, el 30% considera que la
información no se puede visualizar y el 30% restante considera que la
información tal vez se puede visualizar. Con estos datos, se puede concluir
que, utilizando de manera adecuada e instruyendo a las personas con
discapacidad, ellos estarán preparados para manejar y usar eficientemente
la información que se les proporcione como cualquier persona común.
8. ¿Es posible descargar la información respaldada y consultada
en el administrador de archivos?
CUADRO 17: Encuesta pregunta #8
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
SI 0 0 0 0
No 8 80,00 80,00 80,00
Tal vez 2 20,00 20,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
65
GRÁFICO 10: Análisis pregunta #8
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 10 se puede determinar que el 80%
considera que la información se puede descargar desde el administrador
de archivos y el 20% considera que la información no se puede descargar.
Lo cual alienta al personal administrativo a solicitar una solución al
respecto.
9. ¿Es posible editar la información respaldada y consultada en el
administrador de archivos?
CUADRO 18: Encuesta prgeunta #9
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 3 30,00 30,00 30,00
No 5 50,00 50,00 80,00
Tal vez 2 20,00 20,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
66
GRÁFICO 11: Análisis pregunta #9
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 11 se puede determinar que 80%
considera que la información no se puede editar la información respaldada,
el 30% considera que si se puede editar y el 20% considera que la
información no se puede editar lo que indica que la edición y revisión de la
información es una propuesta de solución definitiva para esta aplicación
web.
10. ¿La información respaldada en el administrador de archivos se
encuentra categorizada?
CUADRO 19: En cuesta pregunta #10
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 1 10,00 10,00 10,00
No 5 50,00 50,00 60,00
Tal vez 4 40,00 40,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
67
GRÁFICO 12: Análisis pregunta #10
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 12 se puede determinar que, solo el
10% considera que la información se encuentra categorizada, el 50%
considera que la información no se encuentra categorizada y el 40%
considera que talvez se encuentra categorizada dando como resultado que
una mejor forma de categorización influiría mejor en este aplicativo.
11. ¿Conoce usted si el centro de discapacidad intelectual Jacinta
y Francisco cuenta con un sitio web?
CUADRO 20: Encuesta pregunta #11
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 5 50,00 50,00 50,00
No 5 50,00 50,00 100,00
Tal vez 0 0 0 0
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
68
GRÁFICO 13: Análisis pregunta #11
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 13 se puede determinar que el 50%
considera que el centro de discapacidad cuenta con una página web y el
otro 50% considera que la misma no cuenta con un sitio web, cabe indicar
que existe una confusión entre sitio web y redes sociales.
12. ¿Le gustaría que el Centro de Discapacidad Intelectual cuente
con un sitio web?
CUADRO 21: Encuesta pregunta #12
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 10 100,00 100,00 100,00
No 0 0 0 0
Tal vez 0 0 0 0
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
69
GRÁFICO 14: Análisis pregunta #12
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con los resultados del gráfico estadístico 14 se puede observar
que el 100% de la población considera que el centro de discapacidad
debería tener un sitio web.
13. ¿Tiene conocimiento acerca de pautas de accesibilidad?
CUADRO 22: Encuesta pregunta #13
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 2 20,00 20,00 20,00
No 4 40,00 40,00 60,00
Tal vez 4 40,00 40,00 100,00
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
70
GRÁFICO 15: Análisis pregunta #13
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 15 se puede determinar que el 20%
de la población considera que, si tiene conocimientos de accesibilidad, el
40% considera que no tiene conocimientos de accesibilidad y el 40%
restante considera que tal vez tiene conocimientos de accesibilidad
exponiendo así que el buen uso y el conocimiento de las pautas de
accesibilidad son necesarias para este tipo de servicios.
14. ¿Considera usted importante que el sitio web sea accesible
para disminuir las barreras de acceso a personas con
discapacidad?
CUADRO 23: Encuesta pregunta #14
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Totalmente de
acuerdo 8 80,00 80,00 80,00
Parcialmente de
acuerdo 1 10,00 10,00 90,00
Parcialmente en
desacuerdo 1 10,00 10,00 100,00
Totalmente en
desacuerdo 0 0 0 0
Total 10 100,00 100,00
E Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
71
GRÁFICO 16: Análisis pregunta #14
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 16 se puede determinar que el 80%
considera estar totalmente de acuerdo que es importante que el sitio web
sea accesible, el 10% considera que estar parcialmente de acuerdo y el
10% restante considera estar parcialmente en desacuerdo; dando como
conclusión que un sitio web accesible influiría muy positivamente en la
comunidad disminuyendo las barreras de accesibilidad a personas con
discapacidad.
15. ¿Considera usted que el uso de un sitio web interactivo
accesible e inclusivo dará mayor reconocimiento del público y
de las personas que necesitan este tipo de servicios que este
centro ofrece?
CUADRO 24: Encuesta pregunta #15
Frecuencia Porcentaje Porcentaje
válido
Porcentaje
acumulado
Válido
Si 10 100,00 100,00 100,00
No 0 0 0 0
Tal vez 0 ,0 0 0
Total 10 100,00 100,00
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
72
GRÁFICO 17: Análisis pregunta #15
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
De acuerdo con el gráfico estadístico 17 se puede determinar que el 100%
de los encuestados considera que un sitio web interactivo accesible e
inclusivo dará mayor reconocimiento del público y de las personas que
necesitan este tipo de servicios que este centro ofrece.
Etapas de la metodología del proyecto
Marco de trabajo Scrum
1. Iniciación
El presente trabajo de titulación ofrece una solución tecnológica al Centro
de Discapacidad intelectual Jacinta y Francisco de manera general a través
del desarrollo e implementación de un sitio web inclusivo informativo e
interactivo, así como, también en las actividades referente a gestión
documental que actualmente realiza el departamento administrativo, a
través del módulo de control de servicios de almacenamiento y copias de
seguridad para asegurar la preservación de los documentos contra
pérdidas.
73
Roles
En esta etapa se establece quienes van a conformar el equipo de trabajo.
Según la metodología Scrum se determina al Scrum Master, el Scrum
Team y otros miembros requeridos para el cumplimiento de
responsabilidades importantes para el desarrollo.
• Scrum Máster es el profesional encargado de liderar los grupos de
trabajo con el objetivo de cumplir con cada uno de los Sprint
contemplados dentro del proyecto que se encuentra en desarrollo
hasta el Sprint final. Además, tiene la función de corregir y eliminar
posibles dificultades que se presenten durante el desarrollo que
hagan que el proceso no fluya. Se puede observar al Scrum Master
en el cuadro 25.
CUADRO 25: Scrum Máster
Rol Persona
Scrum Máster LSI. Jenny Ortiz Zambrano
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
• El Scrum team, es el equipo encargado de cumplir con las funciones
de diseño, desarrollo, y realización de pruebas de ejecución al
aplicativo web del proyecto. El detalle se puede observar en el
cuadro 26.
CUADRO 26: Scrum Team y sus responsabilidades
Scrum Team Responsabilidades
Mayra Guamanquispe Desarrollo, Diseño, Pruebas
Antonio Farfán Desarrollo, Diseño, Pruebas
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
• El administrador del sistema es quién se encarga de la
administración de perfiles, cuentas de usuarios registrados,
asignación de permisos y accesos al aplicativo web.
74
• Empleado es quien se encarga de realizar las diferentes tareas que
incluyen la manipulación de documentos, así como, el manejo y
control de los documentos, almacenamiento y consulta de
información.
• Auxiliar es la persona encargada de realizar las gestiones de los
documentos dentro del sistema a partir de las pautas establecidas.
El detalle se puede observar en el cuadro N. 27.
CUADRO 27. Equipo y sus responsabilidades
Equipo Responsabilidades
Administrador de Sistemas Product Owner
Empleado Pruebas y aceptación del aplicativo web
Auxiliar Pruebas y aceptación del aplicativo web
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
2. Planificación y estimación
En esta etapa se realiza la planificación correspondiente al desarrollo del
módulo de control de servicios de almacenamiento y copias de seguridad
para asegurar la preservación de los documentos contra pérdidas y al sitio
web inclusivo informativo e interactivo, para ello se realizó el levantamiento
de información a través de entrevistas y encuestas con las que se obtiene
información importante para las historias de usuario, casos de uso y
Sprints.
Historias de Usuarios
Las historias de usuario recomiendan especificar las funciones que se
deben aprobar, estimar y asignar las nuevas integraciones en el desarrollo
del sitio web como del aplicativo y realizar las respectivas estimaciones de
tiempo y esfuerzo.
75
CUADRO 28: Historia de usuario #1
Historia de Usuario
Numero: 1 Usuario: Administrador,
empleado, auxiliar
Nombre historia: Crear inicio de sesión.
Prioridad en negocio: Alta Riesgo en desarrollo: Alta
Puntos estimados: 27 Iteración asignada: 1
Programador responsable: Mayra Guamanquispe y Antonio Farfán
Descripción: Administrar inicio de sesión para habilitar ingresos y
responsabilidades a la aplicación web de los roles, administrador,
empleado y auxiliar.
Observación: Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 29: Historia de usuario #2
Historia de Usuario
Numero: 2 Usuario: Administrador
Nombre historia: Gestión de usuarios
Prioridad en negocio: Alta Riesgo en desarrollo: Alta
Puntos estimados: 40 Iteración asignada: 2
Programador responsable: Mayra Guamanquispe y Antonio Farfán
Descripción: Encargado / responsable de crear usuarios y darles
permisos para la administración de los archivos almacenados en la
aplicación
Observación: Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 30: Historia de usuario #3
Historia de Usuario
Numero: 3 Usuario: Administrador - auxiliar
Nombre historia: Modo accesible
Prioridad en negocio: Alta Riesgo en desarrollo: Alta
Puntos estimados: 2 Iteración asignada: 3
Programador responsable: Mayra Guamanquispe y Antonio Farfán B.
Descripción: Interfaz de usuario cambiada y adaptada bajo la pauta
internacional y nacional vigente para mejorar la experiencia de uso de las
personas con discapacidad intelectual.
Observación: Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
76
CUADRO 31: Historia de usuario #4
Historia de Usuario
Numero: 4 Usuario: Administrador -
Empleado
Nombre historia: Clasificar documentos por nivel de importancia de los
colores.
Prioridad en negocio: Media Riesgo en desarrollo: Alta
Puntos estimados: 20 Iteración asignada: 3
Programador responsable: Mayra Guamanquispe y Antonio Farfán
Descripción: Clasificar las documentaciones según el nivel de
relevancia e importancia escogiendo colores.
Observación: Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 32: Historia de usuario #5
Historia de Usuario
Numero: 5 Usuario: administrador,
empleado, auxiliar
Nombre historia: Gestor de notas informativas
Prioridad en negocio: Bajo Riesgo en desarrollo: Media
Puntos estimados: 32 Iteración asignada: 5
Programador responsable: Mayra Guamanquispe y Antonio Farfán
Descripción: Todos los usuarios serán capaces de crear y administrar
notas informativas según sea el color que se guardarán en una sección
oculta que al dar clic del lado derecho dentro del sistema de gestión
documental.
Observación: Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Lista de Sprints
Los Sprints que podemos a apreciar a continuación, representan el tiempo
de ejecución del proyecto, como el tiempo que se le otorgó cada
responsable participante del proyecto, especificando y definiendo cada
tarea que necesita realizar. Cada cuadro contiene los estados que puede
77
tener cada sprint, estos estados pueden ser: finalizado, en proceso y
pendiente; y por último podemos ver las horas estimadas totales de trabajo
por la realización de cada una de las actividades cumplidas.
CUADRO 33: Sprint Backlog #1 Diseño de página web
ID Enunciado Tarea Responsable Estado Total Horas
Horas por día
Día
1 2 3 4 5
1 Diseño
de página web
Definir y crear menús
accesibles
Mayra Guamanquispe
Terminado
40 8 8 8 8 8
Usar los colores
solicitados
Dar formatos con colores y
fuentes accesibles
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 34: Sprint Backlog #2 Gestión Accesibilidad de página web
ID Enunciado Tarea Responsable Estado Total Horas
Horas por día
Día
1 2 3 4 5
2 Accesibilidad
Panel de navegación
Antonio Farfán
Terminado 20 4 4 5 4 3
Modificar colores de
letras y menús
Crear activación a
la accesibilidad Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
78
CUADRO 35: Sprint Backlog #3 Gestión de respaldo y copias de seguridad
de administrador de archivos
ID Enunciado Tarea Responsable Estado Total Horas
Horas por día
Día
1 2 3 4 5
3 Respaldo y copias de seguridad
Definir y crear
respaldos Antonio Farfán
Terminado 20 3 3 3 3 3 Definir
copias de seguridad Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 36: Sprint Backlog #4 Gestión Accesibilidad de administrador de
archivos
ID Enunciado Tarea Responsable Estado Total Horas
Horas por día
Día
1 2 3 4 5
4 Base de
datos
Panel de navegación
Mayra Guamanquispe
Terminado 20 4 4 5 4 3 Implementación de pautas de accesibilidad
aplicadas
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
CUADRO 37: Sprint Backlog #5 Pruebas y Validación
ID Enunciado Tarea Responsable Estado Total Horas
Horas por día
Día
1 2 3 4 5
5
Validación de respaldo y copias de
seguridad de Gestión Archivos
Realizar pruebas, validación
y corrección de errores
Mayra Guamanquispe
Terminado 10 2 2 2 2 2
Modificar Gestión
Accesibilidad
Realizar pruebas, validación
y corrección de errores
Antonio Farfán Terminado 20 5 5 4 3 3
Validación de accesibilidad
de Página web
Realizar pruebas, validación
y corrección de errores
Antonio Farfán Terminado 15 5 4 2 2 2
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
79
3. Implementación
Para el desarrollo del proyecto, se ha determinado el uso del lenguaje de
programación Laravel, debido a que la primera parte del aplicativo de
Gestión Documental implementado en el Centro de Discapacidad
Intelectual Jacinta y Francisco por ingenieros de la UG fue realizado con
este lenguaje, además brinda la facilidad de agilizar tiempos en desarrollo,
al igual para la ejecución de código continuamos con PHP ya que es un
lenguaje de alto nivel.
Entre las opciones está la posibilidad de organizar, renombrar y eliminar
carpetas, subir y descargar archivos, asignar permisos de lectura y
escritura.
De esta manera cada vez que se sube un documento al administrador de
archivos, el mismo queda respaldado en la nube donde se aloja la
información de la aplicación web de este gestor y al mismo tiempo se crea
una copia de seguridad dentro del mismo servidor para evitar la pérdida de
información en caso de que algún usuario por error o por alguna otra
intención elimine este archivo, quedando de esta manera la información en
otra ubicación para su posible recuperación cuando el administrador de la
información así lo solicite al diseñador de esta página.
Una de las novedades que se integró a este administrador de archivos es
la posibilidad de visualizar los documentos de imágenes en formato jpg y
de documentos en formatos de Word y Excel. Cuando el archivo ya se
encuentra en la nube, es posible que el mismo pueda ser visualizado,
analizado y modificado con Google docs en línea para su posterior
impresión o envió hacia otro lugar. Es muy importante recalcar que por
solicitud del centro de discapacidad Jacinta y Francisco esta información
modificada no será guardada en el servidor donde inicialmente fue
guardada ya que la misma debe ser una copia fiel e integra del archivo que
se respaldó.
Se diseña y codifica un portal web para los empleados, estudiantes,
personas con capacidades cognitivas especiales y público en general con
80
opciones que sean accesibles, inclusivas e interactivas para que sea de
conocimiento público y de libre acceso las actividades que realiza la
fundación y las prestaciones que esta le brinda a la sociedad.
MENÚ DE ACCESIBILIDAD
Al dar clic en este icono se puede apreciar las distintas opciones que está
página ofrece para que la mayoría de las personas tengan acceso a esta,
incluyendo a personas con capacidades especiales.
Estas funciones se detallan a continuación:
Leer página
Permite que la aplicación lea lo que la página muestra y tiene 3 niveles de
velocidad de voz.
Contraste
Esta opción tan útil nos da hasta 4 niveles de contraste en la toda la página,
a continuación, detallamos los mismos.
• INVER: invierto los colores de la página.
• CONTRASTE OSCURO: oscurece todos los links e imágenes y deja
el texto con colores fuertes para las personas con capacidades
intelectuales especiales puedan fijarse netamente en el texto y no
tenga distracciones.
• CONTRASTE DE LUZ: deja en tonalidades blancas todos los links e
imágenes y deja el texto con colores fuertes para las personas con
capacidades intelectuales especiales puedan fijarse netamente en
el texto y no tenga distracciones.
• DESATURAR: Pone en blanco y negro todos los colores de la
página.
Enlace realce
Deja en tonalidades blancas y negras a toda la página a excepción de los
links que dirigen a otras páginas para que la atención de las personas
quede en estas.
81
Gran texto
Esta opción sirve para dar 4 niveles de tamaño al texto presente en la
página
Espaciado de texto
Esta opción permite cambiar hasta 4 niveles de espaciado de texto para
tener una mejor comprensión lectora.
Detener animaciones
Esta opción detiene las animaciones que se pueden presentar en la página
para evitar las distracciones que estas puedan causar en los usuarios.
Fuentes legibles
Esta opción cambia las fuentes de la página para que él o la lectora tenga
más comodidad al momento de leer.
Cursor
Esta opción tiene 2 modalidades:
• Agrandar el cursor: para que visualmente sea más fácil d encontrar
• Guía de lectura: crea una línea horizontal gruesa de color amarillo
con negro par que el usuario pueda usarla para leer textos de
párrafos.
4. Revisión y retrospectiva
Para esta etapa, es necesario crear una retroalimentación de las tareas
asignadas e hitos del desarrollo del proyecto trabajado juntamente con el
Scrum Master y Equipo Scrum. Luego, se efectúa una validación de
los Sprint para corroborar el orden en el cual se trabajarán las tareas de
manera confiable, eficaz y eficiente. Además, se muestra el entregable al
dueño del producto en una reunión de revisión. (Sobrevilla, 2017)
Mediante el cuadro N.38 es de total conocimiento los avances realizados
considerando los puntos estimados y reales trabajados durante el proceso
82
de la aplicación web. Finalmente, dentro de este período se comprende un
total de 145 horas estimadas y el total de 201 horas reales de trabajo.
CUADRO 38: Horas totales y estimadas
Sprint 1
Sprint 2
Sprint 3
Sprint 4
Sprint 5
CaclTotal
Horas estimadas
40 20 20 20 45 145
Horas reales
45 30 20 20 45 160
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
5. Lanzamiento
Esta fase nos indica la culminación del desarrollo del proyecto, en este caso
del aplicativo web y sitio web ambos siendo accesibles e inclusivos.
además, en esta etapa se realiza el proceso de presentación del producto
al dueño del proyecto y el hace la entrega de la aceptación de este y se
proporciona los entregables del proyecto al dueño del producto incluido sus
respectivos entregables como: aplicativo web y página web terminados,
código fuente y un manual de usuario detallado.
Entregables del proyecto
Los entregables del presente trabajo de titulación son los siguientes:
• Código fuente de la aplicación: será entregado de manera digital
el código fuente de la aplicación web.
• Manual de usuario: Documento con información relevante para el
conocimiento de las funcionalidades del módulo de control de
servicios de almacenamiento y copias de seguridad y sitio web
informativo Fundación Jacinta y Francisco.
• Manual técnico: Documento que detalla las herramientas
tecnológicas utilizadas en el desarrollo del proyecto.
83
CRITERIOS DE VALIDACIÓN DE LA PROPUESTA
La presente propuesta tecnológica fue validada por el criterio de expertos,
para asegurar el correcto funcionamiento del módulo de control de servicios
de almacenamiento y copias de seguridad en el sistema de gestión
documental y el sitio web Informativo Fundación Jacinta y Francisco.
• Ing. Irene Consuelo Zapata León (Gestora del departamento
administrativo del Centro de Discapacidad Intelectual Jacinta y
Francisco).
• Psic. Sunny Bores (Directora del Centro de Discapacidad Intelectual
Jacinta y Francisco)
Previo a la validación de este trabajo de titulación según los criterios de
expertos en el área, se realizó una encuesta para validación de resultados.
84
CUADRO 39: Formato de pruebas de Funcionalidad Perfil Administrador
REQUERIMIENTOS SOLICITADOS POR EL CENTRO DE
DISCAPACIDAD INTELECTUAL JACINTA Y FRANCISCO
REQUERIMIENTOS CUMPLE NO
CUMPLE
MÓDULO DE CONTROL DE SERVICIOS DE ALMACENAMIENTO Y COPIAS DE SEGURIDAD
Se respalda en la nube de la información. X
Tiene un visualizador de documentos de los archivos que subidos
X
Modifica archivos de Word y Excel en línea X
El sistema sea accesible para personas con discapacidad intelectual
X
Crea y organiza carpetas para reorganizar los archivos X
Posee sección de notas de colores para poder escribir recordatorios
X
SITIO WEB INTERACTIVO INFORMATIVO E INCLUSIVO
Se implementó una página web interactiva, inclusiva y accesible tomando en consideración los aspectos audiovisuales que promuevan el buen uso de esta por parte de nuestras estudiantes, familiares, personas con capacidades mentales especiales, y público en general.
X
Utilización de colores establecidos:
a. FONDO DE PÁGINA: Color blanco. X
b. COLOR DE MENÚ SUPERIOR:
a. COLOR DE FONDO: Naranja X
b. COLOR DE LETRAS: Negro X
c. COLOR DE FONDO CUANDO PASA EL cursor sobre DEL BOTÓN: Negro
X
Orden y contenido del menú superior:
a. Página de inicio X
b. La institución X
c. Programas ofrecidos X
d. Inclusión laboral X
e. Residencia X
f. Galería X
g. Ayúdanos X
h. Administrador (Sistema de gestión documental) X
Botón para mensajería instantánea X
Posee conexión a redes sociales X
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
85
CAPÍTULO IV
Criterios de aceptación del producto o Servicio
En este capítulo se detalla los criterios de aceptación, las conclusiones y
las recomendaciones del proyecto ya culminado, posterior a la finalización
del proyecto se espera la evaluación de calidad del software realizado
conforme los requerimientos solicitados para ser aceptable. Para validar el
proyecto se ha realizado un informe con una lista de criterios para su
posterior revisión y valoración.
El propósito de desarrollo del presente proyecto es implementar el módulo
de control de servicios de almacenamiento y copias de seguridad en el
sistema de gestión documental ya desarrollado por los ingenieros Byron
Guaman y Jordy Castro, en el Centro de Discapacidad Intelectual Jacinta y
Francisco para asegurar la preservación de los documentos contra
pérdidas, también, el desarrollo e implementación de un sitio web
interactivo accesible e inclusivo. Ambos con la ayuda de las pautas de
accesibilidad establecida por la WCAG.
Psic. Sunny Bores y la Ing. Irene Zapata León, directora y gestora del
departamento Administrativo respectivamente, aportaron con su
experiencia para favorecer el levantamiento de información y el posterior
desarrollo del presente proyecto, generando grandes beneficios a su
conclusión.
En el siguiente cuadro se puede apreciar los criterios de aceptación del
presente proyecto de titulación. La Ing. Irene Zapata León como gestora del
departamento Administrativo aporto con aquella información necesaria
para el desarrollo del módulo de control de servicios de almacenamiento y
copias de seguridad, por otra parte la Psic Sunny Bores, directora del
Centro de Discapacidad aportó con la información requerida para el
desarrollo del sitio web, estos resultados obtenidos de los criterios de
86
aceptación se pueden apreciar en la sección de anexos, siendo ellos N.10
y el certificado de aceptación en el anexo N.9
CUADRO 40: Criterios Validación del Sistema
CRITERIO DE VALIDACIÓN
REQUISITOS DEL SISTEMA CUMPLE NO CUMPLE
Aceptación
Técnica
Funcionalidad X
Seguridad X
Disponibilidad X
UX Interfaz Amigable X
Funcional
por Módulos
Ingreso y registro de usuarios X
Visualización de archivos X
Creación de carpetas X
Subida de archivos X
Descarga de archivos X
Categorización de colores X
Permisos de lectura X
Seguridad a los archivos X
Panel de navegación X
Almacenamiento X
Accesibilidad web X
Copias de seguridad X
Copiado y pegado de archivos X
Edición de archivos en línea X
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Análisis de Accesibilidad del Aplicativo web y sitio web inclusivo
Para el análisis y validación del grado de accesibilidad que posee, el
sistema de gestión documental se hizo uso de una herramienta llamada
OAW (Observatorio de Accesibilidad), la misma que arroja la puntuación
según los cuatro principios y directrices de la WCAG 2.0. Para el análisis y
87
validación de el sitio web se hizo uso de la herramienta Web Accesibility.
Los resultados se pueden apreciar en el gráfico 18 y 19 respectivamente.
GRÁFICO 18: Análisis del sistema de gestión documental - WCAG 2.0
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
88
GRÁFICO 19: Análisis del sistema de gestión documental
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
Informe de Aceptación y Aprobación
Basado en los resultados obtenidos de la evaluación del módulo de control
de servicios de almacenamiento y copias de seguridad en el sistema de
gestión documental y del sitio web según con respecto a los requerimientos
funcionales, se pudo evidenciar que tanto el aplicativo web como el sitio
web cumplen con las funcionalidades establecidas en el alcance.
CUADRO 41: Criterios indicadores de calidad
Módulos
Criterio Acceso Archivos Accesibilidad Búsqueda
Funcionalidad Cumple Cumple Cumple Cumple
Facilidad de
Uso Cumple Cumple Cumple Cumple
Fiabilidad Cumple Cumple Cumple Cumple
Rendimiento Cumple Cumple Cumple Cumple
Capacidad de
Soporte Cumple Cumple Cumple Cumple
Beneficio Cumple Cumple Cumple Cumple
Impacto
Institucional Cumple Cumple Cumple Cumple
Elaborado por: Antonio Farfán y Mayra Guamanquispe
Fuente: Antonio Farfán y Mayra Guamanquispe
89
CONCLUSIONES
• Se realizó una exploración exhaustiva de las normas y estándares
existentes que proporcionan una gama de recomendaciones y
contribuyen a un mejor diseño de aplicaciones y sitios web de
manera accesible, por lo que se determinó que las pautas escogidas
para este proyecto de titulación fueron las que dicta la WCAG,
versión 2.1, por ser normas internacionales recomendadas para el
desarrollo de sitios web accesibles, siendo estas las que se
ajustaron a los requerimientos realizados por el Centro de
discapacidad intelectual Jacinta y Francisco.
• Se desarrolló el módulo de control de servicios de almacenamiento
y copias de seguridad, realizando un análisis previo de posibles
lugares de alojamiento en la nube; es importante mencionar que las
funcionalidades implementadas se realizaron en base a los nuevos
requerimientos del sistema de gestión documental implementado en
el centro de Discapacidad Intelectual Jacinta y Francisco,
asegurando así los respaldos en el mismo servidor donde se
encuentra alojada el aplicativo web con el fin de preservar la
información contra pérdidas.
• Se capacitó al personal administrativo encargado del sistema de
gestión documental, dando a conocer las novedades que incluye
módulo de control de servicios de almacenamiento y copias de
seguridad, como respaldos en la nube y visualización en
documentos de Google para su posterior modificación sin que afecte
a los respaldos previos, ya que la misma modificación no se
guardará en el servidor principal.
• Se manifiesta que para el diseño e implementación del sitio web
interactivo informativo e inclusivo se aplicaron solo las pautas que
correspondían al desarrollo de sitios web (WCAG 2.1) establecidas
90
por la W3C, con el fin de ayudar a los diseñadores a reducir las
barreras de acceso que se les presenta a las estudiantes del centro
de Discapacidad Intelectual Jacinta y Francisco con capacidades
especiales cognitivas leves y moderadas al momento de navegar en
un sitio web, permitiendo así, la facilidad de uso del sitio web y la
inclusión a la sociedad.
• Se concluye que el sitio web interactúa con los usuarios de forma
general, cumpliendo con su principal objetivo universal que es el de
la accesibilidad.
RECOMENDACIONES
• Se recomienda, realizar revisiones periódicas a las normas WCAG
2.1 para mantener información actualizada sobre los temas de
accesibilidad que dictan estas pautas y aplicar lo último en
tecnología en lo que a accesibilidad se refiere.
• Se sugiere hacer una migración del sistema de gestión documental
a un servidor más robusto y externo al que se encuentra alojado, que
cuente con mayor capacidad y velocidad de respuesta para
garantizar la perpetuidad y seguridad de la información sensible de
la institución.
• Se recomienda a futuras generaciones tomar este trabajo de
titulación como documento de análisis para conocer más sobre las
normativas vigentes tanto a nivel nacional e internacional sobre
accesibilidad web y difundir los beneficios que la tecnología brinda a
personas con capacidades especiales.
• Para finalizar, debido al gran impacto de este proyecto se
recomienda a las autoridades de la carrera de Ingeniería en
91
Sistemas Computacionales promover las pautas de accesibilidad
dentro de las asignaturas de desarrollo web; preparando de esta
forma a los futuros profesionales en el desarrollo de sistemas
informáticos accesibles, incentivando de esta forma el derecho a la
inclusión de las personas con capacidades especiales a la sociedad
de la información.
92
Bibliografía
Berners-Lee, T. (s.f.). w3c. Obtenido de
https://www.w3.org/WAI/fundamentals/accessibility-intro/es
cero, c. d. (14 de junio de 2018). Comenzando de Cero. Obtenido de
https://comenzandodecero.com/que-es-un-framework-y-para-que-se-utiliza-en-
programacion/
Cobo, Á., Gómez, P., Pérez, D., & Rocha, R. (2005). PHP y MySQL: Tecnología para el
desarrollo de aplicaciones web. En Á. Cobo, PHP y MySQL: Tecnología para el
desarrollo de aplicaciones web. (pág. 339). España: Ediciones Diaz de Santos.
Gallego, M. T. (agosto de 2012). Metodología Scrum. Obtenido de
http://openaccess.uoc.edu/webapps/o2/bitstream/10609/17885/1/mtrigasTFC
0612memoria.pdf
Greek, M. (2008). TOOLBOX tech.
Gutiérrez, J. J. (2019).
King, R. (6 de diciembre de 2019). BitDegree. Obtenido de
https://es.bitdegree.org/tutoriales/desarrollador-web/
Luján Mora, S. (2018). Universidad de Alicante. Obtenido de Criiterios de Conformidad
de web: http://accesibilidadweb.dlsi.ua.es/?menu=criterios-2.0
Luján Mora, S. (2018). Universidad de Alicante. Obtenido de Principios y directrices de
WCAG 2.0.: http://accesibilidadweb.dlsi.ua.es/?menu=principios-2.0
Luján-Mora, S. (2002). Programación de apliciones web: Historia, Principios Básicos y
Clientes web. En S. Luján-Mora. Alicante: Editorial Club Universitario.
MDN. (10 de septiembre de 2019). CSS. Obtenido de MDN web docs:
https://developer.mozilla.org/es/docs/Web/CSS
93
MDN. (2 de febrero de 2020). MDN web docs. Obtenido de html:
https://developer.mozilla.org/es/docs/Web/HTML
Merino, J. P. (2010). Web. Obtenido de Definicion.de: https://definicion.de/web/
MySQL. (s.f.). MySQL. Obtenido de
https://dev.mysql.com/doc/refman/8.0/en/features.html
Neosoft. (8 de enero de 2018). Neosoft. Obtenido de https://www.neosoft.es/blog/que-
es-una-aplicacion-web/
OMS. (s.f.). Organizacion mundial de Salud. Obtenido de
https://www.who.int/topics/disabilities/es/
Perandones, S. M. (27 de diciembre de 2019). openexpo europe. Obtenido de
https://openexpoeurope.com/es/open-source-puede-ayudarte/
Php. (s.f.). manual de php. Obtenido de https://www.php.net/manual/es/intro-
whatis.php
Plusultura. (s.f.). Plusultura. Obtenido de https://sites.google.com/site/tecnopu/clients
Raffino, M. E. (27 de noviembre de 2018). Lenguaje de Programación. Obtenido de
Concepto.de: https://concepto.de/lenguaje-de-programacion/
Raffino, M. E. (10 de octubre de 2019). Base de datos. Obtenido de Concepto.de:
https://concepto.de/base-de-datos/
Raffino, M. E. (29 de agosto de 2019). Dominio en Internet. Obtenido de Concepto.de:
https://concepto.de/dominio-en-internet/
Raffino, M. E. (1 de marzo de 2019). Internet. Obtenido de Concepto.de:
https://concepto.de/internet/
Raffino, M. E. (29 de noviembre de 2019). Servidor Web. Obtenido de Concepto.de:
https://concepto.de/servidor-web/
94
Raffino, M. E. (23 de enero de 2020). Código Fuente. Obtenido de Concepto.de:
https://concepto.de/codigo-fuente/
Redhat. (s.f.). Redhat. Obtenido de https://www.redhat.com/es/topics/open-
source/what-is-open-source
Rock Content. (20 de abril de 2019). Obtenido de https://rockcontent.com/es/blog/que-
es-un-lenguaje-de-programacion/
Rouse, M. (septiembre de 2018). TechTarget. Obtenido de
https://searchdatacenter.techtarget.com/es/definicion/Copia-de-seguridad-o-
respaldo
Salazar, A. (16 de octubre de 2016). Prozess group. Obtenido de Procesos de SCRUM:
http://www.prozessgroup.com/procesos-de-scrum/
Universia. (17 de febrero de 2017). Univesia. Obtenido de Ocupaciones tecnológicas:
qué hace un Desarrollador Web:
https://noticias.universia.com.ar/educacion/noticia/2017/02/17/1149677/ocup
aciones-tecnologicas-hace-desarrollador-web.html
W3C. (5 de junio de 2019). W3C. Obtenido de Web Accessibility Initiative:
https://www.w3.org/WAI/fundamentals/accessibility-intro/es
W3C. (s.f.). W3C. Obtenido de https://www.w3.org/Consortium/
Wikipedia. (3 de febrero de 2020). Copias de seguridad. Obtenido de
https://es.wikipedia.org/wiki/Copia_de_seguridad
Wikipedia. (25 de febrero de 2020). Google Docs. Obtenido de
https://en.wikipedia.org/wiki/Google_Docs
Wikipedia. (3 de marzo de 2020). HTML. Obtenido de
https://es.wikipedia.org/wiki/HTML
95
Wikipedia. (12 de febreero de 2020). Protocolo seguro de transferencia de hipertexto.
Obtenido de
https://es.wikipedia.org/wiki/Protocolo_seguro_de_transferencia_de_hipertext
o
Wikipedia. (12 de febrero de 2020). Wikipedia. Obtenido de
https://es.wikipedia.org/wiki/Alojamiento_web
Wikipedia. (s.f.). PLataforma. Obtenido de
https://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
96
ANEXOS
97
Anexo 1: Diagrama de Ishikawa
Elaborado por: Mayra Guamanquispe y Antonio Farfán
Fuente: Mayra Guamanquispe y Antonio Farfán
98
Anexo 2: Encuesta
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
Instrumento para la evaluación del Personal del centro
Se solicita responder el cuestionario colocando unas X en el casillero según su criterio, utilizando la siguiente escala de valoración. Agradecemos su colaboración.
1 2 3 4
Totalmente de acuerdo
Parcialmente de acuerdo
Parcialmente en desacuerdo
Totalmente en desacuerdo
Muy importante Importante Poco importante Nada importante
1 2 3
Si No Tal vez CRITERIO A. Conocimiento Indicador A.1:
No. Pregunta 1 2 3 4
1 ¿Considera usted importante llevar un registro de documentos dentro del Centro de Discapacidad?
2 ¿Considera usted importante que la información debe ser subida con frecuencia en el administrador de archivos?
3 ¿Considera importante que al realizar una búsqueda de documentos en el administrador de archivos se obtenga información de manera inmediata?
4 ¿Considera usted que la información en el administrador de archivos está almacenada de manera segura?
5 ¿Cree usted que a través del uso de la tecnología se establece una jerarquización adecuada de la documentación?
Esta encuesta está dirigida a las autoridades, personal administrativo, y docentes de
Centro de Discapacidad intelectual “Jacinta y Francisco”.
Su opinión es importante para nosotros, por favor sea sincero al responder cada una de
las preguntas solicitadas. Cabe mencionar que la presente encuesta es totalmente
confidencial y los resultados que esta proporcione se darán a conocer de forma tabulada
e impersonal.
99
6 ¿Existen quejas por parte de los usuarios al no encontrar archivos cuando se realiza alguna búsqueda de información en el administrador de archivos?
7 ¿La información respaldada en el administrador de archivos está disponible para su visualización?
8 ¿Es posible descargar la información respaldada y consultada en el administrador de archivos?
9 ¿Es posible editar la información respaldada y consultada en el administrador de archivos?
10 ¿La información respaldada en el administrador de archivos se encuentra categorizada?
CRITERIO B. Sobre el sitio web
No. Pregunta 1 2 3 4
11 ¿Conoce usted si el centro de discapacidad intelectual Jacinta y Francisco cuenta con un sitio web?
12 ¿Le gustaría que el Centro de Discapacidad Intelectual cuente con un sitio web?
13 ¿Tiene conocimiento acerca de pautas de accesibilidad?
14 ¿Considera usted importante que el sitio web sea accesible para disminuir las barreras de acceso a personas con discapacidad?
15
¿Considera usted que el uso de un sitio web interactivo accesible e inclusivo dará mayor reconocimiento del público y de las personas que necesitan este tipo de servicios que este centro ofrece?
100
Anexo 3: Solicitud de requerimientos
101
102
Anexo 4: Declaración de Accesibilidad
103
Anexo 5: Carta de compromiso
104
Anexo 6: Carta de compromiso
105
Anexo 7: Criterios de validación
106
Anexo 8: Criterios de validación
107
Anexo 9: Certificado de validación (Administrador)
108
Anexo 10: Certificado de Aceptación del proyecto
109
Anexo 11: Carta de Aceptación del proyecto
110
Anexo 12: Modelo entidad relación
111
Anexo 13: Manual técnico
Para instalar el entorno de desarrollo del proyecto, se ha incluido un manual
técnico obtenido desde la web oficial de cada uno de los lenguajes que permite la
instalación de PHP y Node.JS en rutas diferentes, los mismos que se comunican
mediante links controlados por AJAX.
Configuración del servidor en Php
Para la rápida creación del entorno en PHP se debe utilizar Xampp, que permite
crear una carpeta de desarrollo para similar un servidor Web Apache.
Ilustración manual técnico 1: Logo XAMPP
Elaborado por: Xampp
Fuente: WampServer
1. Hacer doble clic en el archivo descargado y seguir las instrucciones. Todo se
realiza de forma automática. El paquete WampServer se entrega con las
últimas versiones de Apache, MySQL y PHP.
2. Una vez que WampServer está instalado, se puede agregar manualmente las
versiones adicionales de Apache, Php o MySql (solo VC9, VC10 y VC11
compiladas). Las explicaciones serán proporcionadas en el foro.
3. Cada versión de Apache, MySQL y PHP tiene su propia configuración y sus
propios archivos (datos de MySQL).
4. El directorio "htdocs" se creará automáticamente (normalmente
C:\xampp\htdocs).
5. Se debe crear un subdirectorio en " htdocs " y colocar los archivos PHP dentro.
112
6. Hacer clic en el enlace "localhost" en el menú de WampServer o abrir el
navegador de internet y, a continuación, ir a la URL: http: // localhost.
Configuración de Laravel
Laravel utiliza Composer para gestionar sus dependencias. Entonces, antes de
hacer uso de Laravel, se debe asegurar de tener Composer instalado en su
máquina.
Vía instalador de Laravel Primero, descargar el instalador de Laravel usando
Composer:
Composer global requiere laravel/installer
Colocar el directorio bin de proveedores de todo el sistema del compositor en su $
PATH para que el sistema pueda localizar el ejecutable laravel. Este directorio existe
en diferentes ubicaciones según su sistema operativo; sin embargo, algunas
ubicaciones comunes incluyen:
Distribuciones macOS y GNU / Linux:
$ HOME / .composer / vendor / bin
Windows:
% USERPROFILE% \ AppData \ Roaming \ Composer \ vendor \ bin
Una vez instalado, el nuevo comando laravel creará una nueva instalación de Laravel
en el directorio que especifique. Por ejemplo, el nuevo blog de laravel creará un
directorio llamado blog que contiene una nueva instalación de Laravel con todas las
dependencias de Laravel ya instaladas:
laravel new blog
GRÁFICO DE INFRAESTRUCTURA
Método Post De AJAX para transferencia de datos.
113
Ilustración manual técnico 2: Arquitectura de la Aplicación web
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Ilustración manual técnico 3: Logo de NOTEPAD ++
Elaborado por: Notepad++
Fuente: Notepad++
Notepad++ es un editor de código para Windows.
Es parecido al editor de texto que viene con el sistema operativo por defecto pero que,
entre otras cosas permite guardar archivos con diferentes extensiones.
Se puede crear y modificar los archivos HTML, CSS, PHP, entre otros, de un sitio web.
114
Anexo 14: Manual de usuario
El presente manual está desarrollado con las opciones del usuario administrador, por
ser el que tiene acceso a todas las opciones del sistema, los usuarios visitantes; a
diferencia del administrador podrán revisar las diferentes opciones, pero con
funcionalidades inhabilitadas.
Ilustración 1 : Inicio de Sesión
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Para acceder al sistema, el usuario deberá digitar sus credenciales de acceso que son
usuario y contraseña, para utilizar las diversas opciones del sistema según el perfil
que haya sido asignado al usuario que se encuentra ingresando a la aplicación web.
Luego de escribir las credenciales, el usuario debe dar clic en el botón “Iniciar”.
A continuación, aparece la pantalla de inicio con las opciones del administrador de
archivos.
115
Ilustración 2: Opciones del Administrador
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Opciones del Administrador
En este menú se controlarán los permisos de acceso y la creación o administración
de usuarios.
Ilustración 3: Opciones del Administrador de archivos
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
116
Opciones del Administrador de administrador de archivos
En este menú aparecerán habilitadas o inhabilitadas las opciones de las que pueden
hacer uso los usuarios según sea su perfil
Ilustración 4: Opciones del Administrador de archivos
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Nueva Carpeta
Esta opción servirá para crear una nueva carpeta en la se pueden almacenar archivos
y su vez crear subcarpetas.
Ilustración 5: Opciones del Administrador
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Subir Archivos
Al dar clic en este botón se abrirá una ventana donde se puede navegar entre las
carpetas y archivos del pc en el que se encuentra trabajando para seleccionar uno de
ellos y almacenarlo al administrador de archivos. Cabe recalcar que para subir un
117
archivo hay que tener en cuenta que el archivo se subirá en la carpeta donde se
encuentre el usuario.
Ilustración 6: Subir Archivos
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Permisos
Esta opción servirá para asignar permisos a las carpetas y / o archivos según el perfil
(Todos, Para mi grupo, Para mí), una vez sean seleccionadas con el cursor.
Visualización: Permite ocultar carpetas al grupo de usuario que no sea seleccionado
en el combo box.
Escritura y Modificación: Permite modificar carpetas al grupo de usuario que sea
seleccionado en el combo box.
118
Ilustración 7: Permisos de las carpetas
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Eliminar Carpetas y Archivos
Podrá eliminar un carpeta o archivo realizando la selección, posterior a ello dar clic en
el botón “eliminar”.
Ilustración 8: Eliminar
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Renombrar
119
Es posible realizar un cambio al nombre de una carpeta o archivo realizando la
selección, posterior a ello dar clic en el botón “Renombrar”.
Ilustración 9: Renombra Carpeta o archivo
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Categorizar Carpeta
Podrá otorgar categorías a las carpetas por medio de colores, ubicadas en una
sección en la parte inferior del administrador de archivo.
Ilustración 10 Categorizar
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
120
Descarga de archivos
Esta opción permite seleccionar los documentos que se deseas descargar al dar clic
en este botón.
Ilustración 11 : Descarga
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Visualizar
Este botón permitirá seleccionar un documento de Word o de Excel para poder
visualizarlo con Google docs.
Ilustración 12 : Visualizar documento
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Al dar clic en el botón “Visualizar” se abrirá el archivo con Google docs como se muestra en
la siguiente imagen:
121
Ilustración 13 . Editar documento
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Al dar clic en “abrir con Documentos de Google” se puede modificar el archivo para
luego imprimirlo, esto no quiere decir que la modificación se guardará en la nube; ya
que esa información no puede ser modificada una vez que se ha subido.
Ilustración 14: Comprobación de edición de documento
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Esta información modificada se puede utilizar para guardarla en otro pc, para realizar
cambios y luego imprimirlos, o en su defecto para modificar y luego volverlo a subir a
este gestor de archivos.
Nuevo usuario
Esta opción permite la creación de usuarios, y definir a que grupo pertenecen:
Administradores, Empleados y auxiliares dando como datos de la persona que va a
utilizar esta credencial de ingreso al sistema su nombre, e-mail y nombre de usuario.
122
Ilustración 15 : Registro de usuario
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Administrar Usuarios
Al dar clic en la palabra bienvenido junto a la foto de perfil, se desplegará un panel en
el cual se puede visualizar a los usuarios que se encuentran registrados, también
permite eliminar a los mismos al hacer clic en la palabra “eliminar” de color rojo
ubicada del lado derecho en la ventana emergente.
123
Ilustración 16 : Administrar Usuarios
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Notas Rápidas
La opción “nota” se activa al hacer clic en el botón inferior derecho de la pantalla,
donde se podrán almacenar notas rápidas y clasificarlas por medio de un panel de
colores. Para guardar la información de la nota rápida, se debe hacer clic en el botón
“aceptar”.
Ilustración 17: Botón Notas
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
124
Administrador de Notas
La opción nota también cuenta con un administrador, que permite eliminar las misma
por medio de una “X” que se encuentra en la parte superior derecha de la cartilla de
la nota creada.
Ilustración 18 : Administrador de Notas
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Link de Compartir
Al dar clic en el botón de los eslabones situado en la parte superior derecha del ícono
seleccionado, se muestra un link que permite copiarlo para posteriormente enviarlo a
través de correo electrónico o mensajería instantánea a otro usuario, esto facilita el
envío de archivos para su posterior descarga.
125
Ilustración 19 : Compartir Link de descarga
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Copiar, Cortar y Pegar
Esta opción se habilita al dar clic derecho sobre un archivo o carpeta, esto permite
una mejor organización de los archivos que se encuentran almacenados en el sistema.
Ilustración 20: Copiar, cortar y pegar
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Buscador
Sobre los nombres de las carpetas se encuentra un buscador de archivos y carpetas
que permite realizar la búsqueda de estos en todo el sistema. Esta opción permite
descargar archivos y un fácil acceso a las carpetas.
126
Ilustración 21 : Buscador de archivos y carpetas
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Visualización de fotos
Esta opción se activa haciendo clic en el icono en forma de ojo del lado superior
derecho de los archivos con formato compatible, permitiendo la visualización de la
imagen en una escala mayor.
Ilustración 22 : Visualización de fotos
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
Perfil Auxiliar
Al cumplir con las normas WCAG 2.1 y los requerimientos del Centro de discapacidad
Jacinta y Francisco, este administrador de archivos cuenta con un perfil llamado
auxiliar, el mismo que cuenta con estándares de accesibilidad. Para este caso se
cumplió con estas pautas otorgando color rojo al banner superior del gestor de
127
documentos, así mismo cuando el cursor del mouse se sitúa sobre el documento tanto
el ícono y el nombre aumenta su tamaño de fuente, además al dar un clic sobre la
carpeta o archivo reproducirá el texto escrito en la carpeta o archivo.
Ilustración 23: Perfil Auxiliar
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
El modo de accesibilidad en este perfil se puede activar o desactivar dando clic en la
parte inferior derecha.
• Al pasar el cursor, sobre la carpeta o archivo del administrador realizará un
zoom al texto.
Finalizar Sesión
Para poder finalizar la sesión en cualquiera de los perfiles es necesario ir a la esquina
superior derecha donde se encuentra el icono.
Ilustración 24: Opciones Accesibles
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
128
MANUAL DE USUARIO DE PÁGINA WEB
Dirección del sitio: https://www.fundacionjacintayfrancisco.org/
Descripción del sitio web
El objeto de la realización de este sitio web, como requerimiento del Centro de
discapacidad intelectual Jacinta y Francisco para dar a conocer el trabajo que se
realiza para beneficio de la comunidad fue desarrollar un sitio web interactivo,
accesible e inclusivo donde se pueda reflejar cada una de las actividades que realiza
el Centro. Este sitio web debe cumplir con los colores escogidos por la institución,
asimismo, debe cumplir ciertas pautas requeridas que convierte un sitio web accesible
para el mayor número de personas tomando en cuenta las capacidades especiales
que pueden presentar algunos individuos.
Dentro de los requerimientos también se solicitó que la página debe ser intuitiva y de
fácil estructura para navegar en ella, por tal razón el menú no incluye submenús.
La presente página va dirigida a personas con capacidades cognitivas especiales o
discapacidad intelectual, a sus familiares, tutores y a personas interesadas en este
tipo de situaciones que se presenta en la sociedad cuya finalidad es contribuir en el
desarrollo cognitivo de las personas que asisten al centro.
Ilustración 25: Página HOME
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
129
HOME
Al ingresar a la dirección https://www.fundacionjacintayfrancisco.org/ se puede
apreciar el contenido de una página web ágil, de fácil acceso y de libre navegación.
Los colores del menú fueron escogidos por el personal administrativo del Centro de
discapacidad, siendo los siguientes:
• FONDO DE PÁGINA: Color blanco.
• COLOR DE MENÚ SUPERIOR:
o COLOR DE FONDO: Naranja
o COLOR DE LETRAS: Negro
o COLOR DE FONDO CUANDO PASA EL CURSOR SOBRE EL BOTÓN:
Negro
Ilustración 26. LA INSTITUCIÓN
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
LA INSTITUCIÓN
En esta sección se cuenta una breve historia sobre la institución, así como su misión
y visión.
130
Ilustración 27 : PROGRAMAS OFRECIDOS
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
PROGRAMAS OFRECIDOS
En esta página se detallan los programas que ofrece el Centro de discapacidad, tales
como:
• Talleres de formación integral para la vida adulta
• Talleres de reforzamiento de habilidades cognitivas
• Talleres socio-recreativos
• Talleres de capacitación laboral para el desarrollo de habilidades laborales
Ilustración 28: INCLUSIÓN LABORAL
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
131
INCLUSIÓN LABORAL
Detalla la capacitación continua para las señoritas que ya se encuentran trabajando,
a través de talleres de reforzamiento de habilidades laborales; así como, el coaching
laboral desde la institución y en la empresa inclusiva.
Existen dos modalidades de incluir en un trabajo remunerado a las señoritas:
• Empleo con apoyo
• Empleo en centros especiales de empleo
Ilustración 29 : RESIDENCIA
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
RESIDENCIA
Detalla los servicios de acogida temporal o de acogida continua para las señoritas con
discapacidad.
132
Ilustración 30 : GALERIA
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
GALERIA
Aquí se puede apreciar una breve galería de las actividades que realiza la fundación.
Ilustración 31: AYÚDANOS
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
AYÚDANOS
En esta sección se puede realizar contribuciones económicas a la fundación.
133
Al momento de realizar este manual el centro de discapacidad intelectual Jacinta y
Francisco no dio información sobre cuentas o métodos para realizar contribuciones
económicas.
Ilustración 32: ADMINISTRADOR
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
ADMINISTRADOR
Al dar clic en el botón del menú llamado ADMINISTRADOR, direcciona al link donde
se encuentra alojado el administrador de archivos donde se debe respaldar la
información del centro.
Ilustración 33: Accesibilidad
134
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B. Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
ACCESIBILIDAD
En esta sección se puede leer el certificado de accesibilidad que se obtuvo para que
esta página pueda ser accesible.
Ilustración 34: MENÚ DE ACCESIBILIDAD
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
MENÚ DE ACCESIBILIDAD
135
Al dar clic en este icono se puede apreciar las distintas opciones que está página
ofrece para que la mayoría de las personas tengan acceso a esta, incluyendo a
personas con capacidades especiales.
Al dar clic en cada una de ellas se pueden hacer uso de sus funciones que se detallan
a continuación:
Leer página: Permite que la aplicación lea lo que la página muestra y tiene 3 niveles
de velocidad de voz.
Contraste: Esta opción tan útil nos da hasta 4 niveles de contraste en la toda la
página, a continuación, detallamos los mismos.
• INVER: invierto los colores de la página.
• CONTRASTE OSCURO: oscurece todos los links e imágenes y deja el texto
con colores fuertes para las personas con capacidades intelectuales especiales
puedan fijarse netamente en el texto y no tenga distracciones.
• CONTRASTE DE LUZ: deja en tonalidades blancas todos los links e imágenes
y deja el texto con colores fuertes para las personas con capacidades
intelectuales especiales puedan fijarse netamente en el texto y no tenga
distracciones.
• DESATURAR: Pone en blanco y negro todos los colores de la página.
Enlace realce
Deja en tonalidades blancas y negras a toda la página a excepción de los links que
dirigen a otras páginas para que la atención de las personas quede en estas.
Gran texto
Esta opción sirve para dar 4 niveles de tamaño al texto presente en la página
Espaciado de texto
Esta opción nos hasta 4 niveles de espaciado de texto para tener una mejor
comprensión lectora.
Detener animaciones
Esta opción detiene las animaciones que se pueden presentar en la página para evitar
las distracciones que estas puedan causar en los usuarios.
Fuentes legibles
136
Esta opción permite cambiar las fuentes de la página para que ela lectora tenga más
comodidad al momento de leer.
Cursor
Esta opción tiene 2 modalidades:
• Agrandar el cursor: para que visualmente sea más fácil d encontrar
• Guía de lectura: crea una línea horizontal gruesa de color amarillo con negro
par que el usuario pueda usarla para leer textos de párrafos.
Ilustración 35: VAMOS A CHATEAR
Elaborado por: Mayra Guamanquispe G. y Antonio Farfán B.
Fuente: Mayra Guamanquispe G. y Antonio Farfán B.
VAMOS A CHATEAR
Esta opción muestra un chat interactivo con la fundación, en el cual se puede dejar un
nombre, correo o algún mensaje con alguna consulta.
Top Related