web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :

App for taking photos and adding notes

TomaszPoszytek Profile Picture Posted by TomaszPoszytek 170 Most Valuable Professional

App was inspired by a comment with a question posted some time ago under my post about hand written signatures. Kevan asked, if this is possible to take a photo, then sketch-note on it and finally save two images as a single one.

 

I thought that it should be fairly easy and to be honest it was, however I failed on the last step - merging the images. I must really admit it - I didn't make it on my own. Instead I decided to use free API called "Convert API". I wanted to make it using Azure Function, but I wasn't able to do it alone and help didn't come from anywhere too 🙂 But with that API it works too! User has 1.500 free monthly conversions 🙂

 

The solution

It is build from the following components:

  1. PowerApps - is used for taking a photo and then overlaying notes on it;
  2. Blob Storage - used for uploading image from a camera and second one - with sketch-notes, as well as for uploading the final, merged image;
  3. Flow - receives all the information about transformations done to the images and overlays and creates HTML merging two images in a single canvas;
  4. Convert API - used to perfectly convert HTML into a PNG file 🙂

You can find detailed description of a solution here: https://poszytek.eu/microsoft-en/office-365-en/powerapps-en/sketch-noting-in-powerapps-and-merging-images/

 

2019-05-25_22h55_36.png2019-05-25_23h07_16.png2019-05-25_23h10_22.png2019-05-25_23h16_59.png

 

 

 

Categories:

Mobile App Design and User Experience

Comments

  • Eric_S69 Profile Picture Eric_S69 7
    Posted at
    App for taking photos and adding notes

    Hi Tomasz,

    Thank you very much for your reply. Last weeks I have been watching many videos from several PowerApps experts on YouTube like Paul & Ash, Shane, April and Chino but without success. I also noticed that Paul has this input on an Audit App.

    I'm not able to wrap my brains around your application without the Azure connection. Because the AzureBlobManager connectors are a premium feature I am not able to use it.

    It would be greatly appreciated if you could give me more information on how I could create a pen/picture input with one-drive storage or local. Thanks in advance and have a good weekend.

    Greetings, Eric

  • TomaszPoszytek Profile Picture TomaszPoszytek 170 Most Valuable Professional
    Posted at
    App for taking photos and adding notes

    Hi Eric. Yes, the only reason I used Blob Storage was to save the image contents and then to pick them in Power Automate. But you can follow the “hack” from Paul (https://www.youtube.com/watch?v=kQVYid1p_vA) to bypass the storage 🙂

  • Eric_S69 Profile Picture Eric_S69 7
    Posted at
    App for taking photos and adding notes

    Hi Tomasz

    You've build a great App function that I would like to integrate into my App. But because my company does not allow the connection to the MS AzureBlobStorage your functionality will not work for me. Is there a way to work around the AzureBlobStorage connection?

     

    Thank you very much for your input.

    Eric

  • TomaszPoszytek Profile Picture TomaszPoszytek 170 Most Valuable Professional
    Posted at
    App for taking photos and adding notes

    Hi @Anonymous,

     

    please access it using the URL: https://poszytek.eu/addnotestoimage_20190617114002/

    It is not possible to add ZIP files. Only msapp 🙂

     

    Regards,

    Tomasz

  • Community Power Platform Member Profile Picture Community Power Pla...
    Posted at
    App for taking photos and adding notes

    Hey Tomas,

     

    This is great, i can see this being used in different scenarios. I have a suggestion would you mind adding the .zip file which comprises of the .msapp and manifest.json file because when i try to  import the .msapp its failing. Thank You