Integración de la funcionalidad en productos multimedia. ARGN0110. Juan Luis Perles García
Aplicación práctica (análisis de una web multimedia)
Realizar un análisis funcional sencillo, sobre la aplicación multimedia en formato web que se muestra en las dos siguientes imágenes, respecto a la barra de navegación, los títulos y el texto, enlaces, imágenes, y otros elementos.
SOLUCIÓN
La barra de navegación principal se encuentra presente en todas las pantallas y es un claro y atractivo menú lateral formado por enlaces de texto. Cuenta con cuatro temas principales: “Empresa”, “Productos”, “Blog” y “Contacto” a los que se accede pulsando en sus respectivos enlaces. Su posición no es del todo adecuada y es más conveniente que estuviera situada en la zona superior.
Los títulos y el texto, se muestran legibles, de estilo moderno y se mantiene la uniformidad en el formato de los mismos. Se ofrece en dos idiomas, español y catalán.
Respecto a los enlaces hay realmente pocos, aparte de los que ofrece el menú y otras opciones, pues la web es muy sencilla.
Las imágenes son atractivas, tienen calidad profesional en cuanto a estética y resolución. Se usa una imagen de fondo en la parte superior que tiene una marcada función estilística.
La página muestra en la parte superior una animación bien diseñada, en la que van apareciendo diferentes mensajes, aunque su principal defecto es que muestra poco contenido.
Destacar que la página ofrece conexión a Facebook, a Twitter, al blog de la empresa y a la sección de contacto.
5. Resumen
Los proyectos editoriales multimedia se desarrollan a partir de los diseños previos que definen el aspecto gráfico y funcional de la interfaz y de los principales elementos que la componen, para responder óptimamente a las exigencias de los usuarios en cuanto a contenidos, estética, accesibilidad y funcionalidad, y obtener un producto de calidad profesional.
Para ello es fundamental poder interpretar la funcionalidad tanto de los elementos estáticos, como de los interactivos: Textos, imágenes, iconos, sonidos, animaciones, vídeos, reproductores, controles de formularios, etc. y conocer sus características principales para conseguir un buen diseño.
Una vez diseñada la interfaz del producto, es necesario determinar cómo se accede a las distintas páginas o pantallas, si se usan menús de navegación u otros sistemas como botones, iconos con enlaces o hipertexto. Es muy conveniente realizar previamente el árbol de contenido de la aplicación multimedia, identificando las pantallas o nodos por los que los usuarios pueden navegar.
Si la aplicación multimedia va a estar alojada en un servidor web es recomendable estudiar si conviene que esta tenga la capacidad de generar pantallas o datos de manera dinámica, pues eso agiliza su uso y mantenimiento. También por otro lado, de controlar el acceso y las acciones de los usuarios, lo cual permite conocer cómo es utilizado el producto editorial multimedia y así perfeccionarlo.
Programar un sistema de mensajes y ayuda y de mensajes de error y de control, es necesario para que la aplicación se use correctamente, evitando además problemas innecesarios en el uso de la misma.
Ejercicios de repaso y autoevaluación
1. Termine la siguiente oración:
Una de las principales reglas de la accesibilidad es permitir que una determinada información pueda ser utilizada por el mayor número de personas,...
2. Marque la opción de “Verdadero” o “falso” correspondiente a cada pregunta.
DHTML es un sistema de diseño de páginas dinámicas interactivas.
1 Verdadero
2 Falso
La navegación de tipo MALLA permite realizar una navegación lineal, pero con la posibilidad de visitar pantallas anteriores.
1 Verdadero
2 Falso
Un árbol de contenidos es un gráfico o esquema diseñado para definir los textos que permiten navegar mediante la técnica de hipertexto.
1 Verdadero
2 Falso
3. Ponga un ejemplo de error de la aplicación por un mal uso de la misma por parte del usuario.
4. Identifique la diferencia entre enlace, botón e icono. ¿En qué sentido se pueden asociar?
5. Rellene los espacios en blanco con las palabras que crea conveniente.
El _____________ desde el punto de vista del lector es un documento electrónico en el que la información se presenta en forma de una red de nodos y _____________, donde hay un proceso mecánico en el que la navegación se produce al hacer _____________ sobre un determinado vínculo o _____________.
6. Cite cuatro características que debe tener una buena interfaz.
7. Busque en la siguiente sopa de letras elementos que puedan formar parte de un producto editorial multimedia.
M | A | G | R | I | P | E |
S | E | B | O | T | O | N |
Q | P | N | R | E | G | L |
A | Ñ | K | U | X | B | A |
S | B | X | E | T | Ñ | C |
V | I | D | E | O | T | E |
Y | T | W | L | B | W | A |
A | U | D | I | O | G | J |
H | U | E | R | E | F | Z |
8. Respecto a la generación dinámica de pantallas, relacione con flechas las características que en general son una ventaja y las que son o pueden ser una desventaja.
9. El software para la elaboración de productos multimedia suele ofrecer un amplio conjunto de eventos y acciones programadas, las cuales pueden clasificarse de manera general en:
1 Acciones de envío de documentos PDF por correo.
2 Acciones de navegación.
3 Acciones de exportación de archivos multimedia
4 Acciones de reproducción multimedia.
5 Acciones de comunicación con los dispositivos WIFI.
10. Explique cuál es la relación entre un árbol de contenido y el menú de navegación de un producto editorial multimedia.
11. En la siguiente imagen se muestran cuatro esquemas conceptuales correspondiente a cuatro tipos de navegación. Diga cómo se llama cada uno:
12.