Embed Size (px)
DESCRIPTION
T
Citation preview
…hoy no hay siesta
WINTER Template
Curso CATÁLOGOS ONLINE y GUÍAS INTERACTIVAS (día 1)
FACILITADORA Ana Rodera – [email protected]
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
CURSO: Catálogos online y Guías interactivas
Logroño, 2013
Evaluación
Evaluación
Cuestionario de autoevaluació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
CREACIONES de aprendizaje, que debe permitir demostrar a los
participantes su particular grado de asimilación de los contenidos
tratados durante la formación
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
01 Cuestionario de CP
vamos a ver que conocemos de los contenidos que se nos avecinan…
¿os parece?
Cuestionario de Conocimientos Previos
http://bit.ly/Y4KCPI
02 Conceptos básicos: Diseño
…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
02 Conceptos básicos: Diseño
Fuente: Principios gráficos de diseño y composición
02 Conceptos básicos: Diseño
Fuente: Principios gráficos de diseño y composición
02 Conceptos básicos: Diseño
Fuente: Principios gráficos de diseño y composición
02 Conceptos básicos: Diseño
…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
02 Conceptos básicos: Diseño
…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
WINTER Template
03 Lluvia de ideas
Murales y corcheras digitales con Lino.it Crear corchos virtuales con Lino.it
Fuente
WINTER Template
03 Lluvia de ideas
Murales y corcheras digitales con Lino.it
Crear corchos virtuales con Lino.it
WINTER Template
03 Lluvia de ideas
PASOS para la creación de tu mural 1. Crea un nuevo canvas 2. Dale un nombre + selecciona un fondo + marca
sus características 3. Drag and Drop los elementos
editar
datar
enviar
copiar eliminar
WINTER Template
03 Lluvia de ideas
Comparte tu mural
WINTER Template
03 Lluvia de ideas
1. Crea una cuenta en Lino.it
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
TASKS
18:00
WINTER Template
03 Lluvia de ideas
¿Pero qué se un MOQUP?
… 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
WINTER Template
03 Lluvia de ideas
área de trabajo
hacer/deshacer alinear/agrupar… insertar enlace interno
WINTER Template
03 Lluvia de ideas
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
TASKS
18:30 la merienda
19:00 volvemos a clase
Publica contenido web con Checkthis
Post: Blogs de bolsillo con Checkthis
Más sobre Checkthis
Guía Paso a Paso
Servicios de edición 04
App para iPhone
Servicios de edición 04
imagen de fondo
características
publicación vista previa
paletas de
color y
tipografías
Servicios de edición 04
imagen importada desde tu
pc, de tu webcam o a través
de URL
insertando URL selecciona entre:
pago o encuesta
escribiendo URL de: un
mapa, un sonido, un tweet,
un enlace
elige entre: título,
encabezado y texto
Servicios de edición 04 el servicio proporciona una URL para compartir el producto creado
Servicios de edición 04
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
TASKS
19:45
Servicios de edición 04 Post: Tackk-eo yo... ¿Tackk-eas tú?: editando contenidos en la nube
Servicios de edición 04 …con tu Tackk ya publicado puedes: enviarlo a diferentes redes sociales o por correo, embeberlo en un sitio web o descargarlo
Servicios de edición 04
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
TASKS
20:30
Servicios de edición 04
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
Servicios de edición 04
crear un glog desde 0
crear un glog desde una plantilla
…para empezar tienes dos opciones
Servicios de edición 04
cuadro de funcionalidades
…desde las herramientas (tools) despliega el cuadro de funcionalidades
visor del elemento
seleccionado (tras
seleccionar,
confirmar)
Servicios de edición 04 deshacer
…puedes editar cada elemento
bloquear
posición
cambiar el color
añadir un
enlace
añadir sombra
y
transparencia
eliminar
Servicios de edición 04
opciones de privacidad: público o privado
…una vez finalices tu blog guárdalo (save)
etiqueta tu glog
Servicios de edición 04
volver a editar
…puedes compartir tu blog con tan solo un click
ver glog volver a tu escritorio
Servicios de edición 04
1. Crea una cuenta en Glogster
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
TASKS
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 de autor
05
Autoria
Compartir
igual
No comercial
Obra derivada
algunos derechos reservados
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
qué
dónde
con
quién cómo
VIGILAR…
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
([email protected]) si tenéis dudas que no podéis resolver tras consultar los manuales
c) Enviar los comentarios/sugerencias que consideréis oportunos (email anterior)
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
algunos recursos +
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/
yo soy Ana Rodera
mi Twitter es @arodera
mi Skype es arodera1
mi email es [email protected]
La Facilitadora
…y hoy tampoco hay siesta
WINTER Template
Curso CATÁLOGOS ONLINE y GUÍAS INTERACTIVAS (día 2)
FACILITADORA Ana Rodera – [email protected]
¿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)
Servicios de edición 06
Servicios de edición 06 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
Servicios de edición 06 también nos da el código embed para
insertarlo en un sitio web
Servicios de edición 06
encabezado texto destacado
texto plano espacio
imágenes
enlaces
vídeos de Youtube URL
enlaces anteriores
conexión con Twitter
Servicios de edición 06
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
imágenes
diferentes posibilidades de mostrar las imágenes
Servicios de edición 06
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
TASKS
Servicios de edición 06
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
Servicios de edición 06 puedes empezar tu creación desde 0 o escoger una plantilla de las 5 disponibles
ejemplo de plantilla
en blanco
Servicios de edición 06 desde el menú lateral izquierdo verás/gestionarás tus páginas
añade una página (elige su estilo desde el menú)
edita un nombre para tu Glossi
Servicios de edición 06 el menú superior te permitirá…
clonar tu Glossi
ver o no los marcadores de tamaño
insertar texto, imágenes o vídeos
visualizar 2 páginas a la vez
Servicios de edición 06 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
Servicios de edición 06 en tan solo 4 pasos podrás insertar un vídeo
desde YouTube escoge Compartir>Insertar y selecciona tamaño del vídeo personalizado
Servicios de edición 06 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
Servicios de edición 06
1. Date de alta en Glossi 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
TASKS
17:15
Servicios de edición 06
Imágenes interactivas con Thinglink
Tutorial Thinglink con Thinglink
en español
Servicios de edición 06 lo primero… regístrate (vía Twitter o Facebook o editando tus datos)
Servicios de edición 06 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)
Servicios de edición 06 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
Servicios de edición 06 lo quinto, edita tu imagen. Añade informaciones
inserta un enlace
añade una descripción
selecciona un icono
Servicios de edición 06 por último, comparte tu creación
compartir imagen
Servicios de edición 06
1. Crea una cuenta en Thinglink 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
TASKS
Servicios de edición 06
SpeakingImage: Crea imágenes interactivas
Tutorial SpeakingImage
18:30 la merienda
19:00 volvemos a clase
Servicios de edición 06
Crea presentaciones con voz Slidetalk
Tus presentaciones en la nube con audio incorporado
Servicios de edición 06
solo necesitas 3 pasos para crear tu presentación con audio incorporado SUBE-DESCRIBE-COMPARTE
Servicios de edición 06 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
Servicios de edición 06 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
Servicios de edición 06
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)
Servicios de edición 06
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
TASKS
19:45
Servicios de alojamiento 07
Tutorial de Calaméo
Otro tutorial de Calaméo
Post informativo by The TooLab
Servicios de alojamiento 07
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
Servicios de alojamiento 07
enlace a un sitio web
enlace dentro del documento (pág.)
Servicios de alojamiento 07 una vez subida tu publicación podrás navegar por el siguiente menú
modos de presentación
tabla de contenidos
publicaciones similares
descargar pantalla completa
Servicios de alojamiento 07
1. Crea una cuenta en Calaméo 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
TASKS
Servicios de alojamiento 07
Definición y características Guía paso a paso de Issuu Publica tus documentos en Issuu Presentación sobre Issuu
20:30
08 Herramientas de difusión
¿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
08 Herramientas de difusión
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)
08 Herramientas de difusión
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)
09 Cuestionario de 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
([email protected]) 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/
Ana Mª Rodera Bermúdez
[email protected] @arodera
93 450 53 69 Edificio MediaTIC
… también me podréis encontrar en la cafetería más próxima ; )
