revistas digitales educativas con joomag paso a...

31
Revistas Digitales Educativas con Joomag Paso a paso

Upload: others

Post on 22-May-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Revistas Digitales Educativas con Joomag

Paso a paso

Page 2: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Ingresar al sitio y crear una cuenta● Abrir el navegador.

● Ingresar la dirección www.joomag.com

Page 3: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Crear la cuenta

● Presionar clic en el botón Create Account

● Ingresar el nombre, un correo válido y una contraseña.

● Presione clic en el botón Create my account.

● Se puede crear la cuenta utilizando los datos de facebook o twitter.

Page 4: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Página de inicio● Al realizar los pasos detallados en la diapositiva

anterior aparece la pantalla principal de Joomag y cuyos elementos se detallan a continuación.

Page 5: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Barra de inicio

● Muestra el nombre del usuario identificado.

● Muestra el tipo de cuenta en este caso gratuita y la opción para mejorar y pasar a una cuenta de pago.

● Contiene la opción de ajustes. Al presionar este botón se desprenden las opciones que se detallan en la siguiente diapositiva.

Page 6: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Opciones de las configuraciones generales

● My Magazines: muestra todas las revistas que hayamos creado en Joomag.

● My Library: muestra las revistas de nuestro interés y que seguimos en Joomag.

● Orders History: muestra la historia de las transacciones realizadas.

● Account settings: muestra las configuraciones de la cuenta.

● Log Out: en esta barra aparece el botón para cerrar la sesión.

Page 7: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Menú principal

● Debajo de la barra de inicio se encuentra el menú principal y que contiene las siguientes opciones:

– My account: permite ingresar a todas las configuraciones relacionadas con la cuenta.

– Newsstand: permite ver todo tipo de revistas creadas en Joomag, estas están ordenadas por categorías.

– Features: muestra las características de esta herramienta.

– Pricing: muestra las opciones de pago que posee la herramienta.

– Support: muestra diferentes opciones para obtener soporte sobre la herramienta.

Page 8: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Opción My Account

Page 9: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Opción My Account

● Esta opción contiene las mismas alternativas que las configuraciones generales (my magazines, my library, account settings).

● En la opción Account settings podemos realizar diferentes acciones. A continuación se detallan las más importantes.

– Profile:permite configurar algunos datos del perfil como la compañía, la ciudad, el país, el nombre y subir una imagen para el logo de la revista.

– Sharing: permite conectar la cuenta de Joomag con las redes sociales facebook y twitter de manera que podamos compartir por estas nuestras revistas o recursos.

– Password: permite cambiar la contraseña actual por una nueva.

Page 10: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Crear una nueva revista

● Ir a la opción My account.

● Seleccionar la opción My magazines.

● Presionar clic en la opción Create magazine.

Page 11: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Crear una revista

● Al presionar sobre las opciones indicadas en la diapositiva anterior se abre una ventana con dos pestañas.

● En la primer pestaña Welcome, aparecen dos consejos de Joomag con orientaciones sobre el uso de las revistas.

● En la segunda Basic, es donde se configuran los datos de la nueva revista.

● Debe presionar clic en el botón Next.

Page 12: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Crear una revista

● Configurar el título de la revista.

● En más opciones puede configurar la descripción, la categoría, el tipo, el lenguaje y la región.

● Una vez que termine debe presionar clic en el botón Next.

Page 13: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Revista creada● Una vez creada la revista aparece la siguiente

imagen:

● En esta aparece el logo de la revista el cual corresponde a la imagen subida en el perfil.

● Aparece el título de la revista y los datos configurados en el paso anterior.

● Aparece la barra de configuración de la revista donde las diferentes opciones permiten respectivamente: editar los datos básico y el logo, copiar el código para embeber la revista, copiar el enlace de la revista para compartirlo y eliminar la revista.

Page 14: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Insertar contenido

● Para insertar contenido en una revista se deben agregar temas o volúmenes como se le conoce normalmente. Para ello se debe presionar clic en la opción Crear new issue.

● Al presionar clic sobre este botón se abrirá una ventana con tres pestañas.

– La primera hace referencia al contenido, en este caso se puede insertar el mismo de dos formas con un pdf donde ya se encuentra toda la información o mediante una plantilla.

Page 15: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Insertar contenido mediante plantilla

● En este caso se debe seleccionar la opción Create from template.

● En esta opción se debe seleccionar la cantidad de páginas en este caso 6.

● El tamaño se deja con las medidas que trae por defecto.

● Y se puede seleccionar una plantilla en este caso en blanco.

Page 16: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

● Si se presiona en la opción Create isuue and finish se creará el tema solo con la plantilla y la cantidad de hojas.

● Si se presiona en la opción More options se podrán configurar las opciones de información del tema como el título, la descripción, palabras claves y categorías.

● Si se presiona en Next se puede seleccionar un fondo para el nuevo tema.

● Una vez que termine de configurar todas estas opciones debe presionar clic en Create isuue and finish.

Insertar contenido mediante plantilla

Page 17: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Tema o volumen creado

● Una vez creado el tema aparece la siguiente ventana:

● Esta muestra la información básica del tema, la cantidad de visitas en una semana y el total de ellas. Si esta o no publicado el volumen, el botón para configurar la privacidad de la publicación, el botón para convertir la publicación en pdf y en la parte interior se encuentra la barra de herramientas y configuraciones del tema.

Page 18: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Barra de herramientas: botón configuración básica

● Configuración básica del tema: muestra las configuraciones detalladas en las diapositivas 15 y 16 (información del tema, vista, impresión).

● Es importante retomar la pestaña páginas ya que en esta permite agregar páginas, mover páginas, agregar pdf y eliminar páginas.

Page 19: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

● Para editar el contenido del tema se debe presionar clic sobre el botón editar.

Barra de herramientas: botón de edición de contenido

● Aparece una ventana similar a la de la derecha.

● Esta permite compartir el tema por medio de facebook u otras redes. Ver la cantidad de páginas y pasarlas una por una, ver información de la revista, hacer zoom a las páginas, desactivar el sonido si la pagina contiene, ver el material en pantalla completa.

● A la izquierda hay indicaciones sobre el uso de algunas herramientas.

● En la parte de abajo una vista en miniatura de las páginas y a un lado de las mismas el botón editar.

● Se debe presionar clic sobre este (Edit page).

Page 20: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Ventana de edición de contenidos● La ventana de edición de contenidos esta compuesta

por cuatro bloques.

1. Barra de herramientas generales.

2. Barra de herramientas especificas de acuerdo al objeto seleccionado.

3. Barra de inserción de objetos.

4. Área de contenido.

Page 21: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Barra de herramientas generales

Permite editar en pantalla completa.

Permite configurar el color de fondo de las barras.

Permite guardar los cambios realizados.

Permite descartar los cambios realizados.

Es una librería que almacena los objetos subidos y utilizados en la revista.

Permite agregar capas.

Permite ver la cuadricula del documento.

Ajustar el documento a las guiás

Aplicar efectos a los objetos.

Crear enlaces.

Propiedades de la página.

Propiedades de los objetos

Page 22: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Configurar área de contenido

● Siempre antes de iniciar con la edición del contenido se deben tener todos los materiales con lo que se va a trabajar. La información debe estar ordenada por importancia (jerarquizada). “Entre menos más”

● Luego se debe definir el formato en el que se va a trabajar si en una, dos o tres columnas.

● Se deben crear los márgenes del documento para ordenar la información.

● El artículo más importante se coloca en la primera(as) páginas.

Page 23: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Establecer los márgenes

● Para establecer los margenes se debe posicionar el mouse sobre las reglas que se encuentran arriba y a la izquierda de la página en color celeste y arrastrar hacia la misma.

● En el caso de la portada solo se aplica el margen izquierdo.

● En las demás páginas se recomienda de 3 rayitas en el margen superior, inferior y externo. El lomo o margen interno debe ser de 5.

● Si se va a elaborar un recurso digital se puede omitir esta configuración.

Page 24: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Crear capas

● Para crear capas se debe presionar clic sobre el comando indicado.

● Se recomienda trabajar las capas de la siguiente forma:

– Fondo

– Texto

– Objetos de imagen, video, formas.● Para cambiar el nombre a la capa se debe

presionar doble clic sobre el mismo.

● El ojo permite ocultar la capa.

● El candado permite bloquear la capa.

● Las flechas permiten mover las capas, el signo de más es para agregar y el menos para eliminar.

Page 25: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Insertar formas

● Para insertar una forma se debe presionar clic en el botón indicado y luego arrastrar el mouse sobre la página.

● Se puede agregar una línea, un cuadrado o un círculo.

● Para modificar el color se utilizan los objetos que se encuentran al final de esta barra y para ello el objeto debe estar seleccionado.

Permite seleccionar los objetos.

Page 26: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Barra de herramientas extras

● X:permite mover el objeto a la izquierda o a la derecha.

● Y: permite mover el objeto hacia arriba y hacia abajo

● W: cambia el tamaño en lo ancho.

● H: cambia el tamaño en la altura.

● Escalan el tamaño en porcentajes.

● Herramientas de rotación.

● Herramientas de alineación.

Page 27: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Agregar cuadros de texto

● Para insertar un cuadro de texto se debe presionar clic en el botón indicado y luego arrastrar el mouse sobre la página.

● Para escribir se debe presionar doble clic.

● Se puede modificar el tipo de letra, el formato, el tamaño, subíndice, superíndice, tachado, subrayado, mayúscula, el espaciado entre letras, la alineación, la identación,aplicar columnas y el espacio entre las mismas.

● Para cambiar el color se debe utilizar la siguiente herramienta.

Page 28: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Agregar imagen

● Para insertar una imagen se debe presionar clic en el botón indicado.

● Aparecerá una ventana donde deberá subir la o las imágenes.

● Luego debe seleccionar la imagen a insertar.

● Presionar clic en Place.

● Arrastrar el mouse sobre la página para insertarla.

● La imagen utiliza la misma barra de herramientas que las formas.

Page 29: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Agregar video

● Abrir una nueva pestaña en el navegador y abrir Youtube.

● Buscar un video y copiar el enlace.

● Presionar clic en el botón indicado.

● Aparecerá una ventana donde deberá pegar el enlace.

● Presionar clic en Add.

● Arrastrar el mouse sobre la página para insertarlo.

● El video utiliza la misma barra de herramientas que las formas.

Page 30: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Insertar enlace

● Para insertar un enlace se debe seleccionar el texto u objeto donde se desea insertar el mismo.

● Luego se presiona sobre el botón enlace y se pega la dirección deseada.

Page 31: Revistas Digitales Educativas con Joomag Paso a pasosd470f9359cb3df84.jimcontent.com/download/version... · 2014-05-09 · Joomag, estas están ordenadas por categorías. – Features:

Otros elementos

● Establecer márgenes y trabajar con columnas.

● Agregar galería: subir imágenes, seleccionarlas, agregarlas, editar el título, una descripción, reemplazarla o eliminarla, editar las propiedades.

● Barra de plugin: permite insertar elementos extras como el rating de calificación, herramienta de mensajes, de correo, de retroalimentación y de llamada.

● Herramienta de rotación y de transformación libre.

● Herramienta de la mano, del zoom y de copiar el color.

● Mover las capas para notar el efecto.

● Agregar efectos a los objetos.

● Subir un sonido.

● Anotar nombre a los objetos.