Configura un popover per contenere i controlli della pagina

Questo esercizio riprende da dove avevi lasciato, ma alla pagina Review & Nominate dell’app sono stati aggiunti diversi controlli di filtro. Ai dirigenti di Oakmark piacciono questi controlli, ma vogliono che tu li raggruppi per un’interfaccia meno affollata.

Aiutali comprimendo i controlli in un popover.

Questo esercizio fa parte del corso

Introduzione alle app di AI in Sigma

Visualizza corso

esercizio interattivo pratico

Trasforma la teoria in pratica con uno dei nostri esercizi interattivi

Inizia esercizio

Questo esercizio fa parte del corso

Introduzione alle app di AI in Sigma

InicianteNível de habilidade

4.9+

123 reviews

Inizia il corso gratuitamente

Il Capitolo 1 introduce i concetti fondamentali per creare app di AI in Sigma, con particolare attenzione a come le app integrano gli input degli utenti per attivare flussi di lavoro basati su azioni. Un’attenzione speciale è dedicata alle tabelle di input collegate, uno dei blocchi costitutivi più importanti per le app Sigma. Scoprirai come creare tabelle di input collegate che mostrano i dati del data warehouse insieme ai valori inseriti dagli utenti, consentendo un’interazione diretta con gli insiemi di dati sottostanti. Il capitolo copre anche le buone pratiche per governare gli input degli utenti, inclusi il controllo dei tipi di dati inseribili e la definizione di quando le tabelle sono modificabili. Al termine di questo capitolo, avrai una solida comprensione di come raccogliere input in modo sicuro ed efficace, mantenendo l’integrità dei dati all’interno della tua app.

Exercise 1: Che cosa sono le AI Apps?Exercise 2: Esplorare un'app completa per l'approvazione di prestiti Exercise 3: Un'app completa per le promozioni dei loan officer Exercise 4: Arricchire i dati esistenti con tabelle di input collegate Exercise 5: Capire le linked input tables Exercise 6: Creare una tabella di input collegata Exercise 7: Raccogliere le candidature per la promozione Exercise 8: Testare i comportamenti delle linked input table Exercise 9: Gestire l'inserimento dati nelle tabelle di input collegate Exercise 10: Gestire le modifiche alla tabella di input dei loan officer

Nel Capitolo 2 impari a rendere le tue app di AI più interattive e reattive usando modali e sequenze di azioni. I modali ti permettono di mostrare finestre popup focalizzate all’interno dell’app, dando agli utenti accesso a informazioni aggiuntive o offrendo uno spazio per inserimenti più dettagliati senza appesantire l’interfaccia principale. Vedrai come i modali possono migliorare l’usabilità e guidare gli utenti attraverso attività specifiche. Il capitolo introduce anche le sequenze di azioni, che consentono alle app di rispondere in modo dinamico alle azioni dell’utente, come il clic su un pulsante o la selezione di una riga di tabella. Imparerai ad avviare più effetti con una singola interazione, aiutando ad automatizzare i flussi di lavoro e a snellire l’esperienza utente. Insieme, modali e sequenze di azioni ti offrono strumenti potenti per creare app che risultano intuitive, interattive e mirate.

Exercise 1: Usare i modali per raccogliere decisioni e input dell’utente Exercise 2: Crea un modal per raccogliere le candidature per la promozione Exercise 3: Usare le sequenze di azioni per i flussi di lavoro dell'app Exercise 4: Capire le sequenze di azioni di base Exercise 5: Creare una sequenza di azioni per aprire un modal Exercise 6: Attivare l'apertura e la chiusura di un modal Exercise 7: Compilare i modali con i valori dei controlli Exercise 8: Compilare un modal con gli ID dei loan officer Exercise 9: Registrare le candidature con una sequenza di azioni Exercise 10: Aggiungere sequenze di azioni condizionali Exercise 11: Prevenire nomination duplicate

Il Capitolo 3 è dedicato a perfezionare l’interfaccia e l’esperienza complessiva delle tue app di AI. Inizi conoscendo i popover, un elemento UI versatile usato per nascondere menu di filtro o mostrare informazioni contestuali solo quando servono. Questo aiuta a mantenere le app pulite pur offrendo agli utenti un accesso semplice a controlli e dettagli. Il capitolo esplora anche una serie di funzionalità di design e organizzazione che migliorano usabilità e impatto visivo. Imparerai come integrare pulsanti di navigazione, divisori e contenitori a schede per strutturare i contenuti e guidare gli utenti in modo più efficace. Al termine del Capitolo 3, capirai come scelte ponderate di layout e design possano rendere le tue app di AI più intuitive, curate e piacevoli da usare.

Exercise 1: Usare i popover per semplificare l'interfaccia di un'app Exercise 2: Configura un popover per contenere i controlli della pagina

Esercizio attuale

Exercise 3: Sfruttare i pulsanti per navigazione e interazione Exercise 4: Aggiungere un pulsante 'Clear filters' in un popover Exercise 5: Aggiungere elementi di UI e di layout per l'organizzazione Exercise 6: Rifinire l'app per le promozioni dei loan officer Exercise 7: Mettere tutto insieme Exercise 8: Riepilogo