2015

NARRATIVA DIGITAL CONCEPTO Y HERRAMIENTAS

ORIOL MALLOacute

P aacute g i n a 1 | 23

DIGITAL STORYTELLING (RELATOS O NARRACIONES DIGITALES)

NARRACIOacuteN DIGITAL

ldquoLos relatos digitales o digital storytelling son el arte de

contar historias con la ayuda de herramientas digitales como el

video los interactivos el audio y otros muchos recursos TICrdquo

aulaplanetacom

NARRATIVA TRANSMEDIA

ldquoLa narrativa transmedia narracioacuten transmedia o narrativa

transmediaacutetica (en ingleacutes Transmedia storytelling) es un tipo de

relato donde la historia se despliega a traveacutes de muacuteltiples medios

y plataformas de comunicacioacuten y en el cual una parte de los

consumidores asume un rol activo en ese proceso de expansioacutenrdquo

Wikipedia

TIPOS DE NARRATIVA DIGITAL (Extraiacutedo de aulaplanetacom)

1 Narrativas personales Pueden ser desde historias de

experiencias vitales propias hasta relatos creativos

ficticios Para que funcionen bien deben tener un comienzo que

enganche un nudo y un desenlace con una conclusioacuten Permiten

P aacute g i n a 1 | 23

DIGITAL STORYTELLING (RELATOS O NARRACIONES DIGITALES)

NARRACIOacuteN DIGITAL

ldquoLos relatos digitales o digital storytelling son el arte de

contar historias con la ayuda de herramientas digitales como el

video los interactivos el audio y otros muchos recursos TICrdquo

aulaplanetacom

NARRATIVA TRANSMEDIA

ldquoLa narrativa transmedia narracioacuten transmedia o narrativa

transmediaacutetica (en ingleacutes Transmedia storytelling) es un tipo de

relato donde la historia se despliega a traveacutes de muacuteltiples medios

y plataformas de comunicacioacuten y en el cual una parte de los

consumidores asume un rol activo en ese proceso de expansioacutenrdquo

Wikipedia

TIPOS DE NARRATIVA DIGITAL (Extraiacutedo de aulaplanetacom)

1 Narrativas personales Pueden ser desde historias de

experiencias vitales propias hasta relatos creativos

ficticios Para que funcionen bien deben tener un comienzo que

enganche un nudo y un desenlace con una conclusioacuten Permiten

P aacute g i n a 2 | 23

trabajar la escritura creativa asiacute como temas trasversales o

de educacioacuten en valores Aquiacute tienes un ejemplo

2 Historias que analizan eventos histoacutericos Narran y

examinan los hitos que han marcado la historia Para

ilustrarlas se pueden utilizar materiales de archivo como

audios imaacutegenes videos titulares de antiguos diarios

3 Historias informativas o instructivas Sirven para exponer

y desarrollar distintos temas o contenidos o incluso para

explicar procesos

Sean del tipo que sean estas narraciones deben poseer cuatro

caracteriacutesticas esenciales tener un buen gancho ser

concisas incluir los elementos narrativos fundamentales

(comienzo nudo y desenlace) e integrar distintos recursos

digitales

iquestCOacuteMO CREAR UN RELATO DIGITAL EN OCHO PASOS

Para que los relatos digitales o digital storytelling resulten

efectivos tanto el profesor como los alumnos deben tener

claros los pasos del proceso Te mostramos coacutemo crear una

historia digital en ocho sencillos pasos

1 Comenzar con una idea Todas las buenas historias giran en

torno a una Puede ser un tema de la asignatura una pregunta

un contenido de actualidad un valor que quieras trabajarhellip Una

vez decidida hay que concretarla y definir una propuesta ya

P aacute g i n a 3 | 23

sea escrita en unas liacuteneas o dibujada mediante un esquema

Este seraacute el comienzo de la historia digital que puede ser

divulgativa o de ficcioacuten

2 Investigar explorar y aprender Antes de comenzar a

escribir los alumnos deben documentarse y convertirse en

expertos en el tema Es bueno que durante el proceso vayan

organizando la informacioacuten ya que les serviraacute para

estructurarla y sintetizarla a la hora de escribir Pueden

hacerlo mediante mapas conceptuales murales digitales

herramientas como Pinteresthellip

3 Escribir la narracioacuten No hay que tener miedo a la hoja en

blanco Seguramente los dos pasos anteriores habraacuten resuelto

ya la introduccioacuten y la estructura de la historia Ahora solo

deben preocuparse por utilizar el mayor rango de vocabulario

posible seleccionar la persona en que estaraacute narrada la

historia y estructurar la historia en torno a los elementos

baacutesicos de la narracioacuten comienzo nudo y desenlace

4 Dibujar y planificar el guion Una vez escrita la historia

hay que pensar coacutemo se va a ilustrar iquestQueacute imaacutegenes o recursos

van a dar forma a la historia digital iquestCoacutemo se conjugaraacuten

iquestQueacute se quiere mostrar

5 Crear o seleccionar los recursos Ha llegado el momento de

producir la historia Durante esta fase los alumnos deberaacuten

grabar la voz en off seleccionar la muacutesica y elegir o crear

las imaacutegenes videos estadiacutesticas mapas ilustraciones y

demaacutes recursos que apoyaraacuten la historia

P aacute g i n a 4 | 23

6 Montarlo todo Con la historia escrita y todos los recursos

preparados los alumnos ya pueden ponerse manos a la obra y

elaborar su creacioacuten Una buena idea es proporcionarles una

ruacutebrica que les oriente acerca de las metas baacutesicas a cumplir

y las habilidades extra que les haraacuten subir de nota

7 Compartir Tanto en clase con sus compantildeeros como en la

Red que les daraacute acceso a un puacuteblico mucho maacutes amplio y les

motivaraacute

8 Reflexionar y comentar Es importante que al final los

alumnos reflexionen acerca del proceso y reciban opiniones de

otros iquestCoacutemo se ha desarrollado la tarea iquestQueacute han aprendido

iquestQueacute errores han cometido Esto desarrollaraacute su capacidad de

autocriacutetica y les ayudaraacute a mejorar en su proacutexima historia

digital

P aacute g i n a 5 | 23

P aacute g i n a 6 | 23

EJEMPLOS RECIENTES

PLATAFORMA READYMAG

Objetos pensamientos y entrevista a un disentildeador alemaacuten

httpsreadymagcomshuffledieter-rams

PLATAFORMA ATAVIST

Los efectos del cambio climaacutetico y las mareas altas en Nueva

York

httpscnycnatavistcomrisingtides

PLATAFORMA MEDIUM

El mundo de las escorts y la economiacutea del siglo XXI

httpsmediumcommattersex-is-sex-but-money-is-money-

e7c10091713f

P aacute g i n a 3 | 23

sea escrita en unas liacuteneas o dibujada mediante un esquema

Este seraacute el comienzo de la historia digital que puede ser

divulgativa o de ficcioacuten

2 Investigar explorar y aprender Antes de comenzar a

escribir los alumnos deben documentarse y convertirse en

expertos en el tema Es bueno que durante el proceso vayan

organizando la informacioacuten ya que les serviraacute para

estructurarla y sintetizarla a la hora de escribir Pueden

hacerlo mediante mapas conceptuales murales digitales

herramientas como Pinteresthellip

3 Escribir la narracioacuten No hay que tener miedo a la hoja en

blanco Seguramente los dos pasos anteriores habraacuten resuelto

ya la introduccioacuten y la estructura de la historia Ahora solo

deben preocuparse por utilizar el mayor rango de vocabulario

posible seleccionar la persona en que estaraacute narrada la

historia y estructurar la historia en torno a los elementos

baacutesicos de la narracioacuten comienzo nudo y desenlace

4 Dibujar y planificar el guion Una vez escrita la historia

hay que pensar coacutemo se va a ilustrar iquestQueacute imaacutegenes o recursos

van a dar forma a la historia digital iquestCoacutemo se conjugaraacuten

iquestQueacute se quiere mostrar

5 Crear o seleccionar los recursos Ha llegado el momento de

producir la historia Durante esta fase los alumnos deberaacuten

grabar la voz en off seleccionar la muacutesica y elegir o crear

las imaacutegenes videos estadiacutesticas mapas ilustraciones y

demaacutes recursos que apoyaraacuten la historia

P aacute g i n a 4 | 23

6 Montarlo todo Con la historia escrita y todos los recursos

preparados los alumnos ya pueden ponerse manos a la obra y

elaborar su creacioacuten Una buena idea es proporcionarles una

ruacutebrica que les oriente acerca de las metas baacutesicas a cumplir

y las habilidades extra que les haraacuten subir de nota

7 Compartir Tanto en clase con sus compantildeeros como en la

Red que les daraacute acceso a un puacuteblico mucho maacutes amplio y les

motivaraacute

8 Reflexionar y comentar Es importante que al final los

alumnos reflexionen acerca del proceso y reciban opiniones de

otros iquestCoacutemo se ha desarrollado la tarea iquestQueacute han aprendido

iquestQueacute errores han cometido Esto desarrollaraacute su capacidad de

autocriacutetica y les ayudaraacute a mejorar en su proacutexima historia

digital

P aacute g i n a 5 | 23

P aacute g i n a 6 | 23

EJEMPLOS RECIENTES

PLATAFORMA READYMAG

Objetos pensamientos y entrevista a un disentildeador alemaacuten

httpsreadymagcomshuffledieter-rams

PLATAFORMA ATAVIST

Los efectos del cambio climaacutetico y las mareas altas en Nueva

York

httpscnycnatavistcomrisingtides

PLATAFORMA MEDIUM

El mundo de las escorts y la economiacutea del siglo XXI

httpsmediumcommattersex-is-sex-but-money-is-money-

e7c10091713f

P aacute g i n a 4 | 23

6 Montarlo todo Con la historia escrita y todos los recursos

preparados los alumnos ya pueden ponerse manos a la obra y

elaborar su creacioacuten Una buena idea es proporcionarles una

ruacutebrica que les oriente acerca de las metas baacutesicas a cumplir

y las habilidades extra que les haraacuten subir de nota

7 Compartir Tanto en clase con sus compantildeeros como en la

Red que les daraacute acceso a un puacuteblico mucho maacutes amplio y les

motivaraacute

8 Reflexionar y comentar Es importante que al final los

alumnos reflexionen acerca del proceso y reciban opiniones de

otros iquestCoacutemo se ha desarrollado la tarea iquestQueacute han aprendido

iquestQueacute errores han cometido Esto desarrollaraacute su capacidad de

autocriacutetica y les ayudaraacute a mejorar en su proacutexima historia

digital

P aacute g i n a 5 | 23

P aacute g i n a 6 | 23

EJEMPLOS RECIENTES

PLATAFORMA READYMAG

Objetos pensamientos y entrevista a un disentildeador alemaacuten

httpsreadymagcomshuffledieter-rams

PLATAFORMA ATAVIST

Los efectos del cambio climaacutetico y las mareas altas en Nueva

York

httpscnycnatavistcomrisingtides

PLATAFORMA MEDIUM

El mundo de las escorts y la economiacutea del siglo XXI

httpsmediumcommattersex-is-sex-but-money-is-money-

e7c10091713f

P aacute g i n a 5 | 23

P aacute g i n a 6 | 23

EJEMPLOS RECIENTES

PLATAFORMA READYMAG

Objetos pensamientos y entrevista a un disentildeador alemaacuten

httpsreadymagcomshuffledieter-rams

PLATAFORMA ATAVIST

Los efectos del cambio climaacutetico y las mareas altas en Nueva

York

httpscnycnatavistcomrisingtides

PLATAFORMA MEDIUM

El mundo de las escorts y la economiacutea del siglo XXI

httpsmediumcommattersex-is-sex-but-money-is-money-

e7c10091713f

P aacute g i n a 6 | 23

EJEMPLOS RECIENTES

PLATAFORMA READYMAG

Objetos pensamientos y entrevista a un disentildeador alemaacuten

httpsreadymagcomshuffledieter-rams

PLATAFORMA ATAVIST

Los efectos del cambio climaacutetico y las mareas altas en Nueva

York

httpscnycnatavistcomrisingtides

PLATAFORMA MEDIUM

El mundo de las escorts y la economiacutea del siglo XXI

httpsmediumcommattersex-is-sex-but-money-is-money-

e7c10091713f

P aacute g i n a 7 | 23

PLATAFORMA NEWHIVE

Entrevista interactiva a una artista visual

httpnewhivecomnewhivesougwen-chung-interviewampno_paging

PLATAFORMA CREATIVE

Recuento de la Exposicioacuten Universal de 1964 en el barrio de

Queens

httpcreativenydailynewscomworldsfair

PLATAFORMA SHORTHAND

Narrativa plural sobre el ataque terrorista de Nairobi en

septiembre del 2013

httpwwwbbccouknewsspecial2014newsspec_8702indexhtml

PLATAFORMA STORYBUILDER

La historia de la secta de la Cienciologiacutea en Suraacutefrica

P aacute g i n a 8 | 23

httpstorybuilderjumpstartgeenscientology-in-sa

64 SITIOS WEB PARA STORYTELLING (Curado por Global Digital Citizen

Foundation)

Center for Digital Storytelling

Creative Educatorndash 4 articles on digital storytelling

Digital Directors Guildndash assists educators with their digital

storytelling projects

Digital Storytelling in the Classroomndash from Microsoft Education

Digital Storytelling in Language Arts

Digital Storytelling in the Science and Math Classroom

Digital Storytelling Tools for Educatorsndash 120 page pamphlet

(download) written by Silvia Rosenthal Tolisano (Creative Commons

Attribution 25)

The Elements in Digital Storytelling

The Educational Uses of Digital Storytelling

Integrating Digital Storytelling in Your Class Resources

Making Stopmotion Moviesndash information on how to create stopmotion

and Claymation movies

Tech4Learning Blogndash lots of wonderful posts regarding ways to

tell stories including Claymation

P aacute g i n a 9 | 23

Aniboomndash animation studio

Animotondash create video slide shows

Big Universendash for younger children Blurbndash prices start at $1095

(small book) discounts on quantity orders

Bookbuilder

BookemonBoomWriterndash students write a book together class gets

one free copy (free shipping)

Choggerndash create comics

ClassikTVndash create a movie by adding subtitles to old movie scenes

Creazandash suite of creative tools including cartoonist movie

editor audio editor and mindmaps

Digistories

Digital Storytelling with the iPad

DigiTalesndash create 3-5 minute stories from these types living

memories beyond words itza wrap

Do Inkndash create Flash-style animations using a ldquosimple and friendly

vector editor

Domo Animatendash free animation website offers characters with

dialogue backdrops and special effects

Glogsterndash drag and drop text images audio video drawings and

more premium edition has no ads

Google Search Storiesndash uses YouTube so if your school blocks it

yoursquore out of luck

A Hotlist on Digital Storytelling

P aacute g i n a 10 | 23

JellyCam Stop Motion Maker

Juxiondash interactive posters for the classroom

Kerpoofndash make movies cards drawings pictures tell stories

for grades K-8 site also has lesson plans and teacher tools

Lightning Bug -assists students in writing a story from finding

an idea to finishing the story

Little Bird Talesndash for very young children

MapSkip

Microsoftrsquos Digital Storytelling in the Classroom

Mrs Pcom

Museum Box

My eBookndash create novels comics magazines brochures

My Story Makerndash for younger kids interactive digital story

creator

Myths and Legendsndash online digital storytelling site

Our Storyndash create a collaborative timeline

PicLitsndash students are given a picture with a list of keywords to

inspire them to write a story about that picture

Picture Book Makerndash create an online childrenrsquos book

Pinballndash helps students get started with ideas which are bounced

around

Projeqtndash visual storytelling

Shiddonindash create an imaginary world with animals

P aacute g i n a 11 | 23

Simplebookletndash create online newsletters presentations

(education version)

Smileboxndash mix photos videos and music into a multimedia

presentation

Stagersquodndash create animated comics

Story Tools

Storybirdndash ldquoshort art-inspired stories you make to share read

and print

Storyboard Template-choice of different templates

Student Publishingndash ldquoPublish individual student stories or have

them each contribute to a classbookrdquo resources for librarians

teachers and parents many FREE projects

ThumbScribesndash online collaboration of poems short stories

fiction novellas

Tikatokndash for younger children

Voice Threadndash group conversations around images documents

videos Voice Thread in the Classroom

What-if Questions Genie

Widbookndash create collaborate and share books

Xtranormal-create online movies using their characters who speak

what you write for them $$

ZooBurst-create a 3D pop-up book

P aacute g i n a 12 | 23

STORY MAPS

ldquoLos Story Maps usan la geografiacutea como medio para organizar y

presentar la informacioacuten Cuentan la historia de un lugar un

evento un problema una tendencia o un patroacuten en un contexto

geograacutefico Combinan mapas interactivos con otros contenidos

enriquecidos como texto fotos viacutedeo y audio en experiencias

de usuario que son sencillas e intuitivasrdquo

Esri Espantildea

10 EJEMPLOS DE STORY MAP USADOS POR GRANDES MEDIOS DE COMUNICACIOacuteN

httpsmediumcomJournalism2lshow-they-did-it-1b2a9baf666a

TRES APLICACIONES GRATUITAS PARA EL MAPEO DE HISTORIAS

P aacute g i n a 13 | 23

ODYSSEY

httpcartodbgithubioodysseyjs

P aacute g i n a 14 | 23

STORYMAP JP

httpsstorymapknightlabcom

P aacute g i n a 15 | 23

Y LA MEJOR (O MAacuteS USADA) STORY MAPS

httpstorymapsarcgiscomes

MAPAS DE ACCESO LIBRE

P aacute g i n a 16 | 23

httpswwwopenstreetmaporg

GOOGLE MAPS

P aacute g i n a 17 | 23

httpswwwgooglecommx

Coacutemo Insertar Google Maps en una paacutegina web

httpesccmnetfaq12823-google-maps-insertar-un-mapa-

personalizado-en-tu-sitio-web

P aacute g i n a 18 | 23

INFOGRAFIacuteAS

1o herramientas para crear infografiacuteas

httpwwwpublicidadenlanubeescrea-espectaculares-

infografias-con-estas-10-herramientas-gratuitas

GIF

5 herramientas para crear GIF desde tu Smartphone

httpwwwclasesdeperiodismocom201508165-herramientas-

para-hacer-gif-desde-el-movil

12 cajas de herramientas para crear GIF

httpwwwclasesdeperiodismocom20150814caja-de-

herramientas-para-trabajar-con-gif

ENCUESTAS

5 herramientas para crear encuestas

P aacute g i n a 19 | 23

httpwwwclasesdeperiodismocom201508125-herramientas-

para-crear-encuestas

OTRAS HERRAMIENTAS

Laboratorio de herramientas de Google (lecciones tutoriales y

acceso web)

httpsnewslabwithgooglecomtools

PERIODISMO DE DATOS

Blogs sobre periodismo de datos (herramientas informacioacuten y

tutoriales)

Blog de Carolina Cristanchi

httpcarolinacristanchicomherramientas-de-periodismo-de-

datos

7 recursos gratuitos para el periodismo de datos

P aacute g i n a 20 | 23

httpcarolinacristanchicomrecursos-gratuitos-periodismo-

datosutm_source=twitteramputm_medium=periodismodatosamputm_campaig

n=nuevopostamputm_content=noche

Datos abiertos

httpblogsiadborgabierto-al-publicoopen-data

DATA APLICADA EN PERIODISMO

La Nacioacuten Argentina

httpwwwlanacioncomardata

La Nacioacuten Costa Rica

httpwwwnacioncomgnfactoryinvestigacion2015menosescolare

s

VISUALIZACIOacuteN DE DATOS

Introduccioacuten a conceptos tutoriales y herramientas para la

visualizacioacuten de datos

httpguideslibrarydukeeducphpg=289678ampp=1930713

Lista de herramientas para visualizacioacuten de datos

P aacute g i n a 21 | 23

httpselectiondatavisualizationch

IMAacuteGENES LIBRES

Negative space (repositorio de imaacutegenes libres actualizado

diariamente)

httpnegativespaceco

20 bancos de imaacutegenes gratuitos para usar en narrativa digital

httpoinkmygodcomlos-mejores-20-bancos-de-imagenes-gratis

Aplicacioacuten maacutes comuacuten para vectores e imaacutegenes (de paga)

httpwwwshutterstockcom

ICONOS

10 paacuteginas web para encontrar iacuteconos gratuitos

httpwwwpublicidadenlanubees10-paginas-para-encontrar-

iconos-gratis

Listado

P aacute g i n a 22 | 23

Listado de paacuteginas para descargar iconos gratuitos

1 Iconfinder buscador que indexa maacutes de medio milloacuten de

iconos gratuitos

2 Flaticon maacutes de 70000 iconos vectoriales gratis (PSD SVG

EPS y PNG)

3 Freepik iconos PSD vectores e imaacutegenes gratis

4 Findicons buscador con cerca de medio milloacuten de iconos

gratuitos

5 IconArchive cerca de 600000 iconos gratis

6 IconPot amplia coleccioacuten de iconos gratis organizados en

distintas categoriacuteas

7 InterfaceLIFT gran seleccioacuten de packs de iconos gratuitos

8 Six Revisions un blog donde vamos a encontrar iconos gratis

de gran calidad

9 IconsPedia la enciclopedia de los iconos bastante popular

en la red

10 All free download iconos vectores fuentes

plantillas y maacutes

Web para descargar series gratuitas de iconos para disentildeo

httpiconstoreco

P aacute g i n a 23 | 23