Documentation pour la conception de base de données
Documentation pour la conception de base de données
Ragic propose divers plug-ins utiles pouvant être intégrés à votre site web ou partagés sous forme de liens. Ces plug-ins sont automatiquement disponibles lorsque vous créez des feuilles dans vos applications.
Vous pouvez ainsi intégrer des formulaires sur votre site web qui seront enregistrés dans votre base de données une fois soumis, donner à vos clients et à vos partenaires la possibilité de faire des recherches dans votre base de données ou même de visualiser l'ensemble de son contenu.
Allez sur la feuille que vous souhaitez intégrer, puis, dans le menu Outils sous la rubrique Partager, sélectionnez Intégrer cette feuille .
Vous pouvez alors choisir parmi les six types de plug-ins fournis.
Chaque plug-in possède sa propre interface de configuration.
Après la configuration, un extrait de code HTML sera fourni. Vous pouvez coller ce code sur le site web où vous souhaitez intégrer la feuille. Vous pouvez également partager le lien direct ou le code QR pour accéder à la feuille intégrée.
Ragic prend également en charge l'intégration dans WordPress.
Décider de l'apparence qu'aura votre base de données pour vos utlisateurs vous guidera dans le choix du type de plug-in à utiliser. Voici un guide rapide pour choisir le bon plug-in en fonction de vos objectifs (cliquez sur le nom du plug-in pour plus d'informations).
| Nom | Objectif |
|---|---|
| 1. Visualiseur de base de données | Une liste simple de toutes vos entrées dans votre feuille, accessible aux utilisateurs de votre site web, avec trois mises en page différentes au choix. |
| 2. Requête de base de données | Affiche des champs de requête permettant aux utilisateurs de faire des requêtes pour rechercher des entrées dans votre base de données. |
| 3. Visualiseur et requête de base de données | Affiche des champs de requête permettant aux utilisateurs de créer des requêtes pour rechercher des entrées dans votre base de données. Les résultats de la recherche seront affichés dans la partie inférieure dessous. |
| 4. Formulaire de base de données | Affiche un formulaire d'entrée de base de données vide permettant aux utilisateurs de soumettre des formulaires, qui seront ensuite sauvegardés en tant qu'enregistrement dans votre base de données. |
| 5.Chercher dans la base de données | Affiche une boîte de recherche qui permet des recherches par mot-clé pour les entrées de votre feuille de base de données. |
| 6. Intégration brute | Intègre votre base de données dans un iframe avec l'interface utilisateur Ragic telle que vous la voyez sur votre compte. |
Une fois que vous avez choisi le type de plug-in web, vous pouvez également ajuster la mise en page pour chaque type d'intégration avec du CSS personnalisé et l’appliquer soit à “Toutes les feuilles”, soit à “Cette feuille”.
Remarque : Le CSS personnalisé par défaut s’applique à “Toutes les feuilles”. Si “cette feuille” possède son propre CSS personnalisé, ses paramètres auront la priorité.
Le Visualiseur de base de données permet aux utilisateurs du site web de consulter tous les enregistrements d'une feuille pour laquelle ils disposent des droits d'accès. Vous pouvez également rendre l’ensemble de la base de données publique si nécessaire.
Les utilisateurs peuvent cliquer sur un enregistrement de cette page pour consulter des informations plus détaillées, comme ils le feraient sur une page liste ou une page formulaire.
Trois types de mise en page sont disponibles.
Mise en page en tableau : les enregistrements sont affichés dans un format similaire à la page liste.
Mise en page en bloc : les enregistrements sont affichés ligne par ligne selon les champs sélectionnés. Un survol de la souris sur le texte révèle le champ source. Utilisez le menu déroulant ci-dessous pour modifier le champ correspondant.
Mise en page en album : cette mise en page affiche les images sous forme de vignettes, avec les enregistrements disposés en grille. Comme pour la mise en page en bloc, un survol du texte permet de modifier le champ correspondant à ce texte.
| Setting | Description |
|---|---|
| Lignes par page | Définit le nombre d’enregistrements affichés par page. |
| Afficher les commentaires | Permet d'afficher les commentaires dans les enregistrements. |
| Afficher le bouton de déconnexion | Permet d'afficher un bouton de déconnexion. |
| Afficher le total calculé pour tous les enregistrements | Permet d'afficher une barre de totalisation pour les enregistrements. |
| Appliquer la vue par défaut | Permet d'appliquer la vue par défaut définie pour la feuille. |
| Afficher le nom de la feuille | Permet d'afficher le nom de la feuille. |
La Requête de base de données permet aux utilisateurs de rechercher des enregistrements selon les critères de champ que vous avez définis. Vous pouvez également activer le mode exact ou la saisie semi-automatique du texte si vous le souhaitez.
Cliquez sur Définir les champs de requête par défaut pour modifier les champs disponibles pour la recherche ainsi que leur ordre.
Les types de champ utilisés pour la recherche correspondront à ceux de la Page formulaire. Par exemple, les champs de type Sélection apparaîtront sous forme de listes déroulantes sur la page de requête.
Après avoir soumis les critères de recherche, les enregistrements correspondants seront affichés selon le type de mise en page du Visualiseur de base de données que vous devez définir lors de l’étape suivante. Les utilisateurs pourront cliquer sur les enregistrements pour consulter des informations plus détaillées.
| Paramètre | Description |
|---|---|
| Mode Exact | Permet aux utilisateurs de rechercher des enregistrements avec des critères de correspondance exacte, même si votre feuille n’est pas publique. Pour plus de détails et des cas d’usage, veuillez consulter cet article. |
| Auto-complétion de texte | Permet d'activer la saisie semi-automatique lors de l’entrée des critères de recherche. |
| Afficher le nom de la feuille | Permet d'afficher le nom de la feuille. |
| Paramètres de pré-remplissage de valeur | Veuillez consulter cette section pour plus de détails. |
Ce plug-in combine les fonctionnalités de Requête de base de données et du Visualiseur de base de données. Contrairement au plug-in Requête de base de données, qui redirige vers une page de résultats après la recherche, le plug-in Visualiseur et requête de base de données affiche les résultats sur la même page.
L’utilisateur saisit ses critères de recherche en haut de la page, et les résultats correspondants s’affichent directement en dessous.
| Paramètre | Description |
|---|---|
| Types de mise en page | Veuillez consulter cette section pour plus de détails. |
| Lignes par page | Définit le nombre d’enregistrements affichés par page. |
| Afficher les commentaires | Permet d'afficher les commentaires dans les enregistrements. |
| Afficher le bouton de déconnexion | Permet d'afficher un bouton de déconnexion. |
| Mode exact | Veuillez consulter cette section pour plus de détails. |
| Auto-complétion de texte | Permet d'activer la saisie semi-automatique lors de l’entrée des critères de recherche. |
| Lister tous les enregistrements en premier | Permet d'afficher tous les enregistrements accessibles avant toute recherche. |
| Recherche automatique | Active la recherche automatique à mesure que les critères sont saisis, en évitant l’étape de recherche manuelle. |
| Masquer la barre de recherche | Permet de masquer la barre de recherche en haut de page. |
| Afficher le total calculé pour tous les enregistrements | Permet d'afficher une barre de totalisation pour les enregistrements. |
| Appliquer la vue par défaut | Permet d'appliquer la vue par défaut définie pour la feuille. |
| Afficher le nom de la feuille | Permet d'afficher le nom de la feuille. |
| Paramètres de pré-remplissage de valeur | Veuillez consulter cette section pour plus de détails. |
Le formulaire de base de données vous offre la possibilité d'intégrer un formulaire que vos utilisateurs pouront remplir depuis votre site. Les formulaires seront automatiquement enregistrés en tant qu'entrées dans votre base de données lorsqu'ils sont soumis par vos utilisateurs.
Après avoir choisi "Formulaire de base de données" comme type d'intégration web, vous pouvez prévisualiser et configurer la mise en page de votre formulaire. Vous pouvez consulter ce document pour obtenir plus d'informations sur la différence entre l'ancienne version et la nouvelle version.
Vous pouvez cliquer sur la section "Paramètres de la bannière" pour choisir une image de bannière ou en télécharger une. La taille d'image recommandée est de 1500 x 300 pixels.
Ici, vous pouvez sélectionner la couleur de fond de votre formulaire de base de données intégré.
Pour améliorer l'expérience utilisateur sur différents appareils, la nouvelle version du Formulaire de Base de Données adopte une mise en page à une seule colonne, similaire à celle de l'application mobile de Ragic. Par défaut, l'affichage des champs suit un ordre logique, se déroulant de gauche à droite et de haut en bas. Cette disposition permet une lecture naturelle et intuitive des informations. Pour personnaliser l'ordre d'affichage des champs, vous pouvez utiliser la section "Paramètres d'ordre des Champs". Dans cette section, sélectionnez le nom ou la description du champ que vous souhaitez repositionner. Utilisez ensuite les boutons fléchés pour ajuster sa position dans la séquence d'affichage. N'oubliez pas de sauvegarder vos changements une fois ceux-ci effectués.
Si vous souhaitez permettre aux utilisateurs de remplir un formulaire web avec des valeurs par défaut, vous pouvez utiliser la fonction de pré-remplissage. Par exemple, si vous souhaitez que les membres de différents départements puissent automatiquement remplir leur catégorie de produit et leur département correspondants lors de leur inscription à une formation interne, vous pouvez configurer le modèle de Pré-remplissage des valeurs. Vous pouvez aussi définir plusieurs modèles pour chaque département. Après avoir terminé la configuration, cliquez sur le modèle que vous souhaitez choisir (il sera grisé) et Enregistrer les paramètres.
Imaginons que vous partagez avec les membres du département marketing le lien permettant d'appliquer le modèle "Pour le Marketing". Lorsqu'ils ouvriront ce formulaire, les champs "Catégorie de Produit" et "Département" seront automatiquement renseignés avec les valeurs que vous avez définies dans le modèle.
Lorsqu’un champ de sous-table est sélectionné, une icône en forme d’engrenage apparaîtra sur le côté droit.
Après avoir cliqué dessus, vous pouvez définir la méthode de préremplissage des valeurs pour ce champ de sous-table.
Choisir "Préremplir une ligne de sous-table avec les valeurs préremplies" ne remplit que la première ligne, tandis que "Préremplir chaque ligne de sous-table avec les valeurs préremplies" remplit toutes les lignes ajoutées dans la sous-table.
Un champ de type Texte libre peut être configuré pour s’afficher en tant que "Texte court" ou "Texte long".
Pour un contenu plus conséquent, il est recommandé de choisir l’option "Texte long" afin d’assurer un affichage adapté.
Pour les champs de sélection comportant moins de 5 options, vous pouvez cliquer sur « Changer le type » sous le champ dans l’écran de prévisualisation pour passer du format menu déroulant au format boutons radio. Cependant, si le champ comporte plus de 5 options, ou s’il fait partie d’une sous-table ou d’une sélection en cascade, seul le format menu déroulant sera disponible.
Pour les champs Sélection depuis une autre feuille, vous pouvez passer d’un menu déroulant à un format basé sur la page de liste de la feuille liée. Veuillez noter que cela affichera tous les champs de la page liste de la feuille liée.
Les champs de sélection peuvent également être configurés selon un ordre aléatoire.
Vous pouvez également personnaliser la mise en page de vos formulaires intégrés avec du CSS personnalisé en cliquant sur Ajout de CSS personnalisé en bas à gauche.
Une fois la mise en page configurée, cliquez sur Suivant pour définir le message que verront les utilisateurs après avoir rempli le formulaire.
Cliquez sur l’onglet au-dessus de la zone de texte pour choisir d’afficher le message en texte brut ou en HTML. Si vous sélectionnez texte brut, le message affiché après la soumission du formulaire sera en format simple. En choisissant HTML, vous pouvez inclure de la syntaxe HTML (liens, mise en forme, etc...) dans le message affiché.
Si vous activez Ajouter une protection contre le spam, une case à cocher apparaîtra en bas du formulaire intégré pour permettre aux utilisateurs de confirmer qu’ils sont humains.
Si vous activez l’option Afficher le lien "Soumettre une autre réponse", un lien permettant de soumettre une nouvelle entrée s’affichera après l’envoi des données.
Pour remplir automatiquement certaines valeurs dans des champs spécifiques lors de la soumission d’un formulaire, vous pouvez ajouter un paramètre pfv à l’URL d’intégration :
https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfvfieldID=value
Pour appliquer plusieurs règles, utilisez "&" pour les combiner :
https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfvfieldID1=value1&pfvfieldID2=value2...
L’URL se compose de 4 éléments :
1. L’URL générée par l’outil d’intégration, par exemple : https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new
2. &pfv: le paramètre d’auto-remplissage
3. ID du champ: l’identifiant du champ à préremplir, par exemple : 1002358
4. Valeur : la valeur à insérer automatiquement, par exemple : USA
Exemple avec tous les éléments combinés :
https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfv1002358=USA
Lorsque les utilisateurs cliquent sur ce lien, le système remplira automatiquement les champs spécifiés avec les valeurs définies.
Les utilisateurs peuvent utiliser la barre de recherche pour saisir des mots-clés et effectuer une recherche dans votre base de données.
Les résultats de la recherche s’afficheront selon le type de mise en page du visualiseur de base de données que vous avez défini. Les utilisateurs peuvent également cliquer sur les résultats pour consulter des informations plus détaillées.
Contrairement aux autres options d'intégration, l'intégration brute permet d’intégrer, via une iframe sur votre site web, la même interface de feuille de calcul que celle affichée dans Ragic. Toutefois, si la feuille n’est pas publique, les utilisateurs devront se connecter pour y accéder.
Vous pouvez également configurer les quatre options suivantes : Pour créer une nouvelle entrée, Afficher la barre de recherche, Afficher les boutons de formulaire en haut, Afficher les commentaires.
L’icône recherche en haut à droite permet d’utiliser la recherche en texte intégral.
Les droits d'accès pour les formulaires intégrés sont les mêmes que ceux définis pour la feuille. Ainsi, si la feuille est définie comme publique, les visiteurs pourront l’utiliser. Si elle ne l’est pas, les visiteurs non connectés verront un écran de connexion sur votre site. (Rappel : cela ne s'applique pas à Visualiseur et requête de base de données.)
Le mode Exact de la recherche dans la base de données et le mode Exact du plug-in Visualiseur et requête de base de données font exception : il n’est pas nécessaire de rendre vos feuilles publiques pour que les utilisateurs puissent effectuer des recherches dans les données.
