App for taking photos and adding notes 09-04-2020 08:45 AM

[TomaszPoszytek]

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-i...

watch?v=3p9hQbWtwZI

[Anonymous]

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

[TomaszPoszytek]

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

[Eric_S69]

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]

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]

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