CHAPITRE 2 - Les Composants

Dans Convertigo, les composants sont les éléments constitutifs de l'interface de votre application. Chaque composant a un rôle spécifique : afficher du texte, recevoir des données, proposer des choix à l'utilisateur ou déclencher une action. L'interface Studio vous permet de faire glisser et de déposer ces composants directement dans votre page sans écrire une seule ligne de code.

Examinons maintenant les composants les plus couramment utilisés, étape par étape.

‍

Structure

Groupe: Organise plusieurs composants ensemble pour une mise en page claire. Idéal pour créer des sections claires.

Disposition horizontale: Aligne plusieurs éléments sur une même ligne. Idéal pour placer des boutons ou des champs côte à côte.

‍

‍

Texte

Entrée de texte: Un champ que les utilisateurs remplissent librement (par exemple, nom, titre, commentaire).

Description: Texte statique utilisé pour expliquer ou guider les utilisateurs dans un formulaire.

‍

‍

‍

Champs interactifs

Case à cocher: Active ou désactive une option.

Groupe de cases à cocher: Permet aux utilisateurs de sélectionner plusieurs options dans une liste.

Choix unique: sélectionner une option dans une liste (style radio).

Grille à choix unique: Affiche une grille permettant de sélectionner une option par ligne - utile pour les évaluations.

Échelle linéaire: Évalue un élément de 1 à 5 ou d'autres échelles (par exemple, la satisfaction).

Liste déroulante: Sélection d'une option dans une liste - peut être statique ou connectée à une base de données.

Date / Heure: Choisissez une date ou une heure à partir d'un calendrier ou d'une horloge.

Appareil photo: Capturez une photo directement à partir de l'appareil de l'utilisateur.

‍

‍

Données

Tableau: Affiche des données sous forme de tableau (par exemple, la liste des demandes, des commentaires, des utilisateurs).

Liste déroulante connectée: Affiche des options dynamiques à partir d'une table interne ou externe.

Graphique: Visualise les données sous forme de barres, de lignes, de diagrammes à secteurs, etc.

Carte: Affiche les emplacements géographiques (lorsque les données comprennent des coordonnées).

‍

‍

Autres composants

Lecteur de codes-barres: Scanne les codes QR ou les codes-barres.

Téléchargement de fichiers: Permet aux utilisateurs de télécharger un document à partir de leur appareil.

Signature: Capture une signature manuscrite - utile pour les approbations ou les confirmations.

Géolocalisation: Récupère automatiquement la position GPS de l'utilisateur.

‍

‍

‍

Interactions

Bouton : Il déclenche une action telle que l'envoi d'un formulaire, la navigation vers une autre page ou l'exécution d'une logique.

‍

‍

Actions

Formule (logique commerciale): Exécute une logique personnalisée telle que des calculs ou des conditions.

Message Toast: Affiche un message temporaire à l'écran.

Naviguer vers la page: Redirige vers un autre écran de l'application.

Ouvrir l'application: Lance une autre application Convertigo.

Ajouter/supprimer une ligne dans le tableau local: Modifie les données temporaires en mémoire.

Condition / Boucle: Exécute des actions en fonction d'une condition ou de manière répétée.

Rafraîchir les données: Permet de recharger les données de la base de données.

‍

‍

‍

Tâches d'arrière-plan

Tâche générique: Une action personnalisable pour les cas d'utilisation avancés.

Envoyer un courriel: Envoi automatique d'un courriel.

Remplir le document PDF: Remplir un modèle PDF avec des données.

Ajouter / mettre à jour / supprimer une ligne dans la base de données: Interagit directement avec votre base de données NoCode.

Mettre à jour ou effacer les réponses de l'utilisateur: Modifie ou supprime les valeurs soumises par l'utilisateur.

‍

‍

Conclusion

Tous ces composants vous permettent de créer des applications puissantes, prêtes à l'emploi et adaptées à vos besoins. Dans les prochains chapitres, nous verrons comment connecter ces composants à une base de données pour enregistrer et manipuler des données réelles.

‍

‍

‍

‍