DISEÑO HIPERMEDIA
Fundamentos teóricos del diseño y la creación hipermedia. Elementos básicos y fundamentales de la producción hipermedia. Herramientas, disciplinas y medios referidos a la producción hipermedia. Medios interdisciplinares y producción hipermedia.
1.- HIPERMEDIA
El término hipermedia toma su nombre de la suma de hipertexto y multimedia, una red hipertextual en la que se incluye no sólo texto,sino también otros medios: imágenes,audio,vídeo,etc. (multimedia).Muchos autores coinciden en esta definición de Hipermedia como resultado de la combinación de hipertexto y multimedia, donde hipertexto se entiende como la organización de una base de información en bloques discretos de contenido llamados nodos (en su mínimo nivel),conectados a través de enlaces cuya selección genera distintas formas de recuperar la información de la base; la multimedia consiste en la tecnología que utiliza la información almacenada en diferentes formatos y medios, controlados por un usuario (interactividad).
Así pues, la hipermedia conjuga tanto la tecnología hipertextual, como la multimedia. Si la multimedia proporciona una gran riqueza en los tipos de datos, el hipertexto aporta una estructura que permite que los datos puedan presentarse y explorarse siguiendo distintas secuencias, de acuerdo a las necesidades y preferencias del usuario. Hipermedia es un nuevo medio. Es la síntesis de hipertexto multimedial,que comparte usos y características tanto del hipertexto como del multimedia, más una serie de propiedades que le son propias. La hipermedia nos permite comunicar de manera más efectiva, ya que al ser relacional y multimedial, puede parecernos más cercana a nuestro modo habitual de expresión y pensamiento, y a su vez,permite al usuario interacturar de manera más rica, sencilla y "amigable". Se podría decir que la hipermedia, añade al hipertexto y su forma de presentar la información de forma no secuencial (o multisecuencial), cierta faceta multisensorial.
En conclusión, podemos destacar que los sistemas hipermedia, en cuanto a su generación como documentos, son mucho más complejos que los sistemas hipertextuales. En un hipertexto se pueden fragmentar los bloques de texto para ser enlazados, pero en un sistema hipermedia la asociación de un enlace con o dentro de un componente multimedia es mucho más compleja, ya que los datos la mayor parte de las veces no pueden fragmentarse ni indexarse. Además, los sistemas hipermedia pueden incorporar la llamada inteligencia embebida, es decir,son capaces de ejecutar otras aplicaciones o de tomar decisiones de acuerdo con la actividad que desarrolla el usuario tanto al utilizar los enlaces como al acceder a los contenedores.Hay que tener en cuenta que no todas las aplicaciones multimedia son hipermedia, ya que pueden ser una simple presentación de pantallas en orden secuencial. No obstante, a menudo se utilizan indistintamente los términos hipermedia y multimedia, ya que se entiende que una buena aplicación multimedia debe ser en realidad hipermedia.
Resumiendo, existen tres conceptos diferentes:
hipertexto: texto en formato no secuencial, compuesto de nodos y enlaces que los interconectan
multimedia: unión de diferentes medios o morfologías de la información,como texto,gráficos,audio,vídeo,otros recursos audiovisuales,etc.
hipermedia: hipertexto + multimedia
1.- HIPERMEDIA
El término hipermedia toma su nombre de la suma de hipertexto y multimedia, una red hipertextual en la que se incluye no sólo texto,sino también otros medios: imágenes,audio,vídeo,etc. (multimedia).Muchos autores coinciden en esta definición de Hipermedia como resultado de la combinación de hipertexto y multimedia, donde hipertexto se entiende como la organización de una base de información en bloques discretos de contenido llamados nodos (en su mínimo nivel),conectados a través de enlaces cuya selección genera distintas formas de recuperar la información de la base; la multimedia consiste en la tecnología que utiliza la información almacenada en diferentes formatos y medios, controlados por un usuario (interactividad).
Así pues, la hipermedia conjuga tanto la tecnología hipertextual, como la multimedia. Si la multimedia proporciona una gran riqueza en los tipos de datos, el hipertexto aporta una estructura que permite que los datos puedan presentarse y explorarse siguiendo distintas secuencias, de acuerdo a las necesidades y preferencias del usuario. Hipermedia es un nuevo medio. Es la síntesis de hipertexto multimedial,que comparte usos y características tanto del hipertexto como del multimedia, más una serie de propiedades que le son propias. La hipermedia nos permite comunicar de manera más efectiva, ya que al ser relacional y multimedial, puede parecernos más cercana a nuestro modo habitual de expresión y pensamiento, y a su vez,permite al usuario interacturar de manera más rica, sencilla y "amigable". Se podría decir que la hipermedia, añade al hipertexto y su forma de presentar la información de forma no secuencial (o multisecuencial), cierta faceta multisensorial.
En conclusión, podemos destacar que los sistemas hipermedia, en cuanto a su generación como documentos, son mucho más complejos que los sistemas hipertextuales. En un hipertexto se pueden fragmentar los bloques de texto para ser enlazados, pero en un sistema hipermedia la asociación de un enlace con o dentro de un componente multimedia es mucho más compleja, ya que los datos la mayor parte de las veces no pueden fragmentarse ni indexarse. Además, los sistemas hipermedia pueden incorporar la llamada inteligencia embebida, es decir,son capaces de ejecutar otras aplicaciones o de tomar decisiones de acuerdo con la actividad que desarrolla el usuario tanto al utilizar los enlaces como al acceder a los contenedores.Hay que tener en cuenta que no todas las aplicaciones multimedia son hipermedia, ya que pueden ser una simple presentación de pantallas en orden secuencial. No obstante, a menudo se utilizan indistintamente los términos hipermedia y multimedia, ya que se entiende que una buena aplicación multimedia debe ser en realidad hipermedia.
Resumiendo, existen tres conceptos diferentes:
hipertexto: texto en formato no secuencial, compuesto de nodos y enlaces que los interconectan
multimedia: unión de diferentes medios o morfologías de la información,como texto,gráficos,audio,vídeo,otros recursos audiovisuales,etc.
hipermedia: hipertexto + multimedia
__________
ESTRUCTURA DOCENTE
1 BLOQUE: ARQUITECTURA HIPERMEDIA
2 BLOQUE: DISEÑO HIPERMEDIA
ESTRUCTURA DOCENTE
1 BLOQUE: ARQUITECTURA HIPERMEDIA
- Arquitectura de la información: estructura en diagrama
- Gestión del contenido: Crear una página web/blog con la estructura realizada (weebly, wix, wordpress, blogger, myspace...).
- Gestión online de contenidos hipermedia: Onedrive, Googledrive, Facebook, Twiter, linkedin, youtube, flikr, soundcloud, googlemaps, Issuu, Slideshare, Scribd, embed code, RSS, QR, gif animado, scripts... (Community Manager)
- Vídeo interactivo: Youtube, Popcorn (Clickberry (Móvil), http://www.themadvideo.com, http://www.klynt.net/)
2 BLOQUE: DISEÑO HIPERMEDIA
- Diseño de la información: Wireframe
- Diseño de ediciones interactivas: indesign/flash
- Diseño web: Dreamweaver o Adobe MUSE. HTML y CSS
- Animación HTML5: Gloogle web designer
__________
RECURSOS TEORÍA
1 BLOQUE: ARQUITECTURA HIPERMEDIA
Arquitectura de la información hipermedia:
Diseño de la información
http://www.slideshare.net/pandres/diseo-de-la-informacion-1910153
Wireframes
http://www.slideshare.net/rots/hablemos-un-poco-de-arquitectura-de-informacin-y-wireframes
Vocabulario gráfico de Jesse James Garrett para la descripción de la arquitectura de la información y el diseño de la interacción:
http://www.jjg.net/ia/visvocab/spanish.html
Glosario Hipermedia
http://domenicochiappe.com/minimo-glosario-hipermedia.pdf
Vídeos interactivos:
El audiovisual que viene nace de la web:
Mozilla Popcorn Maker
http://embed.at/article81.html
Ejemplos
http://www.clasesdeperiodismo.com/2011/02/01/10-increibles-videos-interactivos-en-you-tube/
Mímesis en el paradigma del llamado “cine contemporáneo” y la narración hipermedia
Autores: Mª Luisa García Guardia y Tania Menéndez Hevia
http://www.icono14.net/ojs/index.php/icono14/article/view/389
2 BLOQUE: DISEÑO HIPERMEDIA
Manueal Dreamweaver: http://helpx.adobe.com/es/pdf/dreamweaver_reference.pdf
Hosting: http://api.hostinger.es/redir/3479527
Documental:
Metrópolis:
MADATAC 05
http://www.rtve.es/television/20131216/823460.shtml
Harun Farocki: Playing the Game
http://www.rtve.es/alacarta/videos/metropolis/metropolis-harun-farocki-playing-the-game/1826917/
__________
Bibliografía
Marshall McLuhan. Comprender los medios de comunicación. Paidos. Barcelona. 1996
http://cedoc.infd.edu.ar/upload/McLuhan_Marshall__Comprender_los_medios_de_comunicacion.pdf
http://retoricaprofesional.files.wordpress.com/2013/03/mcluhan-marshall-el-medio-es-el-mensaje.pdf
El medio es el masaje http://www.infoamerica.org/icr/n07_08/strate.pdf (aproximación al mensaje)
Gilles Deleuze y Félix Guattari, Rizoma
http://www.elortiba.org/pdf/rizoma.pdf
Gilles Deleuze y Félix Guattari. Mil mesetas. Pre-textos. Valencia, 2004. Primera edición: 1988
http://www.eric-reyes.com/references/mil_mesetas001.pdf
Lev Manovich, El lenguaje de los nuevos medios
http://benavidesdiego.com/clases/Articulos/Manovich/QueEsNuevosmediosM.pdf
Lev Manovich - Revolucion Hipermedia
http://es.scribd.com/doc/454055/Manovich-Revolucion-HipermediaLa vanguardia como software
http://www.uoc.edu/artnodes/espai/esp/art/manovich1002/manovich1002.html
Donald Kuspit, Del arte analógico al arte digital.
http://www.deartesypasiones.com.ar/03/doctrans/Kuspit.pdf
Donald Kuspit, El fin del arte. Akal, 2006
Arthur Danto, "El final del arte", en El Paseante, 1995, núm. 22-23.
http://www.ub.edu/procol/sites/default/files/EL-FINAL-DEL-ARTE-Por-Arthur-Danto.pdf
http://www.youtube.com/watch?v=19Tv546yZcc
Paul Virilio, La máquina de la visión (1992), Madrid, Cátedra, 1994
http://www.arteuna.com/talleres/lab/ediciones/libreria/Virilio-Maquinadelavision.pdf
RECURSOS TEORÍA
1 BLOQUE: ARQUITECTURA HIPERMEDIA
Arquitectura de la información hipermedia:
Diseño de la información
http://www.slideshare.net/pandres/diseo-de-la-informacion-1910153
Wireframes
http://www.slideshare.net/rots/hablemos-un-poco-de-arquitectura-de-informacin-y-wireframes
Vocabulario gráfico de Jesse James Garrett para la descripción de la arquitectura de la información y el diseño de la interacción:
http://www.jjg.net/ia/visvocab/spanish.html
Glosario Hipermedia
http://domenicochiappe.com/minimo-glosario-hipermedia.pdf
Vídeos interactivos:
El audiovisual que viene nace de la web:
Mozilla Popcorn Maker
http://embed.at/article81.html
Ejemplos
http://www.clasesdeperiodismo.com/2011/02/01/10-increibles-videos-interactivos-en-you-tube/
Mímesis en el paradigma del llamado “cine contemporáneo” y la narración hipermedia
Autores: Mª Luisa García Guardia y Tania Menéndez Hevia
http://www.icono14.net/ojs/index.php/icono14/article/view/389
2 BLOQUE: DISEÑO HIPERMEDIA
Manueal Dreamweaver: http://helpx.adobe.com/es/pdf/dreamweaver_reference.pdf
Hosting: http://api.hostinger.es/redir/3479527
Documental:
Metrópolis:
MADATAC 05
http://www.rtve.es/television/20131216/823460.shtml
Harun Farocki: Playing the Game
http://www.rtve.es/alacarta/videos/metropolis/metropolis-harun-farocki-playing-the-game/1826917/
__________
Bibliografía
Marshall McLuhan. Comprender los medios de comunicación. Paidos. Barcelona. 1996
http://cedoc.infd.edu.ar/upload/McLuhan_Marshall__Comprender_los_medios_de_comunicacion.pdf
http://retoricaprofesional.files.wordpress.com/2013/03/mcluhan-marshall-el-medio-es-el-mensaje.pdf
El medio es el masaje http://www.infoamerica.org/icr/n07_08/strate.pdf (aproximación al mensaje)
Gilles Deleuze y Félix Guattari, Rizoma
http://www.elortiba.org/pdf/rizoma.pdf
Gilles Deleuze y Félix Guattari. Mil mesetas. Pre-textos. Valencia, 2004. Primera edición: 1988
http://www.eric-reyes.com/references/mil_mesetas001.pdf
Lev Manovich, El lenguaje de los nuevos medios
http://benavidesdiego.com/clases/Articulos/Manovich/QueEsNuevosmediosM.pdf
Lev Manovich - Revolucion Hipermedia
http://es.scribd.com/doc/454055/Manovich-Revolucion-HipermediaLa vanguardia como software
http://www.uoc.edu/artnodes/espai/esp/art/manovich1002/manovich1002.html
Donald Kuspit, Del arte analógico al arte digital.
http://www.deartesypasiones.com.ar/03/doctrans/Kuspit.pdf
Donald Kuspit, El fin del arte. Akal, 2006
Arthur Danto, "El final del arte", en El Paseante, 1995, núm. 22-23.
http://www.ub.edu/procol/sites/default/files/EL-FINAL-DEL-ARTE-Por-Arthur-Danto.pdf
http://www.youtube.com/watch?v=19Tv546yZcc
Paul Virilio, La máquina de la visión (1992), Madrid, Cátedra, 1994
http://www.arteuna.com/talleres/lab/ediciones/libreria/Virilio-Maquinadelavision.pdf
Ejemplo embed de Flickr
RSS
Fuente: ABC.es
Ejemplo GIF
La misteriosa mujer asiática cuya vida gira a través de un GIF
El 2012 fue el año del GIF. El proyecto Rrrrrrrolll, creado por cinco fotógrafos japoneses, comparte desde hace meses imágenes GIF de una misteriosa mujer con rasgos asiáticos siempre en situaciones diferentes. Y siempre con esa extraña sensación de hipnotismo detrás. Este es su mundo giratorio. Vean y relájense.
http://rrrrrrrroll.tumblr.com/
La misteriosa mujer asiática cuya vida gira a través de un GIF
El 2012 fue el año del GIF. El proyecto Rrrrrrrolll, creado por cinco fotógrafos japoneses, comparte desde hace meses imágenes GIF de una misteriosa mujer con rasgos asiáticos siempre en situaciones diferentes. Y siempre con esa extraña sensación de hipnotismo detrás. Este es su mundo giratorio. Vean y relájense.
http://rrrrrrrroll.tumblr.com/