Executive Summary

About Client

CumulusPro is a Cloud-based digital Image Processing Border Detection and verification platform that delivers a quick and efficient onboarding experience for your customers. CumulusPro helps businesses rapidly transform into digital enterprises by linking people, processes, and applications. Their cloud-based Business Process Management (BPM) Platform is designed to revolutionize how organizations and public institutions digitally communicate and collaborate with their customers, citizens, and partners. Digital businesses improve customer experience and increase customer satisfaction, business efficiency, and productivity while reducing cost and time to market.

https://cumuluspro.com/solutions/identify-plus/

Location:Singapore

Project Background- SAP Support Services-ID Card Detection

This project explains how we implemented border detection and able to process the image. This involved taking pictures from the browser camera, Ability to capture images using different browsers and devices and store the images in blob storage and relevant information on the SQL server. Processing of images digitally is of much importance since processes are digitalised and people take picture of different ID cards(driving license, passport etc) and upload for various purpose today(for instance filling online applications and forms for numerous reasons).First level of image processing algorithm is implemented on these images for seamless application processing before they are uploaded in the system due to the presence of various issues in the images like existence of white spaces, skewed image to name a few. 

Scope & Requirement

Scope of work for Image Processing Border Detection-custom app development-ID, card detection, and web app development was as below: 

The user captures the image from the camera and should be able to upload the image, which should be
stored in a suitable format. If the image is not correct, then it should either be asked to be retaken or
be corrected using a series of algorithms that we implemented
  • Ensure the image classification is done, as there were 2 Ids being scanned.
  • Change the orientation of the images to de-skew the image to make it 0 degree
  • Be able to refine the resolution of the images and detect borders to crop the image
  • If not able to correct the image ask the user to retake the image before uploading it to the
    system
  • If taken successfully, store the image in the BLOB server and do OCR to store the important
    information related to Identification in the corresponding server
  • Pre-processing to convert the image to greyscale and reduce the noise and improve image quality and size using PyrDown and PyrUp

Implementation

Technology and Architecture

Technology 

Mobile app was deployed with the below technological component
• Backend Code: .NET Core, C#, Node.js
• Mobile App code: React Native
• Web App code: ReactJS 
• Database: SQL Server, MongoDB
Cloud: Microsoft Azure

Integrations
• Integration to read all data from an existing Shopify backend. 

• Single Sign-on using Auth0 to register using Google and follow same login procedure as on the Shopify web app. 

• Sendgrid to send emails for order processing events 

Security:

• All API endpoints are tokenized

• Payment Gateway like paypal  would be used which are secure and PCI DSS compliant. 

Backup and Recovery

Cloud systems and components used in the attendance management system are secure and 99.99% SLA. We have added HA/DR mechanism to create a replica of the services 

Scalability

Application is designed to scale up to 10X times the average load received in the 1st 6 months of its usage and all cloud resources are configured for auto-scaling based on the load

Cost Optimization 

Alerts and notifications are configured in the Azure cloud to ensure that if the budget exceeds a notification is sent out 

Code Management, Deployment

Code for the app is handed over to the client through Microsoft AppCenter. 

CI/CD is implemented to automatically add, build and deploy any code changes on the app side.

Features of Image Processing Border Detection-custom app development

  • Automatic ID card border detection and the image cropping
  • Removal of skewness (if present)
  • Correction of orientation

Challenges

We encountered some ssues as below: 

  • Establishing a pre-defined system criterion which needs to be met before uploading the picture. This includes deciding threshold value for the image processing algorithms to be implemented for removal of white spaces present on the side of ID card and skewness present in the image captured
  • The Canny algorithm used for border detection had some limitations and didn’t work in all the scenarios where ID card had more prominent rectangle drawn on it or an image with white background of a white ID card. These cases didn’t gave a correct collection of lines and may have resulted in incorrect border detection. To overcome this problem we implemented FindContours on binary image which gave us a more reliable result
  • We had to cater for devices of varying power and capability since this solution implementation had to run on various platforms. As we got into the testing phase we had to avoid large variation in responsiveness depending on the device used

Project Completion

Duration

Deliverables

We used OpenCV library for image processing along with EmguCV wrapper, which is compatible with .NET languages (C#,VB,VC++ etc). We implemented the solution through the following steps:

Down sample -> Noise reduction -> Up-sample -> Image Enlargement

  • Edge detection using Canny algorithm(to convert image into collection of lines)
  • Detect outermost lines for Border detection through ‘Probabilistic Hough transform’ to filter out lines based on width & length
  • Using ‘FindContours’ to find objects at outer most location (to overcome the shortcomings of Hough transform)
  • Post processing which includes cropping the image along the border and getting a processed image containing ID card completely and removing any skewness present

Support

As part of the project implementation we have standard practice of providing 1 month of extended support. This includes any Major / Minor bug fixes. 

Testimonial

We took Feedback from stakeholders as below:

Feedback image

 

 

 

 

 

 

 

 

 

Syed Mohd. Atif
Co-Founder Enticed Retail LLP

Next Phase

We are now looking at the next phase of the project, which involves:

1. Images may not be of the same template, so machine learning can be added to identify the image template and process the image accordingly.
2. For a specific template, there should be a training model which helps the system to know how the new image template would look like and to be able to adapt to new template images
faster.

If You Are Looking For Similar Services? Please Get In Touch

Executive Summary

Shopify Mobile App Development

About Client

GeekDawn is committed to bring the best of Geeky, Nerdy, quirky, funky, funny and latest humorous content from the internet to your t-shirt. Our t-shirts are made of 100% Cotton, 180 GSM Bio-Washed Pre-Shrunk fabric in order to provide maximum comfort and durability. The printing is best in class using high quality inks with top washability ratings so that the print doesn’t go even after multiple washes.We recommend hand wash for this piece of art but in case you wash it in machine, wash it on delicate mode. 

https://geekdawn.com/

Location: Delhi, India

Project Background- SAP Support Services-Shopify Mobile App Development

Geekdawn collaborated with Peritos for SAP support services-Shopify Mobile App Development for the eCommerce store fully integrated with Shopify as backend. They had an existing website but they wanted to make it easy for their customers as they could shop, track and see their orders in one place on a mobile.

Read more about the project and how Shopify based mobile app development project was completed. 

Scope & Requirement

Scope of work for SAP Support Services-Shopify mobile app development was as below: 

  • Mobile app for users to buy the same goods via Play or App store
  • Functionalities like add to cart, track your order and return/exchange
  • Listing all the SKUs in a clear and proper format
  • Secured payment gateways for all the customers which would be same as on the website. 
  • All products and Categories listing would be picked from the site directly so no need for dual maintenance for mobile app. 

Implementation

Technology and Architecture

Technology 

Mobile app was deployed with the below technological component
• Backend Code: .NET Core, C#, Node.js
• Mobile App code: React Native
• Web App code: ReactJS 
• Database: SQL Server, MongoDB
Cloud: Microsoft Azure

Integrations
• Integration to read all data from an existing Shopify backend. 

• Single Sign-on using Auth0 to register using Google and follow same login procedure as on the Shopify web app. 

• Sendgrid to send emails for order processing events 

Security:

• All API endpoints are tokenized

• Payment Gateway like paypal  would be used which are secure and PCI DSS compliant. 

Backup and Recovery

Cloud systems and components used in the attendance management system are secure and 99.99% SLA. We have added HA/DR mechanism to create a replica of the services 

Scalability

Application is designed to scale up to 10X times the average load received in the 1st 6 months of its usage and all cloud resources are configured for auto-scaling based on the load

Cost Optimization 

Alerts and notifications are configured in the Azure cloud to ensure that if the budget exceeds a notification is sent out 

Code Management, Deployment

Code for the app is handed over to the client through Microsoft AppCenter. 

CI/CD is implemented to automatically add, build and deploy any code changes on the app side.

features of SAP Support Services-Shopify mobile app development

  • A mobile app which lets the user buy products and merchandise on the mobile app deployed on both app and Play store
  • Added Banner ads to help client to cross sell other products and also to show any ongoing promotions and offers
  • Push notification to alert users who have opted in to recieve new product information and offers from GeekDawn. 

Challenges

  • Logging in to have the same user access the store front and mobile to have one seamless experience on any device
    • We used Auth0 and Shopify APIs to authenticate the same user if it exists already on Shopify web app
  • Initially we hardcoded the logic for categories on the mobile side but that would mean frequent code update and if the client needs to change something on the product or category had to come back to the development team 
    • Integrated with the shopify store to ensure that categories and product information is read from the backend and not hard coding any logic on the app side 
  • Mobile App should behave same as the Shopify store front and there were some data validation logic like Coupon code, Pin code validation etc which were not working as expected
    • We integrated the same logic using APIs for all data validation hence the app behaved exactly like the web store front.  

Project Completion

Duration

April 2020 – Sep 2020 ~ 6 months 

Deliverables

  • A Shopify e-commerce mobile app deployed on App and Play store. Refer the store front links below
  • Knowledge transfer with Train the Trainer sessions to train Admin users on how they manage the data for the mobile app on the Shopify backend. 

Support

As part of the project implementation we have standard practice of providing 1 month of extended support. This includes any Major / Minor bug fixes. 

Testimonial SAP Support Services-Shopify Mobile App Development

We took Feedback from stakeholders as below:

Feedback image

The mobile developed for us by Peritos has helped greatly in being directly accessible to the customers. It has helped us to launch our marketing effort knowing a lot more about the customer behaviour . We now use Push notifications to send them our upcoming offers and new promotions we are running. This has helped to increase the sales revenue by atleast 10% each month on an average since the time we went live. 

Co-Founder geekdawn

Next Phase-SAP Support Services- Shopify Mobile App Development

We are now looking at the next phase of the project which involves:

  1. Automating the Return Management process for the customer where the email for tracking goods for return would go to the Shipment company who can then start the return collection process faster. 
  2. Web based module to better manage the return and tracking process by the Admin user 
  3. Adding Chat and other support options for the user to get in touch easily with the GeekDawn team 
Shopify Mobile App Development
Shopify Mobile App Development

If You Are Looking For Similar Services? Please Get In Touch