• Main program:

  • DepthAI cameras are using for connecting to our computer vision program.
  • Our program is mainly written in Python with OpenCV dependency for processing the images that were sent from the cameras.
  • We are currently testing our program at 2 stations at Martinrea Hydroform Solution!
  • The program is designed to reduce the needs for sensors installation to detect the presence of the object at the stations.

• Full-stack web application:

  • A website is designed for the users to interact with the computer vision program.
  • Provides a user-friendly way for viewing the output of the program and interacting with the cameras.

• Main program:

  • Technical: Python OpenCV
  • Connecting DepthAI cameras through Ethernet cables using DepthAI open-source dependencies.
  • An image of a silver part, an image of a colour part and a normal image are taken and sent to the computer for image processing.
  • By using our developed algorithm, we can generate a mask that contains the difference between the two images which is also the region of that cover the part.
  • Another Mean Square Algorithm (MSE) came in for calculating the difference between the mask image (which we generated above) and the normal image to account for the determination of the program that whether the part is presenced or not.
  • The last algorithm that we developed is using for determining the PASS/FAIL rate based on the MSE output and send it to the PLC.
  • Scale the process up for multiple cameras on multiple stations

• Website:

  • Front-end (UI/UX):

    • Techincal: HTML, CSS and JavaScript (Werkzeug and Jinja Template) built-in templates for user-interface.
    • Design and develop a user-friendly webpages for the users to easily change the configuration of the cameras (change settings, create mask process,...).
    • Render the frames of the cameras for on the iframe for users to easily track their change to the cameras.

  • Backend (Web Security Practice and trigger with the computer vision program)

    • Technical: JavaSript, Python Flask, HTTP and Restful API.
    • Bulding Flask routes to trigger all Python functions in our main program.
    • Protect the users from security risk by using API Security Practice.
    • Fetch and Rest API to listen for request and response from JavaScript client to Python server for events from the user-interface.

Here are a few demo images of what we have so far:

• Our login page:

• Our homepage:

• Our demo dashboard for station 100:

• Setting configurations for our cameras as well as mask set up, redo the mask for a certain part and our algorithm setup:

• Python 3.9 to 3.11.1 is required.
• OpenCV Python (4.7.0) installation.
• Python Flask (2.2.3) installation
• DepthAI installation.
• NodeJS 16 is required.
• Other dependencies are covered in requirements.txt files.

# Clone the repo
$ git clone https://github.com/Kenttrann2302/Object-Detection/

# Move into directories 
$ cd <directory-name>

# Install the requirements to run the program
$ cd backend
$ cd txt_files
$ pip install -r requirements1.txt

# Start the program on bash and have fun!!!
$ python cam1.py & cam2.py (assume 2 cameras are installed)

# How to start local development server on http://localhost:5000/
# Install virtual environment on local machine
# Unix/MacOS:
$ python3 -m venv env

# Window:
> py -m venv env

# Activating the a virtual environment
# Unix/MacOS:
$ cd backend
$ source myenv/bin/activate

# Windows:
> cd backend
> .\myenv\Scripts\activate

# Installing the packages in virtual environment
# For both Windows and Unix/MacOS
$ cd txt_files
$ pip install -r requirements1.txt

# Start the server that listening on port 5000
# change directory back to the root directory
$ python app.py

# To deactivate the virtual environment
# For both Windows and Unix/MacOS:
$ deactivate

# Note: For best experience, enable Flask debugging mode for local development and disable for production due to security risks.