{"id":55000157,"date":"2018-12-01T00:00:00","date_gmt":"2020-03-27T19:35:12","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=157"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Einstieg_in_PowerApps","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Einstieg_in_PowerApps\/","title":{"rendered":"Einstieg in PowerApps"},"content":{"rendered":"<p><b>PowerApps sind eine neue M&ouml;glichkeit, Anwendungen f&uuml;r Web, Desktop und mobile Ger&auml;te zu programmieren. Dabei geht es weniger darum, native Apps etwa f&uuml;r ein iPhone oder iPad zu programmieren. Stattdessen w&auml;hlt Microsoft den Ansatz, eine Art Container-App zur Verf&uuml;gung zu stellen, mit der man dann speziell f&uuml;r diese programmierte Anwendungen &ouml;ffnen kann. Das gelingt allein &uuml;ber eine recht einfache Online-Entwicklungsumgebung. Aber es gibt auch Einschr&auml;nkungen: Zum Beispiel kann nicht jeder eine solche App im App-Store erwerben. Wer die App nutzen will, muss die PowerApps-App auf seinem Ger&auml;t haben und muss f&uuml;r die Nutzung der App freigeschaltet sein. Dieser Artikel zeigt die Grundlagen rund um die Erstellung von PowerApps.<\/b><\/p>\n<h2>Voraussetzungen<\/h2>\n<p>Die erste Voraussetzung f&uuml;r die kommerzielle Nutzung der PowerApps oder die Nutzung in Teams ist das Vorhandensein einer Lizenz f&uuml;r Office 365, Dynamics 365 oder Power Apps Plan 1 oder 2. <\/p>\n<p>F&uuml;r die beiden letzteren gibt es kostenlose Testversionen, von denen wir in diesem Artikel die Variante <b>PowerApps Plan 1 <\/b>nutzen wollen (zu finden unter <b>https:\/\/powerapps.microsoft.com\/de-de\/pricing\/<\/b>). <\/p>\n<p>Zum Gl&uuml;ck gibt es wie von Visual Studio und SQL Server auch hier wieder eine Community-Version, die Sie hier aufrufen k&ouml;nnen: <b>https:\/\/powerapps.microsoft.com\/de-de\/communityplan\/<\/b><\/p>\n<p>Wir schauen uns diese Version der PowerApps an und klicken gleich auf <b>Steigen Sie kostenlos ein <\/b>(siehe Bild 1). Danach melden Sie sich mit einem Microsoft-Konto an oder erstellen ein neues. Nach ein paar weiteren organisatorischen Schritten stehen Sie vor der ersten Entscheidung: Sie k&ouml;nnen dann verschiedene Vorlagen f&uuml;r das Erstellen einer eigenen App nutzen. Es gibt die folgenden M&ouml;glichkeiten:<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_001.png\" alt=\"Einstieg in die Community-Version der PowerApps\" width=\"549,6265\" height=\"409,1253\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 1: Einstieg in die Community-Version der PowerApps<\/span><\/b><\/p>\n<ul>\n<li><b>Canvas-App ohne Vorlage<\/b>: Hier entwerfen Sie die komplette App und verkn&uuml;pfen diese mit den gew&uuml;nschten Datenquellen.<\/li>\n<li><b>Modellgesteuerte Apps ohne Vorlage<\/b>: Sie erstellen ein Modell Ihrer Daten und lassen dann auf Basis dieses Modells eine PowerApp erstellen.<\/li>\n<li><b>Mit Daten beginnen<\/b>: Dies erstellt eine App auf Basis von Daten, die aus drei Bildschirmen besteht, die sie anschlie&szlig;end anpassen k&ouml;nnen.<\/li>\n<li><b>PowerApps Training for Office<\/b><\/li>\n<\/ul>\n<h2>Eine Canvas-App ohne Vorlage erstellen<\/h2>\n<p>Wir wollen zuerst die erste Vorlage ausprobieren. Dazu fahren Sie mit der Maus &uuml;ber das Element und w&auml;hlen zun&auml;chst aus, ob die App f&uuml;r Smartphones oder f&uuml;r Tablets optimiert werden soll. Wir w&auml;hlen Smartphone, da dieses im Gegensatz zu einem Tablet bei jedem Leser vorhanden sein sollte. Danach klicken Sie auf den Link <b>Diese App erstellen<\/b> (siehe Bild 2).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_002.png\" alt=\"Erstellen einer Canvas-App ohne Vorlage\" width=\"549,6265\" height=\"663,8459\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 2: Erstellen einer Canvas-App ohne Vorlage<\/span><\/b><\/p>\n<p>Danach &ouml;ffnet sich die PowerApps-Entwicklungsumgebung im Browser. Hier k&ouml;nnen Sie noch ausw&auml;hlen, ob Sie ein Formular erstellen wollen oder einen Katalog. Au&szlig;erdem finden Sie hier eine interaktive Tour (siehe Bild 3).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_003.png\" alt=\"M&ouml;glichkeiten beim Anlegen der App\" width=\"424,7115\" height=\"326,9605\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 3: M&ouml;glichkeiten beim Anlegen der App<\/span><\/b><\/p>\n<p><b>Formular erstellen <\/b>bedeutet, eine Detailansicht von einem Datensatz anzuzeigen. <b>Katalog erstellen <\/b>hei&szlig;t, eine &Uuml;bersicht mit mehreren Datens&auml;tzen zu bauen.<\/p>\n<p>Wir wollen erst einmal eine Anwendung nach einer Vorlage erstellen, um uns grundlegende Schritte anzusehen. Dazu nutzen wir die Option <b>&Uuml;berspringen<\/b>, um die App direkt ohne Unterst&uuml;tzung zu erstellen und zu weiteren Vorlagen zu gelangen. Nun erscheint die Entwicklungsoberfl&auml;che f&uuml;r PowerApps (siehe Bild 4). Hier klicken wir links oben auf die Schaltfl&auml;che <b>Datei<\/b>.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_004.png\" alt=\"Entwicklungsumgebung f&uuml;r die PowerApps\" width=\"700\" height=\"325,8749\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 4: Entwicklungsumgebung f&uuml;r die PowerApps<\/span><\/b><\/p>\n<p>Klicken Sie diesen Befehl an, erscheint ein neuer Bereich, der verschiedene M&ouml;glichkeiten zum Erstellen einer PowerApp anbietet &#8211; und diesmal etwas konkreter mit der Angabe verschiedener Datenquellen oder auch mit einer leeren App oder einer App-Vorlage.  Es erscheint ein Bereich &auml;hnlich dem Backstage-Bereich, den Sie von den Office-Anwendungen her kennen. Hier finden Sie auch einen Befehl namens <b>Neu<\/b> (siehe Bild 5). Hier klicken wir auf die Schaltfl&auml;che <b>Smartphonelayout <\/b>des Bereichs <b>App-Vorlagen<\/b>.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_006.png\" alt=\"Backstage-Bereich mit dem Neu-Befehl\" width=\"700\" height=\"398,8701\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 5: Backstage-Bereich mit dem Neu-Befehl<\/span><\/b><\/p>\n<h2>Vorlage ausw&auml;hlen<\/h2>\n<p>Wir entscheiden uns an dieser Stelle f&uuml;r den Eintrag <b>Budget Tracker<\/b> (siehe Bild 6). Au&szlig;erdem m&uuml;ssen wir einen Speicherort f&uuml;r die Daten dieser App ausw&auml;hlen. <\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_007.png\" alt=\"Auswahl der Vorlage\" width=\"649,559\" height=\"422,6886\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 6: Auswahl der Vorlage<\/span><\/b><\/p>\n<p>Klicken wir unten auf den Link <b>Ausw&auml;hlen<\/b>, erscheint ein Popup-Fenster mit M&ouml;glichkeiten wie <b>Dropbox<\/b>, <b>Google Drive <\/b>oder <b>OneDrive<\/b>.<\/p>\n<p>Hier w&auml;lhen wir den Wert <b>Dropbox<\/b> und geben in einem weiteren Dialog den Zugriff auf die Dropbox frei.<\/p>\n<p>Nach der Auswahl klicken wir auf die Schaltfl&auml;che <b>Verwendung<\/b>. Die Entwicklungsumgebung l&auml;dt anschlie&szlig;end die Vorlage, was einige Sekunden dauert.<\/p>\n<p>Danach erscheint die erste Seite des Projekts, in diesem Fall die Seite <b>landing<\/b> (siehe Bild 7). Hier k&ouml;nnen Sie auf der linken Seite die einzelnen Elemente anklicken und diese mit den Eigenschaften auf der rechten Seite bearbeiten.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_008.png\" alt=\"Bearbeiten der einzelnen Seiten der Vorlage\" width=\"649,559\" height=\"501,4535\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 7: Bearbeiten der einzelnen Seiten der Vorlage<\/span><\/b><\/p>\n<p>Bevor wir uns diese Features genauer ansehen, wollen wir die Anwendung einmal zum Laufen bringen.<\/p>\n<h2>Anwendung freigeben<\/h2>\n<p>Um die Anwendung zur Benutzung freizugeben, speichern wir diese nun in der Cloud. Dazu klicken Sie wieder links oben auf <b>Datei <\/b>und w&auml;hlen dann links den Befehl <b>Speichern <\/b>aus. Im nun erscheinenden Bereich geben Sie den Namen ein, unter dem die App gespeichert werden soll &#8211; in diesem Fall <b>DBEW Budget-Tracker <\/b>(siehe Bild 8). Dieser Vorgang dauert wiederum einige Sekunden. Anschlie&szlig;end erscheint die Best&auml;tigung, dass die App gespeichert wurde. Hier finden Sie dann auch eine Schaltfl&auml;che namens <b>Diese App freigeben<\/b>. Bet&auml;tigen Sie diese Schaltfl&auml;che, erscheint ein neuer Dialog in einem neuen Tab des Internet-Browsers, auf dem Sie die App f&uuml;r weitere Personen freigeben k&ouml;nnen. Das wollen wir in diesem Moment nicht tun &#8211; wir wollen die App nur &uuml;ber unseren eigenen Account nutzen.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_009.png\" alt=\"Speichern der PowerApp\" width=\"624,576\" height=\"364,3359\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 8: Speichern der PowerApp<\/span><\/b><\/p>\n<p>Damit k&ouml;nnen wir diesen Schritt auslassen, die App ist n&auml;mlich bereits f&uuml;r den erstellenden Benutzer freigegeben.<\/p>\n<h2>PowerApps auf Smartphone verf&uuml;gbar machen<\/h2>\n<p>Wenn Sie die PowerApp nun auf Ihrem Smartphone verf&uuml;gbar machen wollen, ben&ouml;tigen Sie als Erstes die Container-App namens <b>PowerApps<\/b> von Microsoft. Diese installieren Sie etwa auf einem iPhone, indem Sie dort den App-Store &ouml;ffnen und die Suchfunktion nutzen, um den Eintrag namens PowerApps zu finden. Liefert das gefundene Ergebnis etwa die Detailansicht aus Bild 9, sind Sie richtig. Mit einem Klick auf <b>Laden <\/b>installieren Sie die App auf dem iPhone (auf Android- und Microsoft-Ger&auml;ten sollte dies &auml;hnlich aussehen).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2018_06\/pic_157_011.PNG\" alt=\"Installieren der PowerApps-App\" width=\"224,8473\" height=\"486,9789\"\/><\/p>\n<div class=\"rcp_restricted\"><p><span style=\"color: #ff0000;\">M&ouml;chten Sie weiterlesen? Dann l&ouml;sen Sie Ihr Ticket!<\/span><br \/>\n<span style=\"color: #ff0000;\">Hier geht es zur Bestellung des Jahresabonnements des Magazins <strong>Visual Basic Entwickler<\/strong>:<\/span><br \/>\n<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/shop.minhorst.com\/magazine\/363\/visual-basic-entwickler-jahresabonnement?c=77\">Zur Bestellung ...<\/a><\/span><br \/>\n<span style=\"color: #ff0000;\">Danach greifen Sie sofort auf <strong>alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span><br \/>\n<span style=\"color: #000000;\">Oder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t<form id=\"rcp_login_form\"  class=\"rcp_form\" method=\"POST\" action=\"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000157\/\">\n\n\t\t\n\t\t<fieldset class=\"rcp_login_data\">\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_login\">Username or Email<\/label>\n\t\t\t\t<input name=\"rcp_user_login\" id=\"rcp_user_login\" class=\"required\" type=\"text\"\/>\n\t\t\t<\/p>\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_pass\">Password<\/label>\n\t\t\t\t<input name=\"rcp_user_pass\" id=\"rcp_user_pass\" class=\"required\" type=\"password\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t\t<p>\n\t\t\t\t<input type=\"checkbox\" name=\"rcp_user_remember\" id=\"rcp_user_remember\" value=\"1\"\/>\n\t\t\t\t<label for=\"rcp_user_remember\">Remember me<\/label>\n\t\t\t<\/p>\n\t\t\t<p class=\"rcp_lost_password\"><a href=\"\/data\/wp\/v2\/posts\/55000157?rcp_action=lostpassword\"><\/a><\/p>\n\t\t\t<p>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_action\" value=\"login\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_redirect\" value=\"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000157\/\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_login_nonce\" value=\"22c77db969\"\/>\n\t\t\t\t<input id=\"rcp_login_submit\" class=\"rcp-button\" type=\"submit\" value=\"Login\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t<\/fieldset>\n\n\t\t\n\t<\/form>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PowerApps sind eine neue M&ouml;glichkeit, Anwendungen f&uuml;r Web, Desktop und mobile Ger&auml;te zu programmieren. Dabei geht es weniger darum, native Apps etwa f&uuml;r ein iPhone oder iPad zu programmieren. Stattdessen w&auml;hlt Microsoft den Ansatz, eine Art Container-App zur Verf&uuml;gung zu stellen, mit der man dann speziell f&uuml;r diese programmierte Anwendungen &ouml;ffnen kann. Das gelingt allein &uuml;ber eine recht einfache Online-Entwicklungsumgebung. Aber es gibt auch Einschr&auml;nkungen: Zum Beispiel kann nicht jeder eine solche App im App-Store erwerben. Wer die App nutzen will, muss die PowerApps-App auf seinem Ger&auml;t haben und muss f&uuml;r die Nutzung der App freigeschaltet sein. Dieser Artikel zeigt die Grundlagen rund um die Erstellung von PowerApps.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[662018,66062018,44000023],"tags":[],"yst_prominent_words":[],"class_list":["post-55000157","post","type-post","status-publish","format-standard","hentry","category-662018","category-66062018","category-PowerApps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/comments?post=55000157"}],"version-history":[{"count":0,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000157\/revisions"}],"wp:attachment":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/media?parent=55000157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/categories?post=55000157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/tags?post=55000157"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/yst_prominent_words?post=55000157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}