Upload
others
View
18
Download
0
Embed Size (px)
Citation preview
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
PROYECTO DE TITULACIÓN
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
AUTORES:
ROBINSON AQUILES SERRANO ANGUIETA
ERWIN ALBERTO RIVAS INDIO
TUTOR:
ING. CHRISTOPHER CRESPO LEÓN, M. Sc.
GUAYAQUIL – ECUADOR
2021
REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍAS
FICHA DE REGISTRO DE TRABAJO DE TITULACIÓN
TÍTULO: “Rediseño de sitio WEB de las carreras CISC, CS aplicando arquitectura de la
información como herramienta para fortalecer su contenido.”
AUTOR(ES):
Erwin Alberto Rivas Indio
Robinson Aquiles Serrano Anguieta
REVISOR:
Ing. Francisco Xavier Álvarez Solís, 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 PAGS: 197
AREA TEMÁTICA: software
PALABRAS CLAVES: Arquitectura de la información, sitio WEB, experiencia de usuario,
usabilidad, accesibilidad, Scrum.
RESUMEN: El siguiente proyecto tiene como finalidad realizar el rediseño del sitio Web de
las carreras CISC, CS mediante el uso de la arquitectura de la información para lo cual se tomó
como punto de partida los módulos que deberia tener un sitio para una Institución de eduación
superior y la información existente de sitios de diferentes universidades a nivel mundial. Se
determinó los recursos tecnológicos disponibles en la actualidad y la selección de uno de ellos
para la implementación del proyecto. Se diseñó y desarrolló las nuevas páginas del sitio
siguiendo las directrices dictadas por la arquitectura de la información. La medología utilizada
fue metodología Scrum ya que nos permite llevar un control de los cambios mediante los Sprint
y la planificación del desarrollo del proyecto. Dando como resultado el sitio WEB con sus
diferentes módulos los cuales permiten facilitar a los alumnos, docentes y personas externas el
acceso confiable a informacion relevante de las carreras.
N° DE REGISTRO: N° DE CLASIFICACIÓN:
DIRECCIÓN URL: (PROYECTO DE TITULACION EN LA WEB)
ADJUNTO PDF SI NO
CONTACTO CON AUTORES: Teléfono: 0980191231
0988979200
Email: [email protected]
CONTACTO DE LA INSTITUCIÓN Nombre: Ab. Juan Chávez Atocha
Teléfono: 2307729
Email: [email protected]
x
III
APROBACIÓN DEL TUTOR
En mi calidad de Tutor del Trabajo de Titulación, “Rediseño de sitio WEB de las carreras
CISC, CS aplicando arquitectura de la información como herramienta para fortalecer su
contenido” elaborado por los Sres.: Robinson Aquiles Serrano Anguieta y Erwin Alberto Rivas
Indio, estudiantes 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 Computacionales, me permito declarar que luego
de haber orientado, estudiado y revisado, la apruebo en todas sus partes.
Atentamente,
Ing. Christopher Crespo León, M. Sc.
TUTOR
IV
DEDICATORIA
Dedico este trabajo a mis padres,
hermanos y familiares, que siempre me
han brindado su apoyo y amor
incondicional en cada uno de los pasos que
he dado para llegar a ser un profesional de
la República.
Erwin Alberto Rivas Indio
Dedico este trabajo a mi papá, mi mamá y
mis demás familiares que han sido pilar
fundamental en mi formación para
alcanzar este logro.
Robinson Aquiles Serrano Anguieta
V
AGRADECIMIENTO
Especial reconocimiento a mis tutores
Ing. Jenny Ortiz e Ing. Christopher
Crespo por su guía, apoyo y concejos
durante la realización del presente
proyecto. Cada uno de sus consejos nos
llevó a la meta final.
Erwin Alberto Rivas Indio
Agradezco a Dios por la fortaleza,
paciencia y capacidades brindadas, a mis
tutores Ing. Jenny Ortiz e Ing.
Christopher Crespo por sus concejos y a
todos los docentes que nos brindaron su
conocimiento para llegar a concretar el
presente proyecto.
Robinson Aquiles Serrano Anguieta
VI
TRIBUNAL PROYECTO DE TITULACIÓN
Ing. José González Ruiz, M.Sc.
DECANO DE LA FACULTAD
CIENCIAS MATEMÁTICAS Y FÍSICAS
Ing. Lorenzo Cevallos Torres, Mgs.
DIRECTOR DE LA CARRERA DE
INGENIERÍA EN SISTEMAS
COMPUTACIONALES
Ing. Christopher Crespo León, M. Sc.
PROFESOR TUTOR DEL PROYECTO
DE TITULACIÓN
Ing. Francisco Xavier Álvarez Solís, M. Sc.
PROFESOR REVISOR DEL PROYECTO
DE TITULACIÓN
Ab. Juan Chávez Atocha, Esp.
SECRETARIO
VII
DECLARACIÓN EXPRESA
“La responsabilidad del contenido de este Proyecto de
Titulación, nos corresponden exclusivamente; y el
patrimonio intelectual de la misma a la UNIVERSIDAD DE
GUAYAQUIL”.
ERWIN ALBERTO RIVAS INDIO
ROBINSON AQUILES SERRANO ANGUIETA
VIII
CESIÓN DE DERECHOS DE AUTOR
Ingeniero
Ing. José González Ruiz, M.Sc.
DECANO DE LA FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
Presente.
A través de este medio indico a usted que procedo a realizar la entrega de la cesión de
derechos de autor en forma libre y voluntaria del trabajo de titulación “Rediseño de sitio WEB de
las carreras CISC, CS aplicando arquitectura de la información como herramienta para
fortalecer su contenido”, realizado como requisito previo para la obtención del Título de
Ingeniero en Sistemas Computacionales de la Universidad de Guayaquil.
Guayaquil, marzo del 2021
______________________________________
ERWIN ALBERTO RIVAS INDIO
C.I. N0 0925840027
______________________________________
ROBINSON AQUILES SERRANO ANGUIETA
C.I. N0 0930606322
IX
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
Proyecto de Titulación que se presenta como requisito para optar por el título de
INGENIERO EN SISTEMAS COMPUTACIONALES
Autores: ERWIN ALBERTO RIVAS INDIO
C.I. N° 0925840027
ROBINSON AQUILES SERRANO ANGUIETA
C.I. N° 0930606322
Tutor: Ing. Christopher Crespo León, M. Sc.
Guayaquil, marzo de 2021
X
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN COMO
HERRAMIENTA PARA FORTALECER SU CONTENIDO.
ERWIN ALBERTO RIVAS INDIO
ROBINSON AQUILES SERRANO
ANGUIETA
Cedula de Identidad N°0925840027
Cedula de Identidad N°0930606322
Tutor: _________________________
Firma
Ing. Christopher Crespo León, M. Sc.
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 ERWIN
ALBERTO RIVAS INDIO, ROBINSON AQUILES SERRANO ANGUIETA, como requisito
previo para optar por el Título de Ingeniero en Sistemas Computacionales cuyo proyecto es:
Considero aprobado el trabajo en su totalidad.
Presentado por:
Guayaquil, marzo de 2021
XI
ERWIN ALBERTO RIVAS INDIO
ROBINSON AQUILES SERRANO
ANGUIETA
Cedula de Identidad N°0925840027
Cedula de Identidad N°0930606322
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
AUTORIZACIÓN PARA PUBLICACIÓN DE PROYECTO DE TITULACIÓN EN FORMATO DIGITAL
1. Identificación del Proyecto de Titulación
Nombre del Estudiante: Erwin Alberto Rivas Indio
Dirección: Bastión Popular
Teléfono: 0980191231 Email: [email protected]
Nombre del Estudiante: Robinson Aquiles Serrano Anguieta
Dirección: Isla Trinitaria
Teléfono: 0988979200 Email: [email protected]
Facultad: CIENCIAS MATEMÁTICAS Y FÍSICAS
Carrera: INGENIERÍA EN SISTEMAS COMPUTACIONALES
Proyecto de Titulación al que opta: Desarrollo de Prototipos Funcionales
Profesor Tutor: Ing. Christopher Crespo León, M. Sc.
Título del Proyecto de Titulación: Rediseño de sitio WEB de las carreras CISC, CS aplicando
arquitectura de la información como herramienta para fortalecer su contenido.
Palabras Claves: Arquitectura de la información, sitio WEB, experiencia de usuario, usabilidad,
accesibilidad, Scrum.
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 Después de 1 año
Firma Estudiante(s):
3. Forma de envío:
El texto del Proyecto de Titulación debe ser enviado en formato Word, como archivo .docx, .RTF o .Puf para
PC. Las imágenes que la acompañen pueden ser: .gif, .jpg o .TIFF.
DVDROM CDROM
XII
ÍNDICE GENERAL
FICHA DE REGISTRO DE TRABAJO DE TITULACIÓN .................................................. II
APROBACIÓN DEL TUTOR ................................................................................................... III
DEDICATORIA .......................................................................................................................... IV
AGRADECIMIENTO ................................................................................................................. V
TRIBUNAL PROYECTO DE TITULACIÓN ........................................................................ VI
DECLARACIÓN EXPRESA ................................................................................................... VII
CESIÓN DE DERECHOS DE AUTOR ................................................................................ VIII
CERTIFICADO DE ACEPTACIÓN DEL TUTOR ................................................................ X
AUTORIZACIÓN PARA PUBLICACIÓN DE PROYECTO DE TITULACIÓN EN
FORMATO DIGITAL ............................................................................................................... XI
ÍNDICE GENERAL ................................................................................................................. XII
ÍNDICE TABLAS ................................................................................................................. XVIII
ÍNDICE DE FIGURAS.............................................................................................................. XX
ABREVIATURAS.................................................................................................................. XXII
SIMBOLOGÍA ...................................................................................................................... XXIV
RESUMEN............................................................................................................................... XXV
ABSTRACT ........................................................................................................................... XXVI
XIII
INTRODUCCIÓN ........................................................................................................................ 1
CAPÍTULO I ................................................................................................................................. 5
PLANTEAMIENTO DEL PROBLEMA ................................................................................... 5
Descripción de la situación problemática ................................................................................... 5
Ubicación del problema en un contexto...................................................................................... 5
Situación conflicto nudos críticos ............................................................................................... 6
Delimitación del problema .......................................................................................................... 7
Evaluación del Problema ............................................................................................................ 8
Causas y consecuencias del problema ....................................................................................... 10
Formulación del problema ......................................................................................................... 11
Objetivos del proyecto ................................................................................................................ 11
Objetivo general ........................................................................................................................ 11
Objetivos específicos ................................................................................................................ 11
Alcance del problema ................................................................................................................. 12
Justificación e importancia ........................................................................................................ 13
Limitaciones del estudio ............................................................................................................. 14
CAPÍTULO II ............................................................................................................................. 15
MARCO TEÓRICO ................................................................................................................... 15
Antecedentes del estudio............................................................................................................. 15
Antecedentes en el ámbito mundial. ......................................................................................... 15
XIV
Antecedentes en el ámbito regional. ......................................................................................... 16
Antecedentes en el ámbito local. .............................................................................................. 17
Investigaciones relevantes sobre el tema. ................................................................................. 17
Fundamentación teórica ............................................................................................................. 19
Arquitectura de la información ................................................................................................. 19
Componentes de la Arquitectura de la Información ................................................................. 21
Sistemas de organización .................................................................................................... 21
Sistemas de etiquetado ........................................................................................................ 22
Sistemas de navegación ....................................................................................................... 23
Sistemas de búsqueda .......................................................................................................... 23
Experiencia de usuario .............................................................................................................. 24
Usabilidad ................................................................................................................................. 25
Sistema de gestor de contenidos (CMS) ................................................................................... 26
Comparación del uso de CMS ............................................................................................. 27
WordPress............................................................................................................................ 27
Sitios web .................................................................................................................................. 28
Dominios y URL ................................................................................................................. 29
HTML ....................................................................................................................................... 31
Estructura ............................................................................................................................. 31
Elementos estructurales ....................................................................................................... 32
XV
CSS ........................................................................................................................................... 32
MySQL ..................................................................................................................................... 33
Apache ...................................................................................................................................... 34
Metodología de desarrollo ........................................................................................................ 35
Scrum ................................................................................................................................... 35
El Sprint ............................................................................................................................... 36
Historia de usuario ............................................................................................................... 36
CRITERIOS DE VALIDACION DEL PORTAL WEB .......................................................... 37
NORMA ISO 9162 .............................................................................................................. 37
Preguntas científicas a contestarse ............................................................................................ 40
Definiciones conceptuales ........................................................................................................... 40
CAPÍTULO III ............................................................................................................................ 41
PROPUESTA TECNOLÓGICA ............................................................................................... 41
Comparación de Wordpress, Joomla, Drupal ........................................................................... 41
Análisis de factibilidad ............................................................................................................... 43
Factibilidad operacional ............................................................................................................ 44
Factibilidad técnica ................................................................................................................... 45
Factibilidad legal ....................................................................................................................... 46
Factibilidad económica ............................................................................................................. 47
Metodologías del proyecto .......................................................................................................... 48
XVI
Metodología de investigación ................................................................................................... 48
Población y muestra ............................................................................................................ 52
Población. ....................................................................................................................... 52
Muestra. .......................................................................................................................... 52
Método Monte Carlo ........................................................................................................... 54
Procesamiento y análisis...................................................................................................... 54
Técnicas de recolección de datos. ................................................................................... 54
Técnicas estadísticas para el procesamiento de la información. ..................................... 55
Metodología de desarrollo del proyecto ................................................................................... 71
Lista de requerimientos ....................................................................................................... 73
Historias de Usuario ............................................................................................................ 76
Sprints .................................................................................................................................. 85
Beneficiarios directos e indirectos del proyecto ..................................................................... 107
Entregables del proyecto .......................................................................................................... 107
Propuesta ................................................................................................................................... 107
Criterios de validación de la propuesta .................................................................................. 109
Resultados obtenidos ................................................................................................................ 109
CAPÍTULO IV .......................................................................................................................... 110
CONCLUSIONES Y RECOMENDACIONES ...................................................................... 110
Criterios de aceptación del producto o servicio ..................................................................... 110
XVII
Conclusiones .............................................................................................................................. 118
Recomendaciones ...................................................................................................................... 119
REFERENCIAS BIBLIOGRÁFICAS .................................................................................... 120
BIBLIOGRAFÍA....................................................................................................................... 123
ANEXOS .................................................................................................................................... 124
Anexo 1. Planificación de actividades del Proyecto .............................................................. 124
Anexo 2. Geo-localización del problema............................................................................... 125
Anexo 4. Fundamentación Legal ........................................................................................... 126
Anexo 6. Formatos de técnicas de recolección de datos aplicadas para variables cuantitativas
o cualitativas. .......................................................................................................................... 129
Anexo 7. Validación de expertos. .......................................................................................... 133
Anexo 10. Acta de entrega y recepción definitiva .................................................................. 139
Anexo 14. Manual Técnico ..................................................................................................... 140
Anexo 15. Manual de usuario ................................................................................................. 148
XVIII
ÍNDICE TABLAS
Tabla 1 Delimitación del problema................................................................................................. 7 Tabla 2 Matriz de causas y consecuencias del problema desarrollado. ........................................ 10 Tabla 3 Comparativa uso CMS ..................................................................................................... 27 Tabla 4 Comparación de funcionalidades de CMS....................................................................... 41
Tabla 5 Tecnologías a utilizarse en el proyecto ............................................................................ 47 Tabla 6 Costos por recursos humanos en el proyecto ................................................................... 47 Tabla 7 Costos de inversión en hardware en el proyecto.............................................................. 47 Tabla 8 Costos de inversión en software en el proyecto ............................................................... 47 Tabla 9 Resumen de costos de inversión en el proyecto .............................................................. 48
Tabla 10 Cálculo de la muestra ..................................................................................................... 53
Tabla 11 Pregunta 1: ¿Conoce usted el enlace que lo lleva al sitio WEB de la carrera? .............. 56
Tabla 12 Pregunta 2: ¿Considera usted que la información del sitio WEB de la carrera es
pertinente? ..................................................................................................................................... 57 Tabla 13 Pregunta 3: ¿Considera usted que la información del sitio WEB de la carrera se
actualiza constantemente? ............................................................................................................. 58
Tabla 14 Pregunta 4: ¿Considera usted que la información que se expone en el sitio WEB de la
carrera tiene orden y se visualiza correctamente? ......................................................................... 59
Tabla 15 Pregunta 5: En general, ¿cómo consideraría la información que se presenta en el actual
sitio WEB de la carrera? ............................................................................................................... 60 Tabla 16 Pregunta 6: ¿Con qué frecuencia visita el sitio WEB de la carrera para informarse? ... 61
Tabla 17 Pregunta 7: Qué probabilidades hay que recomiende el sitio WEB de la carrera? ....... 62 Tabla 18 Pregunta 8: ¿Considera usted que el rediseño del sitio WEB de la carrera aplicando
arquitectura de la información como herramienta para fortalecer su contenido es necesario?..... 63 Tabla 19 Pregunta 1: ¿Qué información cree pertinente mostrar en el rediseño del sitio WEB de
las carreras CISC-CS? (puede elegir más de una opción) ............................................................ 64 Tabla 20 Pregunta 2: ¿Estaría de acuerdo que en la sección de estudiantes se presente
información sobre las prácticas comunitarias, preprofesionales, titulación? ................................ 65
Tabla 21 Pregunta 4: ¿Estaría de acuerdo que en la sección de docentes se presente información
sobre portafolio docente y sus publicaciones o papers? ............................................................... 67
Tabla 22 Pregunta 5: ¿Considera usted importante presentar información sobre las instalaciones
de las Carreras de Sistemas y Software?....................................................................................... 68 Tabla 23 Pregunta 6: Actualmente ¿Por qué medio oficial usted se entera de las actividades que
realiza la Universidad? .................................................................................................................. 69 Tabla 24 Pregunta 7: ¿Cuál es el servicio virtual que ofrece la Universidad que usted usa? ....... 70
Tabla 25 Lista de requerimientos .................................................................................................. 73 Tabla 26 UG-1 .............................................................................................................................. 76
Tabla 27 UG-2 .............................................................................................................................. 76 Tabla 28 UG -3 ............................................................................................................................. 77 Tabla 29 UG-4 .............................................................................................................................. 77 Tabla 30 UG-5 .............................................................................................................................. 78 Tabla 31 UG-7 .............................................................................................................................. 78
Tabla 32 UG-8 .............................................................................................................................. 78 Tabla 33 UG-9 .............................................................................................................................. 79
Tabla 34 UG-10 ............................................................................................................................ 79
XIX
Tabla 35 UG-11 ............................................................................................................................ 80
Tabla 36 UG-12 ............................................................................................................................ 80 Tabla 37 UG-13 ............................................................................................................................ 80 Tabla 38 UG-14 ............................................................................................................................ 81 Tabla 39 UG-15 ............................................................................................................................ 81 Tabla 40 UG-16 ............................................................................................................................ 82
Tabla 41 UG-17 ............................................................................................................................ 82 Tabla 42 UG-18 ............................................................................................................................ 82 Tabla 43 UG-19 ............................................................................................................................ 83 Tabla 44 UG-20 ............................................................................................................................ 83 Tabla 45 UG-21 ............................................................................................................................ 83
Tabla 46 UG-22 ............................................................................................................................ 84
Tabla 47 UG-23 ............................................................................................................................ 84
Tabla 48 UG-24 ............................................................................................................................ 84 Tabla 49 UG-25 ............................................................................................................................ 85 Tabla 50 Sprint 1 ........................................................................................................................... 86 Tabla 51 Sprint 2 ........................................................................................................................... 89
Tabla 52 Sprint 3 texto introductorio del alcance ......................................................................... 92 Tabla 53 Sprint 4 ........................................................................................................................... 96 Tabla 54 Sprint 5 ......................................................................................................................... 101
Tabla 56 Parámetros de calidad .................................................................................................. 110 Tabla 57 Consolidados de métricas de calidad. .......................................................................... 117
XX
ÍNDICE DE FIGURAS
Ilustración 1 Cliente servidor ......................................................................................... 29 Ilustración 2: URL.......................................................................................................... 30 Ilustración 3 : Declarando reglas CSS ........................................................................... 33
Ilustración 4 Menú del sitio web Sistemas y Networking.............................................. 49 Ilustración 5 Noticias del sitio web Sistemas y Networking.......................................... 49 Ilustración 6 Botonera de redes sociales sitio web Sistemas y Networking .................. 50 Ilustración 7 Pregunta 1: Análisis gráfico de la pregunta número 1 de la encuesta. ...... 56 Ilustración 8 Pregunta 2: Análisis gráfico de la pregunta número 2 de la encuesta. ...... 57
Ilustración 9 Pregunta 3: Análisis gráfico de la pregunta número 3 de la encuesta. ...... 58
Ilustración 10 Pregunta 4: Análisis gráfico de la pregunta número 4 de la encuesta..... 59
Ilustración 11 Pregunta 5: Análisis gráfico de la pregunta número 5 de la encuesta..... 60 Ilustración 12 Pregunta 6: Análisis gráfico de la pregunta número 6 de la encuesta..... 61 Ilustración 13 Pregunta 7: Análisis gráfico de la pregunta número 7 de la encuesta..... 62 Ilustración 14 Pregunta 8: Análisis gráfico de la pregunta número 8 de la encuesta..... 63
Ilustración 15 Pregunta 1: Análisis gráfico de la pregunta número 1 de la encuesta..... 65 Ilustración 16 Pregunta 2: Análisis gráfico de la pregunta número 2 de la encuesta..... 66
Ilustración 17 Pregunta 4: Análisis gráfico de la pregunta número 4 de la encuesta..... 67 Ilustración 18 Pregunta 5: Análisis gráfico de la pregunta número 5 de la encuesta..... 68 Ilustración 19 Pregunta 6: Análisis gráfico de la pregunta número 6 de la encuesta..... 69
Ilustración 20 Pregunta 7: Análisis gráfico de la pregunta número 7 de la encuesta..... 70 Ilustración 21 Página Home en Figma ........................................................................... 75
Ilustración 22 Prototipo de Figma .................................................................................. 76 Ilustración 23 Burndown Sprint 1 ................................................................................. 86
Ilustración 24 Instalación de Elementor ......................................................................... 87 Ilustración 25 Instalación de XAMPP............................................................................ 87 Ilustración 26 Instalación de News Portal ...................................................................... 88
Ilustración 27 Burndown Sprint 2 .................................................................................. 90 Ilustración 28 Sistema de Organización ......................................................................... 90
Ilustración 29 Enlaces de Interés.................................................................................... 91 Ilustración 30 Sistema de Búsqueda .............................................................................. 91 Ilustración 31 Burndown Sprint3 ................................................................................... 93
Ilustración 32 Página Home ........................................................................................... 93 Ilustración 33 Página Autoridades ................................................................................. 94
Ilustración 34 Página Misión y Visión ........................................................................... 94 Ilustración 35 Página Organigrama ................................................................................ 95
Ilustración 36 Página Quienes Somos ............................................................................ 95 Ilustración 37 Burndown Sprint 4 .................................................................................. 97 Ilustración 38 Página Personal Administrativo. ............................................................. 97 Ilustración 39 Página Instalaciones ................................................................................ 98 Ilustración 40 Página Horarios ....................................................................................... 98
Ilustración 41 Página Malla Curricular .......................................................................... 99 Ilustración 42 Página de Syllabus .................................................................................. 99
Ilustración 43 Página Practicas Preprofesionales ......................................................... 100
XXI
Ilustración 44 Página Vinculación con la Sociedad ..................................................... 100
Ilustración 45 Burndown Sprint 5 ................................................................................ 102 Ilustración 46 Página Formato de solicitudes. ............................................................. 102 Ilustración 47 Página Grupos Estudiantiles ................................................................. 103 Ilustración 48 Página Biblioteca .................................................................................. 103 Ilustración 49 Página Portafolio Docente .................................................................... 104
Ilustración 50 Página Publicaciones Docentes ............................................................. 104 Ilustración 51 Página Ultima Noticias ......................................................................... 105 Ilustración 52 Página Ubicación .................................................................................. 105 Ilustración 53 Pagina Escríbenos ................................................................................. 106 Ilustración 54 Criterios de aprobación Rivera ............................................................. 114
Ilustración 55 Criterios de aprobación Arrese ............................................................. 115
Ilustración 56 Criterios de aprobación Guacho ............................................................ 116
XXII
ABREVIATURAS
CC.MM.FF Facultad de Ciencias Matemáticas y Físicas
CISC Carrera de Ingeniería en Sistemas Computacionales
CS Carrera de Software
HTML Lenguaje de Marca de salida de Hyper Texto
HTTP Protocolo de transferencia de Hyper Texto
Ing. Ingeniero
ISP Proveedor de Servicio de Internet
M.Sc. Máster
Mgs. Magister
Ab. Abogado
Esp. Especialista
Sres. Señores
UG Universidad de Guayaquil
URL Localizador de Fuente Uniforme
WWW World Wide Web (Red Mundial)
CMS Sistema de Gestor de Contenido
MySQL Lenguaje de consulta estructurado
XML Lenguaje de marca extensible
CSS Hojas de estilo en cascada
AI Arquitectura de la Información
GPL Licencia pública general
XXIII
FTP Protocolo de transferencia de archivos
BD Base de datos
IIS Servicios de Información de Internet
IP Protocolo de Internet
DNS Sistema de nombre de dominio
ISO Organización Internacional de Estandarización
KPI Indicador de claves de desempeño
PDF Formato de documento portátil
SEO Optimización de motores de búsqueda
UX Experiencia de usuario
UI Interfaz de usuario
DX Experiencia digital
CX Experiencia de cliente
XXIV
SIMBOLOGÍA
K Desviación típica Z
E Error de estimación
Q Probabilidad de fracaso
P Probabilidad de éxito
N Tamaño de la población
n Tamaño de la muestra
f Fracción muestral
XXV
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
Autores: ERWIN ALBERTO RIVAS INDIO
C.I. N° 0925840027
ROBINSON AQUILES SERRANO ANGUIETA
C.I. N° 0930606322
Tutor: Ing. Christopher Crespo León, M. Sc.
RESUMEN
El siguiente proyecto tiene como finalidad realizar el rediseño del sitio Web de las carreras CISC,
CS mediante el uso de la arquitectura de la información para lo cual se tomó como punto de partida
los módulos que deberia tener un sitio para una Institución de eduación superior y la información
existente de sitios de diferentes universidades a nivel mundial. Se determinó los recursos
tecnológicos disponibles en la actualidad y la selección de uno de ellos para la implementación del
proyecto. Se diseñó y desarrolló las nuevas páginas del sitio siguiendo las directrices dictadas por
la arquitectura de la información. La medología utilizada fue metodología Scrum ya que nos
permite llevar un control de los cambios mediante los Sprint y la planificación del desarrollo del
proyecto. Dando como resultado el sitio WEB con sus diferentes módulos los cuales permiten
facilitar a los alumnos, docentes y personas externas el acceso confiable a informacion relevante
de las carreras.
Palabras clave: Arquitectura de la información, sitio WEB, experiencia de usuario, usabilidad,
accesibilidad, Scrum.
XXVI
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
Autores: ERWIN ALBERTO RIVAS INDIO
C.I. N° 0925840027
ROBINSON AQUILES SERRANO ANGUIETA
C.I. N° 0930606322
Tutor: Ing. Christopher Crespo León, M. Sc.
ABSTRACT
The following project aims to redesign the Web site of the CISC, CS careers through the use of
information architecture for which we took as a starting point the modules that should have a site
for an institution of higher education and the existing information of sites of different universities
worldwide. The technological resources currently available and the selection of one of them for
the implementation of the project were determined. The new pages of the site were designed and
developed following the guidelines dictated by the information architecture. The methodology
used was Scrum methodology since it allows us to control the changes through the Sprint and the
planning of the project development. As a result, we developed the web site with its different
modules which allow students, teachers and external people to have reliable access to relevant
information about the careers.
Key words: Information Architecture, web site, user experience, usability, accessibility, Scrum.
1
INTRODUCCIÓN
El avance de la tecnología de la información ha impulsado que las instituciones
opten por tener su propio portal web como un medio para divulgar la información
institucional, gestionar trámites y presentar noticias referentes a los centros educativos.
Haciendo uso de la página web no se necesita asistir a la institución para averiguar
datos referentes a ella como sucedía hace ya varios años, sino que con conectarse al internet
se puede averiguar toda la información que la institución puso allí para ser vista y utilizada
por su comunidad educativa.
Actualmente la carrera de Ingeniería en Sistemas Computacionales cuenta con
un sitio WEB que fue desarrollado en 2013 y está a cargo de su administración el Ing.
Francisco Álvarez S., M. Sc. El sitio web no recibe ninguna clase de mantenimiento y
las publicaciones se realizan de manera trimestral.
Esta implementado con el Joomla 2.5, PHP y MySql, el actual sitio web de las
carreras no cuenta con:
• Un menú principal que ayude a mejorar la accesibilidad y usabilidad
facilitando una forma de navegar de manera clara y organizada.
• Información de contáctenos, lo cual es esencial para que los estudiantes o
futuros estudiantes se puedan contactar con la carrera, se debe de mostrar
correo, teléfono, dirección.
• Un potente motor de búsqueda para que los usuarios puedan encontrar de
manera rápido la información que están buscando.
2
• Un correcto organizado de la información con una página principal que
presente información con una adecuada estructuración, esta a su vez debe
de conectar con las otras páginas del sitio web.
• Enlaces rápido o enlaces de interés que servirán como una conexión ágil
hacia las noticias y módulos más relevantes del sitio web.
• Información de los docentes, personal administrativo con sus correos como
forma de contactarlos.
Se propone una actualización del portal usando WordPress que está en constante
crecimiento y es respaldado por la comunidad open source que cubre todas estas
necesidades. WordPress es usado por varias instituciones educativas como la universidad
de Harvard.
Se hará uso de los procesos de arquitectura de la información para la creación de
varios sistemas como los de organización, etiquetado, navegación y búsqueda del portal
que ayudará a mejorar el diseño, brindando una interfaz amigable y mejorar el
posicionamiento del sitio web educativo.
La estructura del portal no está acorde con las tendencias ya mencionadas con
anterioridad lo cual es inconcebible que la carrera de sistemas computacionales no posea
un portal acorde a los estándares de la industria y que sirva de medio de comunicación para
la carrera.
La propuesta de este trabajo se basa en el rediseño del sitio WEB de la carreras,
Carrera de Ingeniería en Sistemas Computacionales(CISC) y Carrera de software(CS)
aplicando técnicas de diseño, metodologías de distribución de datos y arquitectura de la
información orientado a mejorar la experiencia de los visitantes basado en herramientas
3
que mejoren el UX(Experiencia de usuario), DX(Experiencia digital), CX(Experiencia del
cliente) con el objetivo de fortalecer y mejorar el contenido, del portal.
Entre las mejoras se detallan calidad tanto en la navegación, usabilidad y
aprovechamiento del contenido expuesto, lo cual contribuye al beneficio de los estudiantes
y de las demás personas afines a la Carrera.
La importancia de las plataformas digitales ha tomado auge debido a la pandemia,
por lo que varios negocios han hecho uso de los portales y sitios webs para poder atender
a sus clientes.
En el ámbito estudiantil el no poder contar con estudios de manera presencial, el
estudiante se ve obligado a realizar sus actividades de manera digital, por lo que es
relevante la implementación de nuestra propuesta.
A continuación, se presenta la estructura general de los capítulos que contiene el
proyecto.
Capítulo I: En este primer capítulo contiene las diferentes problemáticas del
proyecto que se va encontrando a lo largo del desarrollo del sitio web, donde se expone las
causas, consecuencias, delimitaciones de la propuesta y posterior la evaluación de los
objetivos generales, específicos y la importancia de aplicar arquitectura de la información
en el rediseño del sitio web de las carreras de CISC y CS.
Capítulo II: En este capítulo, se desarrolla el marco teórico que contiene los
fundamentos y antecedentes de estudio con sus respectivas consultas bibliográficas, las
cuales avalan el desarrollo de este proyecto. También se analizan sobre la arquitectura de
la información, con los respectivos componentes que la conforman WordPress, PHP y
MySQL, también se definirá el servidor de aplicaciones con el que se trabajará.
4
Capítulo III: Este capítulo, contiene la propuesta tecnológica junto con los análisis
de factibilidad y las etapas de la metodología del proyecto con la que se realizó la página
web, lo cual nos permite determinar los recursos necesarios tantos económicos, humanos
y tecnológicos. También se especifican técnicas e instrumentos de recolección de datos, se
determina población y muestra de la carrera de CISC y CS con la que se va a trabajar,
recolección, procesamiento y análisis de la información para posteriormente elaborar la
propuesta.
Capítulo IV: En el capítulo cuarto, se determina los criterios que permiten la
aprobación y aceptación del proyecto. Así mismo, se presentan las conclusiones que se
llegaron a encontrar en la culminación del desarrollo del sitio web, se darán algunas
recomendaciones y trabajos futuros que se pueden realizar como la utilización de las
mismas plantillas y plugin´s para la realización de otro sitio web para la carrera de
Networking usando de base este trabajo.
5
CAPÍTULO I
PLANTEAMIENTO DEL PROBLEMA
Descripción de la situación problemática
Ubicación del problema en un contexto
En la actualidad las carreras de la universidad de Guayaquil cuentan con un sitio
web poco eficiente en comparación con los sitios web de las carreras de otras instituciones.
Las universidades usan como carta de presentación el portal web de sus carreras
facilitando al estudiante, docentes y comunidad en general información relevante y
actualizada como por ejemplo información de docentes, instalaciones, formato de
solicitudes, mallas, syllabus, horarios y servicios digitales disponibles para realizar
trámites.
El actual sitio web para las Carreras de Ingeniería en Sistemas Computacionales y
Networking implementado en el año 2013 está pensado como un blog de noticias, no es un
sitio web institucional donde los usuarios puedan encontrar información relevante a las
carreras de CISC y CS.
La información del portal esta desactualizado, revisando el portal identificamos
información perteneciente a otros periodos académicos desalentando a estudiantes y
profesores el uso del portal como fuente de información.
Adicionalmente se han vistos ciertas falencias en las páginas web del sitio de las
carreras como son:
6
• No consta con un menú de navegación, por lo que toda la información presentada
en el sitio web es mostrada en una solo página.
• No se presenta información sobre los diferentes departamentos, laboratorios,
biblioteca y auditorio.
• No existe portafolio docente, entonces los estudiantes no pueden conocer más sobre
sus profesores.
• Los horarios no se encuentran actualizados.
Se puede concluir que se necesita un sitio WEB que esté a la altura de las carreras
de sistemas, que posicione a la carrera como un referente de la educación superior y
adicional mejore la comunicación y la experiencia de los estudiantes, docentes. El actual
sitio no consta con alta disponibilidad, por lo que constantemente este está fuera de
operación lo que desalienta al usuario ponerlo como referente para búsqueda de
información.
Se debe de fortalecer y mejorar la presentación de la información que ayude a
conocer más sobre los docentes, laboratorios, aulas y personal administrativo, beneficiando
no solo a los alumnos sino también a las personas externas que buscan información
Los recursos en el sitio web de las carreras CISC y CS están subutilizados por lo
que es necesario el rediseño del portal existente.
Situación conflicto nudos críticos
Las carreras CISC, CS cuentan con un sitio web el cual se encuentra montado en
una computadora antigua (con 20 años de antigüedad aproximadamente) implementado a
través de un CMS (Joomla 2.5) y PHP y sin soporte de personas que conozcan estas
7
herramientas. Siendo la causa principal de no contar con actualizaciones frecuentes del
portal por lo que se plantea realizar un rediseño del portal y una reingeniería de la
tecnología usada en su construcción.
Las publicaciones que se realizan dentro del sitio se hacen cada tres meses, no existe
en si mantenimiento del sitio por lo que esto provoca periodos de inactividad. Así mismo,
al no existir mantenimiento del sitio, desemboca en que la información no esté actualizada
y no se pueda aprovechar como fuente de información confiable tanto para docentes como
para estudiantes.
Delimitación del problema
El siguiente proyecto busca el aprovechamiento del sitio WEB de las carreras CISC,
CS, como fuente de información, y se centra en el campo tecnológico mediante el rediseño
de este, el cual se desarrollará aplicando arquitectura de la información para fortalecer su
contenido.
Tabla 1 Delimitación del problema
Delimitador Descripción
Campo Tecnología
Área Desarrollo (Rediseño de sitio WEB)
Aspecto Proceso rediseño de sitio WEB de las carreras CISC y CS
Tema
Rediseño de sitio WEB de las carreras CISC, CS aplicando
arquitectura de la información como herramienta para fortalecer su
contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson
8
Evaluación del Problema
De acuerdo con el análisis realizado los aspectos generales de evaluación son:
• Delimitado: El actual sitio web de la carrera no cuenta con contenido de
calidad, fácil navegación, interfaz amigable, buen diseño, menú de inicio,
enlaces de interés. Se busca rediseñar un sitio web que cumpla con todas las
necesidades expuestas y ayude a mejorar la imagen de las carreras de CISC y
CS de la Facultad de Ciencias Matemáticas y Físicas de la Universidad de
Guayaquil.
• Claro: El sitio web no tiene información que puede ser de utilidad para los
alumnos pertenecientes de carreras como seria syllabus, mallas, horarios e
información docente. Ya que por el momento se presentan noticias que se
actualizan en un periodo de 3 meses, estas noticias no son de gran ayuda para
los alumnos en su periodo educativo.
• Concreto: El sitio no está correctamente administrado y no cumple con la
función de un sitio web educativo en el que se debe de presentar toda la
información referente a las carreras, por lo que se presenta la propuesta de
rediseño de la página web para que cumplan con los estándares de un sitio web
educativo.
• Relevante: Con el desarrollo y rediseño del sitio WEB de las carreras se busca
el beneficio, de alumnos, docentes, la comunidad universitaria y personas
ajenas a la Universidad, que sea un canal de información, punto de contacto,
que ayude a los usuarios brindando información relevante de las carreras y su
oferta educativa.
9
• Original: Es original ya que el rediseño del sitio WEB se dará aplicando
arquitectura de la información, (Piñeiro , Igartua, & Marañón , 2017)nos indica
que el diseño web es original, ya que su construcción se basa en un correcto
balance entre la apariencia visual, arquitectura de la información y la usabilidad
que presentan los elementos en la planificación y desarrollo de un sitio web. De
esta forma servirá para que dicho sitio sea aprovechado al máximo para el
beneficio de sus visitantes.
• Factible: El proyecto de rediseño del sitio WEB de las carreras CISC, CS es
factible debido a que no requiere mucha inversión para implementarlo,
actualmente existen en el mercado muchas herramientas entre ellas los CMS,
los cuales nos permiten optimizar en tiempo, costes y prestaciones en el
desarrollo de las páginas WEB del sitio.
• Identifica los productos esperados: Con el rediseño del sitio WEB de las
carreras CISC, CS se obtendrá un sitio WEB a la altura de la Institución con el
cual el estudiante podrá informarse debidamente tanto de información de sus
horarios, exámenes, cursos, publicaciones realizadas por los diferentes
departamentos, y demás información necesaria para su desempeño académico
como también información necesaria acerca de los docentes que les imparten
las clases y los trabajos realizados por ellos para la institución (papers e
investigaciones realizadas).
Se entregará una página web hecha en WordPress, base de datos MySQL con
la estructura de las tablas y el manual de usuario.
10
Causas y consecuencias del problema
A continuación, se presentan las causas que motivan el problema con sus
respectivas consecuencias las cuales seguirán afectando de seguirse manteniendo el
problema.
Tabla 2 Matriz de causas y consecuencias del problema desarrollado.
Causas Consecuencias
C1. Ausencia de un portafolio
docente.
E1. Desconocimiento de los docentes que se
encuentran en las carreras CISC, CS y sus
aportes.
C2. Sitio web se mantiene como fue
creado inicialmente, un sitio web
informativo para publicaciones.
E2. Desaprovechamiento de información
como datos de las carreras y gestorías como
prácticas preprofesionales y comunitarias.
C3. Carencia de mapa del sitio.
E3.1 Mal posicionamiento en los motores de
búsqueda.
E3.2 Los estudiantes, docentes y personal
externo a las carreras se les dificultará
encontrar el portal web.
C4. No hay una adecuada organización
del contenido que se presenta.
E4. Para los usuarios la organización es un
indicador de la calidad de la información. Los
usuarios pueden suponer que la información
presentada en el portal no es de calidad.
C5. Navegación compleja al no existir
opciones de menús y pestañas en el
actual sitio.
E5.1 Dificultad en la navegación del sitio por
falta de un menú.
E5.2 Disminuye el número de visitas al sitio
WEB.
E5.3 El usuario no puede acceder con
facilidad a otros contenidos por inexistencia
de enlaces en el portal web.
E5.4 Disminución del tiempo de navegación
en el sitio WEB.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson
11
Formulación del problema
¿El rediseño del sitio WEB de las carreras de CISC y CS de la Facultad de Ciencias
Matemáticas y Físicas de la Universidad de Guayaquil aplicando arquitectura de la
información será beneficioso para que el estudiante obtenga información útil de las carreras
de forma ágil?
Objetivos del proyecto
Objetivo general
Desarrollar un sitio WEB mediante la aplicación de arquitectura de la información
que facilite el acceso de contenido y conocimiento consecuente con los docentes, alumnos
y personal administrativo de las carreras CISC y CS de la universidad de Guayaquil.
Objetivos específicos
• Identificar los módulos a mejorar pertenecientes al sitio WEB de las Carreras CISC,
CS, organizándolos para su posterior desarrollo.
• Determinar los recursos tecnológicos que conduzcan a la renovación de los
contenidos mediante el acceso de interfaces amigables considerando los estándares
para desarrollo de sitios WEB.
• Diseñar las páginas del nuevo sitio web, acorde a las encuestas realizadas, que
cumplan con un entorno adecuadamente estructurado y fácil de usar.
12
Alcance del problema
Para identificar los módulos a mejorar pertenecientes al sitio Web de las carreras
CISC, CS se recopilará información sobre las carreras, alumnos, docentes, instalaciones
que, junto a un estudio de los mapas del sitio de las universidades de mayor ranking, como
lo es Harvard, Stanford Oxford, Cambridge, se obtendrá los módulos que son necesarios
para una página web universitaria, de modo que estos se utilizarán en el desarrollo de
nuestro respectivo sitio web.
Para determinar los recursos tecnológicos que conduzcan a la renovación del
contenido, se revisó los actuales CMS líderes en el mercado como lo son WordPress,
Joomla, Drupal y se tomó a WordPress dado que “WordPress es una avanzada plataforma
semántica de publicación personal orientada a la estética, los estándares web y la
usabilidad. WordPress es libre y, al mismo tiempo, gratuito.” (wpcolladovillalba.org, s/f,
párrafo primero). Se hará uso del CMS WordPress para que conduzca a la renovación del
contenido el cual cumple con los estándares web ya que hace uso de HTML, XML, CSS,
JavaScript, también se empleará la plantilla creada bajo estos mismos estándares de
desarrollo, haciendo uso de una interfaz amigable aplicando varios plugin´s que ayudará a
los sitios web a ser más amigables con los usuarios.
Para diseñar y desarrollar las nuevas páginas se revisó las ya existentes de las
carreras y se encontró aspectos a mejorar que ayudarán al nuevo diseño de estas que estarán
acorde a las necesidades de los usuarios, que buscan en las páginas web de sus respectivas
carreras información relevante que les beneficien su ciclo académico. Aplicaremos la
arquitectura de la información para mejorar la usabilidad y la utilidad de la página web,
permitiendo un fácil acceso a la navegación de sus contenidos para que los usuarios puedan
13
aprovechar de mejor manera la información que se le presentara en los sitios web de
carreras CISC y CS.
Entre los cambios a realizar se espera un menú de navegación, enlaces rápidos o de
interés, caja de redes sociales, página de contáctenos, Breadcrumb (migas de pan).
Este proyecto culminará con el diseño de un aplicativo web que permita presentar
la información de manera óptima y precisa a todos los alumnos de las carreras CISC y CS
en la universidad de Guayaquil.
• Se entregará un sitio web hecha en WordPress, con sus respectivas
plantillas, plugin´s, páginas y entradas.
• Se entregará la base de datos MySQL y su estructura.
Justificación e importancia
Las carreras CISC, CS cuentan actualmente con 1831 alumnos matriculados en el
periodo académico ordinario ciclo II 2020 - 2021, no posee un canal de comunicación web
actualizado que provea información útil al alumnado.
Con este proyecto, se busca aprovechar los recursos que tienen las carreras de CISC
y CS tanto de hardware como de software creando un sitio WEB para facilitar, tanto a la
comunidad estudiantil como a los docentes el acceso a la información actualizada de las
respectivas carreras.
Con el rediseño del sitio web y aplicando las técnicas de arquitectura de la
información soportará que la página web sea de los más clara y concisa posible de manera
que pueda ser accesible y entendible para cualquier usuario que desea conocer de la misma.
14
La comunidad externa que no pertenezca a la carrera se podrá beneficiar al ingresar
al nuevo sitio web en donde puede consultar información académica precisa, confiable y
actual, de esta forma se podrá consultar contenido curricular o portafolio docente, también
información de eventos académicos, ferias tecnológicas, entre otros, que se promueven
para el beneficio de la sociedad logrando así darles distinción a las carreras de sistemas
computacionales y software de la Universidad de Guayaquil.
Limitaciones del estudio
Para obtener los datos del personal administrativo y docente, así como otros
documentos y archivos pertenecientes a las carreras, el sitio web usará una base de datos
generada por los mismos autores del presente proyecto, de esta manera se simulará la
información que se presentó en el respectivo sitio web, debido que no es posible obtener
todos los datos que engloba la carrera.
Debido al hardware existente en el centro de cómputo de la carrera el presente
proyecto será configurado y probado de manera local permitiendo, así, la verificación del
trabajo realizado.
A causa de que el departamento de sistemas cuenta con un encargado, se usó la
plataforma multisitios que brinda WordPress para poder agregar los sitios web de las
carreras de Networking y Tecnología de la Información permitiendo al ingeniero encargado
administrar de forma más eficiente múltiples sitios.
15
CAPÍTULO II
MARCO TEÓRICO
Antecedentes del estudio
Para la elaboración del presente proyecto se revisaron varios estudios acerca de la
elaboración de rediseños de sitios WEB por lo cual, se consideraron artículos científicos,
investigaciones, tesis y proyectos similares tanto a nivel mundial, regional y local, se
obtuvo información relevante para el desarrollo de este.
Antecedentes en el ámbito mundial.
En la era de la información en la cual vivimos los sitios Web resultan realmente
importantes como medio de transmisión de información sea de instituciones privadas,
instituciones públicas, o de cualquier organismo sea cual fuere su actividad comercial y
dedicación profesional. A sabiendas de su importancia muchos de los sitios Web
encontrados en la internet presentan deficiencias las cuales no permiten su debido
aprovechamiento, requiriendo alguna opción como un rediseño o mantenimiento para
resolver dichas deficiencias.
Un estudio realizado en España por la Universidad de Alicante se centró en páginas
WEB de centros educativos en la comunidad valenciana donde se constató que:
En general, todas ellas presentaban alguna que otra deficiencia, entre las
que destacan: una falta de imagen y una estética sugerente, falta de
información, falta de actualización, el no uso ni difusión de las redes
16
sociales del centro y la no difusión o información de las metodologías
docentes o el estilo pedagógico del centro. Estos problemas vienen
motivados por la falta de una correcta gestión y mantenimiento de las
páginas web, función que muchas veces recae en los coordinadores TIC del
centro y que pocas veces disponen de tiempo y formación para desempeñar
dicha tarea. (Álvarez Guerrero & Roig-Vila, 2019, pág. 129)
Para dicho estudio se tomó en cuenta el contenido y la navegación como dimensiones de
análisis. Según (Álvarez Guerrero & Roig-Vila, 2019) afirma sobre el contenido que: “La
información que debe aportar una página web es uno de los pilares básicos de la misma
para cualquier usuario que accede a ella. Así pues, la información debe ser nutrida, variada
y actualizada” (pág .138). Así mismo (Álvarez Guerrero & Roig-Vila, 2019) sobre
navegación afirma que: “La navegación a través de una página web tiene que ser ágil,
rápida y directa” (pág .141).
Antecedentes en el ámbito regional.
En el ámbito regional podemos mencionar el artículo publicado por la REVISTA
DE COMUNICACIÓN de la Facultad de Comunicación de la Universidad de Piura donde
se realiza un amplio estudio de la estrategia digital de internacionalización de Marca
(principal periódico de información deportiva de España fundado en 1938) en
Latinoamérica (específicamente México) en el cual se realiza el rediseño del sitio Web
MARCA.COM como maniobra para conseguir sus objetivos. Dentro de los cambios
realizados se pueden mencionar que: “Se ha avanzado hacia un diseño más limpio de la
web con una distribución racional de la información (…), al mismo tiempo que se han
17
mejorado algunas cuestiones como la jerarquización de los contenidos noticiosos” (Rojas
Torrijos, 2018, pág. 144).
Con los cambios mencionados relacionados a la parte de rediseño junto a otras
mejoras se logró consolidar con mayor fuerza la presencia del periódico de información
MARCA, plantando los cimientos para la internacionalización, los cuales dio como
resultado la alianza editorial junto a CLARO SPORT.
Antecedentes en el ámbito local.
En Ecuador existen diversos estudios destacables de rediseños de sitios Web que
han servido para cumplir con los objetivos propuestos por las instituciones que se han
propuesto realizarlo, entre los cuales se puede mencionar el rediseño del sitio Web de la
empresa INCOPEL S.A. Según (Barzola Jaramillo, 2017) “La necesidad de volverse más
competitivo ha hecho asumir este reto de renovar la imagen de la empresa, empezando por
la restructuración del sitio web para lograr un mejor atractivo en esta plaza del mercado
virtual” (pág. 4).
Investigaciones relevantes sobre el tema.
Como ejemplo de trabajos realizados relevantes sobre el tema existen trabajos de
referencias tales como:
El proyecto sobre REDISEÑO DEL SISTEMA WEB PARA LA
AUTOMATIZACIÓN DEL MÓDULO DE PRÁCTICAS PREPROFESIONALES DE
LA UNIVERSIDAD DE GUAYAQUIL que tiene como objetivo:
18
Rediseñar el sistema web de prácticas preprofesionales con los estándares y
lineamientos establecidos por la Dirección de Gestión Tecnológica de la
Información y solicitados por el Vicerrectorado de Formación Académica
y Profesional de la Universidad de Guayaquil para poder ser implementado.
(Gutiérrez Briones & Mejía Jumbla, 2017, pág. 6)
A su vez (Gutiérrez Briones & Mejía Jumbla, 2017) tiene como conclusión de su
proyecto que con el desarrollo de nuevos requerimientos va a permitir llevar un proceso
unificado de prácticas preprofesionales a todas las facultades de la Universidad de
Guayaquil.
En la universidad de Cuenca en la facultad de artes se propuso REDISEÑO DEL SITIO
WEB “TURISMO SANTA ISABEL-AZUAY”, este trabajo tiene como objetivo:
Rediseñar el sitio web “Turismo Santa Isabel-Azuay”, a través del uso de
herramientas para creación de páginas web, identificar al usuario y el nivel
de experiencia o interactividad, con la finalidad de dar a conocer al turista
la diversidad de lugares que tiene el cantón Santa Isabel. (Vintimilla
Saquicela, 2018, pág. 9)
Teniendo como conclusión:
Al ser el proyecto un rediseño Web, se tuvo que iniciar con una investigación
para recopilar información y actualizar el contenido de la página, para ello se
usó diferentes métodos como: encuestas a personas que están dentro de nuestro
público objetivo para saber qué tanto conocen de este cantón y se pudo
determinar que existe un desconocimiento grande de muchos aspectos del sitio,
especialmente de los lugares turísticos, pero esto también nos benefició para
19
recolectar opiniones de que les gustaría que ofreciera la página. (Vintimilla
Saquicela, 2018, pág. 89)
Fundamentación teórica
La siguiente parte nos ayuda para tener una mejor comprensión de los temas que sustentan
el proyecto de titulación los cuales se han englobado de la siguiente manera: desarrollo
Web, arquitectura de la información, mejores prácticas para crear un sitio Web,
herramientas tecnológicas como CMS(WordPress), lenguaje de programación PHP y base
de datos MySQL.
Arquitectura de la información
(Rodríguez , González , & Pérez , 2016)Nos indica que:
El concepto AI no solo abarca la organización de la información, sino también el
resultado de dicha actividad. En el caso de un sitio web, como resultado de la
actividad, comprende los sistemas de organización y estructuración de los
contenidos, los sistemas de rotulado o etiquetado de dichos contenidos, y los
sistemas de recuperación de información y navegación que provea el sitio web.
Abunda la apreciación de los usuarios de que "la interfaz es la aplicación" porque
es la parte que ven y a través de la cual interactúan, sin embargo, se debe entender
que la usabilidad de la aplicación depende no sólo del diseño de la interfaz, sino
también de su arquitectura, estructura y organización, o sea, del componente no
visible del diseño. (pág. 6)
20
Mientras que (Delgado, 2019) afirma. “La arquitectura de información (AI) se
ocupa del diseño estructural de los sistemas de información, su problema central es
la organización, recuperación y presentación de información mediante el diseño de
ambientes intuitivos.” (párr. 6).
La arquitectura de la información y la experiencia de usuario son dos conceptos que
van de la mano. (Rodríguez , González , & Pérez , 2016) define. “La arquitectura de
información y la experiencia de usuario son dos conceptos interrelacionados entre sí que,
al aplicarlo de forma integrada en el desarrollo de software, garantizan un alto por ciento
en la usabilidad del producto” (pág. 18).
(Rodríguez, Vargas, & González, 2019) Nos da una comparación entre un
arquitecto y un arquitecto de información.
Haciendo una analogía en relación con un arquitecto, cuya labor es el diseño de
edificios, considerando espacios agradables, seguros y cómodos para aquellas
personas usuarias, el arquitecto de información estructura aplicaciones o sitios Web
para que se puedan navegar y utilizar con facilidad, independientemente de las
experiencias y habilidades que ubican a una persona en un nivel de básico o experto.
(pág. 5)
Entonces podemos definir que la AI se encarga de facilitar a los usuarios la
información mediante el uso del sistema de organización, etiquetado, navegación y
búsqueda, de esta forma se busca mejorar el acceso y la usabilidad de la página web
21
proveyéndola de significado para el usuario y que este a su vez aproveche al máximo el
contenido de la misma.
La arquitectura de la información de una página web está formada por una serie de
sistemas o estructuras las cual definiremos como componentes de la arquitectura
información. A continuación, definiremos los componentes que debe de tener un proyecto
de la arquitectura de la información para un sitio web:
Componentes de la Arquitectura de la Información
Sistemas de organización
Para definir lo que es un sistema de organización, tenemos que repasar el concepto
de organización.
(Carles, 2016, pág. 3) asegura que: “Las organizaciones son también entidades
sociales que tienen sus propias dinámicas políticas y que poseen sus propios mitos, valores
e ideología, es decir, realidades que tienen sus propios parámetros culturales” (pág. 3).
Un sistema de organización es el que se encargar de dividir y clasificar un grupo de
cualquier ámbito, en varios grupos que están ordenados por criterios similares. Los grupos
resultantes suelen compartir una serie de características similares entonces si otros
miembros quieren pertenecer a ese grupo debe tener todas las características que definen a
dicho grupo.
Llevando esta información al entorno web se puede decir que los sistemas de
organización son fundamentales para el funcionamiento de la página web, así que entre
mejor organizada este la información de la página más fácil va a ser para el usuario acceder
22
a la misma. Es decir, la información debe de estar ordenada de tal manera en que al usuario
no le resulte un esfuerzo buscar lo que él desea.
El sistema de organización va a suministrar todas las etiquetas que va a utilizar el
sistema de navegación y también a crear categorías se puede representar las características
que debe de tener un contenido para poder estar dentro de esa categoría, de esta manera se
puede ayudar en la página web a crear el índice que articula el sistema de búsqueda.
Sistemas de etiquetado
En el diseño web se usa el sistema de etiquetados para poder acceder a módulos de
información, pero estos módulos no se encuentran visibles para el usuario, por lo general
son representados por texto o imágenes que, al momento de darle clic sobre ellos, el usuario
es redireccionado a la información que estos contienen. En conclusión, estos módulos solo
pueden ser vistos solo si el usuario da clic en ellos.
El rotulado cobra especial importancia, puesto que la mayoría de ellas disponen de
webs bastante sencillas. Los contenidos ofrecidos en la sección de rotulado ocupan un lugar
notorio en la página principal, así el usuario puede identificar con mayor facilidad las
principales secciones de la página web y acceder a la información más importante sobre la
empresa o los productos que esta ofrece. Esta estructura facilita al usuario localizar la
información deseada, transmitiendo una sensación de sencillez y claridad (Dueñas,
González, & Franco, 2016).
Comúnmente se hace uso de las etiquetas para disminuir el espacio usado en el sitio
web, es decir no se tienen que presentar simultáneamente toda la información en la página
principal, en términos visuales el usuario no es saturado con toda esa información haciendo
23
al sitio más amigable. En la arquitectura del sistema de etiquetado es común realizar un
diseño que enganche al usuario dentro del sitio web por eso. “Para la arquitectura del sitio
que se diseña se debe proponer etiquetas icónicas, textuales y una combinación de ambas”
(Paz & Cuellar, 2016, pág. 10).
(Codina, Gonzalo , Pedraza, & Rovira, 2017) afirman. “Un buen sistema de
categorías y de etiquetas constituye la base para después disponer de un sistema de
navegación asociado que retenga a los usuarios y reduzca las tasas de rebote” (pág. 31).
Sistemas de navegación
Para diseñar un buen sistema navegacional, se debe de identificar la navegación de
todos los objetos que intervienen dentro del sitio web y la forma en que estos interactúan a
través de los diferentes enlaces, nodos, consultas, entre otros (Molina, Zea, Contento, &
García, 2018).
Codina et al (2017) hace enfasis en que las categorías de navegación deben ser
claras y comprensibles y la navegación en el sitio debe ser intuitiva y muy
consistente. En el menú principal, los usuarios esperan encontrar pocas categorías,
alrededor de una decena, sin perjuicio de que, a su vez, cada categoría principal
pueda tener subcategorías, lo que nos conduce a un menú rico en opciones, pero
fácil de navegar (pág. 30).
Sistemas de búsqueda
Los sistemas de búsqueda o sistemas de recuperación de información son una fuente
que permite encontrar información importante para el usuario de manera ágil, estos se
24
encuentran distribuidos en la web, los buscadores encuentran la información y luego las
almacenan para presentarla al usuario en una interfaz amigable. En un sitio web estos
buscadores son importantes debido a que ayudan a rastrear información, paginas o entradas
mejorando la usabilidad del portal web (Rodríguez , Viltres , & Pons , 2016).
Codina et al, (2017) refiere que:
En el análisis de las consultas de los usuarios, si nuestro sitio dispone de un motor
de búsqueda interno. Esta suele ser una herramienta muy potente y poco explotada
en la mayoría de sitios web. El análisis de los logs de nuestro buscador no sólo nos
dirá qué palabras clave usan nuestros usuarios sino qué contenido esperan
encontrar, algo que nos irá muy bien a la hora de priorizar la creación de contenidos.
(pág. 15)
Experiencia de usuario
(Norman & Nielsen, s.f.) Nos dicen que:
The first requirement for an exemplary user experience is to meet the exact needs
of the customer, without fuss or bother. Next comes simplicity and elegance that
produce products that are a joy to own, a joy to use. True user experience goes far
beyond giving customers what they say they want, or providing checklist features.
In order to achieve high-quality user experience in a company's offerings there must
be a seamless merging of the services of multiple disciplines, including
engineering, marketing, graphical and industrial design, and interface design. [El
primer requisito para una experiencia de usuario ejemplar es satisfacer las
25
necesidades exactas del cliente, sin problemas ni molestias. Luego viene la
simplicidad y la elegancia que producen productos que es un placer poseer, un
placer de usar. La verdadera experiencia del usuario va mucho más allá de darles a
los clientes lo que dicen que quieren o proporcionar funciones de lista de
verificación. Para lograr una experiencia de usuario de alta calidad en las ofertas de
una empresa, debe haber una combinación perfecta de los servicios de múltiples
disciplinas, incluida la ingeniería, el marketing, el diseño gráfico e industrial y el
diseño de interfaces.] (párr. 1)
Usabilidad
La Norma europea ISO 9241 nos dice que (ISO, 2018):
The objective of designing and evaluating systems, products and services for
usability is to enable users to achieve goals effectively, efficiently and with
satisfaction, taking account of the context of use. [El objetivo de diseñar y evaluar
sistemas, productos y servicios para la usabilidad es permitir que los usuarios
alcancen los objetivos de manera efectiva, eficiente y con satisfacción, teniendo en
cuenta el contexto de uso.] (párr. 10)
De acuerdo con (Moner & Sabaté, 2017) afirman que para valorar la usabilidad de
las páginas web se deben de tomar los siguientes criterios:
• Debe de haber un equilibrio entre la página y su contenido.
• La página debe de tener facilidad de manejo y acceso.
• Debe de tener una navegación fluida y eficiente.
• Y, por último, tener una buena compatibilidad entre la página y los soportes.
26
Sistema de gestor de contenidos (CMS)
Para gestionar los contenidos de un sitio web es recomendable usar un CMS, a
continuación, se precisará las definiciones.
CMS o Content Management System (Sistema Gestor de Contenido), son
aplicaciones web para gestionar sitios web, aplicaciones web significa que la creación y
administración de los sitios web se realiza en una aplicación desde el navegador
(Aubry, 2018) da algunas ventajas que podemos obtener al usar los CMS para el
desarrollo de sitios web:
• Los CMS pueden usarse en cualquier navegador por lo tanto se puede usar
en cualquier sistema operativo.
• El 99% de los CMS son gratuitos y de código abierto por lo tanto no se
tendrá que pagar para poder adquirir la licencia.
• Los CMS están listos para su uso así que no tendrá que tocar el código
HTML y CSS.
• Permiten una autonomía total. Después de instalarlo y cargarlos solo las
personas autorizadas podrá utilizarlo. El único requisito es aprender a
utilizar la interfaz de gestión del sitio. Pero a su vez la mayoría de los CMS
proponen una interfaz simple y fácil de usar.
• Disponen de una gran cantidad de modelos de los sitios web (llamados
templates o plantillas). Estos modelos pueden ser gratuitos o de pagos.
• Pueden añadirse nuevas funciones que responden a una necesidad en
particular que no existe de manera predeterminada en el CMS.
27
Comparación del uso de CMS
A continuación, se realiza una comparación para saber que en los últimos años ha
ido en aumento el uso de los CMS a nivel mundial.
Tabla 3 Comparativa uso CMS
2011 2012 2013 2014 2015
No CMS 76,4 71,0% 68,2% 64,8% 61,5%
Si CMS 23,6% 26% 31,8% 35,2% 39,5%
Nota: En la tabla número 3 se muestra el porcentaje de uso de los CMS en los últimos
años. (Quijorna, 2016)
WordPress
Existen muchos CMS similares a WordPress, pero este tiene la peculiaridad de ser
un software libre cuyas fuentes están abiertas y son administradas por la fundación
WordPress, de esta forma su código es creado y mantenido por la comunidad de
desarrolladores totalmente voluntarios haciendo que la aplicación sea totalmente gratis.
Esta fundación es sin fines de lucro siendo el presidente Matt Mullenweg, el creador de
WordPress.
Mientras que (López, 2020) nos da una definición más simple de WordPress,
diciendo que se trata de una aplicación de software destinada para crear y gestionar sitios
web junto con sus contenidos.
(Martín, 2020) Nos indica que WordPress es un CMS dinámico que nos ayuda a
crear sitios webs para publicar noticias, difundir información, crear portales corporativos,
o incluso sitios web para el comercio electrónico, entre otros. WordPress es un aplicativo
28
que cuenta con licencia pública general y está desarrollada en su mayoría en el lenguaje de
PHP.
Codina et al. (2017) dice que los sistemas de CMS como WordPress hacen muy
fácil gestionar y asignar etiquetas (palabras clave) y categorías (clases) a las páginas
de un sitio. Usar estas etiquetas y categorías permite asociar páginas del mismo
tema a cada página, y mejorar así la navegación mediante enlaces a entradas
relacionadas. Como decimos, esto retiene a los visitantes y mejora el
posicionamiento (pág. 30).
Sitios web
Se define a los sitios web como un conjunto de archivos que el navegador descarga
desde navegadores remotos. Si el usuario decide ingresar a un sitio web, primero el
navegador debe encontrar la dirección del sitio para luego proceder a descargar los archivos
que este contiene, después de procesar los archivos descargados el navegador los presenta
en una interfaz entendible para el usuario. Estos archivos deben de estar siempre disponible
en internet ya que son de acceso público y los usuarios pueden acceder a ellos cuando
deseen. Por ende, los sitios web no son almacenados en navegadores personales, sino que
se encuentran en navegadores especiales que están diseñado para despachar estos archivos
cuando se los necesite. Se entiende que el ordenador que despacha los archivos es el
servidor y el navegador que solicita los archivos es el cliente (Gauchat, 2017).
29
Ilustración 1 Cliente servidor
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet
El servidor tiene un gran parecido a los navegadores personales, solo con la
diferencia que estos deben estar siempre conectados a la red y en ejecución de programas
para responder a las solicitudes que realizan los usuarios sin importar cuando y de donde
se reciban estas. Entre los programas más populares para los servidores tenemos Apache,
para sistemas Linux, e IIS (Internet Information Server), creado por Microsoft para
sistemas Windows. El principal objetivo de estos programas es establecer y mantener la
conexión entre cliente y servidor, dar acceso a los usuarios, despachar documentos,
administrar archivos y brindar recursos requeridos para los clientes (Gauchat, 2017).
Dominios y URL
Los servidores se identifican con un valor llamado IP (Internet Protocol). Esta IP
es única para cada ordenador por lo que, trabaja como una dirección que permite ubicar a
un ordenador dentro de una red. Para que el navegador pueda descargar el documento
solicitado por el usuario, primero el navegador se conecta con el servidor usando una
30
dirección IP y luego le pide al servidor que le envié dicho documento. Se puede acceder a
cualquier servicio únicamente usando la dirección IP, pero estos valores son difíciles de
recordar para las personas por esto el internet usa un sistema para identificar cada servidor
por un nombre en específico, estos nombres son llamados dominios. Este dominio tiene
una extensión como .com, .org, entre otros. Entonces cuando el usuario pide al navegador
acceder a una dirección, el navegador primero se conecta con un DNS, estos DNS tiene
una lista de dominios con sus respectivas direcciones IP. Este servidor busca y encuentra
una dirección IP asociada al dominio y se la devuelve al navegador para que este último
pueda acceder al sitio pedido por el usuario. Un sitio web esta creado por varios archivos,
entonces para poder localizar uno de ellos debemos de poner el nombre del mismo al
dominio, de esta forma le estaremos indicando que queremos descargar. A esta
construcción se le llama URL, como podemos ver en la siguiente imagen, está compuesta
de tres partes (Gauchat, 2017).
Ilustración 2: URL
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet
La primera parte de la URL es una cadena de caracteres que representa el protocolo
de comunicación que se utilizará para acceder al recurso (el protocolo creado para la Web
se llama HTTP), el segundo componente es el dominio del sitio web y por último tenemos
es el nombre del recurso que queremos descargar (puede ser un archivo, o una ruta a seguir
31
del directorio donde se encuentra almacenado dicho archivo (ejemplo,
http://www.dominio.com/archivo/logo.jpg). La URL le pide al navegador que utilice el
protocolo HTTP para acceder al archivo en donde se encuentra almacenado, ubicado en el
servidor identificado con el domino www.dominio.com. Las URL son utilizadas para
ubicar cada uno de los archivos, imágenes o documentos en el sitio web siendo estos,
necesarias para navegar por el sitio. Si el usuario no especificó ningún archivo, el servidor
devuelve cualquier archivo al azar, para la próxima vez que el usuario desee abrir una
página diferente, el navegador incluirá en la URL el nombre del archivo que corresponde
a la página solicitada. (Gauchat, 2017)
HTML
HTML es un lenguaje de marcado de hipertexto o “HyperText Markup
Language” por el desarrollo de sus iniciales en inglés, este lenguaje está formado en su
gran parte por elementos, estos elementos tienen etiquetas, contenidos y atributos. HTML
es un lenguaje hecho para ser interpretado por el navegador para mostrar sitios y
aplicaciones web de forma que las personas puedan entenderlas (Reyes, 2020).
Estructura
La estructura creada por el código HTML es la parte fundamental del documento.
La estructura sirve para definir el espacio dentro del documento, el documento está
dividido por contenido estático y dinámico posicionado para crear la plataforma básica
para toda la aplicación. Para crear un sitio o un aplicativo web lo primero que se debe de
hacer es desarrollar el código HTML para definir la estructura de cada página que compone
el sitio o aplicativo (Gauchat, 2017).
32
Elementos estructurales
Los elementos HTML crean una estructura de tipo árbol con HTML como su raíz.
Esta estructura tiene algunos niveles para su organización, algunos elementos están a cargo
de definir una sección en específico del documento y otros elementos encargados de definir
secciones menores conocidas como contenido (Gauchat, 2017) .
Para definir una estructura HTML se necesita de los siguientes elementos:
• <html>—Este elemento delimita el código HTML. Puede incluir el atributo
lang para definir el idioma del contenido del documento.
• <head>—Este elemento se usa para definir la información necesaria para
configurar la página web, como el título, el tipo de codificación de
caracteres y los archivos externos requeridos por el documento.
• <body>—Este elemento delimita el contenido del documento (la parte
visible de la página).
CSS
(Robledano, 2019) indica que:
CSS (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo
en cascada", un lenguaje de marcas enfocado a definir, crear y mejorar la
presentación de un documento basado en HTML. Para muchos diseñadores gráficos
CSS significó la puerta de entrada al mundo de la web y junto con otras tecnologías
como JavaScript, CSS se ha ido imponiendo como uno de los pilares
imprescindibles de la web de hoy en día. (párr. 3)
33
La mayoría de las propiedades CSS pueden modificar un solo aspecto del elemento
(el tamaño de la letra en este caso). Para poder modificar varios estilos a la vez, se debe de
declarar múltiples propiedades. Por esto CSS define una sintaxis para simplificar el proceso
de asignación para múltiples propiedades a un mismo elemento. Esta construcción es
llamada regla, es una lista de propiedades que están declaradas dentro de llaves y son
identificados por un selector. Un selector es el indicador que nos ayuda a saber qué
elementos serán afectados por las propiedades (Gauchat, 2017).
En la siguiente ilustración podemos ver un ejemplo de una regla donde se identifica
el selector p y entre las llaves se agregan todas las propiedades que se aplicaran a los
elementos del documento.
Ilustración 3 : Declarando reglas CSS
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
MySQL
MySQL es un sistema de base de datos relacional, esta base de datos es
multiproceso y multiusuario que trabajan en conjunto cuando se abre la URL (código de
acceso) de un sitio web o cuando el navegador la lee, y la procesa para ser comprensible
para las personas. Recibe soporte de sitios web con estilos CSS con el objetivo de presentar
una pantalla visual para la programación PHP. Genera acciones y procesa contenidos las
34
cuales tienen que ser almacenadas hasta que el usuario lo desee (Maldonado, Restrepo,
Murcia, & Gomez, 2018).
Se suele trabajar en combinación con PHP, y comparte con este algunas de las
características que lo convierten en una elección segura. Entre ellas:
• Gratuito. También se trata de software libre que puede ser utilizado sin
limitación alguna.
• Popularidad. Son innumerables las páginas donde encontrar información,
y las listas de correo donde podrán ayudamos desinteresadamente con
nuestros proyectos.
• Rapidez. La velocidad de proceso de MySQL es legendaria. En esta página
se pueden encontrar comparativas con otras bases de datos:
www.mysql.com/ information/benchmarks.html.
• Versatilidad. Trabaja tanto con sistemas operativos basados en Unix como
con el sistema operativo Windows, de Microsoft.
• Sencillez de manejo. A1 utilizar el lenguaje estándar SQL, el tener
conocimientos de otras bases de datos nos ayudará enormemente. Y aunque
no sea así, con un poco de esfuerzo puede llegar a dominarse en poco
tiempo.
Apache
Este servidor se encarga de manejar las solicitudes que requiere el servicio por parte
del sistema, debido a que este tiene procesos de trabajo o subprocesos de trabajo
35
(dependiendo del sistema operativo que se esté usando), que se encargan de manejar las
solicitudes de servicio que son enviadas por los clientes. MALDONADO et al, (2018)
Metodología de desarrollo
La metodología escogida en este proyecto es la metodología Scrum, la cual
definiremos a continuación.
Scrum
La metodología Scrum se desarrolló inicialmente en la década de 1990 como un
marco de gestión de proyectos, este se utiliza frecuentemente en empresas y la industria
para gestionar proyectos complejos, pero donde es más utilizado la metodología Scrum es
en el desarrollo de software (Schwaber & Sutherland , 2017, pág. 3).
(Vogelzang, Admiraal, & van Driel, 2020) Nos dan un concepto sobre la
metodología Scrum:
“La metodología Scrum es un proceso iterativo y evoca momentos de
retroalimentación de forma sistemática.” (pág. 143).
Para ampliar el significado de Scrum. Scrum es un potente marco utilizado para
gestión utilizado comúnmente en empresas ayudando a estas en la organización de
proyectos complejos. La metodología Scrum es un proceso donde se gestiona e interactúa
con productos o también desarrollos de software. (Scott, Rodríguez, Soria, & Campo, 2016,
pág. 3)
36
El Sprint
Definen a los Sprint como los latidos del corazón de Scrum. Son eventos que tienen
una duración permanente y su tiempo estimado de un mes o menos, cuando un sprint se
termina se debe de empezar con el siguiente ya que estos son secuenciales. (Schwaber &
Sutherland , 2017).
Historia de usuario
Según (Tenstep, 2018) las historias de usuarios son:
“Las historias de usuario, son pequeñas descripciones de los requerimientos de un
cliente. Su utilización es común cuando se aplica marcos de entornos ágiles como
Scrum. Al redactar las historias de usuario se debe tener en cuenta el encargado, la
funcionalidad y el resultado esperado en una frase corta.”
(Martin, 2017) Nos indica que las historias de usuarios deben de cumplir con ciertas
características, son las siguientes:
• Independientes entre sí, con la finalidad de poder llevar a cabo en el orden que más
convenga según las prioridades que establezca el product owner.
• Negociables con el product owner para establecer los límites adecuados, la parte de
conversación de una historia es esencial.
• Valor para el usuario, el PARA es fundamental. La funcionalidad siempre se debe
de entender y la tiene que entender todo el equipo de desarrollo.
• Estimable, es decir, el equipo de desarrollo que la vaya a realizar debe de ser capaz
de estimar el esfuerzo que significa realizarlo.
• Small, de un tamaño que el equipo de desarrollo pueda asumir en un sprint.
37
• Testeable con la finalidad de poder confirmar que está correctamente
implementada. Es decir que cumple con los criterios de aceptación.
• Descriptibles, utilizando la técnica del Como, Quiero y Para.
CRITERIOS DE VALIDACION DEL PORTAL WEB
Para la evaluar la calidad del Software desarrollado se utilizará la Norma ISO 9162,
esta norma se desgloza en varias caracteristicas de calidad tanto internas como externas,
las cuales se van a medir mediante el comportamiento de sitio web para poder ser
reconocido como un buen producto.
NORMA ISO 9162
Esta Norma permite especificar y evaluar la calidad del software desde distintas
perspectivas, las cuales están asociadas a la adquisición, requerimientos, desarrollo, uso,
evaluación, soporte, mantenimiento, aseguramiento de la calidad, y auditoria del software.
(Domínguez, 2016)
Como indican (TOALA & VITERI, 2018) citando a (De Los Santos, 2019) el
modelo está dividido en 6 factores que a su vez se subdividen en 21 parámetros de calidad,
a continuación, describiremos cada uno:
Funcionalidad
• Idoneidad: Capacidad que tiene el software para ofrecer las funcionalidades que
cumplan con las tareas y objetivos especificados por el usuario.
• Precisión: Capacidad para hacer procesos y poder entregar los resultados
solicitados por el usuario de forma precisa y como es esperada.
• Interoperabilidad: Capacidad que tiene el software para poder interactuar con uno
o más sistemas.
38
• Seguridad: Capacidad del software para proteger la información y los datos para que
usuarios no autorizados no puedan acceder a ellos, así como también es la capacidad
de los usuarios autorizados puedan acceder a sus respectivos datos.
Fiabilidad
• Madurez: Es la capacidad del software para evitar fallas cuando se encuentra ante un
error. Ejemplo, la forma como el software advierte al usuario cuando no encuentra
espacio suficiente en el disco duro donde se almacena la información.
• Tolerancia a fallos: Corresponde a la capacidad que tiene el software para mantener
su correcto funcionamiento en caso de errores.
• Capacidad de recuperación: Capacidad del software para recuperar los datos
directamente afectados en caso de fallo y de reestablecer su correcto funcionamiento.
Usabilidad
• Entendimiento: Capacidad del software que permite al usuario entender si el software
es el correcto, adecuado y como puede ser este utilizado para tareas en particulares.
• Facilidad de aprendizaje: Corresponde a la curva de aprendizaje que se requiere para
aprender del uso del software. Se puede considerar la documentación.
• Operabilidad: Corresponde a los atributos del software que están relacionados con el
esfuerzo de los usuarios para operar y controlar el software.
• Atractividad: Capacidad del software para ser atractivo ante el usuario.
Eficiencia
• Utilización de recursos: Capacidad del software para saber usar los recursos
adecuados cuando el software ejecuta una funcionalidad bajo determinadas
condiciones.
39
• Comportamiento en el tiempo: Corresponde a los atributos del software relacionados
con los tiempos de respuesta y procesamiento, así como el rendimiento en condiciones
específicas. Mantenibilidad
• Analizabilidad: Capacidad del software relacionado con el esfuerzo necesario para
poder medir y diagnosticar deficiencias, fallas o partes modificas.
• Cambiabilidad: Capacidad que tiene el software para cambiar o ser modificado en el
tiempo y que este pueda ser implementado.
• Estabilidad: La forma en que el software evita efectos inesperados debido a
modificaciones en el mismo.
• Pruebabilidad: Capacidad del software que permite realizar pruebas a las
modificaciones o inclusión de nuevas funcionalidades sin poner en riesgo los datos.
Portabilidad
• Adaptabilidad: Capacidad del software para adaptarse a diferentes entornos sin que
implique reacciones negativas ante el cambio. Aquí se incluye el escalamiento
horizontal o vertical.
• Facilidad de instalación: La facilidad del software para ser instalado en un entorno
especifico o para el usuario final.
• Coexistencia: Capacidad del software para poder coexistir con otros sistemas, así
como la forma y facilidad para compartir recursos con ellos.
• Intercambiabilidad: Capacidad del software para ser reemplazado por otro software
del mismo tipo y con el mismo objetivo. Puede ser reemplazar el software por otra
versión más actualizada (De Los Santos, 2019).
40
Preguntas científicas a contestarse
¿Cuáles serían las estrategias para diseñar un portal web y que KPI's son usados
para evaluar el éxito de su implementación?
Definiciones conceptuales
Localización: Se hará uso de esta expresión para referirse a la acción de buscar el
lugar donde se haya la información.
Etiquetado: Se refiere a las etiquetas las cuales pueden guardar información en su
interior.
HTTP: El protocolo HTTP tiene las siglas que en inglés significan HyperText
Transfer Protocol, permite realizar la transferencia de datos por medio de diferentes
métodos, de los cuales son: POST, GET, PUT y DELETE.
A.I.: Se refiere a la abreviación de Arquitectura de la Información.
Desarrollar: Se refiere al proceso de programación del sitio web.
KPI: indicador o medidor de desempeño. En este proyecto se utiliza para medir la
aceptación del sitio web.
Estabilidad: Refiriéndose a los niveles de fallos que tiene el portal web. Es decir,
entre menos fallos tenga el sitio, más estable es el mismo.
Analizabilidad: Es la capacidad de un producto software de ser diagnosticado por
fallos, también se aplica a las partes del software a ser modificadas o identificadas.
Unix: Es un sistema operativo con las características de multiusuario y multitareas.
Hipertexto: Estructura no secuencial, permite agregar, enlazar y compartir
información de diferentes fuentes.
41
CAPÍTULO III
PROPUESTA TECNOLÓGICA
En la investigación realizada, el presente proyecto de titulación tiene como objetivo
el rediseño del sitio web de las carreras CISC, CS de la Facultad de Ciencias, Matemáticas
y Físicas de la Universidad de Guayaquil aplicando arquitectura de la información como
herramienta para fortalecer su contenido.
El sitio web es capaz de mostrar todo su contenido de manera eficiente gracias a la
aplicación de los componentes de la arquitectura de la información empleando los
diferentes sistemas que este tiene como lo son: el sistema de organización, etiquetado,
navegación, búsqueda, que no solo ayudará a mejorar la usabilidad del sitio que también
ayuda a mejorar el posicionamiento del mismo.
Comparación de Wordpress, Joomla, Drupal
Para realizar la implantación del sitio web, se realiza un estudio para los 3 CMS
más utilizados, los mismos que se muestran a continuación.
Tabla 4 Comparación de funcionalidades de CMS
Wordpress Joomla Drupal
Número usuarios > 140 millones > 30 millones > 15 millones
Cuota mercado 64,96% 10,91% 9,15%
42
Servidor web
Apache, MS IIS,
Ngnix
Apache, MS IIS
Apache, MS IIS
Ngnix
Base de datos MySQL MySQL PostSQL
MySQL, Oracle,
SQLite PostSQL
Lenguaje prog. PHP PHP PHP
Temas gratuitos +20000 +900 +1.8000
Asistente creación
de nuevos
templates
Sí No
No
Plugins gratuitos +27.000
+7000 +24.000
Frecuencia de
actualización
42 días 36 días
51 días
seguridad
Alta Baja
Media
Dificultad de
instalación
Sencilla Media
Alta
Flexibilidad
implementando
funcionalidades
Alta Baja
Muy alta
Esqueleto código
nuevos plugins
Sí Sí
No
Mantenimiento Muy bueno
Bueno Medio
Soporte en línea Sí
Sí Sí
Posibilidad de
gestión SEO
Muy alta Media
Alta
API para
desarrollar
extensiones
Sí Sí
Sí
Contienen drag-n-
drop
Sí Sí
Sí
43
Archivos masivos Sí
Sí Sí
Interfaz de usuario Muy buena
Media Media
Multilenguaje Sí
Sí Sí
Soporte FTP y
Replicación BD
Sí Sí
Sí
Nota: en la tabla número 4 se hace una comparativa entre los 3 CMS más usados en la
actualidad. La gran mayoría de los proyectos desarrollados en CMS están realizados ya
sea en Wordpress, Joomla, Drupal. (Quijorna, 2016)
Elegimos WordPress por ser el CMS con mayores usuarios y como es de código
abierto sus usuarios pueden crear y compartir temas y plugin´s. Tiene mayor cantidad de
temas y plugin´s gratuitos, que sería beneficioso para el desarrollo del portal web. Dispone
de una alta gestión del SEO, lo cual ayuda a que nuestro sitio web tenga un mejor
posicionamiento en los buscadores. Y por último es de fácil mantenimiento a comparación
con los otros CMS del mercado.
Análisis de factibilidad
El presente proyecto va dirigido a las carreras de CISC y CS para considerar la
implementación, elaboración y desarrollo de un sitio web que cumplan con los estándares
de usabilidad y accesibilidad web. El proyecto está desarrollado en un CMS el cual es
totalmente gratuito, disminuyendo los costos de la implementación del mismo, a la hora de
dar mantenimiento al sitio el CMS es de fácil comprensión y uso, también es muy ligero
44
por lo que no se necesita de un hardware potente, ya que cuenta con técnicas para
mejorar su tiempo de carga.
El desarrollo del proyecto “Rediseño de sitio web de las carreras CISC, CS
aplicando arquitectura de la información como herramienta para fortalecer su contenido”
contribuye a mejorar la presencia de las carreras de CISC y CS, y a su vez brinda un sitio
en donde los usuarios puedan obtener información perteneciente a dichas carreras que
puedan servir para su proceso académico.
Factibilidad operacional
Por medio del análisis operacional se puede decir que el siguiente proyecto de titulación
“Rediseño de sitio web de las carreras CISC, CS aplicando arquitectura de la información
como herramienta para fortalecer su contenido” será factible tomando en consideración los
siguientes puntos:
• El rechazo por parte de los usuarios al actual sitio web de la carrera.
• El sitio cuenta con una interfaz amigable y casi intuitiva.
• El correcto desarrollo del mapa del sitio hace que su navegación sea sencilla.
• El uso de enlaces de interés que permite a los usuarios encontrar
información de manera rápida sin la necesidad de navegar por el menú.
También, el sitio web cumplirá con las necesidades de la carrera, puesto que esto
ayudará a los alumnos como al personal docente a obtener información respectiva sobre la
institución y el periodo electivo como son: mallas, syllabus, información de los diferentes
departamentos y los formatos de los documentos que se usarán a lo largo de la vida estudiantil.
45
Factibilidad técnica
La factibilidad técnica es posible ya que se hará uso de un CMS, el mismo que
permitirá disminuir el costo del proyecto, además esta herramienta WordPress recibe
constantes actualizaciones por lo que no hay que preocuparse por el mantenimiento del
sitio. Se divide la factibilidad en dos partes, a continuación, se detallan los requisitos del
software y el hardware para llevar a cabo la propuesta tecnológica.
Software
La propuesta consiste en crear un prototipo del sitio web para las carreras de CISC
y CS el cual estará hecho en WordPress que a su vez hace uso de plantillas y plugin´s
creados con varios leguajes como lo es PHP, JavaScript, HTML.
En el Backend se utiliza el WordPress con su versión 5.6, el cual requiere una
versión instalada de PHP 7.3 o mayor.
En el lado del Frontend o conocido como la interfaz de usuario, utilizamos la
plantilla News Portal en su versión 1.2.6 y varios plugin´s como Elementor en su versión
3.0.16 que funcionan como herramientas para facilitar el desarrollo de la página.
Para manejar la seguridad el sistema, entre cliente y servidor, es manejado
netamente por WordPress.
Recursos necesarios para el sistema:
• Sistema operativo Windows
• Servidor Apache
• WordPress
• PHP 7.3
• MySQL 12
• Internet
46
Hardware
En el “Rediseño de sitio web de las carreras CISC, CS aplicando arquitectura de la
información como herramienta para fortalecer su contenido” el Hardware es una de las
partes importantes ya que aquí se llevará a cabo el desarrollo de este.
Para que el sitio web tenga un correcto desempeño, se necesita los siguientes
requisitos:
• Se recomienda utilizar 2GB de Memoria RAM o más.
• 500 GB libres en disco duro.
• Procesador de 2.4 GHz o superior.
Factibilidad legal
El presente proyecto está amparado por las leyes y reglamentos vigentes en la
constitución de la república del Ecuador, el Decreto ejecutivo 1014: La utilización del
software libre en la administración pública, varios apartados propios de la Ley de Comercio
Electrónico, Firmas Electrónicas y Mensajes de Datos y por último el Código orgánico de
la economía social de los conocimientos, creatividad e innovación.
El presente proyecto de desarrollo se basa en la utilización del software libre en la
administración pública con respecto al Decreto 1014 en los artículos 1, 2, 3, 4, 5, 6, 7, se
menciona la utilización de software libre en sus sistemas y equipamientos informáticos.
(Decreto 1014, Art. 1) Se entiende por software libre a la utilización, distribución,
modificación y publicación de los programas de computación para que estas a su vez
puedan ser mejoradas. (Decreto 1014, Art. 2) Se podrá utilizar software libre únicamente
cuando no exista una solución que supla las necesidades requeridas. (Decreto 1014, Art. 3)
47
Factibilidad económica
Se detallarán los costos utilizados en la factibilidad económica a tomarse en cuenta
para el presente proyecto. En las siguientes tablas se detallarán el costo monetario que
tendría la obtención de los recursos humanos, hardware, software, y las que tecnologías
que se van a utilizar para la realización del proyecto.
Tabla 5 Tecnologías a utilizarse en el proyecto
Tecnología Versión
CMS WordPress
Lenguaje de programación PHP 7.3
Base de datos MySQL
Sistema Operativo Windows
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Tabla 6 Costos por recursos humanos en el proyecto
Cargo Costo Cantidad Total
Desarrollador $500,00 2 $1.000,00
Total $1.000,00
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Tabla 7 Costos de inversión en hardware en el proyecto
Equipo Costo Cantidad Total
Laptop hp $1.000,00 2 $2.000,00
Computadora de
escritorio
$930,00 1 $930,00
Total $2.930,00
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Tabla 8 Costos de inversión en software en el proyecto
Descripción Costo Cantidad Total
MySQL $0,00 1 $0,00
WordPress $0,00 1 $0,00
Hosting $0,00 1 $0,00
48
Dominio $0,00 1 $0,00
Total $0,00
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Tabla 9 Resumen de costos de inversión en el proyecto
Tecnología Versión
Recurso humano $1.000,00
Hardware $2.930,00
Software $0,00
Total $3.930,00
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Metodologías del proyecto
Las metodologías a aplicar en el presente proyecto son: metodología de
investigación proyectiva, la cual tiene varias etapas que se deben de realizar para poder
aplicar la metodología correctamente. Y como metodología de desarrollo del proyecto
tenemos la metodología SCRUM la cual es muy recomendable debido a que básicamente
se segmenta un proyecto en bloques con el fin de ir desarrollando y mejorando
constantemente.
Metodología de investigación
Para la elaboración de este proyecto se ha utilizado la investigación proyectiva la
cual consta de las siguientes etapas:
1. ¿Qué ocurre?
En la actualidad la página web de las carreras de Sistemas Computacionales y
Networking de la Facultad de Ciencias Matemáticas y Físicas de la Universidad de
Guayaquil solo cuenta con un menú de inicio que se presenta en la página principal
como podemos ver en la ilustración 4, en esta página se presentan noticias
49
referentes a las carreras y también cuenta con una botonera que sirven como enlaces
para las redes sociales y otros sitios pertenecientes a la universidad como se observa
en la ilustración 5 y 6 respectivamente. La actual página de las carreras tiene
aspectos que se pueden agregar o mejorar.
Ilustración 4 Menú del sitio web Sistemas y Networking
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
Ilustración 5 Noticias del sitio web Sistemas y Networking
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet.
50
Ilustración 6 Botonera de redes sociales sitio web Sistemas y Networking
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Datos de Investigación en internet
2. ¿Qué se quiere?
Presentar información relevante de las carreras de CISC y CS que sirva para el
beneficio del alumnado y público en general, en un sitio web que sea amigable y
fácil de utilizar para el usuario.
3. ¿Qué se puede hacer?
Rediseñar un sitio web que sirva para el uso y obtención de información relevante
sobre las autoridades, docentes y personal administrativo como también
documentación e información que ayude a los alumnos en el ciclo académico de
manera ágil y sencilla aplicando técnicas de arquitectura de la información para
mejorar la presentación y el manejo de la información que se visualizará en el sitio
web.
4. ¿Qué se está haciendo?
Actualmente el sitio web de Sistemas y Networking presenta información o noticias
referente a lo que está ocurriendo en dichas carreras, el sitio web no cuenta con un
menú de navegación, sistema de etiquetado, motor de búsqueda o una organización
que ayude a la usabilidad y experiencia de usuario.
51
5. ¿Qué ventajas y debilidades tiene el rediseño del sitio web de las carreras CISC y
CS?
La ventaja de rediseñar el sitio es que se puede utilizar herramientas y técnicas más
actuales que sirvan a diseñar un sitio con una buena arquitectura para la
presentación de la información mejorando de esta forma la usabilidad de esta y
ayudando a brindar una mejor experiencia a los usuarios que harán uso del sitio.
La debilidad es que el proceso para subir información al sitio será tedioso y
conllevará una gran cantidad de tiempo por parte del administrador.
6. ¿Por qué llevara mucho tiempo subir la información al sitio web?
Porque toda la información que se necesita para llenar el sitio no se encuentra
almacenada en un solo sitio, está dividida y controlada por varios gestores.
7. ¿Hacia dónde va la situación a modificar?
La situación para modificar se centra en diseñar un nuevo sitio, con mejor
arquitectura para que la información presentada en la misma sea más eficiente y de
fácil entendimiento para el usuario.
8. ¿Qué se va a hacer?
Se rediseñará un sitio web aplicando la arquitectura de la información como
herramienta para fortalecer su contenido para las carreras de CISC y CS de la
Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil.
52
Población y muestra
Población.
Para determinar la población se tomó la cifra de estudiantes matriculados en el ciclo 2020-
CII de las carreras CISC y CS, datos que fueron proporcionados por la gestión académica
de la Facultad de Ciencias Matemáticas y Físicas en agosto del año en curso, los mismos
que suman un total de 1831 estudiantes, divididos en 908 estudiantes matriculados en la
carrera de Ingeniería en Sistemas Computacionales, y 923 estudiantes matriculados en la
Carrera de Software.
Muestra.
Para el cálculo de la muestra se procedió a realizarlo mediante la siguiente fórmula la cual
se utilizó ya que se tiene conocimiento del total de estudiantes matriculados de las carreras
CISC, CS:
𝑛 = 𝑃𝑥𝑄𝑥𝑁
(𝑁 − 1)𝐸2/𝐾2 + 𝑃𝑥𝑄
P = Probabilidad de éxito (0.50)
Q = Probabilidad de fracaso (0.50)
N = Tamaño de la población (1831)
E = Error de estimación (5 %)
K = # de desviación típica “Z” (1:68 %, 1.96:95%, 3:99.7
%)
n = Tamaño de la muestra (318)
53
𝑛 = 0.50 𝑥 0.50 𝑥 1831
(1831 − 1)0.052/1.962 + 0.50 𝑥 0.50
𝑛 = 457.75
(1830)(0.0025)/3.8416 + 0.25
𝑛 = 457.75
(1830)(0.00065077) + 0.25
𝑛 = 457.75
(1.190910037) + 0.25
𝑛 = 457.75
1.440910037
𝑛 = 317.68
𝑛 = 318
Cálculo de la fracción muestral
𝑓 =𝑛
𝑁
𝑓 =318
1831= 0.1737
Tabla 10 Cálculo de la muestra
Estrato Población Muestra
CISC 908 158
CS 923 160
Total 1831 318
Nota: Los estratos con los cuales se trabajó son dos: Los estudiantes de las carreras CISC
y CS, los cuales tienen una población de 908 y 923 respectivamente que representan los
estudiantes matriculados en el actual periodo según información recopilada de la Dirección
de las carreras CISC y CS.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
54
Método Monte Carlo
Para este proyecto se hizo uso del método Monte Carlo ya que el tamaño de la
muestra es de 318 alumnos, y los alumnos encuestados fueron alrededor de 80. Este método
usa sucesos aleatorios basados en los resultados generados de los alumnos encuestados y
completa con datos aleatorios el total de la muestra.
(Mero, Peña, Villon, & Cevallos, 2019) nos dicen que el método Monte Carlo
permite llevar a cabo un muestro aleatorio devolviendo resultados posibles, haciendo un
recuento de los resultados de un determinado conjunto, para luego calcular la fracción de
los resultados perteneciente a ese conjunto con respecto al total de resultados generados,
por último toma dicha fracción como la estimación del volumen de dicho conjunto.
Procesamiento y análisis
Los datos para el procesamiento y análisis fueron recolectados mediante dos
encuestas realizadas en la plataforma virtual Microsoft Forms, la cual nos permite generar
encuestas y distribuir el enlace. Estas encuestas se dieron a los estudiantes de las carreras
CISC – CS para su llenado y posterior análisis de las respuestas.
Técnicas de recolección de datos.
La técnica de recolección de datos que se utilizó en el presente proyecto de
titulación fue la encuesta, esta nos permite llegar a muchas personas sin requerirse la
55
presencia del investigador y es de ágil distribución ya que, después de ser generada la
encuesta se puede obtener el enlace para distribuirlo masivamente por medios tecnológicos
como correo o por telefonía móvil.
Técnicas estadísticas para el procesamiento de la información.
Para el procesamiento de la información se utilizó la técnica estadística del análisis
de la varianza ya que es una medida de dispersión que nos arroja un valor numérico que
ofrece información sobre el grado de variabilidad de una variable mediante la aplicación
de diferentes fórmulas. Con los valores numéricos obtenidos se procedió a realizar los
respectivos gráficos y el posterior análisis que contribuirán a guiarnos en la elaboración de
las conclusiones y recomendaciones.
Las primeras ocho preguntas hacen referencia a la utilidad del actual sitio WEB y en la
necesidad de un rediseño, mientras que las siguientes siete preguntas se enfocan en la
aceptación del nuevo sitio mediante qué módulos o componentes debería ofrecer.
56
63; 19,81%
255; 80,19%
SI NO
ENCUESTA # 1
Pregunta 1: ¿Conoce usted el enlace que lo lleva al sitio WEB de la carrera?
Tabla 11 Pregunta 1: ¿Conoce usted el enlace que lo lleva al sitio WEB de la carrera?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
Si 63 19,81%
No 255 80,19%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 7 Pregunta 1: Análisis gráfico de la pregunta número 1 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 19,81% indica conocer el enlace de la Carrera,
mientras que un 80,19% indica que no. Elaborado por Erwin Alberto Rivas Indio y Robinson Serrano
Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran que tan solo un 19,81% de los estudiantes
de la carrera CISC y CS encuestados, tienen conocimiento del enlace del sitio WEB
mientras que un 80,19% refiere que no. De esta forma damos a conocer que existen muchos
estudiantes con desconocimiento sobre el sitio WEB de la carrera, y por ende que no se
benefician de la información que se presenta en el sitio, lo que no ocurre con los estudiantes
que conocen el enlace y pueden sacarle provecho al sitio con la información y datos que
son publicados en él.
57
103; 32,39%
215; 67,61%
SI NO
Pregunta 2: ¿Considera usted que la información del sitio WEB de la carrera es pertinente?
Tabla 12 Pregunta 2: ¿Considera usted que la información del sitio WEB de la carrera es pertinente?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
Si 103 32,39%
No 215 67,61%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 8 Pregunta 2: Análisis gráfico de la pregunta número 2 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 32,39% considera que la información del sitio WEB
es pertinente, mientras que un 67,61% indica que no. Elaborado por Erwin Alberto Rivas Indio y Robinson
Serrano Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran que un 32,39% de los estudiantes
encuestados consideran que la información expuesta en el sitio WEB es pertinente y un
67,61% considera que no lo es. Al existir un contenido del sitio WEB que se encuentra
desactualizado, esto conlleva a que la información no sea oportuna lo cual se demuestra
con el alto porcentaje de estudiantes encuestados que así lo consideran.
58
27; 8,49%
291; 91,51%
SI NO
Pregunta 3: ¿Considera usted que la información del sitio WEB de la carrera se actualiza
constantemente?
Tabla 13 Pregunta 3: ¿Considera usted que la información del sitio WEB de la carrera se actualiza constantemente?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
Si 27 8,49%
No 291 91,51%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 9 Pregunta 3: Análisis gráfico de la pregunta número 3 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 8,49% considera que la información del sitio WEB
se actualiza constantemente, mientras que un 91,51% indica que no. Elaborado por Erwin
Alberto Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran un 8,49 % de los estudiantes encuestados
que considera que la información del sitio WEB se actualiza constantemente en contraste
con un 91,51% que considera que no. Este porcentaje elevado se debe al motivo de que en
el sitio WEB de las carreras CISC y CS, existe información que no es del año en curso
como son horarios de clases y horarios de exámenes, debiéndose actualizar dicha
información.
59
103; 32,39%
215; 67,61%
SI NO
Pregunta 4: ¿Considera usted que la información que se expone en el sitio WEB de la
carrera tiene orden y se visualiza correctamente?
Tabla 14 Pregunta 4: ¿Considera usted que la información que se expone en el sitio WEB de la carrera tiene orden y se visualiza correctamente?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
Si 103 32,39%
No 215 67,61%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 10 Pregunta 4: Análisis gráfico de la pregunta número 4 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 32,39% considera que la información que se exponen
en el sitio WEB tiene orden y se visualiza correctamente, mientras que un 67,61% indica que no. Elaborado
por Erwin Alberto Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran que el 32,39 % de los estudiantes
encuestados considera que la información que se expone en el sitio WEB de la Carrera
tiene orden y se visualiza correctamente frente al 67,61 % que indica que no, teniendo esto
como motivo que las imágenes no se encuentran organizadas correctamente en la página,
dejando diferentes espacios vacíos lo cual se pudo constatar realizando una observación
del sitio en cuestión, motivo por el cual la información se visualiza dispersa y sin un
adecuado orden.
60
208; 65,41%29; 9,12%
14; 4,40%
22; 6,92%
19; 5,98%7; 2,20%
10; 3,14% 6; 1,89%0; 0,00%
3; 0,94%
1 2 3 4 5 6 7 8 9 10
Pregunta 5: En general, ¿cómo consideraría la información que se presenta en el actual
sitio WEB de la carrera?
Tabla 15 Pregunta 5: En general, ¿cómo consideraría la información que se presenta en el actual sitio WEB de la carrera?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
1
2
3
4
5
6
7
8
9
208
29
14
22
19
7
10
6
0
65,41%
9,12%
4,40%
6,92%
5,98%
2,20%
3,14%
1,89%
0,00%
10 3 0,94%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 11 Pregunta 5: Análisis gráfico de la pregunta número 5 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 65,41% optó por la opción 1 siendo ésta, el valor
para “poco útil”, mientras que los demás encuestados, optaron en menor porcentaje, por las opciones los
cuales se acercan al valor de “muy útil”. Elaborado por Erwin Alberto Rivas Indio y Robinson Serrano
Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran, que en la escala del 1 al 10, siendo la
opción 1 el valor para “poco útil” y 10 el valor para “muy útil”, el 65,41% de los estudiantes
61
211; 66,35%
80; 25,16%
26; 8,18% 1; 0,31%
NUNCA RARAS VECES A MENUDO SIEMPRE
encuestados optó por la opción 1, el 9,12% por la opción 2, el 4,40% por la opción 3, el
6,92% por la opción 4, el 5,98% por la opción 5, el 2,20% por la opción 6, el 3,14% por la
opción 7, el 1,89% por la opción 8, nadie por la opción 9 y el 0,94% por la opción 10.
Evidenciando así, debido a los elevados promedios de las opciones cercanas a la opción 1,
que existen más estudiantes que consideran que la información que se presenta en el actual
sitio WEB de la Carrera es poco útil, en comparación con estudiantes que consideran lo
contrario.
Esto se debe, en mayor medida, a que existe contenido desactualizado que se presenta en
el sitio WEB, lo cual ha derivado en que los estudiantes busquen otros medios para obtener
dicho contenido.
Pregunta 6: ¿Con qué frecuencia visita el sitio WEB de la carrera para informarse?
Tabla 16 Pregunta 6: ¿Con qué frecuencia visita el sitio WEB de la carrera para informarse?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
Nunca 211 66,35%
Raras veces
A menudo
Siempre
80
26
1
25,16%
8,18%
0,31%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 12 Pregunta 6: Análisis gráfico de la pregunta número 6 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 0,31% visita siempre el sitio WEB de la carrera para
informarse, un 8,18% lo visita a menudo, un 25,16% lo visita raras veces y un 66,35% nunca visita el sitio.
Elaborado por Erwin Alberto Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
62
136; 42,76%
46; 14,47%
32; 10,06%
24; 7,55%
43; 13,52%
17; 5,35%
8; 2,52% 7; 2,20% 0; 0,00% 5; 1,57%
1 2 3 4 5 6 7 8 9 10
Análisis: Los resultados de este gráfico muestran que sólo un 0,31% de los estudiantes
encuestados afirma que visita siempre el sitio WEB de la Carrera para informarse, mientras
que un porcentaje mayor del 66,35% prefiere otros medios para informarse por lo cual no
visitan la página nunca. Mientras un 25,16% y un 8,18%, indican visitar el sitio WEB raras
veces y a menudo, respectivamente. Mencionados los problemas como son contenido
desactualizado y mala disposición de las imágenes, esto a contribuido a que los estudiantes
visiten muy poco el sitio WEB para informarse.
Pregunta 7: Qué probabilidades hay que recomiende el sitio WEB de la carrera?
Tabla 17 Pregunta 7: Qué probabilidades hay que recomiende el sitio WEB de la carrera?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
1 136 42,76%
2
3
4
5
6
7
8
9
10
46
32
24
43
17
8
7
0
5
14,47%
10,06%
7,55%
13,52%
5,35%
2,52%
2,20%
0,00%
1,57%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 13 Pregunta 7: Análisis gráfico de la pregunta número 7 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 42,76% optó por la opción 1 siendo ésta, el valor
para “nada probable”, mientras que los demás encuestados, optaron en menor porcentaje, por las opciones
los cuales se acercan al valor de “muy probable”. Elaborado por Erwin Alberto Rivas Indio y Robinson
Serrano Anguieta, fuente datos de la investigación.
63
284; 89,31%
34; 10,69%
SI NO
Análisis: Los resultados de este gráfico muestran, que en la escala del 1 al 10, siendo la
opción 1 el valor para “nada probable” y 10 el valor para “muy probable”, el 42,76% de
los estudiantes encuestados optó por la opción 1, el 14,47% por la opción 2, el 10,06% por
la opción 3, el 7,55% por la opción 4, el 13,52% por la opción 5, el 5,35% por la opción 6,
el 2,52% por la opción 7, el 2,20% por la opción 8, nadie por la opción 9 y el 1,57% por la
opción 10. Lo cual indica que existe una baja probabilidad de que se recomiende el sitio
WEB como una fuente de información.
Pregunta 8: ¿Considera usted que el rediseño del sitio WEB de la carrera aplicando
arquitectura de la información como herramienta para fortalecer su contenido es necesario?
Tabla 18 Pregunta 8: ¿Considera usted que el rediseño del sitio WEB de la carrera aplicando arquitectura de la información como herramienta para fortalecer su contenido es necesario?
Opciones de respuesta Frecuencia Absoluta Frecuencia Relativa
Si 284 89,31%
No 34 10,69%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 14 Pregunta 8: Análisis gráfico de la pregunta número 8 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 89,31% considera que el rediseño del sitio WEB de
las Carreras CISC, CS es necesario, mientras que un 10,69% indica que no. Elaborado por Erwin Alberto
Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
64
Análisis: Los resultados de este gráfico muestran que el 89,31% consideran que es
necesario el rediseño del sitio WEB frente al 10,69% que considera que no. Esto nos indica
que existe un alto números de estudiantes que ven la necesidad imperante de un rediseño
del sitio WEB debido a los inconvenientes antes mencionados, los cuales no permiten el
aprovechamiento del sitio WEB y de la información que ahí se difunde.
ENCUESTA # 2
Pregunta 1: ¿Qué información cree pertinente mostrar en el rediseño del sitio WEB de las
carreras CISC-CS? (puede elegir más de una opción)
Tabla 19 Pregunta 1: ¿Qué información cree pertinente mostrar en el rediseño del sitio WEB de las carreras CISC-CS? (puede elegir más de una opción)
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
horarios de exámenes y horarios de clase 135 29,54%
Comunicados
organigrama de autoridades
malla curricular y syllabus
Calendario de actividades
Otras
103
53
77
87
2
22,54%
11,60%
16,85%
19,04%
0,43%
TOTAL 457 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
65
135; 29,54%
103; 22,54%53;
11,60%
77; 16,85%
87; 19,04%
2; 0,43% horarios de exámenes y horariosde clase
comunicados
organigrama de autoridades
malla curricular y syllabus
Calendario de actividades
otras
Ilustración 15 Pregunta 1: Análisis gráfico de la pregunta número 1 de la encuesta.
Nota: De un total de 318 encuestados se observa que la respuesta más seleccionada apunta a que los horarios
de exámenes y horarios de clases son la información que se cree más pertinente con un 29,54%. Elaborado
por Erwin Alberto Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
Análisis: La información obtenida mediante este gráfico nos muestra que para el alumnado
es muy importante la información que se desea presentar en el rediseño dándole prioridad
a los horarios con un 29,54% del total de respuestas. Entre las respuestas obtenidas en la
opción Otras cabe mencionar la información que también se desea en el sitio como es los
nombres de los docentes, su carrera y las materias que da, lo cual está contemplado dentro
del módulo de docentes.
Pregunta 2: ¿Estaría de acuerdo que en la sección de estudiantes se presente información
sobre las prácticas comunitarias, preprofesionales, titulación?
Tabla 20 Pregunta 2: ¿Estaría de acuerdo que en la sección de estudiantes se presente información sobre las prácticas comunitarias, preprofesionales, titulación?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
totalmente de acuerdo 285 89,62%
de acuerdo
ni de acuerdo ni en desacuerdo
en desacuerdo
totalmente en desacuerdo
24
9
0
0
7,55%
2,83%
0,00%
0,00%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
66
285; 89,62%
24; 7,55%9; 2,83% 0; 0,00% 0; 0,00%
totalmente de acuerdo de acuerdo
ni de acuerdo ni en desacuerdo en desacuerdo
totalmente en desacuerdo
Ilustración 16 Pregunta 2: Análisis gráfico de la pregunta número 2 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 89,62% está totalmente de acuerdo en que se presente
información sobre prácticas comunitarias, preprofesionales, titulación. Elaborado por Erwin Alberto Rivas
Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
Análisis: Los resultados de este gráfico muestran que un 89,62% de los encuestados están
totalmente de acuerdo en que se presente información sobre prácticas comunitarias,
preprofesionales, titulación dentro del rediseño del sitio WEB, sin encontrarse encuestados
que este en desacuerdo ya que esa información es de carácter importante para el
estudiantado en su formación académica para obtener experiencia laboral como también
vocación de ayuda hacia sus semejantes.
Pregunta 3: ¿Qué otro contenido le gustaría que se publique en la sección de estudiantes?
Análisis: La pregunta 3 fue una pregunta abierta por lo cual su análisis se realiza en
relación con las respuestas más relevantes y que tiene que ver propiamente con el tema, ya
que se encontraron respuestas que no tienen nada que ver con lo preguntado. A
continuación, se listan las respuestas más relevantes:
- Horarios para ingresar a clases
- Proyectos que realiza la carrera
- Los listados que las empresas que tienen convenio con la universidad y sobre todo
la facilidad de obtener información sobre ese tema de manera inmediata.
- Números telefónicos de los docentes
67
183; 57,55%110; 34,59%
14; 4,40%
5; 1,57% 6; 1,89%
totalmente de acuerdo de acuerdo
ni de acuerdo ni en desacuerdo en desacuerdo
totalmente en desacuerdo
Como podemos constatar los contenidos que le gustarían a los encuestados que se
publiquen han sido tomados en cuenta en el análisis inicial de los módulos que tendrá el
rediseño del sitio WEB de las carreras CISC – CS.
Pregunta 4: ¿Estaría de acuerdo que en la sección de docentes se presente información
sobre portafolio docente y sus publicaciones o papers?
Tabla 21 Pregunta 4: ¿Estaría de acuerdo que en la sección de docentes se presente información sobre portafolio docente y sus publicaciones o papers?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
totalmente de acuerdo 183 57,55%
de acuerdo
ni de acuerdo ni en desacuerdo
en desacuerdo
totalmente en desacuerdo
110
14
5
6
34,59%
4,40%
1,57%
1,89%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 17 Pregunta 4: Análisis gráfico de la pregunta número 4 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 57,55% está totalmente de acuerdo en que se presente
información sobre portafolio docente y sus publicaciones o papers. Elaborado por Erwin Alberto Rivas Indio
y Robinson Serrano Anguieta, fuente datos de la investigación.
68
182; 57,23%106; 33,33%
26; 8,18%4; 1,26% 0; 0,00%
muy importante importante indiferente
poco importante no es importante
Análisis: Los resultados de este gráfico muestran que un 57,55% de los encuestados están
totalmente de acuerdo en que se presente información sobre portafolio docente y sus
publicaciones o papers dentro del rediseño del sitio WEB, un 34, 59% está dejando
asentado que la gran mayoría de los encuestados aprueba esa información en el sitio.
Pregunta 5: ¿Considera usted importante presentar información sobre las instalaciones de
las Carreras de Sistemas y Software?
Tabla 22 Pregunta 5: ¿Considera usted importante presentar información sobre las instalaciones de las Carreras de Sistemas y Software?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
muy importante 182 57,23%
importante
indiferente
poco importante
no es importante
106
26
4
0
33,33%
8,18%
1,26%
0,00%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 18 Pregunta 5: Análisis gráfico de la pregunta número 5 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 57,23% cree muy importante presentar información
sobre las instalaciones de las carreras CISC – CS, mientras un 1,26% cree poco importante. Elaborado por
Erwin Alberto Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
69
38; 11,95%
226; 71,07%
54; 16,98%
0; 0,00%
sitio WEB redes sociales nunca me entero Otras
Análisis: Los resultados de este gráfico muestran que el 57,23 % y el 33,33% creen muy
importante e importante respectivamente presentar información sobre las instalaciones de
las carreras CISC – CS, ya que gracias a esa información las personas ajenas como también
los propios estudiantes tendrán el conocimiento de donde se encuentran los diferentes
departamentos como también las aulas.
Pregunta 6: Actualmente ¿Por qué medio oficial usted se entera de las actividades que
realiza la Universidad?
Tabla 23 Pregunta 6: Actualmente ¿Por qué medio oficial usted se entera de las actividades que realiza la Universidad?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
sitio WEB 38 11,95%
redes sociales
nunca me entero
Otras
226
54
0
71,07%
16,98%
0,0%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 19 Pregunta 6: Análisis gráfico de la pregunta número 6 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 71,07% se entera de las actividades de la universidad
por las redes sociales, mientras que un 11,95% se entera a través del sitio WEB. Elaborado por Erwin Alberto
Rivas Indio y Robinson Serrano Anguieta, fuente datos de la investigación.
70
141; 44,34%
143; 44,97%
17; 5,34%
0; 0,00%4; 1,26% 13; 4,09%
SIUG Moddle Biblioteca Virtual UG core UG servicios en línea Otras
Análisis: Los resultados de este gráfico nos muestran que el 71,07% de los encuestados se
enteran de las actividades de la Universidad por medio de las redes sociales, en contraste
del 11,95% que utilizan el sitio WEB, este se debe a la falta de mantenimiento que recibe
el actual sitio encontrándose horarios de años anteriores, lo cual obliga al estudiantado a
buscar otras fuentes para informarse.
Pregunta 7: ¿Cuál es el servicio virtual que ofrece la Universidad que usted usa?
Tabla 24 Pregunta 7: ¿Cuál es el servicio virtual que ofrece la Universidad que usted usa?
Opciones de respuesta Frecuencia
Absoluta
Frecuencia Relativa
SIUG 141 44,34%
Moddle
Biblioteca Virtual
UG core
UG servicios en línea
Otras
143
17
0
4
13
44,97%
5,34%
0,0%
1,26%
4,09%
TOTAL 318 100,00%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 20 Pregunta 7: Análisis gráfico de la pregunta número 7 de la encuesta.
Nota: De un total de 318 encuestados se observa que el 44,34% utiliza el SIUG como servicio virtual que
ofrece la Universidad. El 44,97% utiliza Moddle. Elaborado por Erwin Alberto Rivas Indio y Robinson
Serrano Anguieta, fuente datos de la investigación.
71
Análisis: Los resultados de este gráfico nos muestran que el 44,34% de los encuestados
utiliza como servicio virtual la plataforma del SIUG mientras que un porcentaje mayor, el
44,97%, utiliza la plataforma Moddle, esto se debe a que tanto el SIUG como Moddle son
requeridos para la formación de los estudiantes.
Metodología de desarrollo del proyecto
Para el desarrollo de este proyecto se hizo uso de Scrum como metodología ágil.
Aquí se planifican los Sprint los cuales tienen una duración de una a dos semanas en el
cual se van a generar los entregables del producto y al final del desarrollo de cada Sprint
se debe de realizar un proceso incremental.
A continuación, se explica las etapas en las que se dividió cada Sprint del proyecto:
1. Reunión de planificación de Sprint
En esta etapa se llevan a cabo las reuniones donde se sacarán tareas a realizar o
desarrollar por parte de equipo Scrum, los cuales están divididos entre el equipo de
desarrollo (Tesistas) y el dueño del producto comúnmente conocido como Product Owner
(Tutor), estos deben de acordar los tiempos, las tareas (Historias) y quienes serán los
encargados de llevarlas a cabo. Las tareas se van a entregar al finalizar el Sprint.
2. Scrum Diario
Son pequeñas reuniones que tienen los desarrolladores encargados de las historias,
estas reuniones tienen una duración de unos 10 a 15 minutos y son comúnmente utilizadas
para dar conocer el avance de los desarrolladores, también se toman en cuenta dudas e
72
inquietudes que hay en el equipo de desarrollo. Estas reuniones son de gran importancia
por lo que se recomienda que no deben de faltar en la ejecución del Sprint.
3. Trabajo de desarrollo durante el sprint
En el actual proyecto cada Sprint tendrá una duración de dos semanas, por lo que
el equipo de desarrollo tiene ese plazo para realizar cada una de las actividades (Historias)
que se le asignaron en la reunión de planificación de Sprint. Los cambios a realizarse a lo
largo del desarrollo no deben de afectar el objetivo y el entregable final de cada Sprint.
4. Revisión del Sprint
Se realiza una reunión en la que interviene el equipo de desarrollo y el dueño del
producto una vez finalizado el Sprint. Se revisa e identifica el trabajo realizado y si los
entregables cumplen con el objetivo a alcanzar.
Los desarrolladores se encargan de presentar, explicar las funcionalidades del
Sprint y responder las dudas que tiene el dueño del producto sobre los entregables
realizados.
Una vez terminado de revisar este Sprint el dueño del producto puede asignar
nuevas tareas que servirán para realizar el siguiente Sprint.
5. Retroalimentación del Sprint
La retroalimentación revisa como se llevó a cabo el último Sprint y sacar
conclusiones que nos servirán para planificar de mejor manera los siguientes Sprint, así
cada Sprint entregado tendrá un valor mayor al anterior y estos a su vez puedan alcanzar
los objetivos deseados.
73
Para la gestión del proyecto utilizando Scrum se tuvieron en cuenta las siguientes
consideraciones:
• Para estimar la duración de las historias de usuario, se realizaron punto de historias,
debido que estas permiten darle un tamaño que dependen de su complejidad.
• La escala de los puntos de historia será en base a la serie de Fibonacci. Esta escala
permite una estimación más sencilla, real y permite tener en cuenta el posible
margen de error en el momento de estimar una historia.
• La duración de cada Sprint será de dos semanas.
Lista de requerimientos
A continuación, se identifica el listado de requerimientos que se identifica por
medio del levantamiento de información y la maqueta del sitio web realizado en Figma.
Tabla 25 Lista de requerimientos
Módulo Página Descripción Información
Involucrada
Administrador
Home
Misión y visión Editar, eliminar, agregar
contenido.
Logo.
Contenido misión
Contenido visión.
Quienes somos Editar, eliminar, agregar
contenido.
Logo.
Contenido quienes somos.
74
Organigrama Editar, eliminar, agregar
contenido.
Logo.
Imagen.
Autoridades Editar, eliminar, agregar
contenido.
Imagen.
Nombre
Cargo.
Personal
administrativo
Editar, eliminar, agregar
contenido.
Imagen.
Nombre.
Cargo.
Instalaciones Editar, eliminar, agregar
contenido.
Imagen.
Contenido
Carreras
Ing. sistemas Editar, eliminar, agregar
contenido.
PDF horarios
PDF mallas curricular
PDF syllabus
Carrera de
software
Editar, eliminar, agregar
contenido.
PDF horarios
PDF mallas curricular
PDF syllabus
Estudiantes
Prácticas
preprofesionales
Editar, eliminar, agregar
contenido.
Imagen.
PDF empresas.
Vinculación con
la sociedad
Editar, eliminar, agregar
contenido.
Imagen
Archivo compartido
EXCEL empresas
Formato de
solicitudes
Editar, eliminar, agregar
contenido.
Doc. Word, texto.
Grupos
estudiantiles
Editar, eliminar, agregar
contenido.
Imágenes, texto.
75
Biblioteca Editar, eliminar, agregar
contenido.
Imágenes, texto.
Docentes
Portafolio
docente
Editar, eliminar, agregar
contenido.
Imágenes, datos personales
de los docentes.
Publicaciones
de los docentes
Editar, eliminar, agregar
contenido.
Texto.
Noticias Noticias Agregar, Editar, Eliminar
noticias
Nombre de la noticia,
imagen.
Contáctenos
Ubicación Editar, eliminar, agregar
contenido.
Dirección, teléfono, correo
y caja de mensaje.
Escríbenos Opciones: Editar,
eliminar, agregar.
Objeto: Dirección del
correo, imagen de la
página.
Ilustración 21 Página Home en Figma
76
Ilustración 22 Prototipo de Figma
Historias de Usuario
Se elaboró 23 historias de usuarios en base a los requerimientos y las reuniones
realizadas con el dueño del producto.
Tabla 26 UG-1
Título Descargar portafolio
Identificador UG-1
Esfuerzo 5
Importancia 10
Descripción
Yo: como usuario
Quiero: me gustaría poder descargar el portafolio docente.
Para: tener el documento en computadora de escritorio o teléfono.
Criterios de
Aceptación
Se debe de crear:
• Opción de descargar portafolio en la página de docentes.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 27 UG-2
Título Editar página de misión y visión
Identificador UG-2
Esfuerzo 5
Importancia 10
Descripción Yo: como administrador.
77
Quiero: poder realizar cambios en la página de misión y visión.
Para: editar o agregar nuevo contenido, si se llegara a dar el caso.
Criterios de
Aceptación
Se debe de crear:
• Página de misión y visión.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 28 UG -3
Título Interfaz de usuario Quienes somos
Identificador UG-3
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Quienes somos.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Quienes somos
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson. Tabla 29 UG-4
Título Interfaz de usuario Organigrama
Identificador UG-4
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración sección Organigrama.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Organigrama
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
78
Tabla 30 UG-5
Título Interfaz de usuario Autoridades
Identificador UG-5
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Autoridades.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Autoridades
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 31 UG-7
Título Interfaz de usuario Personal Administrativo
Identificador UG-7
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Personal Administrativo.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Personal Administrativo
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 32 UG-8
Título Interfaz de usuario Instalaciones
Identificador UG-8
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Instalaciones.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Instalaciones
79
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 33 UG-9
Título Interfaz de usuario Horarios CISC
Identificador UG-9
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Horarios CISC.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Horarios CISC
• Pantalla en modo de detalle para crear y editar contenido.
• Agregar enlaces, para descarga de información requerida.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 34 UG-10
Título Interfaz de usuario Malla Curricular CISC
Identificador UG-10
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de malla curricular CISC.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Malla Curricular CISC
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
80
Tabla 35 UG-11
Título Interfaz de usuario Syllabus CISC
Identificador UG-11
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Syllabus CISC.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Syllabus CISC
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 36 UG-12
Título Interfaz de usuario Horarios CS
Identificador UG-12
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Horarios CS.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Horarios CS
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 37 UG-13
Título Interfaz de usuario Malla Curricular CS
Identificador UG-13
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de malla curricular CS.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Malla Curricular CS
81
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 38 UG-14
Título Interfaz de usuario Syllabus CS
Identificador UG-14
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Syllabus CS.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Syllabus CS
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 39 UG-15
Título Interfaz de usuario Syllabus CS
Identificador UG-15
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración de Syllabus CS.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Syllabus CS
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
82
Tabla 40 UG-16
Título Interfaz de usuario Practicas preprofesionales
Identificador UG-16
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Practicas preprofesionales.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Practicas preprofesionales
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 41 UG-17
Título Interfaz de usuario Vinculación con la
sociedad Identificador
UG-17
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Vinculación con la sociedad.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Vinculación con la sociedad
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 42 UG-18
Título Interfaz de usuario Formato de solicitudes
Identificador UG-18
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Formato de solicitudes .
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Formato de solicitudes
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
83
Tabla 43 UG-19
Título Interfaz de usuario Grupos estudiantiles
Identificador
UG-19
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Grupos estudiantiles.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Grupos estudiantiles
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 44 UG-20
Título Interfaz de usuario Biblioteca
Identificador UG-20
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Biblioteca.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Biblioteca
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 45 UG-21
Título Interfaz de usuario Portafolio docente
Identificador UG-21
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Portafolio docente.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Portafolio docente
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
84
Tabla 46 UG-22
Título
Interfaz de usuario Publicaciones de los
docentes
Identificador
UG-22
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Publicaciones de los
docentes.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Publicaciones de los docentes
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 47 UG-23
Título Interfaz de usuario Noticias
Identificador UG-23
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Noticias.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Noticias
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Tabla 48 UG-24
Título Interfaz de usuario Ubicación
Identificador UG-24
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Ubicación.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Ubicación
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
85
Tabla 49 UG-25
Título Interfaz de usuario Escríbenos
Identificador UG-25
Esfuerzo 5
Importancia 5
Descripción
Yo: usuario
Quiero: tener acceso a la pantalla de administración Escríbenos.
Para: realizar la administración y los respectivos cambios en la página.
Criterios de
Aceptación
Se debe de elaborar:
• Página de Escríbenos
• Pantalla en modo de detalle para crear y editar contenido.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Sprints
A continuación, se presentan los siguientes Sprint, aquellos que fueron realizados
por el equipo de desarrollo en el rediseño del sitio web basándose en la lista de
requerimientos presentada anteriormente.
Sprint 1
07/12/2020 - 20/12/2020
En este Sprint se realizó el levantamiento de información pertinente antes de
empezar con el desarrollo del sitio web. Se instalaron todas las aplicaciones necesarias y
se configuró el servidor local XAMPP, en donde se instaló WordPress y se configuró como
multisitio.
86
Tabla 50 Sprint 1
Historia de usuario Responsable Estimación
Levantamiento de información inicial(módulos a
implementar) Erwin Rivas 5
Instalación de paquete Xampp ( Apache, MySql,
Mercury)
Robinson
Serrano 4
Levantamiento de información inicial(Revisión de
sitios WEB de varias universidades) Erwin Rivas 5
Levantamiento de información inicial(Revisión de
mapas de sitio de otras universidades) Erwin Rivas 4
Levantamiento de información inicial(Buenas
prácticas para diseño de sitio WEB)
Robinson
Serrano 4
Creación de proyecto en Wordpress Erwin Rivas 3
Configuración de opción Multisitios en Wordpress
Robinson
Serrano 5
Levantamiento de información inicial(Selección de
plantillas disponibles) Erwin Rivas 5
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 23 Burndown Sprint 1
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
-5
0
5
10
15
20
25
30
35
40
Sprint 1
Esperado Real
87
Ilustración 24 Instalación de Elementor
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 25 Instalación de XAMPP
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
88
Ilustración 26 Instalación de News Portal
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Retroalimentación
• Todas las historias fueron completadas al finalizar el sprint.
• No se encontró ningún inconveniente al instalar y desplegar XAMPP.
• Se podría tomar como referencia en base a este sprint inicial manejar por sprint
un rango de 35 puntos de historia.
• Se ha realizado todo el levantamiento de información necesario para preceder
con el desarrollo.
89
Sprint 2
21/12/2020 - 03/01/2021
En este Sprint se realizó la instalación del tema y el plugin Elementor que utilizaremos a
lo largo del desarrollo del presente proyecto. Elementor es la herramienta de diseño que
nos permite realizar los cambios en el portal web. Se crearon los sistemas de arquitectura
de la información para ser aplicados en el sitio web.
Tabla 51 Sprint 2
Historia de usuario Responsable Estimación
Instalación del tema: News Portal de WordPress
Robinson
Serrano 3
Instalación de plugin: Elementor Erwin Rivas 3
Creación de mapa de sitio para página WEB CISC - CS
Robinson
Serrano 5
Creación de sistema de organización (menú) basado en
I.A.
Robinson
Serrano 8
Creación de sistema de etiquetado (enlaces
importantes) basado en A.I.
Robinson
Serrano 5
Creación de sistema de navegación (usabilidad) Erwin Rivas 3
Creación de sistema de búsqueda. Erwin Rivas 3
Maquetado de propuesta de sitio WEB en Figma Erwin Rivas 5
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
90
Ilustración 27 Burndown Sprint 2
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Resultados del Sprint
Ilustración 28 Sistema de Organización
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
-5
0
5
10
15
20
25
30
35
40
Sprint 2
Esperado Real
91
Ilustración 29 Enlaces de Interés
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 30 Sistema de Búsqueda
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Retroalimentación
• Todas las historias fueron completadas al finalizar el Sprint
• No hubo ningún inconveniente en la instalación de la plantilla News Portal.
• Se terminó de realizar los sistemas de organización, etiquetado, navegación y
búsqueda perteneciente a la Arquitectura de la organización.
• La maqueta del sitio web echa en Figma, funciona con normalidad.
92
Sprint 3
04/01/2021 - 17/01/2021
En este Sprint se establecerá un estándar para las imágenes y colores que se usaran
en el sitio web. Se creará la página de inicio junto con el menú de contenido.
Tabla 52 Sprint 3 texto introductorio del alcance
Historia de usuario Responsable Estimación
Definición de tamaños de imágenes a utilizar en el sitio web. Robinson
Serrano 3
Definición de la paleta de colores utilizados en la página WEB escogidos del
logo existente Erwin Rivas 3
Interfaz de usuario página Home: slider, botón enlaces importantes Erwin Rivas 4
Incluir sistema de organización (menú) en la página Home Robinson
Serrano 3
Incluir logo de carrera CISC CS en página Home Erwin Rivas 1
Incluir Google Maps en página Home Erwin Rivas 3
Creación de página Misión y visión Robinson
Serrano 3
Creación de página Quienes somos Erwin Rivas 4
Creación de página Organigrama Robinson
Serrano 4
Creación de página Autoridades Robinson
Serrano 4
Implementación de ventana modal para presentar información de
Autoridades. Erwin Rivas 5
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
93
Ilustración 31 Burndown Sprint3
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Resultados del Sprint Ilustración 32 Página Home
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
-5
0
5
10
15
20
25
30
35
40
Sprint 3
Esperado Real
94
Ilustración 33 Página Autoridades
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 34 Página Misión y Visión
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
95
Ilustración 35 Página Organigrama
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 36 Página Quienes Somos
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
96
Retroalimentación
• Todas las historias fueron finalizadas a completar el Sprint
• Se definió el estándar de tamaño de imágenes y colores que se presentaran en el
sitio web.
• Se han realizado un total de 5 páginas del sitio web entre ellas están: Home, Misión
y Visión, Quienes somos, Organigrama y Autoridades.
• Se ha utilizado la maqueta en Figma para modelar el sitio web.
Sprint 4
18/01/2021 - 31/01/2021
En este Sprint se realizará el desarrollo de 7 página dentro del sitio web junto con
la inserción de archivos, imágenes y textos. Se explicará con más detalle en la
retroalimentación del Sprint.
Tabla 53 Sprint 4
Historia de usuario Responsable Estimación
Creación de página Personal Administrativo Erwin Rivas 4
Creación de página Instalaciones Erwin Rivas 3
Creación de tabla wp_materias para almacenar las URLs de los archivos PDF Robinson
Serrano 5
Creación de página Horarios Robinson
Serrano 5
Creación de página Malla Curricular Erwin Rivas 4
Creación de página Syllabus Robinson
Serrano 5
Inserción de archivos PDF en páginas Horarios, Syllabus Erwin Rivas 5
Creación de página Prácticas preprofesionales Robinson
Serrano 3
Creación de página Vinculación con la sociedad Erwin Rivas 3
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
97
Ilustración 37 Burndown Sprint 4
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Resultado del Sprint Ilustración 38 Página Personal Administrativo.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
-5
0
5
10
15
20
25
30
35
40
Sprint 4
Esperado Real
98
Ilustración 39 Página Instalaciones
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 40 Página Horarios
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
99
Ilustración 41 Página Malla Curricular
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 42 Página de Syllabus
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
100
Ilustración 43 Página Practicas Preprofesionales
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 44 Página Vinculación con la Sociedad
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
101
Retroalimentación
• Todas las historias fueron finalizadas a completar el Sprint.
• Se creó una nueva tabla WP_MATERIAS para almacenar las URLs de los archivos
que se encuentran guardados en la biblioteca de medios WordPress.
• Se crearon las páginas de: Personal Administrativo, Instalaciones, Horarios, Malla
curricular, Syllabus, Practicas Preprofesionales y Vinculación con la sociedad.
Sprint 5
01/02/2021 - 14/02/2021
texto introductorio del alcance
En el Sprint 5 se realizó el desarrollo de 7 páginas web, junto con la implementación
de dos plugin´s como es el de Noticias relevantes y Migas de pan. En la retroalimentación
se explica con mayor detalle lo realizado.
Tabla 54 Sprint 5
Historia de usuario Responsable Estimación
Creación de página formato de solicitudes Erwin Rivas 3
Creación de página Grupos estudiantiles Robinson
Serrano 3
Creación de página Biblioteca Erwin Rivas 5
Creación de página Portafolio docente Erwin Rivas 5
Creación de página Publicaciones de docente Robinson
Serrano 3
Creación de página Últimas noticias Erwin Rivas 5
Implementación de noticias más populares mediante plugin´s en Barra lateral (Slide Bar)
Robinson
Serrano 3
Implementación de Breadcrumb (migas de pan) para hacer más fácil su navegación dentro del sitio
Erwin Rivas 2
Creación de página Ubicación. Robinson
Serrano 2
Creación de página Escríbenos. Erwin Rivas 2
Creación de formulario mediante plugin. Erwin Rivas 2
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
102
Ilustración 45 Burndown Sprint 5
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Resultado del Sprint Ilustración 46 Página Formato de solicitudes.
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
-5
0
5
10
15
20
25
30
35
40
Sprint 5
Esperado Real
103
Ilustración 47 Página Grupos Estudiantiles
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 48 Página Biblioteca
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
104
Ilustración 49 Página Portafolio Docente
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 50 Página Publicaciones Docentes
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
105
Ilustración 51 Página Ultima Noticias
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Ilustración 52 Página Ubicación
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
106
Ilustración 53 Pagina Escríbenos
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Retroalimentación
• Todas las historias fueron finalizadas a completar el Sprint.
• Se terminó de crear las páginas en el sitio web: Formato de solicitudes, Grupo
estudiantiles, Biblioteca, Portafolio docente, Publicaciones docentes, Últimas
noticias, Ubicación.
• Se creó Breadcrumb ponerlo en el glosario de la tesis o migas de pan, para ayudar
en la navegación del sitio web
• Se hizo uso de un Plugin para crear una barra lateral con las noticias más populares.
107
Beneficiarios directos e indirectos del proyecto
Beneficiarios directos: Los principales beneficiarios son los estudiantes de las
carreras CISC y CS de la Facultad de Ciencias Matemáticas y Físicas de la Universidad
Guayaquil. Aquellos estudiantes que necesitan obtener información de mallas curriculares,
syllabus, formatos de solicitudes entre otros.
Beneficiarios indirectos: Las personas que se benefician de manera indirecta son
los docentes de la carrera ya que pueden subir al sitio web, su curriculum docente, publicar
sus proyectos realizados, adicionalmente también se beneficiará el personal externo que
requiera información del pensum y requisitos para ingresar a la universidad.
Entregables del proyecto
Los entregables del presente proyecto son:
• Proyecto WordPress. Se entrega la carpeta junto con todos los archivos que
conforman el proyecto.
• Backup de la base de datos del portal web. Se entrega la base MySQL, la
cual se deberá de importar dentro del hosting para su uso.
• Manual de usuario. En donde se explica cómo se ingresa la información al
portal, como se realizan los cambios, creación de páginas y entradas.
Propuesta
A continuación, se presenta el mapa del sitio, con el cual se puede ver todos los
módulos y páginas web que se realizaron en el desarrollo del presente proyecto. La
distribución del portal web es el siguiente:
108
CICS y CS
• Misión y Visión
o Misión y Visión CISC
o Misión y Visión CS
• Quienes somos
o Quienes somos CISC
o Quienes somos CS
• Organigrama
• Autoridades
• Personal Administrativo
• Instalaciones
Carreras
• Ingeniería en Sistemas
o Horarios Exámenes CISC
o Malla Curricular CISC
o Syllabus CISC
• Carrera de Software
o Horarios Exámenes CS
o Malla Curricular CS
o Syllabus CS
Estudiantes
• Practicas Preprofesionales
• Vinculación con la sociedad
• Formato de solicitudes
• Grupos Estudiantiles
• Biblioteca
Docentes
• Portafolio Docentes
• Publicaciones de Docentes
Noticias
• Ultimas noticias
Contáctennos
• Escríbenos
• Ubicaciones
109
En cada módulo del sitio se encuentra agrupadas las paginas dependiendo su grado
de similitud, cabe recalcar que este portal web le pertenece las Carreras de Sistemas
Computacionales y Software. Es decir que existe información que le pertenece solo a una
carrera y es presentada individualmente mientras que existe información que comparten
ambas carreras por las que se decidió agruparlas en una sola página.
Criterios de validación de la propuesta
Para el presente proyecto de titulación se utilizó el juicio de expertos de 3 ingenieros
en sistemas computacionales los cuales podemos ver en el anexo 7, los criterios a evaluar
son los siguientes: claridad, objetividad, actualidad, suficiencia, intencionalidad,
consistencia, metodología, aplicabilidad.
Resultados obtenidos
De acuerdo con el levantamiento de información del presente proyecto se demostró que, al
no existir un sitio Web oficial de las Carreras CISC, CS, los alumnos y personal docente
buscan otros medios tecnológicos la información causando desinformación pérdida de
tiempo y recursos.
Se diseñó, identificó e implementó los módulos del portal de la universidad utilizando la
información levantada en las encuestas y buenas prácticas de diseño. Entre las buenas
prácticas de diseño se usó como referencia arquitectura de información.
110
CAPÍTULO IV
CONCLUSIONES Y RECOMENDACIONES
Criterios de aceptación del producto o servicio
Para medir la calidad del sitio web, se ha usado la Norma ISO 9126. Esta hace uso
de 6 factores de calidad que están subdivididos en 21 parámetros para determinar la calidad
del software, en la tabla 56 se definen los parámetros de calidad junto con su respectiva
justificación. (TOALA & VITERI, 2018)
Tabla 55 Parámetros de calidad
Factor de Calidad Parámetro Justificación
Funcionalidad
Idoneidad El aplicativo web cumple con los requerimientos de la arquitectura de la información como son los sistemas de organización, etiquetado, navegación y búsqueda para facilitar la comprensión del sitio web por el usuario. Es decir, satisface sus necesidades.
Precisión El sitio web cumple con todas sus funciones de manera precisa y sin errores al momento de ser usado por los usuarios.
Interoperabilidad El sitio web interactúa con varios de los servicios externos al mismo.
Seguridad Se cumplen con los principios de autenticación y autorización de usuarios. • Cada usuario puede acceder al
sistema con sus respectivas credenciales que son privadas y cifradas. Así como también solo están autorizados a determinados recursos relacionados con los partidos interesados.
111
Fiabilidad
Madurez El aplicativo web tiene un nivel de madurez considerable ya que al ser desarrollado con WordPress. El uso de estas tecnologías ofrece herramientas que están pensadas y probadas contra errores. Si existen errores estos son manejados de la mejor forma posible para notificar de ellos a los usuarios o administradores del sistema con la finalidad de poder determinar que pudo haber sucedió en algún momento.
Tolerancia a fallos Es tolerante a fallos, debido a que, se realizó el respectivo análisis y levantamientos de información necesarios para evitar que suceden errores que puedan generar inconsistencias.
Capacidad de recuperación
El aplicativo ha sido desarrollado de forma que cumple con los principios ACID a la hora de ejecutar procesos transaccionales, en donde o se cumple todo o se revierten los procesos en el caso de haberse dado alguna falla. Permitiendo así que el sistema quede en un estado consistente y los datos no se hayan corrompidos.
Usabilidad
Entendimiento La interfaz de usuario ha sido diseñada y creada para ser fácilmente entendible, siguiendo un esquema similar entre sus diferentes pantallas (modo listo, consulta, creación y edición). Esto con la finalidad de que los usuarios se puedan adaptar y cumplir con sus labores de forma rápida y sencilla desde el aplicativo.
Facilidad de aprendizaje
El aplicativo web ofrece una interfaz de usuario sencilla con una curva de aprendizaje baja, que trata en lo posible de ser lo más explícita entre sus funcionalidades con la finalidad de que el usuario pueda aprenderla a usar sin muchos inconvenientes.
Operabilidad Los usuarios no requieren de mucho esfuerzo para manejar el sistema,
112
empezando por acceder al aplicativo que es de forma rápida y sencilla. Los administradores pueden configurar diferentes aspectos del sistema, así como diseñar y editar nuevas páginas y entradas.
Atractividad
Ofrece una buena interfaz de usuario, sino que, también una gran experiencia de usuario. Ya que esta especificación fue desarrollada en base a un estudio hecho mediante la Arquitectura de la Información.
Eficiencia
Utilización de recursos
El aplicativo web ha sido desarrollado de forma que pueda ser eficiente para así evitar consumir muchos recursos y soportar una alta concurrencia de usuarios cuando sea necesario.
Comportamiento en el tiempo
Los tiempos de respuesta al momento de descargar documentos o PDF´s, son de respuestas casi inmediatas sin tener que esperar mucho tiempo para obtener los resultados que necesita.
Mantenibilidad Analizabilidad Ante un error en el aplicativo notifica y registra los errores en un log.
Cambiabilidad El backend posee un modelo de dominio que permite a futuro poder extenderlo sin mucho inconveniente o impacto. La estructura del backend se encuentra modularizada por capas que cumplen con tareas específicas. Así como también el frontend está desarrollado por WordPress que está basado en componentes y permite que estos sean reutilizables y que cumplen con una tarea específica siguiendo los principios de responsabilidad única.
Estabilidad El sitio web tiene una cobertura de pruebas unitarias que permite garantizar una estabilidad del sistema antes cambiados realizados en el código fuente.
Pruebabilidad Se permite probar y visualizar cada uno de los cambios antes de ser
113
subidos a producción para que estos no afecten a los cambios anteriores.
Portabilidad
Adaptabilidad El BackEnd y el FrontEnd están desarrollados mediante WordPress el cual permite que el sitio web sea responsable permitiendo que este pueda ser visualizado desde un dispositivo móvil.
Facilidad de instalación
La instalación de un ambiente local para desarrollo no requiere de muchas horas o días, todo el código fuente se encuentra en repositorios GIT privados que pueden ser clonados con las respectivas credenciales para su acceso.
Coexistencia WordPress ofrece las herramientas plugin´s que permiten agregar nuevas funcionales que no afectan a las ya agregadas siempre y cuando estas sean compatibles con las ya existentes.
Intercambiabilidad Al ser un aplicativo web creado mediante WordPress, para el usuario es transparente los cambios que se hagan en el software, no requiere que el usuario tenga que descargar e instalar nuevas versiones, siempre que acceder al sistema obtendrá la última versión disponible con las mejoras y nuevas funcionalidades que ira ofreciendo el sistema
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Toala Mosquera Kevin & Viteri Rambay David.
A continuación, se presentan los criterios de evaluación para la aprobación de la
propuesta de titulación por parte los Ingenieros en Sistemas Computacionales Rivera
Ramírez Carlos, Guacho Balla Julio y Arrese Vilche Alfredo Enrique.
114
Ilustración 54 Criterios de aprobación Rivera
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Toala Mosquera Kevin & Viteri Rambay David.
115
Ilustración 55 Criterios de aprobación Arrese
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Toala Mosquera Kevin & Viteri Rambay David.
116
Ilustración 56 Criterios de aprobación Guacho
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Toala Mosquera Kevin & Viteri Rambay David.
117
En la siguiente tabla se realiza una consolidación de porcentajes con el que se
cumple los diferentes parámetros de calidad según encuestas realizadas a expertos en esta
área.
Tabla 56 Consolidados de métricas de calidad.
Factor de Calidad Parámetro Porcentaje obtenido
Funcionalidad
Idoneidad 98%
Precisión 99%
Interoperabilidad 89%
Seguridad 93%
Fiabilidad
Madurez 93%
Tolerancia a fallos 96%
Capacidad de recuperación 96%
Usabilidad
Entendimiento 99%
Facilidad de aprendizaje 93%
Operabilidad 99%
Atractividad 100%
Eficiencia Utilización de recursos 98%
Comportamiento en el tiempo 98%
Mantenibilidad
Analizabilidad 96%
Cambiabilidad 99%
Estabilidad 96%
Pruebabilidad 89%
Portabilidad
Adaptabilidad 98%
Facilidad de instalación 99%
Coexistencia 99%
Intercambiabilidad 98%
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Toala Mosquera Kevin & Viteri Rambay David.
118
Conclusiones
• Se diseñó el mapa del sitio web basado en la revisión de documentos y portales de
instituciones educativas de prestigio donde se identificó las principales secciones que debe
contar un portal web de educación superior. Dichas secciones son: CISC-CS (información
general sobre las Institución), estudiantes, docentes, sección de ubicación y contáctenos,
carreras (información sobre las carreras) y noticias.
• Se realizó una comparativa entre los softwares CMS y herramientas de implementación de
portales web seleccionando WordPress como herramienta para rediseñar el portal de la
universidad.
• Para el desarrollo y diseño del portal se utilizó herramientas de prototipo como Figma y
los plugin de WordPress Elementor, MetaSlider, Modal Window, WordPress Popular
Posts, Yoast SEO, WP Blog Post Layouts que facilitaron la implementación del portal de
la carrera.
• Se diseñaron las nuevas páginas basándonos en las encuestas realizadas a los alumnos,
tomando los requerimientos más relevantes encontrados como son: Información sobre
autoridades, quienes somos, prácticas preprofesionales, comunitarias, vinculación,
horarios de exámenes, mallas, syllabus, número de contactos de docentes y sus correos,
comunicados o publicaciones, instalaciones, biblioteca, información de personal
administrativo.
• Se usó la arquitectura de la información, A.I. como base para la elaboración de sistemas
de etiquetado, navegación y organización del portal que mejoraron la usabilidad y
experiencia de usuario.
119
Recomendaciones
• Se recomienda implementar de manera independiente el sitio web de las carreras de
Networking y Tecnología de la Información haciendo uso de la plataforma multisitios
implementada en este proyecto.
• Se recomienda antes de realizar la actualización de plugin´s, o de la versión del WordPress,
hacer una copia de seguridad en el caso de fallo o error.
• Se recomienda realizar respaldos continuos del contenido del sitio y de la base de datos.
• Se recomienda una capacitación para los docentes, ya que al tener rol de editor deberán
subir su información al sitio.
• Se recomienda tener al menos dos niveles de aprobación de publicación de contenido, tanto
un revisor como un editor para poder gestionar la información que se subirá al sitio web.
• La carrera de software ya cuenta con un sitio web http://www.csoft.ug.edu.ec/ por lo que
se recomienda que en los trabajos futuros hagan uso del presente proyecto para subir la
información de las carreras Networking y Tecnologías de la información.
120
REFERENCIAS BIBLIOGRÁFICAS
Álvarez Guerrero, J. F., & Roig-Vila, R. (2019). LAS PÁGINAS WEB DE LOS
CENTROS EDUCATIVOS. ANÁLISIS. Revista de Comunicación de la SEECI,
50, 129-147. Obtenido de http://doi.org/10.15198/seeci.2019.50.129-147
Aubry, C. (2018). Cree su primer sitio web Del diseño a la realización (2a edición).
Ediciones Eni.
Barzola Jaramillo, A. F. (2017). REDISEÑO DEL SITIO WEB DE LA EMPRESA
INCOPEL S.A. PARA MEJORAR LA IMAGEN CORPORATIVA Y AUMENTAR
LAS VENTAS ONLINE. Instituto Superior Tecnólogico Bolivariano de
Tecnología. Obtenido de http://repositorio.itb.edu.ec/handle/123456789/1444
Carles, R. (2016). Teoría de la Organización. 30.
Codina, L., Gonzalo , C., Pedraza, R., & Rovira, C. (2017). Posicionamiento web y
medios de comunicación: ciclo de vida de una campaña y factores SEO. 41.
doi:http://dx.doi.org/10.31009/DigiDoc.2019.inf23
De Los SAntos, C. (2019). ¿Qué es la norma ISO 9126? lecasabe. Obtenido de
https://lecasabe.com/que-es-la-norma-iso-9126/
Delgado, H. (27 de 10 de 2019). Akus.net Diseño Web. Obtenido de Arquitectura de la
información de un Sitio y Usabilidad Web:
https://disenowebakus.net/arquitectura-de-la-informacion.php
Domínguez, R. (2016). Modelo de gestión de calidad basada en los estándares NTP
12207, ISO 9001 E ISO 9126, para los procesos de desarrollo de software: caso
RENIEC. (Tesis). UNIVERSIDAD NACIONAL MAYOR DE SAN MARCOS,
Lima. Obtenido de
http://cybertesis.unmsm.edu.pe/bitstream/handle/20.500.12672/6704/Dominguez_
zr.pdf?sequence=1&isAllowed=y
Dueñas, P., González, C., & Franco, J. (2016). La eficacia de la web corporativa en las
pequeñas y medianas empresas: un análisis de la usabilidad web. Estudios sobre
el mensaje periodístico. Estudios sobre el mensaje periodístico, 14.
Gauchat, J. (2017). El gran libro de HTML5, CSS3 y JavaScript. Barcelona:
MARCOMBO.
Gutiérrez Briones, J. A., & Mejía Jumbla, M. A. (2017). REDISEÑO DEL SISTEMA
WEB PARA LA AUTOMATIZACIÓN DEL MÓDULO DE PRÁCTICAS
PREPROFESIONALES DE LA UNIVERSIDAD DE GUAYAQUIL. Guayaquil:
Universidad De Guayaquil.Facultad De CIencias Matemáticas Y Físicas.Carrera
De Ingeniería En Sistemas Computacionales. Obtenido de
http://repositorio.ug.edu.ec/handle/redug/24624
ISO. (2018). Online Browsing Platform. Obtenido de Ergonomics of human-system
interaction — Part 11: Usability: Definitions and concepts:
https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-2:v1:en
López, B. (17 de junio de 2020). Ciudadano 2.0. Obtenido de ¿Qué es WordPress, para
qué sirve y cómo funciona?: https://www.ciudadano2cero.com/que-es-
wordpress/#Que_es_WordPress_exactamente
121
Maldonado, L., Restrepo, I., Murcia, O., & Gomez, J. (2018). Software para la
representación ontológica y colaborativa del conocimiento en línea. Scielo, 147-
158. doi:https://doi.org/10.22201/fi.25940732e.2018.19n2.013
Martin, A. (2017). HISTORIAS DE USUARIO SCRUM. Urtanta. Obtenido de Urtanta:.
Obtenido de https://urtanta.com/historias-de-usuario/
Martín, J. (2020). QuantiKa14. Obtenido de Empezando con WORDPRESS:
http://wordpressa.quantika14.com/docu_download/Empezando-con-
wordpress.pdf
Mero, X., Peña, J., Villon, K., & Cevallos, L. (2019). Análisis de un modelo de
inventario en productos perecederos aplicando Algoritmo metaheurístico Tabú y
simulación Montecarlo. Ecuadorian Science Jornal, 8-14.
Molina, J., Zea, M., Contento, M., & García, F. (2018). COMPARACIÓN DE
METODOLOGÍAS. 3C Tecnología: glosas de innovación aplicadas a la pyme, 1-
19. Obtenido de https://dialnet.unirioja.es/servlet/articulo?codigo=6415697
Moner, D., & Sabaté, J. (2017). Usabilidad. El Guión multimedia. Universidad abuerta
de cataluña. Obtenido de
http://materials.cv.uoc.edu/daisy/Materials/PID_00167613/html5/index.html
Norman , D., & Nielsen, J. (s.f.). Grupo Nielsen Norman. Obtenido de La definición de
experiencia de usuario (UX): https://www.nngroup.com/articles/definition-user-
experience/
Paz, L., & Cuellar, L. (2016). Diseño de la arquitectura de información del sitio web de la
Facultad. 16.
Piñeiro , V., Igartua, J., & Marañón , F. (2017). El diseño de las sedes web municipales
de España. Una propuesta metodológica para su análisis. Revista española de
documentación científica, 1-19. Obtenido de
http://eprints.uanl.mx/id/eprint/12673
Quijorna, C. (2016). Sistemes de gestió de continguts i Wordpress: les claus del sector.
Dipòsit Digital de Documents de la UAB, 14. Obtenido de
https://ddd.uab.cat/pub/tfg/2016/tfg_48011/CMS_Wordpress_LaClauDelSector_
Article.pdf
Reyes, J. J. (2020). DevCode. Obtenido de ¿Qué es HTML?: https://devcode.la/blog/que-
es-
html/#:~:text=HTML%20es%20un%20lenguaje%20que,tal%20y%20como%20es
tamos%20acostumbrados.&text=En%201997%20se%20public%C3%B3%20la,H
TML%20publicada%20por%20la%20W3C.
Robledano, Á. (2019). Qué es CSS y para qué sirve. OpenWibinars, 15.
Rodríguez , L., González , D., & Pérez , Y. (2016). De la arquitectura de información a la
experiencia de usuario: Su interrelación en el desarrollo de software de la
Universidad de las Ciencias Informáticas. E-Ciencias de la Información, 1-24.
Obtenido de https://doi.org/10.15517/eci.v7i1.24317
Rodríguez , P., Viltres , H., & Pons , L. (2016). Componentes y funcionalidades de un
sistema de recuperación de la información. Revista Cubana de Ciencias
Informáticas, 12. Obtenido de
http://scielo.sld.cu/scielo.php?script=sci_arttext&pid=S2227-
18992016000600012
122
Rodríguez, D., Vargas, J., & González, E. (2019). Arquitectura de información como. e-
Ciencias de la Información, 23.
Rojas Torrijos, J. L. (2018). La estrategia digital de internacionalización de Marca en
Latinoamérica. Estudio de caso de MARCA CLARO en México. Revista de
Comunicación, 17(1), 133-154. Obtenido de https://doi.org/10.26441/RC17.1-
2018-A7
Schwaber , K., & Sutherland , J. (2017). The definitive guide to Scrum: the rules of the
game. The Scrum guide, 1-20. Obtenido de https://www.scrumguides.org/scrum-
guide.html.
Scott, E., Rodríguez, G., Soria, A., & Campo, M. (2016). Hacia un mejor aprendizaje de
Scrum usando estilos de aprendizaje. Revista de sistemas y software, 242-253.
doi:https://doi.org/10.1016/j.jss.2015.10.022
Tenstep. (2018). SCRUM: Cómo escribir historias de usuarios sin morir en el intento.
Tenstep. Obtenido de https://www.proyectum.com/sistema/blog/scrum-como-
escribir-historias-de-usuarios-sin-morir-en-el-intento/
TOALA, K., & VITERI, D. (2018). DESARROLLO E IMPLANTACIÓN DE
APLICATIVO WEB PARA LA GESTIÓN. (Tesis de Ingenieria). Universidad de
Guayaquil, Guayaquil.
Vintimilla Saquicela, T. P. (2018). Rediseño del sitio web “Turismo Santa Isabel-Azuay”.
Cuenca: Universidad de Cuenca. Facultad de Artes. Obtenido de
http://dspace.ucuenca.edu.ec/handle/123456789/31399
Vogelzang, J., Admiraal, W., & van Driel, J. (2020). Efectos de la metodología Scrum en
la alfabetización científica crítica de los estudiantes: el caso de Green Chemistry.
Investigación y práctica en educación química, 940-952. Obtenido de
https://pubs.rsc.org/en/content/articlepdf/2020/rp/d0rp00066c
wpcolladovillalba.org. (s/f). ¿Qué es WordPress? Recuperado el 5 de enero de 2021, de
https://wpcolladovillalba.org/que-es-wordpress/
123
BIBLIOGRAFÍA
Brazell, A. (2010). Wordpress bible (Vol. 684). John Wiley & Sons.
Pérez-Montoro, M. (2010). Arquitectura de la información en entornos web. Profesional
de la Información, 19(4), 333-338.
https://doi.org/10.3145/epi.2010.jul.01
Pérez, T. H., & González, J. T. (2000). Arquitectura de la información: el diseño de los
espacios y flujos de información en la World Wide Web. Bibliodoc: anuari de
biblioteconomia, documentació i informació, 103-122.
Ramírez, M. R., Soto, M. D. C. S., Moreno, H. B. R., Rojas, E. M., Millán, N. D. C. O., &
Cisneros, R. F. R. (2019). Metodología SCRUM y desarrollo de Repositorio
Digital. Revista Ibérica de Sistemas e Tecnologias de Informação, (E17), 1062-
1072.
Rodriguez, C. Wordpress. Obtenido de freidercreativo. wordpress. com/creatividad-y-
pensamiento-creativo/elementosde-la-creatividad.
Scott, A. D. (2012). Wordpress for education. Packt Publishing Ltd.
124
ANEXOS
Anexo 1. Planificación de actividades del Proyecto
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
125
Anexo 2. Geo-localización del problema
Elaborado por: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Google Maps.
126
Anexo 4. Fundamentación Legal
LAS NORMAS LEGALES EN UN PROYECTO DE TITULACIÓN
El presente proyecto de titulación se fundamenta en la constitución, leyes y normas
como se detalla a continuación:
ARTÍCULO DE LA
LOES CONTEXTO
¿Qué regula la
LOES?
ART. 1 ÁMBITO
Esta Ley regula el sistema de educación superior en el país, a los organismos e
instituciones que lo integran; determina derechos, deberes y obligaciones de las
personas naturales y jurídicas, y establece las respectivas sanciones por el
incumplimiento de las disposiciones contenidas en la Constitución y la presente
Ley ARTICULO 1
¿Cuál es el Objeto
de esta Ley?
ART. 2 OBJETO
Esta Ley tiene como objeto definir sus principios, garantizar el derecho a la
educación superior de calidad que propenda a la excelencia, al acceso universal,
permanencia, movilidad y egreso sin discriminación alguna.
Entre las funciones
ART. 4 DERECHO
A LA EDUCACION
SUPERIOR
a) Garantizar el derecho a la educación superior mediante la docencia, la
investigación y su vinculación con la sociedad, y asegurar crecientes niveles de
calidad, excelencia académica y pertinencia; n) Garantizar la producción de
pensamiento y conocimiento articulado con el pensamiento universal; y, ñ)
Brindar niveles óptimos de calidad en la formación
Principio de
Igualdad y Principio
de Calidad
El principio de igualdad de oportunidades consiste en garantizar a todos los
actores del Sistema de Educación Superior las mismas posibilidades en el acceso,
permanencia, movilidad y egreso del sistema, sin discriminación de género,
credo, orientación sexual, etnia, cultura, preferencia política, condición
socioeconómica o discapacidad.
El principio de calidad consiste en la búsqueda constante y sistemática de la
excelencia, la pertinencia, producción óptima, transmisión del conocimiento y
desarrollo del pensamiento mediante la autocrítica, la crítica externa y el
mejoramiento permanente
ART. 87
Como requisito previo a la obtención del título, los y las estudiantes deberán
acreditar servicios a la comunidad mediante prácticas o pasantías pre
profesionales. debidamente monitoreadas. en los campos de su especialidad, de
conformidad con los lineamientos generales definidos por el Consejo de
Educación Superior.
ARTÍCULO 19.-
DEL
REGLAMENTO.-
NÓMINA DE
GRADUADOS Y
NOTIFICACIÓN A
LA SENESCYT
Las instituciones de educación superior notificarán obligatoriamente a la
SENESCYT la nómina de los graduados y las especificaciones de los títulos que
expida, en un plazo no mayor de treinta días contados a partir de la fecha de
graduación. (…) este será el único medio oficial a través del cual se verificará el
reconocimiento y validez del título en el Ecuador.
ARTÍCULO 144
PRINCIPIOS
Art. 144.- Tesis Digitalizadas. - Todas las instituciones de educación superior
estarán obligadas a entregar las tesis que se elaboren para la obtención de títulos
académicos de grado y posgrado en formato digital para ser integradas al
Sistema Nacional de Información de la Educación Superior del Ecuador para su
difusión pública respetando los derechos de autor.
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Ley Orgánica de Educación Superior.
127
ARTÍCULO DE LA
CONSTITUCIÓN CONTEXTO
ARTÍCULO 22
Establece: las personas tienen derecho a desarrollar su capacidad creativa, al
ejercicio digno y sostenido de las actividades culturales y artísticas, y a
beneficiarse de la protección de los derechos morales y patrimoniales que
les correspondan por las producciones científicas, literarias o artísticas de su
autoría.
ARTÍCULO 26
La educación es un derecho de las personas a lo largo de su vida y un deber
ineludible e inexcusable del Estado. Constituye un área prioritaria de la
política pública y de la inversión estatal, garantía de la igualdad e inclusión
social y condición indispensable para el buen vivir.
ARTÍCULO 28
La educación responderá al interés público y no estará al servicio de
intereses individuales y corporativos. Se garantizará el acceso universal,
permanencia, movilidad y egreso sin discriminación alguna
ARTÍCULO 350
El sistema de educación superior tiene como finalidad la formación
académica y profesional con visión científica y humanista; la investigación
científica y tecnológica; la innovación, promoción, desarrollo y difusión de
los saberes y las culturas; la construcción de soluciones para los problemas
del país, en relación con los objetivos del régimen de desarrollo
ARTÍCULO 355
primer y segundo inciso
El Estado reconocerá a las universidades y escuelas politécnicas autonomía
académica, administrativa, financiera y orgánica, acorde con los objetivos
del régimen de desarrollo y los principios establecidos en la Constitución
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Ley Orgánica de Educación Superior.
DECRETO 1014 SOBRE EL USO DEL SOFTWARE LIBRE
Art. 1.- Establecer como política pública para las entidades de administración
Pública central la utilización del 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 el acceso a los códigos
fuentes y que sus aplicaciones puedan ser mejoradas. Estos programas de computación
tienen las siguientes libertades: Utilización de programa con cualquier propósito de uso
común. Distribución de copias sin restricción alguna. Estudio y modificación de programa
128
(Requisito: código fuente disponible) 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 de capacidad técnica que
brinde el soporte necesario para 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 de seguridad nacional, o cuando el proyecto informático se encuentre
en un punto de no retorno.
Art. 5.- Tanto para software libre como software propietario, siempre y cuando se
satisfagan los requerimientos.
Art. 6.- La subsecretaría de Informática como órgano regulador y ejecutor de las
políticas y proyectos informáticos en las entidades de 51 Gobierno Central deberá realizar
el control y seguimiento de este Decreto.
Art. 7.- Encargue 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. (UTILIZACION DE SOFTWARE LIBRE EN LA ADMINISTRACIÓN
PÚBLICA)
129
Anexo 6. Formatos de técnicas de recolección de datos aplicadas para variables
cuantitativas o cualitativas.
Ejemplo de Formato de Encuesta
Encuesta 1
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
130
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
131
Encuesta 2
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
132
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson.
Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
133
Anexo 7. Validación de expertos.
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
134
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
135
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
136
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
137
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
138
Elaboración: Rivas Indio Erwin & Serrano Anguieta Robinson. Fuente: Rivas Indio Erwin & Serrano Anguieta Robinson.
139
Anexo 10. Acta de entrega y recepción definitiva
En la ciudad de Guayaquil, a ___días del mes de_________ de _____
Por el presente documento.
Los estudiantes no titulados de la Carrera de Ingeniería en Sistemas
Computacionales Rivas Indio Erwin Alberto con cédula de identidad N° 0925840027 y
Serrano Anguieta Robinson Aquiles con cédula de identidad N° 0930606322 hacemos la
entrega del código fuente del proyecto de titulación a la Dirección de la Carrera de
Ingeniería en Sistemas Computacionales en un medio magnético.
Los códigos del programa/producto que se encargaron por compromiso al estar
inserto en el proceso de titulación desde fecha __ de ______.
Para efectos de dar cumplimiento a la entrega del código fuente, cedo todos los
derechos de explotación sobre el programa y, en concreto, los de transformación,
comunicación pública, distribución y reproducción, de forma exclusiva, con un ámbito
territorial nacional.
Rivas Indio Erwin Alberto Cédula de identidad N°0925840027
Serrano Anguieta Robinson Aquiles Cédula de identidad N°0930606322
Elaboración: Investigadores.
Fuente: Propia.
140
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
Anexo 14. Manual Técnico
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
MANUAL TÉCNICO
AUTORES:
ROBINSON AQUILES SERRANO ANGUIETA
ERWIN ALBERTO RIVAS INDIO
TUTOR:
ING. CHRISTOPHER CRESPO LEÓN, M. Sc.
GUAYAQUIL – ECUADOR
2021
1
1. INTRODUCCIÓN ....................................................................................................2
2. USO DE HOSTING ..................................................................................................2
2.1. CARACTERÍSTICAS DE RECURSOS .............................................................. 2
3. PANEL DE ADMINISTRADOR CPANEL ..........................................................3
3.1. INSTALACIÓN DE WORDPRESS MEDIANTE SOFTACULOUS APPS
INSTALER ..................................................................................................................... 4
3.2. CLIENTE FTP FILEZILLA ................................................................................. 5
3.3. ADMINISTRADOR DE ARCHIVOS ................................................................. 6
3.4. BASE DE DATOS MYSQL ................................................................................ 6
2
1. INTRODUCCIÓN
El presente documento detalla la información necesaria para el mantenimiento y
puesta en marcha del sitio Web. Dicho sitio web se implementó en local para después
proceder con el alojamiento en un hosting gratuito. Los archivos necesarios son dos: los
archivos que se encuentran en la carpeta htdocs y el Backup de la base de datos, ambos
deben gestionarse mediante las herramientas que nos ofrece el hosting.
2. USO DE HOSTING
2.1. CARACTERÍSTICAS DE RECURSOS
Para el sitio Web se utilizó un hosting gratuito https://infinityfree.net/ el cual nos
ofrece las siguientes características:
DOMINIO
http://web-cisc-cs.epizy.com/
HOSTING
3
• Espacio en disco ilimitado
• Ancho de banda ilimitado
• 400 bases de datos MySQL
• PHP 5.4, 5.5, 5.6, 7.4
• Soporte completo de .htaccess
• Servicio de DNS gratuito
3. PANEL DE ADMINISTRADOR CPANEL
Después de crear una cuenta en el hosting https://infinityfree.net/ se nos otorga un
usuario y una contraseña, estas credenciales nos permiten la administración del sitio Web
mediante un panel de control conocido como CPanel.
CPanel es un panel que se puede encontrar en muchos de los hosting gratuitos y
pagados con mínimas diferencias ya que permite la administración de las herramientas para
el hosting de sitios Web sin la necesidad de conocimientos avanzados para este hecho.
4
3.1. INSTALACIÓN DE WORDPRESS MEDIANTE SOFTACULOUS
APPS INSTALER
Una vez ingresado en el CPanel se debe instalar WordPress mediante Softaculous
APPS installer como primer paso.
5
3.2. CLIENTE FTP FILEZILLA
La carpeta que contiene los archivos para el funcionamiento del sitio Web se deben
subir al hosting para lo cual se utiliza el cliente FTP Filezilla. Las credenciales que se
utilizan para la conexión son proporcionadas por el hosting mismo y se pueden encontrar
en la pantalla de gestionar cuenta.
6
3.3. ADMINISTRADOR DE ARCHIVOS
Una vez subidos los archivos se pueden gestionar mediante el Administrador de
Archivos en línea que se encuentra en el CPanel. Esta herramienta permite el ingreso y
modificación a los archivos subidos como por ejemplo los archivos functions.php y
styles.css que se encuentran en la dentro de la carpeta wp-content.
3.4. BASE DE DATOS MYSQL
La base de datos se crea al instalar WordPress en el hosting. La gestión de la base
de datos MySQL se gestiona en el CPanel. Como primer paso se debe eliminar las tablas
7
de la base de datos que se creó automáticamente. Después se debe importar la base de datos
del Backup realizado al sitio local.
Importante: Al ser un sitio realizado en local, las tablas de WordPress mantendrán
la url de localhost por lo cual se debe cambiar la url localhost por http://web-cisc-
cs.epizy.com en las tablas que se requiera. En la tabla wp_site poner en dominio : web-
cisc-cs.epizy.com y en path: /.
148
REDISEÑO DE SITIO WEB DE LAS CARRERAS CISC, CS
APLICANDO ARQUITECTURA DE LA INFORMACIÓN
COMO HERRAMIENTA PARA FORTALECER SU
CONTENIDO.
Anexo 15. Manual de usuario
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
MANUAL DE USUARIO
AUTORES:
ROBINSON AQUILES SERRANO ANGUIETA
ERWIN ALBERTO RIVAS INDIO
TUTOR:
ING. CHRISTOPHER CRESPO LEÓN, M. Sc.
GUAYAQUIL – ECUADOR
2021
1
1. INTRODUCCIÓN ....................................................................................................3
2. INGRESO AL SITIO WEB .....................................................................................3
2.1. Roles de Usuarios para ingreso a la administración del sitio web. ....................... 4
3. BREVE INTRODUCCIÓN AL ESCRITORIO DE WORDPRESS ...................5
3.1. BARRA LATERAL IZQUIERDA....................................................................... 5
3.1.1. MIS SITIOS ...............................................................................................5
3.1.2. ENTRADAS...............................................................................................6
3.1.3. MEDIOS.....................................................................................................6
3.1.4. PÁGINAS...................................................................................................7
3.2. ELEMENTOS PARTE CENTRAL ..................................................................... 7
4. AÑADIENDO MEDIOS A LA BIBLIOTECA .....................................................8
5. TAMAÑO (DIMENSIÓN) DE IMÁGENES UTILIZADO EN EL SITIO ........8
6. CREANDO UNA NUEVA PÁGINA ......................................................................9
7. MODIFICANDO PÁGINA EXISTENTE ...........................................................11
7.1. CREANDO PÁGINA DE NUEVO DOCENTE ................................................ 12
7.2. INGRESANDO INFORMACIÓN DE NUEVO DOCENTE MEDIANTE BASE
DE DATOS (TABLA WP_PERSONAL). ................................................................... 14
2
8. REALIZANDO CAMBIOS EN PÁGINA HORARIOS CISC/HORARIOS CS
15
9. REALIZANDO CAMBIOS EN SYLLABUS CISC / CS ...................................15
10. CREANDO UNA NUEVA ENTRADA ................................................................16
11. MODIFICANDO UNA ENTRADA EXISTENTE ..............................................17
12. CAMBIOS MEDIANTE MENÚ DE PERSONALIZACIÓN ............................18
12.1. CAMBIO IMAGEN DEL LOGO .................................................................. 19
12.2. CONFIGURACIONES EN EL HEADER ..................................................... 19
12.3. CONFIGURACIONES ADICIONALES....................................................... 20
13. CREANDO SLIDER ..............................................................................................21
13.1. PLUGIN METASLIDER ............................................................................... 21
14. CREANDO VENTANAS MODALES PARA PÁGINA AUTORIDADES ......22
14.1. PLUGIN MODAL WINDOW ....................................................................... 22
15. INSERTANDO CÓDIGO PHP .............................................................................23
15.1. PLUGIN XYZ PHP CODE ............................................................................ 23
3
1. INTRODUCCIÓN
El sitio Web ha sido diseñado y desarrollado en WordPress para facilitar al
administrador la gestión del contenido pudiendo ser realizada con mínimos conocimientos
de programación. Logrando así el máximo provecho de la información que se expondrá en
el sitio. En el siguiente manual se detalla las diversas funcionalidades para lograr ese
objetivo.
2. INGRESO AL SITIO WEB
Al ser WordPress una CMS, proporciona una pantalla de administración principal
(conocida como Escritorio), para lo cual, el ingreso a dicha pantalla se debe realizar
mediante la siguiente dirección Web http://localhost/sitiowebtesis/wp-login.php
4
2.1. Roles de Usuarios para ingreso a la administración del sitio web.
El sitio Web maneja dos usuarios específicos para su administración. Tenemos al rol de
Administrador el cual tiene todos los privilegios dentro del sitio y el rol de Editor el cual
permite a los docentes crear una página utilizando una plantilla la cual le permite cambiar
la imagen de ejemplo por su foto y los datos personales, así como sus papers o
investigaciones.
Para la creación de los usuarios de los docentes, el administrador deberá crear un nuevo
usuario en el escritorio de WordPress.
5
3. BREVE INTRODUCCIÓN AL ESCRITORIO DE WORDPRESS
3.1. BARRA LATERAL IZQUIERDA
Una vez ingresados el usuario y la respectiva contraseña se presenta el escritorio de
WordPress donde se encuentran todos los elementos ubicados en una barra lateral
izquierda, los cuales permiten la creación, manipulación, inserción, eliminación y
administración de todas las páginas.
3.1.1. MIS SITIOS
Una de las funcionalidades de WordPress es la realización de diferentes sitios Web
mediante un mismo panel de administración conocido como multisitios. Aquí se
encuentran los diferentes sitios creados.
6
3.1.2. ENTRADAS
Las entradas en WordPress son las noticias que se presentan el sitio web las cuales
se organizan de manera cronológica para presentarlas la página Últimas noticias.
3.1.3. MEDIOS
Representa la biblioteca y contiene todos los archivos (archivos Word, Excel, PDF,
imágenes) utilizados en nuestro sitio Web.
7
3.1.4. PÁGINAS
En esta sección se encuentran las páginas realizadas del sitio.
3.2. ELEMENTOS PARTE CENTRAL
Los elementos en la parte central del escritorio nos permiten una navegación rápida
hacia diferentes componentes que se instalen para la creación de las páginas, así también,
se presentan ciertos mensajes relevantes a esos mismos componentes como son
actualizaciones que se deben realizar.
8
4. AÑADIENDO MEDIOS A LA BIBLIOTECA
WordPress maneja una biblioteca en la cual se deben cargar los archivos a utilizar
en el sitio (sea la extensión o formato que sea) para lo cual se debe dar click en el menú
lateral izquierdo en el escritorio de WordPress para luego de eso, click en añadir medio
donde se podrá arrastrar los archivos para subirlos o también buscarlos en la ubicación
donde se encuentren.
5. TAMAÑO (DIMENSIÓN) DE IMÁGENES UTILIZADO EN EL
SITIO
El administrador puede disponer de cualquier tamaño en las imágenes que utilice
en el sitio Web, sin embargo, existen lugares donde se han predefinido dimensiones (tanto
de alto como de ancho) para una mejor utilización del espacio. Para lo cual se enlista las
dimensiones medidas en pixeles en la siguiente tabla:
9
IMAGENES MEDIDA EN PIXELES (ALTO X ANCHO)
Tamaño máximo de imágenes 1132 x 575
Imágenes logo 600 x 200
Imágenes Slider 1100 x 350
Imágenes miniatura 763 x 411
Imágenes fotos tamaño carnet 220 x 269
El tamaño máximo se refiere a la dimensión máxima que tendrá la imagen que se
utilice en el sitio. El tamaño definido en imágenes Logo se refiere al logo que se utiliza en
la página principal. El tamaño de imágenes Slider se refiere a las imágenes que se utilizan
el plugin Meta Slider. El tamaño miniaturas se refiere a las imágenes que se le asigna a
cada una de las noticias. Y el tamaño fotos carnet se refiere a las imágenes utilizadas en la
sección de docente y personal administrativo.
6. CREANDO UNA NUEVA PÁGINA
Para la creación de una nueva página lo primero es dar click en Páginas en la barra
lateral izquierda, para después dar click en Anadir nueva y proceder a la creación de la
página.
10
WordPress permite la edición de páginas mediante su editor de páginas clásico que
viene por defecto, pero también se puede utilizar Elementor (el que para su efecto se utiliza
en el sitio Web) que es un maquetador de páginas que nos permite crear páginas mediante
la función drag-and-drop que funciona simplemente cogiendo el elemento que se quiera
insertar, de entre una lista de elementos, en la página y soltarlo en ella para utilizarlo.
Escribir el nombre de la nueva página, dar click en publicar y posteriormente en
editar con Elementor para pasar a editar los elementos dentro de nuestra página.
Los elementos que se pueden añadir a la página se encuentran en el bloque de
elementos del lado izquierdo permitiendo crear diferentes estructuras en el lado derecho.
Como parte principal se debe escoger una estructura y después arrastrar el elemento y
soltarlo dentro de la estructura.
11
Como ejemplo se puede visualizar el uso del elemento editor de texto el cual se ha
seleccionado permitiendo escribir un bloque de texto, en el cual se le puede dar formato
como, por ejemplo: negrita. Los formatos y disponibles se encuentran en el panel
izquierdo.
7. MODIFICANDO PÁGINA EXISTENTE
Para modificar una página existente se la ubica dentro del grupo de páginas y dar
click en Editar con Elementor para pasar a editarla.
12
7.1. CREANDO PÁGINA DE NUEVO DOCENTE
Una vez logueado el docente procederá a crear una nueva página para subir su
información. Para lo cual deberá dar click en Páginas en la barra lateral izquierda, para
después dar click en Anadir nueva y proceder a la creación de la página.
Elementor permite guardar bloques de elementos para la reutilización, esta
característica es utilizada al crear la página del nuevo docente ya que la estructura de la
página del nuevo docente es similar en todos los docentes cambiando solo los datos que se
cambiarían por medio del editor de texto.
13
Para guardar un bloque de elementos se sitúa en la página que se quiere guardar
como plantilla y dar click a la derecha del botón guardar y escoger la opción guardar como
plantilla.
Para utilizar la plantilla guardar crear una nueva página y dar click en el botón
añadir plantilla y escoger la plantilla deseada.
14
7.2. INGRESANDO INFORMACIÓN DE NUEVO DOCENTE MEDIANTE
BASE DE DATOS (TABLA WP_PERSONAL).
Una vez ingresada la información en la página creada por parte del docente se
deberá subir dicha información para poder visualizarla en el sitio Web. La tabla
wp_personal tiene los datos de los docentes como son los nombres, correo, cargo, la url de
la ubicación de la imagen del docente que se encuentra en la biblioteca y la url de la página
que contendrá toda la información principal como sus publicaciones. Dicha información se
carga en la página portafolio docente mediante una función que realiza una llamada a la
tabla devolviendo, después los valores a la página.
15
8. REALIZANDO CAMBIOS EN PÁGINA HORARIOS
CISC/HORARIOS CS
Las páginas Horarios CISC y Horarios CS contienen la misma estructura para lo
cual se muestra los cambios a realizar en una de las páginas que se pueden utilizar en la
otra página. La página Horarios CISC – CS cuenta con dos bloques para escritura de
código HTML donde se encuentra en el código de las opciones de horarios pudiendo añadir
nuevos horarios, pero teniendo en cuenta del id de los span ya que se utilizan en el script
script_horario_cisc.js para realizar las llamadas a la base de datos y cargar el PDF dentro
del div siguiente donde se encuentra una etiqueta object.
9. REALIZANDO CAMBIOS EN SYLLABUS CISC / CS
Las páginas Syllabus CISC y Syllabus CS comparten una estructura parecida por
lo cual realizamos los cambios en uno que servirán de guía para realizar cambios en la otra.
En la página nos encontramos con dos etiquetas select, una que llena a la otra mediante el
script script_syl_select_cisc.js en el cual se trabaja mediante un Ajax para refrescar el div
que contiene el PDF.
16
10. CREANDO UNA NUEVA ENTRADA
Las entradas como mencionamos al inicio son las noticias las cuales se presentan
en la página Últimas noticias. Para crear una nueva entrada en el escritorio click en
entradas, nueva entrada. Añadir título, escoger la categoría Noticias y click en
publicar.
17
Cada entrada debe tener una imagen destacada la cual se presentará como miniatura
en la página de Últimas noticias, en tal caso de no tener se puede encontrar una imagen con
los logos de la CISC – CS que se puede utilizar como imagen general.
Ya dentro de la entrada nos encontramos con la barra lateral de elementos que se
puede utilizar para crear la entrada.
11. MODIFICANDO UNA ENTRADA EXISTENTE
Para modificar una entrada existente se ubica dentro del grupo de entradas
existentes y dar click en Editar con Elementor para posterior realizar los cambios.
18
12. CAMBIOS MEDIANTE MENÚ DE PERSONALIZACIÓN
Para realizar modificación mediante la herramienta Personalizar, hay que dar click
en Personalizar para posterior proceder a realizar los cambios.
Posterior se puede escoger del menú lateral izquierdo que se presenta las diferentes
opciones para realizar cambios en el sitio Web.
19
12.1. CAMBIO IMAGEN DEL LOGO
La imagen del logo se puede cambiar al dar click en General Settings, después en
Identidad del sitio.
12.2. CONFIGURACIONES EN EL HEADER
En Header Settings se encuentran las diferentes secciones de la página principal y
sus diferentes elementos los cuales se les puede dar una realizar una configuración. Dentro
de las secciones que encontramos están: Top Header Section, Header Option y Ticket
Section.
20
12.3. CONFIGURACIONES ADICIONALES
Dentro de las configuraciones adicionales nos los iconos sociales que se presentan
en la página de inicio, el color de las categorías y la configuración para los widgets.
21
13. CREANDO SLIDER
13.1. PLUGIN METASLIDER
Para crear el elemento Slider click Meta Slider en la barra lateral izquierda lo cual
abre al lado derecho las opciones de configuración del Slider donde podemos encontrar las
dimensiones del Slider, añadir la imagen y enlazar la url que se desee.
Para utilizar el Slider en cualquier parte de la página que se desee se utiliza el código
Shortcode generado por el plugin el cual se inserta en el elemento Shortcode que se puede
encontrar en la barra de elementos.
22
14. CREANDO VENTANAS MODALES PARA PÁGINA
AUTORIDADES
14.1. PLUGIN MODAL WINDOW
Para crear los modales que se utilizan en la página de autoridades dar click en Wow
Plugins después click en Modal Window en la barra lateral izquierda en el escritorio de
Wordpress. Click en Add New.
Al dar click se puede visualizar la siguiente pantalla donde se puede insertar
elementos que se va a ser el contenido a mostrar en el modal.
23
15. INSERTANDO CÓDIGO PHP
15.1. PLUGIN XYZ PHP CODE
Para insertar código php en el Header o el footer se puede realizar en los archivos
Header.php y footer.php respectivamente. Para Insertar dentro del body de la página se
debe realizar mediante un plugin ya que las páginas por defecto que se trabaja están escritas
en html. Para lo cual se utiliza el Shortcode que genera el plugin y se lo inserta en la página
mediante el elemento Shortcode. Para ingresar al plugin click en XYZ php code. Después
add New Php Code Snippet.
Después solo basta con darle un nombre y escribir el código php para después
insertarlo en la etiqueta Shortcode en la barra lateral de elementos.