Ihrer Canvas-App einen Visitenkartenleser hinzufügen
Ihr Ziel in dieser Übung besteht darin, ein Bild aufzunehmen oder ein vorhandenes aus dem Dateisystem hochzuladen und die im Bild vorhandenen Kontaktinformationen zu extrahieren. Anschließend erstellen Sie eine Canvas-App in Power Apps und verwenden die Visitenkartenleser-Komponente.
Weitere Informationen finden Sie in den Dokumentationen Was sind Canvas-Apps in Power Apps? und Verwenden der Visitenkartenleser-Komponente in einer Canvas-App.
Eine Anwendung in Power Apps erstellen
Führen Sie die folgenden Schritte aus, um eine Anwendung in Power Apps zu erstellen:
- Wählen Sie Erstellen im linken Menü in Power Apps und dann Canvas-App ohne Vorlage aus.
- Nennen Sie die Canvas-App Contoso-Visitenkartenleser.
- Wählen Sie Telefon aus.
- Wählen Sie Erstellen aus.
Automatisches Abrufen von Kontaktinformationen aus Visitenkarten ermöglichen
Befolgen Sie diese Schritte, um Benutzern zu ermöglichen, automatisch Kontaktinformationen aus Visitenkarten abzurufen:
Wählen Sie im Menü Einfügen auf der Leiste AI Builder die Option Visitenkartenleser aus. Dieses Steuerelement ermöglicht es Ihnen, ein Bild aufzunehmen oder hochzuladen und die Kontaktinformationen aus Visitenkarten automatisch zu erkennen.
Passen Sie die Größe des Steuerelements an den Bildschirm an.
Kontaktinformationen an eine vorhandene Tabelle von Microsoft Dataverse binden
Befolgen Sie diese Schritte, um Kontaktinformationen an eine vorhandene Tabelle von Dataverse zu binden:
- Wählen Sie Neues Formular im Bearbeitungsmodus einfügen aus.
- Ändern Sie die Eigenschaft Default mode in New und die Eigenschaft Data source in die Tabelle Kontakte.
- Sobald die Eigenschaft Data Source festgelegt ist, werden dem Formular automatisch drei Felder hinzugefügt. Wählen Sie die Eigenschaft Fields aus, und fügen Sie dem Formular weitere Kontaktfelder hinzu. Der Visitenkartenleser kann 18 verschiedene Felder aus Visitenkarten extrahieren. In diesem Beispiel fügen Sie das Feld Website hinzu.
Extrahierte Kontaktinformationen an das Formular binden
Befolgen Sie diese Schritte, um die extrahierten Kontaktinformationen an das Formular zu binden:
Gehen Sie zu jeder der Datenkarten des Formulars, und klicken Sie auf der Registerkarte Erweitert auf Zum Ändern von Eigenschaften entsperren.
Sie können jetzt den Standardwert jeder Datenkarte ändern, um die extrahierten Eigenschaften des Visitenkartenlesers zuzuordnen. Legen Sie die folgenden Standardwerte fest:
Full Name_DataCard1 - BusinessCardReader1.FullName
Email_DataCard1 – BusinessCardReader1.Email
Business Phone_ DataCard1 - BusinessCardReader1.BusinessPhone
Website_ DataCard1 – BusinessCardReader1.Website
Sie können jederzeit weitere zuzuordnende Felder hinzufügen. In diesem Beispiel können Sie die folgende Liste von Feldern aus Ihren Visitenkarten extrahieren.
| Eigenschaft | Definition |
|---|---|
| AddressCity | Die Stadt der Adresse |
| AddressCountry | Das Land der Adresse |
| AddressPostalCode | Die Postleitzahl der Adresse |
| AdresseStraße | Die Straße der Adresse |
| BusinessPhone | Die erste Telefon‑ oder Faxnummer |
| CleanedImage | Das Bild nach der Verarbeitung, mit zugeschnittener und gegenüber dem Originalbild verbesserter Visitenkarte |
| CompanyName | Der Unternehmensname |
| Abteilung | Die gefundene Organisationsabteilung |
| Die Kontakt-E-Mail-Adresse auf der Visitenkarte, falls vorhanden | |
| Fax | Die dritte Telefon‑ oder Faxnummer |
| FirstName | Der Vorname des Kontakts |
| FullAddress | Die vollständige Adresse des Kontakts |
| FullName | Der vollständige Name des Benutzers |
| JobTitle | Die Position des Kontakts |
| LastName | Der Nachname des Kontakts |
| MobilePhone | Die zweite Telefon‑ oder Faxnummer |
| OriginalImage | Das Originalbild vor der Verarbeitung |
| Website | Die Website |
Eine Schaltfläche hinzufügen, um die Erstellung eines neuen Kontakts auszulösen
Befolgen Sie diese Schritte zum Hinzufügen einer Schaltfläche, um das Erstellen eines neuen Kontakts auszulösen:
Wählen Sie Neue Schaltfläche einfügen aus, und platzieren Sie die Schaltfläche unter dem Formular.
Ändern Sie die Eigenschaft OnSelect in SubmitForm(Form1) und die Eigenschaft Text in Create contact.
Das folgende Bild zeigt ein Beispiel für den Bildschirm, der angezeigt werden sollte.
Testen Sie, ob die Anwendung ordnungsgemäß funktioniert, bevor Sie mit dem nächsten Schritt fortfahren.
Wählen Sie die Schaltfläche Ausführen auf der rechten Seite des Bildschirms aus.
Wählen Sie Visitenkarte scannen aus, um eine Visitenkarte zu analysieren, und dann ein Bild, das Sie gespeichert haben. Sie können auch Ihr mobiles Gerät verwenden, um ein Bild aufzunehmen.
Der AI Builder-Visitenkartenleser verarbeitet die Visitenkarte und zeigt extrahierte Kontaktinformationen an.
Die extrahierten Kontaktinformationen werden jetzt auf den Datenkarten des Formulars angezeigt. Sie können sie überprüfen und einen neuen Kontakt erstellen, indem Sie Kontakt erstellen auswählen.
Sie können dem Formular neue Felder hinzufügen. AI Builder-Visitenkartenleser können verschiedene Kontaktinformationen auf Visitenkarten erkennen. Sie können die extrahierten Informationen auch zum Erstellen von Datensätzen in anderen Tabellen aus Dataverse und zur Nutzung in externen Datenquellen verwenden.
Sie haben nun gelernt, wie Sie eine Power Apps-Canvas-App mit der AI Builder-Visitenkartenleser-Komponente erstellen und die extrahierten Kontaktinformationen verwenden, um einen neuen Datensatz in der Tabelle Kontakt aus Dataverse zu erstellen.