Bases de l'apprentissage de la 4e dimension

Avant de pouvoir concevoir un seul tableau, créer un formulaire ou configurer une liste de valeurs dans 4D (4th Dimension), vous devez maîtriser le vocabulaire de l’environnement dans lequel vous travaillez. Une grande partie de ce vocabulaire se trouve dans le système de menus — la bande de commandes qui s’étend en haut de chaque fenêtre.

Cet article est le premier d’une série sur les menus, et il commence là où toute bonne discussion technique devrait commencer : par des définitions précises. Maîtriser la terminologie dès maintenant évite des heures de confusion plus tard, car la documentation de 4D, son environnement de conception et l’application en cours d’exécution utilisent tous ces mêmes mots de manière spécifique.

Points clés à retenir

• La Barre de menus est la bande horizontale en haut de l’écran ; les noms qui s’y trouvent sont des Menus ; les entrées sélectionnables en dessous sont des Éléments de menu.
• Les symboles à droite d’un élément de menu sont des raccourcis clavier ; une pointe de flèche indique un Sous-menu ; trois points de suspension à la fin signifient qu’une fenêtre de menu s’ouvrira.
• Ces termes ne sont pas cosmétiques — l’éditeur de menus et le langage de commande de 4D dépendent de votre capacité à distinguer un menu d’un élément de menu.
• Comprendre l’anatomie d’un menu est le prérequis pour comparer les menus de 4D à ceux de FileMaker Pro et pour créer vos propres menus personnalisés.
• Un vocabulaire de menus cohérent facilite grandement la lecture de la documentation 4D, le suivi des tutoriels et la communication avec d’autres développeurs.

Pourquoi les définitions passent en premier

Il est tentant de sauter une section intitulée « Définitions ». Les développeurs expérimentés supposent qu’ils savent déjà ce qu’est un menu. Mais 4D — comme la plupart des plateformes de développement matures — utilise ces mots avec plus de précision que le langage courant, et les distinctions comptent dès le moment où vous commencez la personnalisation.

Prenons un exemple simple. Quand quelqu’un dit « ajouter une commande au menu Fichier », cela peut vouloir dire deux choses très différentes :

• Ajouter un nouvel Élément de menu au Menu Fichier existant (une seule nouvelle commande sous un en-tête existant).
• Ajouter un tout nouveau Menu à la Barre de menus (un nouvel en-tête de niveau supérieur à côté de Fichier, Édition, et les autres).

Ce sont des opérations différentes avec des conséquences différentes. Si vous et un collègue utilisez le même mot pour les deux, vous ne vous comprendrez pas. La même ambiguïté apparaît dans les instructions écrites, dans les rapports de bugs et dans la documentation 4D elle-même. Fixer précisément les termes élimine l’ambiguïté.

C’est aussi pourquoi la série commence ici plutôt que de se lancer directement dans des comparaisons. Les articles suivants contrastent les menus de 4D avec ceux de FileMaker Pro (FMP), proposent un menu 4D personnalisé et parcourent des suggestions spécifiques menu par menu. Rien de tout cela ne sera clair à moins que le vocabulaire sous-jacent ne soit partagé.

Connexes : Airtable — Une interface simple sous forme de feuille de calcul reposant sur une véritable base de données relationnelle, avec des automatisations, des vues et des interfaces partageables..

L’anatomie d’un menu

La figure 1 du matériel original montre un ensemble typique de menus annotés avec des flèches et des étiquettes. Voici la signification de chaque partie étiquetée, complétée par les détails pratiques dont vous avez besoin pour les reconnaître à l’écran.

Barre de menus

La Barre de menus est la barre en haut de l’écran. C’est le conteneur de tout le reste — la bande horizontale qui contient tous les noms de menus de niveau supérieur. Dans 4D, la barre de menus est elle-même un objet gérable : vous pouvez définir quels menus y apparaissent, et vous pouvez permuter des barres de menus entières au moment de l’exécution en fonction du contexte (par exemple, afficher une barre différente lorsqu’un formulaire particulier est au premier plan).

Pensez à la barre de menus comme à la couche la plus externe de la hiérarchie. Tout ce qui se trouve en dessous appartient à un menu de cette barre.

Si vous faites du shopping : Zoho Creator — Un créateur d'applications low-code qui se connecte à la suite Zoho plus large et propose des tarifs par utilisateur plutôt que par application..

Menus

Les noms répertoriés dans la barre de menus sont les Menus. « Fichier », « Édition », « Enregistrements », etc. sont des menus. Un menu est un groupement nommé de commandes associées. Son rôle est organisationnel : il rassemble les éléments de menu qui vont ensemble conceptuellement afin que les utilisateurs puissent les trouver.

Un menu n’est pas la même chose que son contenu. Vous pouvez avoir un menu vide (un en-tête sans rien en dessous), et vous pouvez ajouter ou supprimer des éléments d’un menu sans changer l’identité du menu.

Éléments de menu

Les entrées qui peuvent être sélectionnées lorsqu’un menu se déroule sont les Éléments de menu. Ce sont les commandes réelles — les éléments qui effectuent un travail lorsqu’on clique dessus. « Nouveau », « Ouvrir », « Enregistrer », « Imprimer » sont tous des éléments de menu.

Les éléments de menu sont l’endroit où se trouve l’action. Lorsque vous créez un menu personnalisé dans 4D, l’essentiel de vos efforts est consacré à la définition des éléments de menu et à l’association de méthodes (code) à ceux-ci. Un élément de menu peut être :

• Activé ou désactivé — grisé lorsque la commande n’est pas actuellement valide.
• Coché ou décoché — affichant une coche pour indiquer un état de bascule.
• Lié à une méthode — exécutant votre code lorsqu’il est sélectionné.

Raccourcis clavier

S’il y a des symboles à droite d’un élément de menu, ils indiquent les touches de raccourci clavier qui permettront de sélectionner le même élément de menu. Un raccourci est une manière alternative de déclencher une commande sans ouvrir le menu.

Les raccourcis sont une fonctionnalité d’ergonomie, et non une commande distincte. Le même élément de menu peut être atteint soit en cliquant dessus, soit en appuyant sur son raccourci. Lorsque vous définissez un élément de menu personnalisé dans 4D, vous pouvez lui attribuer un raccourci, et il est recommandé de suivre les conventions de la plateforme — par exemple, en utilisant la touche modificatrice standard (Commande sur macOS, Ctrl sous Windows) pour les actions courantes comme Enregistrer ou Imprimer, afin que le raccourci semble natif pour les utilisateurs de chaque plateforme.

Connexes : Knack — Un générateur de base de données sans code destiné aux portails, aux annuaires et aux outils internes, avec une tarification forfaitaire au lieu de frais par utilisateur..

Sous-menus

S’il y a une pointe de flèche à droite d’un élément de menu, cliquer dessus affichera un Sous-menu. Un sous-menu est un menu imbriqué — un menu à l’intérieur d’un menu. Il vous permet de regrouper un grand nombre de commandes associées sous un seul élément parent sans encombrer le niveau supérieur.

Les sous-menus sont utiles lorsqu’une catégorie compte de nombreux membres. Plutôt que de lister vingt commandes de rapport directement dans un menu, vous pouvez créer un seul élément « Rapports » qui ouvre un sous-menu contenant les vingt. Le compromis est la découvrabilité : les commandes enfouies un niveau plus profondément nécessitent un clic supplémentaire et un moment de recherche supplémentaire ; réservez donc les sous-menus pour des groupes véritablement grands ou secondaires.

Fenêtres de menu

Les éléments de menu suivis de trois points (par exemple, « Partage… »), lorsqu’on clique dessus, afficheront une fenêtre de menu avec des choix. Les points de suspension finaux sont une convention d’interface largement suivie, qui n’est pas propre à 4D : ils signalent que la sélection de l’élément n’agira pas immédiatement, mais ouvrira à la place une boîte de dialogue ou une fenêtre demandant plus d’informations avant que quoi que ce soit ne se produise.

Notre sélection : Claris FileMaker Pro — La plateforme de base de données relationnelle de longue date pour les équipes qui ont besoin d'applications personnalisées sur ordinateur, Web et mobile à partir d'un seul fichier..

Il s’agit d’une distinction petite mais importante pour les utilisateurs. Un élément de menu sans points de suspension fait son travail dès l’instant où vous cliquez dessus. Un élément de menu avec des points de suspension est le début d’une conversation — il ouvre une fenêtre dans laquelle vous faites d’autres choix, puis confirmez ou annulez.

La hiérarchie des menus en un coup d’œil

Les parties décrites ci-dessus forment une hiérarchie stricte. Bien distinguer les niveaux est le modèle mental le plus utile que vous puissiez conserver pour le reste de cette série.

Niveau	Terme	Qu’est-ce que c’est	Exemple
1	Barre de menus	La bande horizontale en haut de l’écran	La barre entière contenant Fichier, Modifier, Enregistrements…
2	Menu	Un en-tête nommé dans la barre de menus	« Fichier »
3	Élément de menu	Une commande sélectionnable dans un menu	« Ouvrir »
4	Sous-menu	Un menu imbriqué ouvert à partir d’un élément de menu	« Rapports ▸ »
—	Raccourci clavier	Symboles à droite d’un élément	⌘S / Ctrl+S
—	Fenêtre de menu	Une boîte de dialogue ouverte par un élément avec « … »	« Partage… »

Lisez le tableau de haut en bas et vous obtiendrez la relation d’inclusion : la barre de menus contient des menus, les menus contiennent des éléments de menu, et un élément de menu peut ouvrir soit un sous-menu (un autre menu), soit une fenêtre de menu (une boîte de dialogue). Les raccourcis et les points de suspension sont des annotations sur les éléments de menu plutôt que des niveaux distincts.

Comment décider : conseils pratiques pour la conception de menus

Les définitions ne sont utiles que si elles modifient votre façon de faire. Voici comment le vocabulaire ci-dessus se traduit en décisions concrètes lorsque vous créez des menus dans 4D.

• Choisir entre un élément de menu et un sous-menu. Si une catégorie ne comporte qu’une poignée de commandes, listez-les directement en tant qu’éléments de menu. S’il en contient beaucoup, ou si les commandes sont secondaires, regroupez-les dans un sous-menu. Le coût de l’imbrication est un clic supplémentaire, donc n’imbriquez pas pour le plaisir.
• Décider d’utiliser ou non des points de suspension. Ajoutez les points finaux chaque fois que la sélection de l’élément ouvre une fenêtre ou une boîte de dialogue qui nécessite une saisie supplémentaire avant que l’action ne soit terminée. Omettez-les lorsque la commande agit immédiatement. La cohérence permet ici aux utilisateurs de prédire le comportement.
• Attribution de raccourcis clavier. Réservez les raccourcis pour les commandes que les utilisateurs utilisent le plus souvent et suivez les conventions de la plateforme afin que la mémoire musculaire soit transférée d’autres applications. La surattribution de raccourcis crée des collisions et de la confusion.
• Activation et désactivation des éléments. Un élément de menu qui n’est pas actuellement valide doit être désactivé (grisé) plutôt que laissé cliquable pour échouer silencieusement. C’est une courtoisie envers les utilisateurs et une source courante de rapports de bogues lorsqu’elle est négligée.
• Planification de la barre de menus par contexte. Étant donné que 4D vous permet d’échanger les barres de menus, décidez tôt si différents formulaires ou modes nécessitent des menus de niveau supérieur différents, ou si une seule barre peut servir l’ensemble de l’application.

Où cela se situe-t-il dans la série

Cet article est volontairement fondateur. Les définitions ci-dessus constituent le vocabulaire commun sur lequel s’appuie le reste de la série. À partir de là, le contenu passe aux comparaisons et aux recommandations concrètes :

• Menus FMP vs 4D — en quoi les conventions de menu de FileMaker Pro diffèrent de celles de 4D, et ce que cela signifie si vous migrez ou travaillez dans les deux.
• Menu personnalisé 4D — créer votre propre structure de menu plutôt que de vous fier aux valeurs par défaut.
• Comparaisons du menu Fichier et Suggestions du menu Fichier — un examen commande par commande du menu Fichier et de ce qui doit s’y trouver.
• Autres comparaisons de menus et Suggestions du menu Enregistrements — le même traitement pour les menus restants, le menu Enregistrements faisant l’objet d’une attention particulière en raison de l’importance centrale de la navigation dans les enregistrements pour le travail de base de données.
• Écran de démarrage personnalisé — la touche finale pour une interface d’application polie.

Si vous arrivez à 4D depuis un autre environnement, les comparaisons seront les plus immédiatement utiles. Si vous débutez entièrement dans le développement de bases de données, consacrez plus de temps au contenu sur le menu Enregistrements, car la navigation dans les enregistrements est le pain quotidien de toute application pilotée par les données.

Pour les lecteurs qui souhaitent ancrer ces concepts d’interface dans la discipline plus large de l’interaction homme-machine, les travaux de Jakob Nielsen sur les heuristiques d’utilisabilité et les « huit règles d’or de la conception d’interface » de Ben Shneiderman sont des références largement citées sur la conception de menus et de commandes ; les deux sont décrits en détail sur Wikipédia et dans les manuels HCI standard. Les conventions décrites ici — points de suspension pour les boîtes de dialogue, états désactivés pour les commandes non valides, raccourcis cohérents — sont des applications directes de ces principes.

Questions fréquemment posées

Quelle est la différence entre un menu et un élément de menu dans 4D ?

Un menu est un en-tête nommé dans la barre de menus, tel que « Fichier » ou « Enregistrements ». Un élément de menu est une commande unique sélectionnable à l’intérieur de ce menu, telle que « Ouvrir » ou « Imprimer ». Le menu organise ; l’élément de menu exécute l’action. Il est important de maintenir la distinction entre les deux car l’ajout d’une commande et l’ajout d’un menu sont des opérations différentes.

Que signifient les trois points après un élément de menu ?

Trois points à la fin — des points de suspension, comme dans « Partage… » — signalent que la sélection de l’élément ouvrira une fenêtre de menu ou une boîte de dialogue plutôt que d’agir immédiatement. L’utilisateur doit effectuer d’autres choix avant que la commande ne soit terminée. Cette convention est courante sur de nombreuses plateformes, pas seulement 4D, c’est pourquoi les utilisateurs la reconnaissent souvent instinctivement.

Qu’indique une pointe de flèche à côté d’un élément de menu ?

Une pointe de flèche à droite d’un élément de menu signifie que cet élément ouvre un Sous-menu — un menu imbriqué contenant des commandes supplémentaires. Les sous-menus vous permettent de regrouper de nombreuses commandes liées sous un seul élément parent pour garder le menu de niveau supérieur ordonné. Le compromis est que les commandes imbriquées nécessitent un clic supplémentaire pour être atteintes.

Les raccourcis clavier sont-ils identiques aux éléments de menu ?

Non. Un raccourci clavier est simplement un moyen alternatif de déclencher un élément de menu existant. Les symboles affichés à droite d’un élément vous indiquent quelles touches sélectionneront cette même commande sans ouvrir le menu. L’élément et son raccourci font la même chose ; le raccourci est une commodité, pas une commande distincte.

Pourquoi 4D prend-il la peine de distinguer tous ces termes ?

Parce que l’éditeur de menus de 4D, son langage de commande et sa documentation reposent tous sur ces distinctions. Lorsque vous personnalisez des menus, vous manipulez les menus, les éléments de menu et les barres de menus comme des objets distincts. L’utilisation imprécise de ces termes conduit à des problèmes de communication avec d’autres développeurs et à des erreurs lors du suivi d’instructions ou de la lecture de la documentation de référence.

Dois-je comprendre les menus avant de créer des formulaires et des tableaux ?

Vous pouvez concevoir des tableaux et des formulaires sans toucher aux menus, mais vous ne pouvez pas livrer une application aboutie sans eux. Les menus sont le moyen pour les utilisateurs d’accéder aux commandes qui pilotent vos formulaires et manipulent vos données. Comprendre le vocabulaire des menus dès le début rend le travail ultérieur de configuration des menus personnalisés, des listes de valeurs et de la navigation beaucoup plus fluide.