metodologías multimedia - · pdf fileapropiar una metodología de desarrollo de...

Carlos Andrés Mera Banguero Metodologías Multimedia

1

Metodologías Multimedia

Carlos Andrés Mera [email protected]

Clase No. 1


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


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.


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.


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


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)


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/


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?


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!”


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?


11


Veamos un Ejemplo:


12


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.


13


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.


14


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”


15

Multimedia

DefinicionesDefiniciones


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)


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.


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)


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, …


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.


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.


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.


23

Hipertexto

DefinicionesDefiniciones


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.


25


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.


26


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.


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 …


28

Hipermedia

Vistas las definiciones de Multimedia y Hipertexto:¿Qué es Hipermedia?

Vistas las definiciones de Multimedia y Hipertexto:¿Qué es Hipermedia?


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


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


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


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.


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


34

Hipermedia

Nodos y Tipos de NodosNodos y Tipos de Nodos


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


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.


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.


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


39

Hipermedia

Enlaces y Tipos de EnlacesEnlaces y Tipos de Enlaces


40

HipermediaTipos de Enlaces: existen diferentes criterios de clasificación de los enlaces, una


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


41

HipermediaTipos de Enlaces: existen diferentes criterios de clasificación de los enlaces, una


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


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 …


43

Hipermedia

Modos de Acceso y NavegaciónModos de Acceso y Navegación


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.


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


46

Preguntas

metodologías multimedia - · pdf fileapropiar una metodología de desarrollo de...

Documents