universidad de guayaquilrepositorio.ug.edu.ec/bitstream/redug/48894/1/b-cisc-ptg... · 2020. 8....

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:


Antonio José Farfán Bowen

TELÉFONO:

0988478990

0980804777

E-MAIL:

[email protected]

[email protected]

CONTACTO DE LA INSTITUCIÓN:

Nombre: Ab. Juan Chávez Atocha

Teléfono: 04-2307729

E-MAIL: [email protected]

X

mailto:[email protected]



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í.


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.


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.


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.


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”



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


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


Guayaquil, junio de 2020

XII



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 18: Encuesta prgeunta #9 .............................................................................. 65

CUADRO 19: En cuesta pregunta #10 ........................................................................... 66

CUADRO 20: Encuesta pregunta #11 ............................................................................ 67


CUADRO 22: Encuesta pregunta #13 ........................................................................... 69



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 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 5: Análisis pregunta #3 ................................................................................ 60

GRÁFICO 6: Análisis pregunta # 4 ............................................................................... 61




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 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




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



XXI




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


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”


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



https://proyectosagiles.org/desarrollo-iterativo-incremental

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

https://concepto.de/software/

https://concepto.de/servidor/

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.

https://concepto.de/cliente/

https://concepto.de/navegador-web/

https://concepto.de/pagina-web/

https://concepto.de/usuario/

https://concepto.de/programa-informatico/

https://concepto.de/computador/

https://concepto.de/archivo-informatico/

https://concepto.de/dato-en-informatica/

https://concepto.de/url/

https://concepto.de/hardware/

https://concepto.de/que-es-la-comunicacion/

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.

https://definicion.de/sitio/

https://definicion.de/internet

https://definicion.de/computadora

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

https://definicion.de/portada

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


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


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



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



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



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



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



58

GRÁFICO 3: Análisis pregunta #1



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?


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



59




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?



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



60




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?



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



61

GRÁFICO 6: Análisis pregunta # 4



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?



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



62

GRÁFICO 7 : Análisis pregunta #5

E Elaborado por: 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?



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



63





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?



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



64





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?



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



65





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


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



66




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


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



67




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?



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



68





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?



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



69




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?



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



70





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?



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


71





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?



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



72





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



• 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



• 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



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



Historia de Usuario

Numero: 2 Usuario: Administrador

Nombre historia: Gestión de usuarios




Descripción: Encargado / responsable de crear usuarios y darles

permisos para la administración de los archivos almacenados en la

aplicación




Historia de Usuario

Numero: 3 Usuario: Administrador - auxiliar

Nombre historia: Modo accesible



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.



76


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



Descripción: Clasificar las documentaciones según el nivel de

relevancia e importancia escogiendo colores.




Historia de Usuario

Numero: 5 Usuario: administrador,

empleado, auxiliar

Nombre historia: Gestor de notas informativas

Prioridad en negocio: Bajo Riesgo en desarrollo: Media



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.



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



CUADRO 34: Sprint Backlog #2 Gestión Accesibilidad de página web


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


78

CUADRO 35: Sprint Backlog #3 Gestión de respaldo y copias de seguridad

de administrador de archivos


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


CUADRO 36: Sprint Backlog #4 Gestión Accesibilidad de administrador de

archivos


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



CUADRO 37: Sprint Backlog #5 Pruebas y Validación


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



Antonio Farfán Terminado 20 5 5 4 3 3

Validación de accesibilidad

de Página web



Antonio Farfán Terminado 15 5 4 2 2 2



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



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



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



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



88

GRÁFICO 19: Análisis del sistema de gestión documental



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



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




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

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



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



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



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



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



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



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



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



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


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



Visualizar

Este botón permitirá seleccionar un documento de Word o de Excel para poder

visualizarlo con Google docs.

Ilustración 12 : Visualizar documento


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


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


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


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


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


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


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



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


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



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


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


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


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


https://www.fundacionjacintayfrancisco.org/

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


LA INSTITUCIÓN

En esta sección se cuenta una breve historia sobre la institución, así como su misión

y visión.

https://www.fundacionjacintayfrancisco.org/

130

Ilustración 27 : PROGRAMAS OFRECIDOS



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



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


RESIDENCIA

Detalla los servicios de acogida temporal o de acogida continua para las señoritas con

discapacidad.

132

Ilustración 30 : GALERIA


GALERIA

Aquí se puede apreciar una breve galería de las actividades que realiza la fundación.

Ilustración 31: AYÚDANOS


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


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


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



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



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.

universidad de guayaquilrepositorio.ug.edu.ec/bitstream/redug/48894/1/b-cisc-ptg... · 2020. 8....

Documents