Utiliser l’éditeur visuel

Pour activer l’éditeur visuel, activez le commutateur en haut à droite de l’interface Bonsai utilisateur sous l’onglet Enseigner :

Visual editor toggle

Capture d’écran de l’onglet « Enseigner » de l’interface Bonsai utilisateur avec un exemple de cerveau Moab. Le bouton bascule Éditeur visuel est mis en surbrillance.

Conseil

Basculez entre l’éditeur visuel (diagramme de cerveau) et l’éditeur Inkling (spécification du cerveau) aussi souvent que vous le souhaitez. Bonsai vérifie que vos modifications sont conservées.

L’interface utilisateur de l’éditeur visuel inclut un canevas d’édition avec le sélecteur de concept et un diagramme de cerveau à gauche, ainsi qu’un panneau de propriétés avec l’éditeur de propriétés à droite.

  • sélecteur de concepts : barre d’outils de widgets de concept que vous pouvez ajouter au diagramme du cerveau. Faites glisser un widget du sélecteur vers le canevas d’édition pour ajouter un concept au diagramme du cerveau.
  • diagramme du cerveau : un graphique directionnel du flux de données au sein du cerveau et entre le cerveau et le simulateur. Les diagrammes de cerveau peuvent inclure des nœuds pour les concepts, les simulateurs, l’état observable (entrée) et les actions du simulateur (sortie).
  • éditeur de propriétés : affiche et modifie les propriétés globales (constantes, définitions de type) et les détails de propriété pour tout ce qui est actuellement sélectionné dans le diagramme du cerveau.

Editing tooltip

Capture d’écran de l’onglet « Enseigner » de l’interface Bonsai utilisateur avec le canevas d’édition, le sélecteur de concept et l’éditeur de propriétés étiquetés. Le canevas montre un diagramme de cerveau pour l’exemple de cerveau Moab.

Créer un diagramme de cerveau

Pour créer un diagramme de cerveau, sélectionnez les concepts du sélecteur de concepts et faites-les glisser vers le canevas. L’éditeur ajoute automatiquement des éléments connexes comme un widget de simulateur vide et des connecteurs d’entrée/sortie s’ils n’existent pas déjà.

Add a concept to the diagram

Capture d’écran animée de l’onglet « Enseigner » de l’interface Bonsai utilisateur montrant le canevas d’édition, le sélecteur de concept et l’éditeur de propriétés pour un cerveau vide. La souris pointe sur chaque type de concept disponible, sélectionne le « concept appris », puis fait glisser le widget vers le canevas vide.

Conseil

Pour supprimer un élément de diagramme, sélectionnez-le avec la souris et utilisez la touche Retour arrière .

Le pointage sur les éléments du diagramme de cerveau affiche des conseils d’outil au-dessus de la console de débogage qui fournissent des informations sur l’élément sélectionné, y compris les extraits d’extraits de code Inkling associés et les définitions de mots clés.

Modifier les propriétés des spécifications du cerveau

Sélectionnez un élément de diagramme pour afficher l’éditeur de propriétés et modifier les détails des spécifications du cerveau associées.

De nombreuses propriétés peuvent être modifiées directement dans le panneau de propriétés. Pour les éléments plus complexes, un éditeur d’éléments s’affiche :

Visual editor property popup

Capture d’écran de l’onglet « Enseigner » de l’interface Bonsai utilisateur avec un exemple de cerveau Moab. Le bouton bascule Éditeur visuel est mis en surbrillance.

Lorsque vous êtes satisfait des modifications, cliquez sur Enregistrer.