Unidad IV Narrativa Audiovisual

Presentación del tema: "Unidad IV Narrativa Audiovisual"— Transcripción de la presentación:

1 Unidad IV Narrativa Audiovisual
El concepto de las herramientas de autor

2 El concepto de las herramientas de autor
Las herramientas de autor o metamedios son aplicaciones que permiten un trabajo multimedia y constructivista para generar un entorno de aprendizaje dinámico. Dentro de las funcionalidades que este tipo de herramientas presentan se puede destacar la posibilidad de crear actividades o pequeñas aplicaciones desde la misma herramienta. (Fuente: Wikipedia)

3 El concepto de las herramientas de autor
Las herramientas de autor más básicas son aquellas que solamente permiten un conjunto limitado de acciones para que el usuario interactúe con el sistema, como por ejemplo, crear mapas sensibles o ir de una diapositiva a la siguiente. (Fuente: Wikipedia)

4 El concepto de las herramientas de autor
Las herramientas más avanzadas incluyen lenguajes de programación como en el caso de Squeak o la creación de ambientes con flash. Herramientas de autor de e-learning Editores HTML Secuenciadores de música Preparadores de presentaciones (Fuente: Wikipedia)

5 Unidad IV Narrativa Audiovisual
Tecnologías para medios off-line y on-line

6 Tecnologías para medios off-line y on-line
Adobe Flash (hasta 2005 Macromedia Flash) o Flash se refiere tanto al programa de edición multimedia como a Macromedia Flash Player, escrito y distribuido por Adobe, que utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno y Flash Player es el programa de máquina virtual utilizado para ejecutar los archivos generados con Flash. (Fuente: Wikipedia)

7 Tecnologías para medios off-line y on-line
Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vista en un navegador, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en páginas Web y sitios Web multimedia, y más recientemente Aplicaciones de Internet Ricas. Son también ampliamente utilizados en anuncios de la web. (Fuente: Wikipedia)

8 Tecnologías para medios off-line y on-line
La naturaleza y el renombre de Flash ha tenido una gran influencia en el diseño gráfico. Su función rotoscoping ha conducido a una gran popularidad a sus gráficos de vector con rotoscope, realizados con colores pastel de las herramientas de autoría de Flash. Muchos flyers, anuncios, revistas, e incluso sitios web que no utilizaban Flash han adoptado este estilo gráfico. Por ejemplo, la campaña del iPod de Apple con los contornos de carácter en fondos coloridos se puede considerar enormemente influida por el estilo de diseño paradigmático de Flash. (Fuente: Wikipedia)

9 Tecnologías para medios off-line y on-line
Un Sistema de gestión de contenidos (Content Management System en inglés, abreviado CMS) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los participantes. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio. (Fuente: Wikipedia)

10 Tecnologías para medios off-line y on-line
El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (directorio) que permite que estos contenidos sean visibles a todo el público (los aprueba). (Fuente: Wikipedia)

11 Unidad IV Narrativa Audiovisual
El diseño HTML y el Diseño Flash

12 El diseño HTML y el Diseño Flash
Criterios de elección diseño HTML: Criterios de elección diseño FLASH: Layout predominantemente ortogonal. Actualización intensiva. Predominio de imagen y texto. Agilidad en el acceso y la carga. Conectividad sencilla a base de datos. Posibilidad de integrar con flash. Necesidades de layout "libre". Altas necesidades de animación e interactividad. Narrativa compleja. Inclusión masiva de sonido y video. Ancho de banda suficiente para la descarga (usuario)

13 Limitantes tipográficas en HTML
El diseño Web de tipo HTML limita sus familias tipográficas a aquellas denominadas “de sistema”, ya que son las que se encuentran presentes en la mayoría de los sistemas operativos y plataformas.

14 Limitantes tipográficas en HTML
Tipografías incluidas en el sistema operativo Windows 98 (y posteriores) Lucida Console Lucida Handwriting Italic Lucida Sans Marlett News Gothic MT OCR A Extended Symbol Tahoma Times New Roman Verdana Webdings Westminster Wingdings Abadi MT Condensed Light Arial Arial Black Book Antiqua Calisto MT Century Gothic Comic Sans MS Copperplate Gothic Bold Courier New Impact

15 Limitantes tipográficas en HTML
Tipografías incluidas en el sistema operativo de Macintosh MacOS 8 (y posteriores) Instaladas por los extras de Microsoft se suman: Charcoal Chicago Courier Geneva Helvetica Monaco New York Palatino Symbol Times Andale Mono Arial Arial Black Comic Sans MS Courier New Georgia Impact Times New Roman Trebuchet MS Verdana Webdings

16 Limitantes tipográficas en HTML
Tipografías incluidas en el browser Microsoft Internet Explorer, versión 5, Macintosh y Windows Andale Mono Arial Comic Sans MS Georgia Impact Trebuchet MS Verdana Webdings (Extraído del trabajo “Legibilidad y comprensión en la World Wide Web“de Tomas García Ferrari)

17 Limitantes tipográficas en HTML
Tipografías incluidas en el browser Microsoft Internet Explorer, versión 5, Macintosh y Windows Andale Mono Arial Comic Sans MS Georgia Impact Trebuchet MS Verdana Webdings (Extraído del trabajo “Legibilidad y comprensión en la World Wide Web“de Tomas García Ferrari)

18 Limitantes tipográficas en HTML
Escalabilidad del texto en pantalla: El concepto tradicional de cuerpo Tipográfico desaparece para dar paso a tamaño escalable de fuente. En los browsers de Internet es posible aumentar o disminuir el tamaño de las fuentes en que se muestra el documento, lo cual es factible de alterar el diseño. Esto se puede solucionar utilizando hojas de estilo css para determinar un tamaño de cuerpo fijo, no alterable por el browser.

19 Formatos de imagen en HTML
El formato JPEG: El formato JPEG soporta color de 24 bits y preserva todo el rango de color y las variaciones sutiles en brillo y matiz que se encuentran en las fotografías y otras imágenes de tono continuo. El JPEG es soportado por la mayoría de los browsers. Como hay una pérdida de información, a la compresión JPEG se la designa como “pérdida”. Una mayor calidad resulta en menos información descartada, pero la compresión JPEG puede degradar la imagen en sus detalles finos, particularmente en imágenes que contienen tipografía o arte vectorial..

20 Formatos de imagen en HTML
El formato GIF: El formato GIF usa color de 8 bits y comprime eficientemente áreas de color sólido mientras que preserva los detalles finos tales como dibujo de líneas, logos o ilustraciones con tipografía. El formato GIF usa el algoritmo de compresión LZW, que es un método de compresión con menor pérdida de información que el JPEG. La cantidad de colores está limitada a 256, lo cual implica pérdida de colores en la imagen. El GIF soporta transparencia de fondo, lo cual permite ver el color de fondo de la aplicación sobre la cual va colocada la imagen.

21 Compatibilidad de color en HTML
Colores seguros para la Web: En HTML, los colores se expresan en forma de valores hexadecimales (por ejemplo, #FF0000) o con nombres (red). Los colores comunes a Netscape Navigator y Microsoft Internet Explorer en los sistemas Windows y Macintosh en el modo de 256 colores se denominan seguros para la Web. Suele decirse que existen 216 colores comunes y que cualquier valor hexadecimal que combine los pares 00, 33, 66, 99, CC o FF (valores RGB 0, 51, 102, 153, 204 y 255, respectivamente) representa un color seguro para la Web.

22 Compatibilidad de color en HTML
Colores seguros para la Web: Al realizar pruebas, sin embargo, se descubre que hay sólo 212 colores seguros para la Web. Internet Explorer en Windows no muestra correctamente los colores #0033FF (0,51,255), #3300FF (51,0,255), #00FF33 (0,255,51) y #33FF00 (51,255,0). Todos los selectores de colores de DreamWeaver utilizan la paleta de 212 colores seguros para la Web; al seleccionar un color de la paleta, se muestra el valor

23 Material on-line Para descargar esta clase: www.ariel-amadio.com
Sección docencia > UNC > Multimedia I