HERRAMIENTAS PARA CREAR

CONTENIDOS INTERACTIVOS EN
PAGINAS WEBS Y EN REDES
SOCIALES
Herramientas gratuitas para crear contenido
interactivo
(Thinglink, Infogram, Genial.ly, Storify,
Giphy, StoryMaps JS, Timeline JS).
 Thinglink (2010)

¿Que es ?
ThingLink es una herramienta muy útil que permite
alojar audio, vídeo y enlaces enriquecidos
directamente en las imágenes, para después
publicarlas en la web. No se trata de una simple
imagen la que estaremos mostrando, sino un
completo menú donde ver vídeos, escuchar
canciones, compartir social media, etc.
Usos en el ámbito educativo

 Elaborar imágenes para explicaciones de clase con los

contenidos que vamos a mostrar a los estudiantes, proponer
actividades de análisis para clase relacionadas con
imágenes: Historia, Literatura, Experimentos, Reportajes de
Ciencias, etc.
 Crear recopilaciones de enlaces, vídeos y recursos
relacionados con cualquier tema de clase.
 Elaborar perfiles personales con nuestra foto y gustos
musicales, intereses educativos, inquietudes culturales, etc.
 Agregar a las líneas de tiempo interactividad
Funcionalidades
 Herramienta muy intuitiva y de fácil manejo.
 Puedes seguir a otros usuarios de la red, clicar en sus imágenes, comentar e incluso
compartirlas.
 Ofrece estadísticas de las veces que se ha clicado en la imagen, las veces que ha sido
compartida, etc.
 Permite compartir directamente en cualquier red social, manteniendo los enlaces e iconos
que hemos creado.
 Cuenta con aplicación propia para ipad y iphone
Como crearse una cuenta
2.Escoges EDU y te
registras con tu
Facebook ,
Hotmail o al( ya
que lo usaras
como si fueras un
profesor para
obtener la
mayoría de
beneficios
gratuitos que tiene
Giphy(2013)

Giphy es una base de datos en línea y un motor de

búsqueda que permite a los usuarios buscar y compartir
videos de bucles cortos sin sonido, que se parecen a
archivos GIF animados.
Básicamente, Giphy existe para hacer buscables todos los
GIFs que encuentras por la red – cosa que no es fácil, ya que
hay millones de ellos, variaciones de los mismos y además, ya
que son videos/imágenes, no son indexables por la vía
ordinaria.
Puedes escoger en cargar imágenes y
crear tu gif o cargar un video
UPLOAD es para subir algún gif que ya
tengas hecho
 STORIFY
¿Qué es y cómo funciona?
Es una web para crear historias. En realidad, su uso más habitual es para crear
informes, investigaciones o resúmenes y guardarlos o publicarlos, aunque se ha ido
convirtiendo poco a poco en una red social que nos permite crear contenido
interesante.

Usos más comunes

 Cronología de un tema específico.
 Organizar tweets de diferentes usuarios de un tema
determinado.
 Seguir un tema con noticias de diferentes medios u
opiniones.
 Historias multimedias, combinando posteos de Facebook,
tweets, enlaces, fotos de Flickr o Instagram
TIMELINE JS – LÍNEAS DEL TIEMPO
COLABORATIVAS
.

TimelineJS es una herramienta de código abierto, libre, que te

permite crear líneas de tiempo interactivas, de gran riqueza
visual y está traducido en 40 idiomas.
Las líneas de tiempo creadas con TimelineJS son muy sencillas,
intuitivas de utilizar y te permiten narrar una historia de una
forma dinámica y diferente
¿Cómo funciona?
Creamos una nueva hoja de cálculo en el Google Drive. (Puedes
utilizar la plantilla oficial de TimelineJS para empezar)
Agregar las fechas, texto y los links a YouTube o Vimeo “Publicar en
la web”
Copiar la URL, el enlace que el sistema genera.
Pegar la URL en el generador de la página web oficial de timeline
El generador va a crear código (iframe) que puedes incorporar y
cualquier sección de tu sitio web.
 INFOGRAFÍA

• Es una combinación de imágenes sintéticas, explicativas y fáciles de

entender y textos con el fin de comunicar información de manera visual
para facilitar su transmisión.
• Es una representación visual informativa o diagrama de textos escritos
que en cierta manera resume o explica figurativamente. En ella
intervienen diversos tipos de gráficos y signos no lingüísticos y lingüísticos
(pictogramas, ideogramas y logogramas) formando descripciones,
secuencias expositivas, argumentativas o narrativas, e incluso,
interpretaciones.
EJEMPLO:
VENTAJAS DE CREAR UNA INFOGRAFÍA
 Escanear los contenidos
 Amenizar la lectura
 Asimilar, recordar y comprender
 Fáciles de compartir
 Viralidad
 Tráfico
 Atracción
 Irrepetibilidad
DESVENTAJAS DE LAS INFOGRAFÍAS

 El texto de la imagen no se indexa

* El texto de las imágenes ya se puede indexar
gracias al formato svg. Es código, no se pixela y
se pueden aplicar opciones de movimiento.
Vamos, el futuro de las imágenes.
* También puedes mejorar el SEO insertando el
texto deseado antes o después de la infografía,
lo que hace que se posicionen.
 Son fácilmente robables
* Citar al autor dentro de la infografía con su
enlace web. Esto no es nada nuevo.
* Introducir elementos de marca que tengan
que ver con el texto para marcar nuestras
infografías.
* Introducir marcas de agua con nuestro
logotipo en la mitad de la infografía para que no
molesten la lectura y no se puedan recortar
 EJEMPLO Y BENEFICIOS DE LAS
INFOGRAFÍAS PARA LAS EMPRESAS
.

 Presentación de resultados: ayuda a entender mejor los datos que se

presentan gracias al apoyo gráfico y a la esquematización.
 Recurso para página web o blog: buena forma de ilustrar información de la
página web o del blog corporativo. la lectura se hace más divertida y fácil
 Aumenta la visibilidad en las redes sociales: las infografías crean mayor
engage (interacción) en las redes sociales, aumentando la visibilidad del
mensaje en el entorno online.
 Humanizan el contenido: contenido más afable y familiar al ser
fácilmente entendible.
 Refuerzan la marca: las infografías creativas acompañadas del logotipo
de la empresa serán más fácilmente recordadas gracias al atractivo
visual.
 Ayudan al recuerdo: tenemos tendencia a recordar mejor lo que vemos
que lo que leemos.
LOS PASOS PARA CREAR UNA INFOGRAFÍA

1. Elija el tema de la infografía

2. Identifique las fuentes de información para la infografía

3. Organice las ideas

4. Cree la infografía en grises (bosquejo)

5. Diseñe la infografía

6. Utilice herramientas para crear infografías

 GENIAL.LY
¿Qué ofrece Genial.ly?

Genial.ly hace muy sencillo crear contenidos en imagen,

añadiendo interactividad y animación. Es perfecta para
crear contenidos educativos, ya que la animación y la interactividad
ayudan a mantener la atención de los alumnos.
Ventajas de Genial.ly:
 Soporta todo tipo de contenido multimedia: vídeo, audio, GIFs… ¡justo
lo que necesitas para enriquecer tu contenido! Por ejemplo, si preparas
tu currículum online con Genial.ly puedes insertar tu vídeo de
presentación. O cualquier otro vídeo que sirva para mejorar tu perfil.
 Puedes elegir diferentes formas de navegación por tu diseño: si haces
una presentación de varias páginas, puedes configurarla como micro-site
o para que se reproduzca como un vídeo. Esto da mucho juego para
aplicar técnicas de gamificación.
 Incorpora funciones muy interesantes como, por ejemplo, poder añadir
páginas de otro Genial.ly, copiar elementos de unas páginas a otras, hacer
diferentes configuraciones de tamaño y transparencia en los fondos… El
diseño de la herramienta está muy trabajado pensando en el usuario. A
medida que te vayas haciendo con ella, irás descubriendo su enorme
potencial.
¿Qué puedes crear con Genial.ly?

 Presentar: Presentación, vídeo

presentación, dossier y recursos
didácticos.
 Interaccionar: imagen
interactiva, media, juego, Quiz.
 Explicar: infografía, procesos
temporales, listas, síntesis,
mapas.
 Difundir: eventos, ecard,
eposter, CV.
Crea tu cuenta en Genial.ly
 STORY MAP

¿Qué es un story map?

Los story maps usan la geografía como medio para organizar y

presentar la información. Cuentan la historia de un lugar, un
evento, un problema, una tendencia o un patrón en un contexto
geográfico. Combinan mapas interactivos con otros contenidos
enriquecidos, como texto, fotos, vídeo y audio, en experiencias
de usuario que son sencillas e intuitivas.
 ¿Cuáles son los elementos de un Story map?
Los story maps usan mapas web interactivos creados con ArcGIS Online, el sistema
SIG y de representación cartográfica basado en la nube de Esri. Los mapas web de
ArcGIS te permiten combinar tus propios datos, lo que incluye las hojas de cálculo y los
datos SIG, con contenido acreditado y mapas temáticos de Esri y de la comunidad SIG,
todo ello sumado a nuestros atractivos mapas base. Los mapas web admiten la
visualización, las consultas, el análisis y los mensajes emergentes para las entidades de
mapa con contenido enriquecido, como fotos y gráficos.
¿Quién desea contar historias?

Las personas que crean story maps para contar sus historias geográficas son, entre otros,
profesionales del SIG, planificadores, especialistas en comunicaciones, especialistas en información,
periodistas, activistas, diseñadores web, blogueros, educadores, estudiantes y aficionados a la
geografía