Configuration globale

Structure de l'application

Le panneau d'édition d'application permet de définir l'architecture des tables, les relations entre les tables, et l'organisation des pages ainsi que leur style global.

Profils et utilisateurs

XXX

Paramétrage des pages

Éditeur de page

L'éditeur de page vous permet de construire le contenu du formulaire. Il s'agit d'un éditeur de code, mais vous n'avez pas besoin de connaissances de programmation pour réaliser des formulaires simples : Goupile fournit des fonctions prédéfinies qui permet de créer les widgets (champ texte, numérique, liste déroulante, etc.) très simplement et de gérer les variables recueillies de manière automatique.

Programmez la page dans l'éditeur (gauche), et le résultat (droite) s'affiche immédiatement

Les changements réalisés dans l'éditeur sont immédiatement exécutés et le panneau d'aperçu à droite vous affiche le formulaire qui en résulte. Il s'agit de la même page qui sera présentée à l'utilisateur final. A ce stade, vous pouvez déjà ajouter des données.

Une page est constituée de plusieurs widgets. De nombreux widgets prédéfinis sont disponibles : champ texte, champ numérique, liste déroulante, etc. Pour ajouter un widget, il vous suffit d'apeler une fonction. Pour la liste des widgets et les instructions détaillées, rendez-vous à la table des widgets.

Chaque widget accepte différentes options. Pour les widgets d'entrées (champs) vous devez spécifique un nom de variable et un libellé affiché à l'utilisateur. De nombreuses autres options sont disponibles : champ obligatoire, affichage compact ou élargi, etc.

La programmation des pages se fait en Javascript, il s'agit d'un langage de programmation largement répandu sur le web. En conséquence, vous pouvez utiliser la majorité des fonctionnalités Javascript disponibles dans les navigateurs. Nous utiliserons cela pour implémenter des champs conditionnels et des boucles, parmi d'autres choses.

Widgets standards

Exemples de widgets prédéfinis, avec le code à gauche et le résultat à droite

Les widgets sont créés en appelant des fonctions prédéfinies avec la syntaxe suivante :

function ( "nom_variable", "Libellé présenté à l'utilisateur" )

Les noms de variables doivent commencer par une lettre ou _, suivie de zéro ou plusieurs caractères alphanumériques ou _. Ils ne doivent pas contenir d'espaces, de caractères accentués ou tout autre caractère spécial.

La plupart des widgets acceptent des paramètres optionnels de cette manière :

function ( "nom_variable", "Libellé présenté à l'utilisateur", { option1 : valeur, option2 : valeur } )

Attention à la syntaxe du code. Lorsque les parenthèses ou les guillemets ne correspondent pas, une erreur se produit et la page affichée ne peut pas être mise à jour tant que l'erreur persiste. La section sur les erreurs contient plus d'informations à ce sujet.

Input widgets

Widget Code
page.text("variable", "Libellé")
page.number("variable", "Libellé")
page.slider("variable", "Libellé")
page.date("nom_variable", "Libellé")
page.binary("nom_variable", "Libellé")
page.enum("nom_variable", "Libellé", [ ["modality1", "modality1 Label"], ["modality2", "modality2 Label"] ])
page.enumDrop("nom_variable", "Libellé", [ ["modality1", "modality1 Label"], ["modality2", "modality2 Label"] ])
page.enumRadio("nom_variable", "Libellé", [ ["modality1", "modality1 Label"], ["modality2", "modality2 Label"] ])
page.multi("nom_variable", "Libellé", [ ["modality1", "modality1 Label"], ["modality2", "modality2 Label"] ])
page.multiCheck("nom_variable", "Libellé", [ ["modality1", "modality1 Label"], ["modality2", "modality2 Label"] ])
page.calc("nom_variable", 18)

Other widgets

Widget Code
page.section("Nom de la section", () => { page.text("variable1", "Label 1") page.number("variable2", "Label 2") })
page.output("This is <b>text</b> content")
page.output(html`This is <b>HTML</b> content`)

Erreurs de programmation

Voyez-vous l'erreur ? Il y a une parenthèse fermante en trop à droite.

Les langages de programmation (comme Javascript utilisé ici) sont très sensibles aux erreurs de syntaxe. Si vous faites une erreur, le code ne peut pas être exécuté et un message d'erreur sera affiché.

Si cela se produit, ne paniquez pas ! La plupart des erreurs sont faciles à corriger, la table ci-dessous peut vous aider.

XXX

Déploiement du formulaire

XXX

Utilisation en routine

Une fois le formulaire prêt, les panneaux de suivi et d'export vous permettent de suivre l'avancée de la saisie et d'exporter les données.

Suivi des données

Le tableau de suivi affiche la liste des enregistrements avec leur statut (complété, enregistré, non saisi). Depuis ce tableau de suivi, vous pouvez accéder directement à un enregistrement spécifique pour le compléter ou vérifier les données saisies.

Export des données

Testez votre formulaire et vérifiez instantanément les données produites dans le panneau d'export.

Le panneau de données affiche vos données et vous permet de les exporter, au format CSV ou XLSX.