{"id":10273,"date":"2021-05-27T19:53:14","date_gmt":"2021-05-28T00:53:14","guid":{"rendered":"https:\/\/niixer.com\/?p=10273"},"modified":"2021-05-27T20:22:53","modified_gmt":"2021-05-28T01:22:53","slug":"blippar-experiencia-de-realidad-aumentada-paso-a-paso","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/05\/27\/blippar-experiencia-de-realidad-aumentada-paso-a-paso\/","title":{"rendered":"Blippar: experiencia de realidad aumentada paso a paso"},"content":{"rendered":"\n

Blippar es una aplicaci\u00f3n utilizada para creaci\u00f3n de experiencias de realidad aumentada<\/a> que permite generar contenidos de una manera interactiva y f\u00e1cil, a partir de la adici\u00f3n de marcadores y elementos de tipo multimedia como, im\u00e1genes, texto, videos, e im\u00e1genes 3D. La aplicaci\u00f3n nos ofrece diferentes opciones para editar y personalizar nuestra experiencia y la publicaci\u00f3n de esta, se hace por medio de la aplicaci\u00f3n m\u00f3vil de Blippar, a trav\u00e9s del ingreso de un c\u00f3digo que se establece cuando se va a publicar el proyecto.<\/p>\n\n\n\n

A continuacion se describir\u00e1 y detallar\u00e1 el paso a paso para la creaci\u00f3n y desarrollo de una experiencia de realidad aumentada en la aplicaci\u00f3n de Blippar, de manera que se mostrar\u00e1 desde lo m\u00e1s b\u00e1sico \u201cla creaci\u00f3n del usuario\u201d y como interactuar con los distintos componentes que ofrece la aplicaci\u00f3n en modo web.<\/p>\n\n\n\n

Registro en Blippar<\/strong><\/h3>\n\n\n\n

Para iniciar la creaci\u00f3n de una experiencia de realidad aumentada en la aplicaci\u00f3n Blippar<\/a>, debemos entrar a la p\u00e1gina oficial, www.blippar.com<\/a> e ir directamente a la opci\u00f3n de SIGNUP que aparece en la parte superior derecha de la p\u00e1gina la cual nos redirige al proceso de ingreso o registro.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"
Imagen 1.  Interfaz p\u00e1gina de Blippar<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Si tienes cuenta, ingresamos a LOGIN y en esta pesta\u00f1a ingresaremos los datos de correo y contrase\u00f1a para acceder a la aplicaci\u00f3n web.  <\/p>\n\n\n\n

Ingresar a Blippar<\/strong><\/h3>\n\n\n\n
\"\"
Imagen 2.  Ingresar a Blippar<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Si no tenemos una cuenta previamente registrada, al presionar la opci\u00f3n SIGNUP, nos aparecer\u00e1 una ventana en donde debemos realizar un proceso de registro, e ingresar los siguientes datos:<\/p>\n\n\n\n

  • Nombre propio<\/li>
  • Apellido<\/li>
  • Correo electr\u00f3nico<\/li>
  • Contrase\u00f1a<\/li>
  • Confirmaci\u00f3n de contrase\u00f1a<\/li>
  • Pa\u00eds<\/li>
  • Opci\u00f3n de que uso le dar\u00e1 a blippar (empresarial, educativo o personal)<\/li>
  • Aceptaci\u00f3n de t\u00e9rminos<\/li>
  • Finalizaci\u00f3n de registro<\/li><\/ul>\n\n\n\n

    Registrar datos para ingresar a Blippar<\/strong><\/h3>\n\n\n\n
    \"\"
    Imagen 3.  Registrar datos para ingresar a Blippar<\/figcaption><\/figure>\n\n\n\n

    Autenticaci\u00f3n en Blippar<\/strong><\/h3>\n\n\n\n

    Al haber realizado el correspondiente proceso de registro, la plataforma nos pide confirmaci\u00f3n de nuestro correo electr\u00f3nico y cuando lo realicemos, autom\u00e1ticamente nos env\u00eda una pantalla, donde nos podemos loguear con nuestro usuario o correo. Luego, ingresamos nuestros datos para poder conocer y observar las herramientas que nos ofrece Blippar.<\/p>\n\n\n\n

    \"\"
    Imagen 4.  Interfaz de men\u00fa principal para creaci\u00f3n de experiencia de realidad aumentada<\/figcaption><\/figure>\n\n\n\n

    Escoger crear proyecto de RA en p\u00e1gina web o crear proyecto que funcione desde un m\u00f3vil<\/strong><\/h3>\n\n\n\n

    Para poder realizar la creaci\u00f3n de proyectos de realidad aumentada, despu\u00e9s del registro y autenticaci\u00f3n de la cuenta, es necesario escoger entre dos opciones que aparecen en la pantalla de inicio de Blippar, \u201cCrear proyecto de RA web\u201d o \u201cCrear proyecto de aplicaci\u00f3n\u201d.<\/em><\/strong><\/p>\n\n\n\n

    Opci\u00f3n de crear proyecto RA web<\/strong><\/h3>\n\n\n\n
    \"\"
    Imagen 5.  Seleccionar opci\u00f3n para crear proyecto RA web<\/figcaption><\/figure>\n\n\n\n

    Al seleccionar esta opci\u00f3n, nos sale una ventana con 3 men\u00fas. Entre ellos est\u00e1, alrededor del usuario, en un marcador impreso y sobre cualquier superficie plana.<\/em><\/strong><\/p>\n\n\n\n

    \"\"
    Imagen 6.  Opciones de crear proyecto RA web<\/figcaption><\/figure>\n\n\n\n

    Alrededor del usuario<\/strong>: Aqu\u00ed se pueden crear entornos y diferentes espacios de realidad aumentada para que estos se presenten alrededor de un usuario.<\/p>\n\n\n\n

    En un marcador impreso<\/strong>: Esta opci\u00f3n se utiliza para la creaci\u00f3n de folletos, etiquetas de productos, revistas, manuales interactivos.<\/p>\n\n\n\n

    Sobre cualquier superficie plana<\/strong>: Lo que nos permite esta opci\u00f3n es poder poner o ubicar distintos objetos sobre alg\u00fan objeto en espec\u00edfico.<\/p>\n\n\n\n

    Opci\u00f3n de crear proyecto de aplicaci\u00f3n que funcione desde un dispositivo m\u00f3vil<\/strong><\/h3>\n\n\n\n
    \"\"
    Imagen 7.  Seleccionar opci\u00f3n para crear proyecto de aplicaci\u00f3n <\/figcaption><\/figure>\n\n\n\n

    Al seleccionar esta opci\u00f3n, nos saldr\u00e1 una ventana con dos men\u00fas. Los cuales son empezar desde el principio y utilice secuencias de comandos.<\/em><\/strong><\/p>\n\n\n\n

    \"\"
    Imagen 8.  Opciones de crear proyecto que funcione desde dispositivo m\u00f3vil<\/figcaption><\/figure>\n\n\n\n

    Empezar desde el principio<\/strong><\/h3>\n\n\n\n

    Cuando nos ubicamos y seleccionamos esta opci\u00f3n, podemos crear la experiencia de realidad aumentada a partir de la carga de elementos o de arrastrarlos hasta la plataforma para ir alimentando los diferentes marcadores que seleccionemos.<\/p>\n\n\n\n

    Utilice secuencias de comandos<\/strong><\/h3>\n\n\n\n

    Esta opci\u00f3n es para usuarios que cuentan con habilidades de programaci\u00f3n o desarrollo, ya que la plataforma brinda secuencia de comandos para la creaci\u00f3n de elementos o widgets que permitan alimentar la experiencia de realidad aumentada.<\/p>\n\n\n\n

    Crear proyecto de aplicaci\u00f3n con opci\u00f3n “empezar desde el principio”<\/strong><\/h3>\n\n\n\n

    Cuando seleccionemos la opci\u00f3n de empezar desde el principio,<\/em><\/strong> nos aparece una ventana que nos pide crear un Blipp, es decir, nos solicita agregar una imagen que tendr\u00e1 la funci\u00f3n de marcador, esta tiene que ser formato JPEG, RGB y 300X800 pixeles. Si no queremos agregar alg\u00fan marcador, la plataforma nos deja seleccionar la opci\u00f3n de marcador de generaci\u00f3n autom\u00e1tica.<\/em><\/strong><\/p>\n\n\n\n

    <\/h3>\n\n\n\n
    \"\"
    Imagen 9. Ventana de agregar marcadores para visualizaci\u00f3n de la realidad aumentada<\/figcaption><\/figure>\n\n\n\n

    Nombrar proyecto<\/strong>: Cuando cargamos o soltamos los archivos que seleccionamos como marcadores, aparecer\u00e1 una ventana de previsualizaci\u00f3n de estos y en la parte superior izquierda estar\u00e1 habilitado un espacio para agregar el nombre del Blipp o proyecto.<\/p>\n\n\n\n

    \"\"
    Imagen 10. Agregar nombre de blipp y previsualizaci\u00f3n de marcadores cargados<\/figcaption><\/figure>\n\n\n\n

    \u00c1rea de trabajo para editar proyecto<\/strong><\/h3>\n\n\n\n

    Ya cargados nuestros marcadores, se evidenciar\u00e1 la interfaz de edici\u00f3n del proyecto. En la parte central saldr\u00e1 una zona donde se ver\u00e1n cargados los marcadores, en la parte lateral derecha se podr\u00e1n encontrar opciones para editar o modificar la posici\u00f3n de estos.<\/p>\n\n\n\n

    Se puede ver en esta ventana que, en la parte lateral izquierda, se presentan opciones de elementos, widgets y archivos cargados. Estos componentes son esenciales para armar o complementar nuestra experiencia de realidad aumentada.<\/p>\n\n\n\n

    \"\"
    Imagen 11. Interfaz de creaci\u00f3n y edici\u00f3n de proyectos<\/figcaption><\/figure>\n\n\n\n

    Elementos<\/strong><\/h3>\n\n\n\n
    \"\"
    Imagen 12. Pesta\u00f1a elementos<\/figcaption><\/figure>\n\n\n\n

    En esta zona de elementos, podemos elegir los diferentes elementos que podemos incorporar, en este caso son modelos de figuras 3D, ejemplo, una pir\u00e1mide, una circunferencia, un cubo, entre otras.<\/p>\n\n\n\n

    Acci\u00f3n de elementos<\/strong>: En esta opci\u00f3n podremos escoger que acci\u00f3n queremos que genere o reproduzca la figura 3D que seleccionamos, entre esas opciones, se encuentra un video, un audio, un website, redes sociales, una escena, una llamada, entre otras; o simplemente la opci\u00f3n sin acci\u00f3n.<\/p>\n\n\n\n

    \"\"
    Imagen 13. Acci\u00f3n de figura 3D<\/figcaption><\/figure>\n\n\n\n

    Configuraciones en pesta\u00f1a elementos<\/strong>: Adem\u00e1s de la opci\u00f3n de escoger acciones, podemos visualizar en la barra lateral derecha la edici\u00f3n de propiedades, podemos a\u00f1adir textura del elemento y cargar el archivo.<\/p>\n\n\n\n

    Tambi\u00e9n, otra propiedad que podemos editar es el color, la opacidad del objeto, los valores de escala o giro, y podremos agregar alg\u00fan tipo de texto, el cual tambi\u00e9n podremos modificar seg\u00fan lo queramos personalizar.<\/p>\n\n\n\n

    \"\"
    Imagen 14. Configuraci\u00f3n en pesta\u00f1a elementos<\/figcaption><\/figure>\n\n\n\n

    Widgets<\/strong><\/h3>\n\n\n\n

    En la pesta\u00f1a de widgets, podremos seleccionar diferentes tipos de elementos multimedia que queramos incorporar a nuestra experiencia de realidad aumentada.<\/p>\n\n\n\n

    Podemos encontrar video, calendario, redes sociales, correo electr\u00f3nico, archivos pdf, una escena, mensajes, galer\u00eda, un audio, entre otros.<\/p>\n\n\n\n

    \"\"
    Imagen 15. Pesta\u00f1a de Widgets<\/figcaption><\/figure>\n\n\n\n

    Ejemplo con widget de video<\/strong>: Para este caso escogeremos el widget de video, en el cual el \u00e1rea de trabajo nos ofrece dos opciones, la primera es que nos aparecer\u00e1 una ventana para agregar un video que tengamos en nuestro ordenador y la otra aparecer\u00e1 en la barra lateral derecha, para agregar un enlace de una plataforma de videos, como YouTube. Para el \u00faltimo caso, la barra lateral nos hara escoger entre video externo o video para cargar.<\/p>\n\n\n\n

    \"\"
    Imagen 16. Agregar widget de video<\/figcaption><\/figure>\n\n\n\n

    Este widget de video o cualquier otro que agreguemos, se puede configurar para que se precargue autom\u00e1ticamente, que se ejecute en bucle o en pantalla completa. Adicionalmente, tambi\u00e9n podemos editar color, opacidad, ubicaci\u00f3n, escala, tipo de visualizaci\u00f3n, entre otras.<\/p>\n\n\n\n

    \"\"
    Imagen 17. Agregar enlace de video <\/figcaption><\/figure>\n\n\n\n

    Archivos cargados<\/strong><\/h3>\n\n\n\n

    Esta pesta\u00f1a, nos permitir\u00e1 subir y agregar nuevos elementos para darle mayor funcionalidad a nuestros marcadores previamente seleccionados.<\/p>\n\n\n\n

    \"\"
    Imagen 18. Pesta\u00f1a de archivos cargados<\/figcaption><\/figure>\n\n\n\n

    Generaci\u00f3n de c\u00f3digo para publicaci\u00f3n <\/strong><\/h3>\n\n\n\n

    Cuando tengamos nuestra experiencia de realidad aumentada lista para publicar, podemos escoger la opci\u00f3n previsualizar o preview en la parte superior derecha, cuanto la seleccionemos nos aparecer\u00e1 la siguiente ventana.<\/p>\n\n\n\n

    \"\"
    Imagen 19. Generaci\u00f3n de c\u00f3digo para testear experiencia de realidad aumentada
    <\/figcaption><\/figure>\n\n\n\n

    All\u00ed ingresaremos un c\u00f3digo num\u00e9rico para posteriormente poder visualizar el proyecto de realidad aumentada en nuestros dispositivos m\u00f3viles.<\/p>\n\n\n\n

    \"\"
    Imagen 20. C\u00f3digo generado<\/figcaption><\/figure>\n\n\n\n

    Visualizaci\u00f3n del proyecto<\/strong><\/h3>\n\n\n\n

    Para poder ver en funcionamiento nuestro proyecto realizado por la aplicaci\u00f3n de blippar, debemos descargar por Google Play o App Store la aplicaci\u00f3n de Blippar.<\/p>\n\n\n\n

    Una vez descargado se activara nuestra c\u00e1mara y en la parte superior izquierda, saldr\u00e1 un icono de ajustes.<\/p>\n\n\n\n

    \"\"
    Imagen 21. Pantalla inicial de Blippar<\/figcaption><\/figure><\/div>\n\n\n\n

    Ingresaremos a los ajustes, para editar y modificar notificaciones, activar sonidos, establecer ubicaci\u00f3n e ingresar c\u00f3digo promocional para ver una experiencia de realidad virtual en espec\u00edfico. <\/p>\n\n\n\n

    \"\"
    Imagen 22. Configuracion ajustes<\/figcaption><\/figure><\/div>\n\n\n\n

    Cuando ingresamos a ajustes, seleccionamos la opci\u00f3n de \u201cintroduce un c\u00f3digo promocional\u201d<\/strong><\/p>\n\n\n\n

    \"\"
    Imagen 23. Ingresar c\u00f3digo promocional<\/figcaption><\/figure><\/div>\n\n\n\n

    Finalmente, al agregar el c\u00f3digo, se activa nuestra c\u00e1mara, la cual va a escanear un marcador o pantalla para poder visualizar la experiencia de realidad aumentada.<\/p>\n\n\n\n

    \"\"
    Imagen 24. Visualizaci\u00f3n de la experiencia en aplicaci\u00f3n m\u00f3vil de Blippar<\/figcaption><\/figure>\n\n\n\n

    Video explicativo <\/h3>\n\n\n\n
    \n