{"id":40040,"date":"2024-12-20T12:23:49","date_gmt":"2024-12-20T06:53:49","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=40040"},"modified":"2024-12-20T12:23:49","modified_gmt":"2024-12-20T06:53:49","slug":"scan-save-data-from-images-using-ai-custom-pages-in-power-apps","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/12\/scan-save-data-from-images-using-ai-custom-pages-in-power-apps\/","title":{"rendered":"Scan & Save Data from Images Using AI & Custom Pages in Power Apps"},"content":{"rendered":"

In a recent client requirement, we developed a solution to streamline business card processing by leveraging AI and Power Apps. The goal was to scan business cards, extract their data, and display it seamlessly on a custom page. To achieve this, we built a custom page in Power Apps<\/a> where users can upload a business card image. This triggers a Power Automate flow<\/a> integrated with an AI model that extracts key details like name, company, and contact information. The processed data is then passed back to the custom page. We implemented the following steps to achieve this.<\/p>\n

Steps to create an AI model<\/strong><\/p>\n

1<\/strong>. Open https:\/\/make.powerapps.com\/<\/a> -> Navigate AI hub<\/strong> -> AI models<\/strong> -> Choose Document processing<\/strong> template<\/p>\n

\"Custom<\/p>\n

2<\/strong>. Click on Create custom model<\/strong><\/p>\n

\"Custom<\/p>\n

3<\/strong>. Choose Document type -><\/strong>\u00a0Next
\n\"Custom
\n<\/strong>
\n4<\/strong>. Click on ADD<\/strong> -> Define the variables for the data you want to extract from the image ->Done-<\/strong>><\/strong>Next<\/strong><\/p>\n

\"Custom
\n<\/strong><\/p>\n

5<\/strong>. Create a New Collection<\/strong> or Add documents<\/strong> -> Next<\/strong><\/p>\n


\n\"Custom
\n<\/strong><\/p>\n

6<\/strong>. Tag the documents by selecting fields such as first name, last name, and others and mapping them to the corresponding variables ->Next<\/strong><\/p>\n

\"Custom<\/p>\n

\"Custom<\/p>\n

7. Train<\/strong> and publish the AI model.<\/p>\n

\"Custom<\/p>\n