App de Revista interactiva

revista interactiva smartphone

Dentro de la App “480i Viewer” puedes probar un ejemplo de revista interactiva creado con InDesign y 480interactive.

En este tutorial puedes descargar la plantilla de InDesign y ver el vídeo de cómo se hizo.

revista interactiva smartphone
revista interactiva desarrollo

Hazlo tu mism@

Plantilla InDesign con todo configurado Descargar
Plantilla InDesign para practicar con el Video-tutorial Descargar

 

Sigue estos sencillos pasos:
  1. Descarga la plantilla InDesign para practicar con el video-tutorial.
  2. Descomprime el fichero .zip que has descargado.
  3. Verás que aparece una carpeta llamada “AppMusic_Practise”
  4. Dentro de esa carpeta tienes las subcarpetas:
    • Libraries
      Aquí es donde dejamos los archivos InDesign con los que trabajamos
    • Issue
      Aquí es donde guardamos los documentos “Issue” (cuando convertimos un documento InDesign en Issue con 480interactive)
  5. Abre el documento InDesign que hay en la carpeta Libraries y sigue el video-tutorial para ver cómo se ha configurado.

Parte I

Parte II

Parte III

Pasos para enviarte el proyecto a tu móvil o tablet

mesa-de-trabajo-3

1. Abre la App 480i Viewer

  • Pulsa el botón con el icono   tuerca, situado en la parte superior derecha.
  • Se abrirá una pantalla en la que se muestra la IP y el puerto del dispositivo. Además, tendrás un botón para activar o desactivar el servicio  activa. Actívalo.
Activar-servicio

Ten en cuenta que los dispositivos de Apple tienen medidas de ahorro de batería bastante estrictas de modo que si minimizas el visor o pasa un cierto tiempo de inactividad, el dispositivo cortará la conexión para ahorrar batería. Por ese motivo, es posible que en algunos casos tengas que desactivar y volver a activar el servicio HTTP activa para restablecer la conexión.

2. Subir la app al dispositivo

Cuando utilices la funcionalidad para subir la App al dispositivo, se envían los ficheros que contiene la carpeta «Export» de tu proyecto. Por lo tanto, es necesario generar con el Manager estos ficheros antes de subir la App al dispositivo. Una vez generados, no será necesario que los generemos de nuevo si no se producen cambios en la App. Para generar estos ficheros es necesario pulsar  el botón exportarApp.

Para enviar la App a tu dispositivo es necesario que, tanto tu ordenador como el dispositivo al que quieres enviar la aplicación, estén conectados a la misma red WiFi.

  1. En 480i Manager pulsa sobre exportarApp en la parte izquierda de la barra de menú superior.
  2. Una vez finalizado el proceso de exportación se abrirá una ventana que muestra los dispositivos que tienes añadidos para poder enviar la app a cualquiera de ellos.
  3. Selecciona el dispositivo que quieras y pulsa el botón Enviar.
  4. En el caso de no tener ningún dispositivo añadido, desde 480i Viewer, puedes pulsar sobre tuerca y después sobre escaneaQR para poder escanear el código QR que te ha generado 480i Manager:
    EnviarApp
  5. Tu dispositivo te mostrará un mensaje diciéndote que se ha enlazado correctamente.
    Envio OK

3. Previsualizar

Abre la App 480i Viewer en tu dispositivo:

  1. Pulsa el botón para añadir aplicaciones.
    Añadir-publicación
  2. Elige la opción «Añadir aplicación».
    Añadir-aplicación
  3. Te aparecerá una lista con las aplicaciones subidas al dispositivo que no estén añadidas al quiosco. Elige la aplicación que quieres añadir.
    Selecciona App
  4. Una vez añadida la aplicación tócala para ver las publicaciones que contiene. Pulsa el botón descargar de la publicación que quieres ver. Al hacerlo, se convertirá en un botón «Ver». Tócalo para ver la publicación.
    Ver publicación

Continúa con tu aprendizaje

Empieza un proyecto desde cero: Plantilla InDesign Ver tutorial
Caso práctico: App de Catálogo interactivo Ver tutorial
Caso práctico: App para eventos Ver tutorial