Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

We have introduced a preconfigured UI Feedback Preset designed to enhance the TIN scanning process, which includes:

  • A customizable cutout overlay guide image.

  • A customizable instruction label positioned above the cutout.

  • Configurable text, images, and sound alerts corresponding to various user conditions (such as brightness, distance, and content).

This Preset is available on both iOS and Android Mobile SDK, as well as our Cross Platform Technologies (Cordova, .NET, React Native, and Flutter).

This article will provide details and descriptions about the new TIN User Feedback Config, as well as highlight the diverse selection of UI Feedback Presets available for TIN.

Table of Contents

...

TIN User Feedback Presets

Info

The following Presets are available for use inside the

View file
nametire_config_tin_dot_with_uifeedback.json
and the
View file
nametire_config_tin_universal_with_uifeedback.json
.

...

PLEASE NOTE:

At this time, UI Feedback Config is available for use with internal presets only.

...

UI Feedback Config

The UI Feedback Config is available for both our TIN/DOT and TIN Universal Modules. The uiFeedbackConfig parameter is nested inside the viewPluginConfig.

...

Expand
titleSonic Guidance Prompt

The final Attribute is the Sonic Guidance Prompt, which plays a .wav file when the contours detected trigger a specific Preset Image. You can add a Sonic Guidance Prompt to as many of the Presets as you wish. We recommend testing with this Attribute to find the right amount of Presets which may require a Sonic Guidance Prompt.

UI Feedback Image 6-20240507-140641.png

PLEASE NOTE:

The

View file
nameinfo_sound_TIN.wav
used for the UI Feedback Presets can be changed. Please watch the to find out how to do this.

...

User Feedback Layout

...

  1. Instruction Text (for more information, please see above)

  2. DOT Overlay (for more information, please see above)

  3. UI Feedback Preset Image (for more information, please see above)

  4. Additional Guidance Text (for more information, please see above)

TIN User Feedback Example

Please see an example below of how our TIN User Feedback is used with a live example.

...

...

TIN User Feedback Tutorial Video

Panel
panelIconIdatlassian-check_mark
panelIcon:check_mark:
bgColor#ABF5D1

Please watch our TIN User Feedback Tutorial Video for further information on the TIN User Feedback Config, the Presets, the Layout, and how to make adjustments to the Config.

...

Further information

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

 Need help?

To read more about TIN User Feedback, please find more information on our Documentation:

(blue star) → iOS: https://documentation.anyline.com/ios-sdk-component/latest/advanced-uifeedback-configuration.html
(blue star) → Android: https://documentation.anyline.com/android-sdk-component/latest/advanced-uifeedback-configuration.html
(blue star) → Cordova: https://documentation.anyline.com/cordova-plugin-component/latest/advanced-topics.html#ui-feedback-config
(blue star) → React-Native: https://documentation.anyline.com/react-native-plugin-component/latest/advanced-topics.html
(blue star) → Flutter: https://documentation.anyline.com/flutter-plugin-component/latest/advanced-topics.html#ui-feedback-config
(blue star) → .NET: https://documentation.anyline.com/dotnet-sdk-component/latest/advanced.html#_ui_feedback_config

...