Image-To-Text

• 

  Step 1: The default UI when you first added the macro.

• 

  Step 2: The popup will appear when you click the `Select Image` button.

• 

  Step 3: After the image has been processed. It will display the resulting text. You have the option to update the text.

• 

  Step 4: After saving the details, the end result will display on screen with the title caption and converted text.

Inspiration

Have you experienced manually copying and typing all the information from an image or actual paper to your confluence page? It’s painful right? Especially if you are copying all the text of an image that size of at least standard letter page.

What it does

Image-To-Text lets you upload an image that has text information and it will automatically convert it as text for you. You have the option to change or update the resulting text before saving it.

How I built it

The Forge App was built using Forge/Forge UI and the API was built using Azure Functions and Azure OCR Cognitive Service. The API was deployed on Azure. The forge app was only works on Confluence.

Challenges I ran into

Since Forge is relatively new, the most challenging part is familiarizing Forge UI's full capabilties in a short matter of time.

Accomplishments that I'm proud of

I'm very proud of the fact that I made an app in just matter of hours compare to other development platform that would take me at least days or weeks. Also, it is my first time to make an app without worrying about the UI since it is fully handled by Forge.

What I learned

I learned a lot about different Atlassian development products. Without this hackathon, I wouldn't know that Atlassian allows other developer to make an app for their products and platform.

What's next for Image-To-Text

It depends on how far Forge will reach. Also, how the community will react with my work and hopefuly will receive some feedback that will make Image-To-Text a great app in the future.

Built With

• azure
• forge
• typescript