•
Coût de l’énergie (€) – les plages à utiliser étant les suivantes : o
0 – 4 : plage correcte ne nécessitant aucune action o
4 – 6 : plage d’alerte o
6 – 10 : plage à éviter
•
Températures des zones – il y a quatre (4) zones dont la température doit être surveillée. Nous aimerions
également faire passer la durée de surveillance à 1 heure
Votre plan consiste à créer un tableau de bord auquel tous les utilisateurs auront accès sur le site mobile.
Création d’un tableau de bord pour le four de la ligne de production 1
La création de tableaux de bord à l’aide de VantagePoint Composer Tool n’est possible que sur des appareils dotés d’un
écran suffisamment grand, généralement les tablettes et les ordinateurs portables.
1. Ouvrez votre navigateur et connectez-vous à FactoryTalk VantagePoint
Consultez la section précédente « Connexion au site mobile VantagePoint » pour plus de détails si vous avez besoin d’assistance. Vous devez arriver sur la page d’accueil.
Vous devez naviguer jusqu’à Proof Oven, qui se trouve dans Bread > Lines > BL1 > Assets.
2. Cliquez sur le lien Model
47 de 88
3. Cliquez sur le lien Anaheim Bread Lines
4. Cliquez sur le lien Lines
5. Cliquez sur le lien BL1
6. Cliquez sur le lien Assets
7. Cliquez sur le lien ProofOven
Vous arrivez à la page ci-dessous.
8. Cliquez sur l’onglet Displays
48 de 88
9. Cliquez sur le bouton Add (Ajouter) pour créer un nouveau tableau de bord
Vous voyez maintenant l’écran suivant :
Avant d’ajouter des propriétés (points) et des widgets, nous voulons mettre en page nos éléments de façon adaptée aux exigences de notre projet. Un tableau de bord mobile comporte des cellules, dont chacune peut contenir un ou plusieurs widgets du même type. Pour notre projet, nous avons identifié 4 cellules, que nous devons créer de la manière décrite ci-dessous.
Une première étape dans la conception de notre tableau de bord consistera à disposer les cellules sur la page.
10. Cliquez sur le bouton Paramètres , puis sur Split Horizontally (diviser horizontalement)
Vous voyez maintenant l’écran suivant :
49 de 88
La cellule du bas contiendra le widget Tendance.
11. Cliquez sur le bouton Paramètres dans la cellule du haut, puis sur Split Vertically
(diviser verticalement)
Vous voyez maintenant l’écran suivant :
La cellule du haut à gauche contiendra la jauge linéaire.
50 de 88
12. Cliquez sur le bouton Paramètres dans la cellule du haut à droite, puis sur Split Horizontally
Vous voyez maintenant l’écran suivant :
La cellule supérieure droite contiendra les deux (2) cases de valeurs et celle du milieu à droite la jauge.
13. Cliquez sur l’onglet Widgets
Nous allons maintenant commencer à ajouter les widgets dans chaque cellule de notre maquette.
51 de 88
14. Cliquez sur le widget Trend et, tout en maintenant le bouton de la souris enfoncé, faites-le glisser sur la cellule du bas, puis relâchez le bouton de la souris
Vous voyez maintenant l’écran suivant :
Notez que sur une tablette ou un appareil à écran tactile, vous auriez simplement fait glisser avec votre doigt le widget sur la cellule appropriée, puis relevé le doigt.
52 de 88
15. Cliquez sur le widget Linear Gauge et faites-le glisser en maintenant enfoncé le bouton de la souris sur la cellule en haut à gauche, puis relâchez le bouton de la souris
Notez que, dans cet exemple, nous mettons en page le tableau de bord et y ajoutons les widgets avant de leur assigner des propriétés. Nous procédons ainsi pour pouvoir examiner la disposition avec les widgets pour voir à quoi ressemblera le tableau de bord avant d’ajouter les points. Mais ce n’est pas une nécessité : vous pouvez ajouter les points à tout moment pendant cette procédure.
Maintenant que nous avons assigné des widgets, ajoutons-leur des propriétés de notre four. Nous commencerons par configurer le widget Trend.
16. Cliquez sur l’onglet Modèle
53 de 88
Faites glisser les quatre (4) propriétés (points) suivantes sur le widget Trend.
TempZone1
TempZone2
TempZone3
TempZone4
Par défaut, la durée de la tendance est de 5 minutes. Nous pouvons maintenant modifier la configuration de la tendance pour l’adapter à nos besoins.
17. Cliquez sur le bouton Paramètres dans la cellule du bas (celle qui contient le widget Trend), puis sur le lien Properties
54 de 88
Vous voyez maintenant l’écran suivant :
Il s’agit de la page de propriétés du widget Trend.
Modifiez les propriétés suivantes.
Title (Titre) = Températures des zones
Min/Max Lines (nombre min/max de lignes) = Lines Only (les lignes minimum et maximum nécessaires pour la représentation de chaque tracé)
Last Seconds (dernières secondes) = 3600 (ce qui règle la durée sur 1 heure)
Notez que vous pouvez sélectionner chaque tracé (qui représente la propriété ou le « point » que vous avez sélectionné) sur le panneau de gauche et modifier les propriétés du tracé autant que de la tendance.
Cliquez sur le bouton OK.
55 de 88
Le widget Trend est maintenant configuré. Configurons ensuite la jauge linéaire avec la propriété Energy_Cost_KWh
(coût de l’énergie en KWh). Pour cela, nous devons commencer par trouver la propriété associée. En l’occurrence, la propriété Energy_Cost_KWh (de même que EnergyCost) est située dans ProofOven > Energy.
La fenêtre en cours affiche les propriétés de ProofOven, et nous devons donc retourner à la racine de ProofOven et naviguer jusqu’à l’élément Energy.
56 de 88
18. Cliquez sur l’onglet Items cliquez sur le lien Energy.
Vous voyez maintenant l’écran suivant :
Vous êtes maintenant sur l’élément ProofOven > Energy.
57 de 88
19. Faites glisser le point Energy_Cost_KWh sur le widget Linear Gauge
Nous pouvons maintenant configurer les propriétés de Linear Gauge et définir les plages.
20. Cliquez sur le bouton Paramètres dans la cellule du coin supérieur gauche (celle qui contient le widget
Linear Gauge), puis sur le lien Properties
58 de 88
Vous voyez maintenant l’écran suivant :
Modifiez les propriétés suivantes :
Minimum = 0
Maximum = 0.2
Notez que pour définir les valeurs ci-dessus, vous devez cliquer sur Value defined from model (valeur définie par le modèle) pour passer d’une valeur basée sur le modèle à une valeur manuelle. Si les valeurs ci-dessus étaient définies dans le modèle, elles pourraient être utilisées pour définir ces propriétés.
21. Cliquez sur le bouton Add (ajouter) du champ Ranges (plages).
59 de 88
Vous voyez maintenant l’écran suivant :
La page Range permet de définir une plage (entre From et To) à utiliser pour définir la couleur de remplissage et la couleur du texte.
Modifiez les propriétés suivantes :
From = 0
To = 0.08
Font Color (couleur du texte) = Green (vert)
La propriété de la couleur est vert par défaut. Il n’est donc pas utile de la modifier.
Avant de quitter cette page de l’éditeur, nous allons configurer la deuxième plage de la jauge linéaire. Cliquez sur le bouton d’ajout pour créer une nouvelle plage et modifiez les propriétés suivantes.
From = 0.08
To = 1
60 de 88
Color = Red (rouge)
Font Color = Red
Cliquez sur le bouton OK.
Vous observez que la jauge linéaire change automatiquement d’aspect selon les propriétés définies. Dans le cas cidessus, la valeur est 0.11, donc à l’intérieur de la plage 2, et les couleurs de remplissage et de texte sont le rouge, comme attendu. La configuration de la jauge linéaire est terminée.
Passons maintenant à la cellule EnergyCost. Notez que nous n’avons pas encore ajouté de widget à la cellule pour notre jauge. Nous ferons simplement glisser le point sur la cellule et laisserons celle-ci déterminer le meilleur widget à adopter.
61 de 88
22. Faites glisser la propriété EnergyCost sur la cellule du milieu à droite
Lorsque vous faites glisser la ligne de séparation vers le haut ou vers le bas, l’objet s’adapte automatiquement à la taille de la cellule pour la remplir de façon optimale.
Notez que la valeur est affichée sous la forme d’une jauge. Si vous faites glisser la ligne horizontale sur le contenu de la cellule, la jauge se change en zone de valeur de manière à s’adapter au mieux à l’espace disponible dans la cellule.
Selon la taille de votre écran ou de votre appareil, les propriétés peuvent s’afficher différemment lorsqu’elles sont insérées dans une cellule. En effet, le site mobile essaie d’afficher la propriété avec le widget le plus approprié. Il suffit de changer la taille de la cellule pour faire la démonstration de cette fonction.
Nous pouvons maintenant terminer les affectations de propriétés (points) à ce tableau de bord en affectant les propriétés ShiftStart et ProductCode.
23. Cliquez sur le bouton Retour à gauche du titre Energy
Vous voyez maintenant l’écran suivant :
62 de 88
Il nous ramène à la liste des propriétés directement sous l’élément ProofOven (où nous trouverons les propriétés que nous recherchons).
63 de 88
24. Faites glisser les points ShiftStart et ProductCode sur la cellule en haut à droite
Ces propriétés n’étant pas numériques, elles sont affichées par défaut sous forme de widgets Zone de valeur.
25. Redimensionnez la jauge linéaire en largeur en cliquant sur le bord de la cellule et en le faisant glisser vers la gauche
64 de 88
26. Redimensionnez la largeur de la cellule supérieure droite en cliquant sur le bord de la cellule et en le faisant glisser vers le haut
Vous observez qu’en agrandissant la cellule du milieu à droite, elle remplace la valeur par un widget Jauge. Nous allons maintenant terminer la configuration du widget EnergyCost.
Notez que pour voir le widget Jauge, vous devrez peut-être agrandir la fenêtre de votre navigateur.
27. Cliquez sur le bouton Paramètres dans la cellule du milieu à droite (celle qui contient le widget jauge), puis sur le lien Properties
65 de 88
Vous voyez maintenant l’écran suivant :
Il s’agit de la page de propriétés du widget jauge.
Modifiez les propriétés suivantes :
Minimum = 0
Maximum = 10
Notez que pour définir les valeurs ci-dessus, vous devez cliquer sur Value defined from model (valeur définie par le modèle) pour passer d’une valeur basée sur le modèle à une valeur manuelle.
Nous pouvons maintenant définir les trois plages de la jauge EnergyCost.
Notez que vous pouvez sélectionner trois types de jauge : Speed Meter (compteur de vitesse), Outside
Speed Meter (compteur de vitesse extérieur) et Volume Unit Meter (compteur de volume).
66 de 88
28. Cliquez sur le bouton Add (ajouter) du champ Ranges (plages).
Vous voyez maintenant l’écran suivant :
Modifiez les propriétés suivantes :
From = 0
To = 4
Font Color (couleur du texte) = Green (vert)
67 de 88
Cliquez sur le bouton d’ajout pour créer une nouvelle plage et modifiez les propriétés suivantes de la plage 2 :
From = 4
To = 6
Color = Yellow (jaune)
Font Color = Yellow
68 de 88
Cliquez sur le bouton d’ajout pour créer une nouvelle plage et modifiez les propriétés suivantes de la plage 3 :
From = 6
To = 10
Color = Red (rouge)
Font Color = Red
Cliquez sur le bouton OK.
La configuration de la jauge est terminée. La touche finale à apporter au tableau de bord consistera à ajuster les couleurs de fond des cellules et du tableau de bord dans son ensemble.
69 de 88
29. Cliquez sur le bouton des Styles d’affichage dans le pied de page
Modifiez les propriétés suivantes.
Display Background Color (couleur d’arrière-plan de l’écran) = Black (noir)
Cell Background Color (couleur d’arrière-plan des cellules) = Light Grey (gris clair)
Cliquez sur le bouton OK.
La configuration de notre tableau de bord est maintenant terminée.
70 de 88
30. Sélectionnez le bouton d’enregistrement pour enregistrer la configuration du tableau de bord
La page suivante s’affiche.
Attribuez au tableau de bord le nom Vue d’ensemble du four
Dans le champ description, indiquez Vue d’ensemble des indicateurs clés de performance
Passez le sélecteur de favoris sur Yes.
Pour vous éviter de la saisie inutile, copiez le contenu du champ Description, car vous en aurez besoin à l’étape suivante.
Sélectionnez le bouton OK pour accepter les modifications
La configuration de la tendance est alors enregistrée et la page Add new Favorite (ajouter un nouveau favori) s’ouvre.
Attribuez au favori le nom Vue d’ensemble du four
Dans le champ description, indiquez Favori – Vue d’ensemble des indicateurs clés de performance
71 de 88
