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

Introduction aux applications d’IA dans Sigma

Afficher le cours

Exercice interactif pratique

Passez de la théorie à la pratique avec l’un de nos exercices interactifs

Commencer l’exercice

Cet exercice fait partie du cours

Introduction aux applications d’IA dans Sigma

DébutantNiveau de compétence

4.8+

8 reviews

Commencer le cours gratuitement

Le chapitre 1 présente les concepts fondamentaux de la création d’applications d’IA dans Sigma, en mettant l’accent sur la manière dont les apps intègrent les saisies des utilisateurs pour piloter des workflows orientés actions. L’accent est particulièrement mis sur les tables d’entrée liées, l’un des éléments essentiels des applications 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 couvre également les bonnes pratiques pour encadrer 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 comprendrez comment collecter des saisies 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 apprenez à rendre vos applications d’IA plus interactives et réactives grâce aux modales et aux séquences d’actions. Les modales vous permettent d’afficher des fenêtres contextuelles ciblées dans votre app, donnant accès à des informations supplémentaires ou à un espace pour des saisies plus détaillées, sans encombrer l’interface principale. Vous voyez comment les modales améliorent l’ergonomie et guident les utilisateurs dans des tâches précises. Le chapitre présente aussi les séquences d’actions, qui permettent aux apps de réagir dynamiquement à des actions utilisateur comme cliquer sur un bouton ou sélectionner une ligne de tableau. Vous apprenez à déclencher plusieurs effets à partir d’une seule interaction, afin d’automatiser des workflows et de fluidifier 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 orientées objectifs.

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’optimisation de l’interface et de l’expérience globale de vos applications d’IA. Vous commencez par découvrir les popovers, un élément d’interface polyvalent qui permet de masquer des menus de filtres ou d’afficher des informations contextuelles uniquement au moment opportun. Cela aide à garder les apps épurées tout en offrant un accès simple 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 apprenez à intégrer des boutons de navigation, des séparateurs et des conteneurs à onglets pour structurer le contenu et guider plus efficacement les utilisateurs à travers votre app. À la fin du chapitre 3, vous saurez comment des choix de mise en page et de design réfléchis rendent vos applications 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 en cours

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