Ingeniería Multimedia · 2023
Desarrollo de una plataforma web Interactiva para la divulgación de la cadena productiva del café orientado a los estudiantes de ingeniería agroindustrial de la Universidad de San Buenaventura Cali
El siguiente proyecto de grado surge de una investigación documental y bibliográfica enfocada en la enseñanza de los estudiantes de Ingeniería Agroindustrial sobre las cadenas agrícolas, con énfasis en la cadena del café. Su objetivo principal es la concepción e implementación de una Plataforma Web Interactiva diseñada específicamente para atender las necesidades de los estudiantes de Ingeniería Agroindustrial de la Universidad de San Buenaventura Cali, en relación con el desconocimiento de la Cadena Productiva del Café. La aplicación tiene como objetivo vincular las diversas fases del proceso, además de incorporar elementos como imágenes panorámicas 360° para crear una experiencia virtual, modelos en 3D, audio y vídeo. Todos estos recursos se encuentran disponibles en una página web. Debido a la necesidad de proporcionar una fácil accesibilidad a los usuarios de los cursos de Manejo de Materiales y Gestión Ambiental e Gestión Digital de Sistemas Agropecuarios que desean aprender y reconocer la maquinaria y los estados del grano involucrados en la producción de café, hemos implementado una interfaz intuitiva y ágil, respaldada por el conocimiento del docente en el aula y la orientación de los expertos de Café MamaLuna. Este documento presenta el contexto actual de la cadena productiva del café en el aula de la Universidad de San Buenaventura Cali, el diseño de la aplicación y la evaluación del producto, permitiendo a los estudiantes obtener una comprensión más profunda y práctica que va más allá de la enseñanza tradicional en el aula.
Texto completo 212 páginas con texto de 214
Leer la tesis completa Ficha en el repositorio
5 páginas con «café cambio climático»
- p. 34Colombia incluyen las lluvias, las nubes y los períodos de calor, el cambio climático, la variabilidad climática y las condiciones óptimas de clima. Por otro lado, las labores agronómicas
- p. 102región a la calidad y características del café que se produce en la finca? Respuesta No podemos controlar el cambio climático, ya que es un tema muy amplio
- p. 103puede atribuirse al cambio climático. Nuestra ubicación geográfica es propicia, ya que experimentamos tanto temporadas lluviosas como períodos de calor. La época cálida beneficia al café, ya que la exposición
- p. 106cosecha. A lo largo del año, debido a los cambios de temperatura, la planta de café florece constantemente, lo que requiere recolecciones periódicas cada 15 días o aproximadamente cada
- p. 108fundamental para optimizar las condiciones de cultivo, maximizar la producción de café y proteger los frutos de condiciones climáticas adversas. Fermentación Pregunta 13 ¿Como es el proceso de Fermentación
Contenido
- RESUMENp. 15
- ABSTRACTp. 16
- I. INTRODUCCIÓNp. 17
- II. JUSTIFICACIÓNp. 20
- III. OBJETIVOSp. 23
- A. Objetivo generalp. 23
- B. Objetivos específicosp. 23
- IV. MARCO TEÓRICOp. 24
- Estado del artep. 24
- 4.1 Antecedentesp. 24
- Cafép. 86
- Hitos Históricos del Cafép. 28
- Exportación de Café y su Contribución Económica al Paísp. 28
- Proceso de Cultivo y Siembra del Cafép. 29
- Ciclo de Crecimiento del Cafép. 30
- Estaciones en el Ciclo de un Cultivo de Cafép. 30
- Condiciones para el Crecimiento del Cafép. 31
- Marco conceptualp. 31
- 4.1 Tecnologías Educativas y Aprendizaje Inmersivo:p. 31
- 4.2 Educación Agroindustrial:p. 33
- 4.3 Procesos de Cafép. 33
- 4.4 Fotografía 360p. 34
- 4.5 Tour virtualp. 35
- V. DISEÑO E IMPLEMENTACIÓNp. 36
- 5.1 Descripción de metodologíap. 36
- 5.1.1 ¿Qué es MPIu +a?p. 36
- Fases del MPIu +ap. 36
- 5.1.2 Metodologías Agiles: Scrump. 40
- ¿Qué es SCRUM?p. 40
- Fases de la metodología Scrump. 41
- 5.1.3 ¿Qué es la Metodología Crystal?p. 43
- Fases de la metodología Crystalp. 46
- 5.2 Comparaciónp. 47
- 5.3 Conclusionesp. 48
- 5.4 Descripción, diseño e implementaciónp. 49
- 5.4.1 Análisis de requisitosp. 49
- 5.4.2 Diseño de la Plataformap. 73
- 5.4.3 Implementaciónp. 47
- VI. PRUEBA DE CAMPO Y ANALISIS DE RESULTADOSp. 176
- VII. CONCLUSIONESp. 48
- VIII. RECOMENDACIONES Y FUTUROS PROYECTOSp. 195
- IX. REFERENCIASp. 196
- X. GLOSARIOp. 202
- XI. ANEXOSp. 204
- TABLA I. COMPARACIÓN DE METODOLOGÍASp. 47
- TABLA II. ANÁLISIS DE USUARIOS POTENCIALESp. 53
- TABLA V. MATRIZ DE POSICIONAMIENTOp. 75
- TABLA VI. MODELOS DE NAVEGACIÓNp. 78
- TABLA VIII. DIAGRAMA GANTTp. 84
- TABLA IX. DIAGRAMA DE PERTp. 85
- TABLA X. FICHA TÉCNICA ENTREVISTA DE USABILIDADp. 90
- SOBRE LA PRODUCCION DE CAFÉp. 100
- TABLA XII. COMPARACIÓN DE RECURSOS MULTIMEDIAp. 114
- TABLA XIII. GUION LITERARIO PARA VIDEOSp. 117
- TABLA XIV. COMPARACIÓN ENTRE PTGUI Y STITCHER V4p. 125
- TABLA XV. COMPARACIÓN ENTRE SCENICS, ORBIX Y 3D VISTA TOURp. 134
- TABLA XVI. CARACTERiSTICAS MODELOSp. 153
- TABLA XVII. PREGUNTAS CUESTIONARIO PREVIO A LA PLATAFORMAp. 178
- TABLA XVIII. CALIFICACIONES CUESTIONARIO PREVIO A LA PLATAFORMAp. 181
- TABLA XIX. PREGUNTAS CUESTIONARIO POST USO DE LA PLATAFORMAp. 183
- TABLA XX. CALIFICACIONES ENCUESTA VALIDACIÓN DE CONOCIMIENTOp. 192
- Fig. 1. Comercio Exterior de Colombia. Fuente: [3]p. 18
- Fig. 2. Logo de la Federación Nacional de Cafeteros. Fuente: [9, p. 68]p. 24
- Fig. 3. Logo del proyecto de Desarraigo. Fuente: Extraído de [11]p. 25
- Fig. 4. Recorrido virtual Finca Cafetera. Fuente: Extraído de [12]p. 25
- Fig. 5. Video de Etapa de Secado y Lavado. Fuente: Extraído de [12]p. 26
- Fig. 6. Recorrido virtual del Parque Nacional del Café. Fuente: Extraído de [13]p. 26
- Fig. 7. Recorrido virtual del Parque Nacional del Café. Fuente: Extraído de [14]p. 27
- Fig. 8. Semillas de Café. Fuente: Elaboracion Propiap. 27
- Fig. 9. Producción Bruta – Café, Verde. Fuente: FAOSTATp. 29
- Fig. 10. Producción Bruta – Café, Verde. Fuente: Extraído de [19]p. 29
- Fig. 11. Fases del MPIu +a. Fuente: Extraído de [32]p. 36
- Fig. 12. Fases de Diseño. Fuente: Extraído de [32]p. 37
- Fig. 13. Clasificación de Crystal según el tamaño del equipo. Fuente: Elaboracion Propiap. 44
- Fig. 14. Propiedades de Metodologías Crystal. Fuente: Extraído [36]p. 45
- Fig. 15. Técnica Persona. Joven interesado 1. Fuente: Elaboración propiap. 55
- Fig. 16. Técnica Persona. Joven interesado 2. Fuente: Elaboración propiap. 55
- Fig. 17. Técnica Persona. Colaborador 1. Fuente: Elaboración propiap. 56
- Fig. 18. Técnica Persona. Colaborador 2. Fuente: Elaboración propiap. 56
- Fig. 19. Mapa de Empatía. Referente a Joven interesado 1. Fuente: Elaboración propiap. 58
- Fig. 20. Mapa de Empatía. Referente a Joven interesado 2. Fuente: Elaboración propiap. 58
- Fig. 21. Mapa de Empatía referente al Colaborador 1. Fuente: Elaboración propiap. 59
- Fig. 22. Mapa de Empatía referente al Colaborador 2. Fuente: Elaboración propiap. 60
- Fig. 23. Arquitectura de Sistema. Fuente: Elaboración propiap. 76
- Fig. 24. Diagrama de flujo. Fuente: Elaboración propiap. 82
- Fig. 25. Diagrama de Pert. Fuente: Elaboración propiap. 85
- Fig. 26. Inicio de la plataforma. Fuente: Elaboración propiap. 87
- Fig. 27. Datos Generales de la Finca. Fuente: Elaboración propiap. 87
- Fig. 28. Sección de la Ruta del Café 360°. Fuente: Elaboración propiap. 88
- Fig. 29. Sección de los modelos 3D de los granos de café. Fuente: Elaboración propiap. 88
- Fig. 30. Sección de los modelos 3D de la máquina despulpadora. Fuente: Elaboración propiap. 89
- Fig. 31. Canon T5i. Fuente: [41]p. 95
- Fig. 32. Lente Ojo de Pez. Fuente: [42]p. 96
- Fig. 33. Tascam DR-40X. Fuente: [43]p. 97
- Fig. 34. Trípode Manfrotto. Fuente: [44]p. 97
- Fig. 35, 36, 37, 38, 39 y 40. Fotos de Visita a la Finca. Fuente: Elaboración propiap. 98
- Fig. 41. Fotos de Visita a la Finca. Fuente: Elaboración propiap. 98
- Fig. 42. Productos de Café Mama Luna. Fuente: Elaboración propiap. 99
- Fig. 43. Visita a la Finca Cafetera. Fuente: Elaboración propiap. 100
- Fig. 44. Fotos de los Sacos de Café. Fuente: Imagen de Julia en Pixabayp. 115
- Fig. 45. Foto de la página pixabay. Fuente: Elaboracion Propiap. 116
- Fig. 46. Interfaz de Adobe Premiere Pro. Fuente: Elaboración propiap. 121
- Fig. 47. Exportación del Video. Fuente: Elaboración propiap. 122
- Fig. 48. Videos en YouTube Studio. Fuente: Elaboración propiap. 122
- Fig. 49 y 50. Fotos Cenital y Nadir 180°. Fuente: Elaboración propiap. 123
- Fig. 51, 52, 53, 54, 55 y 56. Fotos 60° para el panorama. Fuente: Elaboración propiap. 124
- Fig. 57. Carpetas de las imágenes por etapa. Fuente: Elaboración propiap. 126
- Fig. 58. Inicio de la Interfaz de Stitcher V4. Fuente: Elaboración propiap. 126
- Fig. 59. Elección del Lente en Stitcher V4. Fuente: Elaboración propiap. 127
- Fig. 60. Selección de imágenes. Fuente: Elaboración propiap. 128
- Fig. 61. Tipo de Stitching. Fuente: Elaboración propiap. 128
- Fig. 62. Interfaz de Stitcher V4. Fuente: Elaboración propiap. 129
- Fig. 63. Guardar la Imagen Panorámica. Fuente: Elaboración propiap. 129
- Fig. 64. Imagen Panorámica de la etapa de la Cosecha. Fuente: Elaboración propiap. 130
- Fig. 65. Interfaz de Photoshop Beta. Fuente: Elaboración propiap. 131
- Fig. 66. Interfaz de Photoshop Beta. Fuente: Elaboración propiap. 131
- Fig. 67. Interfaz de Photoshop Beta. Fuente: Elaboración propiap. 132
- Fig. 68. Interfaz de Photoshop Beta. Fuente: Elaboración propiap. 133
- Fig. 69. Imagen Final Panorámica de la Cosecha. Fuente: Elaboración propiap. 133
- Fig. 70. Interfaz de 3D Vista Tour – Creación de un proyecto. Fuente: Elaboración propiap. 135
- Fig. 72. Interfaz de 3D Vista Tour – Importar Panorama. Fuente: Elaboración propiap. 136
- Fig. 73 y 74. Selección de los Panoramas realizados. Fuente: Elaboración propiap. 137
- Fig. 75. Interfaz de 3D Vista Tour. Fuente: Elaboración propiap. 137
- Fig. 76. Interfaz de 3D Vista Tour – Sección Skin. Fuente: Elaboración propiap. 138
- Fig. 77. Agregar Botones. Fuente: Elaboración propiap. 138
- Fig. 78. Agregar Botón de Video. Fuente: Elaboración propiap. 139
- Fig. 79. Diseño de la Skin con los botones. Fuente: Elaboración propiap. 139
- Fig. 80. Agregar una acción a un botón. Fuente: Elaboración propiap. 140
- Fig. 81. Agregar el link del video. Fuente: Elaboración propiap. 140
- Fig. 82. Interfaz de 3D Vista Tour – Sección Panoramas. Fuente: Elaboración propiap. 141
- Fig. 83. Configuración de Mostrar/Esconder Componentes. Fuente: Elaboración propiap. 142
- Fig. 84. Mostrar/Esconder Componentes. Fuente: Elaboración propiap. 142
- Fig. 85. Recorrido 360° - Etapa Semillero. Fuente: Elaboración propiap. 143
- Fig. 86. Interfaz de 3D Vista Tour – Sección Hotspots. Fuente: Elaboración propiap. 144
- Fig. 87 y 88. Selección de Hotspots. Fuente: Elaboración propiap. 144
- Fig. 89. Opción de Texto. Fuente: Elaboración propiap. 145
- Fig. 90. Opción de Texto. Fuente: Elaboración propiap. 145
- Fig. 91. Interfaz de 3D Vista Tour – Sección Audio. Fuente: Elaboración propiap. 146
- Fig. 92. Importar y seleccionar audios. Fuente: Elaboración propiap. 146
- Fig. 93. Interfaz de 3D Vista Tour – Sección Mis Tours. Fuente: Elaboración propiap. 147
- Fig. 94. Re-Subir el Tour Virtual 360° del Café. Fuente: Elaboración propiap. 148
- Fig. 95. Compartir el Tour Virtual 360°. Fuente: Elaboración propiap. 148
- Fig. 96. Código del Tour Virtual 360°. Fuente: Elaboración propiap. 149
- Fig. 97. Paleta de Colores. Fuente: Elaboración propiap. 150
- Fig. 98. Paleta de Colores. Fuente: Elaboración propiap. 150
- Fig. 99. Paleta de Colores. Fuente: Elaboración propiap. 151
- Fig. 100. Página Web 3D Warehouse. Fuente: Elaboración propiap. 151
- Fig. 101. Interfaz de Visual Studio. Fuente: Elaboración propiap. 154
- Fig. 102. Página de Bootstrap. Fuente: Elaboración propiap. 155
- Fig. 103. Código barra de navegación. Fuente: Elaboración propiap. 155
- Fig. 104. Barra de navegación Pc. Fuente: Elaboración propiap. 156
- Fig. 105. Barra de navegación celular. Fuente: Elaboración propiap. 156
- Fig. 106. Barra de navegación celular. Fuente: Elaboración propiap. 156
- Fig. 107. Código Carrusel. Fuente: Elaboración propiap. 157
- Fig. 108. Código Carrusel. Fuente: Elaboración propiap. 157
- Fig. 109. Código CSS Carrusel. Fuente: Elaboración propiap. 158
- Fig. 110. Carrusel Pc. Fuente: Elaboración propiap. 159
- Fig. 111. Carrusel celular. Fuente: Elaboración propiap. 159
- Fig. 112. Código Punto de información. Fuente: Elaboración propiap. 160
- Fig. 113. CSS Punto de información. Fuente: Elaboración propiap. 160
- Fig. 114. Punto de información desde el Pc. Fuente: Elaboración propiap. 161
- Fig. 115. Punto de información desde el celular. Fuente: Elaboración propiap. 161
- Fig. 116. Código Ruta virtual 360°. Fuente: Elaboración propiap. 162
- Fig. 117. CSS Ruta virtual 360°. Fuente: Elaboración propiap. 162
- Fig. 118. Página web Ruta virtual 360°. Fuente: Elaboración propiap. 163
- Fig. 119. Página web responsiva Ruta virtual 360°. Fuente: Elaboración propiap. 164
- Fig. 120. Código etapas de granos de Café. Fuente: Elaboración propiap. 165
- Fig. 121. Código etapas de granos de Café. Fuente: Elaboración propiap. 165
- Fig. 122. Etapas de granos de Café. Fuente: Elaboración propiap. 166
- Fig. 123. Código Modelos 3D. Fuente: Elaboración propiap. 166
- Fig. 124. Código de Modelos 3D. Fuente: Elaboración propiap. 167
- Fig. 125. Código de Modelos 3D. Fuente: Elaboración propiap. 167
- Fig. 126. Máquina despulpadora de café. Fuente: Elaboración propiap. 168
- Fig. 127. Máquina Biorreactor de café. Fuente: Elaboración propiap. 168
- Fig. 128. Secador solar tipo túnel. Fuente: Elaboración propiap. 169
- Fig. 129. Sacos de yute. Fuente: Elaboración propiap. 169
- Fig. 130. Código del cuestionario en HTML. Fuente: Elaboración propiap. 170
- Fig. 131. Código del Cuestionario. Fuente: Elaboración propiap. 170
- Fig. 132. Cuestionario dentro de la plataforma. Fuente: Elaboración propiap. 171
- Fig. 133. Código del Footer. Fuente: Elaboración propiap. 171
- Fig. 134. Footer página web. Fuente: Elaboración propiap. 172
- Fig. 135. Crear repositorio en GitHub. Fuente: Elaboración propiap. 172
- Fig. 136. Subir los archivos al repositorio en GitHub. Fuente: Elaboración propiap. 173
- Fig. 137. Settings del Repositorio. Fuente: Elaboración propiap. 173
- Fig. 138. Sección de GitHub Pages. Fuente: Elaboración propiap. 174
- Fig. 139. Sección de GitHub Pages. Fuente: Elaboración propiap. 174
- Fig. 140. Sección de GitHub Pages. Fuente: Elaboración propiap. 175
- Fig. 142. Cuestionario Previo a la Plataforma. Fuente: Elaboración propiap. 179
- Fig. 143. Cuestionario Previo a la Plataforma. Fuente: Elaboración propiap. 179
- Fig. 144. Presentación de la Plataforma. Fuente: Elaboración propiap. 184
- Fig. 145. Presentación de la Plataforma. Fuente: Elaboración propiap. 184
- Fig. 146. Validación de la Plataforma. Fuente: Elaboración propiap. 185
- Fig. 147. Cuestionario Posterior a la Plataforma. Fuente: Elaboración propiap. 185
- Fig. 148. Cuestionario: Nombres de los estudiantes. Fuente: Elaboración propiap. 186
- Fig. 149. Cuestionario: Semestre. Fuente: Elaboración propiap. 186
- Fig. 150. Resultados del Cuestionario. Fuente: Elaboración propiap. 187
- Fig. 151. Resultados del Cuestionario. Fuente: Elaboración propiap. 187
- Fig. 152. Resultados del Cuestionario. Fuente: Elaboración propiap. 188
- Fig. 153. Resultados del Cuestionario. Fuente: Elaboración propiap. 188
- Fig. 154. Resultados del Cuestionario. Fuente: Elaboración propiap. 189
- Fig. 155. Resultados del Cuestionario. Fuente: Elaboración propiap. 189
- Fig. 156. Resultados del Cuestionario. Fuente: Elaboración propiap. 190
- Fig. 157. Resultados del Cuestionario. Fuente: Elaboración propiap. 190
- Fig. 158. Resultados del Cuestionario. Fuente: Elaboración propiap. 191
- Fig. 159. Resultados del Cuestionario. Fuente: Elaboración propiap. 191