Embed Size (px)
Citation preview
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
“UNIANDES”
FACULTAD DE SISTEMAS MERCANTILES
CARRERA DE SISTEMAS E INFORMÁTICA
PROYECTO DE INVESTIGACIÓN PREVIO A LA OBTENCIÓN DEL TÍTULO
DE INGENIERO EN SISTEMAS E INFORMÁTICA
TEMA: SISTEMA DE INFORMACION PARA EL CONTROL DE LA
PLANIFICACION DE LOS PROYECTOS DEL GAD PARROQUIAL RURAL DE
SARAYAKU EN LA PROVINCIA DE PASTAZA UTILIZANDO FRAMEWORK
ANGULAR.
AUTORA: ARANDA MANYA MARGARITA ADELAIDA
TUTOR: BECERRA ARÉVALO NELSON PATRICIO, MGS.
Puyo - Ecuador
2020
CERTIFICACIÓN DEL TUTOR
Quien suscribe, legalmente CERTIFICA QUE: El presente trabajo de titulación
realizada por Aranda Manya Margarita Adelaida, estudiante de la Carrera de
Sistemas, Facultad de Sistemas Mercantiles, con el tema “SISTEMA DE
INFORMACION PARA EL CONTROL DE LA PLANIFICACION DE LOS
PROYECTOS DEL GAD PARROQUIAL RURAL DE SARAYAKU EN LA
PROVINCIA DE PASTAZA UTILIZANDO FRAMEWORK ANGULAR.” ha sido
prolijamente revisado, y cumple con todos los requisitos establecidos en la
normativa pertinente de la Universidad Regional Autónoma de los Andes –
UNIANDES, por lo que apruebo su presentación.
Puyo, febrero 2020
ING. BECERRA ARÉVALO NELSON PATRICIO, MGS.
TUTOR
CERTIFICACION DE AUTORIA
Yo, Aranda Manya Margarita Adelaida, estudiante de la Carrera de Sistemas,
Facultad de Sistemas Mercantiles, declaro, conozco y acepto la disposición
constante en el literal d) del Art. 85 del Estatuto de la Universidad Regional
Autónoma de los Andes, que en su parte pertinente textualmente dice: El
Patrimonio de la UNIANDES, está constituido por; La propiedad intelectual sobre
las Investigaciones, trabajos científicos o técnicos, proyectos profesionales y
consultoría que se realicen en la Universidad o por cuenta de ella.
Puyo, febrero 2020
Aranda Manya Margarita Adelaida
C.I. 0930967609
AUTORIA
APROBACIÓN DEL TRIBUNAL
El tribunal de Grado, aprueba el trabajo de investigación, sobre el tema:
“SISTEMA DE INFORMACION PARA EL CONTROL DE LA PLANIFICACION
DE LOS PROYECTOS DEL GAD PARROQUIAL RURAL DE SARAYAKU EN
LA PROVINCIA DE PASTAZA UTILIZANDO FRAMEWORK ANGULAR”,
elaborado por Aranda Manya Margarita Adelaida, por modalidad de proyecto de
investigación como forma de titulación estructurado de manera independiente, y
la defensa de grado guarda conformidad con las disposiciones reglamentarias
de la Universidad Autónoma de los Andes UNIANDES, Facultad de Sistemas
Mercantiles.
Puyo, febrero 2020
Para constancia firman.
DEDICATORIA
Dedico este trabajo de tesis principalmente a nuestro padre todo poderoso Dios
quien ha sido mi guía, esperanza y fortaleza, y por haberme permitido llegar
hasta este momento tan importante de mi formación personal y profesional.
A mi padre Octavio Aranda y mi madre Soledad Manya, quienes abrieron las
bases de mi estudio y educación para cumplir mis logros, gracias por brindar el
esfuerzo y valentía, de no temer las adversidades porque Dios está conmigo
siempre.
A mi amado esposo Juan Obando quien ha demostrado brindándome ese
sacrificio, esfuerzo y paciencia, aunque hemos pasado momentos difíciles,
siempre ha estado apoyándome, gracias por confiar en mi por darme una carrera
para nuestro futuro, a mi adorada amada hija Melissa Obando quien comprendió
mi ausencia temporal para ir cristalizando mejores días en mi vida.
A mi hermana Úrsula Aranda quien me ha brindado ese apoyo incondicional
durante todo el proceso de mi etapa profesional, y a todos mis hermanos (as) y
familia en general.
AGRADECIMIENTO
En primer lugar, agradecer a nuestro padre todo poderoso Dios, quien con su
bendición llena siempre mi vida y a toda mi familia.
Mi profundo agradecimiento a la Universidad Regional Autónoma de los Andes
UNIANDES “Extensión Puyo” a toda la Facultad de Sistemas Mercantiles y
carrera de Sistemas e Informáticas, a mis maestros ingenieros quienes con sus
paciencias de expresión que brindaron la enseñanza y consejos de crecer como
profesional en todo el proceso de carrera de mi estudio.
RESUMEN
El presente proyecto de investigación fue realizado para sustentar al GAD
parroquial rural de Sarayaku en el área técnica que ejecuta proyectos para el
desarrollo de las comunidades, la información generada por parte del técnico de
proyectos es través de herramientas ofimáticas como word y excel, los mismos
que no garantizan la seguridad integral de los archivos almacenados en el
computador. La investigación parte de la necesidad de tener un Sistema de
Información con el objetivo de ayudar el control de la ejecución en función a la
planificación de proyectos que actualmente se ejecutan el área técnica del GAD
parroquial rural de Sarayaku. Para el desarrollo del sistema, en la parte de
servidor se utilizó el lenguaje de programación PHP, que está compuesto de todo
el código que interactúa directamente en el servidor MySQL, y en la parte del
cliente se desarrolló mediante el uso del framework Angular que está compuesto
de todo el código que genera las interfaces gráficas que visualizará el usuario, la
metodología de software UWE, la investigación cualitativa fue aplicada para
obtener la información a través de la observación y la entrevista a las personas
involucradas en el proyecto con el cual se logró obtener información para el
desarrollo del tema propuesto, el sistema informático logró ayudar el control de
la ejecución en función a la planificación de cada proyectos, seguimiento de las
actividades, presupuesta asignado, filtros de búsqueda, reportes para la toma de
decisiones correctas.
ABSTRACT
The following investigative project was carried out to aid sustain the rural parish
Of Sarayäku in the technical area where projects are carried cut for the
development of commun±ties, the information generated on the pan of the
technician of projects is through Office tools such as Word and Excel, which do
not guarantee the integral security af the stored archives on the computer. The
investigation was born through the need of having an Information System with
the objective of helping the control of project planning which currently are carried
out in the GAO parish. For the development of the system. on the pan of the
service the programing Language PHP was used, which is made up Of all the
codes that directly interact In the server MySOL, and in the part of the client was
developed through the use of the Angular framework that is made up of ell the
code that generates the interface graphics that are seen by the user, the
methodology of the software IJWEi the qualitative investigation was applied to
obtain the information through the observation and the interview to the people
involved in the project with whom it was able to obtain information from for the
development of the system to help the management With the control of project
planning, the informative system managed to control the planning Of each Stage
of projects, securing the activities, assigned budgets, search filters and reports
for the taking of correct decisions.
ÍNDICE DE CONTENIDO
CERTIFICACIÓN DEL TUTOR
CERTIFICACION DE AUTORIA
APROBACIÓN DEL TRIBUNAL
DEDICATORIA
AGRADECIMIENTO
RESUMEN
ABSTRACT
INTRODUCCIÓN ............................................................................................... 1
CAPITULO I. FUNDAMENTACIÓN TEÓRICA................................................... 8
1.1. Antecedentes de la investigación ................................................................ 8
1.2. Actualidad del objeto de estudio de la investigación. ................................ 10
1.2.1. Sistemas de Información. ....................................................................... 10
1.2.2. Planificacion y control de proyectos ....................................................... 14
1.3. Herramientas para el desarrollo del sistema ............................................. 16
1.3.1. Framework Angular. ............................................................................... 18
1.3.2. Metodología UWE .................................................................................. 18
1.4. Actualidad ecuatoriana del sector donde se desarrolla el proyecto .......... 19
CAPITULO II. DISEÑO METODOLÓGICO Y DIAGNÓSTICO ......................... 22
2.1. Paradigma y tipo de investigación ............................................................. 22
2.1.1. Modalidad y tipos de la investigación. .................................................... 22
2.1.2. Tipos de investigación ............................................................................ 23
2.2. Procedimientos para la búsqueda y procesamiento de los datos. ............ 23
2.2.1. Población y Muestra ............................................................................... 23
2.2.2. Métodos, Técnicas e instrumentos de la investigación. ......................... 24
2.3. Análisis e interpretación de resultados ...................................................... 25
2.4. Resultados del diagnóstico de la situación actual. .................................... 31
CAPITULO III. PROPUESTA DE SOLUCIÓN AL PROBLEMA ....................... 32
2.1. Propuesta de solución ............................................................................... 32
2.1.1. Nombre de la propuesta ......................................................................... 32
2.1.2. Objetivos ................................................................................................ 32
2.1.3. Elementos que la conforman .................................................................. 32
2.1.4. Explicación de cómo la propuesta contribuye a solucionar las insuficiencias
identificadas en el diagnóstico. ................................................................ 33
2.2. Aplicación práctica de la propuesta ........................................................... 33
2.2.1. Desarrollo de la metodología ................................................................. 33
2.3. Captura, análisis y especificación de requisitos ........................................ 34
2.3.1.1. Estudio de factibilidad del sistema ...................................................... 34
2.3.1.2. Diagramas de secuencia ..................................................................... 51
2.4. Diseño del sistema .................................................................................... 59
2.4.1. Diseño conceptual .................................................................................. 59
2.4.2. Diseño lógico .......................................................................................... 60
2.4.3. Diseño físico ........................................................................................... 61
2.4.4. Diseño de navegación ............................................................................ 62
2.5. Codificación del software .......................................................................... 63
2.6. Pruebas ..................................................................................................... 64
CONCLUSIONES ............................................................................................ 72
RECOMENDACIONES .................................................................................... 73
BIBLIOGRAFÍA
ÍNDICE DE TABLAS
Tabla 1. Registro de los proyectos en word. ...................................................... 4
Tabla 2. Tipos de Sistemas de Información ..................................................... 13
Tabla 3. Población ........................................................................................... 23
Tabla 4. Ficha de observación ......................................................................... 30
Tabla 5. Requerimiento hardware y software ................................................... 35
Tabla 6. Recursos para el desarrollo. .............................................................. 36
Tabla 7. Caso de uso: Administrar usuarios y grupos de usuarios. ................. 39
Tabla 8. Caso de uso: Administrar Periodos. ................................................... 39
Tabla 9. Caso de uso: Administrar Comunidades. ........................................... 40
Tabla 10. Caso de uso: Administrar Administrativos. ....................................... 40
Tabla 11. Caso de uso: Administrar Socios ..................................................... 41
Tabla 12. Caso de uso: Administrar Proyectos ................................................ 42
Tabla 13. Caso de uso: Administrar Actividades .............................................. 42
Tabla 14. Caso de uso administrativo: Administrar proyecto. .......................... 45
Tabla 15. Caso de uso administrador: Administrar actividades........................ 46
Tabla 16. Caso de uso administrativo: Administrar Comunidades ................... 47
Tabla 17. Caso de uso: Administrar socio responsables de la comunidad ...... 48
Tabla 18. Caso de uso administrativo: Administrar encargados del proyecto .. 48
Tabla 19. Caso de uso administrativo: Administrar documentos...................... 49
Tabla 20. Caso de uso administrativo: Administrar costos ............................... 50
Tabla 21. Prueba de Unidad N°1 ..................................................................... 64
Tabla 22. Prueba de Unidad N°2 ..................................................................... 65
Tabla 23. Prueba de Unidad N°3 ..................................................................... 65
Tabla 24. Prueba de Unidad N°4 ..................................................................... 66
Tabla 25. Prueba de Unidad N°5 ..................................................................... 66
Tabla 26. Prueba de validación. ....................................................................... 67
ÍNDICE DE FIGURAS
Figura 1. Registro de la información de proyectos en equipo informático .......... 5
Figura 2. Árbol de problemas. ............................................................................ 6
Figura 3. Elementos de un Sistema de Información ......................................... 10
Figura 4. Componentes de un Sistema de Información. .................................. 11
Figura 5. Ciclo de vida del proyecto. ................................................................ 15
Figura 6. GAD Rural de Sarayaku .................................................................... 20
Figura 7. Diagrama de Casos de uso – Administrador. .................................... 38
Figura 8. Diagrama de casos de uso. .............................................................. 44
Figura 9. Diagrama de secuencia Agregar nuevo Periodo. .............................. 51
Figura 10. Diagrama de secuencia Actualizar Periodo .................................... 52
Figura 11. Diagrama de secuencia: Activar/Desactivar Periodo ...................... 52
Figura 12. Diagrama de secuencia Agregar nueva Comunidad ....................... 53
Figura 13. Diagrama de secuencia: Actualizar Comunidad ............................. 53
Figura 14. Diagrama de secuencia: Eliminar Comunidad ................................ 54
Figura 15. Diagrama de secuencia: Crear nuevo Administrativo .................... 54
Figura 16. Diagrama de secuencia: Actualizar Administrativo ......................... 55
Figura 17. Diagrama de secuencia: Eliminar Administrativo ............................ 55
Figura 18. Diagrama de secuencia: Crear nuevos Socio ................................. 56
Figura 19. Diagrama de secuencia: Actualizar Socio. ...................................... 56
Figura 20. Diagrama de secuencia: Eliminar Socio .......................................... 57
Figura 21. Diagrama de secuencia: Agregar nuevo Proyecto .......................... 58
Figura 22. Diseño conceptual de la Base de Datos ......................................... 59
Figura 23. Diseño Lógico de Base de Datos .................................................... 60
Figura 24. Diseño Físico de Base de Datos ..................................................... 61
Figura 25. Diseño de Navegación de Base de Datos ....................................... 62
Figura 26. Esquema y componentes del backend ........................................... 63
Figura 27. Interfaz Ingresar al proyecto .............. ¡Error! Marcador no definido.
Figura 28. Interfaz de ingreso de Administrativo .............................................. 71
Figura 29. Tipo erróneo. ................................................................................... 71
ÍNDICE DE ANEXOS
Anexo 1. Cuestionario
Anexo 2. Diccionario de datos
Anexo 3. Manual de Usuario
Anexo 4. Manual técnico.
1
INTRODUCCIÓN
Actualidad e importancia
Hoy en día los Sistemas de Información (SI) y las Tecnologías de la Información
(TI) han transformado el mundo entero la forma en que se operan las
organizaciones actuales. Con su uso se han logrado automatizar los procesos
operativos, suministrar una plataforma de información necesaria para la toma de
decisiones y lo más importante su implantación logra ventajas competitivas.
El tema propuesto recae en uno de los artículos del Plan Nacional de Desarrollo
2017-2021, Toda una Vida, Art. 385 de la Constitución de la República del
Ecuador, menciona que: “(…) El sistema nacional de ciencia, tecnología,
innovación y saberes ancestrales, en el marco del respeto al ambiente, la
naturaleza, la vida, las culturas y la soberanía, tendrá como finalidad:
Generar, adaptar y difundir conocimientos científicos y tecnológicos.
1. Recuperar, fortalecer y potenciar los saberes ancestrales.
2. Desarrollar tecnologías e innovaciones que impulsen la producción nacional,
eleven la eficiencia y productividad, mejoren la calidad de vida y contribuyan
a la realización del buen vivir.” (Benítez González, 2018)
Durante los últimos años se ha mejorado la accesibilidad a la tecnología de
punta, permitiendo que los avances e innovaciones tecnológicos coadyuven al
desarrollo de las capacidades de las instituciones del sector público, teniendo
una mejora en la gestión, creando nuevos sistemas y aplicaciones. (Plan
Estratégico Senplades, 2015)
Los lineamientos de nuestro país tienen relación con el tema propuesto de
fortalecer la necesidad de la sociedad, mejorar el servicio y la economía
desarrollando un sistema de información de control de planificación de los
proyectos en área de técnica del GAD parroquial rural de Sarayaku en la
provincia de Pastaza.
A nivel internacional existen un sin número de sistemas de información para el
control de la planificación de los proyectos, por ejemplo: “Desarrollo de un
sistema de información para la planificación y control del mantenimiento
preventivo aplicado a una planta agroindustrial” en Lima-Perú, este tema de tesis
2
presenta como una alternativa para las plantas agroindustriales a través de una
herramienta informática que ayude a mantener informada al área de producción
sobre las tareas de mantenimiento actuales y programadas. Para desarrollo del
sistema informática se utilizó el lenguaje programación V.B. Net, base da datos
de Microsoft server 2005, patrón M.V.C y para el diseño diagramas Start UML.
(Páez Espina, 2011)
El Ecuador está creciendo en el desarrollo tecnológico por lo tanto los sistemas
de información están en diversas instituciones públicas y privadas, por ejemplo,
SIGAD, es la herramienta informática diseñada para capturar la información
requerida para el cálculo del índice de cumplimiento de Metas, Séptimo Criterio
Constitucional. SIGAD (Sistema de Información para los Gobiernos Autónomos
Descentralizados) captura la información de los Planes de Desarrollo y
Ordenamiento Territorial de los Gobiernos Autónomos Descentralizados con las
fases: diagnostico, propuesta, modelo territorial y modelo de gestión con el fin de
articular la planificación de los diferentes niveles de Gobierno y a la vez vincular
de manera eficiente la planificación y el presupuesto a través del Módulo de
Planificación. (Sistema de Información para los Gobiernos Autónomos
Descentralizados, s.f.)
Al desarrollar el Sistema de Información de control de planificación de proyectos
se pone a disposición del GAD parroquial rural de Sarayaku una nueva opción
para mejorar el control de ejecución en función a la planificación de proyectos ya
que los Sistemas de Informacion son cada vez esenciales en todas las
instituciones. Dado que en la sociedad se cuenta con la presencia de la
tecnología que brinda una imagen profesional, convirtiéndose en un elemento
más de la vida diaria.
Por esta razón en la provincia de Pastaza se puede incentivar al desarrollo de
Sistemas de Información que permitirá el manejo de la tecnología. Con el tema
planteado se mejorará el control de planificación de proyectos, beneficiando de
manera directa; al mismo tiempo, ayudando de modo eficaz al encargado del
área técnica de proyectos del GAD parroquial rural de Sarayaku, la cual tiene
como objetivo presentar información relevante. Gracias al aporte del Sistema de
Información se puede tener una visión más amplia de lo que ocurre en cada uno
de los procesos al momento de elaborar una planificación de proyectos para las
3
comunidades de la parroquia Sarayaku y controlando la ejecución en función a
la planificación de proyecto.
Problema de investigación
El Gobierno Autónomo Descentralizado parroquial rural de Sarayaku es una
institución pública con derecho de todas las leyes del país, cuya principal
actividad es el servicio a las comunidades que pertenecen a la parroquia.
Actualmente el área técnica del GAD parroquial rural de Sarayaku referente en
el manejo de información de proyectos que se han venido realizando es
almacenada mediante la utilización en herramientas ofimáticas word y excel
resultando difícil para el técnico y personal involucrado en el proyecto, por lo cual
no se pueden tomar decisiones en un determinado tiempo.
Debido a las dificultades encontradas en el manejo de la información de
proyectos se puede identificar la inseguridad de uso con la herramienta ofimática,
poniendo en riesgo la información que genera el área técnica de proyectos.
En área técnica del GAD parroquial rural de Sarayaku, la información registrada
del control de la planificación de proyectos es deficiente, siendo esto uno de los
puntos más importantes para la Institución lo cual genera los siguientes
problemas:
No cuenta con un control de planificación de proyectos.
El técnico de proyectos no dispone de un sistema de control de la ejecución
en función a la planificación de los proyectos.
La información de los proyectos no está ordenada.
No se cuenta con un registro planificado de seguimiento de las actividades de
proyectos en las comunidades.
La información se genera en herramientas ofimáticas, ocasionando que no
sea debidamente ordenada para el técnico de proyecto.
La elaboración de la informacion de los proyectos tiene un procedimiento manual
que se realizan en herramientas ofimática como word y excel. Esta información
elaborada en dichas herramientas es guardada en el computador de la institución
4
generando inseguridad para el técnico de proyectos debido que no puede
guardar la información de manera organizada para tomar decisión que
consideren oportuna en beneficio de todo el equipo involucrado en el proyecto y
lo más importante en el área técnica de proyectos es necesario mejorar el
proceso de control de ejecución en función a la planificación de proyectos y
contar con la información tales como por ejemplo reportes, asignar miembros y
comunidades involucrados en el proyecto, seguimiento de la planificación, filtros
de búsqueda, visualización de las actividades en las fechas establecidas y el
control de presupuesto asignado, de todos los proyectos que se ejecutan en el
área técnica de proyectos del GAD parroquial rural de Sarayaku.
A continuación, se registra los diferentes proyectos que se ejecutan y la manera
en que se llevan la información en programas de word, en el GAD parroquial
rural de Sarayaku.
Tabla 1. Registro de los proyectos en word.
Fuente. - GAD parroquial rural de Sarayaku.
Periodo Nombre del proyecto Entidad
ejecutora Cobertura y localización
Plazo de ejecución
15/09/2019
31/03/2020
Tratamiento de residuos sólidos
GAD parroquial rural de
Sarayaku
Comunidades Pakayaku y Sarayaku
06 meses
01/09/2019
01/09/2020 Plantas
GAD parroquial rural de
Sarayaku
Comunidades Pakayaku y Sarayaku
12 meses
01/09/2019
01/09/2020
Fomento piscícola con especies nativas
GAD parroquial rural de
Sarayaku
Comunidades Pakayaku y Sarayaku
12 meses
01/12/2019
31/12/2020
Programa CDI (Centro de Desarrollo Infantil)
GAD parroquial rural de
Sarayaku
Comunidades Pakayaku y Sarayaku
12 meses
80% MIES
20% GAD parroquial rural de
Sarayaku
5
Figura 1. Registro de la información de proyectos en equipo informático Fuente: GAD parroquial rural de Sarayaku
Con el desarrollo del Sistema de Información se mejorará el control de la
ejecución en función a la planificación de los proyectos en el GAD parroquial
rural de Sarayaku en el departamento técnico, en la provincia de Pastaza, con el
fin de lograr absoluta organización en la elaboración de la informacion de control
de la ejecución en función a la planificación tales como registrar proyectos y
controlar el valor del presupuesto, visualizar actividades en las fechas
establecidas para la entrega de proyectos a las comunidades, generar reportes
y toda la información se procesará de manera sistematizada y el beneficiario del
Sistema de Información para el control de planificación es el área técnica de
proyectos que se optimizará con el uso de la tecnología y ayudara a la institución
la toma de decisiones.
Formulación del problema a investigar.
¿Cómo mejorar el control de la planificación de los proyectos en el GAD
parroquial rural de Sarayaku?
Delimitación del problema
El presente proyecto de investigación se desarrolla con la información del GAD
parroquial rural de Sarayaku.
6
Figura 2. Árbol de problemas. Fuente. GAP parroquial rural de Sarayaku.
Identificación de la línea de investigación:
Desarrollo de Software y Programación de Sistemas.
Objetivos de la investigación
Objetivos General
Desarrollar un Sistema de Información para el control de la planificación de los
proyectos del GAD parroquial rural de Sarayaku en la provincia de Pastaza.
Objetivos específicos
Sustentar bibliográficamente los Sistemas de Información,
Aplicaciones Web, Framework Angular, que se utilizará en el
desarrollo del Sistema de Información para el control de planificación
de proyectos del GAD parroquial rural de Sarayaku.
7
Diagnosticar una investigación de campo de los procesos de control
de la planificación de proyectos en área técnica del GAD parroquial
rural de Sarayaku.
Desarrollar un Sistema de Información con framework Angular para el
control de la planificación de los proyectos, que permita el registro de
la información reportes, y cumplir con la planificación de proyectos en
fechas establecidas en área técnica del GAD parroquial rural de
Sarayaku.
8
CAPITULO I. FUNDAMENTACIÓN TEÓRICA
1.1. Antecedentes de la investigación
Previamente se tiene que en la Universidad de San Ignacio de Loyola, se ha
encontrado la tesis de grado para obtener Título profesional de Ingeniero
Empresarial y de Sistemas, con el tema “Implementación de un sistema de
planeamiento y control de producción. Caso empresa Packaging Products del
Perú.”, elaborado por David Balcazar Medina en la ciudad de Lima – Perú en el
año 2016. Este proyecto de tesis permitió planificar las compras anuales de los
diversos materiales principales y materiales auxiliares, también optimizar sus
procesos de fabricación, reducir costos, minimizar las horas muertas por falta de
materiales, cumplir sus tiempos de entrega y determinar exactamente el costo
de producción de sus productos. Para el desarrollo de sistema se utilizó el motor
de base de datos Oracle Enterprise 11G y Power Builder 12 como software de
programación (Balcazar Medina, 2016)
En la Universidad Autónoma de Chiapas México se ha encontrado el artículo
científico de la Revista Iberoamericana de Producción Académica y Gestión
Educativa ISSN 2007 – 8412, con el tema “Sistema Web para el control de
planeación académica contaduría pública UNACH” elaborado por Aron de la
Cruz Vázquez, Luisa Ponce Hernández, María Estrella Olivera Santos, Christian
Mauricio Castillo Estrada, realizado en junio en la ciudad de México en el año
2015. En este articulo científico se diseñó e implemento la herramienta Case
MySQL Workbench y los servicios Web aplicados a un Sistema de Información
Web, para llevar el control de la planeación académica se emplearon otras
tecnologías como son; Php, JQuery, Java Script y la librería FPDF es una clase
Hypertext Preprocessor (PHP) que permite generar archivos PDF con PHP puro,
cabe resaltar que estas herramientas son parte importante en el ámbito
empresarial y académico, su uso facilito el control de las planeaciones que cada
semestre entregan los docentes para su revisión y aprobación. (De la Cruz
Vázquez, Ponce Hernández, Olivera Santos, & Castillo Estrada, 2015)
En Ecuador se ha encontrado en la Universidad de las Fuerzas Armadas “ESPE”
la tesis previa a la obtención del título de Magister en Gerencia de Sistemas, con
el tema “Análisis, diseño e implementación del Sistema Web de planificación y
9
control de presupuesto de proyectos de software para la empresa MATOOSFE.
Cia. Ltda.”, elaborado por Caiza Ávila Angélica Janeth, Toscano Freire Marco
Antonio, realizado en Sangolquí en la cuidad de Quito en el año 2015, para el
desarrollo del Sistema se utilizó en lenguaje de programación Java,
específicamente la plataforma JEE, con el desarrollo permitió ayudar a la
organización a gestionar de mejor manera los proyectos de software y a la vez
controlar el presupuesto asignado a cada uno de los recursos involucrados en
los mismos, estableciendo una cotización más apegada a la realidad en tiempo
y recursos. (Caiza Ávila & Toscano Freire, 2015)
En la Escuela Politécnica Nacional se ha encontrado el proyecto previo a la
obtención del título de Ingeniero en Sistemas Informáticos en Computación con
el tema “Desarrollo de una herramienta Web para la planificación, ejecución y
control de proyectos de desarrollo de sistema Web para la empresa HC
consultores”, elaborado por Lucía Natalia Rojas Molina ubicada en la cuidad de
Quito en el año 2015, el desarrollo permitió agilizar los procesos del Sistema
Web y realizar las respectivas validaciones del sistema mediante pruebas,
modulares con datos reales, seguridad y encuesta de satisfacción del usuario,
para el desarrollo del sistema para el desarrollo del sistema se utilizó el motor
de base de datos PostgreSQL y Jboss-as, Eclipse Juno Release, FileZilla
Serve. (Rojas Molina, 2015)
En el repositorio de la Universidad Regional Autónoma de los Andes “Uniandes”
extensión Puyo, se ha encontrado una tesis de grado previo a la obtención del
título de Ingeniero en Sistemas e Informática con el tema “Sistema de
información, para la gestión de proyectos de la unidad de investigación en la
Universidad Regional Autónoma de los Andes “Uniandes” extensión Puyo”,
elaborado por Sergio Willian Chávez Pualacin en el 2016, el desarrollo del
sistema realiza el procesamiento de la información de forma automatizada,
donde la recolección y actualización de la información es en tiempo real,
permitiendo la elaboración de reportes e informes oportunamente para la toma
de decisiones, hecho que permite agilizar la restructuración de la planificación
de los proyectos, para el desarrollo del sistema se utilizó la base de datos MySQL
y Php, framework Bootstrap. (Chávez Pualacin, 2016)
10
1.2. Actualidad del objeto de estudio de la investigación.
1.2.1. Sistemas de Información.
Un sistema de información (SI; IS por sus siglas en inglés: Information Systems)
es un conjunto de componentes interrelacionados que reúnen, procesan,
almacenan y distribuyen datos e información y proporcionan un mecanismo de
retroalimentación para cumplir un objetivo. Este mecanismo es el que ayuda a
las organizaciones a lograr sus objetivos, como incrementar sus ganancias o
mejorar su servicio al cliente. (Stair & Reynolds, 2017)
Sistema de Información (SI) a un conjunto de elementos que interaccionan entre
sí y que tienen un fin específico que, en general, tiene que ver con satisfacer una
necesidad. ( Uriarte , 2020)
Elementos de un Sistema de Información.
Figura 3. Elementos de un Sistema de Información
Fuente: (Duany Dangel, 2019)
Base de Datos: Es donde se almacena toda la información que se requiere para
la toma de decisiones. La información se organiza en registros específicos e
identificables;
Transacciones: Corresponde a todos los elementos de interfaz que permiten al
usuario: consultar, agregar, modificar o eliminar un registro específico de
Información;
Informes: Corresponden a todos los elementos de interfaz mediante los cuales
el usuario puede obtener uno o más registros y/o información de tipo estadístico
(contar, sumar) de acuerdo a criterios de búsqueda y selección definidos.
11
Procesos: Corresponden a todos aquellos elementos que, de acuerdo a una
lógica predefinida, obtienen información de la base de datos y generan nuevos
registros de información. Los procesos sólo son controlados por el usuario (de
ahí que aparezca en línea de puntos;
Usuario: Identifica a todas las personas que interactúan con el sistema, esto
incluye desde el máximo nivel ejecutivo que recibe los informes de estadísticas
procesadas, hasta el usuario operativo que se encarga de recolectar e ingresar
la información al sistema y
Procedimientos Administrativos: Corresponde al conjunto de reglas y políticas
de la organización, que rigen el comportamiento de los usuarios frente al sistema.
Particularmente, debieran asegurar que nunca, bajo ninguna circunstancia un
usuario tenga acceso directo a la Base de Datos. (Duany Dangel, 2019)
Componentes de un sistema de información.
Un Sistema de Información cumple con los siguientes componentes que
interactúan para lograr un objetivo.
Figura 4. Componentes de un Sistema de Información.
Fuente: (Stair & Reynolds, 2017)
Entrada: En los sistemas de información, la entrada se define como la actividad
que consiste en recopilar y capturar datos. Por ejemplo, para generar los
cheques de pago una compañía, debe recabar el número de horas que cada
empleado trabajó antes de que se realice el cálculo y se impriman los cheques.
Procesamiento: En el ambiente de los sistemas de información, procesamiento
significa convertir o transformar los datos en salidas útiles. El procesamiento
puede involucrar la realización de cálculos, la comparación de datos, la toma de
12
acciones alternas y el almacenamiento de datos para su futuro uso. (Stair &
Reynolds, 2017)
Retroalimentación: Como retroalimentación se designa el método de control de
sistemas en el cual los resultados obtenidos de una tarea o actividad son
reintroducidos nuevamente en el sistema con el fin de controlar y optimizar su
comportamiento. (Coelho, 2019)
Salida: a aquellos que permiten la extracción o recuperación de información
proveniente del computador o sistema informático, es decir, su traducción a
términos visuales, sonoros, impresos o de cualquier otra naturaleza. (Raffino,
2019)
Componentes y funciones de los SI
El SI empresarial adquiere una importancia estratégica, porque tanto la
información como las tecnologías usadas son recursos estratégicos, obligando
a las organizaciones a integrar su desarrollo y su tecnología en la estrategia
corporativa. Además, la presencia de los objetivos, es otro aspecto que identifica
a los SI. El objetivo final de un SI es el de satisfacer las necesidades informativas
de los usuarios de dicho sistema con el fin de analizar los problemas, planificar
controlar y tomar decisiones. Para poder conseguir los objetivos un SI tiene que
desarrollar tres funciones: captación de datos, procesamiento de los mismos y
difusión de la información. (Ruiz Larrocha, 2017)
La Captación de datos: La obtención de los datos e información para poder ser
tratada implica disponer de los mecanismos necesarios para reunir los datos
relevantes, sin errores y a un coste razonable. Se han de cumplir los principios
de selectividad y fiabilidad optimizando los recursos. En la captura se pueden
distinguir dos operaciones fundamentales: registro y codificación.
El procesamiento: El proceso de datos implica manipularlos y operarlos con
ellos siguiendo los métodos y procedimientos adecuados para dotarlos de mayor
significado y darle un mayor valor añadido a la organización. El resultado de
procesamiento permite tomar decisiones, ayuda en el análisis de nuevas
informaciones y favorecen la generación del conocimiento.
La difusión de la información: Esta información es quizás la más importante
de las tres, ya que, si la información obtenida no llega a su destino de forma
13
adecuado, segura, eficaz y oportuna, el SI no alcanza su objetivo. Las
actividades de difusión y transmisión de la información necesitan de sistema y
redes de comunicación adecuada que permitan llegar, sin perdidas, al que lo
necesite y en el momento en que lo necesite. (Ruiz Larrocha, 2017)
Tipos de Sistemas de Información
Desde un punto de vista empresarial u organizativo, los sistemas de información
pueden clasificarse en:
Tabla 2. Tipos de Sistemas de Información
Fuente: (Chicano Tejada, 2015)
Sistemas de Apoyo a Ejecutivos (ESS): apoyan a la toma de decisiones no
estructurada, proporcionando gráficos y comunicaciones avanzadas.
Sistemas de Apoyo a la Toma de Desiciones (DSS): combinan datos y
modelos de análisis sofisticados mediante la utilización de herramientas de
análisis de datos avanzadas para apoyar la toma de decisiones no estructurada
o semiestructurada.
Sistemas de Información Gerencial (MIS o SIG): apoyan a la planificacion,
control y toma de decisiones con la generación de informes y estadísticos
resumidos de rutina.
Sistemas de Trabajo del conocimiento (KWS): SI que dan apoyo a los
trabajadores que se encargan de crear nuevos conocimientos e informacion
Niveles de la organización Tipos de sistemas de información
Nivel estratégico SI de Apoyo a Ejecutivos (ESS)
Nivel administrativo
SI de Apoyo a la Toma de Decisiones (DSS)
SI de Información Gerencial (MIS)
Nivel de conocimiento SI de Trabajo de Conocimiento (KWS)
SI de Oficina
Nivel operativo SI de Procesamiento de Transacciones (TPS)
14
(creacion de nuevos productos, búsqueda de mejora de productos o servicios ya
existentes, ect).
Sistemas de Oficina: sistemas de cómputo (procesadores de texto, sistemas
de programación, hojas de cálculo, etc.) que están diseñados para aumentar la
productividad de los trabajadores de datos en la oficina.
Sitemas de Procesamiento de Transacciones(TPS): sistemas automatizados
que gestionan las transacciones producidas en una empresa u organización.
Dan servicio a nivel operativo y pueden contener tareas, datos y usuarios.
(Chicano Tejada, 2015)
1.2.2. Planificacion y control de proyectos
El uso del enfoque de proyectos está cada día más difundido en las empresas y
organizaciones tanto públicas como privadas, debido a los continuos desafíos
que ellas deben enfrentar. Así, la Administración y Dirección de Proyectos se ha
transformado en una capacidad de alto impacto y necesidad para el desarrollo
de las organizaciones y empresas. Dentro de allá, hay dos funciones
consideradas fundamentales: la Planificación y el Control de Proyectos. (Serpell
Bley & Alarcón , 2019)
Planificación y control
Las preguntas clásicas en la planificación de los proyectos son: ¿quién?,
¿cuándo?, ¿cómo?, y ¿progreso? ¿Que? El producto o resultado del proyecto
debe estar definido y se debe dividir el proyecto en sucesiones de tarea. La
adherencia a un modelo estándar de desarrollo de sistema de información, ayuda
claramente a este proceso. También se deben identificar los estándares a utilizar
en el proyecto, tales como notaciones apropiadas para especificaciones de
requerimientos. ¿Quién? El personal se debe asignar al proyecto y se deben
identificar las responsabilidades. ¿Cuándo? Se debe identificar hitos y establecer
calendarios. ¿Cómo? Se debe crear un presupuesto y asignar recursos al
proyecto. ¿Progreso? Se debe establecer un mecanismo efectivo para
monitorizar el avance de los proyectos. (Beynon-Davies, 2014)
El control de los proyectos es un tipo de evaluación formativa, su propósito es
asegurar el cumplimiento de los plazos, el mantenimiento de los costes dentro
del presupuesto y el mantenimiento de las entandares apropiadas, el objetivo
15
más importante el control del proyecto es anticipar los problemas con suficiente
tiempo como para poder tomar las medidas pertinentes. (Beynon-Davies, 2014)
Planificación y lanzamiento del proyecto.
En la fase de planificación y lanzamiento del proyecto se pone en marcha la
infraestructura que se utilizará para realizar el proyecto, se crea y forma el
equipo, se hace la planificación detallada y se da a conocer el proyecto
internamente. (Gonzáles Farran, Ramón Rodríguez, & Guitart, 2016)
Proyecto.
Se entiende por proyecto a una planificación consistente en un conjunto de
actividades que se encuentran interrelacionadas y coordinadas, con el fin
expreso de alcanzar resultados específicos en el marco de las limitaciones
impuestas por factores previos condicionantes: un presupuesto, un lapso de
tiempo o una serie de calidades establecidas.
Los proyectos suelen comprenderse como la preparación y disposición por
escrito de los elementos teóricos, materiales y humanos que se necesitarán para
elaborar un producto, servicio o resultado único, por lo que en ciertos ámbitos
puede ser equivalente a bosquejo, guion previo, primer borrador, etc. (Raffino,
Proyecto, 2020)
Etapas del ciclo de vida de un proyecto.
Figura 5. Ciclo de vida del proyecto. Fuente: (Institute, 2017)
16
1.3. Herramientas para el desarrollo del sistema
Base de datos
Una base de datos es una colección de datos almacenados y organizados de
forma que un programa del ordenador pueda seleccionarlos rápidamente y
capaces de ser: recobrados, actualizados, insertados y borrados. Gutiérrez Díaz
(2019). Para Ángel Arial, Llamamos base de datos (o bases de datos) a un
conjunto de datos dispuestos con el objetivo de proporcionar información a los
usuarios y permitir transacciones como inserción, eliminación y actualización de
datos. (Arias, 2015)
Sistema de Gestor de Base de Datos.
Sistema de gestión de bases de datos (SBD) es el nombre dado a un conjunto
de programas informáticos que gestionan una base de datos. Su objetivo
principal es evitar la manipulación directa por un usuario de una base de datos y
establecer un marco estándar para que los datos sean organizados y
manipulados y tengan una interfaz estándar para que otros programas puedan
acceder a la base de datos. Los SBD también proporcionan herramientas
adicionales que tienen como objetivo ayudar a manipular los datos de una base
de datos. (Benítez & Arias, 2017)
MySQL
MySQL es el sistema de gestión de bases de datos de Open Source más popular
del mundo y es conocido por su rendimiento y fiabilidad. (Combaudon, 2018)
MySQL es un sistema de base de datos relacional, lo que quiere decir que
archiva datos en tablas separadas en lugar de guardar todos los datos en un
gran archivo, lo que le permite tener mayor velocidad y flexibilidad. (MySQL,
2019)
HTML5
HTML5 es la quinta versión del lenguaje HTML; principalmente, representa la
forma en que se mostrará la información en el navegador de internet y determina
la manera en la que los usuarios podrán interactuar con ella. HTML5 es el
resultado de agrupar las especificaciones (entiéndase por especificación un
17
lenguaje probado y usado) relacionadas al desarrollo web. HTML5 trabaja junto
con CSS3, y entre los dos tratan de definir los nuevos estándares para el
desarrollo web moderno, tanto para de escritorio como para dispositivos móviles.
CSS, u “Hojas de Estilo en Cascada” (en inglés Cascading Style Sheets), se
define como un lenguaje que sirve para establecer la presentación de un
documento estructurado y escrito en HTML5. JavaScript, al igual que CSS, es
una de las herramientas más usadas para extender la capacidad que ya de por
si tiene el lenguaje HTML5. (Torres Remón, 2014)
PHP
PHP es un lenguaje de script que se ejecuta del lado del servidor; el código PHP
se incluye en una página HTML normal. Por lo tanto, se puede comparar con
otros lenguajes de script que se ejecutan según el mismo principio: ASP (Active
Server Pages), JSP (Java Server Pages) o PL/SQL Server Pages (PSP).
A diferencia de un lenguaje como JavaScript, donde el código se ejecuta del lado
del cliente (en el explorador), el código PHP se ejecuta del lado del servidor. El
resultado de esta ejecución se incrusta en la página HTML, que se envía al
navegador. Este último no tiene conocimiento de la existencia del procesamiento
que se ha llevado a cabo el servidor. Esta técnica permite realizar páginas web
dinámicas cuyo contenido se puede generar total o parcialmente en el momento
de la llamada de la página, gracias la información que se recopila en un
formulario o se extrae de una base de datos. (Heurtel, 2016)
JavaScript
JavaScript, término que nos encontraremos muy a menudo en este libro con las
siglas JS, es un lenguaje inventado por Brendan Eich en 1995, que sirve
principalmente para programar procesamiento del lado “cliente” en los
desarrollos Web. La primera versión de este lenguaje fue bautizada como
LiveScript. El objetivo era proporcionar un lenguaje de script al navegador
(browser) Netscape Navigator 2.
La programación del lado “cliente” de JavaScript permite añadir una cierta
interactividad a las páginas Web. En particular las páginas podrán reaccionar a
18
las acciones del usuario, como la selección en una lista desplegable, la selección
de una casilla de selección o un clic en un botón de un formulario.
El código Java Script, almacenado como archivos en un servidor Web, es
accesible, a través de protocolo HTTP, por el navegador del puesto “cliente”,
usando una llamada del usuario a través de la introducción de una URL o con un
clic en un enlace de hipertexto. El código JavaScript es no compilado y se
interpreta por un motor dedicado, incorporado por navegador. (Vigouroux, 2017)
1.3.1. Framework Angular.
Angular es un framework de código abierto desarrollado por Google. Con el
objeto para crear aplicaciones web dinámicas y modernas. Fue presentado por
primera vez en 2009, el framework se caracteriza por eliminar códigos
innecesarios y garantizar aplicaciones más ligeras y rápidas.
Angular se trata de un framework utilizado para el desarrollo de aplicaciones web
de una sola página, y está desarrollado en TypeScript. Es muy sencillo
desarrollar un frontend con Angular. El propósito de Angular, es el de generar
una mayor cantidad de aplicaciones basadas en un navegador, permitiendo el
uso del modelo vista controlador (MVC), o, mejor dicho, una variante más flexible
llamada MVW (Model View Whatever). (Acosta, 2019)
1.3.2. Metodología UWE
La Ingeniería Web basada en UML (UWE), es una metodología propuesta
enfocada al modelado de aplicaciones Web, basada en la extensión de la
semántica del UML mediante la utilización de estereotipos, al estar basada
estrictamente en UML garantiza que sus modelos sean fáciles de entender para
conocedores de UML. (Ascona Jimenez, Urbina Cornejo, & Zapata Ruiz, 2019)
Fases de la metodología UWE
Fase de requisitos. Trata de diferente forma las necesidades de información,
las necesidades de navegación, las necesidades de adaptación y las de interfaz
de usuario, así como algunos requisitos adicionales. Centra el trabajo en el
estudio de los casos de uso, la generación de los glosarios y el prototipado de la
interfaz de usuario.
19
Fase de análisis y diseño. UWE distingue entre diseño conceptual, de modelo
de usuario, de navegación, de presentación, de adaptación, de la arquitectura,
en el diseño detallado de las clases y en la definición de los subsistemas e
interfaces.
Fase de implementación. UWE incluye implementación de la arquitectura del
hiperespacio, del modelo de usuario, de la interfaz de usuario, de los
mecanismos adaptativos y las tareas referentes a la integración de todas estas
implementaciones. (Ascona Jimenez, Urbina Cornejo, & Zapata Ruiz, 2019)
Pruebas: Se emplea para ratificar el correcto funcionamiento de secciones de
código.
1.4. Actualidad ecuatoriana del sector donde se desarrolla el proyecto
En Ecuador, hoy en día las instituciones públicas de los Gobiernos Autónomos
Descentralizado Parroquiales rurales son de derecho constitucional de
participación ciudadana y su relación con la formulación de las políticas públicas
locales, en el año 2010 aprobó la ley orgánica: Código Orgánico de Organización
Territorial, Autonomía y Descentralización (COOTAD). (Jaramillo Jaramillo ,
2018)
Art. 63.- Naturaleza jurídica. - Los gobiernos autónomos descentralizados
parroquiales rurales son personas jurídicas de derecho público, con autonomía
política, administrativa y financiera. Estarán integrados por los órganos previstos
en este Código para el ejercicio de las competencias que les corresponden.
(Codigo Organico de Organizacion Territorial, 2017)
Art. 64.- Funciones. - Son funciones del gobierno autónomo descentralizado
parroquial rural:
A) Promover el desarrollo sustentable de su circunscripción territorial parroquial,
para garantizar la realización del buen vivir a través de la implementación de
políticas públicas parroquiales, en el marco de sus competencias
constitucionales y legales. (Codigo Organico de Organizacion Territorial,
2017)
Puyo, es una ciudad de la provincia de Pastaza de la región amazónica del
Ecuador que consta de 13 parroquias rurales: entre ellos, la parroquia Sarayaku.
20
En este sentido, el lugar de la investigación es el GAD parroquial rural Sarayacu
en el área de técnico del proyecto, Sarayaku su nombre significa en idioma
kichwa “rio maíz”, la misma fue parroquializada con el Decreto Ejecutivo del 18
de octubre de 1911 y publicado en el Registro Oficial No. 58 del 13 de noviembre
del mismo año, en la actualidad cuenta con 32 comunidades. La Parroquia
Sarayacu, uno de los Gobierno Autónomos Descentralizados rural constituye
históricamente una jurisdicción intercultural y plurinacional con una diversidad
cultural representada por cuatro nacionalidades: Kichwa, Shuar, Achuar, Zapara,
las mismas que buscan el bienestar social, económico, cultural y ambiental de
sus comunidades y habitantes.
Figura 6. GAD Rural de Sarayaku Fuente: Sarayaku, GAD parroquial rural.
Para la ejecución de los programas y proyectos que constan en el Plan de
desarrollo y ordenamiento territorial (PDOT), el GAD Parroquial de SARAYACU
deberá contar con el Orgánico Estructural y Funcional, el que permitirá la efectiva
implementación y ejecución.
El Plan de desarrollo y ordenamiento territorial (PDOT del GAD Parroquial
Sarayaku tiene como objetivos primordiales la generación de los elementos
necesarios para alcanzar desarrollo, por lo que es necesaria una vez
determinado las necesidades establecer una estrategia adecuada que sobre
todo tome en cuenta unas de las siguientes consideraciones:
21
Generar mecanismos de participación para los procesos de planificación y
toma de decisiones. (Contenidos del Plande Desarrollo y Ordenamiento
Territorial de la parroquia rural de Sarayaku, 2019)
22
CAPITULO II. DISEÑO METODOLÓGICO Y DIAGNÓSTICO
2.1. Paradigma y tipo de investigación
La investigación cualitativa se la concibe como una categoría de diseños de
investigación que permite recoger descripciones a través de la aplicación de
técnicas e instrumentos como observación y la entrevista, a fin de obtener
información en forma de narraciones, grabaciones, notas de campo, registros
escritos, transcripciones de audio y video, fotografías, entre otros. (Escudero
Sánchez & Cortez Suárez, 2017)
Con el método Cualitativo de la investigación se procedió a identificar en la
manera en se elaboran el control de la ejecución en función a la planificación de
las actividades de los proyectos del GAD parroquial rural de Sarayaku, dentro
del área técnica de proyectos, se revisó informaciones como documentos, fotos
de los proyectos y se analizó la recolección de la información para estructurar el
diseño y desarrollo del sistema para el control de la planificación de los
proyectos.
El trabajo de campo, se procedió a realizar en base a los instrumentos técnicos
y metodológicos de la investigación, mediante la entrevista al técnico de
proyectos, siendo la principal persona para la obtención de la información se
pudo recolectar datos e información importantes de la investigación el mismo
que nos permite el análisis e interpretación de los resultados.
2.1.1. Modalidad y tipos de la investigación.
Para el desarrollo de la presente propuesta investigativo se ha optado por la
modalidad cualitativa, porque se centra en recopilar la información narrativa,
descriptiva y tiene el objeto de resolver problemas que se presentan en la
actualidad con el tema investigativo, puesto que la investigación se la realizó
siguiendo el enfoque documental y descriptivo.
Modalidad Cualitativa: Se aplicó esta modalidad para recoger información a
través técnicas e instrumentos como la observación y la entrevista de esta
manera se recolectó y se analizó las informaciones de documentos digitales y
se dio a conocer la forma en que se viene elaborando la informacion luego se
desglosó el contenido en formatos con base para el diseño y desarrollo del
sistema.
23
2.1.2. Tipos de investigación
Investigación bibliográfica: Este tipo de investigación se aplicó para conocer
conceptos claros y temas similares con respecto del tema propuesta, para poder
fundamentar las bases teóricas que ayudará en el desarrollo del sistema de
información para el control de planificación de proyectos del GAD parroquial rural
de Sarayaku.
Investigación de campo: Este tipo de investigación ayudó con la recolección
de datos e informaciones mediante el método de observación directa en el lugar
del hecho, se acopló informaciones necesarias que servirá de mucha ayuda para
determinar los requisitos necesarios para el desarrollo de sistema.
2.2. Procedimientos para la búsqueda y procesamiento de los datos.
2.2.1. Población y Muestra
En la provincia de Pastaza en la cuidad de Puyo, cuya oficina administrativa del
GAD parroquial rural de Sarayaku en área técnica de proyectos, para el
desarrollo de la siguiente propuesta se procedió a entrevistar al personal
involucrado en los proyectos, al técnico general del área de proyectos del GAD
rural de Sarayaku, el mismo que es considerado netamente que trabaja con
proyectos que beneficia el desarrollo de las comunidades al GAD parroquial rural
de Sarayaku.
Tabla 3. Población
Fuente: GAD parroquial rural de Sarayaku.
Muestra
Como se muestra en la tabla el número de la población es pequeña, por lo tanto,
no se considera realizar el cálculo de la muestra.
N.º Función Nombre y Apellido Cantidad
1 Técnico de proyecto Ivan Sosa 1
TOTAL 1
24
2.2.2. Métodos, Técnicas e instrumentos de la investigación.
Métodos
Inductivo - Deductivo: El método deductivo se utilizó para llegar a especificar un
análisis general en el proceso de investigación del tema propuesto con el fin de
obtener informaciones para evidenciar falencias durante el tiempo investigativo
del proyecto, además se utilizó el método inductivo que se basó para detallar las
conclusiones y poder demostrar el desarrollo del Sistema de Información para el
control de la planificación de los proyectos es fidedigna.
Analítico - Sintético: En este método de la investigación se verifico la importancia
que se tiene al no llevar una información no sistematizada, por el hecho de no
contar con procesos automatizados. Sintético por lo cual se compara hechos que
ocurren en el trayecto de llevar una información, la cual tiene que mejorar su
estructura organizativa de todos los proyectos, en secuencia se trata de realizar
un estudio exploratorio de comparación y resultados.
Histórico - lógico: El método lógico se contribuyó con la causa y efecto del
proyecto de investigación y el método Histórico a recopilar información del
pasado, presente y el futuro en el área técnica del GAD parroquial rural de
Sarayaku en la provincia de Pastaza.
Técnicas
Entrevista. - La entrevista es una técnica de recogida de información que además
de ser una de las estrategias utilizadas en procesos de investigación, tiene un
valor en sí misma. El principal objetivo de una entrevista es obtener información
de forma oral y personalizada sobre acontecimientos, experiencias, opiniones de
personas. (Folgueiras Bertomeu , 2016)
Mediante esta técnica se procedió a recopilar la información necesaria con
preguntas, que se realizó al personal del área técnica del proyecto del GAD
parroquial rural de Sarayaku, para conocer la verdadera problemática que se
genera acerca del control de la ejecución en función a la planificación de los
proyectos.
25
Observación. - Es una técnica de investigación que busca obtener datos
observando a individuos o situaciones. ( Merino Sanz , Pintado Blanco, Sánchez
Herrera, & Ildefonso Grande , 2015)
Mediante esta técnica se examinó de manera directa en el lugar (GAD parroquial
rural de Sarayaku) para conocer la información de los proyectos que se ejecutan
en él, por ende, tener una idea más amplia y clara.
Instrumentos
Guía de Entrevista. - Con este instrumento se recopiló información por medio
preguntas y respuestas para generar los requerimientos en el desarrollo del
sistema.
Ficha de Observación. - Este instrumento permitió recolectar y registrar datos a
través de la observación directa los problemas que se presentan en el lugar de
la investigación.
2.3. Análisis e interpretación de resultados
A continuación, se presenta las siguientes entrevistas con las respectivas
respuestas y análisis interpretaciones de resultados.
26
Entrevista 1
Objetivo: La presente entrevista tiene como finalidad conocer la información
relevante del GAD parroquial rural de Sarayaku en área técnica de proyectos, el
cual nos ayudará a la toma de decisiones correctas en el desarrollo del Sistema.
Nombre: Ing. Ivan Sosa
Cargo: Técnico del proyecto del GAD rural de Sarayaku.
Pregunta Nº 1
¿Qué herramienta informática utiliza para el registro de la información de
proyectos?
Respuesta:
La herramienta que se utiliza para el registro de la información de proyectos es
la ofimática como word y excel y se transcribe manualmente el proceso que se
va realizar en el proyecto.
Análisis e interpretación:
Mediante esta pregunta se pudo identificar el registro de la informacion en
herramientas ofimática como word y excel.
Pregunta Nº 2
¿En qué lugar físico o digital almacena la informacion de proyectos?
Respuesta:
La informacion de proyecto se almacena en herramienta ofimática como word y
excel las mismas que son impresas para ser guardadas en carpetas.
Análisis e interpretación
La información de proyectos se almacena en herramienta ofimática como word
y excel la cual son impresas para ser archivados en la carpetas.
Pregunta Nº 3
¿Se siente conforme con el manejo de la información en la herramienta ofimática
como word y excel?
27
Respuesta:
No, la herramienta ofimática word y excel puesto que no genera buenos
resultados para que cumpla con todas las expectativas de la información en área
técnica de proyectos en el GAD parroquial rural de Sarayaku
Análisis e interpretación:
Mediante esta pregunta se pudo identificar el manejo de la informacion en la
herramienta ofimática como word y excel la cual no genera buenos resultados
en área técnica de proyectos.
Pregunta Nº 4
¿Quiénes aprueban los proyectos que se ejecutan en área técnica del GAD
parroquial rural de Sarayaku?
Respuesta:
Los equipos de vocales, el técnico del área de proyectos y el presidente del GAD
parroquial rural de Sarayaku.
Análisis e interpretación.
Los equipos de vocales, el técnico del área de proyectos y el presidente del GAD
parroquial rural de Sarayaku, son los encargados de aprobar los proyectos que
se ejecutan a las diferentes comunidades o a su vez son responsables de emitir
observaciones para que realice cambios necesarios para su aprobación.
Pregunta Nº 5
¿Cómo es el proceso que se maneja actualmente para el control de la
planificación de proyectos en área técnica del GAD parroquial rural de Sarayaku?
Respuesta:
El proceso que se maneja actualmente para el control de la planificación de
proyectos se propone mediante un cronograma de planificación anual, para ser
aprobados mediante los requerimientos necesarios de las comunidades y luego
ejecutados en diferentes sectores del GAD parroquial rural de Sarayaku.
28
Análisis e interpretación
Mediante esta pregunta se pudo identificar en la cual tienen un cronograma de
planificación anual para posteriormente que son aprobados y ejecutados según
los requerimientos de las comunidades que pertenecen a la parroquia.
Pregunta Nº 6
¿Cuál es el tiempo duración de los proyectos?
Respuesta:
La duración de cada proyecto es aproximadamente un año.
Análisis e interpretación
Mediante esta pregunta se identificó cada uno de los proyectos tiene su tiempo
de duración es decir inicio y fin.
Pregunta Nº 7
¿Está de acuerdo que en el área técnica de proyectos cuente con un sistema
para el control de la planificación de los proyectos?
Respuesta:
Si, contar con un sistema para el control de la planificación de los proyectos sería
el éxito en área técnica del GAD parroquial rural de Sarayaku.
Análisis e interpretación:
Se determina, que al poseer con un sistema para el control de la planificación de
proyectos sería el éxito en área técnica del GAD parroquial rural de Sarayaku.
Pregunta Nº 8
¿Cree usted con la presencia de sistema se agilizará el trabajo de control de la
ejecución en función a la planificación de proyectos?
Respuesta:
Sí, agilizará el control de la ejecución en función a la planificación para mejorar
la información de proyecto de manera organizada y poder resolver posibles
problemas que se presentan en la toma de decisiones en área técnica del GAD
parroquial rural de Sarayaku.
29
Análisis e interpretación
En esta pregunta se pudo identificar, con la presencia del sistema se mejorará la
informacion de proyecto de manera organizada en área técnica del GAD
parroquial rural de Sarayaku.
Pregunta Nº 9
¿De acuerdo a su criterio, los GAD parroquiales cuentan con un sistema de
control de la ejecución en función a la planificación de los proyectos?
Respuesta:
No cuentan con un sistema para el control de la ejecución en función a la
planificación de los proyectos.
Análisis e interpretación
Los GAD parroquiales no cuentan con un sistema de control de la ejecución en
función a la planificación de los proyectos, lo cual es fundamental tener el
sistema.
30
Ficha de observación.
GOBIERNO AUTONÓMO DECENTRALIZADO PARROQUIAL RURAL DE
SARAYAKU EN LA PROVINCIA DE PASTAZA
Tabla 4. Ficha de observación
Fuente. - GAD parroquial rural de Sarayaku.
Ítems SI NO OBSERVACION
1. Los documentos de proyectos
se encuentra ordenada en área
técnica del GAD parroquial
rural de Sarayaku.
X
En área técnico del GAD
parroquial rural de Sarayaku
los documentos no se
encuentran ordenado.
2. La herramienta ofimática que
utilizan como word y excel
agiliza la operatividad de
trabajo en área técnica del
GAD parroquial rural de
Sarayaku.
X
En área técnica del GAD
parroquial rural de Sarayaku
la herramienta que utilizan
como word y excel pues no
agiliza la operatividad de
trabajo.
3. Existe escases de la
información en el control de la
ejecución en función a la
planificación de proyectos.
X
La información de control de
la ejecución en función a la
planificación de proyectos
pues no facilita la informacion
necesaria y en tiempo
requerido.
4. GAD parroquial rural de
Sarayaku genera reportes de
las actividades de control de la
planificación de proyectos.
X
Los reportes generados no
presentan la informacion
estructurada y requerida.
5. Área técnica del GAD
parroquial rural de Sarayaku
cuenta con equipos
informáticos.
X
Si cuenta con equipos
informáticos
31
Análisis e interpretación
Mediante esta ficha de observación podemos identificar en GAD parroquial rural
de Sarayaku en área técnica de proyectos, tiene problemas al llevar la
información de control de la ejecución en función a la planificación de proyectos.
2.4. Resultados del diagnóstico de la situación actual.
En la actualidad en el GAD parroquial rural de Sarayaku en área técnica de
proyectos la informacion se generan en herramientas ofimáticas como word y
excel, la cual tiene dificultades por no poseer con datos e informacion requerida,
como resultado se encontraron sin números de falencias, desorden en la
información de proyectos, no cuentan con registros de seguimiento de ejecución
función a las actividades, no hay reportes donde se muestre la información
solicitada como por ejemplo, reportes del valor total de las compra de semillas
de proyectos registro de las comunidades que participan en los proyectos, por
ende existe la inseguridad en la información.
32
CAPITULO III. PROPUESTA DE SOLUCIÓN AL PROBLEMA
1.1. Propuesta de solución.
1.1.1. Nombre de la propuesta.
Sistema de Información para el control de la ejecución en función a la
planificación de los proyectos del GAD parroquial rural de Sarayaku en la
provincia de Pastaza utilizando framework Angular.
1.1.2. Objetivos
Objetivo general
Desarrollar un Sistema de Información que permita tener un control en la
planificación de los proyectos asignados a las comunidades pertenecientes a la
parroquia Sarayaku de la provincia de Pastaza utilizando el framework Angular.
Objetivos específicos
Diagnosticar la situación actual referente al control de la ejecución en función
a la planificación de los proyectos de las comunidades del GAD parroquial
rural de Sarayaku.
Diseñar el Sistema de Información para el control de la ejecución en función
a la planificación de los proyectos en base al resultado del análisis realizado.
Desarrollar cada uno de los módulos del sistema de información para el control
de la ejecución en función a la planificación utilizando el framework Angular.
1.1.3. Elementos que la conforman
El sistema presentará la siguiente arquitectura de funcionamiento:
La aplicación consta de dos partes en su desarrollo:
La parte del back-end desarrollado mediante el uso del lenguaje de
programación PHP e implementado en el framework MVC CakePHP, que está
compuesto de todo el código que interactúa directamente en el servidor.
Y la parte del front-end desarrollado mediante el uso del framework Angular
CLI el cual está compuesto de todo el código que genera las interfaces
gráficas que visualizará el usuario.
33
1.1.4. Explicación de cómo la propuesta contribuye a solucionar las
insuficiencias identificadas en el diagnóstico.
GAD parroquial rural de Sarayaku es una localidad indígena ubicada en la
provincia de Pastaza la cual está conformada por varias comunidades
subdesarrolladas de aproximadamente 3,5000 personas agrupadas en núcleos
familiares.
El Gobierno Autónomo Descentralizado parroquial rural de Sarayacu, cuya sede
se encuentra en la ciudad de Puyo que ofrece obras prioritarias a fin de suplir las
carencias presentes en todas las 32 comunidades que la conforman.
El presente proyecto investigativo pretende obtener resultados positivos con una
herramienta tecnológica que permita realizar de una mejor manera de control de
planificación y asignación de proyectos a las comunidades.
El sistema Web automatizará el registro de información facilitando al personal la
gestión de cada uno de los proyectos y permitiendo tener un mejor control de
tiempo y recursos.
Los beneficiarios directos de la implementación de esta investigación serán: el
personal técnico administrativo que labora en el Gobierno Autónomo
Descentralizado Parroquial rural de Sarayacu, ya que se mantendrá un mejor
control de la documentación, evitando duplicidad de información con lo que se
conseguirá brindar un mejor control de ejecución en función a la planificación de
proyectos.
1.2. Aplicación práctica de la propuesta
Para el desarrollo del presente proyecto de investigación se establece el uso de
la metodología de desarrollo Web UWE el cual está basado en el uso del
Lenguaje de Modelamiento Unificado UML y se especializa en el diseño de
aplicaciones web.
1.2.1. Desarrollo de la metodología
UWE (UML-Based Web Engineering) es una metodología enfocada al desarrollo
sistemático de aplicaciones web basado en técnicas, mecanismos y notación
UML (Lenguaje Unificado de Modelado).
34
“UWE es un enfoque que permite modelar la arquitectura, el espacio de
navegación y las interfaces de los sistemas Web utilizando UML con algunas
extensiones. Define un perfil UML que incluye estereotipos que denotan nuevos
elementos de modelado.” (Kimour & Safia, 2016)
La metodología UWE es un enfoque orientado a objetos, basado en el UML
estándar, donde la notación y los diagramas están restringidos a los
proporcionados por UML.
“UWE presenta un nuevo enfoque para mejorar el modelo de navegación. En el
modelo de espacio de navegación, se utiliza un diagrama de clase estereotipado,
incluidas las clases de esos objetos, que se pueden visitar durante la
navegación. (Kimour & Safia, 2016)
“En los últimos 10 años, UWE se ha empleado en aplicaciones web en lo que
respecta a la configuración de negocios para personalizar aplicaciones de
Internet enriquecidas, así como aplicaciones web de negocios, basadas en el
uso del estándar BPMN (Business Process Modeling Notation). (Wakil & Jawawi,
2017)
Gracias a esta metodología es posible generar sistemas con un alto nivel de
personalización, es decir sistemas Web adaptativos orientados al usuario
siguiendo un paradigma orientado a objetos.
Los principales modelos UML que se pueden citar en la utilización de esta
metodología son: modelo lógico-conceptual, modelo navegacional, modelo de
presentación. De igual manera los diagramas utilizados son: diagrama de
estado, diagrama de colaboración, diagrama de secuencia, diagrama de
actividad.
1.3. Captura, análisis y especificación de requisitos
Se establece la factibilidad del sistema y se especifican los requisitos funcionales
y no funcionales que debe cumplir el sistema.
1.3.1.1. Estudio de factibilidad del sistema
Factibilidad operativa
Se determina la probabilidad que tiene el sistema de funcionar óptimamente
35
cumpliendo las necesidades del Gobierno Autónomo Descentralizado
Parroquial Sarayacu.
El sistema Web proyectado en esta propuesta está orientado a facilitar y servir
como herramienta de apoyo en la planificación de proyectos que favorezcan a
las 32 comunidades que pertenecen a GAD parroquial rural de Sarayacu.
El personal del departamento del técnico del Gobierno Autónomo
Descentralizado Parroquial Sarayaku posee conocimientos en el manejo de
sistemas informática y sobre el proceso de planificación de proyectos, es por ello
que se plantea que el sistema presente una interfaz amigable e intuitiva que
garantice la buena funcionalidad por parte del recurso humano.
Se determina entonces que el sistema es factible ya que la situación cuenta con
personal con experiencia y conocimiento en el uso de herramientas informáticas.
Factibilidad Técnica
Tabla 5. Requerimiento hardware y software
HARDWARE
ELEMENTOS REQUERIMIENTO VIABLE
Procesador Mínimo: Intel Core i3, Óptimo: Intel Core 7 SI
Memoria Ram Mínimo: 4 GB, Óptimo: 8 GB SI
SOFTWARE
Software para desarrollo de
back-end (programación en el
servidor)
Servidor Web: Apache versión 2.4.23.
Framework Back–end: CakePHP Red
Velvet versión 3.6
Lenguaje de programación: PHP versión
7.0.10.
Base de datos: MySQL versión 5.7.14.
SI
Software para desarrollo
front-end (programación de
Framework front – end: Angular Cli
versión 7.0.2.
Entorno de ejecución: Node
versión10.13.0.
Lenguaje de programación: typescript
versión
3.1.3.
SI
36
Se determina el recurso y la infraestructura tecnológica (existencia de equipos
de cómputo) necesario para que el proyecto pueda ser manejado
favorablemente.
Para el desarrollo e implementación del sistema se muestra a continuación,
detallando las características tanto de hardware como de software
Factibilidad económica
Dentro de la factibilidad económica determinamos el presupuesto de los costos
de los materiales tanto como para el desarrollo como para la implantación del
sistema.
En el siguiente cuadro se detalla los recursos económicos utilizados en el
desarrollo de la tesis:
Tabla 6. Recursos para el desarrollo.
Tipo de recurso Nombre de recurso Costo
Humanos
Experto de área de desarrollo
$ 394 (Sueldo básico)
Hardware Computador $ 800.000
Software
Herramienta de desarrollo $ 0.000
Navegador de internet $ 0.000
Otros
Materiales de oficina $ 15.000
Internet $ 20.000
Transporte $ 120.000
Alimentación $ 100.000
Impresiones $ 35.000
Fotocopias $ 30.000
Imprevistos $ 10.000
37
Casos de uso
Los casos de uso permiten representar las diversas perspectivas de un sistema,
a las cuales se les conoce como modelo que es una representación simplificada
de la realidad.
Los diagramas de caso de uso modelan la funcionalidad del sistema usando
actores y casos de uso. Para el sistema se determinan dos actores principales:
Administrador que estará encargado de manejar la funcionalidad total del
sistema y administrativo, que representa al personal perteneciente al GAD
parroquial de Sarayaku.
Casos de uso de usuario Administrador
38
El usuario administrador tiene acceso a todas las funcionalidades del sistema
incluida la administración de usuarios. A continuación, se muestran todos los
casos de uso pertenecientes al usuario administrador.
Figura 7. Diagrama de Casos de uso – Administrador.
39
Tabla 7. Caso de uso: Administrar usuarios y grupos de usuarios.
Tabla 8. Caso de uso: Administrar Periodos.
Caso de uso: Administrar Periodos
Descripción: Permitir agregar, ver, activar, desactivar periodo.
Flujo normal:
En el menú escoger periodos.
Seleccionar nuevo periodo ingresamos información y
guardamos.
Seleccionar ver En la pantalla se visualizará el estado del
periodo habilitado/deshabilitado.
Modificar periodo podemos modificar el nombre, fecha inicio y
fecha fin del periodo seleccionado.
Presionar el botón guardar.
Flujo Alternativo:
Al ingresar la información requerida sobre los periodos el sistema
verificará si la información ingresada es correcta.
Si un periodo está activo, el sistema no le permitirá ingresar
un nuevo.
Si el archivo es invalido, envía mensaje de error.
Postcondiciones: El nuevo periodo podrá ser usado durante todo el proceso de
registro de los proyectos.
Caso de uso: Administrar usuarios y grupos de usuarios
Descripción:
Permitir el registro, consulta, modificación y eliminación de usuarios
con sus respectivos permisos de acceso establecidos de acuerdo
al grupo de usuarios al que pertenecen.
Flujo normal:
Al ingresar como administrador se mostrará la opción
Administración. Seleccionar usuarios y grupos e ingresamos la
información requerida.
Flujo Alternativo:
Al ingresar la información requerida para usuarios y grupos el
sistema verificará si información ingresada.
Si el archivo es válido, el sistema procesa los datos y los
guarda.
Si el archivo es invalido, envía mensaje de error.
Postcondiciones: El usuario debe iniciar sesión como administrador.
40
Tabla 9. Caso de uso: Administrar Comunidades.
Caso de uso: Administrar Comunidades
Descripción:
Permite agregar nuevas comunidades
Permite ver la información completa de una comunidad
seleccionada.
Permite actualizar una comunidad
Permite eliminar una comunidad
Flujo normal:
En el menú escoger comunidades.
Seleccionar nueva comunidad. Ingresar los datos solicitados de
la nueva comunidad. Pulsar el botón Guardar.
En la pantalla se listarán todas las comunidades registradas.
Clic en el botón Ver información. Seleccionar Actualizar en el
registro. Se desplegará una ventana emergente, donde se podrá
editar los datos del administrativo. Pulsar el botón Guardar
Seleccionar eliminar en el registro. Aparece una ventana modal
de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al ingresar la información requerida sobre las comunidades, el
sistema verificará si la información ingresada es correcta.
Al presionar el botón Eliminar se desplegará un mensaje de
confirmación si desea eliminar o cancelar el registro.
Postcondiciones:
La nueva comunidad podrá ser usada como participante (ejecutora)
en el proyecto
Los ingresos y cambios se verán reflejados en el sistema.
Tabla 10. Caso de uso: Administrar Administrativos.
Caso de uso: Administrar Administrativo
Descripción:
Permitir agregar, ver, eliminar, editar personal administrativo
perteneciente al GAD parroquial de Sarayacu.
Flujo normal:
En el menú escoger administrativos.
Seleccionar nuevo administrativo ingresamos información y
guardar.
Seleccionar ver administrativo En la pantalla se visualizará la
información del registro seleccionado.
Modificar administrativo podemos modificar en la información del
registro seleccionado. Presionar el botón guardar.
41
Flujo Alternativo:
Al ingresar la información requerida, el sistema verificará si la
información ingresada es correcta.
Al presionar el botón Eliminar se desplegará un mensaje de
confirmación si desea eliminar o cancelar el registro.
Postcondiciones: El registro del administrativo podrá ser usado durante todo el
proceso de registro de los proyectos.
Tabla 11. Caso de uso: Administrar Socios
Caso de uso: Administrar Socios
Descripción:
Permite agregar nuevos socios.
Permite ver la información completa de un socio seleccionado.
Permite actualizar un socio.
Permite eliminar un socio.
Precondiciones: Las comunidades deben haber sido registradas con anterioridad.
Flujo normal:
En el menú escoger socios.
Seleccionar nuevo socio ingresamos información, seleccionar la
comunidad a la que pertenece ese socio y guardamos.
En la pantalla se listarán todos los socios registrados.
Clic en el botón Ver información. En la pantalla se visualizará
la información del registro seleccionado.
Seleccionar Actualizar en el registro. Se desplegará una
ventana emergente, donde se podrá editar los datos del socio.
Pulsar el botón Guardar
Seleccionar eliminar en el registro. Aparece una ventana modal
de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al ingresar la información requerida, el sistema verificará si la
información ingresada es correcta.
Al presionar el botón Eliminar se desplegará un mensaje de
confirmación si desea eliminar o cancelar el registro.
Postcondiciones:
Los socios podrán ser usados como responsable en el proyecto
Los socios podrán ser usados como beneficiarios de las
actividades en el proyecto
Los ingresos y cambios se verán reflejados en el sistema.
42
Tabla 12. Caso de uso: Administrar Proyectos
Caso de uso: Administrar Proyectos
Descripción:
Permite agregar, ver, actualizar y eliminar proyectos.
Permitir asignar administrativos, comunidades, responsables,
actividades e importar archivos relacionados al proyecto.
Precondiciones:
Los administradores deben haber sido ingresados.
Las comunidades deben haber sido ingresadas.
Los responsables deben haber sido ingresados.
Las actividades deben haber sido ingresadas.
Los archivos deben contener un formato .pdf
Flujo normal:
Seleccionar asignar administrador a proyecto en la vista de proyecto.
Aparece una vista para seleccionar administrativo.
Seleccionar asignar comunidad a proyecto en la vista de proyecto.
Aparece una vista para seleccionar comunidad.
Seleccionar asignar responsable a proyecto en la vista de proyecto.
Aparece una vista para seleccionar responsable.
Seleccionar asignar actividades a proyecto en la vista de proyecto.
Aparece una vista para seleccionar las actividades.
En la opción subir archivo se despliega una ventana de ingreso.
Seleccionar archivo en formato pdf e importar en la vista de
proyecto.
Flujo
Alternativo:
Al asignar información sobre los proyectos el sistema verificará si la
información es correcta de la siguiente manera.
Si el archivo es válido, el sistema procesa los datos y los guarda.
Si el archivo es invalido, envía mensaje de error.
Al seleccionar un archivo el sistema verificará si este se encuentra en
un formato valido.
Si el archivo es válido, el sistema procesa los datos y los guardar.
Si el archivo es invalido, envía mensaje de error.
Tabla 13. Caso de uso: Administrar Actividades
Caso de uso: Administrar Actividades
Descripción:
Permite agregar nuevas actividades y subactividades.
Permite ver la información completa de una actividad y
subactividad. Permite actualizar una actividad y subactividad.
Permite eliminar una actividad y subactividad.
43
Permite asignar costos a la actividad
Permite importar archivos relacionados a las actividades.
Precondiciones: Los proyectos deben haber sido ingresados.
Los archivos deben contener un formato .pdf
Flujo normal:
En el menú registro escoger actividades.
Seleccionar Nuevo. Ingresar los datos solicitados de la nueva
actividad. Pulsar el botón Guardar.
En la pantalla se listarán todas las actividades registradas.
Clic en el botón Ver información.
Seleccionar Actualizar en el registro.
Se desplegará una ventana emergente, donde se podrá editar
los datos de las actividades. Pulsar el botón Guardar.
Seleccionar eliminar en el registro.
Aparece una ventana modal de confirmación. Pulsar el botón
Eliminar o Cancelar. Seleccionar
archivo en formato pdf e importar en la vista de proyecto. En
la opción subir archivo se despliega una ventana de ingreso
Flujo
Alternativo:
Al presionar el botón Guardar, el sistema comprueba la validez de
los datos ingresados.
Si los datos son correctos, guarda la nueva actividad.
Si los datos son incorrectos, envía mensaje de error.
Al presionar el botón Eliminar.
Le desplegará un mensaje de confirmación si desea eliminar o
cancelar.
Al seleccionar un archivo el sistema verificará si este se encuentra
en un formato valido.
Si el archivo es válido, el sistema procesa los datos y los
guardar.
Si el archivo es invalido, envía mensaje de error.
Postcondiciones:
Las actividades y subactividades podrán ser aplicado en las
comunidades participantes en el proyecto. Los ingresos se verán
reflejados en el sistema.
44
Figura 8. Diagrama de casos de uso.
45
Tabla 14. Caso de uso administrativo: Administrar proyecto.
Caso de uso: Administrar Proyectos
Descripción:
Permite listar y ver detalles de los proyectos.
Permite ver reportes.
Permite Agregar actividades a la planificación del proyecto.
Permitir asignar administradores, comunidades, beneficiarios,
importar archivos y asignar costos a las actividades relacionados
al proyecto.
Precondiciones:
Las actividades deben haber sido ingresadas.
Los administradores deben haber sido ingresados.
Las comunidades deben haber sido ingresadas.
Los beneficiarios deben haber sido ingresados.
Los archivos deben contener un formato pdf
Flujo normal:
-Seleccionar agregar actividades a proyecto en la vista de
proyecto. Aparece una vista para agregar el nombre,
descripción, fecha inicio, fecha fin y la prioridad de las actividades.
-Seleccionar asignar administrador responsable de la actividad en
la vista de proyecto. Aparece una vista para seleccionar
administrador.
-Seleccionar asignar comunidad donde se va a realizar la actividad
en la vista de proyecto. Aparece una vista para seleccionar
comunidad.
-Seleccionar asignar beneficiario (socios que participaran en la
actividad) en la vista de proyecto. Aparece una vista para
seleccionar beneficiario.
-En la opción subir archivo se despliega una ventana de ingreso.
Seleccionar archivo en formato pdf e importar en la vista de
proyecto.
-Seleccionar asignar costo Aparece una vista para seleccionar
el tipo de costo (Ingreso y Egreso), valor, nombre y detalle del
costo.
46
El usuario administrador representa al personal perteneciente al gobierno
parroquial de Sarayaku. Este tipo de usuario tiene acceso principalmente a la
visualización de los proyectos. A continuación, se muestran todos los casos de
uso pertenecientes al usuario administrador.
Tabla 15. Caso de uso administrador: Administrar actividades
Caso de uso: Administrar Actividades
Descripción:
Permite agregar nuevas actividades y subactividades.
Permite ver la información completa de una actividad y
subactividad.
Permite actualizar una actividad y subactividad.
Permite eliminar una actividad y subactividad.
Permite asignar costos a la a actividad.
Permite importar archivos relacionados a las actividades.
Precondiciones:
Los proyectos deben haber sido ingresados.
Los archivos deben contener un formato .pdf
Flujo normal:
En el proyecto en las opciones de planificación.
-Seleccionar Agregar. Ingresar los datos solicitados de la nueva
actividad. Pulsar el botón Guardar.
-Seleccionar Mostrar detalle en el registro. Se desplegará
información, donde se podrá asignar administradores, asignar
comunidades, asignar beneficiarios, subir documento y agregar
costo a la actividad creada.
Seleccionar eliminar en el registro. Aparece una ventana modal
de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al asignar información sobre los proyectos el sistema verificará si la
información es correcta de la siguiente manera.
Si el archivo es válido, el sistema procesa los datos y los
guarda.
Si el archivo es invalido, envía mensaje de error.
Al seleccionar un archivo el sistema verificará si este se encuentra
en un formato valido.
Si el archivo es válido, el sistema procesa los datos y los
guardará.
Si el archivo es invalido, envía mensaje de error.
47
- -Seleccionar archivo en formato pdf e importar en la vista de
proyecto. En la opción subir archivo se despliega una ventana
de ingreso
-Seleccionar Ver documento en el registro. Aparece una
ventana modal del documento.
Flujo
Alternativo:
Si los datos son incorrectos, envía mensaje de error.
Al presionar el botón Eliminar.
Le desplegará un mensaje de confirmación si desea eliminar o
cancelar.
Al seleccionar un archivo el sistema verificará si este se
encuentra en un formato valido.
Si el archivo es válido, el sistema procesa los datos y los
guardar.
Si el archivo es invalido, envía mensaje de error.
Postcondiciones:
Las actividades y subactividades podrán ser aplicado en las
comunidades participantes en el proyecto.
El sistema mostrará al usuario que agregó la actividad.
Los ingresos y cambios se verán reflejados en el sistema.
Tabla 16. Caso de uso administrativo: Administrar Comunidades.
Caso de uso: Administrar Comunidades
Descripción:
Permite ver la información completa de una comunidad creada.
Permite agregar una comunidad a la actividad.
Permite eliminar asignación de comunidad a una actividad
Precondiciones:
El proyecto debe haber sido creado.
Las actividades deben haber sido ingresadas.
Las comunidades deben haber sido ingresadas
Flujo Alternativo:
Al asignar las comunidades, el sistema verificará si la información
de la comunidad es correcta.
Al presionar el botón Quitar asignación se desplegará un mensaje
de confirmación si desea eliminar o cancelar asignación.
Postcondiciones: La asignación y cambios se verán reflejados en el sistema.
48
Tabla 17. Caso de uso: Administrar socio responsables de la comunidad
Caso de uso: Administrar socio responsables de la
comunidad
Descripción:
Permite ver la información sobre el socio responsable de la
comunidad. Permite agregar un socio como beneficiario a la
actividad Permite eliminar asignación de
socio beneficiario de la actividad
Precondiciones:
El proyecto debe haber sido creado.
Las comunidades deben haber sido ingresadas.
Los socios deben haber sido ingresados.
Las actividades deben haber sido ingresadas
Flujo normal:
En el proyecto creado.
-Clic en el botón Ver detalle de proyecto. Se desplegará una
ventana emergente, donde se podrá visualizar los datos de las
comunidades participantes en el proyecto.
-Clic en el botón Actividades del proyecto. Se desplegará una
ventana con el nombre del proyecto, y con las actividades
creadas.
-Seleccionar mostrar detalle actividad. Agregar comunidad a la
actividad. Pulsar el botón Guardar.
-Seleccionar eliminar comunidad. Aparece una ventana modal
de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al asignar socios responsables, el sistema verificará si la
información del socio es correcta.
Al presionar el botón Quitar asignación se desplegará un mensaje
de confirmación si desea eliminar o cancelar asignación.
Postcondiciones: La asignación y cambios se verán reflejados en el sistema.
Tabla 18. Caso de uso administrativo: Administrar encargados del proyecto
Caso de uso: Administrar encargados del proyecto
Descripción:
Permite ver la información del encargado del proyecto.
Permite agregar al encargado del proyecto.
Permite eliminar la asignación de encargados(administradores) de
proyecto de la actividad.
49
Precondiciones:
El proyecto debe haber sido creado.
Los administradores(encargados) deben haber sido ingresadas.
Las actividades deben haber sido ingresadas.
Flujo normal:
En el proyecto creado.
-Clic en el botón Ver detalle de proyecto. Se desplegará una
ventana emergente, donde se podrá visualizar los datos de los
encargados. asignados al proyecto.
-Clic en el botón Actividades del proyecto. Se desplegará una
ventana con el nombre del proyecto, y con las actividades
creadas. -Seleccionar mostrar
detalle actividad. Agregar administradores responsables a la
actividad. Pulsar el botón Guardar.
-Seleccionar quitar administradores. Aparece una ventana
modal de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al asignar al encargado del proyecto, el sistema verificará si la
información del mismo es correcta.
Al presionar el botón Quitar asignación se desplegará un mensaje
de confirmación si desea eliminar o cancelar asignación.
Postcondiciones: La asignación y cambios se verán reflejados en el sistema.
Tabla 19.Caso de uso administrativo: Administrar documentos
Caso de uso: Administrar Documentos
Descripción:
Permite agregar documento del proyecto.
Permite ver la información del documento agregado.
Permite eliminar el documento agregado al proyecto.
Precondiciones:
El proyecto debe haber sido creado.
Las actividades deben haber sido ingresadas.
Los documentos deben estar en formato pdf.
50
Flujo normal:
En el proyecto creado.
-Clic en el botón Ver detalle de proyecto. Dentro de la
información de proyecto obtenemos la opción agregar
documento donde se debe seleccionar archivos en formato pdf.
-Clic en el botón Actividades del proyecto. Se desplegará
una ventana con el nombre del proyecto, y con las actividades
creadas.
-Seleccionar mostrar detalle actividad. Agregar documento
perteneciente a la actividad. Pulsar el botón Guardar.
-Agregar un nombre al documento.
-Ver documento.
-Seleccionar Eliminar documento. Aparece una ventana
modal de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo:
Al seleccionar un archivo el sistema verificará si este se
encuentra en un formato valido.
Si el archivo es válido, el sistema procesa los datos y los
guardar.
Si el archivo es invalido, envía mensaje de error.
Postcondiciones: La asignación de documentos se verá reflejados en el sistema.
Tabla 20. Caso de uso administrativo: Administrar costos
Caso de uso: Administrar costos
Descripción:
Permite agregar costo a la actividad
Permite ver la información sobre el costo de la actividad.
Permite quitar costo a la actividad
Precondiciones: El proyecto debe haber sido creado
Las actividades deben haber sido ingresadas
Flujo normal:
En el proyecto creado.
-Clic en el botón Actividades del proyecto. Se desplegará una
ventana con el nombre del proyecto, y con las actividades
creadas.
-Seleccionar mostrar detalle actividad. Donde se puede agregar
un costo la actividad ya sea de ingreso o egreso. Pulsar el botón
Guardar.
51
1.3.1.2. Diagramas de secuencia
Describen los casos de uso y sus interacciones dentro de la aplicación,
especificando los mensajes que envía y reciben los objetos.
Administración de periodos
Figura 9. Diagrama de secuencia Agregar nuevo Periodo.
-Seleccionar ver costo Aparece una ventana modal con el
detalle del costo de la actividad.
-Seleccionar quitar costo a la actividad. Aparece una ventana
modal de confirmación. Pulsar el botón Eliminar o Cancelar.
Flujo Alternativo: Al asignar el costo se debe seleccionar el tipo de costo si es un
ingreso o egreso.
Postcondiciones: La asignación y cambios se verán reflejados en el sistema.
52
Figura 10. Diagrama de secuencia Actualizar Periodo
Figura 11. Diagrama de secuencia: Activar/Desactivar Periodo
53
Administración de Comunidades
Figura 12. Diagrama de secuencia Agregar nueva Comunidad
Figura 13. Diagrama de secuencia: Actualizar Comunidad
54
Figura 14. Diagrama de secuencia: Eliminar Comunidad
Administración de administrativos
Figura 15. Diagrama de secuencia: Crear nuevo Administrativo
55
Figura 16. Diagrama de secuencia: Actualizar Administrativo
Figura 17. Diagrama de secuencia: Eliminar Administrativo
56
Administración de socios
Figura 18. Diagrama de secuencia: Crear nuevos Socio
Figura 19. Diagrama de secuencia: Actualizar Socio.
57
Figura 20. Diagrama de secuencia: Eliminar Socio
58
Administración de proyectos
Figura 21. Diagrama de secuencia: Agregar nuevo Proyecto
59
1.4. Diseño del sistema
El diseño del sistema web se basa en el análisis de requerimientos realizado en
la fase anterior y se especifican en los siguientes diagramas:
1.4.1. Diseño conceptual
Figura 22. Diseño conceptual de la Base de Datos
60
1.4.2. Diseño lógico
Figura 23. Diseño Lógico de Base de Datos
61
1.4.3. Diseño físico
Figura 24. Diseño Físico de Base de Datos
62
1.4.4. Diseño de navegación
Figura 25. Diseño de Navegación de Base de Datos
63
1.5. Codificación del software
Se realizan las tareas de construcción del sistema mediante el uso de lenguajes
de programación. La codificación del sistema consta de dos partes, back-end y
front-end.
Codificación del backend
El backend es la parte que se encarga de la comunicación con el servidor
teniendo toda la lógica para que el sistema funcione.
Para la construcción del backend se hace uso del framework CakePHP 3.6.15
sobre el patrón MVC (Modelo Vista Controlador) el cual es una arquitectura de
software que separa la estructura de la aplicación en tres componentes:
Figura 26. Esquema y componentes del backend
Fuente: (CakePHP, s.f.)
Modelo: representa la información en la base de datos.
Vista: representa la información que se muestra al cliente con sus
64
mecanismos de interacción.
Controlador: es el intermediario entre el modelo y la vista. Está construido
como un controlador RESTful que soporta las cuatro operaciones CRUD:
Crear (Create), Leer (Read), Actualizar (Update), Eliminar (Delete) y que
controlan el envió de parámetros y peticiones de datos.
Codificación del front-end
El frontend contiene todos los archivos necesarios para presentar la interfaz con
la que interactuará el usuario del sistema.
El frontend ha sido desarrollado mediante el uso del framework Angular Cli 7.0.2
que es una plataforma perfecta para el desarrollo profesional de aplicaciones.
1.6. Pruebas
Para comprobar el correcto funcionamiento del sistema, es necesario realizar
pruebas en cada etapa del proyecto para de esta manera detectar errores los
mismos que fueron corregidos o mejorados oportunamente y al final obtener un
producto que cumpla con todas las funcionalidades requerida.
Tabla 21. Prueba de Unidad N°1
Prueba 1: Ingresar al Sistema
Caso1: Escenario Aplicación generada en el navegador
Caso 2: Técnica de prueba Requisito funcional
Caso 3: Precondiciones Logearse con usuario existente
Caso 4: Datos de entrada Nombre y Contraseña válidos.
Caso 5: Descripción de pasos
Ingreso de correo electrónico
Ingreso de contraseña
Presionar el botón Iniciar sesión
Caso 6: Resultados esperados
Ingreso correctamente al sistema
Cumplimiento:
Si (x) No ()
Observaciones: Si el usuario y contraseña son inválidos o está en
blanco no se podrá ingresar al sistema.
65
Tabla 22. Prueba de Unidad N°2
Tabla 23. Prueba de Unidad N°3
Prueba 3: Registrar datos Administrativos
Caso1: Escenario Aplicación generada en el navegador
Caso 2: Técnica de prueba Requisito funcional
Caso 3: Precondiciones Usuario debe haber iniciado sesión en el sistema
Caso 4: Datos de entrada Datos válidos de administrativos.
Caso 5: Descripción de pasos
Ingreso de cedula Ingreso de celular
Ingreso de nombres Ingreso de prefijo
Ingreso de apellidos Ingreso de email
Ingreso de dirección Presionar el botón
guardar
Ingreso de teléfono
Caso 6: Resultados esperados
Administrativo registrado satisfactoriamente
Cumplimiento:
Si (x) No ()
Prueba 2: Registrar datos del proyecto
Caso1: Escenario Aplicación generada en el navegador
Caso 2: Técnica de prueba Requisito funcional
Caso 3: Precondiciones Usuario debe haber iniciado sesión en el sistema
Caso 4: Datos de entrada Datos válidos del proyecto.
Caso 5: Descripción de pasos
Ingreso de nombre de proyecto. Ingreso de la fecha
fin
Ingreso del monto Ingreso de aprobación
Ingreso del plazo
Ingreso de la fecha inicio
Presionar el botón Guardar
Caso 6: Resultados esperados
Proyecto registrado satisfactoriamente.
Cumplimiento:
Si (x) No ()
Observaciones:
Si los datos son incompletos o incorrectos, el
sistema nos notificara mediante un mensaje de
error.
66
Observaciones:
Si los datos son incompletos o incorrectos, el
sistema nos notificara mediante un mensaje de
error.
Tabla 24. Prueba de Unidad N°4
Prueba 4: Registrar datos de las comunidades
Caso1: Escenario Aplicación generada en el navegador
Caso 2: Técnica de prueba Requisito funcional
Caso 3: Precondiciones Usuario debe haber iniciado sesión en el sistema
Caso 4: Datos de entrada Datos válidos de comunidades.
Caso 5: Descripción de pasos
Ingreso del nombre de la comunidad
Ingreso la población que tiene la comunidad.
Presionar el botón Guardar
Caso 6: Resultados esperados
Comunidad registrada satisfactoriamente
Cumplimiento:
Si (x) No ()
Observaciones:
Si los datos son incompletos o incorrectos, el
sistema nos notificara mediante un mensaje de
error.
Tabla 25. Prueba de Unidad N°5
Prueba 5: Registrar datos de los socios
Caso1: Escenario Aplicación generada en el navegador
Caso 2: Técnica de prueba Requisito funcional
Caso 3: Precondiciones Usuario debe haber iniciado sesión en el sistema
Caso 4: Datos de entrada Datos válidos de socios.
Caso 5: Descripción de pasos
Ingreso de cedula Ingreso de teléfono
Ingreso de nombres Ingreso de genero
Ingreso de apellidos Ingreso de email
Ingreso de dirección Presionar el botón
guardar
Caso 6: Resultados esperados
Comunidad registrada satisfactoriamente
Cumplimiento:
Si (x) No ()
67
1.6.1. Pruebas
Pruebas de caja blanca
Las pruebas de caja blanca se las puede elaborar sobre las funciones internas
del sistema. Para lo cual se ha enfocado en los siguientes puntos:
Revisión de comunidades como el ingreso, edición, eliminación y consulta de
datos.
Observación de la correcta asignación del administrativo encargado de
proyecto.
Se comprobó el correcto funcionamiento en agregar nuevas actividades a la
del proyecto.
Se constató el funcionamiento de las actividades mediante una gráfica de
procesos del proyecto que va hacer ejecutado
Como las pruebas de caja blanca están ligadas al código fuente estos examinan
las funciones asegurando que durante la prueba se hayan ejecutado todas las
sentencias del programa al menos una vez.
A través del método de prueba del camino básico se puede obtener la
complejidad del diseño y servir como guía para que en una función tome una
serie de caminos básicos los cuales deben ejecutarse al menos una vez.
Validación función de ingreso de un nuevo registro
Tabla 26. Prueba de validación.
Función Caminos
public function add()
{
0
$comunidade = $this->Comunidades->get($id, [ 'contain' => []
1
Observaciones:
Si los datos son incompletos o incorrectos, el
sistema nos notificara mediante un mensaje de
error.
68
]);
if ($this->request->is(['patch', 'post', 'put'])) { 2
$comunidade = $this->Comunidades->patchEntity( $comunidade, $this- >request->getData());
3
if (! $comunidade->errors()) {
4
if ($this->Comunidades->save( $comunidade)) {
5
if (strcmp($this->request->params['_ext'], 'json') !== 0) {
6
$this->Flash->success(__('Comunidad <code>'. $comunidade['nombre'].'</code> , actualizado correctamente.'),['escape' => false]); return $this->redirect(['action' => 'index']); }
7
else{
8
$result=$this->Noti->success('Comunidad <code>'. $comunidade['nombre'].'</code>, actualizado correctamente.',true, $comunidade); }
9
} 10
else{ 11
if (strcmp($this->request->params['_ext'], 'json') !== 0) { $this->Flash->error(__('El Comunidad <code>'. $comunidade['nombre'].'</code>, no se pudo actualizar. Por favor, intente de nuevo.'),['escape' => false]);
12
}
13
else{
14
$result=$this->Noti->error('El Comunidad <code>'. $comunidade['nombre'].'</code>, no se pudo actualizar. Por favor, intente de nuevo.', $comunidade); }
15
} 16
else {
17
$errores = $comunidade->errors(); $result=$this->Noti->warning($errores, $comunidade); }
18
$this->set([ 'result' => $result, '_serialize' => 'result' ]);
19
} 20
69
$this->set(compact('comunidade')); }
21
Grafo de flujo de validación
Figura 27. Interfaz Ingresar Proyecto
Complejidad ciclomática
V (G) = (A (arista) - N (nodos) + 2)
V (G) = 24 - 22 + 2
V (G) = 6
Caminos básicos
Tabla 27. Prueba de validación
Nodos #
1 0-1-2-3-4-5-6-7-8-9-10-11-13-14-15-16-17-18-19-20-21 21
2 0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21 22
3 0-1-2-3-4-5-6-10-11-12-13-14-15-16-17-18-19-20-21 19
4 0-1-2-3-4-5-16-17-18-19-20-21 12
5 0-1-2-3-4-18-19-20-21 9
6 0-1-2-21 4
70
Explicación de la comprobación tomando el camino 1:
Tabla 28.Prueba de validación
Pasos Nodos
0 Inicio de la función, no recibe parámetros
1 Declaramos una variable para almacenar la información de los
mensajes de validación a mostrar al usuario en caso de cualquier
evento. 2 Comprobamos si el tipo de llamada realizada para el ingreso es
patch, post o put. 3 Asigna datos a la variable declarada
4 Comprueba si los datos están obtienen errores
5 Comprueba si los datos han sido guardados correctamente.
7 Despliega el mensaje de Registro guardado correctamente.
8 Caso contrario
9 Despliega el mensaje de Registro guardado correctamente.
10 Fin de la comprobación de guardado.
11 Caso contrario
12 Despliega el mensaje de Registro actualizado correctamente.
13 Fin de camino
14 Caso contrario
15 Retorno del mensaje de error en una sola variable
16 Fin de camino
17 Caso contrario
18 Retorno del mensaje de error en una sola variable
19 Obtiene un conjunto de resultados
20 Fin de camino
21 Asigna donde se van a guardar los datos
2.7.1. Pruebas de caja negra
Las pruebas de caja negra se las puede realizar en la interfaz por ello no depende
de la estructura interna del sistema; su enfoque es el cumplimiento de los
requerimientos iniciales y la funcionalidad.
71
Interfaz de ingreso de Administrativo
Figura 28. Interfaz de ingreso de Administrativo
Los campos se encuentran debidamente validados, por ejemplo, si el usuario
intenta guardar y ha dejado campos requeridos sin llenar el botón guardar no se
activará.
Tipo de dato erróneo.
Figura 29. Tipo erróneo.
72
CONCLUSIONES
El sistema de control ha sido realizado en base al análisis del proceso
utilizado actualmente en el GAD parroquial rural de Sarayaku permitiendo
cumplir con los requerimientos de la institución.
La creación de un Sistema de Información permite administrar y dar
seguimiento al proceso de control de la ejecución en función a la planificación
de proyectos con lo que se beneficia no solo a las comunidades
pertenecientes al GAD parroquial rural de Sarayaku sino también al personal
del mismo ya que facilita su labor.
La utilización del framework Angular permitió que el sistema cuente con una
interfaz agradable e intuitiva que facilita la utilización al usuario final.
73
RECOMENDACIONES
Se recomienda capacitar al personal y brindar un adecuado manual de usuario
para la óptima utilización del sistema.
Realizar de manera periódica respaldos de la base de datos como manera de
prevención a la pérdida de información.
Mantener un seguimiento periódico de los usuarios que han accedido al
sistema para evitar manipulación malintencionada y/o errores en el
funcionamiento del sistema.
BIBLIOGRAFÍA
Merino Sanz , M. J., Pintado Blanco, T., Sánchez Herrera, J., & Ildefonso Grande , E. (2015).
Introducción a la investigación de mercados. Madrid: ESIC.
Uriarte , J. (20 de enero de 2020). Sistemas de Información. Obtenido de
https://www.caracteristicas.co/sistema-de-informacion/
Acosta, V. M. (04 de 03 de 2019). Frontend con Angular. Obtenido de
https://revistadigital.inesem.es/informatica-y-tics/frontend-con-angular-todo-lo-que-
debes-saber-sobre-esta-herramienta/
Arias, Á. (2015). Bases de Datos con MySQL: 2ª Edición. IT Campus Academy.
Ascona Jimenez, V. A., Urbina Cornejo, O. E., & Zapata Ruiz, G. A. (2019). INGENIERÍA WEB
BASADO EN UML –UWE. Obtenido de
http://repositorio.unp.edu.pe/bitstream/handle/UNP/1833/INF-ASC-JIM-
19.pdf?sequence=1&isAllowed=y
Balcazar Medina, D. (2016). Implementación de un sistema de planeamiento y control de
producción. Caso empresa Packaging Products del Perú. Obtenido de
http://repositorio.usil.edu.pe/bitstream/USIL/2435/1/2016_Balcazar_Implementacion
_de_un_sistema_de_planeamiento_y_control.pdf
Benítez González, J. M. (03 de 12 de 2018). Reglamento para la formacion y registro de redes del
Sistema de Educacion Superior Ciencia Tecnologia Innovacion Saberes Ancestrales.
Obtenido de https://servicios.senescyt.gob.ec
Benítez, M. Á., & Arias, Á. (2017). Curso de Introducción a la Administración de Bases de Datos:
2ª Edición.
Beynon-Davies, P. (2014). Sistemas de informacion: introducción a la informáticas en las
organizaciones. Barcelona: REVERTÉ.
Caiza Ávila, A. J., & Toscano Freire, M. A. (Mayo de 2015). Análisis, diseño e implementación del
Sistema Web de planificación y control de presupuesto de proyectos de software para la
empresa MATOOSFE. Cia. Ltda. Obtenido de
http://repositorio.espe.edu.ec/xmlui/bitstream/handle/21000/12981/T-ESPE-
049687.pdf?sequence=1&isAllowed=y
CakePHP. (s.f.). CakePHP de un vistazo. Obtenido de CakePHP de un vistazo:
https://book.cakephp.org/3.0/en/intro.html
Chávez Pualacin, S. W. (2016). Sistema de información, para la gestión de proyectos de la unidad
de investigación en la Universidad Regional Autónoma de los Andes “Uniandes”
extensión Puyo. Obtenido de
http://dspace.uniandes.edu.ec/bitstream/123456789/4230/1/TUPSIS004-2016.pdf
Chicano Tejada, E. (2015). Gestión de servicios en el sistema informático. IFCT0509. IC.
Codigo Organico de Organizacion Territorial. (21 de jun de 2017). Codigo Organico De
Organizacion Territorial,Cootad. Obtenido de http://www.cpccs.gob.ec/wp-
content/uploads/2017/06/COOTAD.pdf
Coelho, F. (27 de mayo de 2019). Significado de Retroalimentación. Obtenido de
https://www.significados.com/retroalimentacion/
Combaudon, S. (2018). MySQL 5.7 Administración y optimizacion. Barcelona: ENI.
Contenidos del Plande Desarrollo y Ordenamiento Territorial de la parroquia rural de Sarayaku.
(03 de Marzo de 2019). Contenidos del Plande Desarrollo y Ordenamiento Territorial de
la Parroquia Rural de Sarayaku. Obtenido de http://app.sni.gob.ec/sni-
link/sni/PORTAL_SNI/data_sigad_plus/sigadplusdocumentofinal/1660011450001_PDO
T%20SARAYAKU_30-10-2015_18-31-39.pdf
De la Cruz Vázquez, A., Ponce Hernández, L., Olivera Santos, M. E., & Castillo Estrada, C. M.
(2015). Sistema web para el control de planeación académica contaduría pública
UNACH. Revista Iberoamericana de Producción Académica y Gestión Educativa, 1-2.
Duany Dangel, A. (16 de mayo de 2019). Elementos de un Sistema de Información. Obtenido de
https://www.econlink.com.ar/sistemas-informacion/elementos
Escudero Sánchez, C. L., & Cortez Suárez, L. A. (2017). Técnicas y métodos cualitativos para la
investiga-ción científica. Machala: UTMACH.
Folgueiras Bertomeu , P. (2016). La entrevista. Obtenido de
http://diposit.ub.edu/dspace/bitstream/2445/99003/1/entrevista%20pf.pdf
Gonzáles Farran, X., Ramón Rodríguez, J., & Guitart, I. (2016). ¿Cómo planificar un proyecto de
inteligencia de negocio? Barcelona: UOC.
Gutiérrez Díaz, A. (18 de julio de 2019). Bases de Datos. Obtenido de
https://www.aiu.edu/cursos/base%20de%20datos/pdf%20leccion%201/lecci%C3%B3
n%201.pdf
Heurtel, O. (2016). PHP 7 Desarrollar un sitio web dinámico e interactivo. Barcelona: ENI.
Institute, P. M. (2017). L a guia de los fundamentos para la direccion de proyectos. Estados
Unidos: Proyect Management Institute, Inc.
Jaramillo Jaramillo , P. B. (2018). Los gobiernos autónomos descentralizados parroquiales rurales
frente al ejercicio del derecho constitucional de participación ciudadana y su relación con
la formulación de las políticas públicas locales. Análisis en las p. Obtenido de
http://repositorio.uasb.edu.ec/bitstream/10644/6121/1/T2628-MDE-Jaramillo-
Los%20gobiernos.pdf
Kimour, M. T., & Safia, Y.-M. (2016). A systematic approach to derive navigation model from
data model in web information systems. African Conference on Research in Computer
Science and Applied Mathematics, (págs. 75-83). Túnez.
MySQL. (2019). Obtenido de https://hostingpedia.net/mysql.html
Páez Espina, V. L. (14 de octubre de 2011).
Paez_Espinal_Veronica_Sistema_Informacion_Planificacion_Agroindustrial. Obtenido
de
http://tesis.pucp.edu.pe/repositorio/bitstream/handle/20.500.12404/844/PAEZ_ESPI
NAL_VERONICA_SISTEMA_INFORMACION_PLANIFICACION_AGROINDUSTRIAL.pdf?seq
uence=1&isAllowed=y
Plan Estratégico Senplades. (Septiembre de 2015). Plan Estrategico Senplades 2014 -2017.
Obtenido de http://www.planificacion.gob.ec/wp-
content/uploads/downloads/2015/10/Plan-Estrategico-Senplades-2014-2017.pdf
Raffino, M. E. (11 de Enero de 2019). Dispositivos de salida. Obtenido de
https://concepto.de/dispositivos-de-salida/
Rojas Molina, L. N. (junio de 2015). Desarrollo de una herramienta Web para la planificación,
ejecución y control de proyectos de desarrollo de sistema Web para la empresa HC
consultores. Obtenido de http://bibdigital.epn.edu.ec/bitstream/15000/10920/1/CD-
6338.pdf
Ruiz Larrocha, E. (2017). Nuevas Tendencias en los Sistemas de Infromación. Madrid: Centro de
Estudios Ramón Areces, S.A.
Serpell Bley , A., & Alarcón , L. (2019). Planificación y control de proyectos. UC.
Sistema de Información para los Gobiernos Autónomos Descentralizados. (s.f.). Sistema de
Informacion para los Gobiernos Autonomos Descentralizados. Obtenido de
http://www.planificacion.gob.ec/sistema-de-informacion-para-los-gobiernos-
autonomos-descentralizados/
Stair, R., & Reynolds, G. (2017). Principios de sistemas de información, 10a. ed. México: ISBN:
978-607-526-405-9.
Torres Remón, M. Á. (2014). Diseño web con HTML5 y CSS3. Perú: Macro.
Vigouroux, C. (2017). Aprender a desarrollar con JavaScript. Barcelona: ENI.
Wakil, K., & Jawawi, D. N. (2017). Comparison between Web Engineering Methods to Develop
Multi Web Applications. Journal of Software, 783-793.
ANEXOS
Anexo 1. Cuestionario
Entrevista 1
Objetivo: La presente entrevista tiene como finalidad conocer la información
relevante del GAD parroquial rural de Sarayaku en área técnica de proyectos, el
cual nos ayudará a la toma decisiones correctas en el desarrollo del Sistema de
Información para el control de planificación.
Nombre: Ing. Ivan Sosa
Cargo: Técnico del proyecto del GAD rural de Sarayaku.
Pregunta 2.- ¿Por qué es importante realizar el control de la planificación de los
proyectos?
Pregunta 3.- ¿Cuáles son las personas involucradas en los proyectos?
Pregunta 4.- ¿Cuáles son los procesos que se llevan a cabo para el control de
planificación para la entrega de los proyectos?
Pregunta 5.- ¿Cuál es la duración aproximada de entrega de los proyectos?
Pregunta 6.- ¿Cuál es el tiempo de duración de los proyectos?
Pregunta 7.- ¿Cada cuánto tiempo se genera reportes de los proyectos?
Pregunta 8.- ¿Usted alguna vez ha utilizado un Sistema de control para la
planificación de proyectos?
Equipo de los vocales del y el presidente del GAD parroquial rural de Sarayaku.
Pregunta 9.- ¿Está de acuerdo que el departamento de proyectos del GAD
parroquial rural de Sarayaku cuente con un sistema para el control de la
planificación de los proyectos?
Anexo 2. Diccionario de datos
Tabla: Periodos
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (200) False
fechainicio Date False
fechafin Date False
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: Proyecto
Tabla: Documento __proyectos
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
filename Variable characters (255) False
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (200) False
monto Decimal (8,2) False
plazo Integer False
fechainicio Date False
fechafin Date False
gastos Decimal (8,2) False
ingresos Decimal (8,2) False
periodo_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
dir Variable characters (255) False
mimetype Variable characters (255) False
filesize Integer False
Binario Long binary False
proyecto_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: administrativos
Tabla: encargados
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
administrativo id Integer True (clave foránea)
proyecto_id Integer True (clave foránea)
tipoadministrativo_id Integer True (clave foránea)
Estado Integer False
created Date & Time False
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
cedula Variable characters (10) False
nombres Variable characters (50) False
apellidos Variable characters (50) False
dirección Variable characters (300) False
teléfono Variable characters (9) False
celular Variable characters (10) False
prefijo Variable characters (5) False
email Variable characters (200) False
estado Integer False
created Date & Time False
modified Date & Time False
modified Date & Time False
Tabla: Tipo_administrativos
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (200) False
descripción Variable characters (200) False
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: socios
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
cedula Variable characters (10) False
nombres Variable characters (50) False
apellidos Variable characters (50) False
dirección Variable characters (300) False
teléfono Variable characters (9) False
celular Variable characters (10) False
genero Variable characters (15) False
email Variable characters (200) False
tipo Integer False
comunidade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: responsables
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
Tabla: tipo_socios
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (200) False
descripción Variable characters (200) False
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: comunidades
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (200) False
población Integer False
latitud Float False
longitud Float False
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: ejecutoras
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
comunidade_id Integer True (clave foránea)
proyecto_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
socio_id Integer True (clave foránea)
proyecto_id Integer True (clave foránea)
tiposocio_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: ejecuciones
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
ejecutora_id Integer True (clave foránea)
actividade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: actividades
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (300) False
descripción Variable characters (500) False
fechainicio Date False
fechafin Date False
prioridad Variable characters (50) False
parent_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: costos
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
nombre Variable characters (300) False
valor Decimal (8,2) False
detalle Variable characters (500) False
tipo Integer False
actividade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: documeto_actividades
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
filename Variable characters (255) False
dir Variable characters (255) False
mimetype Variable characters (255) False
filesize Integer False
binario Long binary False
actividade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: ejecutantes
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
administrativo_id Integer True (clave foránea)
actividade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Tabla: beneficiarios
Nombre Tipo de dato Obligatorio
id Serial True (clave primaria)
socio_id Integer True (clave foránea)
actividade_id Integer True (clave foránea)
estado Integer False
created Date & Time False
modified Date & Time False
Anexo 3. Manual de Usuario
Sistema de información para el control de la planificación de los proyectos del
GAD parroquial rural de Sarayaku en la provincia de Pastaza utilizando
framework angular.
Autora: Margarita Aranda
Fecha: Febrero 2020
OBJETIVOS DEL MANUAL DE USUARIO
Proporcionar una guía clara y específica para la solución de posibles problemas
que los usuarios puedan tener.
Mostrar las interfaces que conforman la aplicación con sus respectivos controles
y funcionales.
INICIO DE SESIÓN
Descripción: Permite al usuario acceder a la aplicación ingresando su nombre
de usuario y contraseña.
Componentes
1. Usuario: nombre de usuario registrado en la aplicación en formato de correo
electrónico.
2. Contraseña: frase secreta conocida únicamente por el usuario para permitir
su ingreso.
3. Botón Ingresar: valida los datos ingresados y permite el ingreso del usuario
a la aplicación.
Nota: Previamente el usuario debe encontrarse registrado en el sistema, caso
contrario el sistema notificará el error.
ADMINISTRACION DE GRUPOS Y USUARIOS
Opciones del menú a las que tienen acceso los usuarios pertenecientes al grupo
ADMINISTRACIÓN.
ADMINISTRACION DE PERIODOS
Agregar un nuevo periodo
Para agregar un nuevo periodo se debe seleccionar la opción
donde se despliega una ventana en la que puede realizar el registro de datos del
periodo. Los campos que intervienen en esta pantalla se especifican a
continuación.
1. Nombre: Nombre del periodo
2. Fecha inicio: Fecha en la que inicia el periodo.
3. Fecha fin: Fecha fin del periodo.
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
Actualizar un nuevo periodo
Para actualizar un nuevo periodo se debe seleccionar la opción editar
donde se despliega una ventana en la que se podrá realizar las
modificaciones deseadas.
Habilitar / Deshabilitar un nuevo periodo
ADMINISTRACIÓN DE TIPO ADMINISTRATIVOS
Agregar un nuevo tipo de administrativo
Para agregar un nuevo tipo de administrativo se debe seleccionar la opción
donde se despliega una ventana en la que puede realizar el registro de datos del
tipo de administrativo. Los campos que intervienen en esta pantalla se
especifican a continuación.
1. Nombre: Nombre del tipo de administrativo
2. Descripción. Una vez ingresada toda la información solicitada se debe
presionar en el botón Guardar, el cual se despliega un mensaje si se guardó o
no correctamente la
información ingresada.
Actualizar el tipo de administrativo
Para actualizar un nuevo tipo de administrativo se debe seleccionar la opción
editar donde se despliega una ventana en la que se podrá realizar las
modificaciones deseadas.
Eliminar un tipo de administrativo
Para eliminar un tipo de administrativo pulsamos sobre el botón. Y nos
aparece un modal de confirmación.
ADMIISTRACION DE TIPO DE SOCIOS Agregar un nuevo tipo de socio
Para agregar un nuevo tipo de socio se debe seleccionar la opción
donde se despliega una ventana en la que puede realizar el registro de datos del
tipo de socio. Los campos que intervienen en esta pantalla se especifican a
continuación.
1. Nombre: Nombre del tipo de socio
2. Descripción. Una vez ingresada toda la información solicitada se debe
presionar en el botón Guardar, el cual se despliega un mensaje si se guardó o
no correctamente la información ingresada.
Actualizar el tipo de socio
Para actualizar un nuevo tipo de socio se debe seleccionar la opción editar
donde se despliega una ventana en la que se podrá realizar las
modificaciones deseadas.
Eliminar un tipo de socio
Para eliminar un tipo de socio pulsamos sobre el botón . Y nos aparece
un modal de confirmación.
PLANIFICACIÓN
ADMINISTRACIÓN DE INSTITUCIONES Agregar una nueva institución
Para agregar una nueva institución se debe seleccionar la opción
donde se despliega una ventana en la que puede realizar el registro de datos de
la institución. Los campos que intervienen en esta pantalla se especifican a
continuación.
5
3
1 2
4
6
1. Nombre de la institución, 2. Descripción, 3. Dirección., 4. Teléfono
5. Celular, 6. Email
ADMINISTRACIÓN DE ADMINISTRATIVOS Agregar un nuevo administrativo
Para agregar un nuevo administrativo se debe seleccionar la opción
donde se despliega una ventana en la que puede realizar el registro de datos
de administrativo.
Los campos que intervienen en esta pantalla se especifican a continuación.
1. Prefijo del administrativo., 2. Cédula 3. Nombres., 4. Apellidos., 5. Dirección
6.Teléfono., 7. Celular., 8. Email.
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
Actualizar administrativo
Para actualizar administrativo se debe seleccionar la opción editar
donde se despliega una ventana en la que se podrá realizar las modificaciones
deseadas.
1 2
3 4
6 5
7 8
Subir foto administrativo
Pulse en el icono foto de administrativo situado al inicio de la
información de administrativo, donde se despliega una ventana en la que podrá
abrir la fotografía perteneciente al administrativo seleccionado.
Eliminar administrativo
Para eliminar un administrativo pulsamos sobre el botón . Y nos aparece
un modal de confirmación.
ADMINISTRACION DE COMUNIDADES
Dentro de esta administración se puede (agregar, consultar, actualizar y eliminar)
las comunidades que pertenecen a la Parroquia Sarayacu.
Botón agregar: despliega una ventana modal para el ingreso de datos de una
nueva comunidad.
Nombre de la comunidad
Numero de población de la comunidad
Agregar una nueva comunidad
Para agregar una nueva comunidad se debe seleccionar la
opción donde se despliega una ventana en la que puede realizar el registro de
datos de comunidad. Los campos que intervienen en esta pantalla se especifican
a continuación.
1. Nombre: Nombre de la comunidad., 2. Población: Número de personas que
habitan en la comunidad. Una vez ingresada toda la información solicitada se
debe presionar en el botón Guardar, el cual se despliega un mensaje si se guardó
o no correctamente la información ingresada.
1 2
Actualizar comunidad
Para actualizar comunidad se debe seleccionar la opción editar donde se
despliega una ventana en la que se podrá realizar las modificaciones deseadas.
Miembros de la comunidad
Al dar clic sobre el botón miembro de la comunidad se despliega una
ventana en la que podrá agregar, editar y eliminar socios que pertenecen a la
comunidad agregada anteriormente.
1. Botón agregar: despliega una ventana modal para el ingreso de datos de un
nuevo socio.
2. Zona de búsqueda: Filtra datos del socio.
3. Registros: Lista los socios pertenecientes a la comunidad registrada.
4. Opciones: acciones que se puede realizar sobre socios (editar y eliminar)
Registro de un Socio
1
2
3 4
1. Cédula del socio
2. Nombres.
3. Apellidos
4. Dirección
5. Teléfono
6. Celular
7. Email
Actualizar socio
Para actualizar socio se debe seleccionar la opción editar
donde se despliega una ventana en la que se podrá realizar las modificaciones
deseadas.
Eliminar socio
Al dar clic sobre el
botón se
despliega
una ventana en la que puede realizar el
registro de datos del socio. Los campos que
intervienen en
esta pantalla se especifica a
continuación
1
2 3
4 5
6 7
Para eliminar un socio pulsamos sobre el botón. Y nos aparece un modal de
confirmación.
ADMINISTRACION DE PROYECTOS
Dentro de esta administración se puede (agregar, consultar, actualizar y eliminar)
los proyectos que serán ejecutados en las comunidades que pertenecen a la
Parroquia Sarayacu.
1. Botón agregar: despliega una ventana modal para el ingreso de datos de un
nuevo proyecto.
2. Zona de búsqueda: Filtra datos de los proyectos registrados.
3. Registros: Lista los proyectos pertenecientes al periodo activo.
4. Opciones: acciones que se puede realizar sobre el proyecto (editar, detalle
del proyecto y eliminar)
5. Agregar documento: Este campo está establecido en el sistema se debe
seleccionar de
una lista de proyectos que se despliega al momento de presionar en el botón. El
documento debe estar en formato pdf caso contrario no se podrá subir, dándonos
el siguiente error.
6. Ver Documento: Se podrá visualizar el documento subido en formato pdf.
Registrar Proyectos
Al dar clic sobre el botón se despliega una ventana en la que puede
realizar el registro de datos del proyecto los campos que intervienen en esta
pantalla se especifican a continuación.
1. Nombre: Nombre del proyecto
2. Plazo en meses
3. Monto del proyecto
4. Fecha Inicio de proyecto
5. Fecha Fin
6. Visualización de ejecución del proyecto.
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
1
2 3
4 5
Editar Proyecto
Para actualizar proyecto se debe seleccionar la opción editar donde se
despliega una ventana en la que se podrá realizar las modificaciones deseadas.
A continuación, dentro de las opciones del proyecto obtenemos el botón Detalle
del proyecto
Al dar clic sobre el botón se desplegará una ventana en la se puede visualizar
el detalle del proyecto, también nos permite subir y visualizar documentos.
Una vez verificado la información del proyecto se debe presionar dentro de
comunidades en el botón opciones de comunidades
Añadir comunidad ejecutora
Al presionar en el botón nuevo se despliega una ventana en la cual podemos
seleccionar una comunidad ejecutora de proyecto, estos campos se especifican
a continuación.
1. Selección de comunidad Ejecutora al Proyecto.
Una vez añadido la comunidad ejecutora a proyecto se debe presionar en el
botón Guardar, el cual se despliega un mensaje si se guardó o no correctamente
la información ingresada
Dentro de la información de la
comunidad ejecutora se tendrá a disposición el botón quitar
asignación donde nos desplazará una ventana de confirmación.
1
A continuación de haber asignado la comunidad al proyecto el administrador
tendrá a disposición el botón para poder asignar un socio responsable a la
comunidad ejecutora de esta manera:
Al presionar en el botón nuevo se despliega una ventana en la cual
podemos seleccionar un socio responsable a la comunidad ejecutora,
estos campos se especifican a continuación.
1. Selección de socio responsable a la comunidad Ejecutora de Proyecto.
2. Tipo de responsable (por ejemplo, presidente, tesorero)
Dentro de la información de responsable se tendrá a disposición el botón quitar
asignación , donde nos desplazará una ventana de confirmación.
2
1
Encargados del proyecto
Para añadir encargados al proyecto se debe seleccionar el botón Opción de
encargados.
Añadir encargados al proyecto
Al presionar en el botón nuevo se despliega una ventana en la cual podemos
seleccionar el encargado y el tipo de administrativo que va a dirigir proyecto,
estos campos se especifican a continuación.
Una vez seleccionado el administrativo encargado del proyecto con su respectivo
tipo, se debe presionar en el botón Guardar, el cual se despliega un mensaje si
se guardó o no correctamente la información ingresada
Dentro de la información del administrativo encargado de proyecto se tendrá a
disposición el botón quitar asignación, donde nos desplazará una
ventana de confirmación.
1
2
Reporte de proyecto
Dentro del proyecto creado obtenemos un botón reporte del
proyecto, donde escogemos y nos desplegará la siguiente ventana.
Para ingresar al módulo de actividades del proyecto, el mismo debe estar en
estado en proceso como se indica a continuación:
Módulo de Actividades
Dentro del menú en planificación en la opción Proyectos sobre el proyecto creado
obtenemos un botón actividades del proyecto, donde escogemos
y nos desplegará la siguiente ventana.
Para las actividades al se debe el botón de
1
1. Dentro de las opciones de planificación se puede crear una nueva actividad,
grafica, y refrescar la actividad.
Al hacer clic en nuevo nos desplegara la siguiente ventana.
1. Agregar actividad: Se muestra la ventana de ingreso de información con los
campos nombre, descripción fecha inicio, fecha fin y prioridad de dicha actividad.
1. Nombre: Nombre de la actividad
2. Descripción: información referente a la actividad
3. Selección de Fecha inicio y fecha fin
4. Rango de fecha inicio y fin de la actividad
5. Prioridad de la actividad en la que se va a realizar
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
1
1
3
2
4
5
Crear una Subactividad
Para crear una subactividad se debe escoger la opción. La
subactividad será creada y se añadirá a la actividad principal de la planificación.
Seguidamente nos desplegará una ventana con la fecha inicio y fin de la
actividad anteriormente creada, dentro de la misma ventana obtenemos a
disposición la opción agregar actividades como se indica a continuación.
Al dar clic en el botón nos desplegará la siguiente ventana.
Nota: Para agregar una subactividad se debe tomar en cuenta fecha inicio, fecha
fin de la actividad anteriormente creada.
1. Nombre: Nombre de la subactividad
2. Descripción: información referente a la subactividad
3. Selección de Fecha inicio y fecha fin
4. Rango de fecha inicio y fin de la subactividad
5. Prioridad de la subactividad en la que se va a realizar
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
En la siguiente ventana se puede visualizar la planificación de un proyecto, con
sus respectivas actividades y subactividades agregados.
1
3
2
4
5
1. Número de actividades que tiene la planificación
2. Número de subactividad que tiene la actividad dentro de la planificación
Una vez creado la actividad se puede agregar administradores, comunidades y
beneficiarios, subir documentos y costo a la actividad seleccionada, mediante el
botón
Mostrar detalle como se muestra a continuación.
Asignar Administradores a la actividad
Para agregar un administrador se debe seleccionar la opción Asignar
administrador responsable a la actividad, mediante el botón
El sistema mostrará una lista de administrativos para que pueda ser
seleccionado y guardado.
1
2
Asignar Comunidades a la actividad
Para agregar una comunidad a la actividad se debe seleccionar la opción Asignar
comunidad donde se va a realizar la actividad, mediante el botón
El sistema mostrará una lista de comunidades para que pueda ser seleccionado
y guardado.
Asignar Beneficiarios a la actividad
Para agregar un beneficiario a la actividad se debe seleccionar la opción Socio
de la comunidad que participa en la actividad, mediante el botón.
.
.
El sistema mostrará una lista de comunidades para que pueda ser seleccionado
y guardado.
Agregar Documentos a la actividad
Permite subir documentos pertenecientes a la actividad mediante el botón
agregar documento
. Los documentos se agregarán siempre y cuando sean de formato pdf.
Una vez agregado el documento se puede especificar un nombre a dicho
documento subido como se muestra a continuación.
1. Nombre de documento en formato PDF.
Agregar costo a la actividad
Permite agregar el costo de la actividad especificando el tipo de costo (ingreso o
egreso), como se muestra a continuación.
1
1
3
2
4
1. Opción del costo de la actividad
2. Valor de la actividad ya sea por ingreso o egreso
3. Nombre de la actividad
4. Detalle del costo
Una vez ingresada toda la información solicitada se debe presionar en el botón
Guardar, el cual se despliega un mensaje si se guardó o no correctamente la
información ingresada.
Nota: Para poder modificar la información sobre los campos referentes a las
actividades de la planificación se debe seleccionar mediante un clic sobre los
datos que desee modificar.
Una vez terminado la administración de las actividades se puede demostrar las
mismas mediante una gráfica de proceso del proyecto que va a hacer ejecutado.
INGRESANDO COMO ADMINISTRATIVO
INICIO DE SESIÓN
Permite al usuario acceder a la aplicación ingresando su nombre de usuario y
contraseña
1. Usuario: nombre de usuario registrado en la aplicación en formato de correo
electrónico.
2. Contraseña: frase secreta conocida únicamente por el usuario para permitir
su ingreso.
3. Botón Ingresar: valida los datos ingresados y permite el ingreso del usuario
a la aplicación.
Nota: Previamente el usuario debe encontrarse registrado en el sistema, caso
contrario el sistema notificará el error.
El usuario administrativo solo tendrá privilegio de manipular las opciones que
aparece en la pantalla.
Anexo 4. Manual técnico de proyecto.
REQUERIMIENTOS:
Para el caso de una instalación local.
SOFTWARE:
Herramientas Versiones
Base de datos MySQL 5.7.14 + o superior
PHP 7.0.10+ o superior
Framework PHP CAKEPHP 3.6 o superior
Composer 1.0.2
Node 10.13
Servidor web Apache versión 2.4.23.
Angular npm install [email protected]
HARDWARE:
Elementos Requerimiento
Procesador Mínimo: Intel Core i3
Óptimo: Intel Core i7
Memoria RAM Mínimo: 4 GB
Óptimo: 8 GB
Link de Saftware
1.- Descargar software de los sitios oficiales:
Páginas de referencia:
Base de datos MySQL
https://dev.mysql.com/downloads/mysql/
PHP
1.- Descargar software de los sitios oficiales:
Páginas de referencia:
Base de datos MySQL
https://dev.mysql.com/downloads/mysql/
PHP
https://www.php.net/downloads.php
Framework PHP Cakephp
https://cakephp.org/
Composer
https://getcomposer.org/download/
Node
https://nodejs.org/es/download/
Servidor web
https://www.apachefriends.org/es/download.html
Angular
https://angular.io/cli
2.- Instalar Software
Base de datos MySQL
MySQL funciona como software libre dentro del esquema de licencias GNU GPL.
Se descarga del sitio anteriormente mencionado.
Y se define los parámetros y se presiona siguiente hasta finalizar la misma.
Y se tendrá trabajando y funcionando el mismo en el puesto 3306, como se
muestra en la siguiente imagen.
Instalación de servidor apache.
Para la implementación de la aplicación se instalará el WAMP. Que esta
especificada en los links detallados anteriormente.
Seleccionamos la ruta donde se instalará el apache.
Y se terminara de instalar.
Se inicia la aplicación WAMP y se muestra de la siguiente manera cuando ya
esta todo funcionando correctamente.
PHP
Las librerías para la utilización de Php se instalan con la estación del servidor
apache.
Y se habilita las extensiones de MySQL para el caso de que no esté habilitado
en la misma, pero en la mayoría de versiones de apaches ya están configuradas
por defecto para que trabaje con la misma.
PARA EL FUNCIONAMIENTO DEL BACKEND.
Composer
Es un sistema de gestión de paquetes para programar en PHP el cual provee los
formatos estándar necesarios para manejar dependencias y librerías de PHP.
Para esto se debe de instalar el mismo de forma global.
Esto sirve para la instalar los paquetes que necesita el framenwork backend
Cakephp para su publicación.
Pasamos la carpeta Sarayaku que esta en la carpeta de la aplicación
Accedemos al contenido de la misma por la ventana de comandos cmd.
Ejecutamos la linea siguiente:
composer update
Node
De fácil instalación siendo un paquete .exe para Windows que es para la
administración de paquetes javascript que nos ayuda a instalar el framework
angular y todas las dependencias de la aplicación.
PARA EL FUNCIONAMIENTO DEL FRONT END.
Instalar al angular de manera global
Para estos ejecutamos la siguiente linea en la ventana de comandos.
npm install -g @angular/cli
Copiamos la carpeta aplicación a la ruta de raíz del servidor web o a la carpeta
donde este desplegando el sitio web.
Y ejecutamos accediendo a la carpeta y ejecutamos la línea de comando para
que se instale los paquetes JavaScript para el funcionamiento en modo
desarrollo.
npm o npm install
Para el caso de que se quiera poner ya la aplicación en modo producción solo
copiamos la carpeta aplicación y desplegamos la misma en el navegador con la
página de inicio de sesión.
Como se muestra a continuación
