SlideShare una empresa de Scribd logo
1 de 27
Primero  dibuje ,  después   redacte Un   Storyboard   para la   Web
Antes que nada: Planificar y dibujar el   boceto
? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Qué es un storyboard
Qué es un storyboard Nivel 3 Nivel 2 Nivel 1 Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Audio1 Enlaces externos Infografía
[object Object],[object Object],[object Object]
El “Modelo binodal básico” que suelen usar los sitios Título 1 Texto completo TÍTULO PPAL Bajada Ramón Salaverría (2005) Recuadro1 Recuadro2 “Hay poco esfuerzo por enriquecer la estructura hipertextual”
Las claves ,[object Object],[object Object],[object Object],[object Object]
Las claves ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],Las claves
Modelos o estructuras
Tipos de estructuras ,[object Object],[object Object],[object Object],[object Object],[object Object]
1. Modelo secuencial Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Título 3 Texto Infografía en  ELPAIS.com ,[object Object],[object Object],[object Object]
2. Modelo jerárquico Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Título 3 Texto Título 4 Texto Río Negro actual diseño ,[object Object],[object Object]
3. Modelo en red caótico Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Título 3 Texto Título 4 Texto Elmundo.es ,[object Object],[object Object],[object Object],[object Object]
4. Modelo en red organizado Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Título 3 Texto Título 4 Texto Enlaces a 2, 3 y 4 Enlaces a 1, 3 y 4 Enlaces a 1, 2 y 4 Enlaces a 1, 2 y 3 La Nación Line ,[object Object],[object Object],[object Object],[object Object]
5. Modelo mixto Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Título 3 Texto Título 4 Texto ,[object Object]
Coherencia hipertextual ,[object Object],[object Object],[object Object],[object Object],Engebretsen , 2000
Prototipos de noticias
Prototipos de hipernoticia 1 TÍTULO PPAL Copete Lugar del hecho: mapas, fotos DESCRIPCIÓN Relato del hecho Relato del protagonista NARRACIÓN Relato de testigos Actualizaciones informativas Datos principales EXPOSICIÓN Datos secundarios Enlaces a instituciones implicadas Salaverría , 1999
Prototipos de hipernoticia 2 TÍTULO PPAL Copete Aspectos subjetivos Versiones de las partes Opiniones de expertos Otras evaluaciones Hechos Documentación Varios doc de background Engebretsen , 2000 Evento principal Contexto
Prototipos de hipernoticia 3 TÍTULO PPAL Copete Background Mapas y gráficos Principales fuentes Otras fuentes Perfiles y puntos de vista Audio y/o video Interactividad Carole Rich, 1999 Noticias relacionadas y fuentes
Ejemplos ,[object Object],[object Object],[object Object]
Carmen de Patagones : A dos años de la tragedia La historia + Info Hoy Ayer Mañana El aula El dolor y la justicia Adriana Puiggross Silvia Bleichmar Cronología La ciudad y la escuela Créditos Clarín.com ,  set  2006 La tragedia
Hoja de ruta ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bibliografía ,[object Object],[object Object],[object Object],[object Object]
Alejandro Rost (@alerost) Fabián Bergero (@beter3) Lieza Solaro (@liezasolaro) http://periodismoyotrasyerbas.blogspot.com   Junio 2010

Más contenido relacionado

Destacado

Como Contar una historia en la Web
Como Contar una historia en la WebComo Contar una historia en la Web
Como Contar una historia en la Web
Miguel Tortello
 

Destacado (20)

Storyboard Comercial
Storyboard ComercialStoryboard Comercial
Storyboard Comercial
 
Formato de Storyboard Lyndon John
Formato de Storyboard Lyndon JohnFormato de Storyboard Lyndon John
Formato de Storyboard Lyndon John
 
Ejemplo de un guión gráfico / story board
Ejemplo de un guión gráfico / story boardEjemplo de un guión gráfico / story board
Ejemplo de un guión gráfico / story board
 
3.- El Guión Gráfico o Storyboard
3.- El Guión Gráfico o Storyboard3.- El Guión Gráfico o Storyboard
3.- El Guión Gráfico o Storyboard
 
Storyboard web
Storyboard webStoryboard web
Storyboard web
 
Storyboard Instituto La Araucana
Storyboard Instituto La AraucanaStoryboard Instituto La Araucana
Storyboard Instituto La Araucana
 
Storyboard
StoryboardStoryboard
Storyboard
 
Presentacion fsp
Presentacion fspPresentacion fsp
Presentacion fsp
 
Aqui me quedo (Story Board - Guión de Contenidos)
Aqui me quedo (Story Board - Guión de Contenidos)Aqui me quedo (Story Board - Guión de Contenidos)
Aqui me quedo (Story Board - Guión de Contenidos)
 
Como Contar una historia en la Web
Como Contar una historia en la WebComo Contar una historia en la Web
Como Contar una historia en la Web
 
Story board pro_webcast presentation_final_slideshare 2
 Story board pro_webcast presentation_final_slideshare 2 Story board pro_webcast presentation_final_slideshare 2
Story board pro_webcast presentation_final_slideshare 2
 
Com es llegeix una imatge?
Com es llegeix una imatge?Com es llegeix una imatge?
Com es llegeix una imatge?
 
Enquadrament punt de vista
Enquadrament punt de vistaEnquadrament punt de vista
Enquadrament punt de vista
 
Rúbrica narración digital país ue
Rúbrica narración digital país ueRúbrica narración digital país ue
Rúbrica narración digital país ue
 
Guión, mapa y storyboard
Guión, mapa y storyboardGuión, mapa y storyboard
Guión, mapa y storyboard
 
0203 uso de un guión gráfico
0203 uso de un guión gráfico0203 uso de un guión gráfico
0203 uso de un guión gráfico
 
Elementos de la narración
Elementos de la narraciónElementos de la narración
Elementos de la narración
 
Angulación De La Cámara
Angulación De La CámaraAngulación De La Cámara
Angulación De La Cámara
 
ELEMENTOS DE LA NARRACIÓN
ELEMENTOS DE LA NARRACIÓNELEMENTOS DE LA NARRACIÓN
ELEMENTOS DE LA NARRACIÓN
 
Proyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion TécnicoProyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion Técnico
 

Similar a Modelos de escritura hipertextual para el periodismo

Escribir para internet
Escribir para internet Escribir para internet
Escribir para internet
Franco Piccato
 
Herramientas Ppt
Herramientas PptHerramientas Ppt
Herramientas Ppt
Génesis
 
Historia del internet y hmtl
Historia del internet y hmtlHistoria del internet y hmtl
Historia del internet y hmtl
Amii Becerra
 

Similar a Modelos de escritura hipertextual para el periodismo (20)

Escribir para internet
Escribir para internet Escribir para internet
Escribir para internet
 
Charla Biblioteca Nacional, 24 de julio de 2014
Charla Biblioteca Nacional, 24 de julio de 2014Charla Biblioteca Nacional, 24 de julio de 2014
Charla Biblioteca Nacional, 24 de julio de 2014
 
traficando
traficando   traficando
traficando
 
Inter tecno - escritura web
Inter tecno - escritura webInter tecno - escritura web
Inter tecno - escritura web
 
Pg redes2
Pg redes2Pg redes2
Pg redes2
 
Géneros periodísticos en la web
Géneros periodísticos en la webGéneros periodísticos en la web
Géneros periodísticos en la web
 
Unidad didáctica 2
Unidad didáctica 2Unidad didáctica 2
Unidad didáctica 2
 
Unidad didáctica 01
Unidad didáctica 01Unidad didáctica 01
Unidad didáctica 01
 
Herramientas Ppt
Herramientas PptHerramientas Ppt
Herramientas Ppt
 
Tipografiapresentacion
TipografiapresentacionTipografiapresentacion
Tipografiapresentacion
 
Historia del internet y hmtl
Historia del internet y hmtlHistoria del internet y hmtl
Historia del internet y hmtl
 
Charla 9a Jornada de Usuarios Ex-Libris, 30 de septiembre de 2014
Charla 9a Jornada de Usuarios Ex-Libris, 30 de septiembre de 2014Charla 9a Jornada de Usuarios Ex-Libris, 30 de septiembre de 2014
Charla 9a Jornada de Usuarios Ex-Libris, 30 de septiembre de 2014
 
Explotación y visualización de datos de investigación en Humanidades Digitale...
Explotación y visualización de datos de investigación en Humanidades Digitale...Explotación y visualización de datos de investigación en Humanidades Digitale...
Explotación y visualización de datos de investigación en Humanidades Digitale...
 
Revolucion francesa 3
Revolucion francesa 3Revolucion francesa 3
Revolucion francesa 3
 
Expo apéndice
Expo apéndiceExpo apéndice
Expo apéndice
 
El caso LAVOZ.com.ar
El caso LAVOZ.com.arEl caso LAVOZ.com.ar
El caso LAVOZ.com.ar
 
Fuentes, artículos, Bases De Datos
Fuentes, artículos, Bases De DatosFuentes, artículos, Bases De Datos
Fuentes, artículos, Bases De Datos
 
Fuentes para la investigación en Comunicación
Fuentes para la investigación en ComunicaciónFuentes para la investigación en Comunicación
Fuentes para la investigación en Comunicación
 
Blogs, Wikis & otros monstruos del.icio.sos
Blogs, Wikis & otros monstruos del.icio.sosBlogs, Wikis & otros monstruos del.icio.sos
Blogs, Wikis & otros monstruos del.icio.sos
 
Introduccion al Web 2.0
Introduccion al Web 2.0Introduccion al Web 2.0
Introduccion al Web 2.0
 

Más de alerost

Fotos Roca
Fotos RocaFotos Roca
Fotos Roca
alerost
 

Más de alerost (7)

La web como fuente de información del periodista
La web como fuente de información del periodistaLa web como fuente de información del periodista
La web como fuente de información del periodista
 
Literatura 2.0, Nanim Rekacz
Literatura 2.0, Nanim RekaczLiteratura 2.0, Nanim Rekacz
Literatura 2.0, Nanim Rekacz
 
Uso de redes sociales en medios locales, por Elvira García de Torres
Uso de redes sociales en medios locales, por Elvira García de TorresUso de redes sociales en medios locales, por Elvira García de Torres
Uso de redes sociales en medios locales, por Elvira García de Torres
 
El rol del Community Manager, por Iván Sánchez
El rol del Community Manager, por Iván SánchezEl rol del Community Manager, por Iván Sánchez
El rol del Community Manager, por Iván Sánchez
 
De la calculadora a la comunicadora
De la calculadora a la comunicadoraDe la calculadora a la comunicadora
De la calculadora a la comunicadora
 
Fotos Roca
Fotos RocaFotos Roca
Fotos Roca
 
Rn 10 AñOs
Rn 10 AñOsRn 10 AñOs
Rn 10 AñOs
 

Último

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 

Último (20)

ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

Modelos de escritura hipertextual para el periodismo

  • 1. Primero dibuje , después redacte Un Storyboard para la Web
  • 2. Antes que nada: Planificar y dibujar el boceto
  • 3.
  • 4. Qué es un storyboard
  • 5. Qué es un storyboard Nivel 3 Nivel 2 Nivel 1 Título 1 Texto TÍTULO PPAL Presentación Título 2 Texto Audio1 Enlaces externos Infografía
  • 6.
  • 7. El “Modelo binodal básico” que suelen usar los sitios Título 1 Texto completo TÍTULO PPAL Bajada Ramón Salaverría (2005) Recuadro1 Recuadro2 “Hay poco esfuerzo por enriquecer la estructura hipertextual”
  • 8.
  • 9.
  • 10.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20. Prototipos de hipernoticia 1 TÍTULO PPAL Copete Lugar del hecho: mapas, fotos DESCRIPCIÓN Relato del hecho Relato del protagonista NARRACIÓN Relato de testigos Actualizaciones informativas Datos principales EXPOSICIÓN Datos secundarios Enlaces a instituciones implicadas Salaverría , 1999
  • 21. Prototipos de hipernoticia 2 TÍTULO PPAL Copete Aspectos subjetivos Versiones de las partes Opiniones de expertos Otras evaluaciones Hechos Documentación Varios doc de background Engebretsen , 2000 Evento principal Contexto
  • 22. Prototipos de hipernoticia 3 TÍTULO PPAL Copete Background Mapas y gráficos Principales fuentes Otras fuentes Perfiles y puntos de vista Audio y/o video Interactividad Carole Rich, 1999 Noticias relacionadas y fuentes
  • 23.
  • 24. Carmen de Patagones : A dos años de la tragedia La historia + Info Hoy Ayer Mañana El aula El dolor y la justicia Adriana Puiggross Silvia Bleichmar Cronología La ciudad y la escuela Créditos Clarín.com , set 2006 La tragedia
  • 25.
  • 26.
  • 27. Alejandro Rost (@alerost) Fabián Bergero (@beter3) Lieza Solaro (@liezasolaro) http://periodismoyotrasyerbas.blogspot.com Junio 2010