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
UNIVERSIDAD DE GUAYAQUIL
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]
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
Bryan Ronaldo Tufiño Baque.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
xvii
Índice de ilustraciones
Ilustración 1. Comparativo del proceso de calificación de proyectos integradores de saberes -
Proceso habitual. ............................................................................................. 68
Ilustración 2. Comparativo del proceso de calificación de proyectos integradores de saberes -
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
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
Bryan Ronaldo Tufiño Baque.
Tutor: Ing. César Vallejo, MAE.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD CIENCIAS ADMINISTRATIVAS CARRERA INGENIERÍA EN SISTEMAS ADMINSTRATIVOS COMPUTARIZADOS
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.
Bryan Ronaldo Tufiño Baque.
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
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.
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.
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.
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.
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.
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).
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.
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.
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
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.
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.
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
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.
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:
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.
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)
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.
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.
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.
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.
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.
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.
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.
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).
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.
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.
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.
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
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.
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).
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.
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
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.
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).
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.
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
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.
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).
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.
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.
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.
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
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.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
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
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.
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
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.
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.
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.
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.
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.
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).
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.
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.
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.
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).
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.
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.
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.
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
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.
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.
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.
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.
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.
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).
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.
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)
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.
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)
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.
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)
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.
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)
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.
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;
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.
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
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.
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
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.
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.
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.
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.
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.
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)
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.
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.
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.
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.
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.
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.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 1. Porcentaje de equipos tecnológicos dispone en su lugar de trabajo.
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.
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.
Descripción Cantidad Porcentaje
SI 19 86%
No 3 14%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor - Tufiño Bryan.
Análisis:
Gráfico 2. Porcentaje de docentes con acceso a internet en el equipo tecnológico.
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.
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.
Descripción Cantidad Porcentaje
SI 22 100%
No 0 0%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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.
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.
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.
Descripción Cantidad Porcentaje
SI 20 91%
Tal vez 2 9%
No 0 0%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 4. Porcentaje sobre uso de herramienta tecnológica mejorará la eficiencia en los proyectos
integradores de saberes.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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
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.
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.
Descripción Cantidad Porcentaje
Aplicaciones Web 6 27%
Aplicaciones Móvil 2 9%
Ambas 13 59%
Ninguna 1 5%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 5. Porcentaje de herramienta tecnológica más familiarizada.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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
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.
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.
Descripción Cantidad Porcentaje
Básico 3 14%
Medio 13 59%
Avanzado 5 23%
Ninguna 1 4%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 6. Porcentaje de conocimientos sobre el manejo de aplicaciones web.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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
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.
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.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 7. Porcentaje sobre calificación de proyectos integradores mediante aplicación web.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor - Tufiño Bryan.
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
Descripción Cantidad Porcentaje
SI 20 91%
Tal vez 2 9%
No 0 0%
Total 22 100%
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.
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.
Descripción Cantidad Porcentaje
SI 21 95%
No 1 5%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 8. Porcentaje sobre beneficiará el uso de una aplicación web para calificación de proyectos
integradores.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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
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.
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.
Descripción Cantidad Porcentaje
SI 18 82%
Tal vez 4 18%
No 0 0%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
Gráfico 9. Porcentaje sobre aplicación móvil basada en este sistema web.
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor -Tufiño Bryan.
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
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.
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.
Descripción Cantidad Porcentaje
Android 9 41%
iOS 1 5%
Ambas 12 54%
Total 22 100%
Fuente: Resultado de la encuesta realizada.
Elaborado por: Tipán Victor - Tufiño Bryan.
Gráfico 10. Porcentaje sobre desarrollo de aplicación móvil en sistema operativo.
Fuente: Resultado de la encuesta realizada.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Ilustración 1. Comparativo del proceso de calificación de proyectos integradores de saberes -
Proceso habitual.
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.
69
Elaborado por: Tipán Víctor -Tufiño Bryan.
4.7.2. Proceso sistematizado.
Ilustración 2. Comparativo del proceso de calificación de proyectos integradores de saberes -
Proceso sistematizado.
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.
70
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
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.
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.
Elaborado por: Tipán Victor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
4.8.2.1. Conclusión.
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.
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.
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
Elaborado por: Tipán Víctor -Tufiño Bryan.
4.8.3.1. Conclusión.
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.
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.
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
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
76
4.8.4.1. Conclusión.
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
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
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.
Selección y visualización de información.
Imagen 25. Rol docente integrador - Selección y visualización de información.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
82
Proceso de calificación
Imagen 27. Rol docente integrador - Proceso de calificación.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
83
Imagen 28. Rol docente Integrador - Calificar documentación del proyecto.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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
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.
86
Búsqueda de proyectos integradores.
Imagen 33. Rol docente integrador - Búsqueda de proyectos integradores.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
87
Revisión de capítulos.
Imagen 34. Rol docente integrador - Revisión de capítulos.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Este módulo cuenta con el siguiente proceso que detallaremos a continuación:
Selección y visualización de información.
- Selección de ciclo.
- Selección de paralelo.
- Selección de grupo.
- Selección de estudiante.
- Visualización de calificació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.
89
Selección y visualización de información.
Imagen 37. Rol docente integrador - Módulo de reportes.
Elaborado por: Tipán Víctor -Tufiño Bryan.
1. Selección de ciclo.
Permite seleccionar al docente el ciclo cursante en el cual necesita consultar, para
obtener las calificaciones de los proyecto integrador de saberes.
2. Selección de paralelo.
Permite seleccionar al docente el paralelo en el cual necesita consultar, para obtener
las calificaciones de los proyecto integrador de saberes.
3. Selección de grupo.
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
las calificaciones de los proyecto integrador de saberes.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
91
2. Selección de paralelo
Permite seleccionar al docente el paralelo en el cual necesita consultar, para obtener
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
1. Selección de ciclo
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.
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.
92
2. Selección de paralelo
Permite seleccionar al docente el paralelo 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.
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.
Módulo de reportes.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Existen dos procesos en este módulo en el cual detallaremos a continuació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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
94
Imagen 42. Rol estudiante - Enviar capítulos.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Este módulo cuenta con el siguiente proceso que detallaremos a continuación:
Selección y visualización de información.
- Selección de ciclo.
- Selección de paralelo.
- Selección de grupo.
- Selección de estudiante.
- Visualización de calificació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.
97
Selección y visualización de información
Imagen 46. Rol estudiante - Selección y visualización de información.
Elaborado por: Tipán Víctor -Tufiño Bryan.
1. Selección de ciclo.
Permite al estudiante seleccionar el ciclo en el cual necesita consultar, para obtener
las calificaciones de los proyecto integrador de saberes.
2. Selección de paralelo.
Permite al estudiante seleccionar el paralelo en el cual necesita consultar, para
obtener las calificaciones de los proyecto integrador de saberes.
3. Selección de grupo.
Permite al estudiante seleccionar el grupo en el cual necesita consultar, para obtener
las calificaciones de los proyecto integrador de saberes.
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.
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.
98
4.10.1.4. Rol - Gestor.
Al iniciar sesión con el rol gestor, tendrá acceso al siguiente módulo:
Módulo de reportes.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Este módulo cuenta con el siguiente proceso que detallaremos a continuación:
Selección y visualización de información.
- Selección de ciclo.
- Selección de paralelo.
- Selección de grupo.
- Selección por filtro.
- Selección por tema.
- Visualización de temas.
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.
99
Selección y visualización de información
Imagen 48. Rol gestor - Selección y visualización de información.
Elaborado por: Tipán Víctor -Tufiño Bryan.
1. Selección de ciclo
Permite al gestor seleccionar el ciclo en el cual necesita consultar, para obtener
listado de temas de los proyecto integrador de saberes.
2. Selección de paralelo
Permite al gestor seleccionar el paralelo en el cual necesita consultar, para obtener
listado de temas de los proyecto integrador de saberes.
3. Selección de grupo
Permite al gestor seleccionar por el grupo en el cual necesita consultar, para obtener
listado de temas de los proyecto integrador de saberes.
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.
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.
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 reportes.
Módulo de estadísticas.
Módulo de mantenimientos.
Imagen 49. Rol - Administrador.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Este módulo cuenta con el siguiente proceso que detallaremos a continuación:
Visualización y mantenimiento de usuarios.
- Lista de usuarios.
- Mantenimiento de usuarios.
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.
102
Visualización y mantenimiento de usuarios
Imagen 51. Rol administrador - Visualización y mantenimiento de usuarios.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Este módulo cuenta con el siguiente proceso que detallaremos a continuación:
Creación y mantenimientos de grupos
- Crear grupo.
- Selección de ciclo.
- Selección de paralelo.
- Selección de grupo.
- Búsqueda por tema.
- Búsqueda por integrantes.
- Búsqueda por cédula de identidad.
- Visualización de grupos.
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.
104
Creación y mantenimientos de grupos
Imagen 54. Rol administrador - Creación y mantenimientos de grupos.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
105
2. Selección de ciclo
Permite al administrador seleccionar el ciclo al cual necesita consultar, para poder
visualizar el tema para su posterior mantenimiento o requerimiento.
3. Selección de paralelo
Permite al administrador seleccionar el paralelo al cual necesita consultar, para poder
visualizar el tema para su posterior mantenimiento o requerimiento.
4. Selección de grupo
Permite al administrador seleccionar el grupo al cual necesita consultar, para poder
visualizar el tema para su posterior mantenimiento o requerimiento.
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
posterior mantenimiento o requerimiento.
7. Búsqueda por cédula de identidad
Permite al administrador realizar una búsqueda por cédula de identidad, para su
posterior mantenimiento o requerimiento.
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.
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.
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).
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
109
4.10.2.1.5. Tabla “PARALELO”.
Ilustración 13. Tabla “PARALELO”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
110
4.10.2.1.7. Tabla “PARAMETROS_PONDERACION”.
Ilustración 15. Tabla “PARAMETROS_PONDERACION”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
111
4.10.2.2. Tablas transaccionales.
4.10.2.2.1. Tabla “ROLES_MENU”.
Ilustración 17. Tabla “ROLES_MENU”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
Aquí es donde se registrarán los roles asignados a los usuarios, es una tabla intermedia
entre las tablas PARTICIPANTE y ROLES.
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.
112
4.10.2.2.3. Tabla “GRUPOS”.
Ilustración 19. Tabla “GRUPOS”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
En esta tabla quedarán registrado los integrantes de un determinado grupo, en esta
tabla baja el PK de la tabla GRUPOS.
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.
113
4.10.2.2.5. Tabla “PONDERACIONES”.
Ilustración 21. Tabla “PONDERACIONES”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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
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.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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”.
Elaborado por: Tipán Víctor -Tufiño Bryan.
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.
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.
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.
116
Tabla 11. Presupuesto de costo – diseño web.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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
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.
117
Tabla 13. Presupuesto de nómina mensual a 6 meses - diseño web.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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)
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.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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)
Cargo Mes 1 Mes 2 Mes 3 Mes 4 Mes 5 Mes 6 Total semestral
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$
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.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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 (EN CASO DE IMPLEMENTACIÓN DEL SISTEMA WEB)
TALENTO HUMANO 1.800,00$
GASTOS ADMINISTRATIVOS 402,00$
ALQUILER DE ESPACIO EN LA NUBE 39,00$
TOTAL 2.241,00$
RESUMEN PRESUPUESTAL A 6 MESES (EN CASO DE
IMPLEMENTACIÓ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.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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
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.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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
Cargo Mes 1 Mes 2 Mes 3 Mes 4 Mes 5 Mes 6 Total semestral
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$
GASTOS ADMINISTRATIVOS MES 1 MES 2 MES 3 MES 4 MES 5 MES 6 TOTAL SEMESTRE
ENERGIA ELECTRICA 40,00$ 40,00$ 40,00$ 40,00$ 40,00$ 40,00$ 240,00$
AGUA POTABLE 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 20,00$ 120,00$
SERVICIO DE INTERNET 50,00$ 50,00$ 50,00$ 50,00$ 50,00$ 50,00$ 300,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)
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.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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.
Elaborado por: Tipán Victor - Tufiño Bryan.
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
TALENTO HUMANO 1.800,00$
GASTOS ADMINISTRATIVOS 696,00$
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)
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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/aplicacion_web.php
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/dispositivo_movil.php
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/url.php
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/php.php
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/biblioteca.php
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/html.php
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/codigo_fuente.php
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/servidor_web.php
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/framework_para_aplicaciones_web.php
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/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
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/base_de_datos.php
ALEGSA. (14 de Diciembre de 2018). DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA. Obtenido de
www.alegsa.com.a: http://www.alegsa.com.ar/Dic/css.php
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.
130
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/bootstrapping.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/javascript.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/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
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.
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
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.
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
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.
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
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.
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
UNIVERSIDAD DE GUAYAQUIL
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
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.
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
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.
136
2.5.Anexo B.
2.5.1. Capture de encuesta digital