Manual paso a paso: caldera de condensación

Resumen de la experiencia 📖

En esta experiencia mostramos un ejemplo de un manual paso a paso para un proceso de instalación o mantenimiento. En este caso utilizamos un elemento reconocible por todos, y que muchos tienen en sus casas: una caldera de condensación. De todos modos este tipo de experiencias de manuales de pasos se podrían adaptar a multitud de elementos, desde un router, al motor de un coche, una lavadora, o incluso entornos más complejos como instalaciones industriales.

La escena de RA básica se sirve de elementos tipo gif que resalta cada una de las partes del manual. En cada uno de ellos se ha añadido una ficha de contenido para dar más información al usuario. 

Además de ello se hace uso del editor de código online para incluir elementos extra customizados en el marco de la experiencia: banner superior, sub-panel con tip informativo, y bloque inferior con botones de navegación y nombre del elemento actual. La programación de los botones se hace mediante un bloque de código dentro del editor de JavaScript.

Usos y beneficios 🌱

Este tipo de experiencias con manuales o guías paso a paso son muy útiles para tareas específicas como labores de mantenimiento, formación de operarios, instalación, operación. Pueden ser experiencias de muchos tipos de niveles, desde un usuario básico (puesta en marcha de la caldera de condensación), hasta un usuario de nivel avanzado o incluso experto (manual de revisión anual de la caldera).

Con estas experiencias se pueden crear checklists de puntos a verificar por un técnico, y con ello proporcionar un modo de acceso inmediato a la información relevante del aparato.

En este tipo de experiencias, orientadas a ámbitos cotidianos o industriales, se pueden destacar los siguientes beneficios:

• Reducción de tiempos en acceso a la información de valor.
• Reducción de tiempos de formación para personal poco calificado.
• Reducción de tickets o llamadas de soporte básicas que pueden ser solucionadas siguiendo una de las guías proporcionadas en el producto.
• Aumento de autonomía del usuario básico o el personal menos cualificado, minimizando así la necesidad de acceso a personal experto.

Características y consejos💡

Las siguientes características de Onirix se utilizan en esta experiencia:

Gifs en loop

En este caso estamos utilizando un gif en bucle para marcar cada uno de los componentes destacados a revisar en la instalación de la caldera. Uno a uno estos pasos se muestran en RA para dirigir la atención del usuario al punto concreto.

Acceda a la documentación sobre gifs.

Fichas de contenido

Fichas con información extra asociada al contenido de RA (título, imagen y descripción) que aparecen asociadas a cada uno de los pasos.

Acceda a la documentación de las fichas de contenido.

Editor de código: HTML, CSS y JavaScript

Utilizamos nuestro editor de código para añadir diferentes bloques personalizados a la escena con sección HTML, y CSS para darles algo de estilo: 

• Banner superior con el título de la experiencia («Quick start guide»).
• Sub-panel con el consejo de uso («Tap the AR circle…»).
• Bloque inferior con los botones de navegación y el nombre del componente actual.

En la parte de JavaScript programamos el cambio de contenido en función de la pulsación de los botones de navegación, así como el cambio de estado de la pantalla en función de la detección o pérdida del marcador.

Acceda a la documentación de nuestro editor de código online.

Escenas image tracking

La parte frontal de la caldera actúa como marcador y disparador de la escena y del contenido AR. Adaptable a cualquier imagen física que pueda existir en un espacio público.

Acceda aquí a la documentación sobre las escenas de image tracking.