Magazine Kiosk

  • icon-pdfPDF
  • Quiosco
  • icon_iOsiOS/Android
  • 4 categorías
  • 16 contenidos
  • Smartphone/Tablet

Cómo previsualizar la plantilla en tu smartphone o tablet

    1. Abre el programa 480interactive y aparecerá la pantalla de bienvenida. Pulsa el botón “Abrir una app”.
    2. Selecciona el fichero “library.xml” del proyecto en la ubicación de tu ordenador donde tengas el proyecto y pulsa en “Abrir“.
    3. 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 .
    4. 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.
    5. 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 )
    6. La App se añade automáticamente a 480i Viewer para que puedas probarla.
    7. En 480i Viewer, pulsa el botón “Descargar” de la publicación. Al hacerlo, se convertirá en un botón “Ver/Abrir”.
    8. 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.

Instrucciones para esta plantilla

Abrimos el programa 480interactive y aparecerá la pantalla de bienvenida. Pulsamos en el botón “Crear nueva App”.

 

Completamos los datos del asistente de creación de Apps:

  • Nombre de la App: Ponemos el nombre que queramos para nuestra App.
  • Ubicación del proyecto: Automáticamente se crea la ruta donde se guardará el proyecto.
  • Tipo de App: Seleccionamos “App Quiosco”.

 

Finalmente pulsamos el botón “Crear”.

Las categorías te permiten agrupar publicaciones dentro de una carpeta en el quiosco de una App. De este modo, tu contenido estará mucho más organizado y estructurado. Podemos crear tantas categorías como queramos y personalizarlas a nuestro gusto. Este proyecto cuenta con 4 categorías en donde cada una de ellas contiene, a su vez, 4 revistas en formato PDF. Por lo que tendremos un total de 16 revistas distribuidas en 4 categorías de diferentes temáticas: Ciencia, Zoología, Cocina y Deportes.

Nos dirigimos a la pantalla de “Añadir contenido” pulsando en el árbol de la izquierda. Buscamos el contenido “Categoría” y pulsamos en “Añadir”. Ahora escribimos el nombre que queremos que tenga la nueva categoría, por ejemplo “SCIENCE”.

Ya tenemos una categoría creada. Ahora podemos añadir una descripción en el campo “Subtítulo” y también renombrarla en el campo “Título”.

 

Ahora que ya tenemos la categoría creada, vamos a añadir dentro de ésta las 4 revistas de la temática de ciencia.

Para ello, nos dirigimos a la pantalla de “Añadir contenido” dentro de la categoría “SCIENCE” pulsando en el árbol de la izquierda.


Buscamos el contenido “PDF” y pulsamos en “Añadir”.

 

Se abrirá un asistente para añadir el documentos PDF. Pulsamos en “Seleccionar” y buscamos la ubicación donde tenemos los contenidos. Dentro de “Libraries > Science“.

 

Hacemos doble clic sobre el PDF que queramos añadir o pulsamos en “Seleccionar”, por ejemplo sobre el PDF llamado “01_BBC_Earth.pdf”. En el campo “Título” aparecerá automáticamente el nombre del fichero, si queremos podemos editarlo (también podremos editarlo más adelante).

Repetimos este proceso para añadir el resto de revistas PDF a esta categoría. Después volvemos a repetir el proceso completo para crear las 3 categorías que nos quedan (“ZOOLOGY“, “FOOD” y “SPORTS“) y añadir a cada una de ellas sus 4 revistas PDF correspondientes.

Añadir los iconos a la App

Hay tres tipos de iconos: el icono principal de la App, que es el que se verá cuando los usuarios se instalen la App en sus dispositivos, los iconos de las categorías y los iconos de cada uno de los contenidos, que son los iconos que verás en el quiosco donde están todos los contenidos que añadas a la aplicación.

El icono principal de 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”.

 

Los iconos de las categorías

  1. Pulsamos sobre la primera categoría en el árbol de la izquierda.
  2. Pulsamos en la opción “Icono” dentro de “Información general“.
  3. Elegimos el icono de la categoría.
  4. Repetimos este mismo proceso con cada una de las categorías y ya tendremos todos los iconos de las categorías listos.

 

Los iconos de las revistas PDF

  1. Pulsamos sobre el primer contenido PDF en el árbol de la izquierda.
  2. Pulsamos en la opción “Icono publicación”
  3. Elegimos el icono de la publicación.
  4. Repetimos este mismo proceso con cada uno de los contenidos PDF y ya tendremos todos los iconos listos.


 

Banners del Quiosco

Para añadir los banners a la app vamos a “Configuración de la app” > “Aspecto visual” y hacemos click en la pestaña “Banners”.

Ahora seleccionamos “Banners verticales” y pulsamos en “Añadir

Se abrirá la carpeta del proyecto, entramos en la carpeta “Libraries” > “Icons&banners” > “Banners“, seleccionamos los banners y pulsamos “Seleccionar”.

Ahora activamos la casilla “Usar en categorías” para que los banners aparezcan en cada unas de las 4 categorías.

Por último configuramos el tiempo de visualización, en segundos, entre un banner y el siguiente en el campo “Tiempo de paso entre banners“. Por ejemplo, 3 segundos.

 

Personalización de los colores del Quiosco

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.

  1. Pulsamos sobre “Exportar App” en la parte izquierda de la barra de menú superior y después abrimos la App 480i Viewer en nuestro dispositivo.
  2. Cuando finalice la exportación se abrirá una ventana con los dispositivos que tenemos añadidos para poder enviar la App a cualquiera de ellos.
  3. Seleccionamos el dispositivo al que vamos a enviar la App y pulsamos el botón “Enviar”. (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 )
  4. La App se añade automáticamente a 480i Viewer para que podamos probarla.
  5. En 480i Viewer, pulsamos sobre el icono de la aplicación para abrirla 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.