Corfix Form Builder : utilisation du composant « Photo »

1. Onglet « Affichage »

L'onglet « Affichage » permet de contrôler la manière dont le composant Photo s'affiche pour l'utilisateur.

• Libellé :

  • Il s'agit du titre visible de votre champ de téléchargement de photos que les utilisateurs verront. Ce champ est obligatoire.

  • Exemple : « Télécharger des photos », « Images du site », « Photos à titre de preuve ».

• Position du libellé :

  • Détermine l'emplacement de l'intitulé par rapport à la zone de téléchargement (par exemple : en haut, à gauche, à droite, en bas).

  • Par défaut : en haut.

• Description :

  • Fournit un texte explicatif supplémentaire concernant le composant, généralement affiché sous l'étiquette.

  • Exemple : « Veuillez télécharger des photos du matériel endommagé. »

• Info-bulle :

  • Texte qui s'affiche lorsque l'utilisateur passe la souris sur le composant. Utile pour fournir une aide rapide ou du contexte.

• Classe CSS personnalisée :

  • Permet aux utilisateurs avancés d’appliquer une mise en forme personnalisée au composant à l’aide de classes CSS.

• Masquer l'étiquette :

  • Si cette option est cochée, le libellé du composant ne s’affichera pas.

• Édition modale :

  • (Les détails ne sont pas entièrement visibles sur la capture d'écran, mais cela concerne généralement les options d'édition des photos téléchargées dans une fenêtre modale contextuelle).

2. Onglet « Fichier »

L'onglet « Fichier » propose des paramètres spécifiques relatifs à la gestion des photos, notamment l'intégration de la webcam.

• Activer la webcam :

  • Si cette option est cochée, elle permet aux utilisateurs de prendre des photos directement à l'aide de la webcam ou de l'appareil photo de leur appareil, plutôt que de se contenter de télécharger des fichiers existants.

• Largeur de la webcam :

  • Définit la largeur (en pixels) du flux en direct de la webcam affiché pendant la capture.

• Taille d'affichage de l'image :

  • Définit la largeur ou la hauteur maximale (en pixels) de l’image telle qu’elle s’affichera sur le formulaire après son téléchargement. Il s’agit d’une valeur d’affichage et non de la taille du fichier d’origine.

• Taille en pixels de l'image :

  • Définit la dimension maximale cible (en pixels) de la résolution de l’image téléchargée. Cela permet de contrôler la taille du fichier de l’image stockée.

3. Onglet « Données »

L'onglet « Données » permet de gérer le traitement des données relatives aux photos téléchargées.

• Valeurs multiples :

  • Si cette option est cochée, elle permet à l’utilisateur de télécharger plusieurs photos vers ce composant. Cela s’avère utile pour capturer plusieurs angles ou instances.

4. Onglet « Validation »

L'onglet « Validation » définit les règles applicables au champ de téléchargement de photos.

• Obligatoire :

  • Si cette case est cochée, l’utilisateur doit télécharger au moins une photo avant de valider le formulaire.

5. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant « Photo » doit être affiché ou masqué en fonction des valeurs d'autres composants du formulaire.

• Simple :

  • Il s’agit généralement d’un bouton bascule ou d’un menu déroulant permettant de choisir entre une logique conditionnelle simple et une logique conditionnelle avancée.

• Ce composant doit s'afficher :

  • Choisissez si le composant doit être « Affiché » ou « Masqué » (options implicites) en fonction de la condition.

• Lorsque le composant du formulaire :

  • Sélectionnez un autre composant de votre formulaire dont la valeur déclenchera la condition.

• A la valeur :

  • Précisez la valeur exacte que doit avoir le composant de formulaire sélectionné pour que la condition soit remplie.

  Exemple : vous pouvez configurer une règle pour que le composant « Télécharger les photos de l’incident » ne s’affiche que lorsque la case à cocher « Un incident s’est-il produit ? » est cochée.

Panneau d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre comment le champ « Télécharger » destiné aux photos s’affichera visuellement sur votre formulaire. Il affiche la zone de glisser-déposer et le lien « Parcourir », vous donnant ainsi une idée en temps réel de l’interaction de l’utilisateur.

Actions situées au bas de la boîte de dialogue :

• Enregistrer : enregistre toutes les modifications apportées aux paramètres du composant Photo.

• Annuler : annule toutes les modifications non enregistrées et ferme la boîte de dialogue.

• Supprimer : supprime le composant Photo du formulaire.

Bonnes pratiques pour le composant Photo :

• Libellé et description clairs : utilisez un libellé simple (par exemple, « Photos du site ») et une description pour guider les utilisateurs quant aux types d’images à télécharger.

• Activer la webcam pour une utilisation sur le terrain : si les formulaires sont souvent remplis sur place, activez l’option « Webcam » pour une prise de photo rapide et directe.

• Autoriser plusieurs photos : pour la plupart des cas de figure nécessitant une documentation visuelle, cochez « Valeurs multiples » afin que les utilisateurs puissent télécharger toutes les images nécessaires.

• Définissez la taille en pixels de l’image : réglez la « Taille en pixels de l’image » pour trouver le juste équilibre entre qualité d’image et taille du fichier, en optimisant ainsi le stockage et les temps de chargement, en particulier pour les utilisateurs mobiles.

• Utilisez l’affichage conditionnel : n’affichez le champ de téléchargement de photos que lorsque cela est logiquement nécessaire (par exemple, n’affichez « Télécharger des photos des dommages » que si la case « Dommages constatés » est cochée).