Lab 2: Eine Canvas-App erstellen

WWL-Mandanten – Nutzungsbedingungen Wenn Ihnen im Rahmen einer Präsenzschulung ein Mandant zugewiesen worden ist, steht dieser für Praxislabs innerhalb der Präsenzschulung zur Verfügung. Mandanten sollten nicht für Zwecke außerhalb von Praxislabs freigegeben oder verwendet werden. Der in diesem Kurs verwendete Tenant ist ein Testtenant; er kann nach Abschluss des Kurses nicht verwendet oder aufgerufen werden und ist nicht für Erweiterungen geeignet. Mandanten dürfen nicht in ein kostenpflichtiges Abonnement konvertiert werden. Die im Rahmen dieses Kurses erworbenen Mandanten verbleiben im Eigentum der Microsoft Corporation, und wir behalten uns das Recht vor, jederzeit auf Mandanten zuzugreifen und diese zurückzuziehen.

Szenario

Das Bellows College ist eine Bildungsorganisation mit mehreren Campusgebäuden. Viele der Lehrer und Administratoren am Bellow College müssen an Veranstaltungen teilnehmen und Artikel kaufen. Historisch gesehen war die Nachverfolgung dieser Ausgaben eine Herausforderung.

Die Campusverwaltung möchte ihr Spesenabrechnungssystem modernisieren, indem den Mitarbeitern eine digitale Möglichkeit zum Melden von Ausgaben an die Hand gegeben wird.

Während dieses Kurses erstellen Sie Anwendungen und führen Automatisierung durch, damit die Mitarbeitenden des Bellows College Ausgaben verwalten können.

Weiterführende Schritte des Lab

Wir werden uns beim Entwerfen der App an nachstehende Gliederung halten:

Erstellen einer Canvas-App für Spesenabrechnungen
Konfigurieren, wie Spesenabrechnungen auf dem Suchbildschirm angezeigt werden
Vornehmen einiger einfacher Änderungen an der App
Testen der App-Funktionalität

Voraussetzungen

Beendigung von Modul 1 Lab 0 – Lab-Umgebung überprüfen

Übung 1: Erstellen einer Canvas-Anwendung für Spesenabrechnungen

Zielsetzung: In dieser Übung erstellen Sie eine Canvas-App, indem Sie eine Verbindung mit einer Tabelle „Expense Reports“ herstellen.

Aufgabe Nr. 1: Erstellen der Spesenabrechnungs-App

Navigieren Sie zu https://make.powerapps.com.
Möglicherweise müssen Sie sich erneut authentifizieren. Wählen Sie dazu Anmelden aus, und befolgen Sie die Anweisungen, falls erforderlich.
Wählen Sie oben rechts die Umgebung Dev One aus, sofern sie noch nicht ausgewählt ist.
Wählen Sie Apps im linken Navigationsbereich des Bildschirms. Wählen Sie + Neue App und dann Starten Sie mit einer App-Vorlage.
Wählen Sie unter Datenzentrierte mobile Apps die Option Aus Dataverse.
Wählen Sie die Tabelle Ausgaberichte auf der Seite Dataverse-Daten für Ihre App wählen und wählen Sie App erstellen.
Wählen Sie im App-Designer auf der Befehlsleiste die Schaltfläche Vorschau der App (Symbol „Wiedergeben“) aus. (Sie können auch eine Vorschau der App anzeigen, indem Sie F5 drücken.) Sehen Sie sich an, wie Ihre App nach der Installation aussieht.
Schließen Sie die App-Vorschau, indem Sie rechts oben auf dem Bildschirm das X auswählen.

Glückwunsch, Sie haben erfolgreich eine Power App aus einer Dataverse-Tabelle erstellt. Der nächste Schritt im Prozess ist die Anpassung der Anwendung an das Branding Ihres Organisation. Die nächste Reihe von Schritten führt Sie durch die Bereitstellung zusätzlicher Anpassungen an der App.

Aufgabe #2: Ändern und Gestalten der neu erstellten App

In dieser Aufgabe passen Sie den Kopfzeilentext für jeden der drei Bildschirme Ihrer App an (Durchsuchen, Details und Bearbeiten) und ändern das App-Design.

Sie befinden sich auf dem Bildschirm „Durchsuchen“. Wählen Sie die Bezeichnung Spesenabrechnungen auf dem Bildschirm aus.
Aktualisieren Sie auf der rechten Seite des Bildschirms auf der Registerkarte Eigenschaften die Eigenschaft Text des Steuerelements auf My Expense Reports.
Ändern Sie auf der Registerkarte Eigenschaften den Schriftgrad in 24.
Wählen Sie den leeren Bildschirmhintergrund aus, um den aktualisierten Text auf dem Bildschirm „Durchsuchen“ anzuzeigen.
Wählen Sie über die Strukturansichtansicht in der linken Navigation DetailScreen.
Wählen Sie die Bezeichnung Spesenabrechnungen auf dem Bildschirm aus.
Aktualisieren Sie auf der rechten Seite des Bildschirms unter der Registerkarte Eigenschaften die Eigenschaft Text des Steuerelements auf Report Details.
Klicken Sie auf den leeren Bildschirmhintergrund, um den aktualisierten Text auf dem Bildschirm „Details “ anzuzeigen.
Wählen Sie über die Strukturansicht in der linken Navigation EditScreen (Sie müssen eventuell nach unten scrollen, um dies in der Strukturansicht zu sehen).
Wählen Sie die Bezeichnung Spesenabrechnungen auf dem Bildschirm aus.
Ersetzen Sie auf der rechten Seite des Bildschirms auf der Registerkarte Eigenschaften den Text in der Eigenschaft Text des Steuerelements durch Edit Details.
Klicken Sie auf den leeren Bildschirmhintergrund, um den aktualisierten Text auf dem Bildschirm „Bearbeiten“ anzuzeigen.
Wählen Sie in der Strukturansicht in der linken Navigation BrowseScreen.
Wählen Sie auf der Befehlssymbolleiste die Schaltfläche Design aus und dann aus der angezeigten Liste die Designfarbe Rot.

Aufgabe 3: Testen Ihrer Spesenabrechnungs-App

In dieser Aufgabe testen Sie Ihre neue App.

Wenn Ihre Anwendung im App-Designer geöffnet ist, wählen Sie Einstellungen aus (Möglicherweise müssen Sie wählen … damit das Einstellungssymbol angezeigt wird), aktualisieren Sie im Abschnitt Allgemein den Namen deiner App auf Expense Report App, wähle das X, um den Einstellungsbildschirm zu schließen und wählen Sie dann Speichern.
Wählen Sie über die Navigation auf der linken Seite BrowseScreen.
Wählen Sie im App-Designer auf der Befehlsleiste die Schaltfläche Vorschau der App (Symbol „Wiedergeben“) aus. (Sie können auch eine Vorschau der App anzeigen, indem Sie F5 drücken.)
Sobald die App geöffnet ist, geben Sie in das Feld Elemente suchen den Text Trip ein. (Beachten Sie, dass die Elemente in der Galerie nach dem gefiltert werden, was Sie in das Suchfeld eingegeben haben).
Sobald der Datensatz Reise zur Power Platform-Konferenz angezeigt wird, wählen Sie eine Zeile aus, um zu navigieren und den Bildschirm „Details“ für diese Spesen zu öffnen.

Hinweis: Wenn mehr als ein Eintrag für die Reise zur Power Platform-Konferenz angezeigt wird, wählen Sie einen davon aus.
Um den Datensatz zu bearbeiten, wählen Sie das Bleistiftsymbol oben rechts in der App aus.
Sie können den Berichtsnamen hier bearbeiten und das Häkchensymbol oben rechts auswählen, um die Änderung zu speichern.
Klicken Sie rechts oben auf dem Bildschirm auf das X, um den Vorschaumodus zu schließen und zum Canvas-App-Editor zurückzukehren.

Herzlichen Glückwunsch! Sie haben Ihre erste Canvas-App erstellt und konfiguriert.