Créer l’UI and ajouter une Home page

• Ouvrir la fenêtre UI Designer
• Créer une UI et la renommer

Nous allons maintenant constuire la page Home qui ne contiendra que des informations et n’aura pas d’actions.
Cette page servira aussi de page de référence pour créer les autres pages.

Constuire la Homepage

• Glisser déposer un Rectangle et définier sa taille de la taille de l’UI c’est à dire 1920×1080, ce rectangle sera le parent de tous les autres éléments de la page.
• Glisser déposer les premiers éléments de l’UI, en commencant par les Timelines

• Copier/coller le rectangle qui contient les Timelines, le déplacer, et supprimer les éléments timelines de celui-ci
• Glisser déposer les V-Nodes depuis la fenêtre V-Nodes

• Répéter cela pour l’audio et les video projecteurs

Ajouter un Menu

Sur la partie droit de la page nous allons disposer un menu afin de passer d’une page à une autre de l’UI.

• Glisser & déposer le Calendar depuis la fenêtre Device
• Glisser & déposer l’Clock et Connection state depuis la toolbox
• Glisser & déposer les Images depuis la fenêtre Media list

*Si Connection state ne clignote pas cela sur votre application Kinetic Panel, cela signifie que la connection entre le Kinetic Panel est le Designer ne fonction pas.