PowerApps (eBook)

Thema: PowerApps schnell & einfach

1 APP AUS EINER EXCEL-LISTE ERZEUGEN

Aufgabe: Wir wollen aus einer einfachen Excel-Tabelle eine App bauen, um unsere Daten leichter eingeben zu können. Diese Tabelle speichern wir in unserem OneDrive ab, damit später alle auf diese Daten zugreifen können. Daraus wollen wir nun eine Applikation entwickeln, die wir später auf dem PC oder in einem Smartphone steuern können.

Schritt 1: Wichtig ist, dass Sie die Excel-Datei schließen. Tun Sie das nicht, kann PowerApps keine Daten in die Excel-Tabelle zurückschreiben. Jetzt starten Sie das PowerApp-Portal unter https://make.powerapps.com oder über Ihren MS365-Account. Klicken Sie auf der linken Seite auf Erstellen und wählen dann als Datenquelle Excel aus.

Schritt 2: Sie werden aufgefordert, eine Verbindung zu der Excel-Tabelle herzustellen, die Sie gerade zuvor in Ihrem OneDrive for Business abgelegt hatten. Sobald das geschehen ist, sehen Sie die Schaltfläche für OneDrive. Sie suchen dort Ihre Datei und mit einem weiteren Klick haben Sie Ihre PowerApp mit Ihrer Excel-Tabelle verbunden.

Schritt 3: Starten Sie Ihre App, um zu prüfen, ob alles funktioniert.

Schritt 4: Mit nur wenigen Klicks haben Sie aus einer Excel-Tabelle eine App erzeugt. Diese App besitzt sofort fünf Schaltflächen: 1 zum Aktualisieren Ihrer Daten, 2 aufsteigende Sortierung, 3 Hinzufügen neuer Aufgaben, 4 Suchen in der Liste und 5 Umschalten in die Detailansicht dieses Datensatzes.

Schritt 5: In ABBILDUNG 11: GESTARTETE APP MIT FILTER UND GERÄTEAUSWAHL-ANSICHTEN sehen Sie den aktivierten Filter 1 mit dem Begriff Bau im Suchfeld, unter 2 den gefilterten Datensatz und unter 3 das Panel der unterschiedlichen Geräte. Oben Tablet, in der Mitte Smartphones und darunter die Darstellung der App auf einem PC.

Schritt 6: In ABBILDUNG 10: FERTIGE APP AUF DER STARTSEITE unter Punkt 3 können Sie sofort mit der Eingabe eines neuen Datensatzes beginnen. In ABBILDUNG 12: NEUER DATENSATZ DIALOG bestätigen Sie mit dem Häkchen rechts oben Ihre Eingabe.

Resultat: Damit wäre die App fix und fertig und Sie könnten das Buch beiseitelegen. Bis hierhin sprechen viele von NoCode, denn die Appist bereits fertig programmiert. Leider ist es so, dass nicht alles so perfekt ist und wir nun doch an der ein oder anderen Stelle eingreifen müssen. Jetzt brauchen wir also doch etwas Code, wie Sie bald feststellen werden.

2 SCHNELLES APP-DESIGN

Aufgabe: Wir wollen unsere App speichern und das Design etwas verändern.

Schritt 1: Mit Stiftsymbol 1 können Sie in den Bearbeitungsmodus der App wechseln. Bei 2 finden Sie den Speicherbutton, über den Sie Ihrer App einen eindeutigen Namen geben können.

Schritt 2: Über die Schaltfläche Design können Sie Ihrer App in Sekundenschnelle ein neues Facelifting verschaffen und schon wirkt es nicht mehr wie der Standard.

Schritt 3: Auch ein Hintergrundbild kann über die Schaltfläche Hintergrundbild hochgeladen werden und so eine fix und fertige App schnell aufpeppen. Siehe ABBILDUNG 15: WIE MIT EINEM KLICK EIN HINTERGRUNDBILD HOCHGELADEN WERDEN KANN.

Resultat: Mit nur wenigen Klicks haben Sie so Ihre erste App äußerlich verändert.

3 GALERIE-SCHRIFT UND -LAYOUT ANPASSEN

Aufgabe: Uns ist wichtig, dass die Einträge unserer Liste gut sichtbar sind und sich nicht überlappen. Auch der Kontrast zum Hintergrund muss sich entsprechend abheben.

Schritt 1: Klicken Sie in der Galerie immer die Elemente aus dem ersten Datensatz an und schieben Sie diese an die gewünschte Stelle.

Schritt 2: Dann sehen Sie auf der rechten Seite im Eigenschaften-Panel des ausgewählten Elements Schriftart, Schriftgröße und Schriftstil, die Sie verändern können.

Schritt 3: Scrollen Sie an das Ende des Eigenschaften-Panels, können Sie auch Schrift- und Hintergrundfarbe des ausgewählten Elements ändern.

Schritt 4: Der erste Datensatz verhält sich wie eine Vorlage für alle weiteren folgenden Datensätze. Hierzu können Sie das Layout einfach durch Auswahl aktivieren oder die Elemente frei verschieben.

Resultat: So eine fix und fertige App lässt sich mit nur wenigen Klicks schnell verändern.

4 GALERIE-DATENSATZINSTANZ ERWEITERN

Aufgabe: Unsere Excel-Tabelle enthält noch weitere Spalten, die wir im ersten Datensatz zusätzlich anzeigen lassen wollen. In ABBILDUNG 20: DATENFELDER IN DER VORLAGEINSTANZ sehen wir, dass der Datensatz sieben Felder enthält, aber links nur drei Felder angezeigt werden.

Schritt 1: Mit einem Klick auf ein Text-Element 1 sehen Sie die Eigenschaft Text 2 und den Inhalt für dieses Element 3 (ThisItem.auf_Bemerkung).

Schritt 2: Sie fügen jetzt einfach ein weiteres Label ein und wählen ein anderes Feld aus Ihrer Excel-Tabelle. Dazu müssen Sie in der Galerie das erste Datensatzelement angeklickt haben bzw. sich in diesem Bereich befinden.

Schritt 3: Jetzt holen Sie sich über dem Auswahl-Dropdown-Feld ein weiteres Beschriftungsfeld 2 wird auch auch als Label bezeichnet.

Schritt 4: Querbeet wird nun ein weiteres Feld erzeugt und mitten auf den ersten Datensatz abgelegt. Dabei wird die Schriftgröße 1 immer auf 21 pt definiert, was Sie jederzeit wieder verändern können.

Schritt 5: Verschieben Sie das Element an die entsprechende Stelle und formatieren Sie es erneut.

Schritt 6: Sie führen jetzt solange die Schritte 3 bis 4 durch, bis Sie alle Felder (Spalten) aus Ihrer Exceldatei übernommen haben. Sobald sich ein Feld wiederholt und Ihnen noch ein Feld fehlt, ergänzen Sie nach ThisItem jenachdem, welche Spalte Ihnen in der Liste vorgeschlagen wird. Achtung: Diese Auflistung erscheint erst, wenn Sie selbst den Punkt...