Bonjour à tous 😊
Suite à mon précédent message, je vous propose ici un petit fichier d'exemple avec quelques unes des solutions évoquées.
Comme dit précédemment, les techniques utilisées sont volontairement assez basiques, juste histoire que tout ceci serve comme point de départ pour vos propres développements.
Vous pourrez évidemment personnaliser tout ce qui vous paraîtra utile (dimensions, polices de caractères, couleurs, rubriques, scripts, etc.), sachant que les codes Html/Css des certains Web-Viewer nécessiteront un minimum de connaissances de ces deux langages pour être correctement modifiés.
Quoi-qu'il en soit, voici quelques rapides commentaires concernant certains de ces composants :
Étapes
1. Panneaux à volets : c'est une technique assez simple à mettre en place, mais ça demande pas mal de manipulations et les éventuelles modifications ultérieures (ajout ou suppression d'étapes) pourront s'avérer assez laborieux à faire.
2. Barres de boutons : là aussi, simple à réaliser mais nécessitant pas mal de manipulations sur chaque segment (formatages ou masquages conditionnels, paramètres de scripts, icônes, etc.), mais on a la possibilité d'afficher des icônes, ce qui peut être sympa sur certaines interfaces… hélas, là aussi, les éventuels ajouts ultérieurs risquent de mobiliser un peu de temps pour les configurer.
3. Rubriques multivaluées : très simple et rapide à mettre en place, même si l'effet sur l'action sur les champs n'est pas vraiment très "joli", ça fonctionne bien et ne nécessite pas des longues manipulations en cas d'ajout de suppression d'étapes.
4. Web-Viewers : c'est du Html/Css, ce qui autorise à peu-près tout ce qu'on veut en tant que présentation. Ici j'ai tenté de rester dans le même esprit que les autres techniques mais on peut imaginer de tas d'autres compositions différentes, de celles que les outils natifs de FileMaker n'ont hélas pas accès. Là aussi, à vous de personnaliser le code (voir écran "Paramètres") pour tout changer à votre convenance.
Petite remarque : ce composant Web ne permet pas, en l'état, contrairement aux autres techniques, les changements d'étape en cliquant directement sur les étapes, il se contente juste d'afficher leur état uniquement, mais on peut imaginer une solution qui pourrait interagir avec FileMaker, si jamais il y a des âmes curieuses ou intéressées, on pourra développer ça…
Progression
Pour l'ensemble de ces exemples, on travaille avec des valeurs sous forme d'un pourcentage de l'avancement du traitement (fictif ici), c'est la raison pour laquelle on s'arrête toujours à la 100e étape.
1. Rubriques multivaluées : bon, rien de bien compliqué, juste une rubrique avec 100 répétitions et un formatage conditionnel pour afficher la progression. On remarquera cependant, que la rubrique affiche toujours une légère séparation entre les répétitions, même si on la configuré pour qu'elle soit invisible (attention : sur Mac et pour FileMaker v16 ; dites-moi si ça le fait aussi chez-vous).
2. Graphes FileMaker : ça fonctionne plutôt bien, malgré une configuration assez difficile des graphes à la sauce FileMaker, il faut "bidouiller" beaucoup pour obtenir quelque de potable…
3. Web-Viewers : rien à dire, pour quelque chose d'assez basique, c'est simple et rapide à mettre en place.
Attente
1. Image + texte : un seul exemple, mais je ne doute pas une seconde que vous trouverez d'autres bonnes idées !
2. Web-Viewers : 3 jauges assez courantes, vous trouverez pléthore d'autres exemples sur le web avec des recherches "progress bar" ou "loader", attention toutefois à ceux qui fonctionnent via JavaScript, ils ne sont pas toujours adaptés pour une utilisation dans FileMaker, préférez ceux uniquement en Html/Css.
--
Voici le fichier à télécharger : Progress.fmp12.zip (150 Ko)
Évidemment, toutes le remarques et suggestions sont les bienvenues… 😉