Presentación de PowerPoint

Transcription

Presentación de PowerPoint
…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
Evaluación
CURSO: Catálogos online y Guías interactivas
Logroño, 2013
Evaluación
CREACIONES
de aprendizaje,
que debe permitir demostrar a los
Cuestionario
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
vamos a ver que conocemos de los
contenidos que se nos avecinan…
¿os parece?
Cuestionario de
Conocimientos Previos
01
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
Conceptos básicos: Diseño
02
Fuente: Principios gráficos de diseño y composición
Conceptos básicos: Diseño
02
Fuente: Principios gráficos de diseño y composición
Conceptos básicos: Diseño
02
Fuente: Principios gráficos de diseño y composición
Conceptos básicos: Diseño
02
…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
Conceptos básicos: Diseño
02
…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
Crear corchos virtuales con Lino.it
Template
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
TASKS
Template
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
18:00
03
Lluvia de ideas
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
funcionalidades
03
WINTER
elementos e imágenes
Template
páginas
03
Lluvia de ideas
hacer/deshacer
WINTER
alinear/agrupar…
insertar enlace interno
Template
área de trabajo
Lluvia de ideas
características
03
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
Servicios de edición
vista previa
paletas de
color y
tipografías
imagen de fondo
características
04
publicación
Servicios de edición
elige entre: título,
encabezado y texto
insertando URL
04
selecciona entre:
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
04
Servicios de edición
el servicio proporciona una
compartir el producto creado
URL
para
04
Servicios de edición
1. Crea una cuenta en Checkthis
2. Da forma a tu check:



TASKS
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
Servicios de edición
Post: Tackk-eo yo... ¿Tackk-eas tú?:
editando contenidos en la nube
04
Servicios de edición
plantillas
espacio de edición
04
Servicios de edición
colores
características
tipografía
fondos
etiquetas
04
Servicios de edición
elementos
04
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
1. Crea una cuenta en Tackk
2. Edita un tackk:




TASKS
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:




04
1 encabezado (headline)
1 texto
1 imagen
1 vídeo
20:30
04
Servicios de edición
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
…para empezar tienes dos opciones
crear un glog desde 0
crear un glog desde una plantilla
Servicios de edición
04
…desde las herramientas (tools) despliega el cuadro de
funcionalidades
cuadro de funcionalidades
visor del elemento
seleccionado (tras
seleccionar,
confirmar)
04
Servicios de edición
…puedes editar cada elemento
posición
deshacer
cambiar el color
eliminar
bloquear
añadir un
enlace
añadir sombra
y
transparencia
Servicios de edición
…una vez finalices tu blog guárdalo (save)
etiqueta tu glog
opciones de privacidad: público o privado
04
04
Servicios de edición
…puedes compartir tu blog con tan solo un click
volver a editar
ver glog
volver a tu escritorio
04
Servicios de edición
TASKS
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
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
algunos derechos reservados
Autoria
Compartir
igual
Obra derivada
No comercial
Licencias de derecho
de autor
05
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
([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)
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 [email protected]
…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:
ISSUU
CALAMÉO e
08- Herramientas de difusión en la red
09- Cuestionario de autoevaluación
Servicios de edición
 Zeen: el nuevo proyecto para
crear revistas virtuales
 How to use Zeen to create
beautiful magazines online (con
capturas de pantalla)
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
06
Servicios de edición
encabezado
texto
destacado
texto
plano
espacio
imágenes
URL
vídeos de
Youtube
enlaces
anteriores
conexión con
Twitter
enlaces
06
Servicios de edición
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
Servicios de edición
06
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
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
en blanco
ejemplo de plantilla
Servicios de edición
06
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ú)
06
Servicios de edición
el menú superior te permitirá…
ver o no los
marcadores
de tamaño
insertar texto,
imágenes o
vídeos
visualizar 2
páginas a la
vez
clonar tu Glossi
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
06
Servicios de edició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
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
TASKS
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
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
por último, comparte tu creación
compartir imagen
06
Servicios de edición
06
TASKS
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
Servicios de edición
 SpeakingImage: Crea
imágenes interactivas
 Tutorial SpeakingImage
06
la merienda
18:30
19:00 volvemos a clase
Servicios de edición
 Crea presentaciones con voz
Slidetalk
 Tus presentaciones en la nube
con audio incorporado
06
Servicios de edición
06
IMPORTANTE: la versión FREE incluye
Servicios de edición
06
solo necesitas 3 pasos para crear
presentación con audio incorporado
tu
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
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
 Tutorial de Calaméo
 Otro tutorial de Calaméo
 Post informativo by The TooLab
07
Servicios de alojamiento
07
Servicios de alojamiento
07
Servicios de alojamiento
07
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
enlace dentro del
documento (pág.)
enlace a un
sitio web
07
Servicios de alojamiento
07
Servicios de alojamiento
07
Servicios de alojamiento
07
una vez subida tu publicación podrás
navegar por el siguiente menú
pantalla
descargar
modos de
presentación
publicaciones
similares
tabla de
contenidos
completa
Servicios de alojamiento
07
Servicios de alojamiento
07
Servicios de alojamiento
07
TASKS
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
Servicios de alojamiento




Definición y características
Guía paso a paso de Issuu
Publica tus documentos en Issuu
Presentación sobre Issuu
07
20:30
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
08
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)
Herramientas de difusión
08
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
autoevaluación
09
…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/
¡¡¡AUPA!!!
¡¡¡Gracias!!!
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 ; )