universidad de guayaquilrepositorio.ug.edu.ec/bitstream/redug/52469/1/b-cisc-ptg... · 2021. 5....

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]

[email protected]

CONTACTO DE LA INSTITUCIÓN Nombre: Ab. Juan Chávez Atocha

Teléfono: 2307729

Email: [email protected]

x

mailto:[email protected]


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.


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.


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.


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.


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


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



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

______________________________________


C.I. N0 0925840027

______________________________________


C.I. N0 0930606322

IX




CONTENIDO.



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


C.I. N° 0930606322

Tutor: Ing. Christopher Crespo León, M. Sc.

Guayaquil, marzo de 2021

X


APLICANDO ARQUITECTURA DE LA INFORMACIÓN COMO

HERRAMIENTA PARA FORTALECER SU CONTENIDO.


ROBINSON AQUILES SERRANO

ANGUIETA

Cedula de Identidad N°0925840027


Tutor: _________________________

Firma


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


ROBINSON AQUILES SERRANO

ANGUIETA






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




CONTENIDO.





C.I. N° 0925840027


C.I. N° 0930606322


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




CONTENIDO.





C.I. N° 0925840027


C.I. N° 0930606322


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.


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


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



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


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.

https://blog.es.logicalis.com/analytics/kpis-qu%C3%A9-son-para-qu%C3%A9-sirven-y-por-qu%C3%A9-y-c%C3%B3mo-utilizarlos

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



Tabla 6 Costos por recursos humanos en el proyecto

Cargo Costo Cantidad Total

Desarrollador $500,00 2 $1.000,00

Total $1.000,00



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



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



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



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



Ilustración 5 Noticias del sitio web Sistemas y Networking



50

Ilustración 6 Botonera de redes sociales sitio web Sistemas y Networking



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.


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%



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%




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?


Si 27 8,49%

No 291 91,51%

TOTAL 318 100,00%




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?


Si 103 32,39%

No 215 67,61%

TOTAL 318 100,00%




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?


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%




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?


Nunca 211 66,35%

Raras veces

A menudo

Siempre

80

26

1

25,16%

8,18%

0,31%

TOTAL 318 100,00%




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?


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%




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


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?


Si 284 89,31%

No 34 10,69%

TOTAL 318 100,00%




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)


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%



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


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?


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%



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



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


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?


Absoluta

Frecuencia Relativa

totalmente de acuerdo 183 57,55%

de acuerdo

ni de acuerdo ni en desacuerdo

en desacuerdo


110

14

5

6

34,59%

4,40%

1,57%

1,89%

TOTAL 318 100,00%




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?


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%




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?


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%




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?


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%




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


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


contenido.

PDF horarios

PDF mallas curricular

PDF syllabus

Estudiantes

Prácticas

preprofesionales


contenido.

Imagen.

PDF empresas.

Vinculación con

la sociedad


contenido.

Imagen

Archivo compartido

EXCEL empresas

Formato de

solicitudes


contenido.

Doc. Word, texto.

Grupos

estudiantiles


contenido.

Imágenes, texto.

75

Biblioteca Editar, eliminar, agregar

contenido.

Imágenes, texto.

Docentes

Portafolio

docente


contenido.

Imágenes, datos personales

de los docentes.

Publicaciones

de los docentes


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.



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.



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.


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.


Criterios de

Aceptación


• Página de Organigrama




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.


Criterios de

Aceptación


• Página de Autoridades




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.


Criterios de

Aceptación


• Página de Personal Administrativo




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.


Criterios de

Aceptación


• Página de Instalaciones

79




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.


Criterios de

Aceptación


• Página de Horarios CISC


• Agregar enlaces, para descarga de información requerida.



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.


Criterios de

Aceptación


• Página de Malla Curricular CISC




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.


Criterios de

Aceptación


• Página de Syllabus CISC




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.


Criterios de

Aceptación


• Página de Horarios CS




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.


Criterios de

Aceptación


• Página de Malla Curricular CS

81




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.


Criterios de

Aceptación


• Página de Syllabus CS




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.


Criterios de

Aceptación


• Página de Syllabus CS




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.


Criterios de

Aceptación


• Página de Practicas preprofesionales




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.


Criterios de

Aceptación


• Página de Vinculación con la sociedad




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 .


Criterios de

Aceptación


• Página de Formato de solicitudes




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.


Criterios de

Aceptación


• Página de Grupos estudiantiles




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.


Criterios de

Aceptación


• Página de Biblioteca




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.


Criterios de

Aceptación


• Página de Portafolio docente




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.


Criterios de

Aceptación


• Página de Publicaciones de los docentes




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.


Criterios de

Aceptación


• Página de Noticias




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.


Criterios de

Aceptación


• Página de Ubicación




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.


Criterios de

Aceptación


• Página de Escríbenos




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



Ilustración 23 Burndown Sprint 1



-5

0

5

10

15

20

25

30

35

40

Sprint 1

Esperado Real

87

Ilustración 24 Instalación de Elementor



Ilustración 25 Instalación de XAMPP



88

Ilustración 26 Instalación de News Portal



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


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



90




Resultados del Sprint

Ilustración 28 Sistema de Organización



-5

0

5

10

15

20

25

30

35

40

Sprint 2

Esperado Real

91

Ilustración 29 Enlaces de Interés



Ilustración 30 Sistema de Búsqueda



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


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



93

Ilustración 31 Burndown Sprint3



Resultados del Sprint Ilustración 32 Página Home



-5

0

5

10

15

20

25

30

35

40

Sprint 3

Esperado Real

94

Ilustración 33 Página Autoridades



Ilustración 34 Página Misión y Visión



95

Ilustración 35 Página Organigrama



Ilustración 36 Página Quienes Somos



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


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



97




Resultado del Sprint Ilustración 38 Página Personal Administrativo.



-5

0

5

10

15

20

25

30

35

40

Sprint 4

Esperado Real

98

Ilustración 39 Página Instalaciones



Ilustración 40 Página Horarios



99

Ilustración 41 Página Malla Curricular



Ilustración 42 Página de Syllabus



100

Ilustración 43 Página Practicas Preprofesionales



Ilustración 44 Página Vinculación con la Sociedad



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


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



102




Resultado del Sprint Ilustración 46 Página Formato de solicitudes.



-5

0

5

10

15

20

25

30

35

40

Sprint 5

Esperado Real

103

Ilustración 47 Página Grupos Estudiantiles



Ilustración 48 Página Biblioteca



104

Ilustración 49 Página Portafolio Docente



Ilustración 50 Página Publicaciones Docentes



105

Ilustración 51 Página Ultima Noticias



Ilustración 52 Página Ubicación



106

Ilustración 53 Pagina Escríbenos



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


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



115

Ilustración 55 Criterios de aprobación Arrese



116

Ilustración 56 Criterios de aprobación Guacho



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%



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.


125

Anexo 2. Geo-localización del problema


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.


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





131

Encuesta 2





132




133

Anexo 7. Validación de expertos.


134


135


136


137


138


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




CONTENIDO.

Anexo 14. Manual Técnico




COMPUTACIONALES

MANUAL TÉCNICO

AUTORES:



TUTOR:



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




CONTENIDO.

Anexo 15. Manual de usuario




COMPUTACIONALES

MANUAL DE USUARIO

AUTORES:



TUTOR:



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.