Configurer un popover pour regrouper les contrôles de page

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

Aidez-les en repliant ces contrôles dans un popover.

Cet exercice fait partie du cours

<cours>Introduction aux applications d’IA dans Sigma</cours>

Voir le cours

Exercice interactif pratique

Transformez la théorie en action avec l’un de nos exercices interactifs

Commencer l’exercice

Cet exercice fait partie du cours

<cours>Introduction aux applications d’IA dans Sigma</cours>

DébutantNiveau de compétence

4.9+

122 reviews

Commencer le cours gratuitement

Le chapitre 1 présente les concepts fondamentaux de la création d’apps d’IA dans Sigma, en mettant l’accent sur la façon dont les apps intègrent la saisie utilisateur pour piloter des workflows orientés actions. Une attention particulière est portée aux tables d’entrée liées, l’un des éléments les plus importants pour les apps Sigma. Vous explorez comment créer des tables d’entrée liées qui affichent les données de l’entrepôt aux côtés des valeurs saisies par les utilisateurs, permettant une interaction directe avec les jeux de données sous‑jacents. Le chapitre aborde également les bonnes pratiques de gouvernance de la saisie utilisateur, notamment le contrôle des types de données autorisés et la définition des moments où les tables sont modifiables. À la fin de ce chapitre, vous aurez une solide compréhension de la manière de collecter la saisie utilisateur de manière sûre et efficace tout en préservant l’intégrité des données au sein de votre app.

Exercise 1: Qu’est-ce qu’une application d’IA ?Exercise 2: Explorer une application finalisée d’approbation de prêts Exercise 3: Une application finalisée pour la promotion des chargés de prêts Exercise 4: Enrichir des données existantes avec des tables d’entrée liées Exercise 5: Comprendre les tables de saisie liées Exercise 6: Créer une table d’entrée liée Exercise 7: Recueillir les propositions de promotion Exercise 8: Tester les comportements des tables d’entrée liées Exercise 9: Gérer la saisie de données dans les tables d’entrée liées Exercise 10: Gérer les modifications de la table d’entrée des chargés de prêts

Dans le chapitre 2, vous découvrez comment rendre vos apps d’IA plus interactives et réactives grâce aux modales et aux séquences d’actions. Les modales vous permettent d’afficher, au sein de votre app, des fenêtres contextuelles ciblées donnant accès à des informations supplémentaires ou à une zone de saisie plus détaillée, sans encombrer l’interface principale. Vous verrez comment les modales améliorent l’ergonomie et guident les utilisateurs dans des tâches précises. Le chapitre présente également les séquences d’actions, qui permettent aux apps de réagir dynamiquement aux actions des utilisateurs, comme un clic sur un bouton ou la sélection d’une ligne de tableau. Vous apprendrez à déclencher plusieurs effets à partir d’une seule interaction, ce qui aide à automatiser les workflows et à simplifier l’expérience utilisateur. Ensemble, les modales et les séquences d’actions vous offrent des outils puissants pour créer des apps intuitives, interactives et efficaces.

Exercise 1: Utiliser des modales pour recueillir des décisions et des saisies utilisateur Exercise 2: Créer une fenêtre modale pour recueillir des propositions de promotion Exercise 3: Utiliser des séquences d’actions pour les flux de travail des applications 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 des modales avec des valeurs de contrôles Exercise 8: Renseigner un modal avec les identifiants des chargés de prêt 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 nominations en double

Le chapitre 3 se concentre sur l’affinage de l’interface et de l’expérience globale de vos apps d’IA. Vous commencez par découvrir les popovers, un élément d’interface polyvalent utilisé pour masquer des menus de filtres ou afficher des informations contextuelles uniquement lorsqu’elles sont nécessaires. Cela permet de garder les apps épurées tout en offrant aux utilisateurs un accès facile aux commandes et aux détails. Le chapitre explore également un ensemble de fonctionnalités de conception et d’organisation qui améliorent à la fois l’ergonomie et l’esthétique. 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 app. À la fin du chapitre 3, vous comprendrez comment des choix réfléchis en matière de mise en page et de design rendent vos apps d’IA plus intuitives, soignées et agréables à utiliser.

Exercise 1: Utiliser les popovers pour simplifier l’interface d’une application Exercise 2: Configurer un popover pour regrouper les contrôles de page

Exercice actuel

Exercise 3: Exploiter les boutons pour la navigation et l’interaction Exercise 4: Ajouter un bouton « Clear filters » dans un popover Exercise 5: Ajout d’éléments d’interface et de mise en page pour organiser l’app Exercise 6: Finaliser l’application de promotion des chargés de prêt Exercise 7: Tout rassembler Exercise 8: Conclusion