Atelier : votre première application

Dans cet atelier, vous allez construire de A à Z une petite application de suivi de prospects (un mini-CRM), sans écrire une ligne de code et sans installer de module pré-construit. L'objectif : apprendre chaque geste du Studio pour pouvoir ensuite créer n'importe quelle application.

Durée : 60 à 90 minutes.

Ce que vous saurez faire à la fin :

Compétence	Étape
Créer un objet et ses champs	2
Relier deux objets entre eux	3
Ajouter un champ calculé (cumul)	4
Soigner la mise en page d'une fiche	5
Créer une vue filtrée	6
Automatiser une action	7
Générer un document PDF (optionnel)	8

Avant de commencer

Le Studio est réservé aux administrateurs et gérants de la société. Si vous voyez « Accès restreint » en ouvrant le Studio, demandez ce rôle à votre administrateur. Voir Se connecter et Accueil et navigation.

Étape 1 : Découvrir le Studio

1. En bas du menu de gauche, cliquer sur Studio.
2. Observer la barre de gauche du Studio : Objets, Règles, Routines, Documents, Schéma des relations, Modules. En haut, le lien Retour à mes applications vous ramène à vos données.
3. Cliquer sur Objets : c'est ici que tout commence.

Dans l'écran Objets :

• Le rail liste vos objets, rangés par groupes.
• Le bouton + (en haut du rail) crée un Nouvel objet.
• Le champ Filtrer les objets… cherche dans la liste ; + Nouveau groupe permet de ranger les objets par thème.
• En bas de la barre de gauche, le bouton Assistant peut créer des objets pour vous à partir d'une description, mais aujourd'hui, on fait tout à la main pour apprendre.

Le Studio, et le reste

Le Studio décrit de quoi vos données sont faites et ce qui agit dessus. Ce que voient vos collaborateurs se compose ailleurs, et d'une autre façon : en mode édition, directement sur les écrans. Vous y passerez à l'étape 6.

✅ Point de contrôle

Vous voyez les écrans du Studio dans sa barre de gauche, et le rail d'objets (peut-être vide : c'est normal).

Étape 2 : Créer l'objet « Prospect »

Un objet est une famille de fiches : ici, chaque fiche sera un prospect.

1. Dans l'écran Objets, cliquer sur le bouton + du rail (infobulle « Nouvel objet »).
2. Dans la fenêtre Nouvel objet :
   • Icône : saisir 🎯 (ou choisir un autre emoji).
   • Nom : Prospect.
   • Code technique (nom de table) : laissez la valeur proposée prospect (elle se déduit du nom).
   • Sous-objet de (optionnel) : laisser « Objet de premier niveau ».
3. Cliquer sur Créer l'objet.

L'objet s'ouvre avec ses trois onglets : Champs, Données et Utilisé par (ce qui s'appuie sur l'objet : règles, documents, pages, vues, rôles…).

Ajouter les champs

Dans l'onglet Champs, cliquer sur + Ajouter un champ, puis créer les champs suivants un par un (bouton Ajouter le champ pour valider chacun) :

Libellé	Type	Options
Nom	Texte court	cocher Champ obligatoire
Email	Texte court	—
Téléphone	Texte court	—
Statut	Liste de choix	voir ci-dessous
Notes	Texte long	—

Pour le champ Statut (type Liste de choix), la zone Options (icône + libellé + couleur) apparaît. Cliquer sur + Ajouter une option autant de fois que nécessaire pour saisir :

Libellé de l'option	Couleur
Nouveau	Ciel
En discussion	Ambre
Chaud	Orange
Gagné	Émeraude
Perdu	Rouge

Le code d'un champ

À côté du Libellé, le Code se remplit tout seul (Téléphone devient telephone, Date de signature devient date_de_signature). C'est l'identifiant durable du champ : il sert dans les formules et les règles, et ne se modifie plus après création (le libellé, lui, reste modifiable). Même principe pour les options d'une liste de choix : « Gagné » a pour code gagne.

L'option « Sensible / PII » se décide à la création

Sur les champs texte et nombre, une case Sensible / PII (chiffré au repos) est proposée. Si vous la cochez, la valeur est chiffrée avec la clé de votre société, mais le champ ne sera plus cherchable, triable, filtrable ni cumulable. N'en abusez pas : réservez-la aux données réellement confidentielles.

✅ Point de contrôle

L'onglet Champs de « Prospect » liste 5 champs, avec leur code et leur type. Le champ Statut affiche ses options colorées quand vous cliquez sur le crayon pour le modifier.

Étape 3 : Créer l'objet « Échange », relié au prospect

Chaque appel ou rendez-vous avec un prospect sera un Échange. Il faut donc un second objet, relié au premier.

1. Cliquer à nouveau sur + → Nouvel objet : icône 📞, nom Échange (code proposé : echange), puis Créer l'objet.
2. Dans son onglet Champs, ajouter :

Libellé	Type	Options
Date	Date	cocher Champ obligatoire
Compte-rendu	Texte long	—
Prospect	Relation vers un objet	Objet cible : Prospect

Le type Relation vers un objet fait apparaître le sélecteur Objet cible : choisissez Prospect. Chaque échange pourra désormais être rattaché à un prospect, et la fiche d'un prospect montrera ses échanges.

Une autre façon de faire : le sous-objet

Dans la fenêtre Nouvel objet, le champ Sous-objet de (optionnel) crée d'un coup l'objet et sa relation vers le parent (l'objet est alors masqué du menu et saisi directement sous chaque fiche parente, comme des lignes sous un devis). Ici nous avons créé la relation à la main pour apprendre le geste.

✅ Point de contrôle

Dans le rail, passez en mode Schéma : vous voyez vos deux objets reliés par une flèche. Revenez ensuite en mode Liste.

Étape 4 : Le cumul « Nombre d'échanges »

Ajoutons sur le prospect un compteur automatique de ses échanges.

1. Rouvrir l'objet Prospect, onglet Champs, puis + Ajouter un champ.
2. Libellé : Nombre d'échanges, Type : Cumul d'objets liés.
3. Objets liés à cumuler : choisir Échange · Prospect (la relation créée à l'étape 3).
4. Opération : Nombre.
5. Cliquer sur Ajouter le champ.

La relation d'abord, le cumul ensuite

Un cumul s'appuie toujours sur une relation existante qui pointe vers l'objet. Si aucun objet ne pointe vers « Prospect », le Studio vous le dira et la liste sera vide : créez d'abord le champ relation sur l'objet enfant (étape 3). Les opérations disponibles sont Somme, Nombre, Moyenne, Minimum et Maximum.

Un champ calculé (cumul ou formule) se remplit tout seul : il n'est jamais saisissable, et il n'est ni triable ni filtrable.

✅ Point de contrôle

Le champ « Nombre d'échanges » apparaît dans la liste avec le type « Cumul d'objets liés ».

Étape 5 : Soigner la mise en page de la fiche

Par défaut, la fiche empile tous les champs. Organisons-la en sections. La grille s'applique à la fiche comme aux formulaires de saisie, et reste respectée si vous personnalisez ces pages plus tard.

1. Ouvrir la liste des Prospects, puis cliquer Affiner et Composer la fiche.
2. Dans l'éditeur : cliquer sur + Ajouter une section, saisir le Titre de la section Identité, choisir 3 colonnes, puis y déposer les champs Nom, Email et Téléphone. Ils tiennent ainsi sur une seule ligne.
3. Ajouter une seconde section Suivi, sur 2 colonnes, pour Statut, Nombre d'échanges et Notes.
4. Réordonner les sections avec la poignée ⠿ de leur en-tête ; l'aperçu à droite montre le résultat.
5. Cliquer sur Enregistrer.

Un champ ajouté plus tard doit être placé

Dès qu'une grille existe, elle fait foi : un champ créé après n'y figure pas, donc n'apparaît pas sur la fiche. La fiche vous prévient (« 1 champ non placé dans la mise en page, donc masqué ») et le champ vous attend dans la palette Éléments du constructeur. Vous rencontrerez le cas à l'étape 7.

✅ Point de contrôle

Ouvrez une fiche (ou créez-en une vide) : les champs sont maintenant rangés dans vos deux sections.

Étape 6 : « Prospects chauds » dans le menu

Vous voulez que l'équipe ait cette liste sous la main. Elle sera une page.

D'abord, régler la liste.

1. Sur la liste des prospects, cliquer Affiner, puis la pastille Filtre.
2. Champ : Statut (aucun n'est présélectionné, et Appliquer reste grisé tant que vous n'avez pas choisi). Condition : est. Valeur : Chaud. Puis Appliquer.
3. La pastille affiche Statut est Chaud : c'est elle qui dit sur quoi vous filtrez réellement.

L'adresse de votre navigateur porte maintenant ce réglage : elle se recharge, et elle s'envoie à un collègue telle quelle.

Ensuite, en faire une entrée de menu.

4. Carte utilisateur → Modifier le site. Une barre apparaît en haut.
5. Dans le menu de gauche, Ajouter une page : titre Prospects chauds, nature contenu.
6. Sur la page vide, cliquer le « + » et poser un bloc Vue d'objet (widget) : objet Prospect, et dans ses réglages un filtre Statut est Chaud.
7. Publier, puis Quitter l'édition.

✅ Point de contrôle

« Prospects chauds » figure dans le menu de gauche, et n'affiche que les prospects au statut Chaud, pour toute l'équipe.

Pour aller plus loin : Modifier le site, Mise en page et listes et Rechercher et filtrer.

Étape 7 : Automatiser : la date de signature

Quand un prospect passe au statut « Gagné », posons automatiquement la date du jour dans un champ dédié.

D'abord, le champ cible. Dans le Studio → Objets → Prospect → Champs → + Ajouter un champ : libellé Date de signature, type Date.

Puis placez-le dans la grille, sinon il restera masqué (c'est le cas annoncé à l'étape 5) : liste des Prospects → Affiner → Composer la fiche → glissez « Date de signature » depuis la palette Éléments dans la section Suivi, à côté de Statut → Enregistrer.

Ensuite, la règle. Retourner dans le Studio, écran Règles, puis cliquer sur Nouvelle règle :

1. Nom de la règle : Date de signature automatique.
2. Déclencheur : Modification.
3. Objet cible : Prospect.
4. Condition (optionnelle) : cliquer sur Ajouter une condition, choisir le champ Statut, l'opérateur vient de devenir, et saisir la valeur gagne.
5. Action : cliquer sur Ajouter une action, puis Modifier champ ; choisir Date de signature, et dans la valeur saisir {today}.
6. Cliquer sur Créer la règle. Elle apparaît dans la liste, interrupteur Active allumé.

Deux pièges classiques

• La condition compare le code de l'option, pas son libellé : pour « Gagné », saisissez gagne (minuscules, sans accent, le code affiché dans les options du champ).
• La valeur {today} est un jeton spécial : au moment où la règle s'exécute, il est remplacé par la date du jour (il existe aussi {now} pour la date et l'heure).

L'écran Règles liste toutes les règles de l'application ; son bouton Journal d'exécutions trace chaque déclenchement (succès ou échec).

✅ Point de contrôle

La règle est listée dans Studio → Règles, avec le déclencheur « À la modification », l'objet Prospect et l'interrupteur Active allumé. Elle figure aussi dans l'onglet Utilisé par de l'objet Prospect.

Étape 8 (optionnel) : Un document PDF « Fiche prospect »

1. Studio → Documents → Nouveau modèle, choisir l'objet Prospect, puis Continuer.
2. Nommer le modèle Fiche prospect, puis construire le contenu avec + Ajouter un bloc (titre, texte, tableaux…). Dans un bloc de texte, vous pouvez insérer la valeur d'un champ à la position du curseur.
3. Utiliser Aperçu du document pour contrôler le rendu, puis Enregistrer.
4. Sur une fiche prospect, la liste des documents propose alors de générer le PDF.

Le détail des blocs et des variables est couvert dans Documents PDF.

Étape 9 : Saisir des fiches et tout vérifier

Place à la recette de votre application !

1. Ouvrir la liste des prospects, cliquer sur Nouveau (ou appuyer sur la touche C).
2. Créer trois prospects, par exemple :

Nom	Email	Statut
Boulangerie Martin	contact@bmartin.fr	Nouveau
Atelier Dupont	bonjour@atelier-dupont.fr	Chaud
Garage Bernard	accueil@garage-bernard.fr	En discussion

Le formulaire reflète votre grille : « Identité » sur trois colonnes, « Suivi » sur deux, et le lien Tout replier en haut dès qu'il y a plus d'une section.

3. Ouvrir la liste des échanges (menu de gauche) et créer deux échanges rattachés à « Atelier Dupont » (champ Prospect de la fiche), avec une date et un compte-rendu.
4. Vérifier le cumul : la fiche « Atelier Dupont » affiche 2 dans Nombre d'échanges.
5. Vérifier la page : « Prospects chauds » ne montre que « Atelier Dupont ». Si elle est vide, ouvrez les réglages de son bloc : le filtre doit dire Statut est Chaud et non le nom d'un autre champ.
6. Vérifier l'automatisation : passer le statut de « Atelier Dupont » à Gagné, puis rouvrir la fiche, le champ Date de signature contient la date du jour. En cas de doute, consultez Studio → Règles → Journal d'exécutions : votre règle doit y figurer avec le statut Succès.
7. Vérifier la corbeille : supprimez un prospect de test, puis cliquez sur Annuler dans la notification (ou restaurez-le depuis le bouton Corbeille). Voir Corbeille et historique.

✅ Point de contrôle final

Cumul à jour, page filtrée opérationnelle, date de signature posée automatiquement : votre première application fonctionne de bout en bout. 🎉

Étape 10 : Aller plus loin

• Gagner du temps : les Modules installent des ensembles d'objets prêts à l'emploi (CRM complet, facturation…), comparez avec ce que vous venez de construire.
• Maîtriser les types : Types de champs et Relations et calculs (formules comme {quantite} * {prix}, cumuls avancés).
• Automatiser davantage : Automatisations, emails, créations en chaîne, routines planifiées.
• Ouvrir l'accès : Droits d'accès pour cloisonner ce que voit chaque membre (Administration → Rôles et droits par objet), puis Gérer le portail pour donner à vos clients un accès externe.
• Personnaliser les écrans : Modifier le site pour composer vos écrans là où ils s'utilisent, Pages personnalisées pour le vocabulaire des blocs, et Régler l'extranet pour l'ouvrir à vos clients.
• Demander plutôt que faire : L'assistant sait poser un objet, une règle ou une page à partir d'une phrase, et vous montre le plan avant d'appliquer.
• Modifier sans risque : Travailler dans une copie, une fois l'application en service.
• Soigner l'allure : Style et charte, les couleurs, la typographie et les formes de vos écrans.