Blogia

Interactivos

Ejercicio de análisis de recursos de navegación

Ejercicio de identificación y valoración de recursos de navegación en la Web: acceso.

Ejercicios MCCD 2004

1. Ejercicio: Búsqueda y análisis de componentes de la interactividad en la Web y Ejemplos de los Componentes de Interactividad de Nathan Shedroff

2. Ejercicio: Análisis de Diseño de Navegación.

3. Ejercicio: Análisis de Hiperficción

Instrucciones de la práctica "Creación de Weblogs"

1. Leer: Weblogs de Trabajo de Escritura No Lineal: Guía del Alumno.

2. Crear el weblog en Blogia: Alta de un blog.

En el menú "Preferencias" configurar el weblog, y en la opción "Editar temas" crear temas con el nombre y apellido de cada autor.

3. Ver el blog como lo verán los lectores: activar el enlace "Salir" en la barra de navegación superior.

4. Acceder a la zona de administración del blog: teclear la dirección del blog (http://loquehayasdecidido.blogia.com) y activar el enlace "admin" que figura en el ángulo inferior derecho del blog

5. Escribir un post: activar el enlace "Escribir artículo" en la barra de navegación superior, o el enlace "Escribir un artículo" que figura en el recuadro amarillo de Ayuda.

6. Corregir un post: activar el enlace "editar" que figura en el rectángulo anaranjado junto al título del post.

7. Informar de la creación del weblog colectivo mediante un comentario activando este enlace, e indicando en:

nombre: Título del blog grupal
email: email de contacto con el grupo (normalmente el del coordinador)
web: dirección URL del blog creado
comentario: Descriptor del blog y nombre y apellidos de los autores e indicación de quién es el editor.

Funciones del narrador en entornos interactivos

Funciones:

1. Interactividad: el narrador como facilitador del diálogo


2. Personalización: el narrador como organizador de las opciones del usuario


3. Documentación: el narrador como organizador de contextos


4. Hipertextualidad: el narrador como organizador de la red textual


5. Diseño: el narrador como organizador del espacio


6. Actualización: el narrador como organizador del tiempo


Fuentes:


El ciberperiodista: entre la autoridad y la interactividad
(Chasqui, septiembre 2003)


El jardinero y el laberinto. El narrador en ficción interactiva
(Hipertulia, marzo 2002)

Webquest para investigadores

Referido al ámbito temático de su investigación, busque (usando las herramientas del Portal de Buscadores y aplicando las técnicas vistas en clase) al menos dos referencias en la Web de:

1. Sitios web que recopilen enlaces sobre su tema (portales, índices, directorios, páginas de recursos).
2. Expertos hispanoparlantes y sus respectivas universidades.
3. Expertos extranjeros y sus respectivas universidades.
4. Centros de investigación especializados en su tema.
5. Publicaciones electrónicas de la especialidad.
6. Congresos, Jornadas o reuniones científicas del sector.
7. Conferencias, papers o artículos relevantes.
8. Referencias a su tema en Comunicación y Sociedad.
9. Tesis doctorales en el Catálogo de la Biblioteca Virtual Miguel de Cervantes .

Planificación de la Tesis

1. Decisión acerca del tema, centro y director
2. Definición del problema de investigación, hipótesis y objetivos
3. Selección del enfoque metodológico y diseño de la estructura
4. Diseño de la revisión de fuentes
5. Calendario por etapas desde el final:


Fecha defensa
Depósito ejemplares
Impresión y encuadernación
Edición final
Borrador final corregido
Borrador final elaborado
Borrador capítulo X corregido
Borrador capítulo X elaborado
Escritura
Investigación (leer, pensar, tomar notas, hacer fichas)
Identificación y localización de fuentes y documentos
Plan general aprobado
Diseño del plan general

6. Diario de investigación: el potencial de los weblogs
7. Logística: aspectos administrativos, recursos materiales y humanos, presupuesto, instalación.

Ejercicio de creación de blogs en Blogia

1. Decidir URL, Título y Descriptor para su blog.

2. Crear el weblog en Blogia: Crea tu propio weblog.

En el menú "Preferencias" configurar el weblog, y en la opción "Editar temas" crear las categorías que necesite.

3. Para comprobar cómo verán el blog sus lectores, activar el enlace "Salir" en la barra de navegación superior.

4. Para acceder a la zona de administración del blog: teclear la dirección del blog (http://loquehayasdecidido.blogia.com) y activar el enlace "admin" que figura en el ángulo inferior derecho del blog.

5. Para escribir un post: activar el enlace "Escribir artículo" en la barra de navegación superior, o el enlace "Escribir un artículo" que figura en el recuadro amarillo de Ayuda.

6. Para corregir un post: activar el enlace "editar" que figura en el rectángulo anaranjado junto al título del post.

7. Para informar de la creación de tu weblog escribir un comentario a este post, indicando en:

nombre: Título del blog
email: tu dirección de correo-e
web: dirección URL del blog creado, por ejemplo: http://loquehayasdecidido.blogia.com
comentario: Descriptor del blog y nombre y apellidos del autor.

Ejemplos de juegos narrativos

Algunos proyectos de cursos anteriores que pueden servir de referencia para el planteamiento de juegos narrativos simples basados en la Web:

El aprendiz de detective

El Misterio de Bakersfield

Misterio en Zänsburg

¿Quién es Luis Durán?

¿Quién mató a H. Throm?

Ejemplos de weblogs por géneros

Una selección en función de los contenidos temáticos dominantes:

Autobiográficos


4Colors

Antes muerta que sencilla

Eso que llaman mi vida

Rubiageek


Diseño y Usabilidad


Alzado

Isopixel

Minid.net

Terremoto


Economía y Negocios


Area Estratégica

Endocitosis de red

Estamosdeacuerdo

Tinta China


Educación, Ciencia, Investigación


Cátedra de Procesamiento de Datos

Dialógica

Educación y TIC

Octeto


Ficción


Cuentos de 100 palabras

En busca de un final

Matalashoras

Weblog de una mujer gorda


Humor


La Risa de Smith

Qué buscas qué?!

Sonrisa de tequila

Yo contra el mundo!


Medios y Periodismo


Caspa.tv

e-periodistas

Mass Media & Nuevas Tecnologías

Periodistas21


Metablogs


eCuaderno

Bitacoras.org

Blogosfera.org

Blogzine


Política


Actualidad política

Cuaderno de bitácora sobre Internet y política

Puedoprometeryprometo

Sobre la Red


Tecnología


ALT1040

Bitácora de las Indias

Blogpocket

Denken Über


Viajes


Blog de viajes

La vida loca

Namasté

Vagabonding


Ver también: Los weblogs más insólitos de la Red.

Ejercicio de creación de weblogs con Blogia

1. El grupo decide acerca del título, descriptor, URL, mail y contraseña del blog colectivo (puesto que el mail y la contraseña serán de uso común para los autores del blog, conviene abrir una cuenta de correo a tal efecto).

2. Crear el weblog en Blogia: Alta de un blog.

En el menú "Preferencias" configurar el weblog (título, descriptor, plantillas), y en la opción "Editar temas" crear temas con el nombre y apellido de cada autor.

En la barra lateral del blog, activar "Crear enlaces" y comenzar a construir un blogroll con los enlaces que al grupo le resulten de utilidad (ver ciberteca).

3. Ver el blog como lo verán los lectores: activar el enlace "Salir" en la barra de navegación superior.

4. Acceder a la zona de administración del blog: teclear la dirección del blog (http://loquehayasdecidido.blogia.com) y activar el enlace "admin" que figura en el ángulo inferior derecho del blog

5. Escribir un post: activar el enlace "Escribir artículo" en la barra de navegación superior, o el enlace "Escribir artículo" que figura en el recuadro amarillo de Ayuda.

6. Corregir un post: activar el enlace "editar" que figura en el rectángulo anaranjado junto al título del post.

7. Informar de la creación del weblog colectivo mediante un comentario en este mismo post, indicando en:

nombre: Título del blog grupal
email: email de contacto con el grupo (normalmente el del coordinador)
web: dirección URL del blog creado
comentario: Descriptor del blog y nombre y apellidos de los autores e indicación de quién es el editor.

Ejercicio: Post sobre Historia del Hipertexto

1) A partir de la exposición que se ha realizado en clase sobre el tema, cada alumno desarrollará una investigación sobre la experiencia, autor o proyecto que más le haya interesado y escribirá un post con los correspondientes enlaces y lo publicará en una de sus bitácoras (no necesariamente en la bitácora temática).

2) El post o historia deberá ser de una extensión no superior a las 500 palabras, debe incluir enlaces a todas las referencias que se citen, puede centrarse en un pionero (Vannevar Bush, Ted Nelson, Andries van Dam, Douglas Engelbart, Andrew Lippman, Janet Walker, Norman Meyrowitz, Bill Atkinson, Tim Berners-Lee, etc.) en un proyecto (Memex, Xanadú, HES, NLS, Aspen Movie Map, Examiner, Intermedia, HyperCard, World Wide Web, Mosaic, etc.) o plantearse como una cronología o timeline al estilo de: Hypertext Timeline y A Hypermedia Timeline.

3) Es recomendable escribir el post en borrador en el "apuntador", en un documento "word", o en un editor de html como "DreamWeaver" (guardando los cambios a menudo) y luego copiarlo y pegarlo en la zona de edición de posts del weblog.

4) Finalmente, utiliza los comentarios de este post para indicar la dirección URL del enlace permanente de la historia que has publicado:

nombre: Nombre y Apellidos

email: dirección de correo electrónico

web: URL del "enlace permanente" del post

comentario: indica en qué aspectos de la historia del hipertexto te has centrado.

Webquest: Selección y análisis de sitios de temática similar al blog grupal

1. Cada alumno debe buscar y seleccionar al menos tres sitios (web, weblogs, directorios, buscadores, foros, e-zines, etc.) de temática similar al weblog grupal.

2. Con el material seleccionado debe elaborar y publicar un post, con la siguiente estructura:

Título del post
Comentario introductorio

Título del recurso 1 (enlazado)
URL
Descripción y crítica

Título del recurso 2 (enlazado)
URL
Descripción y crítica

Título del recurso 3 (enlazado)
URL
Descripción y crítica

3. Una vez publicado el artículo en el weblog temático del grupo, cada alumno debe indicar el enlace permanente de su historia mediante un comentario a este post (nombre: Nombre y Apellidos, email: correo-e del autor del post, web: enlace permanente de tu post, comentarios: tema en el que ha trabajado).

4. Los nuevos sitios descubiertos pueden incluirse en la zona de "Enlaces" del blog temático.

Enlaces MGEC 2004/5

I. Los paradigmas de la eComunicación: Claves del nuevo escenario mediático y su impacto sobre los medios y modos de comunicación tradicionales.

Los 10 Paradigmas de la e-Comunicación

De Maguncia a Telépolis: Claves de la enésima revolución mediática y pasaje para la próxima

II. Impacto de la eComunicación sobre la narrativa: Hipertextualidad, Interactividad y Multimedialidad: hacia una nueva narrativa.

El ciberperiodista: entre la autoridad y la interactividad

El narrador en ficción interactiva. El jardinero y el laberinto

III. Impacto de la eComunicación sobre el periodismo: We Media: El debate sobre los medios participativos.

Periodismo participativo

Impacto de la Comunicación Online sobre el Periodismo Tradicional

IV. Taller de exploración y desarrollo de weblogs: Herramientas y recursos para la autogestión de contenidos. Los nuevos equilibrios del juego mediático

Weblogs: el medio y el mensaje

Taller de Weblogs

Actualización: Ver listado en Blogs del MGEC 2004/5.

Planteamiento de Proyectos de Clase

1. Referencia: Guía para el Diseño y Evaluación de Proyectos de Comunicación Digital

2. Ficha General del Proyecto

3. Ficha de Desarrollo del Anteproyecto

Ejemplos de Interactividad

Ejemplos de interactividad según la tipología de Nathan Shedroff:

Control

- Esoger la disposición del menú de navegación en TintaChina
- Escoger plantillas de estilo en CSS Zen Garden

Feedback

- Información sobre la carga del sitio en Reciclavidrio
- Información sobre la carga del sitio en e-Week

Productividad

- Búsqueda de vuelos en Iberia
- Organización de un viaje con Mappy

- Escritura en colaboración con Writely

Creatividad

- Generadores de rótulos en LetterJames

- Generador de poemas en BBC Word Play

- Generador de textos en pizarra (Einstein): Dynamic Einstein picture

- Generador de castigos para Bart Simpson:  Bart

- Generador de personajes de los Simpson: Simpsonmaker 

- Dibujar online con Imagination Cubed

- Dibujar en colaboración con DoodleNow

Adaptibilidad

- Personalización de Yahoo! en My Yahoo!
- Personalización de Netscape en My Netscape

- Personalización de home page en Netvibes

Comunicación

- Comunidades virtuales como Orkut
- Servicios de blogging como Blogia

Ver otros ejemplos del propio autor en: Interaction Design.

Ver también: Algunos ejemplos de interactividad.

Webquest: Buscadores

a) Escoge un tema de actualidad que sea de tu interés (suceso, personaje, premio, evento, tendencia, producto)

b) Busca (usando las herramientas del Portal de Buscadores y aplicando las técnicas vistas en clase) al menos dos referencias en la Web sobre:

1. Sitios web que recopilen enlaces sobre el tema (portales, índices, directorios, páginas de recursos).
2. Buscadores especializados en el tema
3. Medios electrónicos especializados en el tema
4. Artículos, reportajes, estudios o informes relevantes sobre el tema

En todos los casos, indicar Título del recurso encontrado y URL.

c) Elabora un breve informe incluyendo y comentando los resultados obtenidos en (b)

Estructura:

Asignatura: Diseño Audiovisual - Fecha:
Autores: (Nombres y Apellidos)
Tema escogido: (enunciar)
Resultados: (informe)
Comentario sobre las técnicas de búsqueda y recursos empleados en la investigación.

d) Imprime y entrega el trabajo al profesor encargado del turno de prácticas.

Bibliografía sobre Hipertexto e Hiperficción

Bolter, Jay David, Writing Space: The Computer, Hypertext, and the History of Writing, Lawrence Erlbaum, Hillsdale, 1991.

Delany, Paul y Landow, George. P., (eds.), Hypermedia and Literary Studies, The MIT Press, Cambridge, 1994.

Dürsteler, Juan Carlos, Visualización de información, Gestión2000, Barcelona, 2003.

Fleming, Jennifer, Web navigation: designing the users experience, O’Reilly, Sebastopol, 1998.

Garrand, Timothy, Writing for Multimedia, Focal Press, Boston, 1997.

Lamarca Lapuente, María Jesús, Hipertexto: el nuevo concepto de documento en la cultura de la imagen, Universidad Complutense de Madrid, Madrid, 2005 (tesis doctoral).

Landow, George P., Hipertexto. La convergencia entre la teoría crítica contemporánea y la tecnología, Paidós, Barcelona, 1995.

_____ Teoría del hipertexto, Paidós, Barcelona, 1997.

Laurel, Brenda, Computers as Theatre, Addison Wesley, Menlo Park, 1993.

Murray, Janet, Hamlet en la holocubierta. El futuro de la narrativa en el ciberespacio, Paidós, Barcelona, 2000.

Musgrave, James Ray, The digital scribe. A writer´s guide to electronic media, Academic Press Professional, Londres, 1996.

Orihuela, José Luis y Santos, M. Luisa, Introducción al Diseño Digital. Concepción y Desarrollo de Proyectos de Comunicación Interactiva, Anaya Multimedia, Madrid, 1999.

Pajares Tosca, Susana, Literatura digital. El paradigma hipertextual, Servicio de Publicaciones de la Universidad de Extremadira, Cáceres, 2004.

Pfaffenberger, Bryan, The Elements of Hypertext Style, AP Professional, Boston, 1997.

Rodríguez Ruiz, Jaime Alejandro, El relato digital: ¿un nuevo género?

Varchol, Douglas J., The Multimedia Scriptwriting Workshop, Sybex, San Francisco, 1996.

Wimberley, Darryl y Samsel, Jon, Interactive Writer’s Handbook, Carronade, Los Angeles, 1996.

Ver también: Escribir para la Web

Recomendaciones para la escritura de posts en los weblogs de clase

1. Mantenga una frecuencia de publicación regular (como mínimo una vez a la semana).

2. Recuerde que todos sus posts y comentarios deben aparecer firmados con su Nombre y Apellidos.

3. Ajuste sus historias al tema del weblog.

4. Cuide la corrección ortográfica y sintáctica: corrija sus posts editándolos cuando sea necesario.

5. Recuerde que el weblog es un medio público que será leído por otros usuarios de la Red, además de sus compañeros y profesores.

6. Siempre que sea posible incluya enlaces en el texto de los posts.

7. Antes de escribir investigue y filtre, y siempre atribuya, mediante enlaces, todo lo que corresponda a sus fuentes (ideas, frases, cifras, documentos, noticias, opiniones, imágenes).

8. Cuando incluya imágenes, siga las Recomendaciones sobre uso de imágenes.

9. Revise y conteste los comentarios de cada una de las historias que haya publicado.

10. Respete la reciprocidad: busque el modo más apropiado de enlazar a quienes le enlazan y de comentar en los blogs de quienes han escrito comentarios en el suyo.

11. Cuando escriba comentarios en otros blogs, tenga en cuenta las recomendaciones sobre ¿Cómo hacer buenos comentarios en un weblog?, y cuando responda comentarios realizados a sus propias historias: sea cordial, no responda ni discuta con necios, elimine el spam y los comentarios ofensivos o fuera de lugar. Recuerde que los comentarios de los profesores, cuando se refieran a correcciones, una vez realizadas deben eliminarse.

Fotolog de textamerica clausurado

Textamerica nos ha comunicado la clausura del fotolog "Imágenes para tu blog" (alumnoda.textamerica.com):

____
De: Chris
Fecha: Vrn, 06 Feb 2004 18:42:50 +0200
Asunto: From Textamerica

Dear Maria

The problem with the account is that the images being uploaded were mostly not camera phone images and textamerica is primarily a camera phone image community. Also many of the images on the moblog were copyright infringements, which exposes us to litigation. As clearly stated in our terms we cannot allow the upload and display of images that are not owned by the person uploading them.

Chris Hoar

____

Lamentablemente, muchos alumnos no han seguido las Recomendaciones sobre uso de imágenes.

Recomendaciones sobre uso de imágenes

Cuidar la armonía visual y temática del blog: procura mantener un tamaño estándar de imágenes y estudiar la mejor composición de imagen y texto en cada post.

No enlazar las imágenes directamente a los servidores web en las que se encuentran: esto supone usar indebidamente el ancho de banda de terceros: las imágenes deben colgarse y enlazarse en servidores propios.

Si usamos servidores gratuitos, normalmente tendremos que darles el crédito correspondiente en nuestro blog (por ejemplo: "alojamiento de imágenes gentileza de textamerica" y un enlace).

Cuando pretendas publicar fotografías de tu autoría en las que aparezcan otras personas, recuerda que debes pedir su autorización antes de publicarlas.

Cuando pretendas usar imágenes producidas por terceros, sean fotografías o gráficos, comprueba en cada sitio las condiciones de utilización de contenidos que se imponen a los usuarios: en cualquier caso, siempre habrá que consignar la autoría de la imagen y la fuente de la que se ha obtenido.

Utiliza, siempre que sea posible, imágenes propias o libres de derechos, o recurre a bancos de imágenes gratuitas (free galleries, free images). Puedes usar los buscadres: Yotophoto y Creative Commons Search .

Para insertar la imagen en un blog debes usar estos códigos.

Algunos servicios gratuitos de alojamiento de imágenes:

Buzznet
Flickr (ver Tutorial de Flickr en español)
Fotolog.net
PhotoBlog
Photobucket
Pix8.net
Textamerica

Ver también: Recopilación de recursos o aplicaciones para fotos