Tema 5: Añadir los artículos en HTML a la App

Resumen de lo que hemos hecho hasta el momento:

  • Primero hemos creado la App (Tema 1)
  • Luego hemos creado el documento InDesign y lo hemos añadido a la App (Tema 2)
  • Después hemos configurado el InDesign para poder añadir después los artículos en HTML (Tema 3)
  • En el paso anterior hemos preparado esos artículos en HTML (Tema 4)

A continuación, vamos a unir todo y ver el resultado final.

Paso 1: Añadimos los artículos de HTML comprimidos a su sección correspondiente

Abrimos 480i Manager y hacemos click con botón derecho sobre “Elementos Extra”

añadir webzip 480interacitve

Seleccionamos la opción “Webzip”

Captura de pantalla 2016-06-21 a las 17.28.53

Una vez añadido, hacemos click en “Contenedor” y seleccionamos “artículo1”. Este es el marco rectangular que hemos creado antes en InDesign.

Pulsamos sobre el icono de lupa y se abrirá la carpeta del proyecto, entramos en “Libraries”>”Magazine_Edition_1″>”Articles”>”Article_1″ y seleccionamos el fichero “Article_1.zip”

Captura de pantalla 2016-06-21 a las 17.31.20

Dejamos como están las opciones “Precargar (iOS)” y “Habilitar transparencia” que ya veremos más adelante.

Repetimos la operación con los otros cuatro artículos:

  1. Añadimos un nuevo elemento extra pulsando botón derecho
  2. Elegimos la opción “Webzip”
  3. En “Contenedor” elegimos el artículo correspondiente
  4. Pulsamos en la lupa y elegimos el archivo .zip con el mismo nombre del contenedor que hayamos elegido.

El resultado final es que tendremos 5 páginas de InDesing con sus 5 portadas, y 5 “elementos extra” con los 5 artículos en HTML comprimido.

Captura de pantalla 2016-06-21 a las 17.38.44

Paso 2: Probamos la App

  • Pulsamos en “Exportar App” arriba a la izquierda de 480i Manager.
  • Cuando finalice nos permitirá enviarlo a nuestro smartphone.
  • Abre la App 480i Viewer, asegúrate de estar en la misma red wifi y pulsa enviar.

 

Ir al Foro