7. Sistemas Multimedia e Interacción Gráfica z
TIPOS DE PROYECTOS MULTIMEDIA
z
PLANIFICAR CENTROS WEB MULTIMEDIA
z
CARACTERÍSTICAS DE DISEÑO DE WEB HIPERMEDIA
z
SISTEMAS MULTIMEDIA MÓVILES
z
SISTEMAS MULTIMEDIA INTELIGENTES
z
DISEÑO DE INTERFACES
z
USABILIDAD
z
ACCESIBILIDAD
z
LOCALIZACIÓN E INTERNACIONALIZACIÓN Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
1
Tipos de proyectos multimedia z
Proyectos online – – –
z
Intranet/Internet/Extranet Híbrido Web/CD Móvil
Proyectos off-line – – – – –
Presentación multimedia Educación Kioscos/puntos de información Entretenimiento Referencia Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
2
1
Centros Web Multimedia (I) z
Determinar la misión y audiencia: –
¿Qué ofrece?
–
¿Por qué querrán acceder los usuarios?
–
¿Qué tratamos de conseguir?
–
¿Se vende algo?
–
¿Cuál es el "gancho"? Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
3
Centros Web Multimedia (II) z
Definir la audiencia
z
Definir los usos del centro: –
Proporcionar información.
–
Obtener información.
–
Fines educativos: ejercicios, tutoriales, cursos, animaciones para explicación de procesos dinámicos
–
Comunicación.
–
Comunicación interna (intranets).
–
Venta: Catálogos, vídeos... Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
4
2
Centros Web Multimedia (III) z
Velocidad de conexión de los usuarios esperados.
z
Requisitos de Ancho de Banda: – – –
z
Capacidad del servidor. Tamaño de las páginas es fundamental. Número de conexiones.
Determinar seguridad: –
La seguridad es un aspecto a considerar siempre que haya intercambio de datos más o menos confidenciales.
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
5
Características de Diseño de Web Hipermedia z z z z z z z z z z
Legibilidad y consistencia (plantillas) Resumen al principio Páginas pequeñas Navegación Distancia de 3 clics Independencia del navegador Navegación sin gráficos Jerarquías de documentos Tamaño de ficheros grandes y enlaces multimedia, thumbnails Enlaces externos, ventanas nuevas Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
6
3
Información web z z
Enlaces de doble dirección Enlaces externos – – – –
z
No poner Todos en una misma página Sólo desde páginas de primer nivel Sin restricciones
Información básica de cada página – – – –
Título Contacto, email Copyright, fecha última modificación Organización/autores Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
7
Sistemas Multimedia Móviles z
Más móviles que personas en España
z
GSM (Global System for Mobile Communications)
z
SMS (Small Message System)
z
MMS (Multimedia Message System)
z
EMS (Enhanced Message System) Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
8
4
La Web en un móvil: limitaciones z
Pantalla del dispositivo ya que, por lo general, solo tiene un número pequeño de líneas de 8-10 caracteres, lo cual no da mucho espacio de maniobra a los diseñadores web.
z
Formas de acceso: i-mode, WAP proporcionan acceso a la web desde dispositivos móviles, pero funcionan de forma diferente.
z
Los dispositivos i-mode tienen navegadores que reconocen un subconjunto de HTML mientras que los navegadores WAP usan WML, un derivado de XML. Por ello, un móvil i-mode puede mostrar cualquier sitio web (aunque igual no completo),
z
Un sitio WAP ha de ser necesariamente diferente debido a las limitaciones del dispositivo. Desde la perspectiva del operador, WAP proporciona un mecanismo para enviar datos similar al SMS.
z
Otras formas de acceder a Internet desde dispositivos móviles: – GPRS (pasa de conmutación de circuitos a conmutación de paquetes en redes GSM) – UMTS
z
Posiblemente la mayor esperanza de los usuarios esté en la dotación de capacidad de acceso inalámbrico a redes desde los teléfonos móviles. Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
9
Sistemas basados en posición z
Un teléfono móvil, por definición, no tiene situación fija.
z
Una vez que se sabe dónde está en un momento determinado puede ser alimentado con información adecuada a su localización. – –
“¿cuándo pasa el próximo tranvía?” “¿qué películas ponen en la ciudad?”.
z
Problema: Precisión de la red de telefonía
z
Solución más precisa: Global Positioning System (GPS).
z
Con teléfonos GSM con suficiente capacidad de procesamiento podemos obtener buenas aproximaciones de la posición empleando varias estaciones próximas.
z
Aun cuando estas posibilidades no estén disponibles, es posible proporcionar servicios basados en la posición, ya que se puede preguntar al usuario por su posición y realizar la consiguiente búsqueda en la base de datos para enviarle la información adecuada. Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
10
5
Aplicaciones multimedia actuales y futuras z z z z z z z z z z z
Acceso a salas de Chat en Internet Información textual y visual como noticias y resultados deportivos Transmisión de imágenes de la cámara a la web Videoconferencia, vigilancia y otras aplicaciones de vídeo Navegación web Trabajo colaborativo Audio de alta calidad para transmisiones Asignación de tareas para oficios, taxis, etc. Correo electrónico corporativo e intranet Posicionamiento de vehículos Automatización del hogar. Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
11
Sistemas multimedia inteligentes (I) z
Dialogar con el usuario – –
z
Mantener modelos de conocimiento y creencias que permitan al sistema comprender las entradas de los usuarios y generar salidas – –
z
Seguir los principios de las conversaciones Seguir guías de conducta humana para la presentación de información e interacción hombre-máquina, incluyendo mantener el contexto del diálogo y la consistencia en las visualizaciones
Modelar el foco dinámico del diálogo para mantener el contexto del diálogo Modelar las tareas de usuario y el estado de logros del usuario y su progreso respecto de las tareas
Mantener bases de conocimiento de información sobre – – –
Modalidades de interacción y usuario Conocimiento del mundo Conocimiento específico de la aplicación Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
12
6
Sistemas multimedia inteligentes (II) Actuar con asistente inteligente para acceder y usar aplicaciones, a través de actividades como
z
– – – –
Asistir al usuario a encontrar información relevante sobre los temas de interés Asistir al usuario a encontrar, seleccionar y acceder a las herramientas apropiadas para realizar la tarea Asistir y guiar al usuario en la consecución de sus tareas Proporcionar explicaciones y presentaciones multimedia para ayudar a la comprensión de información relevante
z
Aceptar y comprender entradas de usuario en lenguaje multimedia
z
Decidir cómo presentar la información y las respuestas al usuario: – – –
Seleccionar modalidades/medios para la presentación de información Componer la salida en múltiples modalidades Presentar la salida multimedia de forma coordinada
Gestionar las ventanas adecuadamente
z
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
13
Tendencias en S.M.I. z
Integración y uso inteligente y control de varios dispositivos y medios: los problemas están más relacionados con la parte software que hardware.
z
Sistemas auto-adaptativos
z
Comprensión de entradas multimedia
z
Herramientas de desarrollo de sistemas multimedia basadas en conocimiento
z
Sistemas de documentos hipermedia
z
Interfaces inteligente Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
14
7
Diseño de interfaces z
Condicionados por las decisiones tomadas al definir el proyecto (contenidos)
z
Texto dominante Î elecciones a través de menús
z
Inclusión de gráficos Î menús con iconos (menos espacio , independiencia de idioma) Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
15
Iconos z
Vocabulario en base a imágenes (desde símbolos abstractos hasta representaciones realistas)
z
Aprendizaje del significado
z
Interpretaciones basadas en bagaje cultural (ej: papelera de reciclaje), similitud (ej: salir)
z
Punto de saturación
z
Uso de metáforas cotidianas Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
16
8
Interfaces z
Intentar conocer las preferencias de los destinatarios (obtener perfil)
z
Consistencia de la apariencia y del estilo visual
z
Aplicación de uso cotidiano vs aplicación de “ocio”
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
17
Testeo de interfaces z
No basta con nuestra experiencia previa
z
Usar la experiencia de la audiencia destino
z
Tests de usabilidad – – – – –
Participantes acordes al perfil del grupo de usuarios Entorno de testeo rigurosamente preparado Tareas planificadas según los objetivos y necesidades Recogida de datos cualitativos y cuantitativos Pruebas piloto del equipo de testeo Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
18
9
Notas sobre uso de sonido z
Uso apropiado del sonido
z
Efectos de repetición de audio
z
Dejar control de audio a los usuarios
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
19
Notas sobre uso del color z
Pobre selección del conjunto de colores Î documentos poco legibles
z
De gustar a molestar
z
Consistencia de color: básica en dominios críticos
z
Asociaciones interculturales –
tonos brillantes vs tonos pasteles
–
Rojo: parar, peligro, calor
–
Azul: frío, agua, cielo
–
verde: ir, ecológico, esperanza Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
20
10
Usabilidad (I) z
Aspectos de diseño, producción y post-producción
z
http://www.usability.gov
z
“Medida de calidad de una experiencia de usuario cuando interactúa con un sistema”
z
¿Qué es fácil de usar? – – – –
Poco esfuerzo Obvio Simple Sencillo Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
21
Usabilidad (II) z
¿A qué se puede aplicar?
z
Atraer la atención de los usuarios – – –
z
Resumen de contenidos en envoltorio Carga rápida de página Acceso rápido a contenido relevante
Reacción emocional del usuario – –
Técnicas de interpretación según sentido estimulado Efectos de latencias Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
22
11
Usabilidad (III) z
Impacto rápido – – – – – –
z
Organización eficiente de contenidos Secuenciación apropiada Uso de encabezados Uso de párrafos cortos Uso de frases cortas Uso de listas y tablas
Return on Investment (ROI)
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
23
Accesibilidad z
Permitir acceso al material a gente discapacitada (usuarios y trabajadores)
z
Leyes y normativas
z
Problemas de visión, audición, psicomotrices, de aprendizaje, lectura, comunicación, lenguaje.
z
http://www.cast.org/bobby Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
24
12
Accesibilidad: Pautas W3C z z z z z z z z z z z
Alternativas equivalentes al contenido audiovisual Texto y figuras comprensibles aún sin color Etiquetar documentos y hojas de estilo Facilitar pronunciación/interpretación en idiomas extranjeros y textos abreviados Uso de tablas fácilmente transformables Acceso a funcionalidad independiente del dispositivo, operabilidad del teclado, etc Permitir la activación de los elementos a través de distintos dispositivos de entrada Usar tecnologías W3C y sus pautas de accesibilidad/usabilidad Proporcionar información de contexto Mecanismos de navegación claros y consistentes Documentos claros y sencillos Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
25
Localización e Internacionalización z
Localización/internacionalización: Cambios para adecuarse a mercados diferentes de aquellos para los que fue concebido el producto (ej: idioma)
z
Parte necesaria de la estrategia de negocio
z
Coste adaptación: 10%-50% de un desarrollo original
z
Licencias, royalties tras éxito en otro país Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
26
13
Diferencias z
Localización: preparar producto, su documentación y embalaje asociados a un lenguaje y cultura mediante traducción y adaptación cultural
z
Internacionalización: Diseño, desarrollo o reingeniería de una aplicación para ser adaptada a varias localizaciones sin cambios desde el punto de vista software
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
27
Localización/Internacionalización z
Internacionalización ahorra 40%-60%
z
Problemática de la traducción – –
Idiomas bi-direccionales y basados en símbolos Especializaciones
z
Localización en etapa de prototipado (a nivel internacional)
z
Cultura global: mismo grupo social de diversas culturas
z
Multi-cultura: adaptar contenido y presentación a múltiples mercados
z
Diferencias legales internacionales
z
Anticipación de llegada al mercado Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
28
14
Localización/Internacionalización z
Evaluación independiente para cada idioma
z
Adaptación de colores y gráficos a cultura/idioma
z
Localización/internacionalización como parte del cambio de la globalización comercial –
Ejemplo: Murdoch y la producción televisiva
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
29
Preguntas Tipo Examen (I) z
La conexión serial entre dispositivos MIDI se hace a través del conector: – – – –
z
IN OUT THRU ninguno
Los modelos de color L*a*b y HSB codifican el color en base a: – – –
–
Componentes RGB Luminosidad Combinan de distinta forma un conjunto de elementos como luminosidad, color tono y brillo Sólo el HSB hace uso de la saturación de color Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
30
15
Preguntas Tipo Examen (II) z
Los cuadros P en MPEG se codifican con respecto a: – – – –
z
Frame posterior Frame B anterior Frame anterior, bien sea P o I ninguna
Los métodos para controlar una animación son: – – – –
Listas lineales Lenguajes de programación de alto nivel ninguna a y b son correctas
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
31
Preguntas Tipo Examen (III) z
¿Cuál de las siguientes afirmaciones es verdadera con respecto al formato DV? –
– – –
Tiene un bitrate variables de vídeo de media 25Mbps Tiene sonido surround 5.1 Emplea codificación de vídeo MPEG-2 Puede tener 1 ó 2 canales estéreo de audio
Sistemas Multimedia e Interacción Gráfica - Curso 2005/06
32
16