UNIVERSIDAD DE GUAYAQUILrepositorio.ug.edu.ec/bitstream/redug/49523/1/B-CISC-PTG... · 2020. 11. 6. · JÁCOME BAQUE OLMEDO JESÚS SÁNCHEZ VITERI LUISA MARÍA TUTORA: ING. SILVIA

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

CARRERA DE INGENIERÍA EN SISTEMAS

COMPUTACIONALES

DESARROLLO DE UN SISTEMA WEB DE SUBASTAS DINÁMICAS

DE LOS OBJETOS MANUALES ELABORADOS POR ADULTOS

MAYORES Y PERSONAS DISCAPACITADAS DE LA

FUNDACIÓN FE Y ACCIÓN

PROYECTO DE TITULACIÓN

Previa a la obtención del Título de:

INGENIERO EN SISTEMAS COMPUTACIONALES

AUTORES:

JÁCOME BAQUE OLMEDO JESÚS

SÁNCHEZ VITERI LUISA MARÍA

TUTORA:

ING. SILVIA LILIANA TEJADA YÉPEZ

GUAYAQUIL – ECUADOR

2020

II

REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍAS

FICHA DE REGISTRO DE TRABAJO DE TITULACIÓN

TÍTULO: “Desarrollo de un sistema web de subastas dinámicas de los objetos manuales

elaborados por adultos mayores y personas discapacitadas de la Fundación Fe Y Acción”

AUTORES:

Olmedo Jesús Jácome Baque

Luisa María Sánchez Viteri

REVISOR(A):

Giselle Lorena Núñez Núñez

INSTITUCIÓN: Universidad de Guayaquil FACULTAD: Ciencias Matemáticas y Físicas

CARRERA: Ingeniería en Sistemas Computacionales

FECHA DE PUBLICACIÓN: N° DE PAGS: 242

AREA TEMÁTICA: Desarrollo

PALABRAS CLAVES: Sistema web, subastas dinámicas, fundación, adultos mayores,

discapacitados.

RESUMEN: El objetivo del trabajo es desarrollar un sistema web para la difusión de las

actividades que realiza la Fundación Fe y Acción para los adultos mayores y personas con

discapacidad y realizar subastas dinámicas de los objetos manuales – artesanales que estas

personas elaboran.

El fin de la fundación es la inclusión social la cual comprende el desarrollo de habilidades

sociales, para el trabajo, la autonomía e independencia de los beneficiarios, por ello se ha visto

en la necesidad de utilizar estrategias para lograr el fin, una de ellas es la subasta de los artículos

mencionados. La metodología de investigación utilizada para el sondeo de las necesidades de la

fundación se las hizo mediante entrevistas, a la presidenta y a un técnico. A demás la encuesta

realizada a los principales protagonistas de la fundación que son los adultos mayores y personas

con discapacidad. La metodología de desarrollo es con el modelo Cascada, en donde se trabaja

por fases una detrás de otra. El sistema web queda estructurada por una pantalla de fácil acceso

y un menú de navegación que se pueda mostrar de cualquier ubicación de la página, con un

buscador de los productos, además de los productos por categorías, si surgen dudas del proceso

de subasta se añadió botones de chat con redes sociales que se contactan con el administrador

de la “Fundación Fe y Acción”. Finalmente, se puede indicar que el desarrollo de este sistema

web será de mucha ayuda para la Fundación Fe y Acción, donde se utilizará a la tecnología y

facilidades a los principales beneficiarios para obtener ingresos de las manualidades que

desarrollan como actividades diarias para mejorar sus habilidades.

N° DE REGISTRO: N° DE CLASIFICACIÓN:

DIRECCIÓN URL: (PROYECTO DE TITULACION EN LA WEB)

ADJUNTO PDF SI NO

CONTACTO CON AUTOR(ES):

Jácome Baque Olmedo Jesús

Sánchez Viteri Luisa María

Teléfono:

0969786985

0959495268

Email:

[email protected]

[email protected]

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

Teléfono: 2307729

Email: [email protected]

x

III

APROBACIÓN DEL TUTOR

En mi calidad de Tutor(a) del Trabajo de Titulación, “DESARROLLO DE UN SISTEMA

WEB DE SUBASTAS DINÁMICAS DE LOS OBJETOS MANUALES ELABORADOS

POR ADULTOS MAYORES Y PERSONAS DISCAPACITADAS DE LA FUNDACIÓN

FE Y ACCIÓN” elaborado por JÁCOME BAQUE OLMEDO JESÚS y SÁNCHEZ

VITERI LUISA MARÍA, estudiantes no titulados de la Carrera de Ingeniería en Sistemas

Computacionales, Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil,

previo a la obtención del Título de Ingeniero(a) en Sistemas Computacionales, me permito

declarar que luego de haber orientado, estudiado y revisado, la apruebo en todas sus partes.

Atentamente,

TUTOR(A):

ING. SILVIA LILIANA TEJADA YÉPEZ

IV

DEDICATORIA

A Dios, por haberme dado salud y

sabiduría necesaria para superar los

obstáculos en el camino y poder llegar a

este punto.

A mi abuelo Olmedo quien fue un ejemplo

a seguir en todo aspecto, quien me supo

enseñar la importancia de los estudios y de

la preparación, no sólo académica sino en

valores.

Olmedo Jesús Jácome Baque.

A mis padres, todo mi esfuerzo y entrega

de este trabajo y de toda mi vida estudiantil

es por ellos y para ellos. A mis hermanos,

con el objetivo de que sepan que todo con

esfuerzo se logra. Y a mi abuelo y tíos por

siempre confiar en mí.

Luisa María Sánchez Viteri.

V

AGRADECIMIENTO

Quisiera expresar mi agradecimiento a

mis padres por su apoyo incondicional a

lo largo de mi vida estudiantil, me

demostraron que con esfuerzo y

dedicación es posible conseguir un mejor

futuro.

Quiero reconocer el gran esfuerzo de mi

compañera de tesis, una excelente

estudiante y amiga.

Estoy agradecido con mi tutora por

sabernos guiar con gran acierto y

destreza en la elaboración de este

proyecto.

Me gustaría agradecer a mis compañeros,

maestros y toda persona que me brindó

su ayuda en el proceso de convertirme en

profesional.

Olmedo Jesús Jácome Baque.

VI

A Dios, por cuidarme, protegerme y por

la inteligencia que me dio en toda mi vida

estudiantil.

A mis padres, por ser mi motor y estar

presente en todo mi camino hacia uno de

mis mayores sueños.

A mis profesores, por las enseñanzas que

me brindaron a lo largo de mi carrera.

A mi tutora de tesis por su ayuda

incondicional al desarrollo de este

proyecto.

Y a mi amigo, compañero de tesis por el

buen trabajo en equipo que hemos

logrado y su gran desempeño para este

proyecto.

Luisa María Sánchez Viteri.

VII

TRIBUNAL PROYECTO DE TITULACIÓN

Ing. Fausto Cabrera Montes, M.Sc.

DECANO DE LA FACULTAD

CIENCIAS MATEMÁTICAS Y FÍSICAS

Ing. Gary Reyes Zambrano, Mgs.

DIRECTOR DE LA CARRERA DE

INGENIERÍA EN SISTEMAS

COMPUTACIONALES

Silvia Liliana Tejada Yépez

PROFESORA TUTORA DEL PROYECTO

DE TITULACIÓN

Giselle Lorena Núñez Núñez

PROFESORA REVISORA DEL

PROYECTO

DE TITULACIÓN

Ab. Juan Chávez Atocha, Esp.

SECRETARIO

VIII

DECLARACIÓN EXPRESA

“La responsabilidad del contenido de este Proyecto de

Titulación, me corresponden exclusivamente; y el

patrimonio intelectual de la misma a la UNIVERSIDAD

DE GUAYAQUIL”.

OLMEDO JESÚS JÁCOME BAQUE

AUTOR DEL TRABAJO DE TITULACIÓN

LUISA MARÍA SÁNCHEZ VITERI

AUTORA DEL TRABAJO DE TITULACIÓN

IX

CESIÓN DE DERECHOS DE AUTOR

Ingeniero

Fausto Cabrera Montes, M.Sc.

DECANO DE LA FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

Presente.

A través de este medio indico a usted que procedo a realizar la entrega de la cesión de

derechos de autor en forma libre y voluntaria del trabajo de titulación “DESARROLLO DE

UN SISTEMA WEB DE SUBASTAS DINÁMICAS DE LOS OBJETOS MANUALES

ELABORADOS POR ADULTOS MAYORES Y PERSONAS DISCAPACITADAS DE

LA FUNDACIÓN FE Y ACCIÓN”, realizado como requisito previo para la obtención del

Título de Ingeniero(a) en Sistemas Computacionales de la Universidad de Guayaquil.

Guayaquil, 9 de 2020

_______________________________ _______________________________

Olmedo Jesús Jácome Baque Luisa María Sánchez Viteri

C.I. N° 0929668846 C.I. N° 0953779907

X



CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES

DESARROLLO DE UN SISTEMA WEB DE SUBASTAS DINÁMICAS

DE LOS OBJETOS MANUALES ELABORADOS POR ADULTOS

MAYORES Y PERSONAS DISCAPACITADAS DE LA FUNDACIÓN FE

Y ACCIÓN

Proyecto de Titulación que se presenta como requisito para optar por el título de

INGENIERO(A) EN SISTEMAS COMPUTACIONALES

Autores: Olmedo Jesús Jácome Baque

C.I. N° 0929668846


C.I. N° 0953779907

Tutora: Silvia Liliana Tejada Yépez

Guayaquil, 9 de 2020.

XI

CERTIFICADO DE ACEPTACIÓN DEL TUTOR

En mi calidad de Tutora del Proyecto de Titulación, nombrado por el Consejo Directivo de la

Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil.

CERTIFICO:

Que he analizado el Proyecto de Titulación presentado por los estudiantes OLMEDO JESÚS

JÁCOME BAQUE, LUISA MARÍA SÁNCHEZ VITERI, como requisito previo para optar

por el Título de Ingeniero(a) en Sistemas Computacionales cuyo proyecto es:

DESARROLLO DE UN SISTEMA WEB DE SUBASTAS DINÁMICAS DE

LOS OBJETOS MANUALES ELABORADOS POR ADULTOS

MAYORES Y PERSONAS DISCAPACITADAS DE LA FUNDACIÓN FE

Y ACCIÓN

Considero aprobado el trabajo en su totalidad.

Presentado por:

Jácome Baque Olmedo Jesús 0929668846

Apellidos y nombres del estudiante Cédula de identidad N°

Sánchez Viteri Luisa María 0953779907

Apellidos y nombres del estudiante Cédula de identidad N°

Tutora: ____________________________

Firma

Guayaquil, 9 de 2020.

XII




AUTORIZACIÓN PARA PUBLICACIÓN DE PROYECTO DE TITULACIÓN EN FORMATO

DIGITAL

1. Identificación del Proyecto de Titulación

Nombre del Estudiante: Olmedo Jesús Jácome Baque

Dirección: Cdla. El Maestro mz. E2 V.6

Teléfono: 0969786985 Email: [email protected]

Nombre del Estudiante: Luisa María Sánchez Viteri

Dirección: Mucho Lote 3era etapa mz.2370 v.26

Teléfono: 0959495268 Email: [email protected]

Facultad: Ciencias Matemáticas y Físicas

Carrera: Ingeniería en Sistemas Computacionales

Proyecto de Titulación al que opta: Ingeniero en Sistemas Computacionales

Profesor(a) Tutora: Ing. Silvia Liliana Tejada Yépez

Título del Proyecto de Titulación: Desarrollo de un sistema web de subastas dinámicas de los objetos manuales elaborados por adultos mayores y personas discapacitadas de la Fundación Fe y Acción.

Palabras Claves: Sistema web, subastas dinámicas, fundación, adultos mayores, discapacitados.

2. Autorización de Publicación de Versión Electrónica del Proyecto de Titulación

A través de este medio autorizo a la Biblioteca de la Universidad de Guayaquil y a la Facultad de Ciencias Matemáticas y Físicas a publicar la versión electrónica de este Proyecto de Titulación.

Publicación Electrónica:

Inmediata X Después de 1 año

Firma Estudiante: 0929668846

Jácome Baque Olmedo Jesús Cédula de identidad

0953779907

Sánchez Viteri Luisa María Cédula de identidad

3. Forma de envío:

El texto del Proyecto de Titulación debe ser enviado en formato Word, como archivo .docx, .RTF o .Puf para PC. Las imágenes que la acompañen pueden ser: .gif, .jpg o .TIFF.

DVDROM CDROM

mailto:[email protected]

XIII

ÍNDICE GENERAL

I

FICHA DE REGISTRO DE TRABAJO DE TITULACIÓN ............................................. II

APROBACIÓN DEL TUTOR ............................................................................................. III

DEDICATORIA .....................................................................................................................IV

AGRADECIMIENTO ............................................................................................................ V

TRIBUNAL PROYECTO DE TITULACIÓN ................................................................. VII

DECLARACIÓN EXPRESA ............................................................................................ VIII

CESIÓN DE DERECHOS DE AUTOR ..............................................................................IX

CERTIFICADO DE ACEPTACIÓN DEL TUTOR ..........................................................XI

AUTORIZACIÓN PARA PUBLICACIÓN DE PROYECTO DE TITULACIÓN EN

FORMATO DIGITAL ........................................................................................................ XII

ÍNDICE GENERAL .......................................................................................................... XIII

ÍNDICE DE TABLAS......................................................................................................... XIX

ÍNDICE DE FIGURAS....................................................................................................... XXI

ABREVIATURAS............................................................................................................XXIII

SIMBOLOGÍA ................................................................................................................. XXIV

RESUMEN......................................................................................................................... XXV

ABSTRACT ...................................................................................................................... XXVI

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

CAPÍTULO I ............................................................................................................................ 3

XIV

PLANTEAMIENTO DEL PROBLEMA .............................................................................. 3

Descripción De La Situación Problemática ........................................................................... 3

Ubicación Del Problema En Un Contexto ................................................................................. 3

Delimitación Del Problema........................................................................................................ 4

Evaluación Del Problema .......................................................................................................... 5

Causas Y Consecuencias Del Problema .................................................................................... 8

Formulación Del Problema ................................................................................................... 10

Objetivos Del Proyecto .......................................................................................................... 10

Objetivo General ...................................................................................................................... 10

Objetivos Específicos............................................................................................................... 10

Alcance Del Problema............................................................................................................ 11

Limitaciones Del Estudio ....................................................................................................... 14

CAPÍTULO II ........................................................................................................................ 16

MARCO TEÓRICO .............................................................................................................. 16

Antecedentes del estudio........................................................................................................ 16

Fundamentación teórica ........................................................................................................ 33

Fundación como Asociaciones sin fines de lucro .................................................................... 33

Subasta ..................................................................................................................................... 33

Subastas dinámicas .................................................................................................................. 34

Tipos de subasta dinámicas ...................................................................................................... 34

Inglesas o ascendentes ......................................................................................................... 34

XV

Holandesa o descendente .................................................................................................... 34

Americana ........................................................................................................................... 34

Herramientas de desarrollo ...................................................................................................... 35

Hypertext Preprocessor (PHP) ............................................................................................ 35

Preguntas científicas a contestarse ....................................................................................... 57

Definiciones conceptuales ...................................................................................................... 58

CAPÍTULO III ....................................................................................................................... 31

PROPUESTA TECNOLÓGICA .......................................................................................... 31

Análisis de factibilidad .......................................................................................................... 49

Factibilidad operacional ........................................................................................................... 49

Factibilidad técnica .................................................................................................................. 50

Factibilidad legal ...................................................................................................................... 51

Factibilidad económica ............................................................................................................ 51

Metodologías del proyecto ..................................................................................................... 54

Metodología de investigación .................................................................................................. 55

Población y muestra ................................................................................................................. 62

Población. ............................................................................................................................ 62

Muestra. ............................................................................................................................... 63

Procesamiento y análisis .......................................................................................................... 65

Metodología de desarrollo del proyecto ............................................................................... 78

Ventajas del Modelo Cascada ............................................................................................. 78

XVI

Etapas de Análisis de Requerimientos ..................................................................................... 79

Requerimientos funcionales ..................................................................................................... 80

Requerimientos no funcionales ................................................................................................ 81

Etapa de Diseño ....................................................................................................................... 82

Diagrama de arquitectura ......................................................................................................... 83

Diagrama de procesos .............................................................................................................. 85

Codificación ............................................................................................................................. 90

Etapas de Verificación ............................................................................................................. 91

Operación o Mantenimiento .................................................................................................... 98

Beneficiarios directos e indirectos del proyecto .................................................................. 98

Entregables del proyecto ....................................................................................................... 99

Propuesta .............................................................................................................................. 100

Criterios de validación de la propuesta ............................................................................. 111

Resultados ............................................................................................................................. 113

CAPÍTULO IV ..................................................................................................................... 114

CONCLUSIONES Y RECOMENDACIONES ................................................................. 114

Criterios de aceptación del producto o servicio ..................................................................... 114

Encuesta de satisfacción al usuario cliente u ofertante .......................................................... 114

Encuesta de satisfacción a usuario cliente u ofertante ........................................................... 117

Conclusiones ......................................................................................................................... 119

Recomendaciones ................................................................................................................. 120

XVII

Trabajos futuros................................................................................................................... 121

REFERENCIAS BIBLIOGRÁFICAS ............................................................................... 122

BIBLIOGRAFÍA.................................................................................................................. 132

ANEXOS ............................................................................................................................... 135

Anexo 1. Geolocalización del problema ............................................................................... 135

Anexo 2. Carta de autorización del proyecto ........................................................................ 136

Anexo 3. Fundamentación Legal .......................................................................................... 137

Anexo 4. Acta de Constitución de la Fundación Fe y Acción ............................................... 151

Anexo 5. Extracto del estatuto de la Fundación Fe y Acción ............................................... 153

Anexo 6. RUC de la Fundación Fe y Acción......................................................................... 154

Anexo 7. Formato de encuestas a los adultos mayores y personas con discapacidad de la

Fundación Fe y Acción .......................................................................................................... 156

Anexo 8. Formato de entrevista a la representante legal de la fundación ............................. 158

Anexo 9. Formato de entrevista a una de las técnicas de la fundación ................................. 159

Anexo 10. Formato de encuesta de satisfacción a la administradora del sistema web ......... 160

Anexo 11. Tabulaciones de la encuesta de satisfacción a administradora del sistema ......... 161

Anexo 12. Formato de encuesta de satisfacción al usuario cliente u ofertante ..................... 165

Anexo 13. Tabulaciones de encuesta de satisfacción al usuario cliente u ofertante ............. 166

Anexo 14. Informe de registros de beneficiarios en la Fundación Fe y Acción ................... 170

Anexo 15. Validación de expertos. ....................................................................................... 172

Anexo 16. Carta de uso de software ..................................................................................... 178

XVIII

Anexo 17. Carta de aceptación en base a los requerimientos de la Fundación Fe y Acción .... 1

Anexo 18. Diagramas de casos de uso ....................................................................................... 2

Anexo 19. Acta de entrega y recepción definitiva ..................................................................... 3

Anexo 20. Manual técnico ...........................................................................................................

Anexo 21. Manual de usuario ......................................................................................................

XIX

ÍNDICE DE TABLAS

Tabla 1. Delimitación del problema .......................................................................................... 5

Tabla 2. Matriz de causas y consecuencias del problema ......................................................... 8

Tabla 3. Características de Páginas web ................................................................................. 37

Tabla 4. Módulos Node extra empleados................................................................................ 41

Tabla 5. Elementos principales de Angular js......................................................................... 43

Tabla 6. Características de Postman ....................................................................................... 47

Tabla 7. Características de Bootstrap ...................................................................................... 48

Tabla 8. Escenarios en donde JWT son útiles ......................................................................... 51

Tabla 9. Características que definen a MySQL ...................................................................... 52

Tabla 10. Factibilidad técnica ................................................................................................. 50

Tabla 11. Tecnologías a utilizarse en el proyecto ................................................................... 52

Tabla 12. Costos fijos.............................................................................................................. 52

Tabla 13. Costos por recursos humanos en el proyecto .......................................................... 52

Tabla 14. Costos de inversión en hardware en el proyecto ..................................................... 53

Tabla 15. Costos de inversión en software en el proyecto ...................................................... 53

Tabla 16. Resumen de costos de inversión en el proyecto...................................................... 54

Tabla 12. Pregunta 1: Sexo ..................................................................................................... 66

Tabla 13. Pregunta 2: Edad ..................................................................................................... 67

Tabla 14. Pregunta 3: ¿Mediante quién llegó usted ser parte de la Fundación Fe y Acción? 69

Tabla 15. Pregunta 4: ¿Conoce usted los servicios que la fundación ofrece? ........................ 70

Tabla 16. Pregunta 5: ¿Las capacitaciones brindadas por los técnicos de las actividades con

propósito, específicamente de motricidad, han sido de beneficio para que en un futuro poner a

la venta los objetos realizados? ................................................................................................ 71

XX

Tabla 17. Pregunta 6: ¿Está usted de acuerdo que sus trabajos manuales – artesanales sean

subastados siendo usted el único beneficiario? ........................................................................ 72

Tabla 18. Pregunta 7: ¿Aparte de las capacitaciones para los trabajos manuales, reciben algún

otro beneficio? Selección múltiple........................................................................................... 74

Tabla 19 Pregunta 8: ¿Cree usted que las redes sociales que usa la fundación como Facebook

y twitter son medios suficientes para la difusión de las actividades que brinda la fundación? 75

Tabla 20. Pregunta 9: ¿Por qué medio de difusión considera usted que sería de beneficio para

la fundación? ............................................................................................................................ 77

Tabla 21. Descripción de actores ............................................................................................ 84

Tabla 22. Tecnologías que se utilizará en el proyecto ............................................................ 90

Tabla 23. Beneficiarios directos e indirectos .......................................................................... 98

Tabla 24. Entregables del proyecto ....................................................................................... 100

Tabla 25. Datos de los expertos ............................................................................................ 111

Tabla 26. Evaluación expertos .............................................................................................. 112

Tabla 27. Preguntas y respuestas de las preguntas 1,2 y 3.................................................... 115

Tabla 28. Pregunta 4¿Cómo fue para usted registrar un producto? ...................................... 115

Tabla 29. Pregunta 5 ¿Cómo fue para usted gestionar las subastar? .................................... 116

Tabla 30. Pregunta 6 ¿Cómo fue para usted aceptar, rechazar ofertas? ................................ 116

Tabla 31. Pregunta 7. ¿Cómo considera el uso del sistema web? ......................................... 117

Tabla 32. Preguntas y respuestas de la encuesta dirigida sobre la subasta en el sistema web

................................................................................................................................................ 118

XXI

ÍNDICE DE FIGURAS

Figura 1 Comparación de JavaScript, Python y PHP ............................................................. 35

Figura 2. Característica de SPA .............................................................................................. 39

Figura 3. Arquitectura de SPA ................................................................................................ 39

Figura 4. Combinación de JavaScript y TypeScript ............................................................... 40

Figura 5. Comparación de Framework ................................................................................... 44

Figura 6. Comparación de editor de código fuente de preferencia para desarrolladores ........ 46

Figura 7. Comparación de pasarelas de pago ......................................................................... 50

Figura 8. Comparación de bases de datos para páginas web .................................................. 54

Figura 9. Ejemplo del uso de ORM para delimitar los registros en una consulta .................. 55

Figura 10. Actividad que realizan los adultos mayores y personas con discapacidad ............ 54

Figura 11. Actividad que realizan los adultos mayores y personas con discapacidad ............ 57

Figura 12. Pregunta 1: Análisis gráfico de la pregunta número 1 de la encuesta ................... 66


Figura 14. Pregunta3: Análisis gráfico de la pregunta número 3 de la encuesta .................... 69

Figura 15. Análisis gráfico de la pregunta número 4 de la encuesta ...................................... 70



Figura 18:. Pregunta 7: Análisis gráfico de la pregunta número 7 de la encuesta.................. 74



Figura 21. Etapas del modelo de cascada ............................................................................... 79

Figura 22. Cronograma de trabajo .......................................................................................... 82

Figura 23. Diagrama de arquitectura ...................................................................................... 83

XXII

Figura 24. Diagrama de entidad de relación ........................................................................... 83

Figura 25. Proceso de inicio de sesión .................................................................................... 85

Figura 26. Proceso de validar oferta ....................................................................................... 86

Figura 27. Proceso de aprobación de oferta por el administrador .......................................... 87

Figura 28. Proceso de finalización de subasta por tiempo ...................................................... 88

Figura 29. Proceso de pago del ganador de la subasta............................................................ 89

Figura 30. Prueba de caja negra - iniciar sesión ..................................................................... 92

Figura 31. Prueba de caja negra- Registrar y activar cuenta de usuario Cliente .................... 93

Figura 32. Prueba de Caja Negra - Realizar oferta a productos en subastas .......................... 94

Figura 33. Prueba de Caja Negra- Aprobar oferta de la subasta ............................................. 95

Figura 34. Prueba de Caja Negra - Finalización de la subasta por tiempo ............................. 96

Figura 35. Prueba de Caja Negra - Pagar valor de la oferta ................................................... 97

Figura 36. Pantalla Home del sistema web ........................................................................... 101

Figura 37. Formulario Inicio de Sesión ................................................................................ 102

Figura 38. Formulario para crear una cuenta Usuario cliente ............................................... 102

Figura 39. Productos en subasta ........................................................................................... 103

Figura 40. Detalles del producto seleccionado ..................................................................... 104

Figura 41. Correo electrónico de aceptación de oferta ......................................................... 105

Figura 42. Ofertas, subastas a pagar de historial de pagos del usuario cliente u ofertante ... 106

Figura 43. Selección del método de pago en la pasarela ...................................................... 107

Figura 44. Dashboard ............................................................................................................ 108

Figura 45. Gestión de categorías........................................................................................... 108

Figura 46. Gestión de productos ........................................................................................... 109

Figura 47. Gestión de subastas y reportes............................................................................. 110

XXIII

ABREVIATURAS

API Interfaz de Programación de Aplicaciones

ORM Mapeo Objeto – Relacional

JSON Notación de Objetos de JavaScript

REST Transferencia de Representación de Estado.

HTML Lenguaje de Marcado Hipertexto

SPA Aplicación de una Página

CSS Hojas De Estilo En Cascada

MVC Modelo Vista Controlador

XXIV

SIMBOLOGÍA

s Desviación estándar

e Error

E Espacio muestral

E(Y) Esperanza matemática de la v.a. y

s Estimador de la desviación estándar

e Exponencial

XXV




DESARROLLO DE UN SISTEMA WEB DE SUBASTAS DINÁMICAS DE LOS

OBJETOS MANUALES ELABORADOS POR ADULTOS MAYORES Y

PERSONAS DISCAPACITADAS DE LA FUNDACIÓN FE Y ACCIÓN


C.I. N° 0929668846


C.I. N° 0953779907


RESUMEN

El objetivo del trabajo es desarrollar un sistema web para la difusión de las actividades

que realiza la Fundación Fe y Acción con los adultos mayores y personas con discapacidad y

realizar subastas dinámicas de los objetos manuales – artesanales que estas personas elaboran.

El fin de la fundación es la inclusión social la cual comprende el desarrollo de habilidades

sociales, para el trabajo, la autonomía e independencia de los beneficiarios, por ello se ha visto

en la necesidad de utilizar estrategias para lograr el fin, una de ellas es la subasta de los artículos

mencionados. La metodología de investigación utilizada para el sondeo de las necesidades de

la fundación se las hizo mediante entrevistas, a la presidenta y a un técnico. A demás la encuesta

realizada a los principales protagonistas de la fundación que son los adultos mayores y personas

con discapacidad. La metodología de desarrollo es con el modelo Cascada, en donde se trabaja

por fases una detrás de otra. El sistema web queda estructurada por una pantalla de fácil acceso

y un menú de navegación que se pueda mostrar de cualquier ubicación de la página, con un

buscador de los productos, además de los productos por categorías, si surgen dudas del proceso

de subasta se añadió botones de chat con redes sociales que se contactan con el administrador

de la “Fundación Fe y Acción”. Finalmente, se puede indicar que el desarrollo de este sistema

web será de mucha ayuda para la fundación Fe y Acción, donde se utilizará a la tecnología y

facilidades a los principales beneficiarios para obtener ingresos de las manualidades que

desarrollan como actividades diarias para mejorar sus habilidades.

Palabras clave: sistema web, subastas dinámicas, fundación, adultos mayores,

discapacitados.

XXVI




DESARROLLO DE UN SISTEMA WEB DE SUBASTAS DINÁMICAS DE LOS

OBJETOS MANUALES ELABORADOS POR ADULTOS MAYORES Y

PERSONAS DISCAPACITADAS DE LA FUNDACIÓN FE Y ACCIÓN


C.I. N° 0929668846


C.I. N° 0953779907


ABSTRACT

The objective of the work is to develop a Web System for the broadcasting of activities that

the Foundation Faith and Action for the elderly and disabled and perform auctions dynamics

of manipulatives - craft that these people made. The purpose of the foundation is social

inclusion which includes the development of social skills, for work, autonomy and

independence of the beneficiaries, for this reason it has been necessary to use strategies to

achieve the goal, one of them is the auction of the mentioned items. The research methodology

used to survey the needs of the foundation was done through interviews with the president and

a technician. In addition, the survey achieves to the main protagonists of the foundation, who

are the elderly and disabled. The development methodology is with the Cascade model, where

it is working in phases one after another. The web system is structured by an easily accessible

screen and a navigation menu that can be displayed from any location on the page, with a search

engine for the products, in addition to the products by categories, if doubts arise about the

auction process, it was added chat buttons with social networks that contact the administrator

of the “Fundación Fe y Acción”. Finally, it can be indicated that the development of this web

system will be of great help to the Fe y Acción foundation, where technology and facilities will

be used for the main beneficiaries to obtain income from the crafts they develop as daily

activities to improve their skills.

Keywords: web system, dynamic auctions, foundation, elderly, disable.

1

INTRODUCCIÓN

La “Fundación Fe y Acción” ubicada al sur de la ciudad de Guayaquil enfoca su actividad

a los adultos mayores y personas con discapacidad. Actualmente, solo cuenta con redes sociales

como medio de difusión, no cuenta con un medio tecnológico adecuado por el cual subastar los

productos que los beneficiarios elaboran por ende tampoco la recaudación de los valores

económicos.

Los medios de difusión son importantes en este tipo de proyecto debido a que permite

generar un alcance de exposición mayor. Pero no hay que olvidar que una página web debe tener

un diseño que llame la atención, de esta forma destacaría entre los competidores y generaría un

fácil acceso para ayudar desde la labor solidaria o a través de apoyo económico.

Para la realización del proyecto se utilizó el modelo descriptivo como metodología de

investigación con el fin de obtener todo el material referente al problema y como instrumentos de

apoyo se utiliza la encuesta y entrevista. Mientras que para la página web se estructuró en varias

fases relacionadas con modelo cascada, comenzando con el análisis del sistema, el siguiente paso

es el diseño del sistema luego con el proceso de desarrollo o codificación, también se realizó

pruebas funcionales y se culmina con la operación del sistema web. Quedará estructurado con una

pantalla o interfaz fácil, intuitiva y sumamente clara para los usuarios clientes u ofertantes y

también para el administrador de la Fundación

El documento quedó estructurado de la siguiente manera:

2

• Capítulo I: Aborda el problema de las fundaciones, principalmente el de la

Fundación Fe y Acción; también expone los objetivos, justificación y alcance del

estudio realizado

• Capítulo II: Consiste en el resumen de una revisión detallada de documentos que

permiten exponer las principales teorías, además, expone varios proyectos de

titulación similares que servirán de guía para el proyecto.

• Capitulo III: En este capítulo se desarrolla la propuesta basada en los resultados

obtenidos de la encuesta y/o entrevista.

• Capítulo IV: Expone las principales conclusiones y recomendaciones del proyecto.

3

CAPÍTULO I

PLANTEAMIENTO DEL PROBLEMA

Descripción De La Situación Problemática

Ubicación Del Problema En Un Contexto

En Ecuador existen diversas fundaciones enfocadas a la ayuda social y, por lo tanto,

cuentan con distintas actividades. Hay fundaciones que realizan actividades para personas con

cáncer, para niños desamparados, para adultos mayores y con discapacidad como lo es la

Fundación Fe y Acción.

Muchas fundaciones han tenido apuros por la falta de recursos y esto se debe a que no

tienen un medio informático para mostrarse y difundir sus actividades con el fin de poder tener un

mayor alcance que se traduce en recibir donaciones de todas partes.

Este es el caso de la Fundación Fe y Acción ubicada al sur de la ciudad de Guayaquil. Esta

fundación tiene como actividad ayudar a los adultos mayores y personas con discapacidad.

Actualmente, solo cuenta con redes sociales como medio de difusión, este no es medio formal para

hacer conocer sus actividades ni el medio para recibir donaciones o realizar una actividad como

recaudación de fondos económicos.

Debido a la crisis sanitaria COVID-19 que se está pasando a nivel mundial, la fundación

ha optado por realizar subastas de los objetos manuales – artesanales como actividad de

4

recaudación de dinero siendo únicos beneficiarios, los adultos mayores y personas con

discapacidad, dicha actividad que reposarán en el sistema web.

Situación Conflicto Nudos Críticos

Como principal problema que tiene la fundación es que no cuenta con un medio de difusión

formal en donde pueda presentar las actividades comunitarias que realizan en su día a día y,

además, no disponen de un medio para las actividades de recaudación para llevar a cabo las ayudas

a los adultos mayores y personas con discapacidad como lo que se pretende con el desarrollo del

sistema web.

Esta fundación solo cuenta con redes sociales en Facebook y Twitter como medios de

difusión. No cuenta con un sistema web que sea de beneficio a las actividades que realizan como

el hecho de poder vender o subastar los objetos manuales – artesanales que personas que están

dentro de la fundación realizan. Siendo esta una opción para que estas personas puedan obtener

recursos económicos.

Las personas que están dentro del programa son de extrema pobreza y es por esto qué la

Fundación optó por realizar las subastas y que de esta manera puedan obtener ganancias.

Delimitación Del Problema

La delimitación del problema es social en base a la Fundación Fe y Acción ubicada al Sur

de la ciudad de Guayaquil, en este caso la fundación no cuenta con un sistema web el cual se

determina como campo del problema el área social - tecnológica, pero no tiene un medio de

difusión de sus actividades de una manera formal y mediante de esta página web que los adultos

mayores y personas con discapacidad puedan obtener ganancias de los objetos manuales –

artesanales que ellos realizan mediante subastas dinámicas por ello el trabajo de Titulación

5

“Desarrollo de un sistema web prototipo de subastas dinámicas de los objetos manuales elaborados

por adultos mayores y discapacitados de la Fundación Fe y Acción”

Tabla 1.

Delimitación del problema

Delimitador Descripción

Campo Social – Tecnológico

Área Sistema Web

Aspecto

Realización del sistema web como medio de difusión para la Fundación

y que mediante este sistema puedan realizarse subastas dinámicas como

únicos beneficiarios, los adultos mayores y personas con discapacidad.

Tema

Desarrollo de un sistema web de subastas dinámicas de los objetos

manuales elaborados por adultos mayores y personas discapacitadas de

la Fundación Fe y Acción. Nota: Mediante esta se presenta los términos aplicados en la delimitación del problema adaptándolo al contexto en

el que se lo desarrolla. Elaboración propia y la fuente de la Fundación Fe y Acción de la ciudad de Guayaquil.

Evaluación Del Problema

Se realizará la evaluación del problema mediante los siguientes aspectos generales de

evaluación: delimitado, claro, evidente, concreto, relevante, original, factible e identificación de

los productos terminados.

• Delimitado: El presente trabajo de Titulación es realizado en la Fundación Fe y

Acción, ubicada en la 12ava 27-26ª entre Francisco Segura y Sedalana, al Sur de la

ciudad de Guayaquil en la parroquia Letamendi. Fundación que realiza ayuda

comunitaria a adultos mayores, personas con discapacidad del Centro al Sur de la

ciudad. Geolocalización del problema en el (Anexo 1).

6

• Claro: En primer lugar, este sistema web servirá como medio de difusión para la

fundación y por este medio se realizarán las subastas dinámicas del siguiente modo: Al

ingresar un usuario cliente u ofertante, podrá visualizar las ofertas en stock de los

objetos manuales – artesanales. Podrán ver las fotos, descripción, precio y fecha de

finalización de las subastas. En el momento que la persona se decida por objeto, ofertará

un valor similar o elevado que el valor establecido por dicho objeto le llegará al

administrador una notificación y el sistema de manera automática, llega a la fecha

límite y se decide si va a subasta rechazada o se finaliza con una oferta. Y como extra

el administrador podrá aceptar ofertas convenientes sin esperar fecha límite de subasta.

En ese momento le llegará un correo electrónico para que realice el pago. Una vez

realizado el pago, le llegará un correo electrónico al administrador para verificar el pago

y quedar en acuerdo con respecto a la entrega del producto a la persona ofertante.

• Evidente: Es evidente el hecho de que la fundación no cuenta con un sistema web para

hacer conocer sus actividades y labor que realizan para estas personas adultas,

discapacitadas y de bajos recursos, siendo ellos los afectados actualmente ya que los

socios son los encargados del financiamiento de la Fundación, son quienes les otorga

los materiales para realizar las actividades. Lo que se busca con el sistema web es llegar

a muchas personas y empresas que quieran ser voluntarios o simplemente ayudar a estas

personas mediante las subastas que se realizan a los objetos que ellos mismos realizan.

Según Galera (2017) “la importancia de un sitio web es evidente, ya que Internet se ha

convertido en la actualidad en el medio de comunicación por excelencia, siendo el

único medio que aumenta la inversión año tras año”.

7

• Concreto: Este sistema web será de mucha ayuda para la Fundación Fe y Acción, ya

que al ser una entidad con pocos años realizando labores comunitarias, no es conocida

nacional ni internacionalmente. Lo que se pretende con este sistema es llegar a muchas

personas, empresas, que quieran contribuir a la buena causa que esta Fundación ofrece

y a su vez ofertar los objetos manuales – artesanales que las personas que están dentro

del sistema de ayuda social como lo son los adultos mayores, personas con discapacidad

elaboran, y por último hacer conocer lo que estas personas pueden realizar y con la

opción de subastar dichos objetos siendo ellos los beneficiarios.

• Relevante: Es importante la existencia de un sistema web en la fundación como se

explicó en la situación conflicto nudos críticos, esta fundación no cuenta con un medio

de difusión formal por el cual presentar sus actividades cotidianas, como lo son los

objetos manuales – artesanales que los adultos mayores y personas discapacitadas de la

fundación elaboran como actividad de motricidad fina y así con todas sus actividades

con propósito.

Es relevante debido a que esta fundación es única a lo que se dedican en ese sector

vulnerable. Por eso es muy importante la existencia de un sistema web para la

fundación, ya que, de esta manera a parte de la ayuda como difusión, les permitirá a los

beneficiarios obtener ganancias de las actividades que realizan.

• Original: Este trabajo de titulación es muy novedoso pues es de mucha ayuda para la

fundación tener este sistema web para la difusión de sus actividades y tener un mejor

alcance que incluya a personas y empresas privadas que quieran ser voluntarios o

ayudar mediante las subastas dinámicas de los objetos manuales – artesanales que

8

realizan las personas beneficiarias como los adultos mayores y personas discapacitadas

realizan, de esta manera obtendrán recursos económicos extra que será de gran ayuda

para estas personas.

• Factible: Este sistema web es factible ya que las personas que quieran hacer una ayuda

social no tendrán que salir de su casa para realizar una transferencia bancaria o

depósitos. Desde la tranquilidad de su casa, o trabajo pueden realizar el pago de la

subasta y el pago lo haría mediante la pasarela de pago. Para el desarrollo del sistema

web no será de grandes costos ya que todos los software y tecnologías que se usará son

gratuitas.

• Identifica los productos esperados: Este sistema web será de mucho beneficio ya que

permitirá a la fundación darse a conocer a nivel nacional e internacional mediante la

presentación de las actividades comunitarias, que están vinculadas con los programas

del Ministerio de Inclusión Económica y Social (MIES) para los adultos mayores y

personas discapacitadas; así ellos obtengan fondos económicos mediante la subasta de

sus objetos manuales – artesanales.

Causas y Consecuencias Del Problema

Tabla 2.

Matriz de causas y consecuencias del problema

9

Causas Consecuencias

C1. Los medios de difusión que

tiene la fundación son las redes

sociales Facebook y Twitter.

E1. Al no tener un medio de

comunicación formal, la fundación sufre

la consecuencia de no ser conocida por

empresas privadas o filántropos

nacionales e internacionales y por esto

no ha recibe ayudas económicas.

C2. La fundación no cuenta con un

sistema web en donde publicar o

compartir las actividades que

realizan.

E2. Perjudica a la fundación ya que sin

este medio es imposible llegar a

personas o entidades que quieran

aportar.

C3. No tiene aporte económico

gubernamental y cuenta con una

sola ayuda de empresa privada.

E3. Los socios, son quienes aportan con

recursos propios para el desarrollo de

sus actividades. Y para ayuda extra a

estas personas por el tiempo de

pandemia, la fundación se vio en la

necesidad de subastar los objetos que

realizan bajo sus consentimientos. La

fundación cuenta con ayuda de una

empresa privada que les da alimentos

como donación para los beneficiarios.

C4. No disponer de un medio

sencillo de transferencia de dinero

en tiempos de pandemia.

E4. Por este motivo la Fundación

muchas veces no han podido recibir

ayudas económicas. Por no tener un

medio formal.

C5. Por la pandemia los socios

dejaron de aportar al 100% a la

fundación.

E5. Disminuye los recursos

económicos de la fundación. Por este

motivo es de mucha ayuda el sistema

web para poder ser medio de difusión y

llegar a empresas que quieran aportar a

la Fundación.

Nota: En esta tabla podemos ver el análisis de los problemas específicos que carece la Fundación Fe y Acción.

Siendo esto datos claves para el desarrollo de la investigación del proyecto.

10

Formulación Del Problema

¿Cómo afecta a la Fundación Fe y Acción que no cuente con un sistema web para dar a

conocer las actividades benéficas que realizan, y que los adultos mayores, personas con

discapacidad no tengan un medio por el cual ofertar y recolectar el dinero de los productos que

ellos elaboran?

Objetivos Del Proyecto

Objetivo General

Desarrollar un sistema web mediante el uso de software Open Source para la difusión de

las actividades que realiza la Fundación Fe y Acción para los adultos mayores y personas con

discapacidad también realizar las subastas dinámicas de los objetos manuales – artesanales que los

beneficiarios elaboran.

Objetivos Específicos

● Diseñar el sistema web que permita realizar todo el proceso de la subasta dinámica

empleando software Open Source.

● Crear una base de datos mediante un ORM para el procesamiento de información referente

a la gestión de las subastas.

● Integrar un servicio de correo electrónico mediante un API para la comunicación del

proceso de subasta entre los ofertantes y la fundación.

● Integrar un método de pago mediante un sistema de pago en línea para que el ganador de

la subasta pueda realizar la transacción.

11

● Presentar reportes por status de las subastas mediante tablas para llevar el control de las

mismas.

Alcance Del Problema

Para el desarrollo del sistema web se utilizará frameworks de JavaScript tanto en backend

y frontend. El sistema será visible en navegadores web Google Chrome, Firefox y Microsoft Edge.

La base de datos será en MySQL en donde se registrarán los objetos que se van a subastar, las

categorías, información de usuarios, información de las subastas para realizar los reportes. El

servicio de correo electrónico se integrará mediante el módulo Nodemailer, y una cuenta de Gmail.

Para mencionar unos de los escenarios en que se usará este servicio es para enviar mensajes

informativos al administrador, cuando lleguen ofertas al producto en subasta y al ganador de la

subasta para que pueda realizar el pago de la misma, en otras palabras, los envíos de correos

electrónicos, es para informar el proceso de la subasta tanto al cliente como al administrador. El

método de pago es mediante PayPal, en un ambiente de desarrollo con cuentas de pruebas de

origen y destino que son generadas por este sistema de pago en línea.

Los reportes creados se estructurarán en cinco tablas, presentadas en el sistema al

administrador. Según la necesidad de la fundación la herramienta tecnológica se realizará de lo

siguiente:

• El sistema web será usado por dos tipos de usuarios: administrador (encargado de

la fundación) y clientes (personas que desean adquirir los productos).

• Control de acceso según el tipo de usuario

Administrador:

12

• Registrar los productos con su respectiva información

• Aprobar o no las ofertas a los productos

• Permitir aumentar el tiempo de subasta, cuando haya llegado a su

fin sin ofertas.

• Visualizar el status de las subastas y descargar dichos reportes en

formato xlsx.

Cliente:

• Realizar ofertas a las subastas disponibles.

• Pagar la oferta mediante una pasarela de pago con cuentas de

prueba.

• Visualizar el historial de pagos.

• Conocer las ofertas realizadas a las subastas que se encuentran en

proceso.

Pero ¿Cómo se realizarán las subastas? Esto se realizará mediante el desarrollo del sistema

web. ¿Cómo? La fundación pondrá un valor inicial a cada objeto y el mejor postor será el ganador

de la subasta. Cuando una persona realiza una oferta, el sistema la valida, que sea igual o mayor

al valor mínimo luego de ello queda en espera hasta la fecha de finalización para que de manera

automática sea comunicado por email al ganador de la subasta y pueda pagar el valor de la oferta.

Otra manera de determinar el ganador de la subasta es con la aprobación del administrador luego

de ello se realiza la notificación para que realice el pago. Una vez realizado el pago le llegará una

notificación por correo al administrador del sistema para que se contacte con el ganador de la

subasta y se coordine la entrega del objeto.

13

Justificación e Importancia

La Fundación Fe y Acción lleva alrededor de 6 años con su labor comunitario, fue fundada

el 11 de diciembre de 2014. Su espacio físico se encuentra en un terreno a modo de comodato,

ubicada al Sur de la ciudad de Guayaquil. Su objetivo es ayudar a los adultos mayores y a personas

con discapacidad. Esta fundación cuenta con terapeutas ocupacionales, enfermeros, psicólogos,

psicopedagógicos que ayudan a la evolución, crecimiento y autosuficiencia de las personas que

tienen dentro de su programa.

Las actividades que realizan los adultos mayores y personas discapacitadas, es para

desarrollar sus destrezas, habilidades y mejorar su motricidad como también actividades del

diario vivir.

Debido a la crisis sanitaria COVID-19 que atraviesa el mundo, la fundación ha visto la

necesidad de sus beneficiarios y optaron bajo el consentimiento de estas personas, realizar

subastas como forma de ventas de los objetos manuales – artesanales que ellos elaboran mediante

este sistema, haciendo que obtengan ganancias.

Con el desarrollo del sistema web propuesto, la Fundación Fe y Acción podrá llegar a

personas y empresas que quieran unirse y dar apoyo a su labor. Las personas externas u ofertantes

que deseen ayudar a cambio de un objeto manual – artesanal que elaboran las personas de la

fundación como una blusa tejida a mano por el valor inicial que la fundación propone o a

consideración y alcance del ofertante. El sistema contará con pasarela como método de pago para

que la persona que haya ganado la subasta realice la transacción.

El sistema que se va a desarrollar pretende que la Fundación Fe y Acción tenga un medio

14

para mostrar las actividades que realizan los adultos mayores y/o personas con discapacidad, de

esta forma mostrar como ayudan a sus beneficiarios a ser personas autónomas, independientes y

más que todo fortalecer sus habilidades y destrezas. El sistema también les ayudará a tener

ingresos a estas personas mediante las subastas de los objetos manuales – artesanales que los

adultos mayores y personas con discapacidad de la fundación elaboran como actividades de

motricidad fina, gruesa, etc. Esos objetos serán subastados en el sistema, siendo los usuarios

externos, los ofertantes de dar lo que el sistema o en este caso la fundación ofrece que es un valor

inicial mínimo o el valor que los ofertantes estén dispuestos a dar por el objeto.

Limitaciones Del Estudio

El desarrollo de sistema web para subastas dinámicas prototipo tiene las siguientes

limitaciones:

• Todo el sistema está en ambiente de desarrollo y en una red local

• El sistema web podrá ser visible en navegadores web como Google Chrome versión

41 en adelante, Firefox versión 43 en adelante, Opera versión 12 en adelante y Edge

versión 14 e adelante.

• El servicio de correo electrónico podrá enviar 200 a 300 correos al día. A partir del

301 tiene valor a pagar.

• La pasarela de pago mediante PayPal en ambiente desarrollo y con cuentas de

prueba.

• El sistema solo provee la información del ganador para que el administrador se

ponga en contacto con esa persona. Con respecto a la entrega del objeto al ganador

15

u ofertante es mediante la comunicación que tenga el administrador con el ganador.

• El sistema web no incluye botón de donaciones, es decir si una persona quiere

realizar una contribución económica por medio del sistema debe seguir el proceso

de subasta explicado anteriormente.

16

CAPÍTULO II

MARCO TEÓRICO

Antecedentes del estudio

Para llevar a cabo este proyecto de titulación, se realizó una exhausta revisión de

documentos que tienen mucha relación con esta propuesta de tesis en diversos ámbitos, claramente

con su diferenciación en el alcance. Existen varios proyectos de titulación con la similitud de

desarrollo de sistemas web para llevar a cabo el rol que cada fundación desarrolla.

Hoy en día el desarrollo de sistemas o páginas web a nivel mundial es considerado como

un instrumento tecnológico, tanto para las organizaciones con y sin fines de lucro, ya que no

necesitan de tener equipos tecnológicos nuevos ni modernos, solo tener acceso a internet y un

navegador web.

Es fundamental que empresas o fundaciones tengan sistemas web, “Un diseño que llame la

atención de los consumidores puede hacer que un negocio destaque por encima de sus rivales, algo

muy importante teniendo en cuenta la gran competencia que existe en Internet”(Mejía, 2018). Para

las organizaciones sin fines de lucro un sistema web llamaría la atención a personas que deseen

realizar donaciones o ser voluntarios.

31

Algunas de las fundaciones que tienen sistemas o páginas web a nivel mundial es la

fundación Wikimedia. Fundación mundial sin fines de lucro, creada por Jimmy Wales en el año

2001. Tiene como misión es que cualquier persona de todo el mundo pueda tener un espacio donde

pueda crear programas o contenidos educativos gratuitos y ser difundida de manera global. Su

propósito en si es crear y mantener esos contenidos de manera gratuita y para siempre (Guerra,

2016).

Hoy en día en Ecuador ha sido una herramienta muy importante la creación de sistemas

web tanto para las empresas que ofrecen sus productos o servicio en un entorno web creativo,

amigable y más que todo confiable y también para las organizaciones sin fines de lucro como son

las fundaciones que han hecho un buen uso de esta herramienta tecnológica como medio de

difusión como lo ha venido realizando la fundación y a la vez como medio de recaudación de

fondos mediante actividades o donaciones.

Fundación Ecuador es “Institución privada, sin fines de lucro, que mediante la

investigación y ejecución de proyectos sustentables promueve y orienta el diálogo entre actores

del Ecuador y del mundo globalizado” (Fundación Ecuador, 2016). Esta fundación creada hace

más de 25 años, hace uso de su página web desde el año 2016. Su propósito es informar y hacer

conocer de sus programas educativos como Jóvenes Ejemplares, Duolingo, Aprendamos, etc.,

estos programas tienen cobertura a nivel nacional.

En Guayaquil existen muchas fundaciones que ya hacen uso de esta herramienta

tecnológica como medio de difusión y como medio de recaudación de fondos mediante actividades

o donaciones como lo hace la Fundación Niños con futuro. Esta tiene como “objetivo principal es

32

buscar niños de escasos recursos económicos, que no están estudiando, ni realizando algo

provechoso”(Fundación Niños con futuro, s. f.). Cuenta con una página web para mostrarle a la

sociedad los programas y actividades que realizan con niños de bajo recursos y muchas veces niños

de la calle. También toman esta página como medio de recaudación de fondos monetarios para

llevar a cabo dichas actividades de una manera fácil y confiable.

En la ciudad de Guayaquil, la Universidad de Guayaquil ha realizado varios proyectos de

tesis orientados al desarrollo de páginas web para Fundaciones. Una de esta es la propuesta de tesis

“Desarrollo de un aplicativo web y app móvil para Android, iOS para mejorar el manejo de

información de la fundación “El Cielo Para Los Niños Del Ecuador”.

La tesis anteriormente descrita, radicó porque la fundación no contaba con un sistema web

en donde se maneje la información y actividades que desarrollan, y todo se manejaba en papel, lo

que claramente era una gran molestia y pérdida de tiempo en el momento de registrar pacientes,

no contaban con un medio por donde difundir sus actividades para que personas externas puedan

ver dichas actividades como lo son campañas médicas, operaciones, etc. Este sistema web fue

desarrollado en PHP y la base de datos en MySQL(Posligua & Washington, 2016).

Como metodología de desarrollo se tiene el uso del método de Cascada y como resultado

la aplicación Web que permite un uso sencillo y agradable para el usuario, la fundación y usuarios

están completamente satisfechos con el sistema, en este caso, las noticias presentadas están

debidamente actualizadas por la persona encargada, y los pacientes pueden ver su información al

día en la aplicación a través de su usuario y clave único (Posligua & Washington, 2016).

Fundación Wikimedia y Niños con futuro utilizan por la página web la pasarela de pago

“PayPal” pero mediante botón de donaciones. El proyecto en curso usará la misma pasarela para

33

que el ganador de la subasta pueda pagar. El sistema web de Fundación Ecuador sirvió como guía

para el diseño y usabilidad del aplicativo a desarrollar. El último antecedente mencionado hizo uso

de la metodología de cascada la cual también será de gran ayuda para la metodología de desarrollo

del proyecto.

Fundamentación teórica

Fundación como Asociaciones sin fines de lucro

Para entender el concepto de fundación, se tiene la definición de la Fundación Natura Life

(2018), esta organización afirma:

Las fundaciones son formadas mediante el acuerdo entre cinco o más personas

físicas o jurídicas (morales) para desarrollar o realizar actividades de bien social o

interés público con fines lícitos y que no tengan como propósito obtener beneficios

monetarios o apreciables en dinero para repartir entre sus asociados.

De esta forma, se indica que las fundaciones fueron creadas como método de ayuda y utiliza

ciertas estrategias para mantenerse como actividades sociales o las ofertas de productos y/o

servicios generados por el personal. Pero esto no es suficiente por lo que, es necesario aplicar otras

estrategias como las subastas dinámicas.

Subasta

Una de las estrategias corresponde a las subastas, estas son reconocidas como ventas de

diversos objetos al público, quienes ofertan una cantidad mayor a la cantidad establecida para

comprar ese objeto (Castro, 2011).

34

Subastas dinámicas

Los compradores tienen conocimiento de las ofertas y que pueden ser aceptada como no

puede ser aceptada por el valor que se inició, ya que puede existir otro comprador dando una

cantidad más elevada a la que el comprador inicial da por el objeto.

Tipos de subasta dinámicas

Inglesas o ascendentes

Las subastas inglesas o ascendentes tienen como sistema a los objetos con un precio

establecido y que los compradores indiquen precios mayores. Siendo el ganador, la persona que

oferte un valor mayor (Durá, 2003).

Holandesa o descendente

Las holandesas o descendentes corresponden a subastas que empiezan con un valor

establecido elevado a todas las otras ofertas y el subastador baja por etapas el valor del objeto y

quien gana es el primer comprador o postor que acepta ese precio (Durá, 2003).

Americana

Las americanas son las que todos los compradores pagan por el objeto y quien gana es

quien mejor oferta tiene por el objeto (Mesquita, 2018).

Conclusión: El tipo de subasta dinámica que se usará en este proyecto de titulación es

inglesa o ascendentes. Por el motivo que se fijará un costo primario a cada objeto manual –

artesanal y los ofertantes serán quienes den su mejor valor y ese será quien gane dependiendo de

la aceptación también del administrador.

35

Herramientas de desarrollo

Lenguaje de programación

JavaScript

Corresponde a un lenguaje de programación diseñado con el fin de crear sistemas o páginas

web, se conoce como el único lenguaje adaptado para trabajar con HTML y CSS; por ello, es muy

utilizado en todo el mundo. Está diseñado para el desarrollo de frontend; además, permite crear

todo tipo de aplicaciones como aplicaciones móviles, de escritorio para los sistemas operativos

Windows, Mac y Linux (Luna, 2019)

Hypertext Preprocessor (PHP)

Corresponde a un lenguaje de programación creado para el desarrollo de páginas o sistemas

web y permite ser insertado en HTML; por lo que es multiplataforma, ligero y veloz en

comparación con el ASP, su sintaxis es muy fácil de comprender para quien desee implementarlo

(Pleites, s. f.).

Phyton

Corresponde a un lenguaje de programación de fácil comprensión, con estructuras de datos

eficientes de alto nivel y un enfoque simple sobre todo para la programación orientada a objetos.

La sintaxis y la escritura dinámica lo convierte en un lenguaje ideal para scripts y el rápido

desarrollo de aplicaciones en muchas áreas en la mayoría de las plataformas (Python, 2018).

Figura 1

Comparación de JavaScript, Python y PHP

36

Nota: En el presente año JavaScript, Phyton y Java toman los tres primeros lugares como preferencia de desarrollo

para programadores a nivel mundial. JavaScript con un 67.7% tomando el primer lugar como preferencia y a PHP

como quinto lugar con un 26.2%. Fuente: https://www.statista.com/

Conclusión: El lenguaje que se utilizará para el desarrollo en la parte del backend y

frontend es JavaScript, gracias a ellos podemos usar una sola sintaxis para los dos casos y de esta

manera facilitar al desarrollo fullstack, además según el grafico anterior es el lenguaje preferido

por la comunidad para el desarrollo web en el Ecuador.

Páginas Web

Este término según Gómez (2016) permite la unión de diversa clase de información como

texto, imágenes, archivos audiovisuales, etc., que son mostradas de acuerdo con el objetivo a los

usuarios a través de un navegador web.

37

Tabla 3.

Características de Páginas web

Características Descripción

Desarrollo Web

Las páginas web son desarrollados

mediante lenguajes que son ejecutados por

navegadores web estos lenguajes son:

HTML, JSP, PHP, ASP. Se puede

incorporar archivos como imágenes,

videos, sonidos, textos, etc.

Diseño Web

El diseño de una página web aparte de que

tiene que ser atractivo para el cliente tiene

que ser fácil la navegación y que sea lo que

el cliente deseaba.

Optimización Web

Para un mejor posicionamiento de la

página web, esta debe ser optimizada para

tener compatibilidad de la página en los

buscadores.

Alojamiento Web

Sabemos que alojamiento no es más que el

almacenamiento que toda la información

que tendrá la página web, sea imágenes,

videos, sonidos, textos, etc. Esto se hace

mediante empresas de hosting que

suministran este servicio.

Tipos de páginas

dependiendo del

contenido

Páginas estáticas: Básicamente son

diseñados en HTML. Este tipo de página

no toleran la interacción con el cliente,

pero si son muy accesibles.

Páginas dinámicas: Desarrollados con

lenguajes como por ejemplo PHP. En estas

si son tolerables para la interacción con el

cliente.

Privacidad en la Web

Privadas: Tiene limitación al acceso de la

página y requiere que el usuario. Públicas: Acceso libre con solo tener

internet.

38

Página Principal

Es la primera pantalla que el usuario verá

al ingresar a la página. Básicamente suelen

contener: Contactos, información de las

personas que la desarrollaron, información

estándar de la página, diseño acogedor,

enlaces para otros sitios web.

Publicidad y difusión

En esta parte se ve que la página web haya

sido optimizada. Ya que las páginas web

siempre son de difusión de publicidad de

marcas o productos y al ser optimizadas es

más fácil buscarla.

Sitios informativos

Las páginas web por lo general son creadas

para subir algún tipo de información. Es el

objetivo principal de muchas páginas web.

Están suelen ser: Institucionales, artículos,

noticias.

Interacción del

usuario

Al hablar de interacción del usuario

entendemos que es una página dinámica.

Cuando son páginas públicas siempre tienen

una mínima interacción con el usuario por el

hecho de que pueden ser socializadas en redes

sociales.

Nota: En esta tabla se describió varias características que comúnmente tienen las páginas web.

Single Page Application (SPA)

Es una página en donde todo su contenido reposa dentro de un archivo, permitiendo que

archivos de JavaScript, CSS, HTML se integren en uno solo, y también se pueden cargar archivos

de forma dinámica, donde el servidor solicita los nuevos contenidos para ciertas partes de la web;

debido a que SPA tiene varias vistas. Su principal objetivo es mejorar la experiencia del cliente o

usuario simulando ser una herramienta de escritorio (Guiña, 2018).

39

Figura 2.

Características de SPA

Nota: Sabemos que por SPA conocemos las aplicaciones de una página. La aplicación se lo carga al navegador web,

pero la página no carga durante la carga de la aplicación. Con SPA se puede realizar cualquier tipo de aplicaciones de

escritorio vía web. Con SPA el tiempo de respuesta es más rápido que una página web tradicional (Arquitectura de un

SPA · Desarrollo de aplicaciones web, s. f.).

Figura 3.

Arquitectura de SPA

Nota: En la arquitectura de Spa el cliente tiene que realizar el mayor trabajo desde el servidor web. El código en

servidor es usado para una API REST en el código cliente con Ajax (Arquitectura de un SPA · Desarrollo de

aplicaciones web, s. f.).

40

TypeScript

TypeScript correpsonde a un lenguaje de código abierto basado en JavaScript, hoy en día

se reconoce como una herramienta muy utilizada a nivel mundial por sus definiciones de tipo

estáticos. El código se puede transformar en código JavaScript utilizando el compilador del

lenguaje. Por lo tanto, se genera un código simple y accesible que se puede ejecutar en un

navegador, en Node.JS o en otras aplicaciones (Typed JavaScript at Any Scale., s. f.).

Figura 4.

Combinación de JavaScript y TypeScript

Nota: La combinación de funciones de JavaScript y TypeScript conserva gran parte de la naturaleza flexible

y dinámica de JavaScript al mismo tiempo que limita el uso de tipos de datos para que sean familiares y

más predecibles para los desarrolladores (Freeman, 2019).

ECMAScript

Es una versión estándar que está encargado de hacer interpretar de la mejor manera, y

como debe funcionar JavaScript (Muradas, s. f.).

Node.js

41

Este término es reconocido “como un entorno de ejecución de JavaScript orientado a

eventos asíncronos, Node.js está diseñado para crear aplicaciones network escalables” (Node.js,

s. f.) Con lo que se refiere a un entorno construido en el tiempo de ejecución de JavaScript para

construir una red escalable aplicaciones sin esfuerzo. Node.js usa un modelo de E / S sin bloqueo

controlado por eventos que lo hace ligero y eficiente, perfecto para datos intensivos en tiempo real

aplicaciones que se ejecutan en varios dispositivos. Node.js, desarrollado inicialmente por Ryan

Dahl, también proporciona un REPL (Read-Eval-Print-Loop) entorno para pruebas interactivas

(Hota & Madan, 2016).

Tabla 4.

Módulos Node extras empleados

Módulos Descripción

MySQL

Tiene una manera fácil de acceder y

modificar los datos.

Multer

Administración en los servidores de los

ficheros binarios.

Jsonwebtoken Genera y verifica los tokens de

autenticación

Nota: Se describe brevemete los módulos extras empleados de Node.

Framework

Los framesworks corresponden a un esquema utilizado para ser más sencilla el desarrollo

de cualquier aplicación, según Ortega ( 2016):

esquema de reutilización del software conformado por componentes y relaciones

entre estos, por ejemplo: la abstracción de clases, objetos o componentes que la

42

conforman; además, provee diferentes componentes de conexión a base de datos,

como controladores para conexión directa (MySQL, SQL Server, Oracle) o de

manera general, mediante el estándar ODBC (Open DataBase Connectivity) (p.

147)

Express.js

Para Carreño (2015) Express es un framework web diminuto y manejable para Node.JS.

Express provee fundamentos para las aplicaciones web. Es un framework que ayuda a la creación

de APIs por toda la diversidad de métodos HTTP y middleware que facilita.

Next.js

“Next.js le brinda la mejor experiencia de desarrollador con todas las funciones que

necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con

TypeScript, agrupación inteligente, búsqueda previa de rutas y más. No se necesita

configuración”(Next.Js by Vercel - The React Framework, s. f.)

Koa.js

Es un nuevo entorno o framework creado por Express que busca ser lo más robusto en

cuando al desarrollo de páginas web y API (Koa - next generation web framework for node.js,

s. f.).

Conclusión: Se eligió Express js por su característica minimalista y flexible para Node.js.

Promete una estructura para un proyecto robusto, rápido, flexible y muy simple. Entre otras

características, Modularidad: es extremadamente modular, lo cual permite utilizar únicamente los

43

módulos requeridos sin traernos nada de más. Ofrece Router de URL, facilidades para motores de

plantillas, Middeleware via Connect y un buen test coverage.

Angular

Según Carreño (2015) este término se reconoce como“ un framework MVC de JavaScript

para el desarrollo web que permite crear Single-Page Applications (SPA), que se caracterizan por

dar la impresión al usuario de que todo sucede en la misma página, sin hacer recargas de la

misma”(p. 7). Angular es un framework de desarrollo elaborado por Google, donde el desarrollo

de páginas web SPA es el objetivo principal debido a las herramientas que nos ofrece.

Tabla 5.

Elementos principales de Angular.js

Tabla 6. Elementos principales de Angular.js

Elementos Descripción

Servicios

Suministran datos que por lo general proceden de API

externas.

Vistas

Es lo que el usuario o cliente puede ver. Pueden ser

parametrizadas o con controladores

Controladores

Utilizan servicios para conseguir datos. Los datos y las

funcionalidades pueden estar asociadas con este

elemento.

Directivas Las directivas fundamentos nuevos o nuevas conductas

fundamentos ya existentes en las vistas.

Nota: Como vemos en la tabla los elementos principales de Angular.js son: servicios, vistas, controladores y

directivas. Las cuales determinan que Angular es el mejor framework para estos casos.

44

React

Es un framework creada por Facebook que nos permite realizar páginas web SPA React

permite la creación de interfaces interactivas de usuarios de manera sencilla. También permite

diseñar vistas simples para todos los estados de la aplicación, este también hará la actualización y

renderización eficiente de los componentes cuando haya cambios en los datos (React, s. f.).

Vue

El framework Vue.js sirve para desarrollar elementos reutilizables en el modelo web.

Vue.js confirma las entradas de los componentes “Framework open source muy liviano, el cual

Documents

UNIVERSIDAD DE GUAYAQUILrepositorio.ug.edu.ec/bitstream/redug/49523/1/B-CISC-PTG... · 2020. 11. 6. · JÁCOME BAQUE OLMEDO JESÚS SÁNCHEZ VITERI LUISA MARÍA TUTORA: ING. SILVIA