Ein Modal zum Öffnen und Schließen auslösen

Diese Übung knüpft an deinen letzten Stand an. Jetzt, da du ein Modal zum Erfassen von Nominierungsentscheidungen hast, hilf Oakmark dabei, Aktionssequenzen zur App hinzuzufügen, die das Modal nach passenden Nutzeraktionen öffnen und wieder schließen.

Diese Übung ist Teil des Kurses

Einführung in KI-Apps in Sigma

Kurs anzeigen

Interaktive Übung

In dieser interaktiven Übung kannst du die Theorie in die Praxis umsetzen.

Übung starten

Diese Übung ist Teil des Kurses

Einführung in KI-Apps in Sigma

Geringe SchwierigkeitSchwierigkeitsgrad

4.8+

6 reviews

Kurs kostenlos starten

Kapitel 1 vermittelt die Grundlagen für den Aufbau von KI-Apps in Sigma, mit dem Fokus darauf, wie Apps Benutzereingaben integrieren, um aktionsbasierte Workflows zu steuern. Ein besonderer Schwerpunkt liegt auf verknüpften Eingabetabellen, einem der wichtigsten Bausteine für Sigma-Apps. Du lernst, wie du verknüpfte Eingabetabellen erstellst, die Lagerhausdaten neben vom Nutzer eingegebenen Werten anzeigen und so die direkte Interaktion mit zugrunde liegenden Datensätzen ermöglichen. Das Kapitel behandelt außerdem Best Practices für die Steuerung von Benutzereingaben, einschließlich der Kontrolle darüber, welche Datentypen eingegeben werden können, und der Definition, wann Tabellen bearbeitbar sind. Am Ende dieses Kapitels verstehst du, wie du Benutzereingaben sicher und effektiv erfasst und dabei die Datenintegrität in deiner App gewährleistest.

Exercise 1: Was sind AI Apps?Exercise 2: Eine fertige App für Kreditzusagen erkunden Exercise 3: Eine fertige App für Beförderungen von Kreditsachbearbeitern Exercise 4: Vorhandene Daten mit verknüpften Eingabetabellen anreichern Exercise 5: Verknüpfte Eingabetabellen verstehen Exercise 6: Eine verknüpfte Eingabetabelle erstellen Exercise 7: Beförderungsvorschläge erfassen Exercise 8: Verhalten verknüpfter Eingabetabellen testen Exercise 9: Eingaben in verknüpften Eingabetabellen steuern Exercise 10: Bearbeitungen an der Eingabetabelle der Kreditbearbeiter steuern

In Kapitel 2 lernst du, wie du deine KI-Apps mithilfe von Modals und Aktionssequenzen interaktiver und reaktiver machst. Modals ermöglichen es dir, fokussierte Pop-up-Fenster innerhalb deiner App anzuzeigen, sodass Nutzende zusätzliche Informationen erhalten oder detailliertere Eingaben vornehmen können, ohne die Hauptoberfläche zu überladen. Du siehst, wie Modals die Benutzerfreundlichkeit verbessern und Nutzende gezielt durch Aufgaben leiten. Das Kapitel führt außerdem Aktionssequenzen ein, mit denen Apps dynamisch auf Benutzeraktionen reagieren können, z. B. auf das Klicken einer Schaltfläche oder das Auswählen einer Tabellenzeile. Du lernst, wie du mit einer einzelnen Interaktion mehrere Effekte auslösen kannst, um Workflows zu automatisieren und Nutzererlebnisse zu vereinfachen. Zusammen geben dir Modals und Aktionssequenzen leistungsstarke Werkzeuge an die Hand, um Apps zu bauen, die intuitiv, interaktiv und zielgerichtet wirken.

Exercise 1: Modals nutzen, um Entscheidungen und Eingaben zu erfassen Exercise 2: Erstelle ein Modal, um Beförderungsvorschläge zu erfassen Exercise 3: Aktionssequenzen für App-Workflows verwenden Exercise 4: Grundlegende Aktionssequenzen verstehen Exercise 5: Eine Aktionssequenz zum Öffnen eines Modals erstellen Exercise 6: Ein Modal zum Öffnen und Schließen auslösen

Aktuelle Übung

Exercise 7: Modals mit Steuerungswerten befüllen Exercise 8: Ein Modal mit IDs von Kreditberater*innen befüllen Exercise 9: Nominierungen mit einer Aktionssequenz protokollieren Exercise 10: Bedingte Aktionssequenzen hinzufügen Exercise 11: Doppelte Nominierungen verhindern

Kapitel 3 konzentriert sich auf die Verfeinerung der Benutzeroberfläche und des gesamten Nutzungserlebnisses deiner KI-Apps. Zu Beginn lernst du Popovers kennen – ein vielseitiges UI-Element, das verwendet wird, um Filtermenüs zu verbergen oder kontextbezogene Informationen nur bei Bedarf anzuzeigen. So bleiben Apps aufgeräumt, während Nutzende dennoch leicht auf Steuerungen und Details zugreifen können. Das Kapitel beleuchtet außerdem verschiedene Design- und Organisationselemente, die sowohl die Bedienbarkeit als auch die optische Anmutung verbessern. Du lernst, wie du Navigationsschaltflächen, Trenner und Registerkarten-Container einsetzt, um Inhalte zu strukturieren und Nutzende effektiver durch deine App zu führen. Am Ende von Kapitel 3 weißt du, wie durchdachte Layout- und Designentscheidungen deine KI-Apps intuitiver, ausgereifter und angenehmer in der Nutzung machen.

Exercise 1: Popovers nutzen, um die Oberfläche einer App zu vereinfachen Exercise 2: Konfiguriere ein Popover, das Seitenelemente enthält Exercise 3: Buttons für Navigation und Interaktion nutzen Exercise 4: Einen „Clear filters“-Button in einem Popover hinzufügen Exercise 5: UI- und Layout-Elemente für mehr Übersicht hinzufügen Exercise 6: Die Beförderungs-App für Kreditsachbearbeiter aufräumen Exercise 7: Alles zusammenführen Exercise 8: Abschluss