…hoy no hay siesta
WINTERTemplate
Taller
CATÁLOGOS,
FLYERS y GUÍAS EN
LÍNEA (día 1) [2ª Ed.]
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
nuestra pizarra virtual
Esqueleto del curso - DÍA 1
01- Pautas para la presentación y el diseño de la
información
02- Ideación del proyecto: lluvi...
Esqueleto del curso - DÍA 2
01- Servicios de edición de catálogos, flyers y
guías en línea
01.1- POSTERINI
01.2- SLIPP
01....
Horario: de 16:30 a 21:30
…con 30’ para
reponer energías
TALLER: Catálogos, Flyers y Guías en línea
Logroño, 2014
Evaluación
Evaluación
1. Lluvia de ideas con Padlet
2. Mapa mental con Mind42
3. Edición de imágenes con
PicMonkey o Fotor
4. Flyer e...
Evaluación
1. Mapa mental con ExamTime
2. Búsqueda de fotos con CC en Google
3. Instalación de fuentes en su dispositivo
4...
¿preparad@s?
01- Pautas para la presentación y
el diseño de la información
01Pautas para la presentación y
diseño de la información
TOP 8 ACTIONS
1. Decide cuál va a ser el contenido (ej. listado d...
01Pautas para la presentación y
diseño de la información
TOP 8 ACTIONS
4. Elige el tamaño (medidas: alto y ancho y
número ...
01Pautas para la presentación y
diseño de la información
TOP 8 ACTIONS
7. Muestra (brevemente) experiencias de éxito,
hist...
01
Fuente: Principios gráficos de diseño y composición
Pautas para la presentación y
diseño de la información
01
Fuente: Principios gráficos de diseño y composición
Pautas para la presentación y
diseño de la información
01
Fuente: Principios gráficos de diseño y composición
Pautas para la presentación y
diseño de la información
01Pautas para la presentación y
diseño de la información
...para contactar con la Sra. Creatividad
01Pautas para la presentación y
diseño de la información
...y 40 acciones para llamar a la Sra. Creatividad
01Pautas para la presentación y
diseño de la información
…sobre el continente
1. Ten a mano el logo de la empresa
2. Diseñ...
01Pautas para la presentación y
diseño de la información
… más sobre el contenido
1. Utiliza un título llamativo
2. Piensa...
01
…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 cr...
01
… más sobre el contenido
1. Piensa antes de ponerte a diseñar y editar tu
catálogo/guía. Pregúntate: ¿cuáles son tus
ob...
16:45
02- Ideación del proyecto: lluvia
de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
¿Qué es un mapa mental?
Tipos de mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
algunas pautas…
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
versión servilleta…
5’
 Qué contenidos
 Qué pro...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
versión servilleta…
5’
 Qué marca la diferencia
...
WINTERTemplate
02.1Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
02.1
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
02.1
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Si decidimos registrarnos vía Facebook
podemos conf...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
02.1
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Página principal
Crear un nuevo muro
Usuario
Compar...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Información básica
 Título
 D...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Papel tapiz
Modificar el fondo ...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Diseño
Elección de la distribuc...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Privacidad
 Control de la sele...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Notificaciones
Elección del env...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Modificar este muro
Dirección
Cambio de la URL del ...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Edición del muro
Doble clic
Agregar una URL
(vídeo,...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Compartir
 A través de redes sociales/profesionale...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
Compartir
 Exportación del muro en diferentes form...
WINTERTemplate
Ideación del proyecto:
Lluvia de ideas y mapas mentales
1. Crea una cuenta en Padlet y un muro
2. Genera un...
¡Seguro que te ha quedado
un mapa con fundamento!
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Murales y corcheras digitales con Lino.it
Crear c...
WINTERTemplate
02
Murales y corcheras digitales con
Lino.it
Crear corchos virtuales con Lino.it
Ideación del proyecto:
Llu...
WINTERTemplate
02
PASOS para la creación de tu mural
1. Crea un nuevo canvas
2. Dale un nombre + selecciona un fondo + mar...
WINTERTemplate
02
Comparte tu mural
Ideación del proyecto:
Lluvia de ideas y mapas mentales
17:30
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Cómo crear una cuenta en Mind42,
de ZeroDark
Manu...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Realizar anotaciones
Descripción de tareas+asigna...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Edición de la tipografia +
color de línea
Revisar...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Ejemplo de mapa mental
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
1. Crea una cuenta en mapa con Mind42
2. Introduc...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
5. Introduce en tu mapa mental todos aquellos
ele...
¿Fácil verdad?
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
 Registro vía email o ID en Facebook o Google+
...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
 Los apuntes también se pueden visualizar en mod...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Menú de edición de conceptos/información
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Posibilidad de dejar varias notas asociadas a un
...
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Ejemplo de mapa mental
Revista - Fanzine
WINTERTemplate
02Ideación del proyecto:
Lluvia de ideas y mapas mentales
Ejemplo de mapa mental
Revista
18:00
03- Selección y edición de
imágenes
03Selección y edición de imágenes
03Selección y edición de imágenes
03Selección y edición de imágenes
03Selección y edición de imágenes
Consejos de la abuela
 Referenciar las imágenes
 Buscar utilizando palabras clave
 Es...
03.1Selección y edición de imágenes
 PicMonkey otra opción para el retoque de
imágenes (post informativo)
 Los mejores t...
03.1Selección y edición de imágenes
Vídeo-Tutorial PicMonkey 1
Vídeo-Tutorial PicMonkey 2
Vídeo-Tutorial PicMonkey 3
03Selección y edición de imágenes
TASKS
TASK 1 – Edición de fotos con PicMonkey
 Sube una imagen
 Recórtala y cámbiale e...
18:30
la merienda
19:00 volvemos a clase
03.2Selección y edición de imágenes
 Registro vía email o ID en Facebook
 App para iOs, Android y Windows Phone
Guía de ...
03Selección y edición de imágenes
TASKS
TASK 2 – Generación de un Collage o una Tarjeta
con Fotor
 Sube las fotos (edítal...
¡estáis hech@s un@s artistas!
Huevo visto por Picasso y Dalí
19:45
04- Servicios de edición de
catálogos, flyers y guías
04.1 - Tackk
Servicios de edición 04.1
Post: Tackk-eo yo... ¿Tackk-eas tú?:
editando contenidos en la nube
Servicios de edición
plantillas
espacio personal
04.1
Servicios de edición
funcionalidades
04.1
espacio de edición
Servicios de edición 04.1
colores
fuentes
Servicios de edición 04.1
patrones
opciones
Servicios de edición 04.1
compartir/publicar
difundir
Servicios de edición
elementos (1)
04.1
título
texto
foto
Con opciones de:
Buscar
Subir
Instagram
URL
botón
vinculado a UR...
Servicios de edición
elementos (2)
04.1
media
botón
vinculado a URL
RSVP
asistencia
mapa
formulario
de contacto
venta
Servicios de edición
1. Crea una cuenta en Tackk
2. Edita un tackk:
 Elige una plantilla/tema (theme) acorde con tu propó...
20:30
 Publica contenido web con Checkthis
 Post: Blogs de bolsillo con Checkthis
 Más sobre Checkthis
 Guía Paso a Paso
Ser...
Servicios de edición
imagen de fondo
características
publicaciónvista previa
paletas de
color y
tipografías
04
Servicios de edición
imagen importada desde tu
pc, de tu webcam o a través
de URL
insertando URL selecciona entre:
pago o ...
Servicios de edición
el servicio proporciona una URL para
compartir el producto creado
04
Servicios de edición
1. Crea una cuenta en Checkthis
2. Da forma a tu check:
 Elige un título (podrás cambiarlo más tarde...
Diseña un flyer
en un…¡¡plis-plas!
Servicios de edición 04
Servicios de edición 04
Servicios de edición 04
Pasos a seguir:
1. Rellena el texto
2. Personaliza el color y el tamaño
3. Pulsa "Añadir texto"
4....
Servicios de edición 04
...cuando finalices tu trabajo lo puedes descargar
en diferentes formatos y compartir a través de
...
21:00
05- Derechos de autor: Copyright,
Copyleft y Licencias CC
Copyright vs Copyleft 05
05Derechos de autor
Propiedad intelectual
Derechos de autor
“Los derechos relacionados con el derecho de autor son
los der...
Derechos de autor
Copyright 05
El derecho de autor es un conjunto de
normas jurídicas y principios que regulan los
derecho...
Derechos de autor
Copyleft
05
El copyleft se practica al ejercer el derecho de
autor que consiste en permitir la libre
dis...
05Derechos de autor
Propiedad intelectual
Propiedad intelectual
“según la definición de la Organización Mundial de la
Prop...
Derechos de autor
Copyleft
05
qué
dónde
con
quiéncómo
VIGILAR…
COMPARTIR
Derechos de autor
Licencias CC
05
Autoria
Compartir
igual
No comercial
Obra derivada
algunos derechos reservados
05Derechos de autor
Licencias CC
05Derechos de autor
Licencias CC
05Derechos de autor
Licencias CC
1. Genera una licencia para el trabajo que deseas
compartir en línea. Ten en cuenta:
 Si...
21:15
DEBERES
1. Guardar en un USB: textos (formatos: .doc,
.docx, .pdf), imágenes, presentaciones
(formatos: .ppt, .pptx) y cua...
No olvidéis...
a) Consultar los diferentes tutoriales/vídeos
b) Contactar con la formadora Ana
(anarodera@gmail.com) si te...
sobres extra
sobres extra
1ª Edició
1. Google Drive: ideal para la edición colaborativa de
documentos, presentaciones, formularios e
imágenes (requiere cuenta...
7. Insertar carrito de compras de Paypal en tu sitio
web (vídeo explicativo de 5’ )
8. MailChimp: si tenéis newsletter ech...
sobres extra
2ª Edición
11. Creación de tarjetas de visitas con FlyerforFree y
también podéis utilizar Mi Tarjeta Personal (ofrece
múltiples diseñ...
16. Documental sobre Sixto Rodríguez (su música aquí)
17. Cómo crear un canal en YouTube
18. Generar portadas para Faceboo...
23. ¿Qué es la web 2.0? y ¿la web semántica?
24. Descargar vídeos de YouTube con Bajar YT o
también con el truco de Alejan...
21:29
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...
yo soy Ana Rodera
mi Twitter es @arodera
mi Skype es arodera1
mi email es anarodera@gmail.com
La Facilitadora
…hoy tampoco hay siesta
WINTERTemplate
Taller
CATÁLOGOS,
FLYERS y GUÍAS EN
LÍNEA (día 2) [2ª Ed.]
FACILITADORA
Ana Rodera – anarodera@gmail.com
nuestra pizarra virtual
¿Alguna pregunta del día 1?
Esqueleto del curso - DÍA 2
01- Servicios de edición de catálogos, flyers y
guías en línea
01.1- POSTERINI
01.2- THINKLINK...
¿estáis preparad@s?
Servicios de edición 01.1
Servicios de edición 01.1
Planes
Servicios de edición 01.1
Plan gratuito
Servicios de edición 01.1
tras el registro… crear un nuevo flyer
Servicios de edición 01.1
pantalla de edición
funcionalidades
básicas
escritorio visualización
Servicios de edición 01.1
funcionalidades básicas
 Existen diferentes opciones
de publicación: privacidad,
categoría, etc...
Servicios de edición 01.1
acciones de texto
1. Eliminar
2. Rotar
3. Expandir o contraer
4. Con doble clic sobre la palabra...
Servicios de edición 01.1
acciones de imagen/icono
1. Eliminar
2. Rotar
3. Expandir o contraer
4. Opciones de edición: dup...
Servicios de edición 01.1
exportación de nuestro flyer
...para evitar la marca de agua podemos realizar
una captura de pan...
Servicios de edición 01.1
1. Date de alta en Posterini
2. Edita tu flyer
1. Elige una categoría
2. Configura las opciones ...
Servicios de edición 01.1
Si queréis algo mucho más rápido
podéis probar Emezeta (pero aquí
no podrás configurar los
títul...
creaciones con Posterini y Emezeta
17:00
Servicios de edición 01.2
 Imágenes interactivas con
Thinglink
 Tutorial Thinglink con
Thinglink
en español
Servicios de edición 01.2
algunos ejemplos
Servicios de edición
planes
01.2
Servicios de edición
lo primero… regístrate (vía Twitter o Facebook
o editando tus datos)
01.2
Servicios de edición
lo segundo, crea una nueva imagen interactiva
lo tercero, elige (sube o importa) la imagen con
la que...
Servicios de edición
lo cuarto, edita tu imagen: dale un título + añade
etiquetas (tags) con vídeos, música, fotos o links...
Servicios de edición
lo quinto, personaliza tus etiquetas: añade texto,
elige un icono adecuado, sitúa el punto informativ...
Servicios de edición
lo sexto, configura las opciones de compartición y
visualización
01.2
Servicios de edición
por último, utiliza las opciones de compartición
(sharing options)
01.2
Servicios de edición
1. Crea una cuenta en Thinglink
2. Selecciona una imagen, súbela y edítala
insertando:
 4 enlaces (d...
Servicios de edición
 SpeakingImage: Crea
imágenes interactivas
 Tutorial SpeakingImage
01
17:15
Servicios de edición 01.3
 Crea una elegante revista online
con Glossi
 Tutorial: Editor de Glossi (1)
 Tutorial: Edito...
Servicios de edición 01.3
puedes empezar tu creación desde 0 o escoger una
plantilla de las 5 disponibles
ejemplo de plant...
Servicios de edición 01.3
desde el menú lateral izquierdo verás/gestionarás tus
páginas
añade una página (elige su estilo
...
Servicios de edición 01.3
el menú superior te permitirá…
clonar tu Glossi
ver o no los
marcadores
de tamaño
insertar texto...
Servicios de edición 01.3
en los clippings encontrarás elementos para dar forma a
tus páginas, también puedes subir tus pr...
Servicios de edición 01.3
en tan solo 4 pasos podrás insertar un vídeo
desde YouTube escoge
Compartir>Insertar y
seleccion...
Servicios de edición 01.3
cuando finalices tu creación la puedes publicar haciéndola
accesible a tod@s o privada
obtendrás...
Servicios de edición 01.3
1. Date de alta en Glossi (Slipp)
2. Edita tu primer Glossi (Slipp), eligiendo una plantilla
o d...
17:45
Servicios de edición 01
 How to use Creatavist (post)
 Página de ayuda de Creativist
(English)
 Tools and Apps for Jour...
Servicios de edición 01
tipos de cuenta
Servicios de edición 01
¿por donde empezar? regístrate y “Add New
Project”
Servicios de edición 01
descripción/abstract
guarda y visualiza tu trabajo
Servicios de edición 01
espacio de edición
Servicios de edición 01
portada
inserción de imagen
edición de título y subtítulo
autores
Servicios de edición 01
opciones de publicación
antes de publicar
echarle un ojo a estas
opciones
1. Agrega: imágenes, pdf...
Servicios de edición 01
1. Date de alta en Creatavist
2. Edita tu primer catálogo
3. Inserta en tu catálogo al menos 5 cap...
18:30
el té de las
19:00 volvemos a clase
19:00
Servicios de alojamiento
 Tutorial de Calaméo
 Otro tutorial de Calaméo
 Post informativo by The TooLab
02.1
Servicios de alojamiento 02.1
Servicios de alojamiento 02.1
registro en Calaméo
Servicios de alojamiento 02.1
desde tu usuario puedes acceder al menú principal
Servicios de alojamiento 02.1
Tabla de mandos: muestra nº publicacoines,
espacio ocupado, descargas y comentarios
Servicios de alojamiento 02.1
Publicaciones: se presentan todos los archivos
subidos
Servicios de alojamiento 02.1
Publicaciones: incluye el widget para incrustar
nuestras obras a modo de biblioteca
Servicios de alojamiento 02.1
Publicaciones: ofrece la opción de compartir en
diversas redes sociales, a través del email ...
Servicios de alojamiento 02.1
1- Para subir una publicación hacemos clic sobre
Publicar (en la barra superior)
2- Seleccio...
Servicios de alojamiento 02.1
3- Editamos los diferentes campos asociados a
nuestra publicación (título, descripción, lice...
Servicios de alojamiento 02.1
4- Esperamos hasta que nuestra publicación se
cargue
1. Visualización en línea de la publica...
Servicios de alojamiento 02.1
5- Editar la tabla de contenidos: permite
añadirle un índice a tu trabajo (podemos mover
los...
Servicios de alojamiento 02.1
6- Editor de enlaces:
1. Enlace a sitio web
2. Enlace a una página del
documento
3. Pista de...
Servicios de alojamiento
7- Una vez subida y editada la publicación
se podrá navegar por el siguiente menú
modos de
presen...
Servicios de alojamiento
1. Crea una cuenta en Calaméo
2. Selecciona un archivo y súbelo
3. Edita las características de t...
Servicios de alojamiento 02
 Definición y características
 Guía paso a paso de Issuu
 Publica tus documentos en Issuu
...
20:00
02.1
Envío newsletters
personalizados con…
Herramientas para difundir
nuestro mensaje
 Guía fácil de MailChimp (2014)
 C...
02.1Herramientas para difundir
nuestro mensaje
planes
(el gratuito no está nada mal)
02.1Herramientas para difundir
nuestro mensaje
sobre plantillas + ejemplo
 Edita tu propia
plantilla de MailChimp
 10 pl...
20:30
02
Usuario en Twitter
Página en Facebook
Usuario o grupo en Linkedin
Perfil en About.me
Herramientas para difundir
nue...
02
 ¿Qué es IFTTT?
 IFTTT un conector de servicios y
aplicaciones
 IFTTT te ayuda a automatizar tus
tareas en la red
 ...
02
Códigos QR
“(quick response code, «código de respuesta rápida»)
es un módulo útil para almacenar información en una
mat...
02
TASKS
1. Créate una cuenta en Unitag
2. Genera dos códigos QR (ej. de una URL,
una tarjeta de visita, un calendario o c...
02
5. Piensa en posibles usos y lugares en que
este QR podría resultar útil (por si no estás
inspirad@ aquí van 30 ejemplo...
02Herramientas para difundir
nuestro mensaje
EPUB
“Acrónimo de la expresión inglesa Electronic
publication - Publicación e...
21:15
03Cuestionario de
autoevaluación
…acabamos como empezamos… con un
cuestionario de autoevaluación final
Cuestionario de
Aut...
sobres extra
sobres extra
1ª Edición
sobre extra (1ª Ed.)
1. I love pdf: si quiere unir o separar archivos .pdf
esta es tu herramienta
2. Morguefile: repositor...
sobre extra (1ª Ed.)
6. QR-Extenxión para Google Chrome
7. Un poco de información sobre Realidad
Aumentada (RA)
8. 15 ejem...
sobres extra
2ª Edición
sobre extra (2ª Ed.)
11. Creación de vídeos con Wideo y Powtoon
12. Tu firma digital lista para insertar en tus correos de...
sobre extra (2ª Ed.)
18. Creación de vídeos con Wideo y Powtoon
19. Generar banner sin moscca con BannerFotor
20. Editar b...
sobre extra (2ª Ed.)
23. Otra herramienta interesante para crear flyers o
trípticos es Lucidpress
24. Diccionario en Engli...
No olvidéis...
a) Consultar los diferentes tutoriales/vídeos
b) Contactar con la formadora Ana
(anarodera@gmail.com) si te...
¿Os ha gustado la plantilla que he
utilizado? Pues la podréis encontrar en
www.presentationmagazine.com
¿y qué me decís de...
21:29
¡¡¡Gracias!!!
¡¡¡AUPA!!!
Ana Mª Rodera Bermúdez
anarodera@gmail.com
@arodera
625 987 211
Barcelona Growth Center
… también me podréis encontrar en...
Próxima SlideShare
Cargando en…5
×

Taller: Catálogos, flyers y guías en línea (2ª ed. - 2014)

157 visualizaciones

Publicado el

Taller sobre el diseño diferentes elementos de comunicación en línea con la ayuda de servicios gratuitos de la web 2.0

Publicado en: Educación
0 comentarios
2 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
157
En SlideShare
0
De insertados
0
Número de insertados
6
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
2
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller: Catálogos, flyers y guías en línea (2ª ed. - 2014)

  1. 1. …hoy no hay siesta
  2. 2. WINTERTemplate Taller CATÁLOGOS, FLYERS y GUÍAS EN LÍNEA (día 1) [2ª Ed.] FACILITADORA Ana Rodera – anarodera@gmail.com
  3. 3. Catálogo virtual: IKEA Catálogos online: Leroy Merlín Catálogo virtual: PhoneHouse Guía interactiva Sociolaboral 1
  4. 4. nuestra pizarra virtual
  5. 5. Esqueleto del curso - DÍA 1 01- Pautas para la presentación y el diseño de la información 02- Ideación del proyecto: lluvia de ideas y mapas mentales 02.1- PADLET 03- Selección y edición de imágenes 03.1- PICMONKEY 03.2- FOTOR 04- Servicios de edición de catálogos/flyers y guías: 04.1- TACKK 05- Derechos de autor: Copyright, Copyleft y Licencias Creative Commons
  6. 6. Esqueleto del curso - DÍA 2 01- Servicios de edición de catálogos, flyers y guías en línea 01.1- POSTERINI 01.2- SLIPP 01.3- CALAMÉO 01.4- THINGLINK 02- Herramientas para difundir nuestro mensaje 02.1- MAILCHIMP 03- Cuestionario de autoevaluación
  7. 7. Horario: de 16:30 a 21:30 …con 30’ para reponer energías
  8. 8. TALLER: Catálogos, Flyers y Guías en línea Logroño, 2014 Evaluación
  9. 9. Evaluación 1. Lluvia de ideas con Padlet 2. Mapa mental con Mind42 3. Edición de imágenes con PicMonkey o Fotor 4. Flyer editado con Tackk 5. Flyer o anuncio creado con Posterini 6. Catálogo o guía en Slipp 7. Imagen interactiva con Thinglink 8. Archivo subido a Calaméo PRODUCTOS DE APRENDIZAJE que deben permitir demostrar a los participantes su particular grado de asimilación de los contenidos tratados durante la formación
  10. 10. Evaluación 1. Mapa mental con ExamTime 2. Búsqueda de fotos con CC en Google 3. Instalación de fuentes en su dispositivo 4. Publicación de un flyer con CheckThis o FlyerforFree 5. Creación de una licencia CC 6. Edición de un código QR 7. Apertura y uso de una cuenta en Twitter 8. Generación de una página en Facebook 9. Diseño de un perfil en Linkedin PRODUCTOS DE APRENDIZAJE OPTATIVOS que cada participante puede realizar libremente según sus necesidades/intereses
  11. 11. ¿preparad@s?
  12. 12. 01- Pautas para la presentación y el diseño de la información
  13. 13. 01Pautas para la presentación y diseño de la información TOP 8 ACTIONS 1. Decide cuál va a ser el contenido (ej. listado de productos con sus descripciones, imágenes, opiniones de clientes, información de contacto, etc.) 2. Busca y selecciona las imágenes que van a acompañar a tu producción 3. Describe de forma breve y concisa cada uno de los productos (50-150 palabras). Añade la característica más llamativa asociada a cada uno. También puedes asignar un precio, un descuento, etc.
  14. 14. 01Pautas para la presentación y diseño de la información TOP 8 ACTIONS 4. Elige el tamaño (medidas: alto y ancho y número de páginas) y la distribución de espacios 5. Incluye información de contacto y valora la posibilidad diseñar un formulario de pedido en línea 6. Redacta una introducción y también un cierre para tu producción
  15. 15. 01Pautas para la presentación y diseño de la información TOP 8 ACTIONS 7. Muestra (brevemente) experiencias de éxito, historias que doten de garantía a tus productos 8. Invierte unos cuantos minutos en idear un portada original
  16. 16. 01 Fuente: Principios gráficos de diseño y composición Pautas para la presentación y diseño de la información
  17. 17. 01 Fuente: Principios gráficos de diseño y composición Pautas para la presentación y diseño de la información
  18. 18. 01 Fuente: Principios gráficos de diseño y composición Pautas para la presentación y diseño de la información
  19. 19. 01Pautas para la presentación y diseño de la información ...para contactar con la Sra. Creatividad
  20. 20. 01Pautas para la presentación y diseño de la información ...y 40 acciones para llamar a la Sra. Creatividad
  21. 21. 01Pautas para la presentación y diseño de la información …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: Mini-Guía de diseño
  22. 22. 01Pautas para la presentación y diseño de la información … más sobre el contenido 1. Utiliza un título llamativo 2. Piensa en el significado de las imágenes y cuida su calidad 3. Determina quiénes serán tus clientes, establece sus características comunes y un lenguaje adecuado 4. Incita a la acción 5. ¡Eres diferente! ¡Eres el adecuado! Justifica por qué
  23. 23. 01 …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 Pautas para la presentación y diseño de la información
  24. 24. 01 … más 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 Pautas para la presentación y diseño de la información
  25. 25. 16:45
  26. 26. 02- Ideación del proyecto: lluvia de ideas y mapas mentales
  27. 27. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales ¿Qué es un mapa mental? Tipos de mapas mentales
  28. 28. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales algunas pautas…
  29. 29. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales versión servilleta… 5’  Qué contenidos  Qué productos  Qué descripciones  Para qué público  Qué imágenes  Qué logotipo  Qué modos de contacto  Cómo realizar el pedido  Qué experiencias de éxito  Qué dicen los clientes
  30. 30. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales versión servilleta… 5’  Qué marca la diferencia  Por qué es el adecuado/mejor  Qué elementos tendrá la portada  Qué se dirá en la introducción  En qué redes sociales y sitios web nos encontrarán  En qué causas sociales se colabora: ONG, eentos deportivos, etc.
  31. 31. WINTERTemplate 02.1Ideación del proyecto: Lluvia de ideas y mapas mentales
  32. 32. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales 02.1
  33. 33. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales 02.1
  34. 34. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Si decidimos registrarnos vía Facebook podemos configurar la política de privacidad de nuestro perfil para no permitir que el servicio publique en nuestro nombre 02.1
  35. 35. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales 02.1
  36. 36. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Página principal Crear un nuevo muro Usuario Compartir/Exportar + Información Ayuda Modificar este muro Ver notificaciones 02.1
  37. 37. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Información básica  Título  Descripción  Imagen (icono) 02.1
  38. 38. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Papel tapiz Modificar el fondo de nuestro mural con una imagen: desde plantilla o subida desde nuestro dispositivo o capturada con nuestra webcam o a través de URL 02.1
  39. 39. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Diseño Elección de la distribución de la información dentro del muro 02.1
  40. 40. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Privacidad  Control de la selección de la visibilidad  Posibilidad de agregar colaboradores  Moderación de entradas 02.1
  41. 41. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Notificaciones Elección del envío diario de las alteraciones generadas en el muro para establecer un seguimiento 02.1
  42. 42. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Modificar este muro Dirección Cambio de la URL del muro según nuestras necesidades 02.1
  43. 43. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Edición del muro Doble clic Agregar una URL (vídeo, web, etc.) Subir un archivo (imagen, documento, etc. Tomar una foto desde la webcam 02.1
  44. 44. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Compartir  A través de redes sociales/profesionales  Vía email o suscripción  Exportación del muro en diferentes formatos  Opción de imprimir  Códigos embed o de incrustación  Generación de código QR 02.1
  45. 45. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales Compartir  Exportación del muro en diferentes formatos: ¡OJO! Que no siempre lo que hay es lo que después se ve (ej. exportación en formato pdf) 02.1
  46. 46. WINTERTemplate Ideación del proyecto: Lluvia de ideas y mapas mentales 1. Crea una cuenta en Padlet y un muro 2. Genera un muro: dale un nombre+cambia su fondo+añade un icono representativo 3. Deja volar tu imaginación y presenta (sintéticamente) los diferentes elementos/informaciones con los que contará tu catálogo/guía/flyer (vídeos, texto, imágenes, etc.) e insértalos en tu muro 4. Añade descripciones+vídeos+enlaces+imágenes de interés que puedan serte útiles (como fuentes de inspiración) 5. Sube archivos desde tu ordenador para completar los contenidos TASKS 02.1
  47. 47. ¡Seguro que te ha quedado un mapa con fundamento!
  48. 48. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Murales y corcheras digitales con Lino.it Crear corchos virtuales con Lino.it Fuente
  49. 49. WINTERTemplate 02 Murales y corcheras digitales con Lino.it Crear corchos virtuales con Lino.it Ideación del proyecto: Lluvia de ideas y mapas mentales
  50. 50. WINTERTemplate 02 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 Ideación del proyecto: Lluvia de ideas y mapas mentales
  51. 51. WINTERTemplate 02 Comparte tu mural Ideación del proyecto: Lluvia de ideas y mapas mentales
  52. 52. 17:30
  53. 53. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Cómo crear una cuenta en Mind42, de ZeroDark Manual de Mind42, de María José Ciudad
  54. 54. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Realizar anotaciones Descripción de tareas+asignación de progreso+prioridad+tiempo Inserción de links (de la web, Wikipedia, email, otros mapas, etc.)
  55. 55. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Edición de la tipografia + color de línea Revisar+Colaborar+Exportar Inserción de iconos
  56. 56. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Ejemplo de mapa mental
  57. 57. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales 1. Crea una cuenta en mapa con Mind42 2. Introduce los diferentes elementos/informaciones con los que contará tu catálogo/guía/flyer (vídeos, texto, imágenes, etc.) e insértalos en tu mapa (recuerda… ¡no solo texto!) 3. Añade descripciones+vídeos+enlaces+imágenes de interés que puedan serte útiles (como fuentes de inspiración) 4. Sube archivos desde tu ordenador para completar los contenidos TASKS
  58. 58. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales 5. Introduce en tu mapa mental todos aquellos elementos multimedia que te ayuden a configurar cada una de las secciones anteriores, como por ejemplo:  Enlaces a webs de interés  Imágenes  Iconos  Emails de contacto  Enlaces a la Wikipedia  Listas de tareas 6. Exporta tu mapa mental en formato JPEG, a tu escritorio
  59. 59. ¿Fácil verdad?
  60. 60. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  61. 61. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales  Registro vía email o ID en Facebook o Google+  Modifica los datos de tu perfil que consideres oportunos (ej. el idioma)
  62. 62. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  63. 63. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  64. 64. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  65. 65. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  66. 66. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  67. 67. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  68. 68. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales  Los apuntes también se pueden visualizar en modo presentación  El menú de edición permite la inserción de enlaces, imágenes, etc.
  69. 69. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  70. 70. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales
  71. 71. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Menú de edición de conceptos/información
  72. 72. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Posibilidad de dejar varias notas asociadas a un concepto/información
  73. 73. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Ejemplo de mapa mental Revista - Fanzine
  74. 74. WINTERTemplate 02Ideación del proyecto: Lluvia de ideas y mapas mentales Ejemplo de mapa mental Revista
  75. 75. 18:00
  76. 76. 03- Selección y edición de imágenes
  77. 77. 03Selección y edición de imágenes
  78. 78. 03Selección y edición de imágenes
  79. 79. 03Selección y edición de imágenes
  80. 80. 03Selección y edición de imágenes Consejos de la abuela  Referenciar las imágenes  Buscar utilizando palabras clave  Escoger el buscador más adecuado  Utilizar y COMPARTIR imágenes ... dos sitios web para descargar tipografías ... y para saber cómo instalarlas en 2’ ¡mira!
  81. 81. 03.1Selección y edición de imágenes  PicMonkey otra opción para el retoque de imágenes (post informativo)  Los mejores trucos para PicMonkey (post) ... por si quieres aún más Guía (supercompleta) de PicMonkey
  82. 82. 03.1Selección y edición de imágenes Vídeo-Tutorial PicMonkey 1 Vídeo-Tutorial PicMonkey 2 Vídeo-Tutorial PicMonkey 3
  83. 83. 03Selección y edición de imágenes TASKS TASK 1 – Edición de fotos con PicMonkey  Sube una imagen  Recórtala y cámbiale el color  Añádele texto  Aplícale al menos dos efectos  Cuando acabes guarda tu foto
  84. 84. 18:30 la merienda 19:00 volvemos a clase
  85. 85. 03.2Selección y edición de imágenes  Registro vía email o ID en Facebook  App para iOs, Android y Windows Phone Guía de usuario básica (English)
  86. 86. 03Selección y edición de imágenes TASKS TASK 2 – Generación de un Collage o una Tarjeta con Fotor  Sube las fotos (edítalas primero y guárdalas)  Selecciona una plantilla  Edita texto e integra un icono prediseñado  Modifica los fondos  Descarga y guarda tu trabajo
  87. 87. ¡estáis hech@s un@s artistas! Huevo visto por Picasso y Dalí
  88. 88. 19:45
  89. 89. 04- Servicios de edición de catálogos, flyers y guías 04.1 - Tackk
  90. 90. Servicios de edición 04.1 Post: Tackk-eo yo... ¿Tackk-eas tú?: editando contenidos en la nube
  91. 91. Servicios de edición plantillas espacio personal 04.1
  92. 92. Servicios de edición funcionalidades 04.1 espacio de edición
  93. 93. Servicios de edición 04.1 colores fuentes
  94. 94. Servicios de edición 04.1 patrones opciones
  95. 95. Servicios de edición 04.1 compartir/publicar difundir
  96. 96. Servicios de edición elementos (1) 04.1 título texto foto Con opciones de: Buscar Subir Instagram URL botón vinculado a URL audio vídeo
  97. 97. Servicios de edición elementos (2) 04.1 media botón vinculado a URL RSVP asistencia mapa formulario de contacto venta
  98. 98. Servicios de edición 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  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  1 formulario de contacto  1 botón 4. Descarga tu producción TASKS 04.1
  99. 99. 20:30
  100. 100.  Publica contenido web con Checkthis  Post: Blogs de bolsillo con Checkthis  Más sobre Checkthis  Guía Paso a Paso Servicios de edición App para iPhone 04
  101. 101. Servicios de edición imagen de fondo características publicaciónvista previa paletas de color y tipografías 04
  102. 102. Servicios de edición 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 04
  103. 103. Servicios de edición el servicio proporciona una URL para compartir el producto creado 04
  104. 104. Servicios de edición 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 (opt.) 04
  105. 105. Diseña un flyer en un…¡¡plis-plas! Servicios de edición 04
  106. 106. Servicios de edición 04
  107. 107. Servicios de edición 04 Pasos a seguir: 1. Rellena el texto 2. Personaliza el color y el tamaño 3. Pulsa "Añadir texto" 4. Puedes desplazar el texto directamente sobre la imagen. Una vez acabado, haz clic sobre "Crear flyer".
  108. 108. Servicios de edición 04 ...cuando finalices tu trabajo lo puedes descargar en diferentes formatos y compartir a través de Facebook directamente
  109. 109. 21:00
  110. 110. 05- Derechos de autor: Copyright, Copyleft y Licencias CC
  111. 111. Copyright vs Copyleft 05
  112. 112. 05Derechos de autor Propiedad intelectual Derechos de autor “Los derechos relacionados con el derecho de autor son los derechos de los artistas intérpretes y ejecutantes sobre sus interpretaciones y ejecuciones, los derechos de los productores de fonogramas sobre sus grabaciones y los derechos de los organismos de radiodifusión sobre sus programas de radio y de televisión” (Wikipedia, 2014)
  113. 113. Derechos de autor 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
  114. 114. Derechos 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)
  115. 115. 05Derechos de autor Propiedad intelectual Propiedad intelectual “según la definición de la Organización Mundial de la Propiedad Intelectual, se refiere a toda creación de la mente humana.1 Los derechos de propiedad intelectual protegen los intereses de los creadores al ofrecerles prerrogativas en relación con sus creaciones. La propiedad intelectual tiene que ver con las creaciones de la mente: las invenciones, las obras literarias y artísticas, los símbolos, los nombres, las imágenes y losdibujos y modelos utilizados en el comercio” (Wikipedia, 2014)
  116. 116. Derechos de autor Copyleft 05 qué dónde con quiéncómo VIGILAR… COMPARTIR
  117. 117. Derechos de autor Licencias CC 05 Autoria Compartir igual No comercial Obra derivada algunos derechos reservados
  118. 118. 05Derechos de autor Licencias CC
  119. 119. 05Derechos de autor Licencias CC
  120. 120. 05Derechos de autor Licencias CC 1. Genera una licencia para el trabajo que deseas compartir en línea. Ten en cuenta:  Si quieres que las adaptaciones de tu obra se comparta  Si deseas que tenga un fin comercial  Todos los datos de tu trabajo (ej. título, formato, URL, etc.)  Que puedes obtener automáticamente el código de incrustación o código embed para insertarla en tu sitio web TASKS (opt.)
  121. 121. 21:15
  122. 122. 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
  123. 123. 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) Dejar los comentarios/sugerencias que consideréis oportunos en la pizarra virtual
  124. 124. sobres extra
  125. 125. sobres extra 1ª Edició
  126. 126. 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) sobres extra + (1ª ed.)
  127. 127. 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 sobres extra + (1ª ed.)
  128. 128. sobres extra 2ª Edición
  129. 129. 11. Creación de tarjetas de visitas con FlyerforFree y también podéis utilizar Mi Tarjeta Personal (ofrece múltiples diseños y posibilidad de exportar como pdf para después imprimir) 12. Presentaciones de imágenes acompañadas con texto y música: Photopeach y Youtube (tutorial) 13. Marcadores sociales (por si te fallan tus Favoritos). Diigo (permite crear grupos) y Delicious 14. Logotipos gratis con logotipoGratis (sin marcas de agua) 15. Diseña tu avatar con Voki sobres extra + (2ª ed.)
  130. 130. 16. Documental sobre Sixto Rodríguez (su música aquí) 17. Cómo crear un canal en YouTube 18. Generar portadas para Facebook desde Fotor o Canva 19. Fotomontajes divertidos para BBC (Bodas Bautizos Comuniones) con MomentCam (Android o iOS) 20. Planes de Dropbox para empresas 21. Configuración de la privacidad en Facebook 22. Retoque fotográfico desde el móvil con PicsArt para Android y también para iOS sobres extra + (2ª ed.)
  131. 131. 23. ¿Qué es la web 2.0? y ¿la web semántica? 24. Descargar vídeos de YouTube con Bajar YT o también con el truco de Alejandra SS delante de la URL (quitándole el http://) 25. Extraer la música de los vídeos de YouTube a mp3 sobres extra + (2ª ed.)
  132. 132. 21:29
  133. 133. to be continued…
  134. 134. ¿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/
  135. 135. yo soy Ana Rodera mi Twitter es @arodera mi Skype es arodera1 mi email es anarodera@gmail.com La Facilitadora
  136. 136. …hoy tampoco hay siesta
  137. 137. WINTERTemplate Taller CATÁLOGOS, FLYERS y GUÍAS EN LÍNEA (día 2) [2ª Ed.] FACILITADORA Ana Rodera – anarodera@gmail.com
  138. 138. nuestra pizarra virtual
  139. 139. ¿Alguna pregunta del día 1?
  140. 140. Esqueleto del curso - DÍA 2 01- Servicios de edición de catálogos, flyers y guías en línea 01.1- POSTERINI 01.2- THINKLINK 01.3- SLIPP 02. Servicios de alojamiento y edición 02.1- CALAMÉO 03- Herramientas para difundir nuestro mensaje 03.1- MAILCHIMP 04- Cuestionario de autoevaluación
  141. 141. ¿estáis preparad@s?
  142. 142. Servicios de edición 01.1
  143. 143. Servicios de edición 01.1 Planes
  144. 144. Servicios de edición 01.1 Plan gratuito
  145. 145. Servicios de edición 01.1 tras el registro… crear un nuevo flyer
  146. 146. Servicios de edición 01.1 pantalla de edición funcionalidades básicas escritorio visualización
  147. 147. Servicios de edición 01.1 funcionalidades básicas  Existen diferentes opciones de publicación: privacidad, categoría, etc.  En las plantillas se puede modificar la imagen de fondo  Solo es posible trabajar con dos fotos
  148. 148. Servicios de edición 01.1 acciones de texto 1. Eliminar 2. Rotar 3. Expandir o contraer 4. Con doble clic sobre la palabra: Editar 5. Opciones de edición: duplicar, modificar tipografía, establecer separación entre letras, etc. 1 2 3 4 5
  149. 149. Servicios de edición 01.1 acciones de imagen/icono 1. Eliminar 2. Rotar 3. Expandir o contraer 4. Opciones de edición: duplicar, modificar color, añadir sombras, etc. 3 4 2 1 2 3 4
  150. 150. Servicios de edición 01.1 exportación de nuestro flyer ...para evitar la marca de agua podemos realizar una captura de pantalla desde el modo de visualización de pantalla completa
  151. 151. Servicios de edición 01.1 1. Date de alta en Posterini 2. Edita tu flyer 1. Elige una categoría 2. Configura las opciones de privacidad 3. Sube 1 fotografía 4. Añade al menos dos textos con diferentes tipografías o colores 5. Utiliza un mínimo de dos iconos 6. Cambia el fondo si lo deseas TASKS
  152. 152. Servicios de edición 01.1 Si queréis algo mucho más rápido podéis probar Emezeta (pero aquí no podrás configurar los títulos/contenidos que aparecen en la revista) TASKS (opt.)
  153. 153. creaciones con Posterini y Emezeta
  154. 154. 17:00
  155. 155. Servicios de edición 01.2  Imágenes interactivas con Thinglink  Tutorial Thinglink con Thinglink en español
  156. 156. Servicios de edición 01.2 algunos ejemplos
  157. 157. Servicios de edición planes 01.2
  158. 158. Servicios de edición lo primero… regístrate (vía Twitter o Facebook o editando tus datos) 01.2
  159. 159. Servicios de edición lo segundo, crea una nueva imagen interactiva lo tercero, elige (sube o importa) la imagen con la que quiere trabajar 01.2
  160. 160. Servicios de edición lo cuarto, edita tu imagen: dale un título + añade etiquetas (tags) con vídeos, música, fotos o links 01.2
  161. 161. Servicios de edición lo quinto, personaliza tus etiquetas: añade texto, elige un icono adecuado, sitúa el punto informativo donde desees y comprueba que la URL funcione OK 01.2
  162. 162. Servicios de edición lo sexto, configura las opciones de compartición y visualización 01.2
  163. 163. Servicios de edición por último, utiliza las opciones de compartición (sharing options) 01.2
  164. 164. Servicios de edición 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 4. Comparte tu trabajo en la pizarra virtual del curso (usa este formato: Título+URL+tu nombre) TASKS 01.2
  165. 165. Servicios de edición  SpeakingImage: Crea imágenes interactivas  Tutorial SpeakingImage 01
  166. 166. 17:15
  167. 167. Servicios de edición 01.3  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
  168. 168. Servicios de edición 01.3 puedes empezar tu creación desde 0 o escoger una plantilla de las 5 disponibles ejemplo de plantilla en blanco
  169. 169. Servicios de edición 01.3 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
  170. 170. Servicios de edición 01.3 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
  171. 171. Servicios de edición 01.3 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
  172. 172. Servicios de edición 01.3 en tan solo 4 pasos podrás insertar un vídeo desde YouTube escoge Compartir>Insertar y selecciona tamaño del vídeo personalizado
  173. 173. Servicios de edición 01.3 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
  174. 174. Servicios de edición 01.3 1. Date de alta en Glossi (Slipp) 2. Edita tu primer Glossi (Slipp), eligiendo una plantilla o desde 0 3. Inserta en tu Glossi al menos 6 páginas que incluyan:  1 portada  1 introducción (texto) + imagen  3 plantillas diferentes  5 imágenes/gifs  1 vídeo 4. Publica tu Slipp y compártelo en la pizarra virtual dejando: su título, la URL y tu nombre 5. Obtén código embed de tu Slipp TASKS
  175. 175. 17:45
  176. 176. Servicios de edición 01  How to use Creatavist (post)  Página de ayuda de Creativist (English)  Tools and Apps for Journalists: Creatavist (post)
  177. 177. Servicios de edición 01 tipos de cuenta
  178. 178. Servicios de edición 01 ¿por donde empezar? regístrate y “Add New Project”
  179. 179. Servicios de edición 01 descripción/abstract guarda y visualiza tu trabajo
  180. 180. Servicios de edición 01 espacio de edición
  181. 181. Servicios de edición 01 portada inserción de imagen edición de título y subtítulo autores
  182. 182. Servicios de edición 01 opciones de publicación antes de publicar echarle un ojo a estas opciones 1. Agrega: imágenes, pdf, audio, localización, etc. 2. Edita el mensaje que aparecerá al compartir tu trabajo en diferentes redes sociales (ej. Facebook y Twitter) 3. Opciones de visualización (diseño de portada, paginación, etc.) 4. Edición de datos adicionales (etiquetas, fecha, ISBN, etc.) 1 2 3 4
  183. 183. Servicios de edición 01 1. Date de alta en Creatavist 2. Edita tu primer catálogo 3. Inserta en tu catálogo al menos 5 capítulos que incluyan:  1 portada (con imagen y texto)  1 texto con enlaces  1 mapa  1 vídoe  1 documento pdf 4. Publica tu trabajo en dos formatos diferentes 5. Comparte tu Creatavist con el resto de compañeros a través de la pizarra virtual (escribe el título de tu proyecto, su URL y tu nombre) 6. Descarga tu producción TASKS (opt.)
  184. 184. 18:30 el té de las 19:00 volvemos a clase
  185. 185. 19:00
  186. 186. Servicios de alojamiento  Tutorial de Calaméo  Otro tutorial de Calaméo  Post informativo by The TooLab 02.1
  187. 187. Servicios de alojamiento 02.1
  188. 188. Servicios de alojamiento 02.1 registro en Calaméo
  189. 189. Servicios de alojamiento 02.1 desde tu usuario puedes acceder al menú principal
  190. 190. Servicios de alojamiento 02.1 Tabla de mandos: muestra nº publicacoines, espacio ocupado, descargas y comentarios
  191. 191. Servicios de alojamiento 02.1 Publicaciones: se presentan todos los archivos subidos
  192. 192. Servicios de alojamiento 02.1 Publicaciones: incluye el widget para incrustar nuestras obras a modo de biblioteca
  193. 193. Servicios de alojamiento 02.1 Publicaciones: ofrece la opción de compartir en diversas redes sociales, a través del email o de un enlace
  194. 194. Servicios de alojamiento 02.1 1- Para subir una publicación hacemos clic sobre Publicar (en la barra superior) 2- Seleccionamos el archivo que queremos subir a Calaméo
  195. 195. Servicios de alojamiento 02.1 3- Editamos los diferentes campos asociados a nuestra publicación (título, descripción, licencia, opciones de compartición, diseño, etc. )
  196. 196. Servicios de alojamiento 02.1 4- Esperamos hasta que nuestra publicación se cargue 1. Visualización en línea de la publicación 2. Edición de la publicación
  197. 197. Servicios de alojamiento 02.1 5- Editar la tabla de contenidos: permite añadirle un índice a tu trabajo (podemos mover los títulos o eliminarlos) Para acceder al índice interactivo debemos encontrarnos en modo visualización
  198. 198. Servicios de alojamiento 02.1 6- Editor de enlaces: 1. Enlace a sitio web 2. Enlace a una página del documento 3. Pista de audio 4. Integración de vídeo 5. Inserción de una imagen 6. Zoom 1 2 3 4 5 6
  199. 199. Servicios de alojamiento 7- Una vez subida y editada la publicación se podrá navegar por el siguiente menú modos de presentación tabla de contenidos publicaciones relacionadas compartir pantalla completa 02.1
  200. 200. Servicios de alojamiento 1. Crea una cuenta en Calaméo 2. Selecciona un archivo y súbelo 3. Edita las características de tu archivo:  Personaliza tu publicación: título, descripción, licencias, visualización, etc.  Crea una tabla de contenidos  Inserta al menos 4 elementos interactivos (desde el editor de enlaces)  Personaliza tu publicación 4. Configura tu widget de biblioteca 5. Obtén el enlace a tu documento TASKS 02.1
  201. 201. Servicios de alojamiento 02  Definición y características  Guía paso a paso de Issuu  Publica tus documentos en Issuu  Presentación sobre Issuu
  202. 202. 20:00
  203. 203. 02.1 Envío newsletters personalizados con… Herramientas para difundir nuestro mensaje  Guía fácil de MailChimp (2014)  Con Mailchimp ya puedes empezar tu campaña de emailing (post)  Mega Tutorial MailChimp en español (post)
  204. 204. 02.1Herramientas para difundir nuestro mensaje planes (el gratuito no está nada mal)
  205. 205. 02.1Herramientas para difundir nuestro mensaje sobre plantillas + ejemplo  Edita tu propia plantilla de MailChimp  10 plantillas para Newsletters en Mailchimp
  206. 206. 20:30
  207. 207. 02 Usuario en Twitter Página en Facebook Usuario o grupo en Linkedin Perfil en About.me Herramientas para difundir nuestro mensaje
  208. 208. 02  ¿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 Herramientas para difundir nuestro mensaje
  209. 209. 02 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.” (Wikipedia, 2013) Herramientas para difundir nuestro mensaje ...algunos generadores de códigos QR ...10 lectores de códigos QR ...yo utilizo QR Droid
  210. 210. 02 TASKS 1. Créate una cuenta en Unitag 2. Genera dos códigos QR (ej. de una URL, una tarjeta de visita, un calendario o con otras informaciones). No olvides:  Personalizar los colores (de fondo y de imagen)  Añadir un logotipo  Escoger un diseño apropiado 3. Guarda tu QR y descárgalo 4. Pídele a tu compañero de al lado que lea tu QR con algún lector para verificar que todo funciona correctamente Herramientas para difundir nuestro mensaje
  211. 211. 02 5. Piensa en posibles usos y lugares en que este QR podría resultar útil (por si no estás inspirad@ aquí van 30 ejemplos) Herramientas para difundir nuestro mensaje
  212. 212. 02Herramientas para difundir nuestro mensaje 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)
  213. 213. 21:15
  214. 214. 03Cuestionario de autoevaluación …acabamos como empezamos… con un cuestionario de autoevaluación final Cuestionario de Autoevaluación
  215. 215. sobres extra
  216. 216. sobres extra 1ª Edición
  217. 217. sobre extra (1ª Ed.) 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
  218. 218. sobre extra (1ª Ed.) 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. Animoto: vídeos de 30’ en un plis 10.Magisto: un sencillo editor de vídeo (aplicación móvil)
  219. 219. sobres extra 2ª Edición
  220. 220. sobre extra (2ª Ed.) 11. Creación de vídeos con Wideo y Powtoon 12. Tu firma digital lista para insertar en tus correos de Gmail y Outlook con WiseStamp 13. Obtén gifs animados en GIFGIFs.com o Gifs.Net 14. Crea tus propios gifs desde makeagif o gifmaker 15. Para imprimir tu pantalla pulsa la tecla Impr pant 16. Tipografías muy utilizadas en presentaciones comerciales Helvética (y familia) 17. Camisetas fashion en línea: Pampling y La Tostadora
  221. 221. sobre extra (2ª Ed.) 18. Creación de vídeos con Wideo y Powtoon 19. Generar banner sin moscca con BannerFotor 20. Editar banner con HTML5 con Google Web Designer (programa de escritorio)… ¡échale un ojo Miguel! 21. Tu CV o presentación informal con About.me 22. Realidad Aumentada con Layar (¡ojo! que la versión gratuita desaparece a los dos meses) o Creatvitic (un/a compañer@ lo compartió en la pizarra virtual)
  222. 222. sobre extra (2ª Ed.) 23. Otra herramienta interesante para crear flyers o trípticos es Lucidpress 24. Diccionario en English en línea: Linguee
  223. 223. 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 a la pizarra virtual
  224. 224. ¿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/
  225. 225. 21:29
  226. 226. ¡¡¡Gracias!!! ¡¡¡AUPA!!!
  227. 227. Ana Mª Rodera Bermúdez anarodera@gmail.com @arodera 625 987 211 Barcelona Growth Center … también me podréis encontrar en la cafetería más próxima ; )

×