Ihrer modellgesteuerten App einen Visitenkartenleser hinzufügen

Abgeschlossen

Ihr Ziel in dieser Übung besteht darin, die Erstellung eines Termins mithilfe von Informationen aus Visitenkarten zu beschleunigen. Benutzer extrahieren die in einer Visitenkarte enthaltenen Kontaktinformationen und füllen das Formular Schnellerfassung: Termine mit den Kontaktinformationen vorab aus.

Sie erstellen eine modellgesteuerte Power App und verwenden für diese Übung die Visitenkartenleserkomponente. Weitere Informationen finden Sie in den Dokumentationen Was sind modellgesteuerte Apps in Power Apps? und Verwenden des Visitenkartenlesers in modellgesteuerten Apps.

Eine modellgesteuerte App in Power Apps erstellen

Führen Sie die folgenden Schritte aus, um eine modellgesteuerte App in Power Apps von der Power Apps-Homepage zu erstellen:

  1. Wählen Sie Erstellen im linken Power Apps-Menü aus.

  2. Wählen Sie Leere App > Leere App basierend auf Dataverse > Erstellen aus.

  3. Geben Sie der modellgesteuerten App den Namen Contoso-Visitenkartenleser, und wählen Sie Erstellen aus.

  4. Wählen Sie Seite hinzufügen aus, sobald die App erstellt ist.

  5. Wählen Sie Dataverse-Tabelle aus dem Popup-Fenster Seite hinzufügen aus.

  6. Wählen Sie die Tabelle Termin aus. Wählen Sie dann Hinzufügen aus.

  7. Wählen Sie Speichern aus.

    Aktualisieren wir dann das Formular zur Schnellerfassung von Terminen, damit es die Visitenkartenleserkomponente nutzen kann.

  8. Wählen Sie in der Navigation die Option Terminformular aus.

  9. Wählen Sie im rechten Bereich der Terminformulare die Schaltfläche Mehr anzeigen aus.

  10. Suchen Sie das Formular zur Schnellerfassung von Terminen, und bewegen Sie den Mauszeiger darüber, sodass das Formular Bearbeiten angezeigt wird.

  11. Wählen Sie die Schaltfläche Bearbeiten aus.

    Screenshot der Entwurfsansicht „Power Apps-App-Designer mit Contoso-Visitenkartenleser“

Vorhandenes Formular aktualisieren

Sie haben den Formular-Editor für das Formular zur Schnellerfassung von Terminen eingegeben. Sie können jetzt ein neues Feld erstellen, in dem die Visitenkartenkomponente gehostet wird.

  1. Beachten Sie in der linken Navigationsleiste, dass Sie sich aktuell im Selektor Tabellenspalten befinden. Wählen Sie das Element Komponenten direkt über dem Element Tabellenspalten aus, um den Selektor Komponenten aufzurufen.

  2. Erweitern Sie das Menü AI Builder, indem Sie es im Menü „Komponenten“ anklicken.

  3. Ziehen Sie die Komponente Visitenkartenleser per Drag & Drop in Ihr Formular, direkt über „TERMINDETAILS“.

  4. Sobald Sie es in das AI Builder-Visitenkarte Steuerelement gezogen haben, werden Sie aufgefordert, die Eigenschaften auszuwählen. Legen Sie die folgenden Eigenschaften fest, und wählen Sie dann Fertig aus:

    • Feld Visitenkartenleser: Verwenden Sie entweder Visitenkarte (Text) oder Zusätzliche Parameter (Text).
    • Feld „Vollständiger Name“: Betreff (Text)
    • Feld „Adresse: Straße“: Standort (Text)
  5. Wenn Sie das Feld „Zusätzliche Parameter“ verwendet haben, ändern Sie die Beschriftung für das Feld in Visitenkarte.

    Nach dem Hinzufügen der Komponente sollte ein Bildschirm ähnlich dem folgenden Bild angezeigt werden.

    Screenshot des Formulars zur Schnellerfassung von Terminen mit hervorgehobener Komponente „Visitenkarte scannen“

  6. Speichern und veröffentlichen Sie Ihr aktualisiertes Formular.

Ihre modellgesteuerte App veröffentlichen

Veröffentlichen Sie Ihre App und erstellen Sie einen Termin mit dem Visitenkartenleser. Sie können das Formular Schnellerfassung: Termin jetzt mit Ihrer App verwenden.

  1. Kehren Sie zum App-Designer zurück. Veröffentlichen Sie die Anwendung, und wählen Sie die Schaltfläche Wiedergeben aus.

  2. Testen Sie Ihr aktualisiertes Formular mit der Visitenkartenkomponente, indem Sie das Pluszeichen (+) oben links auf Ihrem Befehlsleistenmenü und dann Aktivitäten und Termin auswählen.

  3. Sie sind in der Lage, eine Visitenkarte zu scannen (oder wählen Sie das Bild einer Visitenkarte aus). Die extrahierten Kontaktfelder werden im Formular angezeigt. Füllen Sie die restlichen Felder aus und speichern Sie Ihren Termin, indem Sie Speichern und schließen auswählen.

    Screenshot des ausgefüllten Formulars zur Schnellerfassung eines Termins mit der Schaltfläche „Speichern und schließen“ unten

Herzlichen Glückwunsch! Sie haben jetzt erfahren, wie Sie Komponente Visitenkartenleser in einer modellgesteuerten App verwenden!