7.

Sistemas Multimedia e Interaccin Grfica

TIPOS DE PROYECTOS MULTIMEDIA PLANIFICAR CENTROS WEB MULTIMEDIA CARACTERSTICAS DE DISEO DE WEB HIPERMEDIA SISTEMAS MULTIMEDIA MVILES SISTEMAS MULTIMEDIA INTELIGENTES DISEO DE INTERFACES USABILIDAD ACCESIBILIDAD LOCALIZACIN E INTERNACIONALIZACIN
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Tipos de proyectos multimedia

Proyectos online

Intranet/Internet/Extranet Hbrido Web/CD Mvil Presentacin multimedia Educacin Kioscos/puntos de informacin Entretenimiento Referencia
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Proyectos off-line

Centros Web Multimedia (I)

Determinar la misin y audiencia:

Qu ofrece? Por qu querrn acceder los usuarios? Qu tratamos de conseguir? Se vende algo? Cul es el "gancho"?
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Centros Web Multimedia (II)

Definir la audiencia Definir los usos del centro:

Proporcionar informacin. Obtener informacin. Fines educativos: ejercicios, tutoriales, cursos, animaciones para explicacin de procesos dinmicos Comunicacin. Comunicacin interna (intranets). Venta: Catlogos, vdeos...
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Centros Web Multimedia (III)

Velocidad de conexin de los usuarios esperados. Requisitos de Ancho de Banda:

Capacidad del servidor. Tamao de las pginas es fundamental. Nmero de conexiones.

Determinar seguridad:

La seguridad es un aspecto a considerar siempre que haya intercambio de datos ms o menos confidenciales.

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Caractersticas de Diseo de Web Hipermedia

Legibilidad y consistencia (plantillas) Resumen al principio Pginas pequeas Navegacin Distancia de 3 clics Independencia del navegador Navegacin sin grficos Jerarquas de documentos Tamao de ficheros grandes y enlaces multimedia, thumbnails Enlaces externos, ventanas nuevas
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Informacin web
Enlaces de doble direccin Enlaces externos

No poner Todos en una misma pgina Slo desde pginas de primer nivel Sin restricciones Ttulo Contacto, email Copyright, fecha ltima modificacin Organizacin/autores
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Informacin bsica de cada pgina

Sistemas Multimedia Mviles

Ms mviles que personas en Espaa GSM (Global System for Mobile Communications) SMS (Small Message System) MMS (Multimedia Message System) EMS (Enhanced Message System)
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

La Web en un mvil: limitaciones

Pantalla del dispositivo ya que, por lo general, solo tiene un nmero pequeo de lneas de 8-10 caracteres, lo cual no da mucho espacio de maniobra a los diseadores web. Formas de acceso: i-mode, WAP proporcionan acceso a la web desde dispositivos mviles, pero funcionan de forma diferente. 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 mvil i-mode puede mostrar cualquier sitio web (aunque igual no completo), 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. Otras formas de acceder a Internet desde dispositivos mviles: GPRS (pasa de conmutacin de circuitos a conmutacin de paquetes en redes GSM) UMTS Posiblemente la mayor esperanza de los usuarios est en la dotacin de capacidad de acceso inalmbrico a redes desde los telfonos mviles.
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Sistemas basados en posicin

Un telfono mvil, por definicin, no tiene situacin fija. Una vez que se sabe dnde est en un momento determinado puede ser alimentado con informacin adecuada a su localizacin.

cundo pasa el prximo tranva? qu pelculas ponen en la ciudad?.

Problema: Precisin de la red de telefona Solucin ms precisa: Global Positioning System (GPS). Con telfonos GSM con suficiente capacidad de procesamiento podemos obtener buenas aproximaciones de la posicin empleando varias estaciones prximas. Aun cuando estas posibilidades no estn disponibles, es posible proporcionar servicios basados en la posicin, ya que se puede preguntar al usuario por su posicin y realizar la consiguiente bsqueda en la base de datos para enviarle la informacin adecuada.
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

10

Aplicaciones multimedia actuales y futuras

Acceso a salas de Chat en Internet Informacin textual y visual como noticias y resultados deportivos Transmisin de imgenes de la cmara a la web Videoconferencia, vigilancia y otras aplicaciones de vdeo Navegacin web Trabajo colaborativo Audio de alta calidad para transmisiones Asignacin de tareas para oficios, taxis, etc. Correo electrnico corporativo e intranet Posicionamiento de vehculos Automatizacin del hogar.
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

11

Sistemas multimedia inteligentes (I)

Dialogar con el usuario

Seguir los principios de las conversaciones Seguir guas de conducta humana para la presentacin de informacin e interaccin hombre-mquina, incluyendo mantener el contexto del dilogo y la consistencia en las visualizaciones

Mantener modelos de conocimiento y creencias que permitan al sistema comprender las entradas de los usuarios y generar salidas

Modelar el foco dinmico del dilogo para mantener el contexto del dilogo Modelar las tareas de usuario y el estado de logros del usuario y su progreso respecto de las tareas

Mantener bases de conocimiento de informacin sobre

Modalidades de interaccin y usuario Conocimiento del mundo Conocimiento especfico de la aplicacin

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

12

Sistemas multimedia inteligentes (II)

Actuar con asistente inteligente para acceder y usar aplicaciones, a travs de actividades como

Asistir al usuario a encontrar informacin relevante sobre los temas de inters Asistir al usuario a encontrar, seleccionar y acceder a las herramientas apropiadas para realizar la tarea Asistir y guiar al usuario en la consecucin de sus tareas Proporcionar explicaciones y presentaciones multimedia para ayudar a la comprensin de informacin relevante

Aceptar y comprender entradas de usuario en lenguaje multimedia Decidir cmo presentar la informacin y las respuestas al usuario:

Seleccionar modalidades/medios para la presentacin de informacin Componer la salida en mltiples modalidades Presentar la salida multimedia de forma coordinada

Gestionar las ventanas adecuadamente

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

13

Tendencias en S.M.I.
Integracin y uso inteligente y control de varios dispositivos y medios: los problemas estn ms relacionados con la parte software que hardware. Sistemas auto-adaptativos Comprensin de entradas multimedia Herramientas de desarrollo de sistemas multimedia basadas en conocimiento Sistemas de documentos hipermedia Interfaces inteligente
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

14

Diseo de interfaces
Condicionados por las decisiones tomadas al definir el proyecto (contenidos) Texto dominante mens elecciones a travs de

Inclusin de grficos mens con iconos (menos espacio , independiencia de idioma)

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

15

Iconos
Vocabulario en base a imgenes (desde smbolos abstractos hasta representaciones realistas) Aprendizaje del significado Interpretaciones basadas en bagaje cultural (ej: papelera de reciclaje), similitud (ej: salir) Punto de saturacin Uso de metforas cotidianas
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

16

Interfaces
Intentar conocer las preferencias de los destinatarios (obtener perfil) Consistencia de la apariencia y del estilo visual Aplicacin de uso cotidiano vs aplicacin de ocio

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

17

Testeo de interfaces
No basta con nuestra experiencia previa Usar la experiencia de la audiencia destino Tests de usabilidad

Participantes acordes al perfil del grupo de usuarios Entorno de testeo rigurosamente preparado Tareas planificadas segn los objetivos y necesidades Recogida de datos cualitativos y cuantitativos Pruebas piloto del equipo de testeo
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

18

Notas sobre uso de sonido

Uso apropiado del sonido Efectos de repeticin de audio Dejar control de audio a los usuarios

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

19

Notas sobre uso del color

Pobre seleccin del conjunto de colores legibles De gustar a molestar Consistencia de color: bsica en dominios crticos Asociaciones interculturales

documentos poco

tonos brillantes vs tonos pasteles Rojo: parar, peligro, calor Azul: fro, agua, cielo verde: ir, ecolgico, esperanza
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

20

10

Usabilidad (I)
Aspectos de diseo, produccin y post-produccin http://www.usability.gov Medida de calidad de una experiencia de usuario cuando interacta con un sistema Qu es fcil de usar?

Poco esfuerzo Obvio Simple Sencillo

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

21

Usabilidad (II)
A qu se puede aplicar? Atraer la atencin de los usuarios

Resumen de contenidos en envoltorio Carga rpida de pgina Acceso rpido a contenido relevante

Reaccin emocional del usuario

Tcnicas de interpretacin segn sentido estimulado Efectos de latencias

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

22

11

Usabilidad (III)
Impacto rpido

Organizacin eficiente de contenidos Secuenciacin apropiada Uso de encabezados Uso de prrafos cortos Uso de frases cortas Uso de listas y tablas

Return on Investment (ROI)

23

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Accesibilidad
Permitir acceso al material a gente discapacitada (usuarios y trabajadores) Leyes y normativas Problemas de visin, audicin, psicomotrices, de aprendizaje, lectura, comunicacin, lenguaje. http://www.cast.org/bobby
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

24

12

Accesibilidad: Pautas W3C

Alternativas equivalentes al contenido audiovisual Texto y figuras comprensibles an sin color Etiquetar documentos y hojas de estilo Facilitar pronunciacin/interpretacin en idiomas extranjeros y textos abreviados Uso de tablas fcilmente transformables Acceso a funcionalidad independiente del dispositivo, operabilidad del teclado, etc Permitir la activacin de los elementos a travs de distintos dispositivos de entrada Usar tecnologas W3C y sus pautas de accesibilidad/usabilidad Proporcionar informacin de contexto Mecanismos de navegacin claros y consistentes Documentos claros y sencillos
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

25

Localizacin e Internacionalizacin
Localizacin/internacionalizacin: Cambios para adecuarse a mercados diferentes de aquellos para los que fue concebido el producto (ej: idioma) Parte necesaria de la estrategia de negocio Coste adaptacin: 10%-50% de un desarrollo original Licencias, royalties tras xito en otro pas
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

26

13

Diferencias
Localizacin: preparar producto, su documentacin y embalaje asociados a un lenguaje y cultura mediante traduccin y adaptacin cultural Internacionalizacin: Diseo, desarrollo o reingeniera de una aplicacin para ser adaptada a varias localizaciones sin cambios desde el punto de vista software
27

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

Localizacin/Internacionalizacin
Internacionalizacin ahorra 40%-60% Problemtica de la traduccin

Idiomas bi-direccionales y basados en smbolos Especializaciones

Localizacin en etapa de prototipado (a nivel internacional) Cultura global: mismo grupo social de diversas culturas Multi-cultura: adaptar contenido y presentacin a mltiples mercados Diferencias legales internacionales Anticipacin de llegada al mercado
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

28

14

Localizacin/Internacionalizacin
Evaluacin independiente para cada idioma Adaptacin de colores y grficos a cultura/idioma Localizacin/internacionalizacin como parte del cambio de la globalizacin comercial

Ejemplo: Murdoch y la produccin televisiva

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

29

Preguntas Tipo Examen (I)

La conexin serial entre dispositivos MIDI se hace a travs del conector:

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 Slo el HSB hace uso de la saturacin de color
Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

30

15

Preguntas Tipo Examen (II)

Los cuadros P en MPEG se codifican con respecto a:

Frame posterior Frame B anterior Frame anterior, bien sea P o I ninguna Listas lineales Lenguajes de programacin de alto nivel ninguna a y b son correctas

Los mtodos para controlar una animacin son:

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

31

Preguntas Tipo Examen (III)

Cul de las siguientes afirmaciones es verdadera con respecto al formato DV?

Tiene un bitrate variables de vdeo de media 25Mbps Tiene sonido surround 5.1 Emplea codificacin de vdeo MPEG-2 Puede tener 1 2 canales estreo de audio

Sistemas Multimedia e Interaccin Grfica - Curso 2005/06

32

16