{"id":31200,"date":"2022-03-26T14:24:48","date_gmt":"2022-03-26T08:54:48","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=31200"},"modified":"2022-04-05T14:11:36","modified_gmt":"2022-04-05T08:41:36","slug":"image-classification-model-by-microsoft-lobe-in-power-apps-part-2","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/03\/image-classification-model-by-microsoft-lobe-in-power-apps-part-2\/","title":{"rendered":"Image Classification model by Microsoft Lobe in Power Apps \u2013 Part 2"},"content":{"rendered":"<p>In our previous blog, we have seen <a href=\"https:\/\/www.inogic.com\/blog\/2022\/03\/image-classification-model-by-microsoft-lobe-in-power-apps-part-1\/\" target=\"_blank\" rel=\"noopener\">how to create an Image Classification model by using Microsoft Lobe<\/a>. Microsoft supports the Image Classification model in Power Apps and Power Automate. In this blog, we will see how we can use the model in Canvas app.<\/p>\n<p>To configure the model in Canvas app, follow the steps given below:<\/p>\n<ul>\n<li>To export the model, click on the <strong>Menu<\/strong> icon and then click on the <strong>Export<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31207\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1322\" height=\"814\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Microsoft-Lobe-in-Power-Apps-2.jpeg 565w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Microsoft-Lobe-in-Power-Apps-2-300x185.jpeg 300w\" sizes=\"(max-width: 1322px) 100vw, 1322px\" \/><\/p>\n<ul>\n<li>Now click on the configure button to configure your CRM instance.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31219\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1309\" height=\"659\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Microsoft-Lobe-in-Power-Apps-2.jpeg 840w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Microsoft-Lobe-in-Power-Apps-2-300x151.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Microsoft-Lobe-in-Power-Apps-2-768x386.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Microsoft-Lobe-in-Power-Apps-2-660x332.jpeg 660w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/p>\n<ul>\n<li>Give the model a name and then click on the <strong>Export<\/strong> button.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31218\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1350\" height=\"720\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Microsoft-Lobe-in-Power-Apps-2.jpeg 701w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Microsoft-Lobe-in-Power-Apps-2-300x160.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Microsoft-Lobe-in-Power-Apps-2-660x352.jpeg 660w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/p>\n<ul>\n<li>After clicking on the <strong>Export<\/strong> button a pop-up would open asking if you want to Optimize &amp; Export the model or simply export the model as it is. I recommend choosing <strong>Optimize &amp; Export.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31217\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1328\" height=\"853\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Microsoft-Lobe-in-Power-Apps-2.jpeg 674w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Microsoft-Lobe-in-Power-Apps-2-300x192.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Microsoft-Lobe-in-Power-Apps-2-660x423.jpeg 660w\" sizes=\"(max-width: 1328px) 100vw, 1328px\" \/><\/p>\n<ul>\n<li>Once the model is exported you can check the model. To check, open <a href=\"https:\/\/make.powerapps.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/make.powerapps.com\/<\/a> -&gt; Go to AI Builder -&gt; Models.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31216\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps \" width=\"1332\" height=\"851\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Microsoft-Lobe-in-Power-Apps-2.jpeg 907w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Microsoft-Lobe-in-Power-Apps-2-300x192.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Microsoft-Lobe-in-Power-Apps-2-768x491.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Microsoft-Lobe-in-Power-Apps-2-660x422.jpeg 660w\" sizes=\"(max-width: 1332px) 100vw, 1332px\" \/><\/p>\n<ul>\n<li>Now create a Canvas app. To know more on how to create a Canvas app kindly follow this <a href=\"https:\/\/docs.microsoft.com\/en-us\/learn\/paths\/create-powerapps\/\" target=\"_blank\" rel=\"noopener\">link<\/a>.<\/li>\n<li>Now, we will add our model to our Canvas app. To add the model, click on the <strong>Data<\/strong> icon -&gt; Expand <strong>AI models<\/strong> section -&gt; If you didn\u2019t find the model then click on the <strong>See all models <\/strong>text<strong>.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31215\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1322\" height=\"1048\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Microsoft-Lobe-in-Power-Apps-2.jpeg 569w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Microsoft-Lobe-in-Power-Apps-2-300x238.jpeg 300w\" sizes=\"(max-width: 1322px) 100vw, 1322px\" \/><\/p>\n<ul>\n<li>Once you add the model it would be visible under <strong>Data<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31214\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1326\" height=\"729\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Microsoft-Lobe-in-Power-Apps-2.jpeg 552w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Microsoft-Lobe-in-Power-Apps-2-300x165.jpeg 300w\" sizes=\"(max-width: 1326px) 100vw, 1326px\" \/><\/p>\n<ul>\n<li>After creating the Canvas app add a <strong>Camera<\/strong> control to take images.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31213\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1366\" height=\"618\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2.jpeg 1366w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2-300x136.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2-1024x463.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2-768x347.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Microsoft-Lobe-in-Power-Apps-2-660x299.jpeg 660w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<ul>\n<li><strong>OnSelect<\/strong> event of the Camera control add the below code.<\/li>\n<\/ul>\n<p><strong><em>\u00a0 \u00a0 \u00a0 \u00a0 ClearCollect(modelPred, &#8216;Work Attire Detection&#8217;.Predict(MyCam.Photo).Prediction);<\/em><\/strong><\/p>\n<ul>\n<li>The <strong>modelPred<\/strong> is a collection where the prediction would be stored and <strong>MyCam<\/strong> is the camera control name and the <strong>Work Attire Detection<\/strong> is our model name.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31212\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1265\" height=\"580\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Microsoft-Lobe-in-Power-Apps-2.jpeg 940w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Microsoft-Lobe-in-Power-Apps-2-300x138.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Microsoft-Lobe-in-Power-Apps-2-768x352.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Microsoft-Lobe-in-Power-Apps-2-660x303.jpeg 660w\" sizes=\"(max-width: 1265px) 100vw, 1265px\" \/><\/p>\n<ul>\n<li>Now add a <strong>Gallery<\/strong> control to show the model prediction result.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31211\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1250\" height=\"608\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2.jpeg 1034w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2-300x146.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2-1024x498.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2-768x374.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Microsoft-Lobe-in-Power-Apps-2-660x321.jpeg 660w\" sizes=\"(max-width: 1250px) 100vw, 1250px\" \/><\/p>\n<ul>\n<li>Set the data source to the collection which we created i.e. <strong>modelPred.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-31210\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps \" width=\"1206\" height=\"439\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2.jpeg 1037w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2-300x109.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2-1024x373.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2-768x280.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Microsoft-Lobe-in-Power-Apps-2-660x241.jpeg 660w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/p>\n<ul>\n<li>Set the <strong>Layout<\/strong> to <strong>Title <\/strong>only.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31209\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2.jpeg\" alt=\"Microsoft Lobe in Power Apps\" width=\"1036\" height=\"373\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2.jpeg 1036w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2-300x108.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2-1024x369.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2-768x277.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Microsoft-Lobe-in-Power-Apps-2-660x238.jpeg 660w\" sizes=\"(max-width: 1036px) 100vw, 1036px\" \/><\/p>\n<ul>\n<li>Once this is done you can test the Canvas app to check whether it is working or not.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31208\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1.jpeg\" alt=\"3Microsoft Lobe in Power Apps\" width=\"1366\" height=\"660\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1.jpeg 1366w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1-300x145.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1-1024x495.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1-768x371.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Microsoft-Lobe-in-Power-Apps-2-1-660x319.jpeg 660w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<h2><strong>Conclusion<\/strong>:<\/h2>\n<p>In this blog, we have seen how easy it is to use the Image detection model in Canvas app. Based on the Business use case you can provide the images to the model from various places and get the prediction in Canvas app.<\/p>\n<p><img decoding=\"async\" class=\"alignnone  wp-image-31220\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/sss.jpg\" alt=\"\" width=\"1236\" height=\"309\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/sss.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/sss-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/sss-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/sss-660x165.jpg 660w\" sizes=\"(max-width: 1236px) 100vw, 1236px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our previous blog, we have seen how to create an Image Classification model by using Microsoft Lobe. Microsoft supports the Image Classification model in Power Apps and Power Automate. In this blog, we will see how we can use the model in Canvas app. To configure the model in Canvas app, follow the steps\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/03\/image-classification-model-by-microsoft-lobe-in-power-apps-part-2\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","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,"footnotes":""},"categories":[18,44,1929,2361],"tags":[2584,1337],"class_list":["post-31200","post","type-post","status-publish","format-standard","hentry","category-dynamics-365-v9-2","category-power-apps","category-pcf","category-technical","tag-microsoft-lobe","tag-power-apps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=31200"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31200\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=31200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=31200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=31200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}