Issuu

Issuu

Issuu (http://issuu.com/) es una librería en línea que permite subir documentos en formato DOC y PDF así como presentaciones PPT. Está limitado a 100 MB/500 páginas por archivo. El archivo subido se transforma en un formato flash que proporciona una navegación animada por páginas, zoom, pantalla completa, zoom, etc. El libro digital es accesible directamente por URL y también se proporciona código para insertarlo en una entrada del blog.

Registro y acceso a Issuu

  • Clic en el enlace Create account (Crear cuenta).
  • Introduce los datos personales solicitados y en especial el Profile Name (Nombre del Perfil), el Email y la Password (Contraseña). Estos datos conviene memorizarlos porque tendrás que utilizarlos para abrir sesión en Issuu.
Abre sesión en Issuu
  • Para acceder haz clic en el enlace Login, introduce el nombre de perfil y la contraseña. Clic en el botón Login.

Subir un documento a Issuu

  • Descarga y descomprime el archivo lanzarote.zip. Como resultado obtendrás un archivo PDF con fotos de esta isla canaria.
  • Clic en el botón Upload (Subir)
Subir
  • En la pestaña Upload a file (Subir un archivo) marca la opción Upload a file, pulsa en el botón Browse (Examinar) para localizar el archivo lanzarote.pdf que has descomprimido anteriormente. Se puede subir un archivo de tamaño máximo 100 MB y 500 páginas. El tipo de archivo a subir puede ser PDF, DOC, PPT, ODT, WPD, SXW, RTF, ODP y SXI. Los documentos deben basarse en una plantilla de página simple.
Sube el archivo
  • En la sección General info (Información General) debes introducir los metadatos de interés sobre el documento:
  • Title (Título): Lanzarote.
  • Description (Descripción): La tierra del fuego.
  • Keywords (Palabras clave): Lanzarote, canarias, fuego, volcán.
  • Type (Tipo de documento): Presentation (Presentación).
Información general
  • En la sección Target your audience (Perfila tu audiencia) debes elegir:
    • Category (Categoría): Travel & Events (Viajes y eventos).
    • Language (Idioma): Spanish (Español).
    • Target Area (Area geográfica destino): Europe (Europa).
Perfila tu audiencia
  • En el área Media puedes indicar la URL de un audio MP3 que se utilizará como fondo musical durante la lectura del documento subido. No permite subir un audio desde el equipo sino que debe estar subido a un servidor en Internet (por ejemplo: Google Sites). En este caso no vamos a incluir ningún sonido.
Indica la URL del MP3
  • En Publishing options (Opciones de publicación) puedes elegir la opción Publish (Publicar) o Private (Privada). Por defecto se configura la opción Publish.
Opciones de publicación
  • En Sharing options (Opciones de compartir) se ofrece la posibilidad depermitir:
    • Comments (Comentarios).
    • Rating (Votar).
    • Download (Descargar).

Estas opciones están activadas por defecto.

Opciones de compartir
  • Para terminar haz clic en el botón Upload file.
Subir archivo
  • Transcurridos unos segundos se completará la subida y transformación del PDF en un documento Issuu. Para visualizarlo visita tu biblioteca haciendo clic en el enlace My library (Mi biblioteca).
  • Se muestra el contenido de la biblioteca y dentro de ella aparecerá el documento subido. Haz clic en el botón Open (Abrir) que se ofrece en su vista en miniatura.
La biblioteca
  • El documento se visualiza de forma paginada a través de un atractivo visor de tecnología Flash. Para leer con detalle haz clic en el botón Click to read (Clic para leer) y la presentación de mostrará a página completa. Para regresar a la vista anterior haz clic en el botón X superior derecho.
Click para leer

Integrar un documento Issuu en una entrada de Blogger

  • Clic en el botón Get embed code (Conseguir código de inserción) que se ofrece en la vista reducida (no a pantalla completa) del documento subido. Es posible insertar otro documento buscado dentro de la biblioteca colectiva de Issuu.
Conseguir código de inserción
  • En el cuadro de diálogo Embed this publication (Insertar esta publicación) haz clic en la entrada de Blogger en la columna izquierda.
Insertar esta publicación
  • Debajo de la vista previa haz clic en el enlace Show embed options (Mostrar opciones de inserción).
  • En esta sección se pueden configurar distintos parámetros de la presentación:
    • Layout (Plantilla): página simple, página doble y paso automático de páginas (Autoflip the pages).
    • Size (Tamaño): pequeño, mediano y grande.
    • Color del fondo.
    • Page: Star on page X (Página: comenzar en página X).
    • Show (Mostrar): Title and autor (Título y autor) y Social menu options (Menú de opciones sociales) que se muestran al final de la reproducción.
  • En el cuadro de texto Get the embed code (Conseguir el código embed) haz clic derecho para elegir la opción Copiar.
Conseguir el código embed
  • Accede a Blogger (http://www.blogger.com) e introduce tus credenciales de la cuenta Google. Desde el Escritorio haz clic en el botón Crear entrada nueva del blog correspondiente.
Crear entrada nueva
  • Añade como título: Lanzarote.
  • En el editor haz clic en el botón HTML para mostrar el código HTML del artículo.
Mostrar código HTML
  • Haz clic derecho sobre el cuadro de texto del editor y elige Pegar.
  • Clic en el botón Publicar.
  • Pulsa en el botón Ver blog para comprobar cómo se visualiza la presentación.
Ver blog
IDevice Icon

Nota

  • Es posible eliminar los textos que aparecen debajo de la presentación si en el código embed se elimina la última etiqueta.

Integrar un documento Issuu en una entrada de Wordpress

Como se ha comentado anteriormente Wordpress no admite guardar el código embed de un visor flash en una entrada del blog. Sin embargo es posible realizar un pequeño truco para insertar el visor de Issuu.

  • Desde tu cuenta de Issuu selecciona > My library (Usuario > Mi biblioteca).
  • Clic en el botón Open (Abrir) que acompaña a una de las publicaciones que hemos realizado. Otra opción es localizar y abrir una publicación realizada por otro usuario.
  • Clic en el botón Get embed code (Conseguir código de inserción) que se ofrece en la vista reducida (no a pantalla completa) del documento subido.
Conseguir código de inserción
  • En el cuadro de diálogo Embed this publication (Insertar esta publicación) haz clic en la entrada de HTML en la columna izquierda.
En Insertar esta publicación click en HTML
IDevice Icon

Nota

No utilices la entrada Wordpress porque no funciona para un blog alojado en Wordpress.com. El código que se proporciona en esta entrada se reserva para un blog que utiliza el CMS Wordpress en su servidor personal pero es necesario tener instalado un plugin adicional.


  • Debajo de la vista previa haz clic en el enlace Show embed options (Mostrar opciones de inserción).
  • En la sección Hide Embed options (Opciones de inserción) se pueden configurar distintos parámetros de la presentación:
    • Layout (Plantilla): página simple, página doble y paso automático de páginas (Autoflip the pages).
    • Size (Tamaño): pequeño, mediano y grande.
    • Color del fondo.
    • Page: Star on page X (Página: comenzar en página X).
    • Show (Mostrar): Title and autor (Título y autor) y Social menu options (Menú de opciones sociales) que se muestran al final de la reproducción.
  • En el cuadro de texto Get the embed code (Conseguir el código embed) haz clic derecho para elegir la opción Copiar.
  • Abre el Bloc de Notas y elige Edición > Pegar. Esta acción pegará el código general que proporciona Issuu para insertar en una página HTML ordinaria. De este código extraeremos los datos que necesitamos para utilizar el shortcode Gigya que sí admite Wordpress.
Copiar a bloc de notas y extraer el código gigya
  • Del código que proporciona Issuu necesitamos extraer los valores de los siguientes parámetros:

src del embed

http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf

flashvars

mode=mini&viewMode=singlePage&backgroundColor=%23222222&a
mp;documentId=111102235706-c8fb581dc7b84b7c9af31b4b8f9be663

Anchura: 550 y Altura: 413 (dependiendo de las opciones elegidos).

Para que funcione correctamente es necesario sustituir en la cadena de flashvars la expresión “&,” por el signo “&”.

  • En el mismo Bloc de Notas, más abajo del código anterior, copia y pega la etiqueta gigya que se proporciona aquí:
[gigya src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" width="550" height="413" allowFullScreen="true" flashvars="mode=mini&viewMode=singlePage&backgroundColor=%23222222&documentId=111102235706-c8fb581dc7b84b7c9af31b4b8f9be663"]
  • Mediante copiar y pegar sustituye en esta etiqueta gigya los valores indicados por los obtenidos en el código HTML proporcionado por Issuu.
Sustituye en gigya los valores de HTML
  • Desde el Bloc de notas selecciona el código generado y elige Edición > Copiar.
  • Accede a Wordpress (http://www.wordpress.com) e introduce tus credenciales. Desde el Escritorio haz clic en el botón Entradas > Añadir nueva.
  • Introduce como título: Lanzarote.
  • En el editor haz clic en el botón Visual del editor.
  • Haz clic derecho sobre el cuadro de texto del editor y elige Pegar.
Visual y pegar
  • Clic en el botón Publicar.
Publicar