Tarea 4 - Componente práctico - Práctica simulada

Yonatan Rodriguez Martinez

Universidad Nacional Abierta y a Distancia “UNAD”

Escuela de ciencias Básicas, Tecnología e Ingeniería
Abril 2025
Grupo 202456784_30
 Introducción

Este trabajo tiene como objetivo realizar un diseño Multimedia de una aplicación móvil sencilla basada en los

Fundamentos del ingeniero Multimedia explorando la capacidad personal de diseñar para la mayor parte de la

población posible, conociendo la descripción de la Ingeniería Multimedia, fundamentos, aplicabilidades y

conocimientos mas extensos del tema a tratar destacando su aprendizaje sencillo y lineal para los conocimientos

que se quieren adquirir y tener las bases de los fundamentos bien relacionadas.
 Objetivos

Objetivos específicos

1. Identificar la herramienta de diseño necesaria para diseñar el producto multimedia de una aplicación móvil

sencilla (Figma)

2. Explorar los principales fundamentos de la Ingeniería Multimedia destacando sus aplicabilidades en el

campo tecnológico.

3. Analizar el aprendizaje lineal, sencillo y conceptualizar los conocimientos para ser aprendidos fácilmente.

4. Examinar el impacto de la aplicabilidad a la hora de diseñar el producto multimedia.

Guía de actividades y rúbrica de evaluación - Unidad 2 - Tarea 3 - Diseño de un contenido Multimedia de los
fundamentos de Ingeniero Multimedia

Anexo 1 - Matriz de preproducción y pruebas multimedia

GUION DEL CONTENIDO MULTIMEDIA

 Guión Multimedial
Nombre del diseñador: Yonatan Rodriguez Martinez Fecha: 09/05/2025
Ciudad: Duitama Objetivo: Aplicación Móvil Sencilla
Sinopsis: el nombre de mi aplicación es Fundamentos Multimedia, es una aplicación de aprendizaje sencillo basado en
paginas de información, donde se encuentre la información necesaria para comprender los fundamentos del ingeniero
Multimedia, funciones, aplicabilidad de los fundamentos y en general que es el papel de un ingeniero multimedia desde
los fundamentos de la Ingeniería Multimedia está enfocada para ser de uso lineal, donde cualquier persona con
conocimientos básicos o profesionales puede conocer de forma sencilla y pautada las aplicabilidades y llevarse un
sólido conocimiento de la temática de la aplicación.
Nombre Tipo de - Descripción del tipo de formato Multimedia Bosquejo de la
de la formato diapositiva o sección
Sección o multimedia
diapositiv
a
 Texto X (Todas las escenas tienen el mockup de un celular con
Pantalla Imagen x estado de hora, notch, señales, batería y marcos)
de Carga Animaci x La escena 1
Aplicació ón Banner inicial pantalla de carga:
n Móvil Enlace X Imagen: logo de la aplicación alusiva a ingeniería
Sencilla multimedia.
Escena 1 Botón interactivo: ¡botón cuadrado “EMPEZAR!”
Texto subtitulo: “aprende los fundamentos del ingeniero
Multimedia”
Fondo verde de la aplicación al iniciar.
 Escena 2 Recuadro interactivo:
Pantalla Texto X Imagen: imagen alusiva al ingeniero Multimedia
inicial Imagen x Texto título: “¿Que es la Ingeniería Multimedia?”
informativa Enlace X Texto descripción: “La Ingeniería Multimedia es un campo
interdisciplinario que combina principios de ingeniería con
tecnologías multimedia. En esencia, busca diseñar,
desarrollar y optimizar sistemas, aplicaciones y herramientas
que integren medios digitales como audio, video, gráficos,
animaciones y elementos interactivos.”
Botón interactivo: Botón con texto “siguiente” con dos
flechas en cada extremo del botón
Tab bar: barra inferior de navegación donde se puede volver
a la pagina inicial en el símbolo de Home, otra para activar
notificaciones y otra para modificar el perfil del usuario (
estos elementos de esta escena en adelante no cambian de
posición o comportamiento)
 Escena 3 Carrusel interactivo:
Fundamen Texto X Header descriptivo e interactivo: Botón con Flecha hacia
tos en Imagen x atrás
carrusel Enlace X Texto titulo: “Fundamentos” con una flecha al lado izquierdo
vertical para volver atrás
Body del carrusel: Cuadros de texto
✓ Cuadro 1:
Texto subtitulo: “Programación y desarrollo de
Software”
Texto descriptivo: “Conocimiento en lenguajes de
programación como Java, C++, Python, y lenguajes
web como HTML, CSS, y JavaScript”
Botón interactivo: botón rectangular con texto
“conoce su aplicación” para ir a la siguiente página.

✓ Cuadro 2:
Texto subtitulo: “Diseño gráfico y animación”
Texto descriptivo: “Habilidades en el uso de
herramientas de diseño como Adobe Photoshop,
Illustrator, y software de animación como After Effects
y Blender.”
Botón interactivo: botón rectangular con texto
“conoce su aplicación” para ir a la siguiente página.
✓ Cuadro 3:

Texto subtitulo: “ Redes y telecomunicaciones”

Texto descriptivo: “Comprensión de los principios de
las redes de comunicación y transmisión de datos.”
 Botón interactivo: botón rectangular con texto
“conoce su aplicación” para ir a la siguiente página.

✓ Cuadro 4:

Texto subtitulo: “Bases de Datos”

Texto descriptivo: “Transmisión y distribución de
contenido multimedia a través de redes.”
Botón interactivo: botón rectangular con texto
“conoce su aplicación” para ir a la siguiente página.

Finalmente, al seleccionar el primer cuadro pasamos a la

siguiente escena
Escena 4
Pestaña Texto X Recuadro Interactivo:
de pagina Vídeo Header descriptivo e interactivo:
inicial del Audio Botón con Flecha hacia atrás
carrusel Animaci Texto título: “Programación y Desarrollo de Software” con
aplicabilid ón una flecha triangular al lado izquierdo del título para volver
ad Enlace X atrás
Recuadro descriptivo:
Tiempo: Texto título: “Desarrollo web”
Texto descriptivo: “Desarrollo de videojuegos,
animaciones, efectos especiales para películas y series, y
producción de música y videos.”
Imagen: “Imagen alusiva al Desarrollo de software
Cuadro interactivo:
Texto: “Programación”
Botón interactivo: botón de flecha para la siguiente página.
Slider de indicación de página: barra de círculos alineados
para indicar la posición del carrusel.
Escena 5 Recuadro Interactivo:
Final del Texto X Header descriptivo e interactivo:
Carrusel Imagen X Botón con Flecha hacia atrás con texto “Redes y
Informativ Enlace X Telecomunicaciones”
o Texto titulo: “Redes y Telecomunicaciones ”
Texto descriptivo: “Transmisión y distribución de contenido
multimedia a través de redes”
Imagen: “Imagen alusiva redes.
Cuadro interactivo 1:
Texto: “Redes y telecomunicaciones”
Botón interactivo: botón de flecha a la izquierda del texto
para la página anterior.
Slider de indicación de página: barra de círculos alineados
para indicar la posición del carrusel.
Cuadro interactivo 2:
Texto: “tipos de multimedia”
Botón interactivo: botón de flecha en la parte inferior del
texto para dirigir a la última página.
Escena 5 Header descriptivo e interactivo: Botón con Flecha hacia
Final Texto X atrás
Enlace X Texto titulo: “Conoce más”
Body del carrusel: Cuadros de texto
Tiempo: ✓ Cuadro 1:
✓ Texto subtitulo: “Conceptos y Fundamentos de la
Ingeniería Multimedia”
✓ Botón interactivo: botón rectangular con texto “ir
a conceptos” para ir a un link
(https://view.genially.com/61a015e21414000d4cd5
d600/learning-experience-didactic-unit-conceptos-
y-fundamentos-de-la-ingeneria-multimedia).

✓ Cuadro 2:
✓ Texto subtitulo: “Fundamentos del Ingeniero
Multimedia”
✓ Botón interactivo: botón rectangular con texto “ir
a fundamentos…” para ir a un link (Salazar García,
Y. A. (2022). Fundamentos del Ingeniero
Multimedia. Universidad Nacional Abierta y a
Distancia (UNAD))
 ✓ Cuadro 3:
✓ Texto subtitulo: “Fundamentos del Ingeniero
Multimedia 2”
✓ Botón interactivo: botón rectangular con texto “ir
a fundamentos…” para ir a un link
(https://www.calameo.com/books/00782690011605
4412aeb)
 PRUEBAS DEL CONTENIDO MULTIMEDIA

Funcionalidad / Datos / Acciones de

Título de la prueba Descripción de la prueba Fecha Resultado Esperado
Característica Entrada
Se verifica y analiza que
el abrir el enlace de La página de carga se muestra
figma se abre la pantalla Clic en el enlace en el con una paleta de colores
de carga con un slider Imagen de carga navegador web para excelente, bien cuidada y
manual para cambiar de o portada de la llegar a la presentación enfocada a ser sencilla
Pantalla de carga escenas 09/05/2025 aplicación de figma visualmente
Todo el texto,
imágenes y
cuadros se
Se verifica que todo el visualizan de
contenido estipulado en manera
Visualización del pruebas se visualiza bien organizada y sin Click en el enlace y las Todo el contenido se evidencia
contenido y sin ningún error 09/05/2025 cortes flechas de recorrido minimalista y limpio
 Conclusiones

El uso de Figma como herramienta de diseño es fundamental para crear aplicaciones móviles sencillas en la parte de

experiencia de usuario e interfaces, mientras que los principios de la Ingeniería Multimedia permiten abordar problemas

tecnológicos con soluciones innovadoras teniendo en cuenta varias aplicabilidades y temas. Un enfoque de aprendizaje

lineal y claro facilita la comprensión y aplicación de estos principios, mejorando la calidad y funcionalidad del producto

multimedia final, Evaluar la aplicabilidad y el impacto de estos fundamentos asegura que el diseño sea accesible y atractivo

para los usuarios.

 Referencias

Calameo. (n.d.). Fundamentos del Ingeniero Multimedia

https://www.calameo.com/books/007826900116054412aeb

Salazar García, Y. A. (2022). Fundamentos del Ingeniero Multimedia. Universidad Nacional Abierta y a

Distancia (UNAD). https://view.genially.com/6383db8d6bdebd0017702aed/presentation-fundamentos-

del-ingeniero-multimedia

Genially. (n.d.). Conceptos y Fundamentos de la Ingeniería Multimedia.

https://view.genially.com/61a015e21414000d4cd5d600/learning-experience-didactic-unit-conceptos-

y-fundamentos-de-la-ingeneria-multimedia