Configurer un popover pour regrouper les contrôles de page

Cet exercice reprend là où vous vous êtes arrêté, mais plusieurs contrôles de filtrage ont été ajoutés à la page Review & Nominate de l'application. Les dirigeants d'Oakmark apprécient ces contrôles, mais veulent que vous les regroupiez pour alléger l'interface.

Aidez-les en plaçant les contrôles dans un popover.

Cette activité fait partie du cours

Introduction aux applis d'IA dans Sigma

Voir le cours

Exercice interactif pratique

Passez de la théorie à l’action grâce à l’un de nos exercices interactifs

Commencer l’exercice

Cette activité fait partie du cours

Introduction aux applis d'IA dans Sigma

SkillTag.level.beginnerSkillTag.label

4.9+

145 reviews

Commencer le cours gratuitement

Le chapitre 1 présente les concepts fondamentaux de la création d'applis d'IA dans Sigma, en mettant l'accent sur la façon dont les applis intègrent la saisie utilisateur pour piloter des flux de travail axés sur l'action. On insiste notamment sur les tableaux d'entrée liés, l'un des blocs de base les plus importants pour les applis Sigma. Vous verrez comment créer des tableaux d'entrée liés qui affichent les données de l'entrepôt aux côtés des valeurs saisies par l'utilisateur, ce qui permet d'interagir directement avec les jeux de données sous-jacents. Le chapitre couvre aussi les pratiques exemplaires pour encadrer la saisie utilisateur, notamment le contrôle des types de données autorisés et la définition des moments où les tableaux sont modifiables. À la fin de ce chapitre, vous comprendrez bien comment recueillir la saisie utilisateur de manière sûre et efficace tout en préservant l'intégrité des données dans votre appli.

Exercise 1: Qu'est-ce qu'une application d'IA?Exercise 2: Explorer une application terminée pour l'approbation de prêts Exercise 3: Une application finalisée pour les promotions d'agents de prêts Exercise 4: Enrichir des données existantes avec des tableaux d'entrée liés Exercise 5: Comprendre les tableaux de saisie liés Exercise 6: Créer un tableau d'entrée lié Exercise 7: Recueillir les mises en nomination pour une promotion Exercise 8: Mettre à l'essai le comportement des tables de saisie liées Exercise 9: Encadrer la saisie de données dans les tableaux d'entrée liés Exercise 10: Gérer les modifications dans la table de saisie des agents de prêts

Au chapitre 2, vous apprendrez à rendre vos applis d'IA plus interactives et réactives grâce aux fenêtres modales et aux séquences d'actions. Les modales vous permettent d'afficher des fenêtres contextuelles ciblées dans votre appli, donnant accès à de l'information supplémentaire ou à un espace pour une saisie plus détaillée sans encombrer l'interface principale. Vous verrez comment les modales améliorent l'utilisabilité et guident les utilisateurs dans des tâches précises. Le chapitre présente aussi les séquences d'actions, qui permettent aux applis de réagir dynamiquement aux actions de l'utilisateur, comme cliquer sur un bouton ou sélectionner une ligne de tableau. Vous apprendrez à déclencher plusieurs effets à partir d'une seule interaction, ce qui aide à automatiser les flux de travail et à simplifier l'expérience utilisateur. Ensemble, les modales et les séquences d'actions vous offrent des outils puissants pour concevoir des applis intuitives, interactives et axées sur l'objectif.

Exercise 1: Utiliser des fenêtres modales pour consigner des décisions et des entrées utilisateur Exercise 2: Créer une fenêtre modale pour recueillir les mises en nomination Exercise 3: Utiliser des séquences d'actions pour les flux de travail d'application Exercise 4: Comprendre les séquences d'actions de base Exercise 5: Créer une séquence d'actions pour ouvrir une fenêtre modale Exercise 6: Déclencher l'ouverture et la fermeture d'une fenêtre modale Exercise 7: Remplir les fenêtres modales avec des valeurs de contrôles Exercise 8: Remplir une fenêtre modale avec les ID des agents de prêts Exercise 9: Consigner les nominations avec une séquence d'actions Exercise 10: Ajouter des séquences d'actions conditionnelles Exercise 11: Empêcher les mises en candidature en double

Le chapitre 3 porte sur l'amélioration de l'interface et de l'expérience globales de vos applis d'IA. Vous commencerez par découvrir les info-bulles contextuelles (popovers), un élément d'interface polyvalent utilisé pour masquer des menus de filtres ou afficher de l'information contextuelle uniquement au besoin. Cela permet de garder les applis épurées tout en offrant un accès facile aux commandes et aux détails. Le chapitre explore aussi diverses fonctions de conception et d'organisation qui rehaussent à la fois l'utilisabilité et l'attrait visuel. Vous apprendrez à intégrer des boutons de navigation, des séparateurs et des conteneurs à onglets pour structurer le contenu et guider plus efficacement les utilisateurs dans votre appli. À la fin du chapitre 3, vous comprendrez comment un agencement et des choix de conception réfléchis rendent vos applis d'IA plus intuitives, soignées et agréables à utiliser.

Exercise 1: Utiliser les info-bulles pour simplifier l'interface d'une application Exercise 2: Configurer un popover pour regrouper les contrôles de page

Exercice en cours

Exercise 3: Tirer parti des boutons pour la navigation et l'interaction Exercise 4: Ajouter un bouton « Effacer les filtres » dans un popover Exercise 5: Ajouter des éléments d'interface et de disposition pour organiser l'appli Exercise 6: Nettoyer l'application de promotions des agents de prêts Exercise 7: Mettre le tout ensemble Exercise 8: Récapitulatif