• Edit
• History
• Print
• Download (.HTML)
• PDF

Reference / StepsOnDesigningAnOverlay

Steps on designing and creating overlays

Following is a list of steps involved in creating a typical overlay:

1. Identify the type of the overlay that matches with your requirement

2. Decide what data to display, and make a sketch of the overlay

3. Depending on the sketch, identify when to use built-in controls on their own and whether you need to create custom gauges using the built-in controls

4. Groups are the basis of customising overlays. They also help you to divide your design into manageable pieces. So create a list of groups and the controls you wish to add each and every group. Note that you may need to have groups with only one control, for example, a group called “Track map” for the track map control in your design.

5. Create any graphics you need to use with the overlay using an external application, for example, Photoshop

8. Start a new design and select the type of the overlay

9. Add groups to your design

10. Start placing controls and assign them to groups, one group of controls at a time.

11. Configure the controls

12. Preview overlay when necessary

13. Decide which parts of the overlay should be customisable/re-configurable

14. Add user properties for the groups that you are wish to customise

15. Save the design into the default overlay directory

16. Open the related customization tool (Video overlay designer or Virtual dashboard designer) and assign your overlay to a screen

17. Check whether user properties are working as expected (Note that some property changes are visible only when testing the overlay.

18. Test the overlay:

• For video overlays use the Analysis video export
• For dashboard layouts use either Analysis virtual dashboard or Live monitor dashboard.

19. Change the user properties (using the customisation tool) and re-test the overlay, repeat as necessary.