UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS …repositorio.ug.edu.ec/bitstream/redug/41493/1/TESIS... · presenta la propuesta tecnológica para la sistematización de los Proyectos

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS ADMINISTRATIVAS

CARRERA “INGENIERÍA EN SISTEMAS ADMINISTRATIVOS

COMPUTARIZADOS”

TRABAJO DE TITULACIÓN PRESENTADA COMO REQUISITO PARA OPTAR

POR EL TÍTULO DE INGENIERÍA EN SISTEMAS ADMINISTRATIVOS

COMPUTARIZADOS

TEMA:

Propuesta tecnológica enfocada a la automatización y gestión de calificaciones de proyectos

integradores mediante el uso de plataforma web para la carrera de ISAC.

AUTORES: Víctor Oswaldo Tipán Pozo

Bryan Ronaldo Tufiño Baque

TUTOR DE TESIS: Ing. César Vallejo, MAE

GUAYAQUIL, ABRIL 2019


FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS

i

REPOSITORIO NACIONAL EN CIENCIA Y TECNOLOGÍA

FICHA DE REGISTRO DE TESIS/TRABAJO DE GRADUACIÓN TÍTULO Y SUBTÍTULO: PROPUESTA TECNOLÓGICA ENFOCADA A LA AUTOMATIZACIÓN Y GESTIÓN DE

CALIFICACIONES DE PROYECTOS INTEGRADORES MEDIANTE EL USO DE PLATAFORMA WEB PARA LA CARRERA DE ISAC.

AUTOR(ES) Tipán Pozo Víctor Oswaldo Tufiño Baque Bryan Ronaldo

REVISOR(ES)/TUTOR(ES) Lcdo. Nieto Safadi Wilson Eduardo, Msc (Revisor) Ing. Vallejo De la Torre César, MAE (Tutor)

INSTITUCIÓN: Universidad de Guayaquil

UNIDAD/FACULTAD: Facultad de Ciencias Administrativas

MAESTRÍA/ESPECIALIDAD: Ingeniería en Sistemas Administrativos Computarizados

GRADO OBTENIDO: Trabajo de titulación

FECHA DE PUBLICACIÓN: Abril 2019 No. DE PÁGINAS: 158

ÁREAS TEMÁTICAS: Sistemas

PALABRAS CLAVES/ KEYWORDS:

Tecnología, Sistematización, Sistema web, Diseño de sistemas.

RESUMEN/ABSTRACT En el presente trabajo de titulación se fundamenta en la importancia de las herramientas tecnológicas dentro de una organización o centro educativo, para alcanzar un fin determinado. Por cual razón se presenta la propuesta tecnológica para la sistematización de los Proyectos Integradores de Saberes en la carrera de Ingeniería en Sistemas Administrativos Computarizados perteneciente a la Universidad de Guayaquil, que mediante el análisis de información y requerimientos se desarrollará un diseño web, que contenga los requerimientos estudiados para el beneficio de la carrera. El Sistema de Gestión de Proyectos Integradores de Saberes (SIRES), es un diseño de plataforma web orientada a los procesos que surgen en la elaboración de los Proyectos Integradores de Saberes, tales como gestión ponderativa, gestión de seguimiento académico. El propósito del diseño web es dejar estructurados los requerimientos consultados mediante el análisis y diseños de sistemas, ofreciendo un diseño con interfaz amigable de fácil manipulación, para su posterior implementación.

ADJUNTO PDF: x SI NO

CONTACTO CON AUTOR/ES:

Teléfono: 0968501562 Teléfono: 0994463507

E-mail: [email protected] E-mail: [email protected]

CONTACTO CON LA INSTITUCIÓN:

Nombre: Ing. Cesar Barrionuevo de la Rosa

Teléfono: 0994696504

E-mail: [email protected]

mailto:[email protected]



ii

CERTIFICACIÓN DEL REVISOR

Habiendo sido nombrado LCD. WILSON EDUARDO NIETO SAFADI, Msc, tutor del trabajo de titulación “PROPUESTA TECNOLÓGICA ENFOCADA A LA AUTOMATIZACIÓN Y GESTIÓN DE CALIFICACIONES DE PROYECTOS INTEGRADORES MEDIANTE EL USO DE PLATAFORMA WEB PARA LA CARRERA DE ISAC.”, certifico que el presente trabajo de titulación, elaborado por los estudiantes VÍCTOR OSWALDO TIPÁN POZO, con C.I. No.0940511413 y BRYAN RONALDO TUFIÑO BAQUE, con C.I. No. 0953910981, con mi respectiva supervisión como requerimiento parcial para la obtención del título de INGENIERA EN SISTEMAS ADMINISTRATIVOS COMPUTARIZADOS , en la Carrera de Ingeniería en Sistemas Administrativos Computarizados, ha sido REVISADO Y APROBADO en todas sus partes, encontrándose apto para su sustentación.

____________________________________________

DOCENTE REVISOR

LCD. WILSON EDUARDO NIETO SAFADI, Msc

C.I. 0907915573



iii

CERTIFICADO PORCENTAJE DE SIMILITUD

Habiendo sido nombrado ING. Cesar Vallejo de la Torre MAE, tutor del trabajo de titulación certifico que

el presente trabajo de titulación ha sido elaborado por los estudiantes: TIPÁN POZO VÍCTOR

OSWALDO, C.C.: 0940511413 y TUFIÑO BAQUE BRYAN RONALDO, C.C.: 0953910981 con mi

respectiva supervisión como requerimiento parcial para la obtención del título de INGENIERÍA EN

SISTEMAS ADMINISTRATIVOS COMPUTARIZADOS

Se informa que el trabajo de titulación: “PROPUESTA TECNOLÓGICA ENFOCADA A LA

AUTOMATIZACIÓN Y GESTIÓN DE CALIFICACIONES DE PROYECTOS INTEGRADORES

MEDIANTE EL USO DE PLATAFORMA WEB PARA LA CARRERA DE ISAC.”, ha sido

orientado durante todo el periodo de ejecución en el programa antiplagio URKUND quedando el 2% de

coincidencia.

ING. CÉSAR VALLEJO DE LA TORRE, MAE.

C.I. 0912211299



iv

LICENCIA GRATUITA INTRANSFERIBLE Y NO EXCLUSIVA PARA EL USO NO

COMERCIAL DE LA OBRA CON FINES NO ACADÉMICO

Nosotros, VÍCTOR OSWALDO TIPÁN POZO con C.I. No. 0940511413 y BRYAN RONALDO

TUFIÑO BAQUE con C.I. No. 0953910981, certifico que los contenidos desarrollados en este trabajo de

titulación, cuyo título es “PROPUESTA TECNOLÓGICA ENFOCADA A LA AUTOMATIZACIÓN Y

GESTIÓN DE CALIFICACIONES DE PROYECTOS INTEGRADORES MEDIANTE EL USO DE

PLATAFORMA WEB PARA LA CARRERA DE ISAC.” son de mi absoluta propiedad y responsabilidad

Y SEGÚN EL Art. 114 del CÓDIGO ORGÁNICO DE LA ECONOMÍA SOCIAL DE LOS

CONOCIMIENTOS, CREATIVIDAD E INNOVACIÓN*, autorizo el uso de una licencia gratuita

intransferible y no exclusiva para el uso no comercial de la presente obra con fines no académicos, en favor de

la Universidad de Guayaquil, para que haga uso del mismo, como fuera pertinente

VÍCTOR OSWALDO TIPÁN POZO BRYAN RONALDO TUFIÑO BAQUE

C.I. No. 0940511413 C.I. No. 0953910981

Oficial n. 899 - Dic./2016) Artículo 114.- De los titulares de derechos de obras creadas en las instituciones de

tales como trabajos de titulación, proyectos de investigación o innovación, artículos académicos, u otros

corresponderá a los autores. Sin embargo, el establecimiento tendrá una licencia gratuita, intransferible y no

exclusiva para el uso no comercial de la obra con fines académicos.



v

DEDICATORIA

A Dios, por haberme permitido gozar de salud

y vida para poder cumplir con un objetivo propuesto

en mi vida.

A mis padres, lo cual estoy orgulloso de

tenerlos son mi inspiración y motivación siempre

estuvieron conmigo apoyándome en lo emocional y

económico, les dedico todos mis éxitos.

A mis hermanas y familia en general, por el

apoyo emocional que me brindaron para poder

culminar el proceso universitario.

Víctor Oswaldo Tipán Pozo.



vi

DEDICATORIA

El presente trabajo lo dedico principalmente a

Dios, por ser un apoyo espiritual constante. Por darme

la fuerza de seguir adelante y no desistir en este

proceso.

A mis padres Edison y Jessenia, por

inculcarme buenos valores y por el sacrificio de tantos

años para que yo pueda ser una persona de bien, a ellos

dedico mis éxitos porque por ellos he logrado llegar

hasta aquí y porque es un privilegio ser su hijo, son los

mejores padres.

A mis hermanas Katherine y Angélica, por

acompañarme durante todo el proceso, dándome su

apoyo incondicional en todo momento, gracias. A

toda mi familia y personas que influyeron de manera

positiva en mí, por extender su mano cuando más lo

necesite, gracias a sus consejos, conocimientos y

apoyo moral.

Bryan Ronaldo Tufiño Baque.



vii

AGRADECIMIENTO

Mis agradecimientos infinitos a Dios por haberme dado

la oportunidad de llegar a cumplir una meta importante en mi

vida. A mis padres Oswaldo Tipán y Odila Pozo que con

esfuerzo y motivación siempre están conmigo apoyándome, así

como también a mis abuelas Antonia Pacheco y Carmen Guillen

que siempre estuvieron motivándome e inspirándome a lo largo

de todo mi etapa universitaria.

Agradezco a los docentes de la carrera de Ingeniería en

Sistemas Administrativos Computarizado por la guía de

conocimientos brindados a lo largo de todo el proceso

universitario.

A nuestro tutor de tesis, Ing. César Vallejo De la Torre

por su orientación en el asesoramiento del presente trabajo de

titulación.

Víctor Oswaldo Tipán Pozo.



viii

AGRADECIMIENTO

Expreso mi gratitud infinita a Dios, por llenar de

bendiciones mi hogar. Porque me brindo salud, seguridad y

sabiduría en todo este tiempo para poder cumplir mi meta

Agradezco a mis padres y hermanas, por su paciencia

ilimitada y porque con su ejemplo supieron enseñarme lo que es

el trabajo honrado.

A la Universidad de Guayaquil, por ser la sede de

adquisición de conocimientos de muchos profesionales exitosos

de hoy en día. A todos los directivos y docentes de este

establecimiento, ya que juntos lograron formar en mi un

profesional enriquecido de conocimientos, valores y ética.

De manera especial a mi tutor de tesis, Ing. César Vallejo

De la Torre por haber aportado, no solo en el presente trabajo

de titulación sino a lo largo de mi carrera universitaria, gracias

a sus correcciones y consejos hoy podemos culminar este

trabajo de manera exitosa.




ix

Tabla de Contenido

REPOSITORIO NACIONAL EN CIENCIA Y TECNOLOGÍA .............................................. i

CERTIFICACIÓN DEL REVISOR .......................................................................................... ii

CERTIFICADO PORCENTAJE DE SIMILITUD ................................................................. iii

LICENCIA GRATUITA INTRANSFERIBLE Y NO EXCLUSIVA PARA EL USO NO

COMERCIAL DE LA OBRA CON FINES NO ACADÉMICO ............................................. iv

DEDICATORIA ........................................................................................................................ v

AGRADECIMIENTO ............................................................................................................. vii

RESUMEN .......................................................................................................................... xviii

ABSTRACT ............................................................................................................................ xix

INTRODUCCIÓN ..................................................................................................................... 1

CAPÍTULO I ............................................................................................................................. 1

Planteamiento del problema. ...................................................................................................... 1

1.1. Antecedentes del problema ............................................................................................. 1

1.2. Planteamiento del problema ............................................................................................ 1

1.3. Hipótesis .......................................................................................................................... 2

1.4. Variables de la investigación........................................................................................... 2

1.4.1. Variable independiente. ............................................................................................ 2

1.4.2. Variable dependiente. ............................................................................................... 3

1.5. Objetivos ......................................................................................................................... 3

1.5.1. Objetivo general. ...................................................................................................... 3

1.5.2. Objetivos específicos. ............................................................................................... 3

1.6. Justificación de la investigación. ..................................................................................... 3

1.6.1. Justificación teórica. ................................................................................................. 3

1.6.2. Justificación práctica. ............................................................................................... 4

1.6.3. Justificación metodológica. ...................................................................................... 4

1.7. Delimitación del problema .............................................................................................. 4

CAPÍTULO II ............................................................................................................................ 5

Marco teórico ............................................................................................................................. 5

2.1. Antecedentes teóricos. ................................................................................................. 5

2.1.1. Introducción a proyectos integradores de saberes. .............................................. 5

2.1.2. Análisis y diseño de sistemas. .............................................................................. 6



x

2.1.3. ¿Qué es una aplicación web? ............................................................................... 8

2.1.4. Lenguajes de programación. .............................................................................. 10

2.1.5. Entornos de desarrollo integrado (IDE’s). ......................................................... 19

2.1.6. Servidores de aplicaciones web. ........................................................................ 23

2.1.7. Bases de datos. ................................................................................................... 28

2.1.8. Framework CSS - Bootstrap. ............................................................................. 33

2.1.9. JavaScript. .......................................................................................................... 35

2.1.10. Froala Editor. ..................................................................................................... 39

2.1.11. CanvasJS. ........................................................................................................... 40

2.2. Marco conceptual ...................................................................................................... 41

2.2.1. Definiciones generales del proceso investigativo. ............................................. 41

2.3. Marco legal ................................................................................................................ 45

2.3.1. Lineamientos generales de proyectos integradores de la Facultad de Ciencias

Administrativas. ................................................................................................................ 45

CAPÍTULO III ......................................................................................................................... 49

Metodología ............................................................................................................................. 49

3.1. La metodología .......................................................................................................... 49

3.2. Diseño metodológico................................................................................................. 49

3.3. Tipo de investigación ................................................................................................ 50

3.3.1. Investigación descriptiva. .................................................................................. 50

3.3.2. Investigación exploratoria. ................................................................................. 50

3.4. Enfoque de la investigación ...................................................................................... 51

3.5. Población ................................................................................................................... 51

3.6. Técnica e instrumentos de investigación ................................................................... 52

3.6.1. La encuesta......................................................................................................... 52

3.7. Análisis de los resultados .......................................................................................... 53

3.8. Análisis de las encuestas ........................................................................................... 63

3.9. Discusión de los resultados ....................................................................................... 64

CAPÍTULO IV......................................................................................................................... 65

4.1. Propuesta ................................................................................................................... 65

4.2. Título de la propuesta ................................................................................................ 65



xi

4.3. Objetivo de la propuesta ............................................................................................ 65

4.3.1. Objetivo general. ................................................................................................ 65

4.3.2. Objetivos específicos. ........................................................................................ 66

4.4. Justificación de la propuesta ..................................................................................... 66

4.5. Limitaciones del proyecto ......................................................................................... 67

4.5.1. Temporal. ........................................................................................................... 67

4.5.2. Espacial. ............................................................................................................. 67

4.6. Alcance del proyecto ................................................................................................. 67

4.6.1. Alcance tecnológico. .......................................................................................... 67

4.6.2. Alcance funcional. ............................................................................................. 68

4.7. Diagramas de flujo - Comparativo del proceso habitual de calificación de proyectos

integradores de saberes versus el proceso sistematizado. .................................................... 68

4.7.1. Proceso habitual. ................................................................................................ 68

4.7.2. Proceso sistematizado. ....................................................................................... 69

4.7.3. Conclusión. ........................................................................................................ 71

4.8. Tecnologías que se aplicarán en el sistema web ....................................................... 72

4.8.1. Cuadro comparativo de lenguajes de programación. ......................................... 72

4.8.2. Cuadro comparativo de entornos de desarrollo integrado (IDE’s). ................... 73

4.8.3. Cuadro comparativo de servidores de aplicaciones web. .................................. 74

4.8.4. Cuadro comparativo de bases de datos. ............................................................. 75

4.8.5. Herramientas adicionales que se integrarán en el sistema. ................................ 76

4.9. Tipos de usuarios ....................................................................................................... 77

4.10. Diseño del sistema ..................................................................................................... 78

4.10.1. Interfaz de usuario.............................................................................................. 78

4.10.2. Diseño de la base de datos - Modelo Entidad Relación (MER). ..................... 106

4.11. Presupuesto financiero del proyecto ....................................................................... 115

4.12.1 Presupuesto financiero para el diseño web. ..................................................... 115

4.12.2 Presupuesto financiero en caso de implementación del sistema. ..................... 118

4.13 Impacto económico, social, ambiental y político institucional. .............................. 123

4.13.1 Impacto económico. ......................................................................................... 123

4.13.2 Impacto social. ................................................................................................. 123



xii

4.13.3 Impacto ambiental. ........................................................................................... 123

4.13.4 Impacto político institucional. ......................................................................... 123

4.14 Factibilidad de la sistematización del proceso ponderativo. ................................... 124

4.14.1 Aspectos favorables. ........................................................................................ 125

4.14.2 Aspectos desfavorables. ................................................................................... 125

4.15 Conclusiones. .......................................................................................................... 127

4.16 Recomendaciones. ................................................................................................... 128

4.17 Bibliografía.............................................................................................................. 129

ANEXOS ............................................................................................................................... 134

2.4. Anexo A. ................................................................................................................. 134

2.4.1. Formato de encuesta. ....................................................................................... 134

2.5. Anexo B................................................................................................................... 136

2.5.1. Capture de encuesta digital .............................................................................. 136



xiii

Índice de tablas

Tabla 1. Equipos tecnológicos que dispone en su lugar de trabajo. ........................................ 53

Tabla 2 Cuenta con acceso a internet en su equipo tecnológico. ............................................. 54

Tabla 3 El uso de herramientas tecnológicas es favorable para la educación. ........................ 55

Tabla 4 Uso de una herramienta mejorará la eficiencia en los proyectos integradores de

……….saberes. ........................................................................................................................ 56

Tabla 5 Herramienta tecnológica que más se familiariza. ....................................................... 57

Tabla 6 Nivel de conocimientos en el manejo de aplicaciones web. ....................................... 58

Tabla 7 Calificación de proyectos integradores mediante una aplicación web. ...................... 59

Tabla 8 Beneficiará el uso de una aplicación web para la calificación de proyectos

……….integradores. ................................................................................................................ 60

Tabla 9 Aplicación móvil basada en este sistema web. ........................................................... 61

Tabla 10 Sistema operativo le gustaría a futuro se desarrolle una aplicación móvil. .............. 62

Tabla 11. Presupuesto de costo – diseño web. ....................................................................... 116

Tabla 12. Presupuesto de nómina desglosado – diseño web. ................................................ 116

Tabla 13. Presupuesto de nómina mensual a 6 meses - diseño web. ..................................... 117

Tabla 14. Presupuesto de gastos administrativos - diseño web. ............................................ 117

Tabla 15. Resumen presupuestal - diseño web. ..................................................................... 117

Tabla 16. Presupuesto de costo - implementación del sistema con alquiler de espacio en la

…………nube. ....................................................................................................................... 118

Tabla 17. Presupuesto de nómina - implementación del sistema con alquiler de espacio en la

…………nube. ....................................................................................................................... 118

Tabla 18. Presupuesto de gastos administrativos - implementación del sistema con alquiler de

………....espacio en la nube. ................................................................................................. 119

Tabla 19. Resumen presupuestal - implementación del sistema con alquiler de espacio en la

…………nube. ....................................................................................................................... 119

Tabla 20. Presupuesto de costo - implementación del sistema con adquisición de un servidor.

................................................................................................................................................ 120

Tabla 21. Presupuesto de nómina - implementación del sistema con adquisición de un

…………servidor. ................................................................................................................. 121

Tabla 22. Presupuesto de gastos administrativos - implementación del sistema con

…………adquisición de un servidor. .................................................................................... 121

Tabla 23. Presupuesto de activo fijo - implementación del sistema con adquisición de un

…………servidor. ................................................................................................................. 122

Tabla 24. Resumen presupuestal - implementación del sistema con adquisición de un

…………servidor. ................................................................................................................. 122



xiv

Índice de figuras

Imagen 1. Análisis y diseño de sistemas. ................................................................................... 6

Imagen 2. Aplicación web. ........................................................................................................ 8

Imagen 3. Lenguajes de programación. ................................................................................... 10

Imagen 4. Lenguaje de programación PHP. ............................................................................ 13

Imagen 5. Lenguaje de programación C# bajo el Framework ASP.NET. ............................... 15

Imagen 6. Lenguaje de programación JAVA bajo el framework JSF (Java Server Faces). .... 17

Imagen 7. Visual Studio. .......................................................................................................... 21

Imagen 8. Eclipse. .................................................................................................................... 22

Imagen 9. XAMPP. .................................................................................................................. 25

Imagen 10. WAMPServer. ....................................................................................................... 26

Imagen 11. Microsoft WebMatrix. .......................................................................................... 27

Imagen 12. Bases de datos. ...................................................................................................... 28

Imagen 13. SqlServer. .............................................................................................................. 29

Imagen 14. MySql. ................................................................................................................... 30

Imagen 15. Oracle. ................................................................................................................... 32

Imagen 16. Framework CSS - Bootstrap. ................................................................................ 33

Imagen 17. JavaScript. ............................................................................................................. 35

Imagen 18. Librería JQuery. .................................................................................................... 38

Imagen 19. Froala editor. ......................................................................................................... 39

Imagen 20. Froala editor – Full featured. ................................................................................ 39

Imagen 21. CanvasJS. .............................................................................................................. 40

Imagen 22. CanvasJS - Ejemplo de gráfico. ............................................................................ 40

Imagen 23. Ingreso al sistema. ................................................................................................. 78

Imagen 24. Rol docente integrador - Módulo de gestión de calificación. ............................... 79

Imagen 25. Rol docente integrador - Selección y visualización de información. ................... 80

Imagen 26. Rol docente integrador - Visualización de rubrica de calificación. ...................... 81

Imagen 27. Rol docente integrador - Proceso de calificación. ................................................ 82

Imagen 28. Rol docente Integrador - Calificar documentación del proyecto. ......................... 83

Imagen 29. Rol docente integrador - Calificar exposición del proyecto. ................................ 83

Imagen 30. Rol docente integrador - Registro proyecto apto para titulación. ......................... 84

Imagen 31. Rol docente integrador - Visualización de calificación. ...................................... 84

Imagen 32. Rol docente integrador - Módulo de seguimiento académico. ............................. 85

Imagen 33. Rol docente integrador - Búsqueda de proyectos integradores. ............................ 86

Imagen 34. Rol docente integrador - Revisión de capítulos. .................................................. 87

Imagen 35. Rol docente integrador - Observaciones. .............................................................. 87

Imagen 36. Rol docente integrador - Módulo de reportes. ...................................................... 88



xv

Imagen 37. Rol docente integrador - Módulo de reportes. ...................................................... 89

Imagen 38. Rol docente integrador - Rendimiento académico. ............................................... 90

Imagen 39. Rol docente integrador - Proyectos para titulación. .............................................. 91

Imagen 40. Rol estudiante - Módulo de seguimiento académico. ........................................... 92

Imagen 41. Rol estudiante - Plantilla y seguimiento de proyectos integradores. .................... 93

Imagen 42. Rol estudiante - Enviar capítulos. ......................................................................... 94

Imagen 43. Rol estudiante - Consulta y corrección de capítulos. ........................................... 94

Imagen 44. Rol estudiante - Corrección de capítulos. ............................................................. 95

Imagen 45. Rol estudiante - Módulo reportes. ......................................................................... 96

Imagen 46. Rol estudiante - Selección y visualización de información. ................................. 97

Imagen 47. Rol gestor - Módulo de reportes. .......................................................................... 98

Imagen 48. Rol gestor - Selección y visualización de información. ........................................ 99

Imagen 49. Rol - Administrador. ........................................................................................... 100

Imagen 50. Rol administrador - Mantenimiento usuarios. .................................................... 101

Imagen 51. Rol administrador - Visualización y mantenimiento de usuarios. ...................... 102

Imagen 52. Rol administrador - Mantenimiento de usuarios - Asignación de rol. ................ 102

Imagen 53. Rol administrador - Mantenimiento grupo de exposición. ................................. 103

Imagen 54. Rol administrador - Creación y mantenimientos de grupos. ............................... 104

Imagen 55. Rol administrador - Crear grupo. ........................................................................ 104



xvi

Índice de gráficos

Gráfico 1. Porcentaje de equipos tecnológicos dispone en su lugar de trabajo. ...................... 53

Gráfico 2. Porcentaje de docentes con acceso a internet en el equipo tecnológico. ................ 54

Gráfico 3. Porcentaje sobre el uso de herramientas tecnológicas es favorable para la

………….educación. ............................................................................................................... 55

Gráfico 4. Porcentaje sobre uso de herramienta tecnológica mejorará la eficiencia en los

………….proyectos integradores de saberes. .......................................................................... 56

Gráfico 5. Porcentaje de herramienta tecnológica más familiarizada. ..................................... 57

Gráfico 6. Porcentaje de conocimientos sobre el manejo de aplicaciones web. ...................... 58

Gráfico 7. Porcentaje sobre calificación de proyectos integradores mediante aplicación web.

.................................................................................................................................................. 59

Gráfico 8. Porcentaje sobre beneficiará el uso de una aplicación web para calificación de

………….proyectos integradores. ........................................................................................... 60

Gráfico 9. Porcentaje sobre aplicación móvil basada en este sistema web. ............................ 61

Gráfico 10. Porcentaje sobre desarrollo de aplicación móvil en sistema operativo. ............... 62



xvii

Índice de ilustraciones

Ilustración 1. Comparativo del proceso de calificación de proyectos integradores de saberes -

Proceso habitual. ............................................................................................. 68


Proceso sistematizado. .................................................................................... 69

Ilustración 3. Cuadro comparativo de lenguajes de programación. ......................................... 72

Ilustración 4. Cuadro comparativo de entornos de desarrollo integrado (IDE’s). ................... 73

Ilustración 5. Cuadro comparativo de servidores de aplicaciones web. .................................. 74

Ilustración 6. Cuadro comparativo de bases de datos. ............................................................. 75

Ilustración 7. Tipos de usuarios ............................................................................................... 77

Ilustración 8. Diseño de la base de datos - Modelo Entidad Relación (MER). ..................... 106

Ilustración 9. Tabla “ESTADOS”. ......................................................................................... 107

Ilustración 10. Tabla “MENU”. ............................................................................................. 107

Ilustración 11. Tabla “ROLES”. ............................................................................................ 108

Ilustración 12. Tabla “CICLOS”............................................................................................ 108

Ilustración 13. Tabla “PARALELO”. .................................................................................... 109

Ilustración 14. Tabla “PARTICIPANTE”. ............................................................................ 109

Ilustración 15. Tabla “PARAMETROS_PONDERACION”. ............................................... 110

Ilustración 16. Tabla “CONTENIDO_PROYECTO”. .......................................................... 110

Ilustración 17. Tabla “ROLES_MENU”. .............................................................................. 111

Ilustración 18. Tabla “PARTICIPANTE_ROLES”. .............................................................. 111

Ilustración 19. Tabla “GRUPOS”. ......................................................................................... 112

Ilustración 20. Tabla “DETALLE_GRUPOS”. ..................................................................... 112

Ilustración 21. Tabla “PONDERACIONES”. ....................................................................... 113

Ilustración 22. Tabla “DETALLE_PONDERACIONES”. ................................................... 113

Ilustración 23. Tabla “SEGUIMIENTO_ACADEMICO”. ................................................... 114

Ilustración 24. Tabla “DET_SEGUIMIENTO_ACADEMICO”. ......................................... 114



xviii

RESUMEN

Título del proyecto: Propuesta tecnológica enfocada a la automatización y gestión de

calificaciones de proyectos integradores mediante el uso de plataforma web para la carrera de

ISAC.

En el presente trabajo de titulación se fundamenta en la importancia de las

herramientas tecnológicas dentro de una organización o centro educativo, para alcanzar un fin

determinado. Por cual razón se presenta la propuesta tecnológica para la sistematización de

los Proyectos Integradores de Saberes en la carrera de Ingeniería en Sistemas Administrativos

Computarizados perteneciente a la Universidad de Guayaquil, que mediante el análisis de

información y requerimientos se desarrollará un diseño web, que contenga los

requerimientos consultados para el beneficio de la carrera. El sistema de gestión de Proyectos

Integradores (SIRES), es un diseño de plataforma web orientada a los procesos que surgen

en la elaboración de los Proyectos Integradores de Saberes, tales como gestión ponderativa,

gestión de seguimiento académico. El propósito del diseño web es dejar estructurados los

requerimientos consultados mediante el análisis y diseños de sistemas, ofreciendo un diseño

con interfaz amigable de fácil manipulación óptimo, para su posterior implementación.

Palabras claves: Tecnología, Sistematización, Sistema web, Diseño de sistemas.

Autores: Víctor Oswaldo Tipán Pozo.


Tutor: Ing. César Vallejo, MAE.



xix

ABSTRACT

Title: Web design oriented to the automation and management of the weighting

process of integrating projects for the career of Engineering in Computerized Administrative

Systems.

In the present work of qualification bases in the importance of the technological tools

within an organization or educative center, to reach a determined aim. For what reason is

presented the technological proposal for the systematization of Knowledge Integrating

Projects in the Computer Systems Management Engineering career belonging to the

University of Guayaquil, which through the analysis of information and requirements will

develop a web design, containing the requirements consulted for the benefit of the career.

The Integral Projects Management System (SIRES), is a web platform design oriented

to the processes that arise in the elaboration of Knowledge Integrating Projects, such as

weight management, academic follow-up management. The purpose of the web design is to

leave structured the requirements consulted through the analysis and designs of systems,

offering a design with friendly interface of easy optimal handling, for its later

implementation.

Keywords: Technology, Systematization, Web System, Systems Design.

Advisor: Ing. César Vallejo, MAE.

Authors: Víctor Oswaldo Tipán Pozo.


1

Propuesta tecnológica enfocada a la automatización y gestión de calificaciones de proyectos integradores

mediante el uso de plataforma web para la carrera de ISAC.

INTRODUCCIÓN

La Universidad de Guayaquil, se caracteriza principalmente por carecer de aprensión en

temas relacionados al ámbito tecnológico. Una de las inversiones más importantes que ha realizado

esta institución, es la del SIUG (Sistema Integrado de la Universidad de Guayaquil). Dicha

inversión ha sido una gran ayuda para los estudiantes, dejando a un lado la formalidad de manera

presencial para dar lugar a una formalidad virtual en muchos de los casos. No obstante, siempre

habrá necesidades por depurar y por consiguiente automatizar.

La presente investigación esta direccionada a atender una de las necesidades existentes en

la institución. Dicha necesidad fue percibida en el proceso ponderativo del P.I.S (Proyecto

Integrador de Saberes), lo cual se ejecuta en diferentes carreras. Sin embargo, este proyecto está

enfocado principalmente en la carrera de Ingeniería en Sistemas Administrativos Computarizados,

como un proyecto piloto. Se determinará las ventajas, desventajas y posibles riesgos que

conllevaría la aplicación de la propuesta.

Por consiguiente se presenta la estructura metodológica del proyecto:

El primer capítulo, describe la problemática investigativa, la cual aborda el planteamiento

del problema, detallando la situación actual del caso en estudio. Además de ello se detallan

aspectos generales y necesarios para comprender hacia donde esta direccionado el presente

proyecto; aspectos tales como, importancia y justificación del mismo.

El segundo capítulo, contiene un marco referencial de la investigación, indagando en

estudios y sucesos pasados aquellos que poseen relación directa con el objeto de estudio, teorías

útiles para el antecedentes investigativo, del mismo modo se presentan una concepción general de

términos que se utilizaran a lo largo del proyecto.

El tercer capítulo, está referido al marco metodológico en donde se describe el tipo de

investigación así como su diseño; además de los procedimientos planteados para obtener

2



información cuantificable mediante el uso de herramientas metodológicas de la que se pueda

obtener resultados verídicos para finalmente proceder con el análisis e interpretación de los datos

obtenidos.

El cuarto capítulo, se da a conocer la propuesta que está enfocada a la disipación y mejora

continua del problema en estudio, también se comenta la conclusión a la que se llegó con la

investigación y sin faltar las respectivas recomendaciones que se puedan dar una vez desarrollada y

analizada la investigación.

Nuestro método empleado de trabajo estará basado en una planificación y análisis de los

procesos vigentes que se desarrollan en la gestión de los proyectos integradores para su posterior

sistematización, además aplicaremos una metodología de investigación que nos servirá para la

fundamentación y justificación de nuestro trabajo de titulación.

Con soporte de esta investigación, es nuestra aspiración esquematizar un sistema web

mediante el análisis y requerimientos de los procesos que conlleva la gestión ponderativa de los

proyectos integradores, para que sea de gran ayuda a la institución universitaria.



1

CAPÍTULO I

PLANTEAMIENTO DEL PROBLEMA.

En el presente capítulo se encontrarán datos referentes a la evolución del problema, el

planteamiento de objetivos, hipótesis que llegaría a la solución del mismo, a más, dará a

conocer su justificación que conducen a la viabilidad de ejecución del trabajo.

1.1. Antecedentes del problema

Actualmente la gestión tecnológica va orientada al acceso a la información de

diferentes campos, otorgando lugar a la red informática mundial como una extensa fuente de

consulta, permitiendo que la mayor parte de publicaciones sean orientadas a la red de redes

computacionales, lo cual predispone a mantenerse al auge de las actualizaciones

tecnológicas. Esto propone la incursión en la automatización de los procesos y el uso de

internet para facilitar el trabajo a los docentes en la institución universitaria.

Debido a los grandes cambios causados por el internet, el tratamiento de la

información de manera automatizada es vital hoy en día. Por ende, para la carrera de

Ingenierías en Sistemas Administrativos Computarizados, contar con una plataforma web

para la calificación de proyectos integradores de saberes es indispensable, ya que esto le

permite a la Universidad de Guayaquil incursionar en el mundo de la transformación digital.

1.2. Planteamiento del problema

Los procesos que se realizan en la Universidad de Guayaquil, específicamente en la

carrera de Ingeniería en Sistemas Administrativos Computarizados al momento de calificar

los proyectos integradores de saberes, implican un alto número de inconvenientes, tales

como: la perdida de información, la obtención de información errónea, retraso en la entrega

de calificaciones, razones por las cuales se hace evidente la necesidad de realizar esta

propuesta tecnológica.



2

La Universidad de Guayaquil ha pasado por varios procesos de cambios los cuales

uno de ellos es adaptarse a la tecnología que actualmente está siendo usada y es de gran

ayuda para las organizaciones en cuanto a la optimización de procesos. La carrera de

Ingeniería en Sistemas Administrativos Computarizados carece de un mecanismo tecnológico

adecuado y adaptado netamente para atender este tipo de necesidad, actualmente el registro

de calificación de este tipo de proyectos se los lleva a cabo mediante el uso de la herramienta

conocida a nivel mundial por su nombre Microsoft Excel, el cual es un software perteneciente

al paquete Microsoft office desarrollado por la empresa Microsoft Corporation. El hecho de

ser un software que atiende necesidades estándares, no le permite a la mencionada carrera,

automatizar y gestionar por completo este proceso, el cual conlleva lo siguiente:

Revisión de título del proyecto.

Revisión de los integrantes del grupo que expone el proyecto.

Revisión si el proyecto cuenta con las líneas de investigación.

Revisión de los parámetros de calificación del proyecto.

Registro manual de calificación individual.

Registro manual de calificación grupal.

Realizar reporte total-final de la calificación.

1.3. Hipótesis

La sistematización del proceso ponderativo de los proyectos integradores ejercerá de

manera representativa sobre el ámbito académico y profesional de la institución.

1.4. Variables de la investigación

1.4.1. Variable independiente.

Sistematización del proceso ponderativo de P.I.S (Proyectos Integradores de saberes).



3

1.4.2. Variable dependiente.

Proceso ponderativo.

Diseño de sistema web.

1.5. Objetivos

1.5.1. Objetivo general.

Analizar la sistematización como alternativa de uso y su incidencia en el proceso

ponderativo del proyecto integrador de saberes.

1.5.2. Objetivos específicos.

Comparar el flujo del proceso sistematizado frente a los métodos convencionales

vigentes.

Determinar las tecnologías y metodologías aplicadas en el diseño web.

Evaluar los aspectos favorables y desfavorables de la sistematización del proceso

ponderativo.

1.6. Justificación de la investigación.

1.6.1. Justificación teórica.

El siguiente trabajo investigativo tiene como finalidad aplicar avances tecnológicos

permitiendo la creación de un aplicativo web para sistematizar el proceso ponderativo de los

proyectos integradores, la sistematización de datos consiste principalmente en la integración

y administración de información alfanumérica a través de diferentes aplicativos

computacionales, por lo cual es ideal para mejorar la situación actual de los docentes en el

desarrollo del proceso ponderativo de los proyectos integradores, de tal manera que le

favorezcan llevar un control mejor organizado y dar una mayor expectativa hacia las demás

carreras de la facultad.



4

1.6.2. Justificación práctica.

Para los docentes de la carrera de Ingeniería en Sistemas Administrativos

Computarizados al ejecutar esta propuesta dispondrán de una mejor organización y control al

momento de desarrollar el proceso ponderativo de los proyectos integradores; además tanto

los docentes y estudiantes se mejorará el proceso de comunicación en la carrera. Permitiendo

ofrecerle al docente de forma fácil e integrada al acceso a una plataforma web para el

desarrollo de proyectos integradores. Todo esto bajo una interface amigable que le

proporcionará a los docentes comodidad y seguridad a la hora de hacer uso de la

herramienta.

1.6.3. Justificación metodológica.

Desde el punto de vista metodológico, el presente estudio se realizará mediante: Una

investigación tipo proyectiva, apoyada en investigación de campo y documental. Realizar una

investigación de campo nos permitirá conocer todo lo que los docentes desean obtener

mediante un aplicativo web, como reportes individuales - grupales, reportes de temas y

aquellas variables que vamos a ir descubriendo mediante el desarrollo de encuestas y

entrevistas a los docentes de la carrera de Ingeniería en Sistemas Administrativos

Computarizados.

1.7. Delimitación del problema

El proyecto de investigación planteado se ejecutará en la Universidad de Guayaquil -

Facultad de Ciencias Administrativas, direccionando su uso específico para la carrera de

Ingeniería en Sistemas Administrativos Computarizados, el mismo que se efectuará en el

periodo lectivo 2018-2019 C2. El proceso de calificar los proyectos integradores de saberes,

da lugar en distintas facultades y carreras de esta institución universitaria, pero se ha tomado

como objeto de estudio la carrera mencionada anteriormente como proyecto piloto.



5

CAPÍTULO II

MARCO TEÓRICO

Mediante la determinación y análisis de los conceptos teóricos, es como se obtiene el

conocimiento necesario para poder desarrollar una propuesta verídica. El marco teórico actúa

como soporte de los conceptos teóricos para el planteamiento de una propuesta, lo cual

consiste en una recopilación de antecedentes y consideraciones teóricas, esto conlleva a la

interpretación de resultados y formulación de conclusiones.

2.1. Antecedentes teóricos.

2.1.1. Introducción a proyectos integradores de saberes.

La facultad de Ciencias Administrativas de la Universidad de Guayaquil con la

implementación de los proyectos integradores de saberes tiene como objetivo metodológico

de aprendizaje ayudar a los estudiantes a desarrollar una mentalidad creativa e innovadora, a

través de ideas de proyectos novedosos la cual a futuro le permitirá al estudiante el

emprendimiento de su propio negocio en el mercado existente.

Este proceso investigativo debe estar desarrollado bajo líneas de investigación y sus

temas deben estar acordes a requerimientos de cada carrera de la facultad, teniendo al

estudiante como protagonista de su investigación y al docente como facilitador de un proceso

de formación integral, en la cual se planifica , analiza y evalúa. En conclusión podemos

mencionar que la implementación de los proyectos integradores de saberes en la facultad de

Ciencias Administrativas es de gran importancia para el desarrollo del aprendizaje estudiantil

permitiendo desarrollar un nivel metodológico académico y un perfil consolidado en el

ambiente laboral.

La facultad de Ciencias Administrativas en cumplimiento de la normativa

correspondiente, propone la implementación de los proyectos integradores de saberes en sus



6

planes curriculares, los cuales nacen desde la cátedra integradora en los diferentes niveles y

que constituyen la estructura investigación-acción, para el abordaje desde las prácticas pre

profesionales de cada una de sus carreras (Facultad de Ciencias Administrativas, 2018).

Los proyectos integradores de saberes, conforman los componentes esenciales del

currículo para alcanzar la formación profesional, a partir de la praxis en el área pertinente al

nivel de conocimiento de los estudiantes y que estos deben tener una articulación con las

líneas de investigación, así como también con las líneas de las prácticas Pre Profesionales de

la carrera (Facultad de Ciencias Administrativas, 2018).

2.1.2. Análisis y diseño de sistemas.

Imagen 1. Análisis y diseño de sistemas.

Fuente: (Casylan, 2018)

Podemos definir que el análisis y diseño de sistemas es la función que se encargan los

analistas de sistemas que mediante el uso de las tecnologías de la información y

comunicación (TIC), dan soluciones a las organizaciones a través de una investigación al

problema que presente la organización para luego analizar la entrada o el flujo de datos y

diseñar o adaptar un sistema informático para el mejor funcionamiento de la organización.

(Kendall & Kendal, NECESIDAD DEL ANÁLISIS Y DISEÑO DE SISTEMAS,

2011) Afirman:



7

Mediante un análisis detallado, los analistas buscan identificar y resolver los

problemas correctos. Además, el análisis y diseño de sistemas se utiliza para analizar, diseñar

e implementar las soluciones en el apoyo para los usuarios y las funciones de negocios que se

pueden llevar a realizar mediante el uso de sistemas de información computarizados. Si un

sistema se instala sin un plan apropiado, a menudo los usuarios quedan muy insatisfechos y

dejan de usar el sistema. El análisis y diseño agrega estructura a los sistemas, y conforma

una función costosa que de otra manera se realizara al azar. El análisis y diseño de sistemas

involucra trabajar con los usuarios actuales y eventuales de los sistemas de información para

brindarles soporte en su empleo de las tecnologías en un entorno organizacional. (pág. 6)

Basándonos en la definición de los autores, mencionan la importancia del análisis y

diseño de sistemas, en la cual se puede considerar como una serie de procesos que se lleva a

cabo de forma sistemática para el beneficio en la mejora de una empresa mediante el uso de

sistemas de información computarizados.

Por otra parte el usuario cumple un rol importante ya que su participación en un

proyecto de sistema es imprescindible para un exitoso desarrollo de los sistemas de

información computarizados.

El rol que cumple el analista de sistema según (Kendall & Kendal, 2011) afirman:

El analista de sistemas evalúa en forma sistemática cómo interactúan los usuarios con

la tecnología y como operan las empresas, para lo cual examina los procesos de

entrada/salida de los datos y la producción de información con la intención de mejorar los

procesos organizacionales. Muchas mejoras implican un mejor soporte de las tareas de

trabajo de los usuarios y las funciones empresariales mediante el uso de sistemas de

información computarizadas. Esta definición enfatiza el uso de una metodología sistemática

para analizar (y potencialmente mejorar) lo que ocurre en el contexto. (pág. 6)



8

La definición de un analista de sistemas como lo recalca los autores es

necesariamente amplia, debe ser capaz de trabajar con todo tipo de personas, desempeñar

muchos roles y algunas veces tiene que lidiar con varios al mismo tiempo, pero los tres

principales roles que cumplen son como consultor, experto de soporte y agente de cambios.

Con lo consultado sobre análisis y diseños de sistemas podemos definir que

constituyen una parte fundamental para la mejora de una organización, el analista de

sistemas busca la solución al problema en colaboración con el usuario para luego analizar el

flujo de datos y diseñar o adaptar un sistema informático que beneficie la productividad de

una organización.

2.1.3. ¿Qué es una aplicación web?

Imagen 2. Aplicación web.

Fuente: (Mundo Emprende, 2018).

Una aplicación web es una aplicación o herramienta informática accesible desde

cualquier navegador, bien sea a través de internet (lo habitual) o bien a través de una red local

(Neosoft, 2018).

El propósito de una aplicación web es dejar de lado el tedioso proceso que conlleva la

instalación de un software en la PC (Personal Computer). De esta manera, gran cantidad de

usuarios únicamente necesitaran un dispositivo con acceso a internet para poder hacer uso de

cualquier software que este alojado en la red.



9

Actualmente existen grandes empresas que utilizan este tipo de herramientas para

manejar su negocio, tanto en la parte administrativa, comercial u operativa. No obstante, para

la utilización de estas herramientas se deben tomar en cuenta las normas de seguridad

informática existentes.

2.1.3.1. Ventajas de una aplicación web.

A diferencias a la App Nativa, con una sola Web App se llegará a todos los

dispositivos. Está programada para su reproducción en cualquier sistema operativo

(LinkedIn, 2018).

No necesita de previa instalación para el uso del sistema.

Actúa como Cliente – Servidor, es decir, todas las transacciones son instantáneas y

visibles para los usuarios conectados y no necesita de un esquema de replicación.

Se ejecutan a través de una simple URL. No necesita una actualización. La

modernización la debe sufrir la propia web (LinkedIn, 2018).

Su beneficio más importante, el precio. El desarrollo de una Web App es el más

económico (LinkedIn, 2018).

El usuario no necesita tener un equipo de alta gama para usar este tipo de

herramientas.

Gran parte de las aplicaciones web alojadas en la red, son de uso gratuito.

Puede estar disponible cualquier día de la semana a cualquier hora, así el usuario

gozará de las bondades del sistema sin restricción.

2.1.3.2. Desventajas de una aplicación web.

El usuario debe tener obligatoriamente una conexión a internet.

El tiempo de respuesta de las transacciones que se realicen va a depender de la calidad

de la conexión que el usuario tenga.



10

La aplicación deberá contar con tecnología “Responsive”, de lo contrario no podrá ser

utilizada en cualquier tipo de dispositivo.

El usuario siempre va a utilizar la última versión que haya proporcionado el

administrador de la página, es decir, tendrá que adaptarse siempre a los cambios de la

página web sin poder elegir la versión que a él le guste.

2.1.4. Lenguajes de programación.

Imagen 3. Lenguajes de programación.

Fuente: (Developeando, 2018).

Un lenguaje de programación es el medio de comunicación entre un equipo

computacional y una persona, mediante los lenguajes de programación es como se obtiene

todo lo relacionado a la funcionalidad de un equipo tecnológico, por ejemplo: menús,

interfaces, botones, cuadros de dialogo, etc. Todo sistema nace a partir de los lenguajes de

programación, son básicamente una serie de sentencias especialmente estructuradas con el fin

de realizar una instrucción al equipo tecnológico.

A la serie de sentencias de un lenguaje de programación, se las conoce como código

fuente, el cual se compila para convertirse en un sistema básico o robusto, dependiendo de lo

que se quiera lograr hacer. Sin los lenguajes de programación no podrían existir en la

actualidad: teléfonos tecnológicos, computadoras, tablets, robots, etc.



11

(Maestro de la Computación, 2018) Afirma: “Ada Lovelace desarrolla el primer

lenguaje de programación cuando escribió un algoritmo para la máquina analítica de Charles

Babbage”. Fue en 1843 cuando se desarrolló el primer lenguaje de programación por la

mencionada Ada Lovelace, la cual fue considerada una pionera en esta materia.

A lo largo de los años, los lenguajes de programación han avanzado enormemente,

posibilitando el óptimo desarrollo de un sistema informático, cuyas funcionalidades son

requeridas con tal importancia en la actualidad.

2.1.4.1. Clasificación de los lenguajes de programación.

Los lenguajes de programación se clasifican en 3 tipos:

2.1.4.1.1. Lenguaje de máquina.

Es un lenguaje “crudo”, o sea no cambia su estado natural. Ese lenguaje está formado

por string de números, definiendo la realización de las operaciones en una computadora,

haciéndose una tarea a la vez (Tecnología e Informática, 2018).

El lenguaje de máquina también llamado lenguaje binario, es el lenguaje básico de

una computadora, es el medio a través del cual, un procesador identifica la instrucción dada

por el usuario desde una interfaz, para poder realizar diferentes operaciones matemáticas con

el fin de dar una respuesta. Un simple clic en el mouse genera una instrucción en la

computadora, dicha instrucción se convierte en lenguaje binario, es decir, código de ceros y

unos “010110110”, lo cual es interpretado por el CPU de la máquina.

2.1.4.1.2. Lenguaje assembler o ensamblador.

Ese lenguaje consiste de abreviaciones de expresiones en inglés que son operaciones

elementales, donde se originó la base del lenguaje Assembler. Los assembleros son

programas traductores que convierten los primeros programas de lenguaje assembler en

lenguaje de máquina a la velocidad de la computadora (Tecnología e Informática, 2018).



12

El lenguaje ensamblador también denominado como “Lenguaje de Bajo Nivel” es el

lenguaje más cercano al lenguaje binario, ya que trabaja directamente con instrucciones

dirigidas al hardware de la máquina. Fue creado a partir de la necesidad de dar órdenes a la

máquina, ya que para un programador es difícil dar instrucciones en lenguaje binario, es

decir, ceros y unos “01110101110”, por ello este lenguaje es de bajo nivel. Para que este

lenguaje sea interpretado por el procesador de la maquina es necesario un “Ensamblador”, el

cual es un programa que convierte todo el código ensamblador en código binario.

2.1.4.1.3. Lenguaje de alto nivel.

Son instrucciones únicas que pueden ser escritas para realizar tareas sustanciosas. Los

programas traductores son también conocidos con el nombre de compiladores (convierten los

programas de lenguaje en alto nivel en lenguaje de máquina). Este tipo de lenguaje permite a

los programas escribir instrucciones que se parezcan al inglés y contienen notaciones

matemáticas comúnmente utilizadas. Los lenguajes en C,C++, .NET y JAVA son de este tipo

de lenguaje (Tecnología e Informática, 2018).

Los lenguajes de alto nivel también conocidos como “Lenguajes Evolucionados”

fueron creados con la finalidad de independizarse de la máquina, es decir, poder ejecutar el

mismo programa en diferentes máquinas, por ellos tenemos en la actualidad sistemas

informáticos que pueden ser instalados y usados en cualquier PC, posibilitando el manejo en

el ámbito empresarial. Así como el lenguaje ensamblador, este necesita de un compilador, el

cual lo provee el fabricante. Este compilador convierte todo el código en binario para ser

interpretado por el procesador.



13

2.1.4.2. Lenguaje de programación PHP.

Imagen 4. Lenguaje de programación PHP.

Fuente: (Emagister, 2018).

El lenguaje PHP (PHP Hypertext Pre-processor) es uno de los más antiguos (fue

creado en 1995 por la empresa PHP Group) y utilizados en el diseño de páginas web que

utilizan bases de datos (Registro Dominios Internet, 2018).

La empresa que desarrollo PHP garantizo el desempeño de este lenguaje de

programación en cuanto a la compatibilidad con las diversas bases de datos existentes. No

obstante, por lo general se utiliza PHP con base de datos MySql ya que son tecnologías que

trabajan en conjunto para dar un mejor rendimiento.

El simple hecho de ser PHP un lenguaje interpretado por el servidor, da la facilidad y

eficiencia en el proceso de carga del sistema, dando así un tiempo de respuesta mínimo. Ya

que en cada interacción del usuario en el sistema, el lenguaje reacciona, proporcionando una

agilidad en la usabilidad y experiencia de usuario cautivante.

No todos los hostings o alojamientos web soportan PHP ya que requiere que el

servidor tenga instalado IIS o Apache con las librerías de PHP. La extensión de los archivos

de este lenguaje es la .php. Es uno de los lenguajes de programación web más populares por

su rapidez y la facilidad de desarrollo (Registro Dominios Internet, 2018).

Esta podría ser una desventaja de este lenguaje pero actualmente existen muchos

servidores con estos componentes los cuales son un requisito para el uso de PHP, la mayoría



14

tienen un costo cómodo para el bolsillo pero esto va a depender la capacidad del servidor que

va a ser adquirido.

2.1.4.2.1. Ventajas de PHP.

Es un lenguaje de programación de tiene una comunidad muy extensa de

desarrolladores web, lo cual ayuda al soporte técnico.

Lo soportan la mayoría de las plataformas de alojamiento web (Registro Dominios

Internet, 2018).

Puede adaptarse en etiquetas HTML, aunque para los desarrolladores web no es una

buena práctica.

Tiene ciertas características de los lenguajes orientados a objetos como la utilización

de clases y herencias (Registro Dominios Internet, 2018).

Puede ser ejecutado en distintos sistemas operativos, tales como: Windows, Mac OS,

Linux, etc., esto facilita el desarrollo de la aplicación web.

Se ejecuta del lado del servidor, es decir, el código PHP no es visible para usuarios

habilidosos en desarrollo de sistemas, esto aporta a la seguridad de los datos.

Es un lenguaje con el que se pueden crear páginas dinámicas, esto ayuda a la

eficiencia en el tratamiento de los datos.

Está en continuo desarrollo y soporta numerosas funcionalidades (Registro Dominios

Internet, 2018).

2.1.4.2.2. Desventajas de PHP.

Es necesario configurar correctamente el código fuente o esto podría dejar brechas de

seguridad.

Se necesita obligatoriamente un servidor web para alojar el sistema.

Es recomendable que el servidor web sea propio.

Parte del contenido de las páginas puede no ser accesible a los navegadores,

dificultando el posicionamiento de las páginas (Registro Dominios Internet, 2018).



15

2.1.4.3. Lenguaje de programación C# bajo el Framework ASP.NET.

Imagen 5. Lenguaje de programación C# bajo el Framework ASP.NET.

Fuente: (Microcosm, 2018).

C# es un lenguaje elegante, con seguridad de tipos y orientado a objetos, que permite

a los desarrolladores crear una gran variedad de aplicaciones seguras y sólidas que se

ejecutan en .NET Framework .NET (Microsoft, 2018).

El lenguaje de programación C# ha conseguido una gran comunidad de

desarrolladores que necesitan crear una aplicación web, ya que este se ejecuta del lado del

servidor tomando a ASP.net como framework, el cual se ejecuta del lado del cliente.

ASP.NET es un modelo de desarrollo web unificado que incluye los servicios

necesarios para crear aplicaciones web empresariales con el código mínimo. ASP.NET forma

parte de .NET Framework y al codificar las aplicaciones ASP.NET tiene acceso a las clases

en .NET Framework (Microsoft, 2018).

Tanto ASP como PHP tienen la bondad de ejecutarse del lado del servidor pero las

limitantes que existen para ASP son considerables en cuanto a servidores. Sin embargo, es un

lenguaje que propone mucho a todos los desarrolladores de sistemas web. Así mismo, ASP y

PHP ofrecen la facilidad al desarrollador para que puedan crear sus páginas en un editor de

texto estándar, tales como: notepad, notepad++, bloc de notas (windows), etc. No obstante,

existen Integrated Development Environment (IDE), por su traducción al español “Entorno



16

de desarrollo integrado”, el cual es un programa más estructurado, que facilita librerías y

herramientas para agilitar el desarrollo web.

Los creadores de este lenguaje pensaron en el comportamiento dinámico del mismo

pero al ser un producto de Microsoft precisa requisitos específicos para la implementación de

un sistema desarrollado bajo este lenguaje, ya que Microsoft siempre ha sido una empresa

muy exigente en cuanto a la utilización de sus productos.

2.1.4.3.1. Ventajas de ASP.NET.

En cada actualización del Framework, este se vuelve más estable.

Soporta el lenguaje JScript de Microsoft (una especia de Javascript) (Registro

Dominios Internet, 2018).

Soporte continuo por parte de Microsoft Corporation.

La seguridad de las páginas web es respaldada por autenticaciones de Windows y

configuraciones avanzadas.

El lenguaje ASP.NET soporta programación C#, VB.NET y J#. Es un lenguaje

completamente orientado a objetos (Registro Dominios Internet, 2018).

2.1.4.3.2. Desventajas de ASP.NET.

La mayoría de los servidores para sistemas desarrollados bajo este lenguaje son

costosos.

El servidor que será adquirido, deberá cumplir con varios requisitos para que la

aplicación web pueda ser instalada, tanto en software como hardware.

Es un código propietario de Microsoft no abierto (Registro Dominios Internet, 2018).

Las páginas web no son multiplataforma, es decir, necesitan de un servidor de

Microsoft.

No es fácil de leer e interpretar, se necesita escribir más código para hacer lo mismo

que con otros lenguajes como el PHP (Registro Dominios Internet, 2018).



17

2.1.4.4. Lenguaje de programación JAVA bajo el framework JSF (Java Server Faces).

Imagen 6. Lenguaje de programación JAVA bajo el framework JSF (Java Server Faces).

Fuente: (Aipbarcelona, 2018).

Como cualquier lenguaje de programación, el lenguaje Java tiene su propia estructura,

reglas de sintaxis y paradigma de programación. El paradigma de programación del lenguaje

Java se basa en el concepto de programación orientada a objetos (OOP), que las funciones del

lenguaje soportan (IBM, 2018).

Java es uno de los lenguajes de programación más usados en todo el mundo, aunque

tiene la fama de ser un lenguaje que consume muchos recursos de la máquina, la comunidad

de usuarios o desarrolladores que lo utilizan, es muy amplia. La sintaxis de este lenguaje

suele ser algo compleja ya que se maneja bajo la programación orientada a objetos. Para

poder usarlo en el ámbito web, es necesario usar frameworks, los cuales se ejecutan del lado

del cliente, estos franeworks son la estructura de la página como tal, tomando a Java como

código base que se ejecuta en el servidor.

La tecnología Java Server Faces es un framework de interfaz de componentes de

usuarios del lado del servidor para las aplicaciones web basadas en la tecnología Java (Junta

Andalucia, 2018).

JSF ha sido uno de los frameworks más utilizados a nivel empresarial ya que se

conecta directamente con la etapa de negocio de los sistemas, dando la facilidad al momento



18

de programar. Muchos desarrolladores crean sus aplicaciones bajo este framework. Java

Server Faces fue pensado para grandes sistemas como un ERP, siendo esta una limitante para

el uso en pequeños sistemas.

Para crear aplicaciones bajo este framework es necesario usar la versión de java

denominada J2EE (Java 2 Enterprise Edition), lo cual es una versión que fue pensada para el

ámbito empresarial y cuenta con tecnologías tales como: Enterprise JavaBeans (EJB), Java

Server Page (JSP), Java Servlet, etc. Estas tecnologías son herramientas que facilitan el

desarrollo de las aplicaciones web hasta su implementación.

A continuación se presentan algunas de las ventajas y desventajas que presenta este

framework basado en la tecnología java:

2.1.4.4.1. Ventajas de JSF.

El código JSF es muy parecido a las etiquetas de HTML estándar.

Cuando hay una actualización en la versión de JSF, las aplicaciones que fueron

creadas con versiones anteriores, por lo general no se ven afectadas.

Su desarrollo basado en MVC (Modelo Vista Controlador), permite que el

mantenimiento de la aplicación web sea más fácil ya que es una estructura organizada.

Permite utilizar componentes que aportan con validaciones, mensajes de error o

conversiones de datos en las vistas (pantallas de las páginas web).

La tecnología Java Server Faces proporciona una rica arquitectura para manejar el

estado de los componentes, procesar los datos, validar la entrada del usuario, y

manejar eventos (Junta Andalucia, 2018).



19

2.1.4.4.2. Desventajas de JSF.

Encaja más en entornos intranet que internet.

Tiene muchas limitaciones en cuanto al diseño de las páginas que verán los usuarios,

por esta razón es que solamente las grandes empresas optan por el uso de este

framework.

Su adaptabilidad a distintos dispositivos es nula en un 95%, pero en la actualidad se

están desarrollando tecnologías que cubran esta desventaja.

Su naturaleza como estándar hace que la evolución de JSF no sea tan rápida como

pueda ser la de otros entornos como WebWork, Wicket, Spring, etc. (Junta Andalucia,

2018).

2.1.5. Entornos de desarrollo integrado (IDE’s).

Un entorno de desarrollo integrado, llamado también IDE (sigla en inglés de

integrated development environment), es un programa informático compuesto por un

conjunto de herramientas de programación. Puede dedicarse en exclusiva a un solo lenguaje

de programación o bien puede utilizarse para varios (Software de Programación, 2018).

Estos entornos de desarrollo son básicamente la solución que todo desarrollador de

sistemas esperaba hace muchísimos años, en la actualidad existen diversos programas de

desarrollo que facilitan la operatividad del programador, estos facilitan: herramientas,

plugins, frameworks; y demás características que son muy importantes para agilitar la

creación de los sistemas.

Grandes empresas como Microsoft son las que proveen de estos IDE’s, en su mayoría

son dedicados a un solo lenguaje de programación o para diversos, una característica de los

IDE’s, es que la mayoría son pesados y consumen gran parte de los recursos de la máquina

pero esto era de esperarse de un programa que sirve para crear sistemas robustos que existen

en la actualidad.



20

Para dar uso a este tipo de programas, es necesario que el desarrollador de sistemas

cuente con una capacidad específica en su computador, estas especificaciones técnicas las da

el fabricante del IDE. En su mayoría, el ordenador en el que se desarrollara un software, debe

ser de gama media.

2.1.5.1. Ejemplos de IDE’s.

El IDE más famoso no es aquel que permite programar en diferentes lenguajes, sino el

que brinda la posibilidad de crear el sistema con la mayor facilidad del mundo, aquel que

ayuda al programador a terminar un sistema en el menor tiempo posible, claro está, que

también influyen las bondades del lenguaje de programación.

A continuación se presentan algunos ejemplos de IDE’s más conocidos, cuyas

características y bondades son las que les han permitido ser famosos en el mundo de la

informática y ser los favoritos de muchos programadores.

2.1.5.1.1. NetBeans.

NetBeans es un proyecto de código abierto con una gran base de usuarios, una

comunidad en constante crecimiento, y con cerca de 100 socios (¡y subiendo!) en todo el

mundo. Sun MicroSystems fundó el proyecto de código abierto NetBeans en junio de 2000 y

continúa siendo el patrocinador principal de los proyectos (NetBeans, 20118).

Este IDE contiene variedad de herramientas, es multiplataforma y se pueden

programar sistemas basados en lenguajes de programación como: java, PHP, etc. El tiempo

de carga de la interfaz puede ser demorado dependiendo de la capacidad de la computadora y

también de la cantidad de proyectos que se encuentren abiertos en el programa.

La variedad de idiomas no es algo que caracterice este programa ya que su idioma

materno es el inglés. Sin embargo, se encuentra disponible en idiomas como: Portugués de

Brasil, japonés, chino, etc. También, cuenta con una comunidad muy extensa de



21

programadores que prestan sus conocimientos para promover la mejora continua ya que es un

programa de código abierto.

2.1.5.1.2. Visual Studio.

Imagen 7. Visual Studio.

Fuente: (Programacion, 2018).

Visual Studio es un conjunto de herramientas y otras tecnologías de desarrollo de

software basado en componentes para crear aplicaciones eficaces y de alto rendimiento,

permitiendo a los desarrolladores crear sitios y aplicaciones web, así como otros servicios

web en cualquier entorno que soporte la plataforma (MSN, 2018).

En el caso de este IDE, las características son bastantes competentes a comparación de

otros, empezando por decir que tiene a la gran empresa mundialmente conocida Microsoft

Corporación. No obstante, es un IDE que únicamente se limita al desarrollo de sistemas

basados en productos de la misma empresa, es decir, los únicos lenguajes de programación en

la que se puede trabajar con este programa son: Visual Basic, C#, F#, etc. Sin embargo, es un

programa totalmente amigable desde el primer uso. Contiene herramientas bastantes útiles

para los programadores, una de ellas es “Team Foundation Server”, la cual ayuda a crear

versiones de una aplicación, de esta manera se aporta a que el programador tenga un historial

de desarrollo que se puede descargar desde la nube.



22

2.1.5.1.3. Eclipse.

Imagen 8. Eclipse.

Fuente: (Eclipse, 2018).

Eclipse es una plataforma de desarrollo, diseñada para ser extendida de forma

indefinida a través de plug-ins. Fue concebida desde sus orígenes para convertirse en una

plataforma de integración de herramientas de desarrollo (GENBETA, 2018).

La popularidad de este entorno de desarrollo esta enormemente establecida entre los

programadores de Java, aunque está disponible para otros lenguajes de programación. Cuenta

con herramientas que ayudan al programador a versionar sus sistemas y poder guardarlos en

un servidor ya sea local o en la nube. También tiene un potente comparador de versiones de

proyecto, lo cual ayuda a integrar de manera más fácil nuevos cambios que se hayan hecho en

el proyecto en desarrollo.

Como todos los IDE’s expuestos anteriormente, este también consume muchos

recursos de la computadora, por ende, es necesario contar con una buena capacidad y más

aún, si se trata del desarrollo de un sistemas empresarial y robusto.

2.1.5.2. Ventajas de IDE’s.

Contiene variedad de complementos útiles para el programador.

Permiten la realización de backups de los proyectos en desarrollo.

Permite verificar errores en los códigos.

Compatibles con la mayoría de repositorios de versiones de proyectos.

Permite que la programación sea más eficiente ya que ayuda con la predicción de

palabras al escribir un código.

Permite la depuración del código.



23

La mayoría son gratuitos.

Posibilita la navegación entre archivos.

Facilita la refactorización de archivos, es decir: renombrar, mover, copiar, etc.

2.1.5.3. Desventajas de IDE’s.

Consumen gran parte de los recursos de la computadora.

Muchos componentes que no son propios del IDE, son de paga.

Si el sistema que se va a desarrollar es bastante robusto, se obtendrá lentitud si el

computador no tiene una buena capacidad.

2.1.6. Servidores de aplicaciones web.

Un servidor web es el encargado de manejar páginas web y enviarlas a través de la red

a quienes lo requieran y tengan los permisos para dichas páginas. Son los principales

encargados de generar el tráfico en internet puesto es a través de ellos se realizan las

conexiones a todos los sitios web del mundo, toda página web está almacenada en uno de

estos servidores, los cuales en su mayoría pertenecen a empresas de hosting que arriendan sus

servicios para que los clientes almacenen sus páginas web en ellos teniendo acceso a ellos

durante las veinticuatro horas del día (Hostname, 2018).

La función que cumple un servidor web, es bastante sencilla, el usuario hace la

petición y el servidor responde. Esto es llevado a cabo gracias a que el servidor, es el que

aloja los archivos de la página web que serán usados por los usuarios, mediante la

comunicación vía internet con el protocolo HTTP, en la mayoría de los casos.

En términos generales, un servidor web es una computadora cuya capacidad

(hardware) es mucho más avanzada que la capacidad de una computadora normal y corriente

que se tiene en el hogar. Esto es totalmente necesario ya que serán muchos los usuarios que

se conectaran a la página web alojada en el servidor, por ende, se realizaran un sin número de



24

transacciones por usuarios, lo que se convierte el algo muy complejo de procesar para una

computadora ordinaria.

Muchas empresas se dedican al negocio de alquiler de servidores web, de hecho, un

gran porcentaje de sitios web están alojados en servidores alquilados. Esto se debe a que la

adquisición de un servidor incurriría en gastos mayores de los que un dueño de un sitio web

promedio podría pagar. Esta industria también llamada web hosting, radica simplemente en

tener que alquilar un espacio de memoria en la nube y por consiguiente la administración de

los datos.

2.1.6.1. Servidores web locales.

El desarrollo de aplicaciones web se ha vuelto tan necesario para muchos

programadores, desde el nacimiento de la red de computadoras, cada vez es más frecuente el

uso de sistemas informáticos, desde el ámbito empresarial hasta en el interior de nuestros

hogares. He aquí la gran necesidad de poder tener un área de prueba en donde no sea

necesario alquilar un servidor web en la nube para el proceso de desarrollo de sistemas web.

Por ende, en la actualidad existen variedad de softwares que permiten que la PC (Personal

Computer – Computadora Personal) se convierta en un servidor de aplicaciones web,

otorgando herramientas necesarias para levantar una página web en la PC.

A continuación se presenta algunos softwares que permiten montar un servidor web

local para el desarrollo de aplicaciones web.



25

2.1.6.1.1. XAMPP.

Imagen 9. XAMPP.

Fuente: (Mantenimientos de una pc, 2018).

Quizás uno de los más conocidos es XAMPP. Incorpora un servidor apache, un

sistema gestor de bases de datos MySQL y lenguajes como PHP y Perl. Además, ofrece

soporte para gestionar cuentas FTP, acceso a bases de datos mediante PHPMyAdmin, bases

de datos SQLite y varias otras características (Emezeta, 2018).

La instalación de este software de escritorio es muy fácil, con unos cuantos clics será

suficiente para tenerlo operativo en la PC. Además, es un software de código abierto, lo que

quiere decir, que el programador va a poder modificar la configuración del software a como

crea conveniente. Todo esto se debe realizar con sumo cuidado, ya que si no se conoce la

forma correcta de configurar el servidor, este no arrancará. Como nota adicional, cada vez

que se cambia la configuración y el servidor estaba levantado, este deberá ser reiniciado ya

que los archivos de configuración se cargan al iniciar el servidor.

Otra característica de este programa, es que sus bondades multiplataforma le permiten

ejecutarse en diferentes sistemas operativos, tales como: Windows, Linux, Mac, etc. Es muy

fácil de usar y totalmente gratuito, con soporte de una gran comunidad de desarrolladores que

usan este programa.



26

2.1.6.1.2. WAMPServer.

Imagen 10. WAMPServer.

Fuente: (Sites, 2018).

Otro de los stacks WAMP más conocidos es WampServer (o simplemente WAMP).

Se trata de un conjunto Apache + MySQL + PHP para Windows, en el que además se incluye

PHPMyAdmin para gestionar las bases de datos y webgrind como profiler para analizar el

rendimiento de aplicaciones PHP5 en nuestro servidor (Emezeta, 2018).

WAMPServer es un servidor muy parecido a XAMPP, la diferencia es que el primero

contiene una herramienta de análisis sobre el rendimiento de las aplicaciones web que se

hayan montado en el servidor. No tiene una interfaz gráfica como tal para escritorio,

solamente hace falta dar un clic derecho sobre el icono del programa que se está ejecutando

en segundo plano (área de notificaciones de Windows) para poder gestionar el servicio

apache, PHP y el servicio de base de datos. Es allí donde vamos a poder iniciar los servicios o

a detenerlos. Este icono trabaja por medio de colores para comunicar al usuario el estado en

el que se encuentran los servicios, haciendo referencia a las luces de un semáforo.

A continuación se detalla el significado de los colores con los que se comunica

WAMPServer:

El color ROJO determina que todos los servicios mencionados anteriormente, están

detenidos, esto mayormente pasa cuando realizamos un cambio en los archivos de

configuración, si es que lo hemos hecho de una forma incorrecta.



27

El color NARANJA determina que no todos los servicios se han iniciado

correctamente, y.

El color VERDE nos indica que todos los servicios se han iniciado correctamente.

2.1.6.1.2. Microsoft WebMatrix.

Imagen 11. Microsoft WebMatrix.

Fuente: (Steven Follis, 2018)

WebMatrix es un sistema que permite al usuario crear sus propias aplicaciones web

(HTML5, PHP, ASP, NodeJS, etc...) o desplegar las más comunes de una galería (Wordpress,

nopCommerce, Joomla, etc...), pudiendo publicarlas posteriormente en un servidor en la nube

como Azure (Emezeta, 2018).

Como bien se reconoce en el nombre de este servidor de aplicaciones, es un producto

de Microsoft Corporation, cuyo objetivo es ayudar a aquellos usuarios que no cuentan con la

capacidad suficiente en su máquina para el desarrollo de aplicaciones web desde visual

studio, he aquí donde entra este servidor, el cual permite crear y publicar archivos en la nube.

Sin embargo, es una aplicación pesada y requiere de conocimientos intermedios en desarrollo

web para poder manejarla con adecuación.



28

2.1.7. Bases de datos.

Imagen 12. Bases de datos.

Fuente: (Ofimatica II Univia, 2018)

En términos generales, las bases de datos ya sean registros en una hoja improvisada de

Excel o una estructura organizada, son indispensables para poder llevar un control con la

información que se está procesando. Las bases de datos son el corazón de todo negocio,

desde el más pequeño hasta el más grande, ya que independientemente de ser una estructura

organizada, es lo que contiene toda la información de la empresa.

Ahora bien, en términos informáticos, las bases de datos son grandes estructuras en la

que se pueden guardar enormes cantidades de datos de una manera organizada, para luego

encontrar y utilizar fácilmente para nuestra conveniencia.

(Platzi, 2018) Afirma “Las bases de datos han sido fundamentales en el desarrollo de

sistemas para las organizaciones. Conocer y manipular bases de datos resulta útil para un

sinfín de usos, desde procesos de negocio, como crear una startup o un sistema de

información eficiente y productivo, hasta temas mucho más especializados como Big Data.”

2.1.7.1. Características de las bases de datos.

Una de las características de las bases de datos es la “Integridad”, esto se refiere a que

los datos tendrán validez y consistencia, es decir, estarán cubiertos de restricciones y

reglas que no se pueden violar, lo cual es aplicable tanto a los datos como a las



29

relaciones. Sin embargo, esto solo puede ser realizado mediante un Sistemas Gestor

de Base de Datos (SGBD).

Otra de las características que tienen las BD, es que permiten realizar respaldos y

restauraciones de datos. Esto contribuye a la conversación y protección de la

información.

La seguridad es algo que también caracterizan a las bases de datos. Sin embargo, esto

se debe realizar cuidadosamente, ya que es aquí donde vamos a restringir la

accesibilidad a la información para determinados usuarios.

La concurrencia es otra característica con las que se identifican las BD, esto ayuda al

control de las conexiones, permite la administración de los usuarios que se conectan,

lo cual es algo que no se podría comparar con algún sistema de ficheros en el que la

integridad de los datos se perdería. En pocas palabras, permite que varios usuarios se

puedan conectar al mismo tiempo de forma estable.

2.1.7.2. SqlServer.

Imagen 13. SqlServer.

Fuente: (Itpro Today, 2018).

SQL Server es un sistema de gestión de bases de datos relacionales (RDBMS) de

Microsoft que está diseñado para el entorno empresarial. SQL Server se ejecuta en T-SQL

(Transact -SQL), un conjunto de extensiones de programación de Sybase y Microsoft que



30

añaden varias características a SQL estándar, incluyendo control de transacciones, excepción

y manejo de errores, procesamiento fila, así como variables declaradas (Tech Target, 2018).

La última versión lanzada por Microsoft Corporation, es la Sql Server 2017 pero

únicamente hasta el momento está disponible para el sistema operativo Linux. Actualmente

se está utilizando Sql server 2016, ya que lleva más tiempo en el mercado y es más estable.

Tiene varias funcionalidades como:

Linked server: Utiliza conexión TCP para la transportación de datos hacia una base

externa. Para lograr esto se debe configurar correctamente la base destino para evitar

fallos en el paso de información, ya que no solamente se podrá enviar información,

sino también: extracción y eliminación de datos.

Programación de tareas: Tal y como se hace en Windows, en sql server se pueden

programar tareas que deberán ejecutarse cada cierto tiempo en un determinado día o

días. El responsable de la ejecución es “Sql Server Agent” el cual es una herramienta

integrada a SQL Server.

2.1.7.3. MySql.

Imagen 14. MySql.

Fuente: (PngImg, 2018).

MySQL fue inicialmente desarrollado por MySQL AB (empresa fundada por David

Axmark, Allan Larsson y Michael Widenius). MySQL A.B. fue adquirida por Sun

Microsystems en 2008, y ésta a su vez fue comprada por Oracle Corporation en 2010, la cual



31

ya era dueña desde 2005 de Innobase Oy, empresa finlandesa desarrolladora del motor

InnoDB para MySQL (Luis Solano, 2018).

Este Sistema Gestor de Base de Datos es uno de las más populares en el ámbito web,

junto con la base de datos ya mencionada SqlServer. Es muy útil al momento de diseñar y

programar bases de datos de tipo relacional, ya que cuenta con una interfaz muy amigable

para el desarrollador. Se caracteriza por la velocidad en la búsqueda de la información

permitiendo así, el desempeño óptimo de los sistemas web.

En cuanto al tratamiento de la información, esta base de datos tiene una cualidad

especial que limita al Administrador de Base de Datos a realizar inserciones y actualizaciones

de datos sin antes confirmar la transacción (commit). Esto contribuye a mantener la

coherencia e integridad de los datos registrados.

2.1.7.3.1. Ventajas de MySql.

Permite crear MER (Modelo Entidad Relación) de una manera sencilla y rápida.

MySQL software es Open Source (Mape, 2018).

La mayoría de los proveedores de hosting ofrecen esta base de datos sin ningún costo

adicional.

Facilidad de configuración e instalación (Mape, 2018).

Cuenta con una comunidad muy grande que brinda soporte técnico ampliamente

disponible.

Soporta gran variedad de Sistemas Operativos (Mape, 2018).

Debido a que el software gestor es open source, permite al programador configurar el

software a su gusto y conveniencia para entornos específicos.

2.1.7.3.2. Desventajas de MySql.

La versión gratuita no sirve para el ámbito empresarial.



32

Tiene limitaciones en el procesamiento de las búsquedas, además que si la quieres

usar para ambientes corporativo no te va a servir por su poca estabilidad, si quieres

usarla para proyectos de la escuela o bases de pequeños negocios que no requieren

alta disponibilidad, la puedes utilizar (Mape, 2018).

La mayoría de utilitarios y herramientas de MySql no están documentadas.

Limitación es la escalabilidad de los datos, es decir, soporta aproximadamente hasta 8

TB de información.

2.1.7.4. Oracle.

Imagen 15. Oracle.

Fuente: (Chittagongit, 2018).

La compañía, que es la tercera en tener más ganancias en el mundo del software

después de Microsoft e IBM, fue fundada por Larry Ellison, Bob Miner y Ed Oates en 1977,

después de que Ellison se inspirara en un libro de Edgar Codd, un científico británico, que

trata sobre sistemas de manejo de bases de datos. Ese libro se llamaba algo así como “Un

Modelo Relacional de Datos para Grandes Bancos de Datos Compartidos” (Hipertextual,

2018).

A medida que pasa el tiempo, Oracle Corporation ha implementado mejoras en su

software, la última versión lanzada fue “Oracle 12c” y aunque la empresa nunca se ha

interesado por mejorar la apariencia de las interfaces, ahora lo ha hecho. Esta versión de

Oracle facilita la migración de la información a la nube sin tener que realizar ningún tipo de

cambio en los sistemas que se conectan a la base.



33

2.1.7.4.1. Ventajas de oracle.

Es un software multiplataforma.

Modelo relacional: los usuarios visualizan los datos en tablas con el formato

filas/columnas (Femxa, 2018).

Algunas versiones de Oracle permiten la administración de bases de datos distribuidas

Alta disponibilidad: escalabilidad, protección y alto rendimiento para la actividad

empresarial (Femxa, 2018).

Permite el uso de particiones para mejorar la eficiencia en cuanto a la replicación de

datos.

Modelo relacional: los usuarios visualizan los datos en tablas con el formato

filas/columnas (Femxa, 2018).

2.1.7.4.2. Desventajas de oracle.

Interfaz gráfica poco intuitiva.

Incapaz de ejecutar procesamientos recursivos.

Sensibilidad en la búsqueda de caracteres.

2.1.8. Framework CSS - Bootstrap.

Imagen 16. Framework CSS - Bootstrap.

Fuente: (Troop Software Factory, 2018).



34

En 2011, Bootstrap se creó como solución interna para solucionar las inconsistencias

en el desarrollo dentro del equipo de ingeniería de Twitter. Básicamente, no se había

establecido ninguna convención sobre las formas en las que los ingenieros de twitter elegían

cómo desarrollar la plataforma (Presta Shop, 2018).

Aunque comenzó como una solución interna en twitter, Mark y Jacob, pronto se

dieron cuenta de que aquello tendría un gran potencial. En agosto de 2011, el framework

Bootstrap fue lanzado al público como proyecto Open Source en Github. En los siguientes

meses, miles de desarrolladores de todo el mundo contribuyeron al proyecto y Bootstrap se

convirtió en el proyecto Open Source más activo del mundo (Presta Shop, 2018).

En los últimos años, Bootstrap ha demostrado ser un framework completo ya que sus

bondades son suficientemente efectivas en el diseño web. Permite crear páginas web

profesionales, en la que se usaran muchos componentes y elementos, dichos componentes

estas pre-configurados y disponibles en Bootstrap. Estos componentes son muy sencillos de

usar y sobre todo son “RESPONSIVE”, es decir, se pueden adaptar a los diferentes tamaños

de pantalla que existen. Esto le brinda al usuario la posibilidad de abrir la página web en su

smartphone, tablet, etc. Ya que está orientado al concepto Mobile First (diseñar pensando

primeramente en los móviles), todo esto haciéndolo de una manera visualmente atractiva y

sin que la plataforma pierda en lo absoluto su capacidad de funcionamiento y usabilidad.

La eficiencia de Bootstrap permite que el desarrollador web se preocupe menos por la

construcción del FRONT-END de la página y centre su trabajo en el modelo de negocio de la

misma.

2.1.8.1. Ventajas de bootstrap.

Utiliza componentes vitales para los desarrolladores: Como HTML5, CSS3, jQuery o

GitHub, entre otros (Alba, 2014).

Tiene una extensa comunidad de desarrolladores que dan soporte.



35

Incluye Grid system: Muy útil para maquetar por columnas (Alba, 2014).

Ofrece plantillas gratuitas para sitios web.

Contiene tutoriales: Este framework facilita mucha documentación para resolver

dudas, tanto a principiantes como a desarrolladores expertos (Alba, 2014).

Es de código abierto, es decir, gratuito y disponible para su modificación.

2.1.8.2. Desventajas de bootstrap.

Los desarrolladores están obligados a personalizar el CSS que viene pre-definido, ya

que un sin número de sistemas web, utilizan los diseños de bootstrap.

Debido a los márgenes, anchos y saltos de líneas pre-definidos que ofrece bootstrap,

hacer un cambio en el código fuente sería algo tedioso.

Si no existe un componente que necesitamos, se debe crear aparte.

2.1.9. JavaScript.

Imagen 17. JavaScript.

Fuente: (Stack Exchange, 2018).

A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo

hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a

desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a incluir

formularios complejos (Libros Web, 2018).



36

Con unas aplicaciones web cada vez más complejas y una velocidad de navegación

tan lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el

navegador del usuario. De esta forma, si el usuario no rellenaba correctamente un formulario,

no se le hacía esperar mucho tiempo hasta que el servidor volviera a mostrar el formulario

indicando los errores existentes. (Libros Web, 2018)

Brendan Eich, un programador que trabajaba en Netscape, pensó que podría

solucionar este problema adaptando otras tecnologías existentes (como ScriptEase) al

navegador Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó

a su lenguaje LiveScript. (Libros Web, 2018)

Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo

del nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió

cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente

por marketing, ya que Java era la palabra de moda en el mundo informático y de Internet de

la época (Libros Web, 2018).

La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya

incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft

lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al que

le cambiaron el nombre para evitar problemas legales (Libros Web, 2018).

Gracias a JavaScript se pueden realizar un sin número de validaciones en la interfaz

de usuario antes de poder acceder a la información de la base de datos, se pueden realizar

validaciones tales como: campos de texto vacíos, dirección de correo electrónico mal

ingresado, ingresar solo números en campos de texto, controlar archivos multimedia; y

muchas otras cosas más que solo se ejecutaran en el navegador del usuario. Esto funciona

como dinamizador del formulario, permitiendo la interactividad entre el sistema web y el

usuario.



37

Lo primero que tiene que ocurrir para que se ejecute JavaScript, es que el formulario

de la página o toda la estructura HTML y CSS esté lista para ser usada, es decir, todo debe

estar juntado y congregado dentro de la página web y finalmente se ejecutará el código

JavaScript que hayamos escrito o de lo contrario la página web no va a mostrar nada más que

un error.

2.1.9.1. Ventajas de JavaScript.

Es un lenguaje de código abierto, por ende se puede modificar a la conveniencia del

desarrollador.

Es soportado por los navegadores más populares y es compatible con los dispositivos

más modernos, incluyendo iPhone, móviles y PS3 (NextU, 2018).

Como es un lenguaje que se ejecuta a nivel de cliente, las respuestas serán inmediatas,

ya que no influye la conexión a base de datos, hasta cierto punto.

Es una buena solución para poner en práctica la validación de datos en un formulario

(NextU, 2018).

Ofrece efectos dinámicos para la interactividad con el usuario.

Cuenta con múltiples opciones de efectos visuales (NextU, 2018).

2.1.9.2. Desventajas de JavaScript.

En el FrontEnd sus códigos son visibles, por lo tanto pueden ser leídos por cualquier

usuario (NextU, 2018).

Puede ejecutarse código malicioso con JavaScript pero existen estándares de

seguridad para regular esto.

Sus opciones 3D son limitadas, si se quiere utilizar este lenguaje de programación

para crear un juego, deben emplearse otras herramientas (NextU, 2018).

Se pueden escribir grandes bloques de código JavaScript dentro de los archivos

HTML, lo cual es una mala práctica en desarrollo web. No obstante, esto se controla



38

creando archivos con extensión “.js” para tener todo el código JavaScript separado de

las etiquetas HTML.

2.1.9.3. Librería JQuery.

Imagen 18. Librería JQuery.

Fuente: (Nano Tutoriales, 2018).

JQuery fue creada inicialmente por Jhon Resig y fue presentada el 14 de enero de

2006 en el BarCamp NYC convirtiéndose, ahora, en la biblioteca de JavaScript más utilizada

(El Viento 365, 2018).

El soporte que JQuery tiene para AJAX fue agregado en febrero de 2006. En

Septiembre de 2007 mostró una nueva interfaz de usuario y tenía gran popularidad tanto es

así que en Septiembre de 2008 Microsoft y Nokia anunciaron su soporte (El Viento 365,

2018).

JQuery no es un lenguaje de programación, más bien es una librería de JavaScript que

contiene todas las funcionalidades que permiten optimizar el trabajo del desarrollador. Es

básicamente todos los métodos de JavaScript empaquetados y simplificados en una sola

librería. Por ejemplo, si antes se utilizaban 3 líneas de código para cambiarle el diseño a un

campo de texto de un formulario, pues ahora con una línea de código podrá llevarse a cabo.

Una de las características fundamentales de JQuery, es su compatibilidad con

múltiples navegadores web, actuando como un administrador de los componentes de los

formularios. Esto incluye: manejo de eventos, efectos y animaciones, modificaciones de los

componentes del formulario, uso de AJAX, obtención de información de los componentes,

etc.



39

2.1.10. Froala Editor.

Imagen 19. Froala editor.

Fuente: (Froala Editor, 2018).

Froala Editor es un editor ligero WYSIWYG HTML escrito en Javascript que permite

la capacidad de edición de texto enriquecido para sus aplicaciones (Froala Editor, 2018).

Este componente tiene la alta capacidad de manejar cadenas de texto de una manera

eficaz y fue tomado en cuenta para este proyecto por sus bondades innumerables.

A continuación se presenta una imagen del editor de texto con todas sus funciones

activadas:

Imagen 20. Froala editor – Full featured.

Fuente: (Froala Editor, 2018).

Como observamos en la imagen, froala editor posee la capacidad de: exportar el texto,

imprimir, importar video, importar imágenes, agregar tablas, etc.

Debido a que este editor de texto está desarrollado bajo el lenguaje de programación

JavaScript, lo hace altamente compatible ya que no utiliza una librería como tal para activar

sus funcionalidades.



40

2.1.11. CanvasJS.

Imagen 21. CanvasJS.

Fuente: (CanvasJS, 2018).

CanvasJS es una librería que adapta la tecnología de HTML5 con el lenguaje de

programación JavaScript, cada gráfico creado bajo esta tecnología es totalmente compatible y

adaptable a diferentes dispositivos.

Cuenta con una variedad de gráficos en la que podremos representar los datos que

queramos analizar. Cada gráfico y su manera de dibujarse en una página HTML están

completamente documentado, lo que lo hace fácil en la integración y uso. Existen

demostraciones de ejemplo en la página web del componente, para que podamos comprobar

la velocidad en la carga de datos hacia el componente.

A continuación se presenta una imagen con uno de los tantos gráficos que ofrece

CanvasJS:

Imagen 22. CanvasJS - Ejemplo de gráfico.

Fuente: (CanvasJS, 2018).



41

2.2.Marco conceptual

2.2.1. Definiciones generales del proceso investigativo.

2.2.1.1. Aplicación web.

Una aplicación web es cualquier aplicación que es accedida vía web por una red como

internet o una intranet. (ALEGSA, 2018)

2.2.1.2. Navegador web.

Aplicación que sirve para acceder a la www (todas las páginas web) y "navegar" por

ella a través de los enlaces. ( ALEGSA , 2018)

2.2.1.3. Desarrollo web.

Proceso de creación y mantenimiento de páginas web, generalmente para ser parte de

un sitio web disponible en la www. (ALEGSA, 2018)

2.2.1.4. Dispositivo móvil.

Término genérico que describe computadoras tan pequeñas que entran en un bolsillo.

Puede usarse como sinónimo de handheld, y se consideran un tipo de computadora móvil.

(ALEGSA, 2018)

2.2.1.5. URL.

Uniform Resource Locator o, en español, Localizador uniforme de recursos. La URL

es una forma de organizar la información en la web. (ALEGSA, 2018)

2.2.1.6. PHP.

(PHP Hypertext Pre-processor). Lenguaje de programación usado generalmente en la

creación de contenidos para sitios web. Es un lenguaje interpretado especialmente usado para

crear contenido dinámico web y aplicaciones para servidores, aunque también es posible

crear aplicaciones gráficas utilizando la biblioteca GTK+. (ALEGSA, 2018)



42

2.2.1.7. Bibliotecas.

En informática, una biblioteca es una colección o conjunto de subprogramas usados

para desarrollar software. En general, las bibliotecas no son ejecutables, pero sí pueden ser

usadas por ejecutables que las necesitan para poder funcionar correctamente. (ALEGSA,

2018)

2.2.1.8. HTML.

(Hyper Text Mark-up Language o Lenguaje de Marcas de Hipertexto). Lenguaje

desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales (por

ej. hipervínculos). Es la base para la creación de páginas web tradicionales. (ALEGSA, 2018)

2.2.1.9. Código fuente.

(Source code, code base). Texto escrito en un lenguaje de programación específico y

que puede ser leído por un programador. Debe traducirse a lenguaje máquina para que pueda

ser ejecutado por la computadora o a bytecode para que pueda ser ejecutado por un intérprete.

Este proceso se denomina compilación. (ALEGSA, 2018)

2.2.1.10. Servidor web.

Servidor que se dedica a prestar servicios relacionados a la www, especialmente para

que un sitio web esté disponible en internet. (ALEGSA, 2018)

2.2.1.11. Framework.

(Web application framework) Un framework para aplicaciones web sirve para el

desarrollo web: aplicaciones web, sitios web dinámicos y servicios web. (ALEGSA, 2018)

Los frameworks proporcionan herramientas, bibliotecas, plantillas, códigos y

aplicaciones de ejemplos, etc., que facilitan el desarrollo web. (ALEGSA, 2018)

2.2.1.12. Interfaz gráfica de usuario.

En informática, GUI es un conjunto de formas y métodos que posibilitan a los

usuarios la interacción con un sistema, empleando para esto gráficos e imágenes. (ALEGSA,

2018)



43

2.2.1.13. Responsive web.

Una web Responsive es aquella que es capaz de adaptarse a cualquier dispositivo

donde se visualice. (Digival, 2018)

2.2.1.14. ASP.NET.

ASP.net de Microsoft es una tecnología de script del servidor que puede usarse para

crear aplicaciones web dinámicas e interactivas. (Websiteos, 2018)

2.2.1.15. Multiplataforma.

Multiplataforma es la capacidad de un software de soportar múltiples plataformas

informáticas. Cross-platform en inglés. (ALEGSA, 2018)

2.2.1.16. Base de datos.

(Database). Almacén de datos relacionados con diferentes modos de organización.

Una base de datos representa algunos aspectos del mundo real, aquellos que le interesan al

diseñador. Se diseña y almacena datos con un propósito específico. (ALEGSA, 2018)

2.2.1.17. CSS.

CSS o Cascade Style Sheet (en español Hoja de estilo en cascada), es el lenguaje que

se utiliza para escribir las hojas de estilo, las cuales definir el aspecto visual de un documento

(documentos HTML y similares como XHTML, XML...). (ALEGSA, 2018)

2.2.1.18. Bootstrap.

En informática, el bootstrapping hace referencia al proceso donde un sistema simple

activa otro sistema más complejo para servir al mismo propósito. (ALEGSA, 2018)

2.2.1.19. JavaScript.

Lenguaje de programación interpretado, o sea, no requiere compilación. Es utilizado

especialmente en páginas web embebido en el código HTML o similares. La mayoría de los

navegadores pueden interpretar los códigos JavaScript incluidos en las páginas web.

(ALEGSA, 2018)



44

2.2.1.20. Validación de datos.

En seguridad informática, la validación de datos es una de las áreas más importantes a

tener en cuenta, especialmente en el desarrollo de sistemas conectados a redes como internet.

Validar datos hace referencia a verificar, controlar o filtrar cada una de las entradas de datos

que provienen desde el exterior del sistema. (ALEGSA, 2018)



45

2.3. Marco legal

2.3.1. Lineamientos generales de proyectos integradores de la Facultad de Ciencias

Administrativas.

(Reglmentos y Normas FCA, 2018):

Consideraciones legales:

Considerando que: l

El Artículo 26 de la Constitución de la República del Ecuador, dispone que:

“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. Las personas, las familias y la sociedad tienen el derecho y la responsabilidad

de participar en el proceso educativo”.

El Artículo 350 de la Constitución de la República del Ecuador, establece que:

“El sistema de educación superior tiene como finalidad la información académica y

profesional con visión científica y humanística; la investigación científica y tecnología; 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.”

El Artículo 8 de la Ley Orgánica de Educación Superior, indica:

Serán Fines de la Educación Superior. - La educación superior tendrá los siguientes

fines:

a) Aportar al desarrollo del pensamiento universal, al despliegue de la producción

científica y a la promoción de las transferencias e innovaciones tecnológicas;

b) Fortalecer en las y los estudiantes un espíritu reflexivo orientado al logro de la

autonomía personal, en un marco de libertad de pensamiento y de pluralismo

ideológico;



46

c) Contribuir al conocimiento, preservación y enriquecimiento de los saberes ancestrales

y de la cultura nacional;

Y considerando también el Modelo Pedagógico y Diseño Curricular en las págs. 124 –

125 establece:

El proceso formativo en el marco de un modelo basado en formación, se caracteriza

por:

“Proyectos integradores de saberes y cátedras integradoras de la teoría con la praxis

pre profesional /…/” Pág. No. 124-125

La Facultad de Ciencias Administrativas en cumplimiento de la normativa

correspondiente, propone la implementación de los Proyectos Integradores de Saberes en sus

Planes Curriculares, los cuales nacen desde la Cátedra Integradora en los diferentes niveles y

que constituyen la estructura Investigación-Acción, para el abordaje desde las prácticas pre

profesionales de cada una de sus carreras.

Los Proyectos Integradores de Saberes, conforman los componentes esenciales del

currículo para alcanzar la Formación Profesional, a partir de la Praxis en el área pertinente al

nivel de conocimiento de los estudiantes y que estos deben tener una articulación con las

Líneas de Investigación, así como también con las Líneas de las Prácticas Pre Profesionales

de la Carrera.

Las Cátedras Integradoras en la Estructura del Plan de Estudios

La estructura y malla curricular ha planificado, ocho Proyectos Integradores de

Saberes dentro de la carrera, que se detallan en el Apéndice A, los cuales serán manejados

por una asignatura articuladora (Cátedra Integradora) en cada uno de los niveles de la

Formación Básica, Profesional o de Titulación, según correspondan. Las Cátedras

Integradoras son componentes del Plan Curricular que van en el orden del campo de

formación de la Praxis Profesional en su componente “Teórico Metodológico”, y que se



47

encargan de articular los distintos aportes que realizan cada una de las asignaturas

colaborativas.

Consideraciones y responsabilidades generales:

3. El Gestor de Prácticas Pre Profesionales de carrera establecerá el cronograma de

desarrollo de la cátedra integradora, desde la conformación de los equipos de trabajo hasta la

exposición y entrega del informe final por parte del docente de catedra integradora.

6. El Docente Coordinador de los Proyectos Integradores de Saberes por cada paralelo

será el docente que imparte la cátedra integradora (ver Apéndice A) y éste se encargará de

establecer las mesas de trabajo necesarias con los docentes de las cátedras colaborativas para

establecer el proceso de seguimiento en la realización del mismo.

10. Los Proyectos Integradores de Saberes serán desarrollado por equipos de trabajo,

mismos que podrá ser de entre 4 y 6 estudiantes del primer nivel hasta el séptimo nivel, y de

2 estudiantes para octavo nivel; una vez conformado los equipos estos deben notificarse al

Gestor de Prácticas Profesionales de la carrera en el formato que se muestra en el Apéndice

C.

13. En el primer parcial los grupos de trabajo no realizarán exposición del avance del

trabajo, únicamente entregarán un ejemplar del documento, digital (PDF) para su evaluación.

Evaluando lo siguiente: Aplicación de norma APA (última versión)…1,00

punto

Estructuración del Proyecto (según numeral 12):………..2,00 puntos

Total:… 3,00 puntos

15. En el segundo parcial se calificará el documento completo (según numeral 12) en

formato digital (PDF) y la exposición que cada equipo de trabajo realizará, según el

cronograma establecido por el Gestor de Prácticas Pre Profesionales de cada carrera, dentro



48

de la Cátedra Integradora tomando en cuenta el componente correspondiente a su materia

bajo la rúbrica que consta en los Apéndice E y F.

Evaluando lo siguiente:

Contenido del Proyecto:….………...………………………1,50 puntos

Exposición del Proyecto:……………..………....……….... 1,50 puntos

Total: 3,00 puntos

La ponderación de los aspectos a evaluar en el segundo parcial (especificando que

porcentaje de los tres puntos corresponden a cada factor a evaluar) debe regirse a lo descrito

en el Apéndice G.



49

CAPÍTULO III

METODOLOGÍA

En este capítulo se describe los métodos usados tanto para la recolección de

información y todos los resultados que han obtenido por medio de encuestas para el análisis

posterior a fin de lograr el objetivo de la investigación, lo cual se detalla a continuación:

3.1. La metodología

“La metodología es el estudio analítico y crítico de los métodos de investigación y de

prueba (Villalba Avilés, 2013)”. Al hablar de metodología de la investigación podemos

mencionar que es aquel que especifica la forma de elaborar un conocimiento científico y

verídico, de tal manera que nos conceda extraer información destacada sobre los hechos que

se han establecidos como así también el impacto que tiene.

3.2. Diseño metodológico

A través del diseño metodológico podremos corroborar la hipótesis y lograr los

objetivos planteados de la investigación, mediante diversos procedimientos que nos

otorgaran respuestas a las observaciones que fueron mencionadas.

Lo fundamental del diseño metodológico “nos ayuda en el logro opcional de la

investigación, indicando las estrategias de cómo lograr los objetivos específicos”, además

menciona que “científicamente es un procedimiento general para lograr de una manera

precisa el objetivo de la investigación; por lo cual se presentan los métodos y técnicas para la

realización de la información” (Tamayo, 2004).

En este capítulo detallaremos el proceso que se realizó en la investigación indicando

los métodos, técnicas e instrumentos que se pusieron en práctica para el desarrollo de la

propuesta tecnológica, permitiendo cumplir con los objetivos planteados en la investigación y

dando una solución al problema presentado.



50

3.3. Tipo de investigación

Siguiendo la metodología de (Hernandez, Fernandez, & Baptista, 2003), hay estudios

exploratorios, descriptivos, correlacionales y explicativos.

Por lo cual acorde a la investigación realizada se seleccionó los siguientes tipos de

investigación:

Descriptivos

Exploratorios

3.3.1. Investigación descriptiva.

Según el autor (Fideas G, El Proyecto de Investigación, 2012), define: La

investigación descriptiva consiste en la caracterización de un hecho, fenómeno, individuo o

grupo, con el fin de establecer su estructura o comportamiento. Los resultados de este tipo de

investigación se ubican en un nivel intermedio en cuanto a la profundidad de los

conocimientos se refiere. (pág. 24)

En este estudio aplicamos la investigación descriptiva, en este tipo de investigación se

especifica en cada una las propiedades y atributos dentro del problema, por lo cual busca

detallar aspectos importantes que ayudaron a la investigación a evaluar y medir su

relevancia. Por lo cual en esta investigación se estudiaran los datos recolectados, para así

tener en cuenta cuales serían las variables vinculadas a la aplicación web.

3.3.2. Investigación exploratoria.

Según el autor (Fideas G, 2012) , define: La investigación exploratoria es aquella que

se efectúa sobre un tema u objeto desconocido o poco estudiado, por lo que sus resultados

constituyen una visión aproximada de dicho objeto, es decir, un nivel superficial de

conocimientos. (pág. 23)



51

En este estudio aplicamos la investigación exploratoria para obtener todo lo referente

a la investigación de información sobre aplicaciones web, que han sido precisos para

argumentar el aplicativo web con el refuerzo de folletos, manuales, sitios electrónicos,

bibliotecas virtuales, etc. Esto medios nos favorecieron en el avance de la propuesta

tecnológica con su información sobre un determinado tema.

3.4. Enfoque de la investigación

Esta investigación se desarrolló mediante enfoque mixto, en lo cual el enfoque

cuantitativo se aplica al utilizar la técnica de la encuesta, a través de ella se obtendrá

resultados numéricos y un enfoque cualitativo al enfocarse en una recolección de

información usando las entrevistas cuyos resultados se analizarán e interpretarán para

obtener una conclusión detallada.

Como lo definen (Hernández, Fernández, & Baptista, 2014) el enfoque mixto:

A diferencia de la investigación cuantitativa, que se basa en una hipótesis, la

cualitativa suele partir de una pregunta de investigación, que deberá formularse en

concordancia con la metodología que se pretende utilizar. En las últimas décadas, numerosos

investigadores han apuntado a un método “mixto”, que integra ambos enfoque, Este enfoque

aún es polémico, pero su desarrollo ha sido importante en los últimos años.

3.5. Población

La carrera de Ingeniería en Sistemas Administrativos Computarizados perteneciente a

la Facultad de Ciencias Administrativas cuenta con un total de 22 docentes pertenecientes a

la jornada matutina hasta la nocturna. El estudio a realizar será solo a docentes de la carrera

mencionada.



52

3.6. Técnica e instrumentos de investigación

La recopilación de datos necesarios para poder avanzar en el proyecto de dará gracias

a la utilización de los siguientes métodos:

3.6.1. La encuesta

Se realizó encuestas de forma online a los docentes de la carrera de Ingeniería en

Sistemas Administrativos Computarizados con preguntas claras y claves para poder obtener

resultados concretos. Una vez recopilada la información se podrá diseñar una propuesta ideal

para lograr el objetivo establecido. (Anexo A)

Para poder procesar los datos de la encuesta se seguirá el siguiente procedimiento:

Tabulación de las encuestas: En este primer paso se deberá tomar en cuenta las

encuestas que fueron realizadas vía online a través de Google Forms, lo cual

obtendremos resultados de los docentes de la carrera de Ingeniería en Sistemas

Administrativos Computarizados. (Anexo B)

Interpretación gráfica de las tabulaciones: Después de recopilar los resultados de

cada pregunta realizada en la encuesta online se procederá a realizar gráficos para

tener una mejor interpretación de dicha información.

Análisis de la información: Por último, una vez interpretada la información de cada

una de las interrogantes se muestran los datos estadísticamente y se realiza un breve

resumen de los mismos, lo cual permitirá establecer un análisis general.



53

3.7. Análisis de los resultados

El análisis de los resultados se conlleva por la utilización de Google Form para el

desarrollo de la encuestas vía online, donde se pregunta sobre la importancia de herramientas

tecnológicas en la educación, si dispone con equipos tecnológicos en su lugar de trabajo,

entre otras y así también se realizó una entrevista.

Con la recolección de toda la información se ha procedido al análisis de cada pregunta y

esto llevará a una conclusión en cada una de las interrogantes planteadas.

De las encuestas realizadas se muestran los resultados a continuación:

Pregunta 1: ¿Cuáles de estos equipos tecnológicos dispone en su lugar de trabajo?

Tabla 1. Equipos tecnológicos que dispone en su lugar de trabajo.

Descripción Cantidad Porcentaje

Smartphone 8 36%

Tablet 2 9%

Laptop 10 45%

Pc de Escritorio 1 5%

Ninguno 1 5%

Total 22 100%

Fuente: Resultado de la encuesta realizada.

Elaborado por: Tipán Victor - Tufiño Bryan.


Elaborado por: Tipán Victor -Tufiño Bryan.

Gráfico 1. Porcentaje de equipos tecnológicos dispone en su lugar de trabajo.



54

Análisis:

Esta pregunta se formuló para saber sobre que equipos tecnológicos disponen los

docentes en el lugar de trabajo, obteniendo los siguientes resultados estadísticos: El 45 % de

los docentes encuestados disponen de una Laptop, un 36% disponen de un Smartphone a su

vez un 9% disponen de Tablet, dejando un 5% con Pc de escritorio y el mismo porcentaje con

ninguna. Mediante el análisis podemos interpretar que los docentes en un porcentaje mayor

disponen de equipos tecnológicos.

Pregunta 2: ¿Cuenta con acceso a internet en el equipo tecnológico?

Tabla 2 Cuenta con acceso a internet en su equipo tecnológico.


SI 19 86%

No 3 14%

Total 22 100%





Análisis:

Gráfico 2. Porcentaje de docentes con acceso a internet en el equipo tecnológico.



55

Esta pregunta se formuló para conocer si cuentan con acceso a internet en el equipo

tecnológico mencionado, obteniendo los siguientes resultados estadísticos: El 86% de los

docentes encuestados cuentan con acceso a internet en sus equipos tecnológicos, dejando un

14% que no disponen de internet. Mediante el análisis podemos interpretar que un porcentaje

mayor de docentes cuentan con acceso a internet en su equipo tecnológico.

Pregunta 3: ¿Cree usted que el uso de herramientas tecnológicas para la educación es

favorable tanto para el docente como para el estudiante?

Tabla 3 El uso de herramientas tecnológicas es favorable para la educación.


SI 22 100%

No 0 0%

Total 22 100%





Análisis:

Esta pregunta se formuló para conocer la opinión sobre el uso de herramientas

tecnológicas en la educación, obteniendo el siguiente resultado estadístico: El 100% de los

Gráfico 3. Porcentaje sobre el uso de herramientas tecnológicas es favorable para la educación.



56

docentes encuestados optaron por el Sí, dejando un 0% en la opción No. Mediante el análisis

podemos interpretar que los docentes están a favor de que el uso de las herramientas

tecnológicas es favorable para la educación.

Pregunta 4: ¿Considera usted que el uso de una herramienta tecnológica mejorará la

eficiencia en el proceso ponderativo de los proyectos integradores de saberes?

Tabla 4 Uso de una herramienta mejorará la eficiencia en los proyectos integradores de saberes.


SI 20 91%

Tal vez 2 9%

No 0 0%

Total 22 100%



Gráfico 4. Porcentaje sobre uso de herramienta tecnológica mejorará la eficiencia en los proyectos

integradores de saberes.



Análisis:

Esta pregunta se formuló para conocer la opinión de los docentes sobre la mejora de la

eficiencia del proceso ponderativo de los proyectos integradores de saberes con el uso de una

herramienta tecnológica, obteniendo el siguiente resultado: El 91% de los docentes



57

encuestados opto por la opción Si, dejando un 9% con la opción Tal vez y un 0% en la

opción No. Mediante el análisis podemos interpretar que los docentes en su mayor porcentaje

se pronunciaron a favor del uso de una herramienta tecnológica para mejorar la eficiencia en

el proceso ponderativo de los proyectos integradores.

Pregunta 5: ¿Con qué herramienta tecnológica se familiariza más?

Tabla 5 Herramienta tecnológica que más se familiariza.


Aplicaciones Web 6 27%

Aplicaciones Móvil 2 9%

Ambas 13 59%

Ninguna 1 5%

Total 22 100%



Gráfico 5. Porcentaje de herramienta tecnológica más familiarizada.



Análisis:

Esta pregunta se formuló para conocer la familiarización del uso de las herramientas

tecnológicas en los docentes, obteniendo los siguientes resultados estadísticos: El 59% de los

docentes encuestados selecciono que tiene familiarización con ambas herramientas

tecnológicas, un 27% se familiariza con aplicaciones Web, un 9% se familiariza con



58

aplicaciones Móviles y dejando un 5% de docentes que no se familiariza con ninguna. Con

estos resultados podemos analizar que los docentes con un porcentaje mayor si están

familiarizaos con herramientas tecnológicas.

Pregunta 6: ¿Qué nivel de conocimientos tiene usted en el manejo de aplicaciones

web?

Tabla 6 Nivel de conocimientos en el manejo de aplicaciones web.


Básico 3 14%

Medio 13 59%

Avanzado 5 23%

Ninguna 1 4%

Total 22 100%



Gráfico 6. Porcentaje de conocimientos sobre el manejo de aplicaciones web.



Análisis:

Esta pregunta se formuló para conocer el nivel de conocimiento que tienen los

docentes en el manejo de aplicaciones web, obteniendo los siguientes resultados estadísticos:

El 59% de los docentes encuestados selecciono por la opción Medio, un 23% por la opción



59

Avanzado, la opción Básica obtuvo un 14%, dejando un 4 % en la opción Ninguna.

Analizando los resultados estadísticos podemos conocer que un porcentaje mayor de docentes

tiene conocimientos en el manejo de aplicaciones web.

Pregunta 7: ¿Le gustaría poder calificar los proyectos integradores desde una

aplicación web adaptable a dispositivos móviles, teniendo en cuenta que no tendrá que

instalar absolutamente nada en su dispositivo?

Tabla 7 Calificación de proyectos integradores mediante una aplicación web.



Gráfico 7. Porcentaje sobre calificación de proyectos integradores mediante aplicación web.



Análisis:

Esta pregunta se formuló para conocer la viabilidad de la propuesta tecnológica

planteada poniendo en manifiesto la opción de poder llevar a cabo el proceso de

calificaciones de los proyectos integradores mediante una aplicación web, obteniendo los

siguientes resultados estadísticos: El 91% de los docentes encuestados optaron por el Sí, un


SI 20 91%

Tal vez 2 9%

No 0 0%

Total 22 100%



60

9% optaron por Tal vez, dejando un 0% la opción Ninguna. Analizando los resultados

estadísticos podemos conocer que el mayor porcentaje de docentes, ve como positiva esta

propuesta planteada.

Pregunta 8: ¿Personalmente cree que le beneficiará el uso de una aplicación web

adaptable a dispositivos móviles para la calificación de los proyectos integradores?

Tabla 8 Beneficiará el uso de una aplicación web para la calificación de proyectos integradores.


SI 21 95%

No 1 5%

Total 22 100%



Gráfico 8. Porcentaje sobre beneficiará el uso de una aplicación web para calificación de proyectos

integradores.



Análisis:

Esta pregunta se formuló para conocer la opinión personal de los docentes sobre si le

beneficiaría el uso de una aplicación web para calificación de proyectos integradores,

obteniendo los siguientes resultados estadísticos: Un 95 % de los docentes encuestados

optaron por la opción Si, mientras que el 5% restante optaron por la opción No. Con estos



61

resultados estadísticos podemos analizar que le mayor porcentaje de docentes a manera

personal opina que si le beneficiará una aplicación web.

Pregunta 9: ¿Le gustaría a futuro poder contar con una aplicación móvil basada en

este sistema web?

Tabla 9 Aplicación móvil basada en este sistema web.


SI 18 82%

Tal vez 4 18%

No 0 0%

Total 22 100%



Gráfico 9. Porcentaje sobre aplicación móvil basada en este sistema web.



Análisis:

Esta pregunta se formuló para conocer a futuro si los docentes les gustaría contar el

sistema web propuesto en aplicación móvil, obteniendo los siguientes resultados estadísticos:

Un 82% de los docentes encuestados optaron por la opción Si, mientras que un 18 % optaron

por la opción Tal vez dejando un 0% en la opción No. Con estos resultados estadísticos



62

podemos analizar que el mayor porcentaje de los docentes les gustaría a futuro contar con una

aplicación web basado en el sistema web propuesto.

Pregunta 10: ¿Para qué sistema operativo le gustaría a futuro que se desarrolle una

aplicación móvil?

Tabla 10 Sistema operativo le gustaría a futuro se desarrolle una aplicación móvil.


Android 9 41%

iOS 1 5%

Ambas 12 54%

Total 22 100%



Gráfico 10. Porcentaje sobre desarrollo de aplicación móvil en sistema operativo.


Elaborado por: Tipán Victor - Tufiño Bryan

Análisis:

Esta pregunta se formuló para conocer la preferencia de un sistema operativo para

móviles para el desarrollo a futuro, obteniendo los siguientes resultados: Un 54% de los

docentes encuestados optaron por la opción Ambas, mientras que un 41% optaron por la

opción Android dejando un 5% a la opción iOS. Con estos resultados estadísticos analizamos



63

que el porcentaje está dividido, los docentes prefieren un desarrollo a futuro en ambos

sistemas operativos, pero a su vez el de más preferencia es el sistema operativo Android.

3.8. Análisis de las encuestas

De acuerdos a los resultados obtenidos de la encuesta realizada a los docentes de la

carrera de Ingeniería en Sistemas Administrativos Computarizados de la Universidad de

Guayaquil se pudo establecer las siguientes interpretaciones:

El mayor número de docentes de la carrera cuenta con un equipo tecnológico en su

lugar de trabajo, a su vez estos equipos tecnológicos cuentan con internet que es

importante para la propuesta tecnológica presentada.

El mayor número de docentes opina que el uso de herramientas tecnológicas es

favorable para la educación, por lo cual un mayor porcentaje considera que uso de la

misma mejorará la eficiencia en el proceso ponderativo de los proyectos integradores

de saberes.

Los docentes encuestados manifestaron que están familiarizados con aplicaciones web

y a su vez tienen el conocimiento medio sobre el manejo de la herramienta

tecnológica.

Los docentes encuestados opinaron que les gustaría contar con un sistema web para

poder calificar los proyectos integradores de saberes y a su vez en opinión personal de

cada uno de ellos mencionan que les beneficiará en este proceso.

Los docentes encuestados opinaron que si les gustaría contar a futuro con una

aplicación móvil a base del sistema web propuesto, en lo cual su futuro desarrollo de

sistema operativo se pronunciaron en mayor porcentaje Android.



64

3.9. Discusión de los resultados

Los resultados expuestos en este proyecto sirven de base para determinar la viabilidad

de un sistema web para la gestión de los proyectos integradores de saberes.

En forma general en la mayoría de los docentes encuestados exponen tener

conocimiento sobre el manejo de aplicaciones web, y a su vez cuentan con un equipo

tecnológico en su lugar de trabajo con acceso a internet, además manifiestan que les gustaría

poder calificar proyectos integradores en una aplicación web, se puede inferir que los

docentes están de acuerdo en mejorar el proceso que se lleva actualmente para el beneficio

tanto para el docente y alumnado.

Es factible la realización de este proyecto porque se ve la aceptación en los docentes

encuestados, que mediante un sistema web proporcionará beneficios, más que una necesidad

este proyecto tiene la finalidad de ayudar al docente con ofrecerle de forma fácil e integrada

al acceso a un sistema web para el proceso de proyectos integradores. Todo esto bajo una

interface amigable que le proporcionará a los docentes comodidad y seguridad a la hora de

hacer uso de la herramienta tecnológica.



65

CAPÍTULO IV

4.1. Propuesta

En este capítulo se describen los procesos que se plantearon para la sistematización de

los proyectos integradores de saberes, los cuales se ejecutarán con eficacia y permitirán

mejorar la eficiencia y comunicación entre docentes y alumnos en el desarrollo del mismo,

ofreciendo un diseño de sistema web apto y versátil que podrá ejercer procesos adecuados

para las necesidades de los docentes.

El diseño web que se presenta en esta propuesta, fue analizado y estructurado acorde a

las necesidades de los usuarios finales y secundarios. Se agilitarán procesos tales como:

revisión del contenido de los proyectos, cálculo de los porcentajes de calificación y notas

finales de los estudiantes, entrega de reportes de información, etc.

Además, permitirá llevar un control de toda la información que contenga en la base

de datos para búsqueda y consulta de información de una manera poco convencional.

4.2. Título de la propuesta

“PROPUESTA TECNOLÓGICA ENFOCADA A LA AUTOMATIZACIÓN Y GESTIÓN

DE CALIFICACIONES DE PROYECTOS INTEGRADORES MEDIANTE EL USO DE

PLATAFORMA WEB PARA LA CARRERA DE ISAC.”

4.3. Objetivo de la propuesta

4.3.1. Objetivo general.

Plantear un diseño web como opción de automatización del proceso ponderativo de

proyectos integradores, para generar un aporte al crecimiento tecnológico de la Universidad

de Guayaquil.



66

4.3.2. Objetivos específicos.

Comparar el proceso de ponderación habitual versus el proceso automatizado.

Definir y comparar las tecnologías indispensables para la estructuración del diseño

web.

Analizar y diseñar la sistematización del proceso ponderativo, en base a

requerimientos de usuarios finales y secundarios.

4.4. Justificación de la propuesta

Actualmente vivimos en un mundo globalizado, donde la tecnología cada día avanza a

pasos grandes por lo cual nos vemos en la necesidad que nuestros procesos sean

automatizados para estar acorde a la sociedad. En el ámbito educativo la tecnología a través

de herramientas tecnológicas cumple un rol importante permitiendo mejorar la eficiencia de

procesos.

La carrera de Ingeniería en Sistemas Administrativos, no puede estar exento de una

herramienta que automatice y gestione el proceso ponderativo de los proyectos integradores,

si bien no es una necesidad, es conveniente aplicar una herramienta que cumpla con la

función primordial de mejorar la eficiencia para el beneficio de los docentes.

El proceso que se maneja actualmente en el control y registro de calificaciones de los

Proyectos Integradores puede ser mejorado, por lo cual, mediante el análisis hemos diseñado

un aplicativo web que agilite y le dé mayor amplitud al proceso, que beneficiarán a los

docentes de la carrera de Ingeniería en Sistemas Administrativos Computarizados.



67

4.5. Limitaciones del proyecto

4.5.1. Temporal.

La propuesta tecnológica se ejecutará en la Universidad de Guayaquil - Facultad de

Ciencias Administrativas, carrera de Ingeniería en Sistemas Administrativos Computarizados,

mismo que se efectuará en el periodo lectivo 2018-2019 C2.

4.5.2. Espacial.

La propuesta tecnológica para la automatización de procesos de los proyectos

integradores, se aplicara direccionando su uso específico para la carrera de Ingeniería en

Sistemas Administrativos Computarizados.

4.6. Alcance del proyecto

La propuesta tecnológica a desarrollarse tiene como objetivo mejorar la eficiencia en

la gestión, control y evaluación de los proyectos integradores. Sistematizar y automatizar el

proceso que actualmente maneja los docentes obteniendo beneficios positivos.

4.6.1. Alcance tecnológico.

El proyecto comprende el diseño de un sistema web, basado en los requerimientos

solicitados por los docentes de la carrera antes mencionada perteneciente a la Universidad de

Guayaquil.

La investigación determinó en diseñar un sistema web, donde serán utilizadas

herramientas como:

SQL Server: Es un sistema de gestión de base de datos relacional cuya función es

manipular y recopilar grandes cantidades de información.

NetBeans: Es un entorno de desarrollo integrado y libre que permite el desarrollo de

aplicaciones estructuradas, también permite el desarrollo en lenguaje de programación

PHP el cual es idóneo para el desarrollo de esta propuesta.



68

XAMPP: Es un servidor local de plataforma de código libre que sirve de herramienta

de desarrollo para permitir a los diseñadores de sitios webs y programadores depurar

su trabajo en sus propios ordenadores sin ningún acceso a Internet.

4.6.2. Alcance funcional.

La finalidad del proyecto es mejorar la eficiencia en los procesos actuales al momento

de llevar un control y evaluar los proyectos integradores, para esto se propone realizar una

sistematización por medio del diseño de un sistema web, que para su posterior

implementación sirva como herramienta de apoyo para mejorar las actividades tales como:

Docentes puedan realizar registros y búsqueda.

Registros de calificaciones con una interfaz amigable.

Seguimiento y control de los proyectos integradores hacia el estudiante.

Reportes y estadísticas con la información en la base de datos.

4.7. Diagramas de flujo - Comparativo del proceso habitual de calificación de proyectos

integradores de saberes versus el proceso sistematizado.

4.7.1. Proceso habitual.


Proceso habitual.



69

Elaborado por: Tipán Víctor -Tufiño Bryan.

4.7.2. Proceso sistematizado.


Proceso sistematizado.



70




71

4.7.3. Conclusión.

Como se puede apreciar en el primer diagrama, el proceso ponderativo es muy

tedioso y requiere de la inversión de tiempo en horas de clases para poder dar seguimiento al

contenido que presentarán los estudiantes al final del semestre. Esto conlleva a que el

profesor no pueda continuar con el proceso normal de enseñanza o no pueda cumplir a

cabalidad con el pensum académico asignado.

Por lo contrario, se da a conocer el proceso sistematizado, el cual a simple vista

denota gran mejora en el proceso, dando facilidades como: reportes, seguimiento académico

y gestión académica automatizada.



72

4.8. Tecnologías que se aplicarán en el sistema web

Este sistema contemplará varias tecnologías que se encuentran en el auge del

desarrollo de sistemas, debido a su fácil adquisición y uso de forma gratuita. A continuación

se detallará cada una de las tecnologías y las razones por las cuales fueron adoptadas para

este proyecto:

4.8.1. Cuadro comparativo de lenguajes de programación.

Ilustración 3. Cuadro comparativo de lenguajes de programación.

SINTAXIS

CONSUMO DE RECURSOS

IMPLEMENTACIÓN

PHP

- Orientado a crear páginas web dinámicas.

BAJO

- La mayoría de hostings tienen costos muy bajos.

- No requiere definiciones de variables.

- Las aplicaciones robustas, son relativamente rápidas. - Programación orientada a

objetos deficiente para aplicaciones grandes.

C# + ASP.NET

- Se puede usar para páginas web o sistemas de escritorio.

MEDIO

- Los hostings para Microsoft son relativamente costosos y deben ajustarse a determinados requerimiento. - Requiere definiciones de

variables.

- Programación orientada a objetos poco eficiente.

- Para aplicaciones robustas, su rapidez decrece.

JAVA + JSF

- Se puede usar para páginas web o sistemas de escritorio.

ALTO

- La mayoría de hostings son costosos.

- Requiere definiciones de variables.

- Las aplicaciones robustas son convencionalmente lentas.

- Programación orientada a objetos altamente eficiente.




73

4.8.1.1. Conclusión.

El lenguaje de programación que se utilizará para este sistema web es PHP (PHP

Hypertext Pre-processor) ya que se ajusta a las necesidades de desarrollo en cuanto a la

sintaxis y a su carente costo de inversión para su implementación.

4.8.2. Cuadro comparativo de entornos de desarrollo integrado (IDE’s).

Ilustración 4. Cuadro comparativo de entornos de desarrollo integrado (IDE’s).

CARACTERISTICAS

CONSUMO DE RECURSOS

DESVENTAJAS

Netbeans

- Amplio rango de tecnología de desarrollo para aplicaciones Web.

BAJO

- Requiere un interprete

- Optimización de código ejecutando con el mínimo uso de memoria. - Algunas implementaciones y

librerías pueden tener código rebuscado.

- Se integra con diversos servidores de aplicaciones

Eclipse

- Dispone de un editor de texto con resaltador de sintaxis.

ALTO

- Su principalmente inconveniente, común a otros IDEs en mayor o menor medida, en el consumo de recursos del sistema.

- Asistentes (wizards) para creación de proyectos

- Control de versiones con (CVS).

- Carece de mucho soporte para webapps (.war, jsp y servlets) tal y como lo hace netbeans.



El entorno de desarrollo integrado que se utilizará para el desarrollo del diseño de este

sistema web es Netbeans, el cual es una herramienta libre sin restricciones de uso con un alto

rango de tecnología de desarrollo para aplicaciones web, por lo cual es ideal para el

desarrollo del sistema web propuesto.



74

4.8.3. Cuadro comparativo de servidores de aplicaciones web.

Ilustración 5. Cuadro comparativo de servidores de aplicaciones web.

CARACTERISTICAS VENTAJAS DESVENTAJAS

XAMPP

-Una de las características sobresalientes de este sistema es que es multiplataforma.

-Herramienta muy práctica que nos permite instalar el entorno MySQL, Apache y PHP

-No soporta MySQL desde la consola.

- Administrar configuraciones de servidores Apache

-No se pueden actualizar individualmente las versiones de los programas que instala.

-Fácil de instalar y las configuraciones son mínimas o inexistentes, lo cual nos ahorra bastante tiempo

WAMP

- Pre visualizar sitios web locamente

-Interfaz intuitiva y permite poder trabajar con versiones anteriores.

-Conocer un poco de Apache, PHP y MySQL.

-La instalación modificará los archivos de configuración (*.conf) con la ruta donde finalmente se ubicará el programa.

-Todos los componentes vienen instalados y cualquier usuario puede ingresar y alterar los códigos

-Realizar pruebas con sitios PHP antes de subirlos a Internet



El servidor web local que utilizaremos como herramienta de apoyo es Xampp, un

servidor independiente multiplataforma fácil de usar y capaz de interpretar páginas

dinámicas, lo cual es una herramienta idónea para el desarrollo del proyecto propuesto.



75

4.8.4. Cuadro comparativo de bases de datos.

Ilustración 6. Cuadro comparativo de bases de datos.

CARACTERISTICAS VENTAJAS DESVENTAJAS

SQL Server

Facilidad de instalación, distribución y utilización.

Si trabajamos en una red social nos permite agregar otros servidores de SQL Server.

Utiliza mucho la memoria RAM para las instalaciones y utilización de software.

Almacenamiento de datos. Es un sistema de gestión de

base de datos. La relación, calidad y el precio está muy debajo comparado con Oracle.

Incluye herramientas para diseñar gráficamente la base de datos.

Nos permite olvidarnos de los ficheros que forman la base de datos.

Se integra con el internet y Windows, permitiendo una comunicación local.

Es útil para manejar y obtener datos de la red de redes

Tiene una pésima implementación de los tipos de datos variables.

My SQL

El principal objetivo de MySQL es velocidad y robustez

MySQL software es Open Source.

Un gran porcentaje de las utilidades de MySQL no están documentadas.

Bajo costo en requerimientos para la elaboración de bases de datos

Soporta gran cantidad de tipos de datos para las columnas.

Facilidad de configuración e instalación. No es intuitivo, como otros

programas. El servidor soporta mensajes de error en distintas lenguas.

Soporta gran variedad de Sistemas Operativos

Oracle

Es una herramienta de administración gráfica que es mucho más intuitiva y cómoda de utilizar.

Oracle es el motor de base de datos relacional más usado a nivel mundial.

El mayor inconveniente de Oracle es quizás su precio.

Puede ejecutarse en todas las plataformas desde una Pc hasta un supercomputador.

Otro problema es la necesidad de ajustes.

Ayuda a analizar datos y efectuar recomendaciones concernientes a mejorar el rendimiento

Permite el uso de particiones para la mejora de la eficiencia

Un Oracle mal configurado puede ser desesperantemente lento.

Apoya en el diseño y optimización de modelos de datos.

Oracle es la base de datos con más orientación hacía INTERNET




76


La base de datos en la cual almacenaremos los datos del sistema web es SQL server,

debido a su facilidad de instalación, distribución y utilización además por ser la base de datos

que utiliza el sistema integrado de la Universidad de Guayaquil, lo cual al solicitar

información se nos facilitará el proceso de comunicación.

4.8.5. Herramientas adicionales que se integrarán en el sistema.

4.8.5.1. Framework CSS bootstrap.

Se utilizará esta tecnología para que el sistema tenga la funcionalidad de adaptarse a

cualquier dispositivo móvil, tales como: laptops (computadores portables), desktops

(computadores de mesa), smatphones, etc. También para aprovechar la variedad de estilos

que trae consigo para botones, pantallas, ventanas emergentes, etc.

4.8.5.2. Librería jquery.

Se utilizará para darle dinamicidad al sistema web y controlar todos los eventos

provocados por el usuario dentro de las pantallas, estos eventos pueden ser: clic en un

determinado botón, menú, etiqueta de texto, etc. También se aprovechará la facilidad de uso

de los métodos de JavaScript ya que es la librería de este lenguaje de programación.

4.8.5.3. Froala editor.

Se utilizará específicamente para lo que es el módulo de seguimiento académico, ya

que tiene bondades especiales que permiten manejar grandes cantidades de texto. Como el

módulo de seguimiento académico pretende que el estudiante pueda enviar a sus profesores el

contenido de sus proyectos sin que esto sea una cargar y descarga constante de archivos

Word, es la razón por la que se integrará esta herramienta al sistema web.

4.8.5.4. CanvasJS.

Conocido por la facilidad que le da a los desarrolladores en el manejo de gráficos

dinámicos y para que los usuarios tengan una vista amigable de estadísticas. En el caso de



77

nuestro sistema web, se aplicará en el módulo de estadísticas, ya que contiene: estadísticas de

rendimiento académico y de posibles proyectos de titulación.

4.9. Tipos de usuarios

Ilustración 7. Tipos de usuarios

Tipos de Usuarios Permisos – Módulos Descripción

Administrador

Gestión de calificación

Persona encargada responsable de administrar el sistema web.

Seguimiento académico

Reportes

Estadísticas

Mantenimiento

Integrador

Gestión de calificación

Docentes de materias integradoras. Seguimiento académico

Reportes

Estadísticas

Estudiante

Seguimiento académico

Estudiantes matriculados en la Universidad de Guayaquil, carrera de Ingeniería en Sistemas Administrativos Computarizados que realicen proyectos integradores. Reportes

Gestor Reportes Docentes gestores académicos.




78

4.10. Diseño del sistema

Para acceder al sistema web existe una pantalla de autentificación, donde debe

introducir su Usuario y Contraseña; luego de su validación en la base de datos se muestra los

diferentes módulos de acuerdo al rol que se ha asignado con las diferentes opciones que

hacen referencia a los formularios creados.

4.10.1. Interfaz de usuario.

4.10.1.1. Ingreso al sistema.

Al acceder al sistema web presenta el Login donde el usuario de acuerdo al rol

asignado tales como: Docente integrador, Estudiante, Gestor y Administrador.

Debe ingresar “Usuario” y “Contraseña” datos proporcionados por el sistema

integrado de la Universidad de Guayaquil (SIUG), el sistema admitirá las credenciales del

sistema de la universidad para el acceso por lo cual la información se validará en la base de

datos para poder tener acceso al sistema web.

Imagen 23. Ingreso al sistema.




79

Sistema de Gestión de Proyectos Integradores de Saberes (SIRES)

4.10.1.2. Rol - Docente integrador.

Al iniciar sesión con el rol docente integrador, tendrá acceso a los siguientes módulos:

Módulo de gestión de calificación.

Módulo de seguimiento académico.

Módulo de reportes.

Módulo de estadísticas.

4.10.1.2.1. Módulo de gestión de calificación.

El docente integrador tiene a su disposición el módulo de gestión de calificaciones el

cual le permitirá evaluar al estudiante, este módulo presenta procesos que el docente podrá

utilizar.

Imagen 24. Rol docente integrador - Módulo de gestión de calificación.


Existen dos procesos en este módulo los cuales cuentan con subprocesos el cual

detallaremos a continuación:

Selección y visualización de información.

- Selección de ciclo.

- Selección de paralelo.



80

- Selección de grupo.

- Visualización de temas e integrantes.

- Visualización de rubrica de calificación.

- Descargar documento de sustentación.

Proceso de calificación.

- Registro de calificación

* Calificar documentación del proyecto.

* Calificar exposición del proyecto.

- Registro proyecto apto para titulación.

- Visualización de calificación.

A continuación detallaremos el funcionamiento que cumplen los mencionados

procesos detallados.


Imagen 25. Rol docente integrador - Selección y visualización de información.


1. Selección de ciclo.

Permite seleccionar al docente el ciclo cursante en el que se va a proceder la

evaluación del proyecto integrador de saberes.



81

2. Selección de paralelo.

Permite seleccionar al docente el paralelo en el que se va a proceder la evaluación

del proyecto integrador de saberes.

3. Selección de grupo.

Permite seleccionar al docente el grupo el cual se va a proceder la evaluación del

proyecto integrador de saberes.

4. Visualización de temas e integrantes.

Permite visualizar el tema del grupo seleccionado y a su vez muestra a los integrantes

del grupo en una tabla para su posterior evaluación.

5. Visualización de rubrica de calificación.

Permite al docente poder visualizar la escala de valoración de la presentación la cual

deben regirse al momento de evaluar los proyectos integradores de saberes.

Imagen 26. Rol docente integrador - Visualización de rubrica de calificación.


6. Descargar documento de sustentación.

Permite al docente poder descargar el documento de sustentación del grupo de

estudiantes, al cual deben evaluar los proyectos integradores de saberes.



82

Proceso de calificación

Imagen 27. Rol docente integrador - Proceso de calificación.


Registro de calificación

Permite al docente visualizar el grupo de los estudiantes el cual se procederá a llevar

su respectiva evaluación del tema propuesto, una vez seleccionado el estudiante a evaluar se

procederá a calificar la documentación del tema y su respectiva exposición.

a. Calificar documentación del proyecto:

Permite al docente poder calificar la documentación presentada por el estudiante,

seleccionando su respectiva escala de calificación acorde con el cumplimento de cada

categoría.



83

Imagen 28. Rol docente Integrador - Calificar documentación del proyecto.


b. Calificar exposición del proyecto

Permite al docente poder calificar la exposición presentada por el estudiante,

seleccionando su respectiva escala de calificación acorde con el cumplimento de cada

categoría.

Imagen 29. Rol docente integrador - Calificar exposición del proyecto.




84

Registro proyecto apto para titulación

Permite al docente poder seleccionar si el proyecto integrador de saberes evaluado

puede ser tomado en cuenta como proyecto de titulación, el docente al optar por el “SI”

deberá detallar sus respectivas observaciones.

Imagen 30. Rol docente integrador - Registro proyecto apto para titulación.


Visualización de calificación

Permite al docente visualizar las calificaciones registradas en la evaluación del

proyecto integrador, una vez registradas el sistema promedia una nota general quedando listo

para generar un reporte si fuese el caso.

Imagen 31. Rol docente integrador - Visualización de calificación.




85

4.10.1.2.2. Módulo de seguimiento académico.

El docente integrador tiene a disposición el presente módulo, en cual podrá utilizar

los procesos que presenta para llevar un seguimiento del estudiante en la elaboración de los

proyectos integradores.

Imagen 32. Rol docente integrador - Módulo de seguimiento académico.


Existen dos procesos en este módulo en el cual detallaremos a continuación:

Búsqueda de proyectos integradores.

- Listado por filtros.

- Listado por notificación.

Revisión de capítulos.

- Observaciones



86

Búsqueda de proyectos integradores.

Imagen 33. Rol docente integrador - Búsqueda de proyectos integradores.


1. Listado por filtros.

Permite al docente obtener la información de los proyectos integradores en la cual son

encargados de llevar un control. La información de los proyectos integradores puede ser

seleccionada por los filtros establecidos tales como: Selección de periodo, selección paralelo,

nombre de los temas y por capítulos.

2. Listado por notificación.

Permite al docente mediante una notificación estar informado sobre el envió de

proyectos integradores de los estudiantes que tiene a su cargo, para su respectiva revisión y

llevar un control.



87

Revisión de capítulos.

Imagen 34. Rol docente integrador - Revisión de capítulos.


1. Observaciones

Permite al docente realizar observaciones de un proyecto integrador mediante cada

capítulo recibido, para su revisión y aprobación si cumple con lo requerido.

Imagen 35. Rol docente integrador - Observaciones.




88

4.10.1.2.3. Módulo de reportes.

El docente integrador tiene a disposición el presente módulo, en cual podrá consultar

las calificaciones que los estudiantes obtuvieron en los proyectos integradores de saberes.

Imagen 36. Rol docente integrador - Módulo de reportes.


Este módulo cuenta con el siguiente proceso que detallaremos a continuación:





- Selección de estudiante.




89


Imagen 37. Rol docente integrador - Módulo de reportes.



Permite seleccionar al docente el ciclo cursante en el cual necesita consultar, para

obtener las calificaciones de los proyecto integrador de saberes.


Permite seleccionar al docente el paralelo en el cual necesita consultar, para obtener

las calificaciones de los proyecto integrador de saberes.


Permite seleccionar al docente el grupo en el cual necesita consultar, para obtener las

calificaciones de los proyecto integrador de saberes.

4. Selección de estudiante.

Permite seleccionar al docente el estudiante al cual necesita consultar, para obtener




90

5. Visualización de calificación.

Permite al docente visualizar las calificaciones de los estudiantes que consulto

mediante la selección de filtros, obteniendo la información lista para generar un reporte si

fuese necesario.

4.10.1.2.4. Módulo de estadísticas.

El docente integrador tiene a disposición el presente módulo, en cual se divide en

dos submenús: Rendimiento académico y Proyectos para titulación. Los cuales detallaremos a

continuación.

Rendimiento académico.

Permite al docente integrador consultar mediante la estadística el rendimiento

académico de un respectivo ciclo o un respectivo paralelo.

Imagen 38. Rol docente integrador - Rendimiento académico.


1. Selección de ciclo

Permite seleccionar al docente el ciclo en el cual necesita consultar, para obtener las

estadísticas del rendimiento académico de los proyecto integrador de saberes.



91

2. Selección de paralelo


las estadísticas del rendimiento académico por cursos de los proyecto integrador de saberes.

3. Visualización de estadísticas

Permite al docente visualizar las estadísticas del rendimiento académico de los

estudiantes que consulto mediante la selección del ciclo o curso, obteniendo la información

lista para generar un reporte si fuese necesario.

Proyectos para titulación.

Permite al docente integrador consultar mediante la estadística los posibles proyectos

integradores de saberes que son aptos para proyectos de titulación de un respectivo ciclo o de

un respectivo paralelo.

Imagen 39. Rol docente integrador - Proyectos para titulación.



Permite seleccionar al docente el ciclo en el cual necesita consultar, para obtener las

estadísticas de los posibles proyectos integrador de saberes que fueron seleccionados aptos

para proyectos de titulación.



92



las estadísticas de los posibles proyectos integrador de saberes que fueron seleccionados

aptos para proyectos de titulación.

3. Visualización de estadísticas

Permite al docente visualizar las estadísticas de los posibles proyecto integrador de

saberes que fueron seleccionados aptos para proyectos de titulación mediante la selección del

curso, obteniendo la información lista para generar un reporte si fuese necesario.

4.10.1.3. Rol - Estudiante.

Al iniciar sesión con el rol estudiante, tendrá acceso a los siguientes módulos:

Módulo de seguimiento académico.


4.10.1.3.1. Módulo de seguimiento académico.

El estudiante al iniciar sesión tiene a disposición el presente módulo, en cual podrá

utilizar los procesos que presenta el módulo para llevar un registro de seguimiento en su

elaboración de proyecto integrador.

Imagen 40. Rol estudiante - Módulo de seguimiento académico.


Existen dos procesos en este módulo en el cual detallaremos a continuación:



93

Plantilla y seguimiento de proyectos integradores.

- Descargar plantilla básica.

- Enviar capítulos.

- Subir documento de sustentación.

Consulta y corrección de capítulos.

- Consulta por notificación.

- Consulta por filtros.

- Corrección de capítulos.

Plantilla y seguimiento de proyectos integradores.

Imagen 41. Rol estudiante - Plantilla y seguimiento de proyectos integradores.


1. Descargar plantilla básica.

Permite al estudiante poder descargar la plantilla sobre los puntos que debe contener,

en la elaboración el proyecto integrador.

2. Enviar capítulos.

Permite al estudiante poder enviar la elaboración de cada capítulo de su proyecto

integrador para su posterior revisado y aprobación de parte del docente evaluador. Una vez

insertado el capítulo a revisar se da clic en la opción enviar.



94

Imagen 42. Rol estudiante - Enviar capítulos.


3. Subir documento de sustentación.

Permite al estudiante poder subir al sistema web el documento de la sustentación del

proyecto integrador de saberes.

Consulta y corrección de capítulos.

Imagen 43. Rol estudiante - Consulta y corrección de capítulos.




95

1. Consulta por notificación

Permite al estudiante estar informado sobre la aprobación de cada capítulo del

proyecto integrador una vez evaluado por el docente, lo cual le llegará una notificación con

su respectivo estado correspondiente.

2. Consulta por filtros

Permite al estudiante consultar por medio del estado en que se encuentre su proyecto

integrador, su respectiva aprobación e observaciones según el caso lo requiera.

3. Corrección de capítulos

Permite al estudiante poder reenviar capítulos de su proyecto integrador que fueron

corregidos por parte del docente evaluador, para su posterior revisado y aprobación. Una vez

corregido el capítulo se da clic en la opción reenviar.

Imagen 44. Rol estudiante - Corrección de capítulos.




96

4.10.1.3.2. Módulo reportes.

El estudiante también tiene a disposición el presente módulo de reportes, en cual

podrá consultar las calificaciones que obtuvieron en los proyectos integradores de saberes.

Imagen 45. Rol estudiante - Módulo reportes.







- Selección de estudiante.




97

Selección y visualización de información

Imagen 46. Rol estudiante - Selección y visualización de información.



Permite al estudiante seleccionar el ciclo en el cual necesita consultar, para obtener



Permite al estudiante seleccionar el paralelo en el cual necesita consultar, para

obtener las calificaciones de los proyecto integrador de saberes.


Permite al estudiante seleccionar el grupo en el cual necesita consultar, para obtener


4. Selección de estudiante.

Permite al estudiante seleccionar de forma individual por nombre, para obtener las

calificaciones de los proyecto integrador de saberes.

5. Visualización de calificación.

Permite al estudiante visualizar las calificaciones que consulto mediante la

selección de filtros, obteniendo la información lista según la requiera.



98

4.10.1.4. Rol - Gestor.

Al iniciar sesión con el rol gestor, tendrá acceso al siguiente módulo:


4.10.1.4.1. Módulo de reportes.

El docente gestor académico tiene a disposición el presente módulo de reportes, en

cual podrá consultar información referente a los temas de proyectos integradores de saberes,

de acuerdo a la información que necesite cada gestor académico.

Imagen 47. Rol gestor - Módulo de reportes.







- Selección por filtro.

- Selección por tema.

- Visualización de temas.



99

Selección y visualización de información

Imagen 48. Rol gestor - Selección y visualización de información.



Permite al gestor seleccionar el ciclo en el cual necesita consultar, para obtener

listado de temas de los proyecto integrador de saberes.


Permite al gestor seleccionar el paralelo en el cual necesita consultar, para obtener


3. Selección de grupo

Permite al gestor seleccionar por el grupo en el cual necesita consultar, para obtener


4. Selección por filtro

Permite al gestor seleccionar los temas en general o por temas posibles a proyecto de

titulación, para obtener listado de temas de los proyecto integrador de saberes.

5. Selección por tema

Permite al gestor consultar por un tema específico de los proyecto integrador de

saberes.



100

6. Visualización de temas

Permite al gestor poder visualizar los temas consultados con sus respectivos

integrantes, si el caso lo requiere puede generar un reporte.

4.10.1.5. Rol – Administrador.

Al iniciar sesión con el rol administrador tendrá acceso a los siguientes módulos:

Módulo de gestión de calificación.

Módulo de seguimiento académico docente.

Módulo de seguimiento académico estudiante.


Módulo de estadísticas.

Módulo de mantenimientos.

Imagen 49. Rol - Administrador.


El rol administrador estará encargado de acceder a los módulos de los roles ya

descritos por lo cual se procederá a detallar el módulo adicional de mantenimiento el cual

está encargado.



101

4.10.1.5.1. Módulo de mantenimientos.

El administrador tiene a disposición el presente módulo, en cual se divide en dos

submenús: Usuarios y Grupos de exposición. Los cuales detallaremos a continuación.

Mantenimiento usuarios

Permite al administrador tener un control y seguimiento de usuarios, en el podrá

asignar e inactivar los perfiles correspondientes a cada usuario en nuestro sistema web, cabe

recalcar que el sistema web no registrará usuarios ya que los datos serán obtenidos de la

base de datos del sistema integrado de la Universidad de Guayaquil.

Imagen 50. Rol administrador - Mantenimiento usuarios.



Visualización y mantenimiento de usuarios.

- Lista de usuarios.

- Mantenimiento de usuarios.



102

Visualización y mantenimiento de usuarios

Imagen 51. Rol administrador - Visualización y mantenimiento de usuarios.


1. Lista de usuarios

Permite al administrador visualizar la lista de usuarios para su posterior asignación o

mantenimiento de perfil.

2. Mantenimiento de usuarios

Permite al administrador realizar mantenimientos a los usuarios en el sistema, tales

como asignación de perfiles y asignación de estado de cada usuario.

Imagen 52. Rol administrador - Mantenimiento de usuarios - Asignación de rol.




103

Mantenimiento grupo de exposición

Permite al administrador poder crear grupos de estudiantes y a su vez realizar

mantenimientos para su posterior registro de datos, los cuales son vitales para que el

estudiante pueda poner en marcha el desarrollo de su proyecto integrador en el sitio web.

Imagen 53. Rol administrador - Mantenimiento grupo de exposición.



Creación y mantenimientos de grupos

- Crear grupo.




- Búsqueda por tema.

- Búsqueda por integrantes.

- Búsqueda por cédula de identidad.

- Visualización de grupos.



104

Creación y mantenimientos de grupos

Imagen 54. Rol administrador - Creación y mantenimientos de grupos.


1. Crear grupo

Permite al administrador crear grupos de exposición de estudiantes registrando el

número de grupo y el tema, mediante la búsqueda de la cédula de identidad, ciclo y paralelo.

Imagen 55. Rol administrador - Crear grupo.




105


Permite al administrador seleccionar el ciclo al cual necesita consultar, para poder

visualizar el tema para su posterior mantenimiento o requerimiento.


Permite al administrador seleccionar el paralelo al cual necesita consultar, para poder


4. Selección de grupo

Permite al administrador seleccionar el grupo al cual necesita consultar, para poder


5. Búsqueda por tema

Permite al administrador realizar una búsqueda por tema específico, para su

posterior mantenimiento o requerimiento.

6. Búsqueda por integrantes

Permite al administrador realizar una búsqueda por integrante específico, para su


7. Búsqueda por cédula de identidad

Permite al administrador realizar una búsqueda por cédula de identidad, para su


8. Visualización de grupos

Permite al administrador visualizar los temas o tema específico en el cual realizo la

búsqueda para realizar su mantenimiento o cualquier requerimiento solicitado.



106

4.10.2. Diseño de la base de datos - Modelo Entidad Relación (MER).

Para este modelamiento se utilizará en determinadas tablas un PK (primary key)

compuesto y en otras no. Las tablas de color verde son maestras y de color gris son las tablas

transaccionales.

Ilustración 8. Diseño de la base de datos - Modelo Entidad Relación (MER).




107

A continuación se detalla la funcionalidad que tendrá cada tabla de la base de datos

para los distintos módulos del diseño web planteado. Como información adicional, cada tabla

está dividida en 3 columnas: la primera columna determina si el campo de la tabla es un PK

(primary key) o un FK (foreign key); la segunda columna establece el nombre del campo; y

en la tercera y última columna se identificará el tipo de dato. Algunas de las tablas serán

llenadas mediante Linked Server, el cual es una funcionalidad de SQL Server que permite el

traspaso de datos de una base a otra. Por ende, se obtendrá información de la base de datos

del Sistema Integrado de la Universidad de Guayaquil (SIUG),

4.10.2.1. Tablas maestras.

4.10.2.1.1. Tabla “ESTADOS”.

Ilustración 9. Tabla “ESTADOS”.


La tabla ESTADOS es la principal de todas las tablas, ya que estará relacionada en la

mayoría de ellas, aquí estarán registrado estados tales como: activo, inactivo, aprobado,

rechazado, etc.

4.10.2.1.2. Tabla “MENU”.

Ilustración 10. Tabla “MENU”.




108

Esta tabla servirá para guardar los menús del sistema, se guardara el nombre de la

página que abrirá el menú y el orden dentro de su grupo de menú.

4.10.2.1.3. Tabla “ROLES”.

Ilustración 11. Tabla “ROLES”.


Esta tabla de base de datos, tendrá los registros de determinados ciclos, aunque en el

sistema se deberá registrar información del ciclo cursante. Esta información no se registra

desde el sistema sino más bien por Linked Server.

4.10.2.1.4. Tabla “CICLOS”.

Ilustración 12. Tabla “CICLOS”.


Esta tabla de base de datos, tendrá los registros de determinados ciclos, aunque en el

sistema se deberá registrar información del ciclo cursante. Esta información no se registra

desde el sistema sino más bien por Linked Server.



109

4.10.2.1.5. Tabla “PARALELO”.

Ilustración 13. Tabla “PARALELO”.


En esta tabla se registrarán los paralelos de un determinado ciclo, esto es posible

gracias a que la tabla se creó con un pk compuesto, es decir, la tabla consta del pk del ciclo y

el pk del paralelo. Esta información no se registra desde el sistema sino más bien por Linked

Server.

4.10.2.1.6. Tabla “PARTICIPANTE”.

Ilustración 14. Tabla “PARTICIPANTE”.


Aquí se registrará la información de los estudiantes, profesores, etc. Esta información

no se registra desde el sistema sino más bien por Linked Server pero podrá ser actualizada en

el campo EST_CODIGO, ya que es el estado que manejará el usuario en el sistema.



110

4.10.2.1.7. Tabla “PARAMETROS_PONDERACION”.

Ilustración 15. Tabla “PARAMETROS_PONDERACION”.


En esta tabla registraremos los parámetros en los que se divide la calificación final del

estudiante, ejemplo: calidad de la información, contenido, vocabulario, etc. Cada uno de estos

parámetros de calificación contiene un valor equivalente de la calificación del estudiante, por

lo que en la tabla existirá un campo llamado “PRM_VALOR” en donde se guardará el

equivalente mencionado. De esta forma el sistema se adaptará a los cambios en el proceso de

calificación.

4.10.2.1.8. Tabla “CONTENIDO_PROYECTO”.

Ilustración 16. Tabla “CONTENIDO_PROYECTO”.


Esta tabla servirá para el módulo de “Seguimiento Académico”, contendrá los

registros del contenido del proyecto de los estudiantes, ejemplo: capítulo 1, capítulo 2,

introducción, etc.



111

4.10.2.2. Tablas transaccionales.

4.10.2.2.1. Tabla “ROLES_MENU”.

Ilustración 17. Tabla “ROLES_MENU”.


Esta es una tabla intermedia entre la tabla MENU y ROLES, aquí es donde se

asignarán los menús de acuerdo a los roles que serán asignados a los usuarios.

4.10.2.2.2. Tabla “PARTICIPANTE_ROLES”.

Ilustración 18. Tabla “PARTICIPANTE_ROLES”.


Aquí es donde se registrarán los roles asignados a los usuarios, es una tabla intermedia

entre las tablas PARTICIPANTE y ROLES.



112

4.10.2.2.3. Tabla “GRUPOS”.

Ilustración 19. Tabla “GRUPOS”.


La tabla GRUPOS contiene información de la agrupación formada desde el aula de

clases, también contendrá la información del tema que será expuesto por los integrantes del

grupo. Adicionalmente tendrá los campos GRS_TESIS y GRS_TESIS_OBSERV, los cuales

serán utilizados para validar si el proyecto expuesto, es un posible candidato para tema de

titulación.

4.10.2.2.4. Tabla “DETALLE_GRUPOS”.

Ilustración 20. Tabla “DETALLE_GRUPOS”.


En esta tabla quedarán registrado los integrantes de un determinado grupo, en esta

tabla baja el PK de la tabla GRUPOS.



113

4.10.2.2.5. Tabla “PONDERACIONES”.

Ilustración 21. Tabla “PONDERACIONES”.


Esta tabla servirá para el módulo de GESTIÓN DE CALIFICACIÓN, contendrá la

información de los estudiantes evaluados y profesores evaluadores del proyecto integrador de

saberes, adicionalmente tiene un campo llamado PON_VISITANTE para controlar la

eventualidad en la que realizan cambio de profesores que irán como jurado el día de la

sustentación.

4.10.2.2.6. Tabla “DETALLE_PONDERACIONES”.

Ilustración 22. Tabla “DETALLE_PONDERACIONES”.


Aquí en esta tabla bajará el PK de la tabla PONDERACIONES y de la tabla

PARAMETROS_PONDERACION, para que de esta forma se pueda registrar la calificación



114

obtenida por el estudiante en su exposición, es decir, cuánto obtuvo por: redacción,

vocabulario, calidad de la información, etc.

4.10.2.2.7. Tabla “SEGUIMIENTO_ACADEMICO”.

Ilustración 23. Tabla “SEGUIMIENTO_ACADEMICO”.


En esta tabla será utilizada como cabecera, es decir, tendrá información como: qué

estudiante, perteneciente a tal grupo, envió tal contenido de su proyecto. Por ende, bajará el

PK de la tabla CONTENIDO_PROYECTO y DETALLE_GRUPOS.

4.10.2.2.8. Tabla “DET_SEGUIMIENTO_ACADEMICO”.

Ilustración 24. Tabla “DET_SEGUIMIENTO_ACADEMICO”.




115

En esta tabla bajará el PK de la tabla SEGUIMIENTO_ACADEMICO y

PARTICIPANTE, adicionalmente se identificará el profesor a quien el sistema enviará

automáticamente el contenido. Adicionalmente se registra el código o nombre del archivo

HTML que se guardará en el disco duro, ya que a través de este archivo trabajarán tanto el

estudiante como el profesor en las correcciones del contenido del proyecto, y la ruta en la que

será guardado dicho archivo.

4.11. Presupuesto financiero del proyecto

Para el diseño del sistema web las herramientas que se utilizaron son open source los

cuales no incurren en gastos adicionales. En los siguientes presupuestos se podrá apreciar el

costo del proyecto como tal y adicionalmente se añaden los costos que incurren en caso de

llevar a cabo la implementación del sistema que se plantea, con la finalidad de dar un

preámbulo de lo que va más allá de los límites de este proyecto.

4.12.1 Presupuesto financiero para el diseño web.

4.11.1.1. Presupuesto de costo.

El presente presupuesto detalla el costo del alquiler de servidor en la nube, en el

tiempo que se va a desarrollar el diseño web, el valor de un alquiler de espacio en la nube

básico mensual fluctúa los US$ 2,00, que a nuestro tiempo de desarrollo del proyecto 6 meses

nos da un costo semestral de US$ 12,00. Esto se requiere con la finalidad de mantener

disponible a 24/7 todos los cambios realizados en la aplicación para que de esta forma en

todo momento el adquirente del proyecto vea el progreso del desarrollo en cuanto al diseño

del sistema. Otra razón es mantener un respaldo de seguridad del proyecto para la prevención

de eventos irregulares.



116

Tabla 11. Presupuesto de costo – diseño web.


4.11.1.2. Presupuesto de nómina.

En este cuadro se muestran a dos personas que trabajarán de planta. En primer lugar

tenemos al analista de sistemas que trabajará a tiempo completo y luego tenemos al diseñador

web, el cual trabajará de medio tiempo para cumplir con las necesidades del proyecto. Se

realiza un presupuesto de nómina con un desglose del sueldo de cada empleado con la

finalidad de mantener transparencia y finalmente realizar un cálculo exacto de lo que el

trabajador percibirá mensualmente bajo las directrices del proyecto.

Tabla 12. Presupuesto de nómina desglosado – diseño web.


El analista de sistemas tiene asignado un sueldo mensual de US$ 400,00, más los

aportes legales correspondientes tiene un sueldo total US$ 560,75 dólares.

El diseñador web cuyo contrato será a medio tiempo tiene asignado un sueldo

mensual de US$ 200,00 dólares, más aportes legales correspondientes tiene un sueldo total de

US$ 296,79 dólares. A continuación se presenta el presupuesto por el tiempo estimado de 6

meses, el cual da un valor total de la nómina de talento humano de US$ 5.145,28.

Descripción Mes 1 Mes 2 Mes 3 Mes 4 Mes 5 Mes 6 TOTAL

Aquiler de servidor en la nube 2,00$ 2,00$ 2,00$ 2,00$ 2,00$ 2,00$ $12,00

PRESUPUESTO DE COSTO - SEMESTRALALQUILER DE ESPACIO EN LA NUBE (TIEMPO DE DESARROLLO DEL DISEÑO WEB)

Cargo Sueldo 13 ro Sueldo 14 ro Sueldo Vacaciones Fondo Reserva Aporte Patronal Liquidacion

Analista de sistemas 400,00$ 33,33$ 32,83$ 16,67$ 33,32$ 44,60$ 560,75$

Diseñador web 200,00$ 16,67$ 32,83$ 8,33$ 16,66$ 22,30$ 296,79$

Total 600,00$ 50,00$ 65,67$ 25,00$ 49,98$ 66,90$ 857,55$

PRESUPUESTO NOMINA DE TALENTO HUMANO - MENSUAL (TIEMPO DE DESARROLLO DEL DISEÑO WEB)

Valor %

Valor Anual 394 Aporte IESS 11,15%

N. Meses 12

Valor %

Fondo Reserva 8,33%

Decimo Cuarto 2017



117

Tabla 13. Presupuesto de nómina mensual a 6 meses - diseño web.


4.11.1.3. Presupuesto de gastos administrativos.

El presente presupuesto detalla los gastos administrativos que conlleva el tiempo de

desarrollo del diseño web, cuyo valor total semestral es de US$ 402,00. Los valores

mensuales tanto de energía eléctrica, agua potable, teléfono y servicio de internet son gastos

básicos y necesarios.

Tabla 14. Presupuesto de gastos administrativos - diseño web.


4.11.1.4. Resumen presupuestal.

El presente resumen presupuestal detalla el valor total que va costar el desarrollo del

diseño web, este valor total se obtiene sumando los totales de los presupuestos ya antes

detallados, como lo son el talento humano con un total de US$5.145,28, gastos

administrativos con un total de US$ 402,00 y el alquiler de espacio en la nube con un total

de US$ 12,00. Por lo cual el costo total en el desarrollo del diseño web es de US$5.559,28.

Tabla 15. Resumen presupuestal - diseño web.


Cargo Mes 1 Mes 2 Mes 3 Mes 4 Mes 5 Mes 6 Total semestral

Analista de sistemas 560,75$ 560,75$ 560,75$ 560,75$ 560,75$ 560,75$ 3.364,52$

Diseñador web 296,79$ 296,79$ 296,79$ 296,79$ 296,79$ 296,79$ 1.780,76$

Total mensual 857,55$ 857,55$ 857,55$ 857,55$ 857,55$ 857,55$ 5.145,28$

PRESUPUESTO NOMINA DE TALENTO HUMANO - SEMESTRAL (TIEMPO DE DESARROLLO DEL DISEÑO WEB)

GASTOS ADMINISTRATIVOS MES 1 MES 2 MES 3 MES 4 MES 5 MES 6 TOTAL SEMESTRE

ENERGIA ELECTRICA 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 120,00$

AGUA POTABLE 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 120,00$

SERVICIO DE INTERNET 21,00$ 21,00$ 21,00$ 21,00$ 21,00$ 21,00$ 126,00$

TELEFONO 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 36,00$

VALOR MENSUAL 67,00$ 67,00$ 67,00$ 67,00$ 67,00$ 67,00$ 402,00$

PRESUPUESTO DE GASTOS ADMINISTRATIVOS - SEMESTRAL (TIEMPO DE DESARROLLO DE DISEÑO WEB)

TALENTO HUMANO 5.145,28$

GASTOS ADMINISTRATIVOS 402,00$

ALQUILER DE ESPACIO EN LA NUBE 12,00$

TOTAL 5.559,28$

RESUMEN PRESUPUESTAL A 6 MESES (TIEMPO DE DESARROLLO

DEL DISEÑO WEB)



118

4.12.2 Presupuesto financiero en caso de implementación del sistema.

Para este presupuesto se han preparado dos escenarios, el primero detalla los valores

en caso que el adquirente del proyecto desee optar por el alquiler de un espacio en la nube

para el alojamiento de la página web y por ende la administración de todos los datos que éste

genere y el otro escenario tiene que ver con la adquisición de un servidor dedicado.

4.12.2.1 Presupuesto en caso de adquisición de espacio en la nube.

4.12.2.1.1 Presupuesto de costo.

El presente presupuesto detalla el costo en caso de implementación del sistema web

mediante el alquiler de servidor en la nube en el tiempo que se va a desarrollar el sistema, por

lo cual se debe contar con un alquiler de espacio en la nube con muchas más características

en cuanto a hardware y software, el valor de alquiler es de US$6,50 que al tiempo estimado

de 6 meses nos da un costo de US$39,00.

Tabla 16. Presupuesto de costo - implementación del sistema con alquiler de espacio en la nube.


4.12.2.1.2 Presupuesto de nómina.

El presente presupuesto detalla el valor semestral del talento humano en caso de

implementación del sistema web, el desarrollador estará contratado por honorarios

profesionales cuyo sueldo asignado mensual es de US$300,00, que a tiempo estimado de 6

meses en el desarrollo del sistema, el presupuesto total será de US$1800,00.

Tabla 17. Presupuesto de nómina - implementación del sistema con alquiler de espacio en la nube.


Descripción Mes 1 Mes 2 Mes 3 Mes 4 Mes 5 Mes 6 TOTAL

Aquiler de servidor en la nube 6,50$ 6,50$ 6,50$ 6,50$ 6,50$ 6,50$ $39,00

PRESUPUESTO DE COSTO - SEMESTRALALQUILER DE ESPACIO EN LA NUBE (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB)


Total mensual 300,00$ 300,00$ 300,00$ 300,00$ 300,00$ 300,00$ 1.800,00$

PRESUPUESTO NOMINA DE TALENTO HUMANO - SEMESTRAL (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB)

Desarrollador de

sistemas300,00$ 300,00$ 300,00$ 300,00$ 1.800,00$ 300,00$ 300,00$



119

4.12.2.1.3 Presupuesto de gastos administrativos.

El presente presupuesto detalla los gastos administrativos que conllevaría la

implementación, en este caso el costo no varía ya que no se está adquiriendo un hardware

especial que afecte al consumo normal de los servicios básicos, por ende el costo será el

mismo que se obtuvo al momento de presupuestar el diseño web, el valor total semestral es

de US$ 402,00.

Tabla 18. Presupuesto de gastos administrativos - implementación del sistema con alquiler de

espacio en la nube.


4.12.2.1.4 Resumen presupuestal.

El presente resumen presupuestal detalla el valor total que va costar el desarrollo del

diseño web, este valor total se obtiene sumando los totales de los presupuestos ya antes

detallados, como lo son el talento humano con un total de US$1.800,00, gastos

administrativos con un total de US$ 402,00 y el alquiler de espacio en la nube con un total

de US$ 39,00. Por lo cual el costo total en el desarrollo del diseño web es de US$2.241,00.

Tabla 19. Resumen presupuestal - implementación del sistema con alquiler de espacio en la nube.




AGUA POTABLE 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 120,00$


TELEFONO 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 36,00$

VALOR MENSUAL 67,00$ 67,00$ 67,00$ 67,00$ 67,00$ 67,00$ 402,00$

PRESUPUESTO DE GASTOS ADMINISTRATIVOS - SEMESTRAL (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB)



ALQUILER DE ESPACIO EN LA NUBE 39,00$

TOTAL 2.241,00$

RESUMEN PRESUPUESTAL A 6 MESES (EN CASO DE

IMPLEMENTACIÓN)



120

4.12.2.2 Presupuesto en caso de adquisición de servidor.

4.12.2.2.1 Presupuesto de costo.

El presente presupuesto detalla el costo en caso de implementación del sistema web

mediante la adquisición de un servidor, por lo cual detallamos los equipos y materiales

tecnológicos que necesitaremos.

La inversión total es de US$ 3.613,50, las característica de los equipos y materiales

son acordes a las necesidades para una correcta adecuación, el servidor es un Dell Xeon

16GB Ram 1tb disco duro, cuyo precio en el mercado es de US$1500,00.

Tabla 20. Presupuesto de costo - implementación del sistema con adquisición de un servidor.


4.12.2.2.2 Presupuesto de nómina.

El presente presupuesto detalla el valor semestral del talento humano en caso de

implementación del sistema web, el desarrollador estará contratado por honorarios

PRESUPUESTO DE COSTO ADQUISICIÓN DE SERVIDOR (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA

WEB)

Descripción Cantidad Costo Uni. Total

Monitor LG 1 $ 20,00 $ 20,00

Mouse 1 $ 5,00 $ 5,00

Teclado 1 $ 10,00 $ 10,00 Aire acondicionado split 24000 BTU

LG 1 $ 1.200,00 $ 1.200,00

Router wifi 1 $ 25,00 $ 25,00

Instalaciones varias 1 $ 150,00 $ 150,00

Canaletas (por metro) 10 $ 1,25 $ 12,50

Extintor de incendios 2 $ 21,00 $ 42,00

Gabinete rack 1 $ 106,00 $ 106,00

UPS para servidor 1 $ 248,00 $ 248,00 Paneles de divisiones (cuarto del

servidor) 2 $ 40,00 $ 80,00 Puerta de aluminio y vidrio (cuarto del

servidor) 1 $ 135,00 $ 135,00

Discos duros externos de 1tb 1 $ 80,00 $ 80,00 Servidor Dell Xeon 16GB Ram 1tb

disco duro 1 $ 1.500,00 $ 1.500,00

TOTAL $ 3.613,50



121

profesionales cuyo sueldo asignado mensual es de US$300,00, que a tiempo estimado de 6

meses en el desarrollo del sistema, el presupuesto total será de US$1800,00.

Tabla 21. Presupuesto de nómina - implementación del sistema con adquisición de un servidor.


4.12.2.2.3 Presupuesto de gastos administrativos.

El presente presupuesto detalla los gastos administrativos que conlleva el tiempo de

desarrollo del sistema web en caso de implementación mediante la adquisición de un

servidor, cuyo valor total semestral es de US$ 696,00. Los valores mensuales tanto de agua

potable y teléfono son gastos básicos. Debido al uso del servidor los valores mensuales de

energía eléctrica e internet son más elevados, debido que se necesita de una banda ancha con

mayor velocidad de navegación y el consumo mayor de energía eléctrica.

Tabla 22. Presupuesto de gastos administrativos - implementación del sistema con adquisición de un

servidor.


4.12.2.2.4 Presupuesto de activo fijo.

El presente presupuesto de activo fijo detalla los equipos tecnológicos y materiales

necesarios para la adecuación del servidor, los mismos tienen una vida útil de acuerdo a sus

características, por lo cual estos equipos tecnológicos y materiales se deprecian. El valor total

de los equipos y materiales a depreciar es de US$3613,50 cuya depreciación mensual total es

de US$63,49 que al cumplir el año tiene un costo depreciación de US$ 761,93. Por lo cual a


Total mensual 300,00$ 300,00$ 300,00$ 300,00$ 300,00$ 300,00$ 1.800,00$

PRESUPUESTO NOMINA DE TALENTO HUMANO - SEMESTRAL (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB)

Desarrollador de

sistemas300,00$ 300,00$ 300,00$ 300,00$ 1.800,00$ 300,00$ 300,00$



AGUA POTABLE 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 120,00$


TELEFONO 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 6,00$ 36,00$

VALOR MENSUAL 116,00$ 116,00$ 116,00$ 116,00$ 116,00$ 116,00$ 696,00$

PRESUPUESTO DE GASTOS ADMINISTRATIVOS - SEMESTRAL (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB CON SERVIDOR)



122

nuestro tiempo estimado semestral el valor de los equipos y materiales a depreciar es de US$

380,97.

Tabla 23. Presupuesto de activo fijo - implementación del sistema con adquisición de un servidor.


4.12.2.2.5 Resumen presupuestal.

El presente resumen presupuestal detalla el valor total que va costar en caso de

implementación del sistema web mediante la adquisición de un servidor, este valor se obtiene

de los totales de los presupuestos antes detallados, como los son talento humano con un total

de US$1.800,00, gastos administrativos con un total de US$ 696,00, adquisición y

adecuación del servidor con un total de US$3.613,50 y por último la depreciación del

mismo por un total de US$ 380,97. Por lo cual el costo total en caso de implementación del

sistema web mediante adquisición de un servidor es de US$6.490,47.

Tabla 24. Resumen presupuestal - implementación del sistema con adquisición de un servidor.


Activo fijo Cantidad Costo Historico T.Activo fijo Vida Util (años) Mes de Depreciación Depreciación Mensual Depreciación Anual

Monitor LG 1 20,00$ 20,00$ 3 36 0,56$ 6,67$

Mouse 1 5,00$ 5,00$ 3 36 0,14$ 1,67$

Teclado 1 10,00$ 10,00$ 3 36 0,28$ 3,33$

Aire acondiconado split 24000 BTU LG 1 1.200,00$ 1.200,00$ 10 120 10,00$ 120,00$

Router wifi 1 25,00$ 25,00$ 3 36 0,69$ 8,33$

Instalaciones varias 1 150,00$ 150,00$ 5 60 2,50$ 30,00$

Canaletas (por metro) 10 1,25$ 12,50$ 3 36 0,35$ 4,17$

Extintor de incendios 2 21,00$ 42,00$ 10 120 0,35$ 4,20$

Gabinete rack 1 106,00$ 106,00$ 10 120 0,88$ 10,60$

UPS para servidor 1 248,00$ 248,00$ 10 120 2,07$ 24,80$

Paneles de divisiones (cuarto del servidor) 2 40,00$ 80,00$ 10 120 0,67$ 8,00$

Puerta de aluminio y vidrio (cuarto del servidor) 1 135,00$ 135,00$ 10 120 1,13$ 13,50$

Discos duros externos de 1tb 1 80,00$ 80,00$ 3 36 2,22$ 26,67$

Servidor Dell Xeon 16GB Ram 1tb disco duro 1 1.500,00$ 1.500,00$ 3 36 41,67$ 500,00$

3.613,50$ 63,49$ 761,93$

380,97$

Totales

PRESUPUESTO DE ACTIVO FIJO (EN CASO DE ADQUISICION DE SERVIDOR)

Valor depreciación - 6 meses



SERVIDOR (COSTO FINAL) 3.613,50$

DEPRECIACION DEL SERVIDOR 380,97$

TOTAL 6.490,47$

RESUMEN PRESUPUESTAL A 6 MESES (EN CASO DE

IMPLEMENTACIÓN - CON SERVIDOR)



123

4.13 Impacto económico, social, ambiental y político institucional.

4.13.1 Impacto económico.

El presupuesto que maneja la Universidad de Guayaquil paras las diferentes

facultades, ha sido reducido en los últimos años, sin embargo, analizando los costes de la

propuesta tecnológica concluimos que no existe mayor impacto económico, ya que el valor

estimado de costo es considerablemente pequeño.

4.13.2 Impacto social.

En la actualidad, el uso de aplicativos web es común en la sociedad, y mediante la

encuesta realizada nos indica que la mayor parte de docentes tienen conocimientos y están

familiarizados con aplicaciones web.

Por este motivo consideramos que la adaptación de la propuesta planteada no tendrá

un impacto negativo en los docentes, más bien será un aporte a la educación universitaria que

debe estar en uso constante con la tecnología.

4.13.3 Impacto ambiental.

El proceso de registro y reportes que forma parte del sistema web aportará al medio

ambiente reduciendo el uso de materiales como el papel, la información podrá estar

almacenada en base de datos o en nubes virtuales y no de forma manual como el proceso

actual.

4.13.4 Impacto político institucional.

Estamos en una generación donde los procesos automáticos son constantes, en el cual

el uso de herramientas tecnológicas sirve de gran apoyo a la sociedad, lo cual es también

favorable al ámbito educativo ya que mejora la eficiencia y deja un impacto positivo al ser

un gran aporte a la mejora de la institución universitaria.



124

4.14 Factibilidad de la sistematización del proceso ponderativo.

Gran porcentaje de empresas de hoy en día se inclinan hacia la sistematización de sus

procesos, ya que es más habitual que se intente mejorar algo que ya está funcionando o

porque al momento de su aplicación es muy engorroso, por ende, a medida que las empresas

van creciendo introducen en sus procesos “La sistematización”.

Para llegar a esto, las empresas deben seguir un proceso de mejora continua, es decir,

analizar progresivamente los protocolos de la empresa, ya que estos siempre van a cambiar a

través de los años. Se debe tomar en cuenta que sistematizar procesos no es una tarea fácil y

requiere de un esfuerzo y paciencia considerable, y para ello se debe planificar y plantear los

objetivos de la sistematización. Finalmente, se debe promover el fortalecimiento de las vías

de comunicación entre los trabajadores, desde el más alto mando hasta el más bajo para que

de esta forma se puedan coordinar los cambios y a la vez se mantienen abierto los canales de

diálogo para dar paso a la evaluación de los resultados. De esta forma se consigue

sistematizar los procesos de manera exitosa.

Un ejemplo es la Universidad de Guayaquil, debido a los constantes cambios en

cuanto a políticas de calificación, los sistemas implementados deben carecer de rigidez, es

decir, estos sistemas deben estar abiertos a grandes cambios y es precisamente lo que se toma

en cuenta en el planteamiento del diseño web de este proyecto. Los diseños de esta propuesta

fueron pensados para que la sistematización sea tan flexible como pudiere para que de esta

forma los impactos que causen los cambios, sean reducidos.

A continuación se presentan los aspectos favorables y desfavorables de la

sistematización en el proceso ponderativo de los proyectos integradores.



125

4.14.1 Aspectos favorables.

Al sistematizar todo el proceso ya no habría la necesidad de dedicar muchas horas de

clases para revisión del contenido del proyecto, ya que el sistema le permitiría llevar

este proceso tanto al estudiante como al profesor desde sus respectivos hogares o en el

cualquier lugar.

El día de la sustentación de los proyectos, los docentes no tendrán la necesidad de

esquematizar un formato improvisado para calificar a los estudiantes, debido a que el

diseño web fue pensado para que el docente con unos clics en pantalla termine con la

ponderación.

Al hacer uso del sistema, los estudiantes ya no tendrían que imprimir los ejemplares

que se entregan el día de la sustentación, ya que el sistema les permitiría a los

docentes descargar el proyecto, de esta forma el sistema aportaría a la economización

y al medio ambiente.

Cada vez que se sistematiza un proceso, da paso a que otros procesos sean analizados

para su pronta sistematización, debido a que existe un gran número de beneficios que

se obtienen a través de la misma.

4.14.2 Aspectos desfavorables.

La sistematización de este proceso, da lugar a que el acceso a internet en donde fuere

utilizado el sistema, sea estable y fluido. No obstante, esto es solamente requerido

para los días de sustentación de los proyectos.

La utilización del sistema conllevará a que el usuario tenga conocimientos básicos en

el uso de plataformas web, aunque los diseños de pantalla están creados de manera

que fuesen visualmente amigables.



126

Lo más importante de dar uso al sistema, es que el usuario deberá tener un equipo

tecnológico, con las capacidades mínimas que le permitan tener instalado un

navegador con el que puedan acceder a la internet. Sin embargo, solo un 5% de los

docentes encuestados no tienen este tipo de tecnología.



127

4.15 Conclusiones.

Una vez realizado el estudio de factibilidad del presente proyecto se obtuvo

información necesaria y suficiente que nos permitió llegar a las siguientes conclusiones:

A través de la aplicación de diagramas de flujo se llevó a cabo la comparativa entre

los métodos convencionales vigentes de ponderación versus los métodos

sistematizados, llevándonos a concluir que la sistematización puede incidir de manera

positiva en el proceso ponderativo, ya que los procesos vistos en el diagrama de flujo

se acortan.

Se determinó la estructura tecnológica del diseño web mediante cuadros

comparativos, cuyo enfoque principal fue la ausencia de costos para reducir el monto

de inversión de este proyecto. No obstante, también se precisó la compatibilidad entre

tecnologías.

Al evaluar los aspectos favorables y desfavorables de la sistematización del proceso

ponderativo, se concluye que la Universidad de Guayaquil obtendrá beneficios como:

llevar las revisiones del contenido del proyecto de manera más ágil a través del

sistema, reducción en la impresiones de papeles, agilidad al momento de calificar a

los estudiantes, etc. Esto se determina gracias a que los diseños se crearon de manera

que puedan cumplir con estos requisitos, siendo así un diseño web evidentemente

amigable e idóneo.

Con los resultados obtenidos en la encuesta se pudo constatar que existe la aceptación

de la propuesta planteada, por parte de los docentes de la carrera de Ingeniería en

Sistemas Administrativos Computarizados.



128

4.16 Recomendaciones.

Una vez concluido con el desarrollo de la propuesta tecnológica se recomienda lo

siguiente:

Se recomienda a la carrera de Ingeniería en Sistemas Administrativos Computarizados

dar continuidad en la implementación del diseño web propuesto, ya que garantizará

funcionalidades favorables para las necesidades de los docentes y estudiantes.

Se debe considerar las mejoras continuas, por lo tanto recomendamos a los que estén

interesados en dar continuidad al proyecto, complementar el sistema web con el

desarrollo de nuevas ideas o mejorar las ya establecidas para que el proyecto de

implementación que se plantee, sea satisfactorio.

Se recomienda a la Universidad de Guayaquil fomentar el manejo de herramientas

tecnológicas actuales como el desarrollo de sistemas web para la optimización de los

procesos.



129

4.17 Bibliografía

ALEGSA . (28 de Noviembre de 2018). DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA. Obtenido de

www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/navegador.php

Aipbarcelona. (05 de 12 de 2018). Curso de JavaServer Faces. Obtenido de www.aipbarcelona.com:

https://www.aipbarcelona.com/cursos/curso-javaserver-faces/

Alba, T. (13 de 08 de 2014). 10 Razones para desarrollar una web con Bootstrap. Obtenido de

diseñocreativo.com: https://diseñocreativo.com/desarrollar-web-bootstrap/

ALEGSA. (28 de Noviembre de 2018). DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA. Obtenido de

www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/desarrollo_web.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/aplicacion_web.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/dispositivo_movil.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/url.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/php.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/biblioteca.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/html.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/codigo_fuente.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/servidor_web.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/framework_para_aplicaciones_web.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/gui.php

ALEGSA. (14 de Diciembre de 2018). DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA. Obtenido de

www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/multiplataforma.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/base_de_datos.php


www.alegsa.com.a: http://www.alegsa.com.ar/Dic/css.php



130


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/bootstrapping.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/javascript.php


www.alegsa.com.ar: http://www.alegsa.com.ar/Dic/validacion_de_datos.php

CanvasJS. (20 de 12 de 2018). Animated JavaScript Charts & Graphs. Obtenido de canvasjs.com:

https://canvasjs.com/javascript-charts/animated-chart/

Casylan. (05 de 12 de 2018). Análisis y Diseño de Sistemas. Obtenido de www.casylan.com:

http://www.casylan.com/img/servicio_08.jpg

Chittagongit. (06 de 12 de 2018). Free Icons Library. Obtenido de chittagongit.com:

http://chittagongit.com/icon/icon-oracle-20.html

Developeando. (05 de 12 de 2018). Elegir lenguaje de programación para desarrollar mi profesión.

Obtenido de developeando.net: http://developeando.net/elegir-lenguaje-de-programacion/

Digival. (28 de Noviembre de 2018). ¿Qué es una Web Responsive? Obtenido de www.digival.es:

https://www.digival.es/blog/que-es-una-responsive-web/

Eclipse. (05 de 12 de 2018). Eclipse Logos and Artwork. Obtenido de www.eclipse.org:

https://www.eclipse.org/artwork/

El Viento 365. (05 de 12 de 2018). JQuery, qué es, orígen y características. Obtenido de

elviento365.com: https://elviento365.com/ct/internet/3786/

Emagister. (05 de 12 de 2018). Curso online Programación PHP. Obtenido de www.emagister.com:

https://www.emagister.com/express/programacion-php-cursos-

2971686.htm?wgu=9547_145311_15449317473106_55db63a867&wgexpiry=1552707747&

utm_source=afiliacion&utm_medium=cpa&utm_campaign=webgains

Emezeta. (29 de 11 de 2018). 15 aplicaciones para montar servidores web en local. Obtenido de

www.emezeta.com: https://www.emezeta.com/articulos/15-aplicaciones-para-montar-

servidores-web-en-local

Facultad de Ciencias Administrativas. (12 de 12 de 2018). Reglamentos y Normas. Obtenido de

enlineafca.ug.edu.ec: http://enlineafca.ug.edu.ec/mod/folder/view.php?id=20103

Femxa. (03 de 12 de 2018). 5 grandes ventajas de Oracle. Obtenido de www.cursosfemxa.es:

https://www.cursosfemxa.es/blog/desarrollo-profesional/5-ventajas-oracle

Fideas G, A. (2012). El Proyecto de Investigación. En A. Fideas G, La Investigación Científica (pág. 24).

Caracas - República Bolivariana de Venezuela: EPISTEME, C.A.

Fideas G, A. (2012). El Proyecto de Investigación. En A. Fideas G, La Investigación Científica (pág. 23).

Caracas - República Bolivariana de Venezuela: EPISTEME, C.A.

Froala Editor. (20 de 12 de 2018). Modes. Obtenido de www.froala.com:

https://www.froala.com/wysiwyg-editor/examples/full-featured



131

Froala Editor. (20 de 12 de 2018). Your WYSIWYG HTML Editor. Obtenido de www.froala.com:

https://www.froala.com/wysiwyg-editor

GENBETA. (28 de 11 de 2018). Eclipse IDE. Obtenido de www.genbeta.com:

https://www.genbeta.com/desarrollo/eclipse-ide

Hernandez, Fernandez, & Baptista. (2003). Metodologia de la Investigación. Mexico: McGRAW-HILL /

INTERAMERICANA EDITORES, S.A. DE C.V.

Hernández, R., Fernández, C., & Baptista, M. (2014). Metodología de la Investigación. Mexico:

McGRAW-HILL / INTERAMERICANA EDITORES, S.A. DE C.V.

Hipertextual. (03 de 12 de 2018). Historia del Software: Oracle. Obtenido de hipertextual.com:

https://hipertextual.com/archivo/2011/10/historia-del-software-oracle/

Hostname. (29 de 11 de 2018). HOSTNAME. Obtenido de www.hostname.cl:

https://www.hostname.cl/blog/servidor-web

IBM. (27 de 11 de 2018). Conceptos básicos del lenguaje Java. Obtenido de www.ibm.com:

https://www.ibm.com/developerworks/ssa/java/tutorials/j-introtojava1/index.html

Itpro Today. (05 de 12 de 2018). HCI FOR DATABASES AND ENTERPRISE APPS. Obtenido de

www.itprotoday.com: https://www.itprotoday.com/microsoft-sql-server/upgrading-sql-

server-2016-part-three

Junta Andalucia. (05 de 02 de 2018). JavaServer Faces. Obtenido de www.juntadeandalucia.es:

http://www.juntadeandalucia.es/servicios/madeja/contenido/recurso/101

Kendall, K., & Kendal, J. (2011). NECESIDAD DEL ANÁLISIS Y DISEÑO DE SISTEMAS. En K. Kendall, & J.

Kendal, ANÁLISIS Y DISEÑO DE SISTEMAS (pág. 6). MEXICO: PEARSON.

Kendall, K., & Kendal, J. (2011). ROLES DEL ANALISTA DE SISTEMAS . En K. Kendall, & J. Kendal,

ANÁLISIS Y DISEÑO DE SISTEMAS (pág. 6). MEXICO: PEARSON.

Libros Web. (04 de 12 de 2018). 1.2. Breve historia. Obtenido de librosweb.es:

https://librosweb.es/libro/javascript/capitulo-1/breve-historia.html

LinkedIn. (24 de 11 de 2018). Ventajas y desventajas de una Web App. Obtenido de

www.linkedin.com: https://www.linkedin.com/pulse/ventajas-y-desventajas-de-una-web-

app-hector-badal-mba

Luis Solano. (02 de 12 de 2018). Historia de MySQL. Obtenido de basededatosutp26.wordpress.com:

https://basededatosutp26.wordpress.com/mysql/

Maestro de la Computación. (27 de 11 de 2018). Historia de los Lenguajes de Programación

(Infografía). Obtenido de www.maestrodelacomputacion.net:

https://www.maestrodelacomputacion.net/historia-de-los-lenguajes-de-programacion/

Mantenimientos de una pc. (05 de 12 de 2018). Mantenimientos de una computadora. Obtenido de

mantenimientosdeunapc.blogspot.com:

https://mantenimientosdeunapc.blogspot.com/2011/11/que-es-xampp-y-para-que-

sirve.html



132

Mape. (03 de 12 de 2018). ventajas y desventajas de MySQL, oracle, visual foxpro y access. Obtenido

de mape309site.wordpress.com:

https://mape309site.wordpress.com/2017/11/15/ventajas-y-desventajas-de-mysql-oracle-

visual-foxpro-y-access/

Microcosm. (05 de 12 de 2018). 2FA Solution for ASP.NET. Obtenido de es.microcosm.com:

https://es.microcosm.com/products/smartsign/supported-platforms/asp-net

Microsoft. (27 de 11 de 2018). Información general sobre ASP.NET. Obtenido de

msdn.microsoft.com: https://msdn.microsoft.com/es-es/library/4w3ex9c2(v=vs.100).aspx

Microsoft. (27 de 11 de 2018). Introducción al lenguaje C# y .NET Framework. Obtenido de

docs.microsoft.com: https://docs.microsoft.com/es-es/dotnet/csharp/getting-

started/introduction-to-the-csharp-language-and-the-net-framework

MSN. (28 de 11 de 2018). ¿Qué es y para qué sirve Visual Studio 2017? Obtenido de www.msn.com:

https://www.msn.com/es-cl/noticias/microsoftstore/¿qué-es-y-para-qué-sirve-visual-studio-

2017/ar-AAnLZL9

Mundo Emprende. (05 de 12 de 2018). Imagenes de Google. Obtenido de www.google.com.ec:

https://i0.wp.com/www.mundoemprende.com/wp-content/uploads/2016/12/estudio-

diseno-paginas-web.jpg?fit=786%2C600&ssl=1

Nano Tutoriales. (06 de 12 de 2018). Introducción a jQuery. Obtenido de www.nanotutoriales:

https://www.nanotutoriales.com/introduccion-a-jquery

Neosoft. (24 de 11 de 2018). ¿Qué es una aplicación Web? Obtenido de www.neosoft.es:

https://www.neosoft.es/blog/que-es-una-aplicacion-web/

NetBeans. (28 de 11 de 20118). Bienvenido a NetBeans y a www.netbeans.org. Obtenido de

netbeans.org: https://netbeans.org/community/articles/welcome-template_es.html

NextU. (04 de 12 de 2018). CONOCE LAS VENTAJAS Y DESVENTAJAS DE JAVASCRIPT. Obtenido de

www.nextu.com: https://www.nextu.com/blog/conoce-las-ventajas-y-desventajas-de-

javascript/

Ofimatica II Univia. (05 de 12 de 2018). Tipos de Manejadores de Base de Datos. Obtenido de

ofimaticaiiuniviavirtual.wordpress.com:

https://ofimaticaiiuniviavirtual.wordpress.com/2014/03/25/tipos-de-manejadores-de-base-

de-datos/

Platzi. (01 de 12 de 2018). Bases de datos ¿qué son? ¿qué tipos existen? Lo que necesitas saber como

profesional. Obtenido de platzi.com: https://platzi.com/blog/bases-de-datos-que-son-que-

tipos-existen/

PngImg. (05 de 12 de 2018). PNG images: MySQL. Obtenido de pngimg.com:

https://pngimg.com/imgs/logos/mysql/

Presta Shop. (04 de 12 de 2018). ¿Qué es Bootstrap? – La Historia y el Bombo: Parte 1 de 2. Obtenido

de www.prestashop.com: https://www.prestashop.com/es/blog/que-es-bootstrap-la-

historia-y-el-bombo-parte-1-de-2



133

Programacion. (05 de 12 de 2018). Mis extensiones favoritas para Visual Studio 2015. Obtenido de

programacion.net:

https://programacion.net/articulo/mis_extensiones_favoritas_para_visual_studio_2015_12

26

Registro Dominios Internet. (27 de 11 de 2018). Lenguajes de programaciòn. Obtenido de

www.registrodominiosinternet.es:

http://www.registrodominiosinternet.es/2013/08/lenguajes-programacion-web-

ventajas.html

Reglmentos y Normas FCA. (29 de Noviembre de 2018). Reglamentos y Normas. Obtenido de

enlineafca.ug.edu.ec: http://enlineafca.ug.edu.ec/mod/folder/view.php?id=20103

Sites. (05 de 12 de 2018). El futuro es la Pragramación. Obtenido de sites.google.com:

https://sites.google.com/site/elfuturoeslapragramacion/ide-wampserver

Software de Programación. (27 de 11 de 2018). Entorno de Desarrollo Integrado. Obtenido de

sites.google.com: https://sites.google.com/site/softwaredeprogramacion2/entorno-de-

desarrollo-integrado

Stack Exchange. (06 de 12 de 2018). What is the official JavaScript logo/icon? Obtenido de

ux.stackexchange.com: https://ux.stackexchange.com/questions/25558/what-is-the-official-

javascript-logo-icon

Steven Follis. (05 de 12 de 2018). Modernizing the Web Matrix Fourth Coffee Bakery Application with

Docker and Visual Studio. Obtenido de stevenfollis.com:

http://stevenfollis.com/2017/10/17/modernizing-bakery-application-docker-visual-studio/

Tamayo, M. (2004). El proceso de la Investigación Científica . Mexico: LIMUSA.

Tech Target. (02 de 12 de 2018). SQL Server. Obtenido de searchdatacenter.techtarget.com:

https://searchdatacenter.techtarget.com/es/definicion/SQL-Server

Tecnología e Informática. (27 de 11 de 2018). Características de los Lenguajes de Programación.

Obtenido de www.caracteristicass.de: https://www.caracteristicass.de/lenguajes-de-

programacion/

Troop Software Factory. (06 de 12 de 2018). bootstrap-logo. Obtenido de www.troopsf.com:

https://www.troopsf.com/home/programacion-a-medida/bootstrap-logo/

Villalba Avilés, C. (2013). Metodología de la Investigación Científica. Quito: Impresores MYL.

Websiteos. (28 de Noviembre de 2018). Definición de ASP.net. Obtenido de help.websiteos.com:

http://help.websiteos.com/websiteos_sp/definition_of_asp.net.htm



134

ANEXOS

2.4.Anexo A.

2.4.1. Formato de encuesta.

Formato de encuesta dirigida a docentes de la carrera de Ingeniería en Sistemas

Administrativos Computarizados referente al desarrollo del diseño de una aplicación

Web para la gestión del proceso ponderativo de los Proyecto Integradores


FACULTAD DE CIENCIAS ADMINISTRATIVAS ESCUELA DE INGENIERÍA EN SISTEMA ADMINISTRATIVO COMPUTARIZADO

1. ¿Cuáles de estos equipos tecnológicos dispone en su lugar de trabajo?

Smartphone

Tablet

Laptop

Pc de Escritorio

Ninguno

2. ¿Cuenta con acceso a Internet en el equipo tecnológico?

Sí No

3. ¿Cree usted que el uso de herramientas tecnológicas para la educación es favorable tanto

para el docente como para el estudiante?

Sí Tal vez No

4. ¿Considera usted que el uso de una herramienta tecnológica mejorará la eficiencia en el

proceso ponderativo de los Proyectos Integradores de Saberes?

Sí Tal vez No

5. Con que herramientas tecnológicas se familiariza más :

Aplicaciones web

Aplicaciones móviles

Ambas

Ninguna

6. ¿Qué nivel de conocimientos tiene usted en el manejo de aplicaciones de páginas web?

Básico

Medio

Avanzado



135

Ninguno

7. ¿Le gustaría poder calificar los proyectos integradores desde una aplicación web

adaptable a dispositivos móviles, teniendo en cuenta que no tendrá que instalar

absolutamente nada en su dispositivo?

Sí Tal vez No

8. ¿Personalmente cree que le beneficiara el uso de una aplicación web adaptable a

dispositivos móviles para la calificación de los Proyectos Integradores?

Sí No

9. ¿Le gustaría a futuro poder contar con una aplicación móvil basada en este Sistema Web?

Sí Tal vez No

10. ¿Para qué Sistema Operativo le gustaría a futuro que se desarrolle una aplicación móvil?

Android

iOS

Ambas



136

2.5.Anexo B.

2.5.1. Capture de encuesta digital

Documents

UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS …repositorio.ug.edu.ec/bitstream/redug/41493/1/TESIS... · presenta la propuesta tecnológica para la sistematización de los Proyectos