WiridLab TOUR

Documento Final de entrega

Cliente:
Profesor Jose Rugeles

Integrantes:
Diego Alejandro Contreras Pirazan (1202213)
Daniel Felipe Fresneda Miranda (1202072)
Julieth Katherine Martinez Atencia (1202176)
Giancarlo Galván Gualdron (1202223)
Nathaly Yulieth Ruíz Bayona (1202150)
Oscar Fabian Sanchez Gonzalez (1201915)
Juan Camilo Arana Ardila (1202062).

Docente:
docente
wilson.sarmiento@unimilitar.edu.co
natalie.higuera@unimilitar.edu.co

Universidad Militar Nueva Granada

Integración Multimedia
Semestre IX

2023
1. Ficha Técnica del Proyecto 2
2. Objetivos del Proyecto 3
2.1. Objetivo General 3
2.2. Objetivos Específicos 3
3. Descripción Situacional 4
3.1. Justificación 4
4. Caracterización de usuarios 5
5. Metodología (5 páginas máximo) 6
6. Diseño y desarrollo 7
7. Trabajo futuro 7
8. Conclusiones 7
9. Anexos 7
10. Bibliografía 7

1
1. Ficha Técnica del Proyecto

Título

WiridLab TOUR

Resumen del Proyecto (Máx. 100 palabras)

WiridLab TOUR es un aplicativo 3D el cual fue desarrollado en Unity. Una plataforma

de desarrollo para videojuegos la cual proporciona un recorrido virtual con una
experiencia interactiva e informativa para conocer las instalaciones, infraestructura,
nodos (Radio y IoT), hardware y demás componentes que tiene el laboratorio Wirid Lab
para estudiantes de Ingeniería en telecomunicaciones quienes podrán usarlo ingresando
de la plataforma itch.io→ Wiridlab by chutasrex.

El propósito de WiridLab TOUR es dar una óptima solución al problema de

desconocimiento del laboratorio permitiendo que el estudiante de telecomunicaciones
conozca y se familiarice con los equipos e infraestructura del laboratorio para que así
elimine todas aquellas dudas que tiene.

Integrantes

Diego Alejandro Contreras Pirazan (1202213)

Daniel Felipe Fresneda Miranda (1202072)
Julieth Katherine Martinez Atencia (1202176)
Giancarlo Galván Gualdron (1202223)
Nathaly Yulieth Ruiz Bayona (1202150)
Oscar Fabian Sanchez Gonzalez (1201915)
Juan Camilo Arana Ardila (1202062).

Palabras Clave

WiridLab Tour, Recorrido virtual, modelos 3D, Unity, Experiencia interactiva.

Público Objetivo

Describa los diferentes tipos de público objetivo al que va dirigido el proyecto.

● Profesores
● Estudiantes de Ingeniería en Telecomunicaciones
● Estudiantes Externos-Internacionales

Fecha de Entrega.

Integración Multimedia
Semestre I - 02/03/2023

2
 2. Objetivos del Proyecto
2.1. Objetivo General

Desarrollar una visita guiada en un entorno 3D interactivo, permitiendo que el estudiante de

telecomunicaciones conozca los equipos e infraestructura del laboratorio.

Tabla para Objetivo SMART

Realizar un aplicativo 3D el cual permita al estudiante de Telecomunicaciones una visita guiada del laboratorio
Wirid lab para que mejore sus conocimientos de infraestructura y equipos.

S M A R T

Construir un Tests para medir el Wirid lab Tour es Se espera que por Finalización del
entorno 3D en el nivel de un proyecto que medio de este Semestre.
cual el estudiante aprendizaje que tiene un alto nivel proyecto se
encuentre la obtuvo el de aprendizaje eliminen todas
mayoría de estudiante durante debido a la aquellas dudas de
elementos del el recorrido. facilidad de uso. desconocimiento
laboratorio. por parte del
usuario.

2.2. Objetivos Específicos

● Construir un entorno 3D en el cual el estudiante de telecomunicaciones
encuentre la mayoría de todos los elementos del laboratorio
● Construir un aplicativo 3D en Unity.
● Lograr que el aplicativo 3D sea fácil de usar y de entender para el
estudiante de Telecomunicaciones.

3
 3. Descripción Situacional

Árbol de problemas

Sub Efecto 1 Sub Efecto 2 Sub Efecto 3

Desconocimiento del espacio y Desconocimiento del espacio y Baja productividad.

elementos presentes en el laboratorio. elementos presentes en el laboratorio.

Efecto 1 Efecto 2 Efecto 3

Pérdida de interés del uso del laboratorio Desinformación sobre las funciones Bajo rendimiento académico a la
por parte de los estudiantes. del laboratorio y por lo tanto no uso o hora de realizar proyectos que
mal uso de este . requieran el uso del laboratorio.

Problema

Falta de conocimiento de equipos e infraestructura de los estudiantes ingenieria en telecomunicaciones

Causa 1 Causa 2 Causa 3

Falta de manipulación de los equipos de Falta de difusión de existencia del Falta de enfoque en las materias
manera presencial. laboratorio. de ingeniería en
telecomunicaciones que necesitan
el laboratorio.

Sub Causa 1 Sub Causa 2 Sub Causa 3

Interacción Remota. Falta de nombramiento en la Falta de motivación por parte del

inducción en el comienzo de la carrera. programa para conocer el
laboratorio.

3.1. Justificación
El propósito de WirId Lab TOUR es dar una óptima solución al problema planteado inicialmente en
el cual se identifica que debido al modo de utilización del laboratorio WiridLab existe una
falta de conocimiento de los equipos e infraestructura del laboratorio por parte de los
estudiantes de ingeniería en telecomunicaciones. Dicho esto, con este proyecto se pretende
desarrollar una visita guiada en un entorno 3D interactivo, permitiendo que el estudiante de
telecomunicaciones conozca los equipos e infraestructura del laboratorio para que así el estudiante
elimine todas aquellas dudas que tiene y además se familiarice con todos los elementos que le
ofrece el laboratorio.

Encontramos que WiridLab TOUR al ser un aplicativo 3D virtual tiene como beneficio que
múltiples usuarios se puedan conectar de manera remota y puedan hacer parte del recorrido, es
decir, usuarios de todo el mundo pueden usar este aplicativo para conocer más de cerca el
laboratorio WordLab, además tiene la opción de cambio de idioma (Español e Inglés) para que se
adapte a las necesidades de cada usuario.

4
4. Caracterización de usuarios

Arquetipo de Usuario #1

Género Edad

Femenino 23

Locación Intereses

Bosa - Interés por las telecomunicaciones

y redes
- Interés por cómo funcionan las
señales.
- Quiere ser una estudiante
destacada.
- Deseo un buen sueldo.
- Le interesa un trabajo estable
- Quiere ser reconocida en su
campo.
- Le gusta salir con sus compañeros
- Le gustan los deportes

Necesidades Limitaciones

- Resolver las preguntas que le - Pocos recursos económicos

generan tanta incertidumbre. - No tiene un computador portátil
- Celular SmartPhone actualizado - Sus papás no la apoyan mucho en
- computador Portatil su carrera
- Entender la razón de porque - Tiene un bajo nivel tecnológico
internet de su casa es tan malo
- Mantener su promedio para
mantener su beca.

Ventajas Desventajas

- Estudiante muy aplicada en el - No conoce el laboratorio de Wirid

estudio. lab
- Interesada por realizar - No tiene clases que le permitan ir
investigaciones. al laboratorio
- Prácticas libres - No sabe usar los equipos del
- Le gusta leer sobre las laboratorio
telecomunicaciones - No tiene tiempo libre
- Le gusta aprender lo que su - Carga excesiva de trabajos.
profesor le dicta en clase.
- Becada.

5
 Arquetipo de Usuario #2

Género Edad

Masculino 38

Locación Intereses

Bogota D.C - Telecomunicaciones

- Redes
- Enseñar
- Aprender
- Investigar el origen de las cosas
- Le gustan los deportes
- Le gusta dar clases a estudiantes
- Investigar cómo funciona una señal
- Le gusta construir medio eléctricos
y electromagnéticos
- Le gusta dar charlas

Necesidades Limitaciones

- Ser claro en sus clases - Poco conocimiento de los equipos

- Atender las necesidades de sus del laboratorio
estudiantes - Mantener el interés de los
- Poner practicas en el laboratorio estudiantes por conocer el
- Hacer que el estudiante interactúe laboratorio.
en el laboratorio Wirid lab - Sus clases son muy teóricas
- Hacer sus clases más interactivas
- Motivar a los estudiantes a ingresar
a los semilleros de investigación
- Hacer que el estudiante esté
interesado en su clase

Ventajas Desventajas

- Motiva al estudiante a realizar - Poca visita presencial al

prácticas libres laboratorio
- Buenas notas de algunos - Pocos estudiantes interesados por
estudiantes conocer el laboratorio Wirid lab
- Es consejero académico En su plan de trabajo no tiene
- Los estudiantes algunas veces por muchas visitas al laboratorio
iniciativa propia le preguntan sobre - No conoce al 100% como
como hacer practicas en el funcionan los equipos del
laboratorio de Wirid lab laboratorio.
- Los estudiantes le piden ayuda para
sus prácticas libres

6
5. Metodología (5 páginas máximo)

5.1 Cronograma
● Sprint 1. 08-14 Marzo 2023
Actividades:
- Modelado nodos Radio
- Modelado Nodos IoT
- Modelado Lab
- Modelado Promps
- Modelado Equipos de laboratorio
- Composición
- Render 360
- Prototipo Web

Imagen 1. Hito por actividades Sprint 1

● Sprint 2. 14-21 Marzo 2023
Actividades:
- Prototipo Web
- Modelado equipos de laboratorio
- Modelado Lab
- Modelado nodo Radio
- Modelado IoT
- Modelado Promps
- Composición
- Texturas Base
- Exportación de texturas a .FBX
- Composición en unity

7
 Imagen 2. Hito por actividades Sprint 2

● Sprint 3. 21-28 Marzo 2023

Actividades:
- Prototipo de interfaces de recorrido
- Material Nodos IoT
- Iluminacion Nodos
- Creación y funcionamiento de botones Interacción de Nodos y equipos
- Creación y funcionamiento del minimapa
- Composición

Imagen 3. Hito por actividades Sprint 3

8
● Sprint 4. 28 de Marzo al 04 de Abril 2023
Actividades:
- Definición identidad aplicación
- Diseño iconografía
- Mejora de interfases
- Implementación del minimapa
- Teleport a la terraza
- Implementación cinematográfica
- Interacción nodos
- Presupuesto

Imagen 4. Hito por actividades Sprint 4

● Sprint 5. 04 - 11 de Abril 2023

Actividades:
- Logro: 1er Demo Funcional
- Visita al Laboratorio
- Modelado racks
- Modelado Rejilla
- Corrección infraestructura
- Modelado carrito de Golf
- Modelo estantes
- Modelo Antenas
- Corrección nodo 41
- Modelado cableado simple de antenas

9
 Imagen 5. Hito por actividades Sprint 5

● Sprint 6. 11 - 18 de Abril 2023

Actividades:
- Creación de escenas
- Movimiento de cámara
- Programación para interacción
- Interacción Nodos
- Corrección nodos IoT
- Composición
- Prototipo Web

10
 Imagen 6. Hito por actividades Sprint 6

● Sprint 7. 18 - 25 de Abril 2023

Actividades:
- Finalización de terraza
- Ajustes de recorrido
- Iconos en pantalla
- Arreglos box colliders
- Sombras
- Minimapa
- Bloqueo de rotación
- Mejora de interfases

Imagen 7. Hito por actividades Sprint 7

● Sprint 8. 25 de Abril al 02 de Mayo de 2023

Actividades:
- Corrección de settings
- Optimización de minimapa
- Arreglo de Nodos
- Corrección y bloqueo de rotación del mouse
- Proceso de Optimización
- Implementacion de nodos restantes

11
 Imagen 8. Hito por actividades Sprint 8

● Sprint 9. 02-09 de Mayo de 2023

Actividades:
- Segundo Demo Funcional
- Corrección de la terraza
- Corrección de Nodos
- Optimización
- Archivos Jason
- Arreglo de interfases
- Arreglo de Bugs del Programa

12
 Imagen 9. Hito por actividades Sprint 9

5.2 Presupuesto
● Personal – Equipo de trabajo: $28.000.000
● Equipos: $42.000.000
● Servicios técnicos: $4.480.000
● Software especializado: Unity- Gratis / Mya-Licencia estudiantil
● Capacitación: Clases presenciales, videos de apoyo, libros e investigación.
● Salidas de campo: $200.000
● Eventos académicos: $0-Proporcionados por la universidad
● Publicaciones y patentes: $0- Biblioteca física y virtual de la universidad
● Tiempo: 4 meses
MONTO TOTAL: $77.000.000

5.3 Equipo de trabajo

- Full Stack: Diego Contreras. (Ver Anexo 1. Hoja de vida Diego Contreras)
Descripción: Su función en el proyecto fue como project manager y
desarrollador, se desempeñó como un líder constante el cual se comunicaba
con todos los miembros, asignaba tareas y estaba pendiente de los avances
de cada uno, además destacó por aportar constantemente en la parte técnica
del proyecto, desarrollando e investigando formas de mejorar la calidad del
producto final.

- Full Stack: Nathaly Ruiz (Ver Anexo 2. Hoja de vida Diego Nathaly Ruiz)
Descripción: Su función en el proyecto fue en mayor parte como
desarrolladora, trabajo en el estudio e implementación de archivos json,
también se encargó en parte de optimizar el proyecto, se destacó por su
habilidad de escucha y por su responsabilidad en las tareas puestas.

- CG Modeler: Daniel Fresneda. (Ver Anexo 3. Hoja de vida Daniel

Fresneda)
Descripción: Su función a lo largo del proyecto fue como desarrollador.
Destacó por su compromiso con el proyecto, comunicándose con sus
compañeros y buscando diferentes técnicas para implementar en el
proyecto y con esto mejorar la calidad de la producto, en mayoría su
trabajo se enfocó en programar en unity e implementar el proyecto en la
web.

- CG Modeler: Giancarlo Galvan. (Ver Anexo 4. Hoja de vida Giancarlo

Galvan)
Descripción: Su función en el proyecto además de modelador fue en su
gran mayoría como diseñador de interfaces de usuario. Su capacidad para
escuchar y de enfocarse en los detalles facilitó la comunicación con el

13
 grupo y con esto llegar a un mejor convenio de ideas para lograr la
optimización de la interfaz gráfica.

- DT: Julieth Martinez. (Ver Anexo 5. Hoja de vida Julieth Martinez)

Descripción: Su función a lo largo del proyecto fue como modeladora y
supervisora. Se desempeñó en la parte estética del proyecto, pues su
capacidad para relacionarse y trabajar en equipo la hace destacarse en su
trabajo. Su enfoque es en el campo del diseño.

- Texture Artist: Oscar Sanchez . (Ver Anexo 6. Hoja de vida Diego Oscar
Sanchez)
Descripción: Su función en el proyecto fue modelar objetos,componer
materiales y texturas para los objetos, aunque le gusta tolerar las opiniones
y diferencias con los integrantes del equipo, eso hace que se destaque su
proceso de aprendizaje y mostrar sus propias virtudes a la hora de trabajar.
Su área está basada en el diseño multimedia.

- LightningTD: Juan Camilo Arana. (Ver Anexo 7. Hoja de vida Juan

Camilo Arana)
Descripción: Su función a lo largo del proyecto fue como modelador y
encargado de las luces e iluminación de cada entorno y escenario del
proyecto. Se desempeñó en la parte estética, pues su capacidad para dar
resultados y avanzar con muy poco tiempo disponible hace que destaque en
su trabajo gracias a su buen time management y su multitasking. Su
enfoque es en el campo de la producción multimedia.

6. Diseño y desarrollo
6.1.Descripción Funcional
● Modelo/Diseño de Interacción
- Acciones y controles
DESPLAZAMIENTO: Teclas W,A,S,D
GIRO DE CÁMARA: Teclas ↑←↓→
INTERACCIÓN CON OBJETO: “E”
BLOQUEO DE ROTACIÓN DE MOUSE: ATL+Click Mouse
SALIR: ESC

14
 Imagen 10. Controles de WirildLab TOUR

● Diagrama de flujo de la interacción (O Workflow )

Imagen 11. Diagrama de flujo de la interacción

15
● Wireframes

Imagen 12. Wireframes

● Estilo visual
- Página Web : Wirid Lab -
https://wirid-lab.umng.edu.co/es/category/nodes/radio_nodes/

16
 Imagen 12. Estilo Visual
- Colores del Aplicativo

Imagen 13. Paleta de colores

- Logo del aplicativo

- Botones
● Sheet Models (De personajes, o escenarios)*

17
18
 ● Inventario de assets

Elementos del laboratorio

Promps

Nodos

6.2. Aspectos Técnicos

● Requisitos Funcionales y Requisitos No-Funcionales
Requisitos funcionales
● Navegación interactiva: Permite que el usuario explore el laboratorio de manera virtual,
utilizando teclado y mouse para el desplazamiento, rotación y zoom .
● Información de manera detallada para cada nodo o elemento.
● Personalización de la experiencia en la cual el usuario pueda configurar este aplicativo a su
preferencia, por ejemplo, el cambio de idioma.
● Búsqueda de nodo de manera aleatoria desde la terminal de nodos.
● Interactuar los nodos en la cual los pueda rotar y ver el contenido de manera detallada.
Requisitos no funcionales:
● El rendimiento debe ser óptimo en la cual permita una experiencia fluida y sin retrasos
durante el recorrido virtual.

19
 ● Este aplicativo es compatible solamente para sistemas operativos como Windows y no está
apto para versiones móviles.
● Hay un mantenimiento constante en este aplicativo en el cual genera nuevos algoritmos.
● El aplicativo debe ser escalable en la cual se agrega nuevas funcionalidades que incluye
nuevos botones o nuevas interfaces, asimismo, sin alterar el rendimiento.
● El aplicativo debe ser fácil de usar en la cual el usuario entienda la funcionalidad de cada
botón y se debe usar elementos visuales claros e intuitivos.

● Arquitectura

Especificación de en qué plataformas (IDE, Lenguaje de programación, sistema operativo) se

realizará el desarrollo de la aplicación 3D.
Unity, Maya, Blender, Adobe photoshop, adobe illustrator, Sidchar, Visual studio, Visual studio
code
Plataforma de operación
Página WebGL
Especificación técnica de en qué plataforma operará el sistema y los requerimientos de
hardware del sistema.
Se operará en una página WebGl. ya que está apto solamente para versión de PC los requerimientos
del hardware son:
● El procesador debe ser más de 4 GHz para tener un buen rendimiento del aplicativo
● La memoria RAM debe ser de 4 Gb para visualizar los gráficos en 3D de manera eficiente.
● Conexión a internet óptima para cargar el aplicativo y ver los elementos en tiempo real.
● La resolución de pantalla es de 1920 x 1080 o 1280 x 720 píxeles para visualizar la
experiencia visual.
● Tarjeta gráfica debe ser compatible con aceleración 3D, el almacenamiento es de 1 Gb de
memoria de video dedicada.

7. Trabajo futuro
Para el futuro del proyecto se plantean posibles mejoras para la distribución adecuada y ágil de los
nodos cuando se requiera hacer cambios en las ubicaciones en las que se encuentran, facilitando el
movimiento de los mismos; También se plantea la posibilidad de modificar por medio de un usuario
específico los textos descriptivos y característico de los nodos según sus configuraciones.

8. Conclusiones
● Como conclusión se destaca el aprendizaje que dejó realizar este proyecto cosas
como la utilización o la implementación de diferentes softwares que anteriormente
no se habían tenido la oportunidad de utilizar.
● Aprender a escuchar y a tomar sugerencias tanto del cliente como de compañeros es
parte vital al momento de realizar un proyecto puesto que esto en mayor parte se da
para mejorar diferentes aspectos del proyecto.
● El trabajo en equipo es importante debido a que el conjunto de diferentes
habilidades y puntos de vistas da paso a la realización de un proyecto óptimo
20
 9. Anexos
● https://chutasrex.itch.io/wiridlab
● https://www.figma.com/proto/8nt8mX84QKMLcMFHvcszEg/Untitled-Copy?node-
id=0%3A1
● https://www.figma.com/file/8nt8mX84QKMLcMFHvcszEg/Untitled-(Copy)?type=
design&t=bvdJaNyFwyFUA2Hm-6
● https://www.figma.com/file/gOgzoZEzXLvIQhq1a3JTxD/Untitled?type=design&t
=bvdJaNyFwyFUA2Hm-6
● https://www.figma.com/proto/UnEWlugiEX5BGtdoX07cRf/Untitled?node-id=0%3
A1

10. Bibliografía
● About Localization | Localization | 1.0.5. (s. f.).
https://docs.unity3d.com/Packages/com.unity.localization@1.0/manual/inde
x.html
● Quick Start Guide | Localization | 1.0.5. (s. f.).
https://docs.unity3d.com/Packages/com.unity.localization@1.0/manual/Quic
kStartGuide.html
● Technologies, U. (s. f.). Box Collider - Unity Manual.
https://docs.unity3d.com/es/2018.4/Manual/class-BoxCollider.html
● Technologies, U. (s. f.-b). Escenas - Unity Manual.
https://docs.unity3d.com/es/2018.4/Manual/CreatingScenes.html
● Interactions | Input System | 1.0.2. (s. f.).
https://docs.unity3d.com/Packages/com.unity.inputsystem@1.0/manual/Inter
actions.html
● Interfaces - Unity Learn. (s. f.). Unity Learn.
https://learn.unity.com/tutorial/interfaces?signup=true
● Technologies, U. (s. f.-c). Tipos de luz - Unity Manual.
https://docs.unity3d.com/es/2018.4/Manual/Lighting.html
● Technologies, U. (s. f.-b). Cámaras - Unity Manual.
https://docs.unity3d.com/es/2018.4/Manual/CamerasOverview.html
● Technologies, U. (s. f.-e). UI (Interfaz de Usuario) - Unity Manual.
https://docs.unity3d.com/es/2018.4/Manual/UISystem.html
● Technologies, U. (s. f.-f). Unity - Manual: Construyendo y Corriendo un
Proyecto WebGL.
https://docs.unity3d.com/es/530/Manual/webgl-building.html

21