FR 0. Introduction
AJUI ProgressBar est un composant développé dans le langage 4D pour la version V18. Il est destiné aux développeurs 4D. Il permet de pouvoir générer très facilement des barres de progression. Il s’appuie sur le langage SVG pour le rendu de l'image et sur la technologie des Worker de 4D pour l'animation.
Le composant crée des instances. Les instances sont des objets composés d’un ensemble de propriétés qui vont définir les caractéristiques et le rendu visuel des barres de progression. Elles possèdent également des formules permettant d’accéder aux assesseurs et aux méthodes de génération des barres de progression.
L’idée derrière la réalisation de AJUI ProgressBar est de mettre à disposition un outil visuel permettant aux utilisateurs d'avoir un aperçu sur l’avancement d’un processus en lui affichant une barre de progression.
Le composant permet notamment d’informer l'utilisateur sur l’état de progression d’un processus en cours en fournissant des indicateurs visuels et valorisés.
Le composant contient deux types d’instances représentant deux formes spécifiques de barre de progression qui sont mises à disposition. La première étant de forme linéaire et la seconde de forme circulaire. Chacune possède des propriétés, propres à leur design.
Barre linéaire :
Barre circulaire :
Les valeurs numériques pouvant être affectées aux barres vont de 0 à 100. Cependant, le texte affiché étant personnalisable, il est possible de représenter visuellement d’autres valeurs; par exemple des étapes.
Le composant utilise également des Worker permettant ainsi de rafraîchir la page lors de la génération des barres de progression. Cependant, les Workers ont une autre utilité. Ils nous permettent de gérer des animations. Les animations sont applicables aux deux types de barre de progression.
La première animation applicable est un effet de transition entre l’ancienne et la nouvelle valeur que vous aurez affecté à votre barre de progression. En déterminant une vitesse de transition, le composant va mettre à jour l’objet de formulaire de type image et rafraichir le formulaire un certain nombre de fois jusqu’à atteindre la nouvelle valeur.
La deuxième animation est ce qu’on appelle un « Barbershop ». Dans ce cas, la barre de progression ne s’appuie plus sur une valeur fixe et tourne en boucle (barre circulaire) ou réalise des va et viens (barre linéaire) jusqu’à que le développeur décide d’y mettre un terme en faisant appel à la formule d’arrêt correspondante. Ce type d'animation s'applique parfaitement à un processus dont le temps de traitement est inconnu. Cette animation à pour but de faire patienter l'utilisateur en l'informant que le processus est en cours.
L’utilisation de la barre linéaire et circulaire en mode sans animation ne pose pas de problème à leur utilisation dans le cadre des sous-formulaires.