Taller - Catálogos - Online - Guías - Interactivas PDF

…hoy no hay siesta
WINTER
Template
Curso
CATÁLOGOS ONLINE
y
GUÍAS
INTERACTIVAS (día 1)
FACILITADORA
Ana Rodera – anarodera@gmail.com
Catálogo virtual: IKEA
Catálogos online: Leroy Merlín
Catálogo virtual: PhoneHouse

Guía interactiva Sociolaboral 1
Esqueleto del curso
DÍA 1
…empezaremos con un cuestionario
…después trabajaremos algunos
conceptos básicos de diseño
…¿cómo iniciamos nuestra creación?
…cacharrearemos un poco los
servicios de edición de
guías/catálogos: CHECKTHIS,
TACKK y GLOGSTER
…hablaremos del Copyright y del

Copyleft
Esqueleto del curso
DÍA 2
…probaremos otros servicios de
edición de guías/catálogos: ZEEN,
GLOSSI, THINGLINK,
SPEAKINGIMAGE, SLIDETALK
…presentaremos los servicios de

alojamiento: CALAMÉO e ISSUU
…mostraremos algunas herramientas

para difundir nuestro mensaje en la
red
…acabaremos como empezamos, con
un cuestionario de autoevaluación
Horario: de 16:30 a 21:30
con 30’ para

reponer energías
Evaluación
CURSO: Catálogos online y Guías interactivas
Logroño, 2013
Evaluación
CREACIONES de aprendizaje,
Cuestionario que debe permitir demostrar a los
de autoevaluación
participantes su particular grado de asimilación de los contenidos
tratados durante la formación
1. Lluvia de ideas con Lino.it

2. Lluvia de ideas con Moqups
3. Flyer en CheckThis
4. Flyer en Tackk
5. Póster informativa con Glogster
6. Documento en Zeen
7. Documento en Glossi
8. Imagen interactiva con Thinglink
9. Presentación hablada con Slidetalk
10. Archivo subido a Calaméo
Evaluación
Cuestionario de autoevaluación
(diseñado por la facilitadora)
Incluirá preguntas del tipo:
 Elección múltiple
 Respuesta única
 Opinión personal
 Definición de conceptos
 Autovaloración (dominio técnico y aprovechamiento
de los servicios trabajados)
 …
DÍA 1
01- Cuestionario de conocimientos previos
02- Conceptos básicos de diseño
03- Inicio de nuestra creación: lluvia de ideas
04- Servicios de edición de guías/catálogos:
 CHECK THIS
 TACKK
 GLOGSTER
05- Derechos de autor: Copyright y Copyleft

Cuestionario de CP http://bit.ly/Y4KCPI 01
vamos a ver que conocemos de los
contenidos que se nos avecinan…
¿os parece?
Cuestionario de
Conocimientos Previos
Conceptos básicos: Diseño 02
…sobre el continente
1. Ten a mano el logo de la empresa

2. Diseña una portada e interior atractivo
3. Utiliza un formato adecuado
4. Elige una tipografía legible
5. Combina bien los colores
6. Inserta diferentes elementos: fotografías,
enlaces, vídeos, etc.
7. Distribuye tu trabajo con tan solo un clic
utilizando servicios de difusión
Aquí va una ayuda: Miniguía de diseño

Fuente: Principios gráficos de diseño y composición



…sobre el contenido
1. Piensa antes de ponerte a diseñar y editar tu

catálogo/guía. Pregúntate: ¿cuáles son tus
objetivos? ¿qué quieres presentar? ¿qué
elementos quieres insertar?, etc.
2. Planifica tus acciones y estructura tu creación
3. No tengas pánico a la hoja en blanco, empieza
por elaborar un borrador (con garabatos,
anotaciones y borrones)
4. Revisa (un par de ves mínimo) tus avances
Aquí va otra ayuda

…sobre el contenido
5. Corrige las faltas de ortografía y de expresión

6. No olvides los créditos
7. Antes de que tu creación vea la luz pídele a
dos buen@s amig@s que la critiquen
objetivamente
8. Nada es para siempre así que, revisa tu
creación y ves actualizándola
17:15
Lluvia de ideas 03
WINTER
Murales y corcheras digitales con Lino.it
Template
Crear corchos virtuales con Lino.it
Fuente
Lluvia de ideas 03
WINTER
Murales y corcheras digitales con
Template
Lino.it
Crear corchos virtuales con Lino.it

Lluvia de ideas 03
WINTER
PASOS para la creación de tu mural
Template
1. Crea un nuevo canvas
2. Dale un nombre + selecciona un fondo + marca
sus características
3. Drag and Drop los elementos
editar enviar
datar copiar eliminar

Lluvia de ideas 03
WINTER
Comparte tu muralTemplate
Lluvia de ideas 03
WINTER
Template
1. Crea una cuenta en Lino.it
TASKS
2. Piensa en que elementos tendrá tu
catálogo/guía (vídeos, texto, imágenes, etc.)
e insértalos en tu mural
3. Añade descripciones que te ayuden en las
diferentes fases de diseño y elaboración de tu
catálogo/guía
4. Anota también las diferentes acciones que
tendrás que llevar a cabo y asígnales fechas
18:00
Lluvia de ideas 03
WINTER
¿Pero qué se un MOQUP?
Template
… es una herramienta GRATUITA Y O¨NLINE que te
permite crear bocetos, diseños o “diagramas de flujo
Post informativo by The TooLAB
TUTORIAL: MOQUPS
prueba la herramienta AQUÍ
una alternativa es Lumzy

Lluvia de ideas 03
funcionalidades WINTER
Template
elementos e imágenes
páginas
Lluvia de ideas 03
hacer/deshacer
WINTER
alinear/agrupar…
Template insertar enlace interno
área de trabajo
Lluvia de ideas 03
características
WINTER
Template
Lluvia de ideas 03
WINTER
Template
TASKS
1. Date de alta en Moqups
2. Crea tu primer Mocqup teniendo presente
como quieres que sea la estructura de tu
catálogo/guía
3. Inserta diferentes elementos que ayuden a
plasmar tus ideas
4. Exporta tu Moqup
la merienda
18:30
19:00 volvemos a clase

Servicios de edición 04
Publica contenido web con Checkthis

Post: Blogs de bolsillo con Checkthis
Más sobre Checkthis
Guía Paso a Paso
App para iPhone

vista previa publicación
paletas de
color y
tipografías
imagen de fondo
características
elige entre: título, insertando URL selecciona entre:

encabezado y texto pago o encuesta
escribiendo URL de: un

mapa, un sonido, un tweet,
un enlace
imagen importada desde tu
pc, de tu webcam o a través
de URL
el servicio proporciona una URL para
compartir el producto creado
TASKS
1. Crea una cuenta en Checkthis
2. Da forma a tu check:
 Elige un título (podrás cambiarlo más tarde si quieres)
 Selecciona una paleta de colores
 Inserta una imagen de fondo
3. Incluye en tu check como mínimo:

 1 encabezado (headline)
 1 texto
 1 imagen
 1 vídeo
 1 enlace
 1 encuesta o un pago
19:45
Post: Tackk-eo yo... ¿Tackk-eas tú?:
editando contenidos en la nube
plantillas espacio de edición
colores
características
tipografía
fondos
etiquetas
elementos
…con tu Tackk ya publicado puedes: enviarlo a
diferentes redes sociales o por correo,
embeberlo en un sitio web o descargarlo
TASKS
1. Crea una cuenta en Tackk
2. Edita un tackk:
 Elige una plantilla/tema (theme) acorde con tu
propósito
 Selecciona: el color, la fuente el fondo que prefieras
 Añade una característica (features)
 Dale al menos una etiqueta a tu tackk (tag)
3. Incluye en tu tackk como mínimo:

 1 encabezado (headline)
 1 texto
 1 imagen
 1 vídeo
20:30
Crear pósters digitales con Glogster

Diseña tus pósters interactivos con
Glogster
Para qué utilizar Glogster (ejemplos varios)
échale un ojo antes

de iniciar tu glog
…para empezar tienes dos opciones
crear un glog desde 0
crear un glog desde una plantilla

…desde las herramientas (tools) despliega el cuadro de
funcionalidades
cuadro de funcionalidades
visor del elemento

seleccionado (tras
seleccionar,
confirmar)
…puedes editar cada elemento
deshacer
posición
cambiar el color
eliminar
bloquear
añadir un
enlace
añadir sombra
y
transparencia
…una vez finalices tu blog guárdalo (save)
etiqueta tu glog
opciones de privacidad: público o privado

…puedes compartir tu blog con tan solo un click
volver a editar ver glog volver a tu escritorio

1. Crea una cuenta en Glogster
TASKS
2. Edita un póster digital
3. Incluye en tu póster como mínimo:
 2 textos
 2 imágenes
 2 gráficos
 1 vídeo
 1 enlace
 1 fondo para la página
 1 fondo para el muro
21:15
Copyright and Copyleft 05
Copyright 05
El derecho de autor es un conjunto de
normas jurídicas y principios que regulan
los derechos morales y patrimoniales
que la ley concede a los autores (los
derechos de autor), por el solo hecho de
la creación de una obra literaria, artística,
musical, científica o didáctica, esté
publicada o inédita. (Wikipedia, 2013)
todos los derechos reservados

Licencias de derecho
05
de autor
algunos derechos reservados
Autoria Obra derivada
Compartir No comercial
igual
Licencias de derecho
05
de autor
Copyleft 05
El copyleft se practica al ejercer el
derecho de autor que consiste en permitir
la libre distribución de copias y versiones
modificadas de una obra u otro trabajo,
exigiendo que los mismos derechos sean
preservados en las versiones modificadas
(Wikipedia, 2013)
Copyleft 05
VIGILAR…
qué
dónde
con
quién
cómo
COMPARTIR
DEBERES
1. Guardar en un USB: textos (formatos: .doc,
.docx, .pdf), imágenes, presentaciones
(formatos: .ppt, .pptx) y cualquier otro
material que queráis incluir en vuestra
guía/catálogo
2. Traer el USB mañana

No olvidéis...
a) Consultar los diferentes tutoriales/vídeos
b) Contactar con la formadora Ana
(anarodera@gmail.com) si tenéis dudas
que no podéis resolver tras consultar los
manuales
c) Enviar los comentarios/sugerencias que
consideréis oportunos (email anterior)
algunos recursos +
1. Google Drive: ideal para la edición colaborativa de
documentos, presentaciones, formularios e
imágenes (requiere cuenta en Google)
2. Repositorio de herramientas 2.0 (¡gracias Andrés!)
3. Bit.ly: acortador de URL
4. Voki: generador de avatares
5. Lumzy: similar a Moqups (diseño de prototipos)
6. Dropbox: disco duro en la nube (también se puede
descargar en nuestro dispositivo)
algunos recursos +
7. Insertar carrito de compras de Paypal en tu sitio
web (vídeo explicativo de 5’ )
8. MailChimp: si tenéis newsletter echarle un ojo (os
dejo también un post informativo aquí)
9. ¿Cómo incrustar un vídeo en tu blog de Blogger?
10. Kope: ideal para l@s que queráis trabajar con
música de fondo
to be continued…
¿Os ha gustado la plantilla que he
utilizado? Pues la podréis encontrar en
www.presentationmagazine.com
¿y qué me decís de la tipografía? Esta y

muchas más están disponibles en
http://www.dafont.com/es/
La Facilitadora
yo soy Ana Rodera

mi Twitter es @arodera
mi Skype es arodera1
mi email es anarodera@gmail.com
…y hoy tampoco hay siesta
WINTER
Template
Curso
CATÁLOGOS ONLINE
y
GUÍAS
INTERACTIVAS (día 2)
FACILITADORA
Ana Rodera – anarodera@gmail.com
¿Alguna pregunta del día 1?
DÍA 2
06- Servicios de edición de guías/catálogos:
ZEEN, GLOSSI, THINGLINK, SPEAKING IMAGE y
SLIDETALK
07- Servicios de alojamiento: CALAMÉO e

ISSUU
08- Herramientas de difusión en la red
09- Cuestionario de autoevaluación

 Zeen: el nuevo proyecto para

crear revistas virtuales
 How to use Zeen to create
beautiful magazines online (con
capturas de pantalla)
plantillas de portada
colores de las tipografías

(portada y resto de páginas)
tipografías (para la portada

y el resto del texto)
opciones de publicación:
público, privado o sin
publicar
ZEEN …
nos ofrece tres opciones para compartir (share)
nuestro magazine: Google+, Facebook y Twitter
también nos da el código embed para
insertarlo en un sitio web
texto texto
encabezado espacio
destacado plano
imágenes
vídeos de
URL Youtube
enlaces
anteriores
conexión con
Twitter enlaces
diferentes
posibilidades de
mostrar las imágenes
imágenes
subir imágenes desde nuestro dispositivo
búsqueda de imágenes en la red
imágenes subidas anteriormente
conexión con: Facebook, Instagram, Flickr y Picasa

TASKS
1. Regístrate en Zeen
2. Crea tu primer producto en Zeen: selecciona una
portada, los colores y la tipografía que prefieras
3. Edita tu Zeen añadiendo al menos:
 1 encabezado/título
 1 texto destacado (“”)
 1 texto plano
 2 imágenes
 1 vídeo
 1 enlace
4. Obtén la URL de tu producto
 Crea una elegante revista online

con Glossi
 Tutorial: Editor de Glossi (1)
 Tutorial: Editor de Glossi (2)
Glossi: completa
colección de vídeos
Editor de Glossi
puedes empezar tu creación desde 0 o escoger una
plantilla de las 5 disponibles
en blanco
ejemplo de plantilla
desde el menú lateral izquierdo verás/gestionarás tus
páginas
edita un nombre para tu

Glossi
añade una página (elige su estilo

desde el menú)
el menú superior te permitirá…
visualizar 2
páginas a la
ver o no los insertar texto, vez
marcadores imágenes o
de tamaño vídeos clonar tu Glossi
en los clippings encontrarás elementos para dar forma a
tus páginas, también puedes subir tus propias
imágenes/gifts
añade imágenes a tu colección
en tan solo 4 pasos podrás insertar un vídeo
desde YouTube escoge

Compartir>Insertar y
selecciona tamaño del
vídeo personalizado
cuando finalices tu creación la puedes publicar haciéndola
accesible a tod@s o privada
obtendrás también el
código embed para
insertar tu Glossi en
sitios web
1. Date de alta en Glossi TASKS
2. Edita tu primer Glossi, eligiendo una
plantilla o desde 0 Inserta
3. Inserta en tu Glossi al menos:
 3 páginas
 2 fondos diferentes
 3 cuadros de texto
 4 imágenes/gifs
 1 vídeo
4. Publica tu Glossi (dando acceso a tod@s o
haciéndolo privado)
5. Obtén la URL y el código embed de tu Glossi
17:15
 Imágenes interactivas con
Thinglink
 Tutorial Thinglink con
Thinglink
en español
lo primero… regístrate (vía Twitter o Facebook
o editando tus datos)
lo segundo, elige (sube o importa) la imagen con
la que quiere trabajar
lo tercero, dale permisos a tu imagen y

comienza a etiquetarla (tag)
lo cuarto, utiliza el menú de edición de la derecha para…
guardar imágenes que te gusten
editar tu imagen
compartir tu imagen
enviar un comentario
ver tus estadísticas
eliminar tu imagen
lo quinto, edita tu imagen. Añade informaciones
inserta un enlace
añade una
descripción
selecciona un
icono
por último, comparte tu creación
compartir imagen
1. Crea una cuenta en Thinglink
TASKS
2. Selecciona una imagen, súbela y edítala
insertando:
 4 enlaces (de diferente tipo) con su descripción
correspondiente y un icono asociado
3. Obtén la URL de tu imagen

 SpeakingImage: Crea
imágenes interactivas
 Tutorial SpeakingImage
la merienda
18:30
19:00 volvemos a clase

 Crea presentaciones con voz
Slidetalk
 Tus presentaciones en la nube
con audio incorporado
IMPORTANTE: la versión FREE incluye
solo necesitas 3 pasos para crear tu
presentación con audio incorporado
SUBE-DESCRIBE-COMPARTE
regístrate haciendo uso de tus datos en
Facebook, Google+, Yahoo o Windows Live
dale un título a tu trabajo

selecciona un idioma/voz
añade slides (una a una)
sube una presentación

entera en formato ppt o
pptx
si subes slides o imágenes 1 a 1 y añade el
texto que se reproducirá
si tienes varias slides las podrás ir colocando

según el orden que prefieras
no olvides guardar (save los cambios)

descripción
slide/imagen
funcionalidades: escuchar,
eliminar, subir y bajar
antes de producir tu trabajo échale un ojo
(preview) y si estás satisfech@ prodúcelo
(produce now)
enlace de tu trabajo a
YouTube (lo recibirás
también por email)
TASKS
1. Crea una cuenta en Slidetalk
2. Dale un título y una voz a tu trabajo y a
continuación sube una presentación (recuerda -12
slides)
3. Edita el texto de las diferentes diapositivas
(descripción)
4. Realiza una preview y si todo está ok produce tu
presentación
5. Ves a YouTube para ver el vídeo de tu trabajo
19:45
Servicios de alojamiento 07
 Tutorial de Calaméo
 Otro tutorial de Calaméo
 Post informativo by The TooLab
primero recuadra la zona donde quieres insertar el

enlace
segundo haz doble clic sobre el recuadro creado
por último aparecerá el menú de edición de enlaces
enlace dentro del

documento (pág.)
enlace a un
sitio web
una vez subida tu publicación podrás
navegar por el siguiente menú pantalla
descargar completa
modos de publicaciones
presentación similares
tabla de
contenidos
1. Crea una cuenta en Calaméo
TASKS
2. Selecciona un archivo y súbelo
3. Edita las características de tu archivo:
 Título, formato, categoría, idioma y modo de publicación
 Añade al menos dos etiquetas y una breve descripción
 Selecciona las opciones de coparticipación
 Personaliza tu publicación
4. Crea una tabla de contenidos

5. Inserta al menos tres elementos interactivos
(enlaces)
6. Configura tu widget de biblioteca
 Definición y características
 Guía paso a paso de Issuu
 Publica tus documentos en Issuu
 Presentación sobre Issuu
20:30
Herramientas de difusión 08
 ¿Qué es IFTTT?
 IFTTT un conector de servicios y
aplicaciones
 IFTTT te ayuda a automatizar tus
tareas en la red
 Tutorial: If This Then That
Códigos QR
“(quick response code, «código de respuesta rápida»)
es un módulo útil para almacenar información en una
matriz de puntos o un código de barras
bidimensionalse usan para administración de
inventarios en una gran variedad de industrias. Las
direcciones y los URLs se están volviendo cada vez
más comunes en revistas y anuncios . El agregado de
códigos QR en tarjetas de presentación también se
está haciendo común” (Wikipedia, 2013)
EPUB
“Acrónimo de la expresión inglesa Electronic
publication - Publicación electrónica) es un formato
redimensionable de código abierto para archivos de
libro electrónico (e-book). En el formato de libro
digital ePub se marca el contenido, pero no se
delimita su formato, que se adapta a los diferentes
tamaños de las pantallas de los múltiples lectores de
libros electrónicos del mercado.” (Wikipedia, 2013)
Cuestionario de 09
autoevaluación
…acabamos como empezamos… con un
cuestionario de autoevaluación final
Cuestionario de
Autoevaluación
algunos recursos +
1. I love pdf: si quiere unir o separar archivos .pdf
esta es tu herramienta
2. Morguefile: repositorio de imágenes
3. FreePhotosBank: y otro repositorio de imágenes
4. Freepik: vectores y fotos free
5. FreeDigitalPhotos: y más imágenes para tus
creaciones
algunos recursos +
6. QR-Extenxión para Google Chrome
7. Un poco de información sobre Realidad Aumentada
(RA)
8. 15 ejemplos de realidad aumentada para promocionar
tu negocio
9. Papyrus: editor online para crear e-books online
10. Scribus: servicios de edición y maquetación de
esritorio (open source)
11. Animoto: vídeos de 30’ en un plis
12. Magisto: un sencillo editor de vídeo (aplicación móvil)
No olvidéis...
a) Consultar los diferentes tutoriales/vídeos
b) Contactar con la formadora Ana
(anarodera@gmail.com) si tenéis dudas
que no podéis resolver tras consultar los
manuales
c) Enviar los comentarios/sugerencias que
consideréis oportunos (email anterior)
¿Os ha gustado la plantilla que he
utilizado? Pues la podréis encontrar en
www.presentationmagazine.com
¿y qué me decís de la tipografía? Esta y

muchas más están disponibles en
http://www.dafont.com/es/
¡¡¡AUPA!!!
¡¡¡Gracias!!!
Ana Mª Rodera Bermúdez
anarodera@gmail.com
@arodera
93 450 53 69
Edificio MediaTIC
… también me podréis encontrar en la cafetería más próxima ; )

Taller - Catálogos - Online - Guías - Interactivas PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Taller - Catálogos - Online - Guías - Interactivas PDF

Cargado por

Copyright:

Formatos disponibles

…hoy no hay siesta

Catálogo virtual: PhoneHouse

…hablaremos del Copyright y del

…presentaremos los servicios de

…mostraremos algunas herramientas

con 30’ para

CURSO: Catálogos online y Guías interactivas

1. Lluvia de ideas con Lino.it

05- Derechos de autor: Copyright y Copyleft

1. Ten a mano el logo de la empresa

Aquí va una ayuda: Miniguía de diseño

Fuente: Principios gráficos de diseño y composición

Fuente: Principios gráficos de diseño y composición

Fuente: Principios gráficos de diseño y composición

1. Piensa antes de ponerte a diseñar y editar tu

Aquí va otra ayuda

5. Corrige las faltas de ortografía y de expresión

Crear corchos virtuales con Lino.it

datar copiar eliminar

Post informativo by The TooLAB

una alternativa es Lumzy

19:00 volvemos a clase

Publica contenido web con Checkthis

App para iPhone

vista previa publicación

elige entre: título, insertando URL selecciona entre:

escribiendo URL de: un

3. Incluye en tu check como mínimo:

3. Incluye en tu tackk como mínimo:

Crear pósters digitales con Glogster

échale un ojo antes

crear un glog desde una plantilla

visor del elemento

opciones de privacidad: público o privado

volver a editar ver glog volver a tu escritorio

todos los derechos reservados

Autoria Obra derivada

2. Traer el USB mañana

¿y qué me decís de la tipografía? Esta y

yo soy Ana Rodera

07- Servicios de alojamiento: CALAMÉO e

08- Herramientas de difusión en la red

09- Cuestionario de autoevaluación

 Zeen: el nuevo proyecto para

colores de las tipografías

tipografías (para la portada

búsqueda de imágenes en la red

imágenes subidas anteriormente

conexión con: Facebook, Instagram, Flickr y Picasa

 Crea una elegante revista online

edita un nombre para tu

añade una página (elige su estilo

desde YouTube escoge

lo tercero, dale permisos a tu imagen y

guardar imágenes que te gusten

ver tus estadísticas

3. Obtén la URL de tu imagen

19:00 volvemos a clase

dale un título a tu trabajo

añade slides (una a una)

sube una presentación

si tienes varias slides las podrás ir colocando

no olvides guardar (save los cambios)