Pharma laboratory

  • icon-indesignHTML file
  • Single
  • icon_iOsiOS/Android
  • 1 contenido
  • Smartphone/Tablet

Cómo previsualizar la plantilla en tu smartphone o tablet

  1. Abre el programa 480interactive en tu ordenador y pulsa sobre el botón “Crear nueva App”.
  2. Elige el nombre del proyecto. Por ejemplo “Mi App”.
  3. Elige la ubicación del proyecto. Por defecto el programa elige automáticamente el espacio de trabajo donde guarda todos los proyectos.
  4. Elige el tipo de App. Selecciona “App Single”.
  5. 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 un documento 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.

    1. 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 .
    2. 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.
    3. 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 )
    4. La App se añade automáticamente a 480i Viewer para que puedas probarla.
    5. En 480i Viewer, pulsa el botón “Descargar” de la publicación. Al hacerlo, se convertirá en un botón “Ver/Abrir”.
    6. 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.