
Science Fiction Booktrailer
HTML file
Single
iOS/Android
1 contenido
Smartphone/Tablet
Cómo previsualizar la plantilla en tu smartphone o tablet
- Abre el programa 480interactive en tu ordenador y pulsa sobre el botón “Crear nueva App”.
- Elige el nombre del proyecto. Por ejemplo “Mi App”.
- Elige la ubicación del proyecto. Por defecto el programa elige automáticamente el espacio de trabajo donde guarda todos los proyectos.
- Elige el tipo de App. Selecciona “App Single”.
- Pulsa sobre el botón “Crear”.
Ya tienes la App creada, pero aún no tiene ningún contenido añadido. Lo añadirás después de convertir la plantilla de Adobe InDesign a formato Issue.
Este proyecto cuenta con varios documentos html que puedes personalizar simplemente sustituyendo los contenidos o también puedes seguir este procedimiento para añadir tus propios contenidos de html. A continuación te indicamos cómo hemos añadido el contenido HTML a esta App en unos sencillos pasos.
Primero vamos a añadir el contenido HTML. Para ello, nos dirigimos a la pantalla de «Añadir contenido» en el árbol de la izquierda, buscamos el contenido «HTML» y pulsamos en “Añadir”.

Se abrirá un asistente para añadir el archivo «index.html«. Pulsamos en “Seleccionar” y buscamos en la ubicación donde tenemos los contenidos el archivo «index.html«.

Hacemos doble clic sobre el archivo «index.html» o pulsamos en “Seleccionar”. En el campo “Título” escribimos el nombre del contenido html, si queremos podemos editarlo más adelante.
Añadir los iconos a la App
Para añadir este icono, hacemos click en “Configuración de la App” en el árbol de la izquierda y pulsamos en la pestaña “Información General”. Una vez ahí, veremos una imagen por defecto, pulsamos sobre ella y se abre el buscador de archivos. Ahora elegimos el icono de la aplicación llamado “ico-App.png”.
Personalización de los colores de la barra de menú superior
Ahora cambiaremos los colores del tema para personalizar los colores de nuestra App. Para ello nos dirigimos a «Configuración de la App» > “Aspecto visual” > “Colores”. Aquí podemos personalizar los colores del quiosco y de la barra de menú superior para que se adapte a nuestras necesidades.
-
- En 480interactive, pulsa sobre “Exportar App” en la parte izquierda de la barra de menú superior y después abre la App 480i Viewer en tu dispositivo .
- Cuando finalice la exportación se abrirá una ventana con los dispositivos que tienes añadidos para poder enviar la App a cualquiera de ellos.
- Selecciona el dispositivo al que vas a enviar la App y pulsa el botón “Enviar” o añade un nuevo dispositivo mediante el código proporcionado desde la aplicación 480i Viewer de tu smartphone o tablet. (Si tienes dudas sobre este paso puedes consultar cómo hacerlo en éste tutorial: Cómo enviar mi App a mi móvil o tablet )
- La App se añade automáticamente a 480i Viewer para que puedas probarla.
- En 480i Viewer, pulsa el botón “Descargar” de la publicación. Al hacerlo, se convertirá en un botón “Ver/Abrir”.
- Pulsa en “Ver/Abrir” para abrir tu aplicación y acceder a sus contenidos.
¡Enhorabuena! Ya tienes la aplicación en tu dispositivo, ahora ya puedes ver como queda realmente en tu smartphone o tablet.
- En 480interactive, pulsa sobre “Exportar App” en la parte izquierda de la barra de menú superior y después abre la App 480i Viewer en tu dispositivo .