Code Monkey home page Code Monkey logo

formocr's Introduction

FORMOCR

This is a submission for Exact Sciences OCR Hackathon. This code is the source code which can be packaged as Linux (Ubuntu), macOS and Windows executable.

Data Analysis

  • We have 2 types of forms and made OCR for both of them for faster processing.
  • Form-1 Form-1
  • Form-2 Form-2
  • Form-2 is a simple key-value pair.
  • Form-1 needs special treatment as the key-value pairs are not present in a proper continuous table format.

Requirement Analysis

  • We needed a robust, fast, accurate and scalable OCR with safe and secure storage.
  • There are multiple players in this domain. They are as follows-
    1. Google Vision
    2. Google Document AI
    3. Amazon Rekognition
    4. Amazon Textract
    5. Microsoft Computer Vision
    6. Microsoft Form Recogniser
  • Need for cross-platform use.
  • Need for a smooth, simple and an intuitive user interface.

Approach

Our approach to the whole solution was based on proper research and tests.

APIs

  • We tested out with the following APIs first-
    1. Google Vision
    2. Amazon Rekognition
    3. Microsoft Computer Vision
  • The main issue we faced was the sensitivity of these APIs for the proper position. using these APIs in their raw format yielded good but not upto the mark result.
  • Our solution - Use custom de-skewing method along with border detection and key points detection form both Form-1 and Form-2.
  • This increased the accuracy of Form-2 but we still lacked proper output from Form-1.
  • On rigorous testing, we found that if due to some reason, the boundaries are blurred or not in the image, Form-2's performnace deteriorates too to a certain extent. This might be an issue for some forms.
  • Until now, Google Vision worked best followed closely by Microsoft Computer Vision and then Amazon Rekognition.
  • But we needed something robust.
  • We then tested the following solutions that allowed us to interact directly with documents-
    1. Google Document AI
      • Pros
        1. It detects the values accurately
      • Cons
        1. Some of its services are in Beta phase.
        2. Also, not proper key detection and hence values are assigned to wrong keys.
        3. No ability to customize the API as per our needs.
      • Comment
        • Since some of its features are in Beta phase, it wasn't worth the risk as of now. Also, lack of flexibility to modify according to our needs.
    2. Amazon Textract
      • Pros
        1. It detects keys vey well and is faster that Google Document AI (average time).
        2. Can perform manual checks of someone opts for it.
      • Cons
        1. The values are not well detected.
        2. No ability to customize the detection and extraction as per our needs.
      • Comment
        • Our first guess was that since Amazon works in the delivery business, they might be better in form prsers using OCR as they use it on a daily basis on their products t0 scan invoice. But it failed there.
    3. Microsoft Form Recogniser
      • Pros
        1. We can customize and train the API as per our need based on Form-1 or Form-2.
        2. Faster average time as compared to Google Document AI.
        3. Needs very less amount of data for training as compared to other offline solutions.
        4. Recognizes key-value pair very accurately.
      • Cons
        1. Need for some ground work before starting training.
        2. It is faster than Google Document AI but slower than Amazon Textract.
      • Comment
        • The ability to customize and train our own model with less amount of data gave us the best results out of these 6 experiments.
  • Now, we customized it for proper de-skewing and prepared 30 handwritten forms for each form type.
  • Now came the time for storage. We had to go through multiple options to store data as a large amount of data will be produced from these forms.
  • We had 3 preferred options for this. They are as follows-
    1. AWS S3
    2. Google Cloud Storage
    3. Microsoft Azure Storage
  • We then tested these 3 options as per our need. The results are as follows-
    1. AWS S3
      • Pros
        1. High uptime.
        2. Highly scalable.
      • Cons
        1. Complex to setup.
        2. Costlier than the other 2 services.
      • Comment
        • AWS S3 is highly scalable but a bit difficult to setup and is costlier than the other 2 options that are available.
    2. Microsoft Azure Storage
      • Pros
        1. High uptime.
        2. Highly scalable.
      • Cons
        1. Asia-Pacific (APAC) region faces bottlenecks and outages.
      • Comment
        • Cost analysis of the pricing tiers shows that it has the best price to performance ratio but is unreliable due to infrastructure bottlenecks.
    3. Google Cloud Storage
      • Pros
        1. High uptime
        2. Cheaper than AWS S3. A same solution or plan as compared to AWS will cost you around 35% cheaper.
        3. Uploading files in Google Cloud Storage is 5 to 15 times faster than AWS S3.
        4. Highly scalable.
      • Cons
        1. A bit costlier than Microsoft Azure Storage.
      • Comment
        • Depending on region, the Google Cloud Storage can be faster or slower than the Microsoft Azure Storage. But the difference is small. So, the cost analysis, uptime, speed and scalability made Google Cloud Storage the ideal candidate for storage of images and the output.
  • We went with Google Cloud Storage for the above-mentioned reasons.
  • We are storing the the modified images and saving the data of the form as a JSON. By modified, we mean aligned to a certain extent.
  • We chose JSON because of the fact that it can be accessed by an API for further analysis and is very easy to understand.
  • In the Google Cloud Storage bucket, the file system is as follows <bucket-name>/form-1/imageFilePath/YYYY_MM_DD for images and <bucket-name>/form-1/jsonFilePath/YYYY_MM_DD for JSON and similarly for form-2.
  • We have the APIs and our custom code for the forms. Now we need a UI.

User Interface

  • We wanted that the user interface should not have a steep learning curve and should be very easy to use.
  • For the User Interface, we wanted it to be platform-independent and fast to load.
  • We had 2 options. They are as follows-
    1. Build a Web application
      • Pros
        1. Can be used across browsers and systems.
        2. No installation needed.
      • Cons
        1. Hosting is required and hence extra cost is incurred.
        2. Needs to setup security measures for in-house access only.
        3. Needs to upload all the images to server first and then run it remotely.
      • Comment
        • Easier to implement but has drawbacks for cost as a business should be able to save money in anyway it can.
    2. Build a Desktop application
      • Pros
        1. No need for hosting.
        2. Using certain tools, it can be made cross-platform.
        3. No need for setting up new rules in security as the apps would run in-house only.
      • Cons
        1. Installation requirements are necessary.
      • Comment
        • The desktop application would be easier to use and will not need any hosting.
  • We decided to move forward with the cross-platform Desktop application.
  • We finalized the components of UI as follows-
    1. Introduction screen - Users can upload the folder which contains the forms and select the form type (Form-1 or Form-2) and then submit them for the Form Recogniser API to work.
    2. Select the out put folder to analyze.
    3. As a Quality check and assurance, we have decided to add a fail-safe method. In this, a human can go through the key-value pairs that have been extracted from the forms and fix any minor issues. This increases the accuracy of the final result even more and is necessary as the details are related to finances and health and hence it is very sensitive.

Novelty in our solution

  • Proper image handling including de-skewing.
  • Added proper labels to detect the circled options.
  • Added proper labels to handle tick marks in billing address and shipping address issue.
  • A fast quality check format.
  • Cross-platform.
  • Handling of dates.
  • Handling of different file types like jpg, jpeg, png and pdf.

Tech Stack

  • We finalized the following tech stack after researching on various above-mentioned factors.
  • Backend - Python3
  • UI - ElectronJS, CSS, HTML
  • Storage - Google Cloud Storage
  • OCR Service - Microsoft Form Recogniser
  • Version Control - Git
  • Package Manager - NPM

Initial steps

  1. Create an account on Google Cloud.
  2. You can go ahead and create a trial account or a full account.
  3. After the account creation and verification, create a project.
  4. Go to API & Services and on the top there will be Enable APIS and Services. Click that.
  5. Search for Google Cloud Storage and enable it (By default, it should be enabled).
  6. Create a bucket as told here.
  7. Download the credentials json file as told here.
  8. Rename the json as visionKey.json. It will look like this-
{
  "type": "<type>",
  "project_id": "<project id>",
  "private_key_id": "<private key id>",
  "private_key": "<private key>",
  "client_email": "<client email>",
  "client_id": "<client id>",
  "auth_uri": "<auth uri>",
  "token_uri": "<tokrn url>",
  "auth_provider_x509_cert_url": "<auth cert url>",
  "client_x509_cert_url": "<cert url>"
}
  1. Get the name of the bucket previously created and put it in the googleCloudStorage.js file as shown below.
const bucketName = 'ENTER BUCKET NAME HERE';
  1. After setting up of Google Cloud account for storage, we setup the form api using Microsoft Azure's Form Recogniser.
  2. Create an account which maybe trial or full-time subscription.
  3. As mentioned above, the flexibility of the Azure Form Recogniser system is one of the reason why we chose this. Ypu can label and create your own dataset which we did for 60 handwritten forms. The SAS URI can be found under your storage container's menu and goes by the name Shared Access Signature.
  4. Create your own resource group as mentioned in the Azure Form Recogniser docs.
  5. NOTE - This step is only necessary if you want to retrain the whole system again with a lot more images. Also, adding large number of images, after a certain point won't increase the performance much. You'll have to setup 2 containers. One for form-1 and one for form-2 and label them accordingly.
  6. Train as given in the doc here for each form type and save the Model ID.
  7. Under your form recogniser resource, go to Pricing Tier and change it to Standard.
  8. Under your form recogniser resource, go to Overview to get Resource Group, Endpoint and Location. The Location can be mapped to Region here. For example, in eastus.api.cognitive.microsoft.com the region is eastus.
  9. Under your form recogniser resource, go to Keys and Endpoint to get the Subscription Key. Key-1 is used by default.
  10. Create a file named credentials.json which has the following content.
{
	"azure_region":"region",
	"resource_group" :"resource name",
	"form_recognizer_endpoint" :"endpoint",
	"form_recognizer_subscription_key" :"key",
	"form_recognizer_model_id_form1" : "model ID form-1",
	"form_recognizer_model_id_form2" : "model ID form-2",
	"googleBucket": "google bucket name"

}
  1. Once the keys are changed, new executables need to be generated again or build from the source for the code to work.
  2. The need for Azure storage blobs is just for training the model.
  3. Please refer to the docs folder for more information on usage.

Starting the Project from The Source Code

  1. Install python and Pip based on the platform - mac/linux/windows.
  2. After installation test command python and pip by in command prompt.
  3. In command prompt change directory to package folder - FORMOCR.
  4. Run pip install -r requirment.txt.
  5. Install node and npm.
  6. Execute npm install.
  7. Launch the UI from the terminal by command npm start.
  8. For making Linux (Ubuntu), macOS and Windows executable, run the following commands.
// For macOS (tested on macOS Mojave)
npm run package-mac

// For Linux (tested on Ubuntu)
npm run package-linux

// For Windows (tested on Windows 10)
npm run package-win

We have used python3 for development as python2.7 has been deprecated. There might be an issue on some systems because in some systems python3 is called python and in some systems it is python3. If the code isn't working and showing ENOENT error, then do the following in renderer.js file.

/* if python3 doesn't work, then replace it with python */
var pythonProcess = spawn('python3',[p, '-i', directory]);

For Ubuntu Setup

  1. Install python and pip using the link : https://docs.python-guide.org/starting/install3/linux/.
  2. After installation test command python and pip by in command prompt.
  3. In command prompt change directory to package folder.
  4. Run pip install -r requirment.txt.
  5. Run ./FORMOCR for UI.

For Windows Setup

  1. Install python from given link. https://www.python.org/downloads/.
  2. Make sure to select checkbox of pip and Set Environment Variable.
  3. After installation test command python and pip by in command prompt.
  4. Run pip install -r requirment.txt.
  5. Run form-recognizer.exe for UI.

For macOS Setup

  1. Install python and pip using the link : https://docs.python-guide.org/starting/install3/osx/.
  2. After installation test command python and pip by in command prompt.
  3. In command prompt change directory to package folder.
  4. Run pip install -r requirment.txt.
  5. Run FORMOCR for UI.

Screenshots

  • This is how the UI looks when started initially. You can select the folder which has images in it. the image can be a jpg, fpeg, png and pdf. After that select form type. Initial
  • After completion and detection of all key-value pairs, this is how the output looks like. After this step, a folder will be formed by the name of output in the original folder which was given as input. Click on Quality Check after this step. Output
  • Select the output folder and click on submit. In the top right hand corner, the Process Files option is used to again go the first page. Quality Check After Submit Button
  • Check the files for their output for every key-value pair. NOTE - The QC Status tab will remain incomplete until you press the submit button. This is necessary even if no correction or editing has been made to the output of the API. Analyze Submit Button
  • After pressing on submit, the image file and the json file are uploaded to Google Cloud Storage and QC status is shown as completed. QC completed

formocr's People

Contributors

sayak119 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.