Brand database

  • icon-videoURL Typeform
  • Single
  • icon_iOsiOS/Android
  • 1 contenido
  • 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 Single”.

 

Finalmente pulsamos el botón “Crear”.

Este proyecto cuenta con un único contenido, un formulario de Typeform que sirve para recopilar datos sobre nuestros clientes potenciales. Puedes personalizar el proyecto creando tu propio formulario de Typeform y simplemente sustituyendo la dirección web. A continuación te indicamos cómo hemos creado esta App en unos sencillos pasos.

Primero vamos a añadir un contenido de Formulario Typeform. Para ello, nos dirigimos a la pantalla de “Añadir contenido” en el árbol de la izquierda, buscamos el contenido “Formulario Typeform” y pulsamos en “Añadir”.

 

Se abrirá un asistente para añadir el enlace. En el campo “Título” escribimos el título que queremos que tenga el enlace. En el campo “Dirección URL” escribiremos en enlace que nos proporciona Typeform para compartir nuestro formulario propuesto y pulsamos en “Añadir“. (Si tienes dudas sobre este paso puedes consultar cómo hacerlo en éste tutorial: Añadir Formulario Typeform )

 

 

Ya tenemos el contenido añadido a la aplicación.

 

Añadir el icono a la App

Para añadir el icono principal de la App, 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ú

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 (solo en aplicaciones tipo 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.