programación multimedia, hipermedia e hipertexto

37
Introducción

Upload: iizyaalyth-alvaarez

Post on 13-Jun-2015

229 views

Category:

Software


0 download

DESCRIPTION

Programación Grafica

TRANSCRIPT

Page 1: Programación Multimedia,  hipermedia e hipertexto

Introducción

Page 2: Programación Multimedia,  hipermedia e hipertexto

HIPERTEXTO + MULTIMEDIA= HIPERMEDIA

Page 3: Programación Multimedia,  hipermedia e hipertexto

Objetivo:

Hipertexto, multimedia e hipermedia son herramientas interactivas que sirven como un medio nuevo y fascinante y relacionan varias áreas del conocimiento humano tales como ciencias de la comunicación, ciencias cognitivas, ergonomía y factores humanos, sistemas, informática, Psicología, y otros.

Page 4: Programación Multimedia,  hipermedia e hipertexto

Estos tres conceptos están mutuamente

interrelacionados entre sí.

Page 5: Programación Multimedia,  hipermedia e hipertexto

Hipertexto

Multimedia

Hipermedia

Page 6: Programación Multimedia,  hipermedia e hipertexto

Es la presentación de información como una Red de nodos enlazados a través de los cuales los lectores pueden navegar libremente.

Hipertexto no esta limitado a datos textuales, podemos encontrar dibujos del elemento especificado, sonido o vídeo referido al tema.

Page 7: Programación Multimedia,  hipermedia e hipertexto

No es lineal.

Es eminentemente interactivo.

Permite al autor ofrecer un contexto rico en información relacionada en torno a sus ideas principales.

Permite al usuario leer, coescribir y comprender información más efectivamente.

Si no está bien estructurado o si el usuario no ha desarrollado las competencias adecuadas, se puede desorientar fácilmente.

Permite seleccionar los temas de interés.

Page 8: Programación Multimedia,  hipermedia e hipertexto

El hipertexto no es apropiado para todos los usos y ofrece tres reglas de oro para ayudar a determinar cuando es conveniente usarlo:

Cuando existe un gran cuerpo de información

organizado en muchos fragmentos.

Cuándo estos fragmentos se relacionan unos con

otros.

Cuando en cualquier momento, los lectores

necesitan solamente una pequeña fracción de esta

información.

Page 9: Programación Multimedia,  hipermedia e hipertexto
Page 10: Programación Multimedia,  hipermedia e hipertexto

Los hipervínculos son los enlaces de hipertexto que se construyen a partir de una palabra, frase o imagen, para ir a otra unidad de información, a otra página o a otro sitio Web.

Los diferentes tipos de hipervínculos son:Enlace a otra página del mismo sitio Enlace a otro sitio o a la página de otro sitioEnlace del mismo documentoEnlace de correo electrónico

Page 11: Programación Multimedia,  hipermedia e hipertexto
Page 12: Programación Multimedia,  hipermedia e hipertexto

Es un sistema constituido por un conjunto de

informaciones representadas en múltiples materias

expresivas: texto, sonido e imágenes estáticas y en

movimiento, y codificadas digitalmente, registradas

en un soporte cerrado u off line, como por ejemplo

el CD-ROM o el DVD.

Page 13: Programación Multimedia,  hipermedia e hipertexto

Multimedia su importancia aumenta con servicios como

Internet, la videoconferencia, el videoteléfono y el

correo electrónico.

Multimedia estimula los ojos, oídos, yemas de los dedos

y lo más importante, la cabeza.

Mejora notablemente la atención, la comprensión

y el aprendizaje.

Page 14: Programación Multimedia,  hipermedia e hipertexto

Es una red hipertextual en la que se incluye no sólo texto, sino

también otros medios: imágenes, audio, vídeo, etc. (multimedia).

Permite al usuario interactuar de manera más rica, sencilla y

amigable.

Page 15: Programación Multimedia,  hipermedia e hipertexto

1. La World Wide Web. 2. Las películas almacenadas en un DVD. 3. Las presentaciones en PowerPoint o en Flash, o productos

informáticos similares.

Page 16: Programación Multimedia,  hipermedia e hipertexto

• La hipermedia es el resultado de la combinacióndel hipertexto y la multimedia.

• Los términos hipermedia, multimedia e hipertextosuelen emplearse de forma poco rigurosa.

Page 17: Programación Multimedia,  hipermedia e hipertexto

• Un hipertexto es una representación asociativaen la que la información se fragmenta en bloques(nodos) que están relacionados con otros bloquesa través de los enlaces.

Page 18: Programación Multimedia,  hipermedia e hipertexto

• La multimedia consiste en integrardiferentes medios bajo una presentacióninteractiva.

• Esta presentación utiliza el tiempo comoprincipal eje de ejecución.

Page 19: Programación Multimedia,  hipermedia e hipertexto

● La hipermedia conjuga los beneficios de ambas tecnologías

– la multimedia proporciona riqueza de expresión.

– el hipertexto aporta una geometría que permite que estos datos puedan ser explorados y presentados siguiendo diferentes secuencias.

Page 20: Programación Multimedia,  hipermedia e hipertexto

• Hipertexto, Multimedia e Hipermedia

Page 21: Programación Multimedia,  hipermedia e hipertexto

● Ventajas de la hipermedia

– Permite representar información poco onada estructurada.

– Se puede estructurar la información sise desea.

– Su interfaz de usuario es muy intuitiva.

Page 22: Programación Multimedia,  hipermedia e hipertexto

● Ventajas de la hipermedia

– La información puede recuperarse sin problemas.

– Se pueden crear enlaces entre nodos cualesquiera.

– Se potencia la modularidad y la consistencia.

– Marco idóneo para la autoría en colaboración.

– Soporte a diferentes modos de acceso a la información.

Page 23: Programación Multimedia,  hipermedia e hipertexto

● Problemas de la hipermedia

– La desorientación

• Incapacidad del usuario para controlarun espacio sobre el que no poseeningún tipo de esquema navegacionalni se le ofrecen pistas visuales paraorientarse.

Page 24: Programación Multimedia,  hipermedia e hipertexto

● Problemas de la hipermedia

– La sobrecarga de conocimiento

• Esfuerzo que le supone al usuario adquirir el conocimiento requerido para utilizar el sistema.

Page 25: Programación Multimedia,  hipermedia e hipertexto

● Nodos

● Enlaces

● Contenidos

● Herramientas de navegación

Page 26: Programación Multimedia,  hipermedia e hipertexto

• Un nodo es una unidad de información enla que una serie de contenidos de diversaíndole se combinan para transmitir unaidea o concepto.

• El nodo es la unidad de visualizaciónautocontenida.

Page 27: Programación Multimedia,  hipermedia e hipertexto

• Un enlace es una conexión entre dos nodos que proporciona una forma de seguir referencias entre conceptos relacionados.

• El origen o destino de un enlace se denomina ancla.

Page 28: Programación Multimedia,  hipermedia e hipertexto

• Distintos tipos de enlaces:

– Enlaces entre posiciones de nodos

• El origen y el destino pueden considerarse bien como nodos, o bien como puntos específicos dentro de los nodos.

– Enlaces embebidos

• El origen y el destino se definen en el mismo nodo.

Page 29: Programación Multimedia,  hipermedia e hipertexto

• Distintos tipos de enlaces

– Enlaces bidireccionales

• los puntos entre los que se define un enlace puedenactuar indistintamente como origen o destino.

Page 30: Programación Multimedia,  hipermedia e hipertexto

• La navegación es un medio para realizaruna tarea, por lo que su carga cognitivadebe ser mínima.

• La desorientación puede producirse por:

– escritura confusa y mal organizada

– la ineficiencia del sistema

– mala organización del hipertexto

Page 31: Programación Multimedia,  hipermedia e hipertexto

• Las herramientas de navegación ayudan alusuario a situarse.

• Diversos tipos de herramientas:

– Visita guiada

• Camino lineal a través del espacio deinformación que puede utilizarse, porejemplo, para ayudar a los usuarios afamiliarizarse con los contenidos.

Page 32: Programación Multimedia,  hipermedia e hipertexto

• Tipos de herramientas de navegación:

– Mapas

• Representación esquemática de laestructura del hipertexto.

• Soluciones complementarias:diagramas globales y locales, vistas deojo de pez (fish-eye views), huellas ymarcas

Page 33: Programación Multimedia,  hipermedia e hipertexto

• Tipos de herramientas de navegación:

– Mecanismos de vuelta atrás

• Posibilita al usuario a volver a uno delos nodos de la secuencia que haseguido.

• Ejemplo: mecanismo históricocombinado con señales.

Page 34: Programación Multimedia,  hipermedia e hipertexto

• Dos tipos de usuarios de un sistema hipermedia:el autor y el lector.

• El autor es el escritor del hiperdocumento.

• El lector navega por la información a través de losenlaces que el autor ha creado, eligiendo elrumbo de su lectura.

Page 35: Programación Multimedia,  hipermedia e hipertexto

• El papel de un autor de hiperdocumentos esdiferente que el de un escritor tradicional.

• El autor pierde su autoridad para determinarcómo debe leerse y qué secuencia existe.

• La creación de un hiperdocumento puedeconllevar el uso de nuevo medios, introduciendoproblemas de diseño.

Page 36: Programación Multimedia,  hipermedia e hipertexto

• Las acciones que un autor debe llevar a cabo paracrear su documento son:

– preparación del material multimedia;

– organización de la información;

– desarrollo de la aplicación final, y

– definición de estructuras auxiliares.

Page 37: Programación Multimedia,  hipermedia e hipertexto

• Recomendaciones:

– Los nodos deben ser entidadesautocontenidas.

– El tamaño de los nodos debería ser pequeño.

– Definición clara de la estructura de relaciones.

– Evitar los enlaces superfluos.

– Los nombres de los nodos/enlaces deben serconsistentes y significativos.