MXM SOTB JS Widget

Caractéristiques:

Le MXM SOTB JS Widget permet d'afficher une nouvelle génération d'objets graphiques, appelés Widget, dans un Local Panel de l'application Manager de Medialon.

Ces Widgets sont définis dans des fichiers Javascript spécialement formatés qui sont distribués avec le MXM par SoundOutTheBox. Quelques Widgets sont déjà disponible:

• knob: Différentes sortes de bouttons rotatifs peuvent être dessinées. Ce Widget fournit plusieurs options tel que ‘ReadOnly’, ‘DisplayInput’, Min’, ‘Max’...
• contentFlow: contentFlow est un sélecteur de d'image.
• colorPicker: colorPicker est un sélecteur de couleur qui permet de connaitre les valeurs de RGB d'une nouvelle couleur ainsi que celle d'une couleur déjà validée.
• simpleGraph: Dessine une ligne, une zone, des barres ou des points représentants un tableau n'ayant qu'une seule ligne.
• multipleGraph: Dessine une ligne, une zone, des barres ou des points représentants un tableau avec plusieurs lignes.
• vuMeter1: vuMeter1 est un widget qui affiche un vuMetre avec une taille fixe. Son niveau est compris entre –20 and 3.
• …

Seulement un Widget peut être défini par device.

Le Widget est simplement choisi pendant la configuration, après ça, il peut être affiché dans un UserScreen en utilisant un objet Container.
Des variables dynamiques associées à ce Widget sont créées lorsque la configuration est validée. Elles fournissent un accès aux propriétés de ce Widget.
Exemple de l'utilisation des propriétés d'un Widget:

• La variable ‘Value’ d'un Widget vuMeter1 permet de modifier le niveau du vu-mètre pendant lorsque Manager est en mode Run.
• Selectionner une nouvelle couleur dans un Widget colorPicker modifiera ses variables RGB.
• Changer la valeur d'un Widget Knob directement dans un UserScreen modifiera également sa variable Value et vice versa.

> Top

Installation:

Les composants runtime des librairies Visual C++ sont requis par le MXM SOTB JS Widget. Pendant l'installation de cet MXM, vcredist_x86.exe qui est un package redistribuable de Microsoft Visual C++ 2010 sera éxécuté.

> Top

Configuration:

La fenêtre de configuration est utilisée pour :

• Choisir le Widget
• Définir les propriétés par defaut du Widget sélectionné
• Etablir une couleur de fond

Choisir le Widget:

Un Widget (fichier .js) peut être sélectionné via le navigateur de fichier.
Après cette sélection, le Widget est affiché et son chemin d'accès reste visible.

Des informations provenant du JS Widget ou de la Device remplissent les champs ci-dessous:

• Name: Nom de la device. Le nom de la device ne peut être changé ici.
• Type: type de Widget (ex: knob, vuMeter1, contentFlow, colorPicker…).
• Author: créateur du Widget.
• Version: version du Widget.
• Description: description du Widget.

Définir les propriétés par defaut du Widget sélectionné:

Les propriétés du Widget sélectionné peuvent être ajustée afin d'obtenir un rendu par defaut de ce Widget. Elles sont mémorisées et sauvegardées dans le projet. Ces propriétés sont restaurées lors du chargement du projet.

Le type des propriétés est défini dans le JS Widget et ne peut pas être changé.
Le type de propriété est soit:

• String (si la chaine de caractères correspond à une définition de couleur, un sélecteur de couleur y sera associé; si la chaine de caractères correspond à une définition d'une font, ce sera un sélecteur de font qui y sera associé)
• Integer
• Real
• Enum

Certaines propriétés sont ‘read only’. Leurs valeurs ne peuvent être changées que lors de la configuration afin de définir le rendu du Widget. L'information de ‘read only’ est fournie dans la description du Widget.

Etablir une couleur de fond:

Dans le but d'obtenir un résultat approprié pendant la creation du Widget, la couleur de fond appliquée au Widget est définie directement au moment de la configuration.

Remarque: Pour votre propre plaisir cet MXM supporte tous les styles de Manager.

> Top

Interface graphique:

L'IHM de cet MXM est une sorte ‘d'afficheur’.

Ajoutez un Container dans un Userscreen et glissez/déposez la device dans ce Container pour afficher le Widget.

Pour un rendu optimisé, les propriétés 'Width' et 'Height' du Container devraient être égale à celles du Widget.

Remarque: Le Widget n'est pas visible tant que Manager est en mode Stop.

> Top

Technologies:

Le MXM SOTB JS Widget a été réalisé via le MXM SDK de Medialon qui peut être utilisé par un tiers. Ce SDK permet de créer des plugins MXM pour les produits Medialon (Manager, Showmaster) afin de piloter d'autres appareils...

> Top

Révisions:

V 6.0.0

• Initiale: Le MXM SOTB JS Widget requiert Manager 6.2.0+.

> Top