View
218
Download
0
Category
Preview:
Citation preview
Carlos Andrés Mera Banguero Metodologías Multimedia
1
Metodologías Multimedia
Carlos Andrés Mera Banguerocarlosm@univalle.edu.co
Clase No. 1
Carlos Andrés Mera Banguero Metodologías Multimedia
2
ContenidoBitácora:
Programa de la Asignatura
Objetivos y Contenido
Metodología, Evaluación y Bibliografía
Definiciones
¿Qué es Multimedia?
¿Qué es Hipertexto?
¿Qué es Hipermedia?
Diferencias entre Multimedia e Hipermedia
Componentes y Elementos del Hipertexto y la Hipermedia
Aplicaciones Hipertexto y Aplicaciones Hipermedia
Carlos Andrés Mera Banguero Metodologías Multimedia
3
ProgramaCódigo: 750027M
Créditos: 3
Intensidad : 3 Horas Semanales
Habilitable : NO
Validable : SI
Objetivo General:Propiciar una experiencia de capacitación en planeación, diseño, producción y evaluación de aplicaciones hipermedia.
Carlos Andrés Mera Banguero Metodologías Multimedia
4
ProgramaObjetivos Específicos:
Apropiar conceptos y planteamientos teóricos básicos sobre multimedia, hipermedia, hipertexto e hipermedia.
Establecer especificaciones mínimas de plataformas computacionales tanto para el desarrollo como para la utilización de productos multimedia.
Utilizar al menos una herramienta básica para realizar procesos de digitalización y edición de sonido, de imágenes, de gráficas, de video.
Apropiar una metodología de desarrollo de aplicaciones hipermedia.
Desarrollar un producto hipermedia de acuerdo con los estándares de producción y recomendaciones de diseño presentadas en el curso.
Carlos Andrés Mera Banguero Metodologías Multimedia
5
ProgramaContenido de la Asignatura:
Características Generales:
Definiciones y Aplicaciones en Multimedia, Hipertexto e Hipermedia.
Historia, Evolución y Arquitectura de Hipertextos, Ayudas de Navegación y Modelos de Lectura y Escritura
Procesos Multimedia
Captura, Reproducción, Almacenamiento y Recuperación
Metodología de desarrollo de aplicaciones hipermedia y principios de diseño
Los Medios
Conceptos, procesos de digitalización, almacenamiento y edición de texto, imágenes, sonido y video
Estándares de producción, formatos de grabación y métodos de compresión
Procesos de Auditoría
Carlos Andrés Mera Banguero Metodologías Multimedia
6
ProgramaMetodología:
La metodología del curso será de carácter eminentemente participativa: aprender haciendo. Se trabajará con el enfoque de seminarios donde tanto el profesor responsable del curso, como los estudiantes, de acuerdo con una programación preestablecida, harán la presentación y discusión de los temas enunciados en el contenido
Evaluación:Exposición: 15%
Laboratorios: 20 % (Laboratorios x Grupos)
Examen Final: 25 %
Proyecto Final: 40 % (20% Documentación – 20% Funcionalidad)
Carlos Andrés Mera Banguero Metodologías Multimedia
7
ProgramaBibliografía:
Diseño con Herramientas Digitales, Mark Von Wodtke, Mc Graw Hill, 2003
Usabilidad y Diseño de Sitios Web, Nielsen Jakob y Winfried Karl, Prentice Hall,
1996.
Manuales de Macromedia y ActionScriptDe la Multimedia a la Hipermedia, P. Diáz et al., Computec Ra-Ma, 1997
Diseño y desarrollo Multimedia: sistemas, imagen, sonido y video, Manuel Alfonso Castro, et al. Alfaomega, 2003
Página del Curso:http://eisc.univalle.edu.co/cursos/multimedia/
Carlos Andrés Mera Banguero Metodologías Multimedia
8
Metodologías Multimedia
¿Cuáles son sus expectativas?
¿Sugerencias en la Evaluación?
¿Sugerencias de Contenido y/o Herramientas?
¿Cuáles son sus expectativas?
¿Sugerencias en la Evaluación?
¿Sugerencias de Contenido y/o Herramientas?
Carlos Andrés Mera Banguero Metodologías Multimedia
9
IntroducciónCon Respecto a la Metodología:
A tener en cuenta: Como estudiantes de este curso hay algunas cosas que se deben hacer para llegar a ser unos “expertos” en multimedia:
Jugar y Experimentar con diferentes tipos de herramientas de integración y edición de
elementos multimedia.
Es muy importante que Compartan notas, trucos, manuales, etc. con sus compañeros y
que además hablen y discutan acerca del software y los recursos que estos proveen.
Lo más importante … recordar que la multimedia es un medio de comunicación, al igual
que un programa de TV o una película. Así que, observen los otros medios de
comunicación, sean consientes de las maneras como transmiten mensajes y discutan
acerca de ellas. “Ver televisión puede ser productivo si se piensa en lo que se ha
observado!”
Carlos Andrés Mera Banguero Metodologías Multimedia
10
Sistemas MultimediaIntroducción:
Un Ejemplo … Las Noticias:Las personas pueden darse cuenta de qué es lo que pasa en el país leyendo el periódico o
también pueden ver las noticias en un noticiero.
En ambas situaciones las personas tienen la oportunidad de obtener la MISMA
INFORMACIÓN. Pero… ¿Hay alguna diferencia entre las noticias presentadas en un
periódico y las presentadas en un noticiero?
Carlos Andrés Mera Banguero Metodologías Multimedia
11
Sistemas MultimediaIntroducción:
Veamos un Ejemplo:
Carlos Andrés Mera Banguero Metodologías Multimedia
12
Sistemas MultimediaIntroducción:
Otro Ejemplo: Considere que usted le escribe una carta a un amigo contándole acerca de un divertido viaje que usted realizó la semana pasada …
En este caso su amigo solo puede leer lo que usted escribió, No puede escuchar su voz
contándole las cosas que escribió.
La comunicación es en un solo sentido, así que tu amigo tiene que esperar mucho tiempo
para que tu le respondas una pregunta.
Suponga que ahora usted le envía algo más visual a su amigo … por ejemplo una foto. En
este caso tu amigo podrá ver lo bien que la pasaste en tu viaje.
Ahora mayor sería el impacto si te lo contara por teléfono … y así …
Entre más información tu envíes mayor será el Impacto de la Comunicación.
Carlos Andrés Mera Banguero Metodologías Multimedia
13
Sistemas MultimediaIntroducción:
Es allá hacia donde vamos …
El desarrollo de las computadoras también se está moviendo en esta dirección. Anteriormente, solo eran caces de mostrar sólo texto (Que aburrido), ahora estas pueden mostrarnos y reproducir mucho más que solo palabras …
En la actualidad, las computadoras “multimedia” tienen la capacidad de reproducir sonidos, imágenes, vídeos, y además es fácil acceder a ellas.
Carlos Andrés Mera Banguero Metodologías Multimedia
14
Sistemas MultimediaIntroducción:
Así el hombre a dejado de trabajar con las uñas y ha hecho del computador su mejor herramienta de trabajo … y en algunos casos su mejor “amigo”
Carlos Andrés Mera Banguero Metodologías Multimedia
16
Sistemas MultimediaDefiniciones:
Multimedia:
Colección de tecnologías centradas en el computador, que brindan al usuario la capacidad de acceder y manipular Audio, Texto, Imágenes y Vídeo
(Ambron y Hooper)
La Multimedia Digital es definida como alguna combinación de imágenes (2D o 3D), audio, texto, animación y video, entregadas a través del computador. Además, la noción de interactividad es parte integral de la multimedia.
(Gaurav Bathnager, et al. - Introduction to Multimedia Systems)
Carlos Andrés Mera Banguero Metodologías Multimedia
17
Sistemas MultimediaDefiniciones:
Multimedia:La palabra multimedia es una combinación derivada de las palabras múltiple y medios (de comunicación), es decir, la multimedia es un medio de comunicación.
Para usar efectivamente este medio de comunicación debemos entender no solo como crear específicos elementos multimedia, sino que también debemos entender como crear nuestro propio sistema multimedia tal que los mensajes que nosotros queramos transmitir se entreguen efectivamente.
Carlos Andrés Mera Banguero Metodologías Multimedia
18
Sistemas MultimediaCaracterísticas de los Sistemas Multimedia
Características: los sistemas multimedia tienen 4 características principales:
Deben ser controlados por computador
Ellos están integrados.
La información que manejan debe estar digitalizada
La interfaz con el usuario final permitir interactividad (comunicación en dos vías)
Carlos Andrés Mera Banguero Metodologías Multimedia
19
Sistemas MultimediaComponentes de los Sistemas Multimedia
Los Medios o Elementos:Texto
Audio
Medios Visuales (Imágenes y Video)
La Tecnología: identifica a los equipos y el software utilizados y sus características, por ejemplo:
Computadores
Dispositivos de captura, como cámaras, scanners, video grabadoras
Software de edición digital de imágenes, audio y vídeo
Los Productos: que son el resultado del arte multimedia, como
Simuladores, enciclopedias, juegos, …
Carlos Andrés Mera Banguero Metodologías Multimedia
20
Sistemas MultimediaDetalle de los Medios:
Audio: son los sonidos que podemos escuchar y puede ser utilizado para reforzar un mensaje, ambientar la presentación o capturar el interés de la audiencia
Imágenes: son el principal elemento de este tipo de sistemas, ya que la información transmitida a través de ellas es más fácil de entender y retener. Pueden ser imágenes inmóviles, planas, en 3D o animadas.
Texto: Unas pocas palabras en una imagen predominante ayudan a entender el mensaje que ésta transmite.
Vídeo: que está bastante relacionado con el audio son el más efectivo medio de comunicación que puede hacer parte de un sistema multimedia.
Carlos Andrés Mera Banguero Metodologías Multimedia
21
Sistemas MultimediaOtras Consideraciones:
Como ya se mencionó … cuando se habla de Multimedia Digital, los elementos que la componen deben estar almacenados en un medio digital, por tanto, los expertos multimedia deben estar en capacidad de:
Convertir medios análogos a digitales (Decidir la “resolución” que será usada cuando se
almacenen basados en el tipo de aplicación, la calidad de salida y las restricciones del
medio de almacenamiento y transmisión)
Usar los métodos de compresión y los formatos de archivos adecuados para almacenar
los diferentes medios
Editar los elementos multimedia usando los editores apropiados
Integrar todos los elementos multimedia en un sistema multimedia usando un lenguaje de
programación y/o una herramienta de autor.
Carlos Andrés Mera Banguero Metodologías Multimedia
22
Sistemas MultimediaDiferencias con los Medios Masivos de Comunicación:
Los medios masivos de comunicación, tales como la televisión, la radio y los periódicos, también combinan texto, audio y vídeo, entonces:
¿Cuál es su diferencias con respecto a lo que ofrecen los sistemas multimedia?
Diferencias:Los sistemas multimedia utilizan medios digitales
Las otras tecnologías son inflexibles. Así los sistemas multimedia cambian la audiencia por usuarios y la comunicación en una vía a una comunicación en 2 vías, esto a través de la interactividad.
Carlos Andrés Mera Banguero Metodologías Multimedia
24
HipertextoDefiniciones:
Definición 1:Modelo de sistema computarizado que permite crear y utilizar documentos sobre un tópico determinado, organizados por conjuntos de textos. Estos textos se almacenan en una red de NODOS, conectados por ENLACES de acuerdo con las relaciones existentes entre los datos de texto, y estructurados de manera NO LINEAL.
Carlos Andrés Mera Banguero Metodologías Multimedia
25
HipertextoDefiniciones:
Definición 2:Es una representación asociativa en la que una determinada información se fragmenta en una serie de bloques, formalmente denominados Nodos. Cada nodo incluye uno o más contenidos textuales o gráficos que están relacionados con el concepto o idea con el que el nodo trata.
(Ignacio Aedo, et al.)
El hipertexto es un modelo basado en la idea de que la mente humana funciona mediante asociaciones, por lo que los instrumentos diseñados para recuperar el conocimiento humano deben emular su manera natural de operar.
Carlos Andrés Mera Banguero Metodologías Multimedia
26
HipertextoDefiniciones:
Como herramienta de lectura, el hipertexto debe brindar la posibilidad de que el lector determine el estilo a seguir:
Secuencial: se comienza en la primera página, se recorre línea a línea y página a página hasta llegar al final.
Navegación: implica el paso aleatorio de un concepto a otro
Búsqueda: en el que el lector conoce alguna característica de la información que necesita, aunque no sea capaz de identificarla y localizarla claramente.
El hipertexto aparece como un docuverso un universo de documentos entrelazados y distribuidos a lo largo de una amplia red de conexiones.
Carlos Andrés Mera Banguero Metodologías Multimedia
27
HipertextoElementos:
Como ya se ha comentado, un hipertexto puede verse como un conjunto de nodos conectados a través de enlaces, así dos son sus elementos básicos:
NodosEnlaces
- Nodos: Son una unidad de información en la que una serie de contenidos textuales y gráficos se combinan para transmitir un concepto o idea
- Enlaces: son conexiones entre los nodos que proporcionan una forma de seguir referencias entre conceptos relacionados.
Más adelante retomaremos estos elementos …
Carlos Andrés Mera Banguero Metodologías Multimedia
28
Hipermedia
Vistas las definiciones de Multimedia y Hipertexto:¿Qué es Hipermedia?
Vistas las definiciones de Multimedia y Hipertexto:¿Qué es Hipermedia?
Carlos Andrés Mera Banguero Metodologías Multimedia
29
HipermediaDefiniciones:
Hipermedia = Multimedia + Hipertexto
Definición 1: Sistema de manipulación de información de diferentes medios
Definición 2: Sistema controlado por computador, para la manipulación, utilización y despliegue, de manera no lineal, de información que contiene diferentes medios (texto, sonido, gráficos y video).
Definición 3: Los sistemas hipermedia se pueden entender como "Organización de información textual, visual, gráfica y sonora a través de vínculos que crean asociaciones entre información relacionada dentro del sistema."
Caridad y Moscoso, 1991
Carlos Andrés Mera Banguero Metodologías Multimedia
30
HipermediaUna Comparación:
Relación lineal, secuencialRelación no lineal, ramificación interactiva que permite una navegación. Es una nueva concepción de la geometría de los medios de comunicación
Relación
Cuadro, columna (Papiro) o pagina (papel).
Pantalla electrónicaEspacio
Piedra, arcilla, papiro, papel.Computador (Propiedades ópticas y/o magnéticas)
Soporte
TEXTO CONVENCIONALHIPERMEDIA
Carlos Andrés Mera Banguero Metodologías Multimedia
31
HipermediaVentajas y Desventajas:
Ventajas: Es un potente medio de comunicación que utiliza los diferentes canales sensoriales para transmitir de manera rápida un mensaje. Bien utilizada, tiene las siguientes ventajas
Es un medio idóneo para representar información poco estructurada
En principio utiliza interfaces intuitivas que redice la carga cognitiva del usuario
Se pueden crear enlaces entre los nodos, independientemente de su ubicación
Se potencia la modularidad y la consistencia (se puede acceder acceder a los mismos
bloques de información desde distintos lugares o nodos)
Potencialaza la autoría en colaboración
Da soporte a diferentes modos de acceso a la información
Carlos Andrés Mera Banguero Metodologías Multimedia
32
HipermediaVentajas y Desventajas:
Desventajas o Dificultades: Algunas veces, por el tamaño de la aplicación, y por problemas de diseño de los “expertos” multimedia, este tipo de sistemas pueden contar con algunas desventajas:
Dependiendo del tamaño y de la topología de la red, el usuario se puede ver envuelto en
un problema de desorientación. Ésta surge de la incapacidad del usuario para controlar la
información en un inextricable e hiperconectado espacio sobre el que no posee ningún tipo
de esquema de navegación ni se le ofrecen pistas visuales para orientarse.
La segunda dificultad estriba en el esfuerzo que le supone al usuario adquirir el
conocimiento adicional requerido para utilizar el sistema, problema habitualmente conocido
como la sobrecarga de conocimiento, algunas veces producido por el uso abusibo de
elementos multimedia.
Carlos Andrés Mera Banguero Metodologías Multimedia
33
HipermediaElementos: retomando los elementos de un documento de hipertexto, en la
hipermedia existen los dos elementos básicos de los hipertextos y uno adicional:
Nodos: son unidades de información en la que contenidos de diferente índole se combinan para transmitir un concepto o idea.
Enlaces: son conexiones entre los nodos que proporcionan una forma de seguir referencias entre conceptos relacionados y/o una forma de navegación entre los mismos.
Botones: que son un medio de accionamiento de un camino
NodoOrigen
NodoDestino
BotónEnlace
Carlos Andrés Mera Banguero Metodologías Multimedia
34
Hipermedia
Nodos y Tipos de NodosNodos y Tipos de Nodos
Carlos Andrés Mera Banguero Metodologías Multimedia
35
HipertextoTipos de Nodos: según la forma en la que se visualicen en la pantalla, se pueden
clasificar en dos:
Basados en Frames: Este tipo de nodos tiene una cantidad de espacio fija en la pantalla al que la información contenida debe adaptarse
Basados en Ventanas: Al contrario de los nodos basados en frames, estos utilizan todo el espacio que necesitan para su presentación, algunas veces este tipo de nodos requieren la utilización técnicas que faciliten su visualización.
Enlace
Carlos Andrés Mera Banguero Metodologías Multimedia
36
HipertextoTipos de Nodos: De acuerdo a su contenido los nodos pueden ser:
Textuales: Como su nombre los indica solo tienen texto que describen el concepto o idea que se quiere transmitir.
Gráficos: Utilizan figuras, fotografías u otro tipo de imágenes para la descripción o ilustración de la información.
Carlos Andrés Mera Banguero Metodologías Multimedia
37
HipertextoTipos de Nodos: De acuerdo a su contenido los nodos pueden ser:
Videos: Estos además del vídeo también pueden incluir animaciones.
Audio: Utilizan algún tipo de sonido para ambientar, o describir algún concepto.
Ejecutables: Que son aquellos nodos que permiten lanzar otras aplicaciones del sistema operativo.
Carlos Andrés Mera Banguero Metodologías Multimedia
38
HipertextoTipos de Enlaces: existen diferentes criterios de clasificación de los enlaces, una
de esas clasificaciones es la siguiente:
Enlaces entre Nodos: Expresan una relación semántica entre todo el contenido de un nodo y otro concepto
Enlaces entre Posiciones: Conectan un elemento de información incluido en un nodo con otro contenido o nodo relacionado (ancla).
Nodo A Nodo B
Enlace
Nodo A Nodo B
Enlace
Carlos Andrés Mera Banguero Metodologías Multimedia
39
Hipermedia
Enlaces y Tipos de EnlacesEnlaces y Tipos de Enlaces
Carlos Andrés Mera Banguero Metodologías Multimedia
40
HipermediaTipos de Enlaces: existen diferentes criterios de clasificación de los enlaces, una
de esas clasificaciones es la siguiente:
Enlaces Embebidos: Son aquello en los que tanto la origen como el destino del enlace están en el mismo nodo.
Enlaces Bidireccionales: Cuando los puntos entre los que se define un enlace pueden actuar indistintamente como origen o destino
Nodo A
Enlace
Nodo A Nodo B
Enlace
Carlos Andrés Mera Banguero Metodologías Multimedia
41
HipermediaTipos de Enlaces: existen diferentes criterios de clasificación de los enlaces, una
de esas clasificaciones es la siguiente:
Enlaces N-Arios: Son aquellos cuyo origen o destino está compuesto por un conjunto de elementos.
Varios Orígenes y un Destino
Un Origen Varios Destinos
Carlos Andrés Mera Banguero Metodologías Multimedia
42
HipermediaTipos de Enlaces:
Enlaces Virtuales: Son enlaces cuyo origen y destino no es explícito sino que se resuelven en tiempo de ejecución.
Enlaces de Tubería (Warm Linking): son aquellos por los que viajan datos al destino.
Enlaces Colgantes (Handling Links): Son aquellos en los que uno de los extremos queda abierto.
En “A network-based approch to text handling for the online scientific Community”. Tesis Doctoral de R.H. Trigg (1983) se encuentran la descipción de aproximadamente 75 tipos de enlaces …
Carlos Andrés Mera Banguero Metodologías Multimedia
43
Hipermedia
Modos de Acceso y NavegaciónModos de Acceso y Navegación
Carlos Andrés Mera Banguero Metodologías Multimedia
44
HipermediaModos de Acceso y Navegación:
La forma de interactuar con una Aplicación Hipermedia es a través de la Navegación.
Para navegar se selecciona una palabra o fracción de texto o parte de una figura (botón) que permite hacer el enlace y recuperar la información que él contiene.
Carlos Andrés Mera Banguero Metodologías Multimedia
45
HipermediaModos de Acceso y Navegación:
Secuencial: se comienza en la primera página, se recorre línea a línea y página a página hasta llegar al final.
Navegación: implica el paso aleatorio de un concepto a otro. En este modo de acceso, generalmente se ofrecen al usuario navegadores gráficos o mapas hipermedia.
Búsqueda: A través de formularios de consulta
Recommended