App de Catálogo interactivo

catalogo interactivo iphone

En este tutorial veremos cómo hemos creado un catálogo interactivo con InDesign y lo hemos convertido en App con el software 480interactive.

Descarga la plantilla InDesign

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

 

Descarga gratis 480interactive

480interactive para Mac Descargar
480interactive para PC Descargar
mesa-de-trabajo-3
catalogo interactivo iphone

Hazlo tu mism@

 

Sigue estos sencillos pasos:
  1. Instala 480interactive en tu ordenador: Ver tutorial
  2. Descomprime la plantilla InDesign que has descargado.
  3. Verás que aparece una carpeta llamada “Demo_Clothing_Catalog_Practise”
  4. Dentro de esa carpeta tienes las subcarpetas:
    • Libraries
      Aquí es donde dejamos los archivos InDesign con los que trabajamos
  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 Revista interactiva Ver tutorial
Caso práctico: App para eventos Ver tutorial