Logiciel IHM PC : 3 étapes pour créer votre interface utilisateur graphique et tactile personnalisée

Le logiciel IHM GraphConverter est un logiciel PC vous permettant de créer rapidement et facilement une interface utilisateur graphique et tactile personnalisée  et de la télécharger dans les terminaux, modules ou cartes Clairitec.

Vous élaborez d’abord votre bibliothèque graphique, puis créez les différentes pages de votre interface utilisateur et enfin importez le projet dans la mémoire interne des produits Clairitec.

starterkit Clairitec

Elaboration de la bibliothèque graphique

Dans un premier temps, vous compilez la bibliothèque graphique de votre projet. Vous sélectionnez tous les éléments graphiques et les polices de texte que vous souhaitez utiliser dans votre future IHM et vous les ajoutez simplement au projet.

Eléments graphiques

Dans GraphConverter, vous pouvez ajouter les images et objets graphiques que vous aimez ou qui correspondent à la charte graphique de votre entreprise.

Le logiciel IHM ne vous impose aucune bibliothèque graphique restreinte. De la sorte, vous pouvez créer votre propre interface graphique personnalisée. GraphConverter prend en charge trois type de fichiers image :

  • BMP

  • PNG (avec transparence)

  • JPEG

Si vous souhaitez travailler avec des éléments graphiques spécialement conçus pour votre projet, Clairitec vous propose de créer tous les objets graphiques, images de fond, etc. selon vos besoins. Vous trouverez plus d’informations sur nos services graphiques ici : Design graphique.

Polices de caractères

Avec GraphConverter, vous pouvez même utiliser votre propre style de police de texte personnalisé !

Le logiciel IHM prend en charge toutes les polices de texte au format .TTF, correspondant à la norme ASCII-ANSI. Sélectionnez simplement la police de texte et ajoutez-la à votre projet.

Elaboration de la bibliothèque graphique

Dans un premier temps, vous compilez la bibliothèque graphique de votre projet. Vous sélectionnez tous les éléments graphiques et les polices de texte que vous souhaitez utiliser dans votre future IHM et vous les ajoutez simplement au projet.

Eléments graphiques

Dans GraphConverter, vous pouvez ajouter les images et objets graphiques que vous aimez ou qui correspondent à la charte graphique de votre entreprise.

Le logiciel IHM ne vous impose aucune bibliothèque graphique restreinte. De la sorte, vous pouvez créer votre propre interface graphique personnalisée. GraphConverter prend en charge trois type de fichiers image :

  • BMP

  • PNG (avec transparence)

  • JPEG

Si vous souhaitez travailler avec des éléments graphiques spécialement conçus pour votre projet, Clairitec vous propose de créer tous les objets graphiques, images de fond, etc. selon vos besoins. Vous trouverez plus d’informations sur nos services graphiques ici : Design graphique.

Polices de caractères

Avec GraphConverter, vous pouvez même utiliser votre propre style de police de texte personnalisé !

Le logiciel IHM prend en charge toutes les polices de texte au format .TTF, correspondant à la norme ASCII-ANSI. Sélectionnez simplement la police de texte et ajoutez-la à votre projet.

Création des pages IHM

Dans un deuxième temps, après avoir élaboré votre bibliothèque graphique, nous vous invitons à utiliser l’éditeur IHM de GraphConverter. Cet outil vous permet de créer les différentes pages de votre IHM et de placer tous vos objets sur celles-ci.

  • Créez les différentes pages de votre IHM

  • Placez tous les éléments graphiques sur ces pages

  • Ajoutez des zones de texte

  • Ajoutez des fenêtres vidéo

  • Définissez les zones tactiles

  • Etc.

Pour rendre la création des pages IHM aussi simple et intuitive que possible, le logiciel IHM vous permet de positionner les éléments par “glisser-déposer” et d’observer le rendu en temps réel. La position des éléments sur l’affichage virtuel correspond à la position des éléments sur votre future IHM (WYSIWYG – Ce que vous voyez est ce que vous obtenez).

2e étape

Création des pages IHM

Dans un deuxième temps, après avoir élaboré votre bibliothèque graphique, nous vous invitons à utiliser l’éditeur IHM de GraphConverter. Cet outil vous permet de créer les différentes pages de votre IHM et de placer tous vos objets sur celles-ci.

  • Créez les différentes pages de votre IHM

  • Placez tous les éléments graphiques sur ces pages

  • Ajoutez des zones de texte

  • Ajoutez des fenêtres vidéo

  • Définissez les zones tactiles

  • Etc.

Pour rendre la création des pages IHM aussi simple et intuitive que possible, le logiciel IHM vous permet de positionner les éléments par “glisser-déposer” et d’observer le rendu en temps réel. La position des éléments sur l’affichage virtuel correspond à la position des éléments sur votre future IHM (WYSIWYG – Ce que vous voyez est ce que vous obtenez).

Chargement & tests

Une fois que vous avez élaboré votre bibliothèque graphique et créé les différentes pages IHM, vous chargez l’ensemble du projet dans les terminaux, modules ou cartes Clairitec :

  • Chargement de la carte IHM via câble USB (fourni dans le Starter Kit)

  • Chargement sur une clé USB (par exemple pour mettre à jour l’IHM d’une unité déjà installée dans une machine)

En outre, GraphConverter vous donne la possibilité d’obtenir un premier rendu de votre interface utilisateur graphique sur un afficheur réel. En quelques clics, vous pouvez utiliser la fonction de test intégrée (lorsque votre terminal d’affichage ou module Clairitec est connecté à un PC) :

  • Affichage de toutes les images

  • Affichage de toutes les polices

  • Affichage de toutes les écrans IHM

Chargement & tests

Une fois que vous avez élaboré votre bibliothèque graphique et créé les différentes pages IHM, vous chargez l’ensemble du projet dans les terminaux, modules ou cartes Clairitec :

  • Chargement de la carte IHM via câble USB (fourni dans le Starter Kit)

  • Chargement sur une clé USB (par exemple pour mettre à jour l’IHM d’une unité déjà installée dans une machine)

En outre, GraphConverter vous donne la possibilité d’obtenir un premier rendu de votre interface utilisateur graphique sur un afficheur réel. En quelques clics, vous pouvez utiliser la fonction de test intégrée (lorsque votre terminal d’affichage ou module Clairitec est connecté à un PC) :

  • Affichage de toutes les images

  • Affichage de toutes les polices

  • Affichage de toutes les écrans IHM

Comment fonctionne la solution Clairitec ?

Vous voulez en savoir plus ? Vous trouverez plus d’informations concernant notre solution IHM (+ gestion d’E/S) sur notre site.

Découvrir la solution Clairitec