A

Project Progress Report

on

VISUALMILAP
Submitted as partial fulfillment

for the award of

BACHELOR OF TECHNOLOGY

Session 2023-24
in
Computer Science & Engineering

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

Krishna Engineering College, Ghaziabad

Dr. A. P. J. Abdul Kalam Technical University, Lucknow
Session: 2023-2024

P a g e 1 | 19
 Krishna Engineering College, Ghaziabad

Session: July to December – 2023

Project Progress Report

Project Title: VISUALMILAP

Guided By: Submitted By:

Name: Mr. Vinay Singh Name of Students & En.

Designation: Assistant Professor No.

1. Ashmita Dubey
(2001610100046)
2. Tushar Sharma
(2001610100228)

3. Shubham Kumar
Verma
(2001610100211)

Department of Computer Science and Engineering

Submission Date: …………………..
P a g e 2 | 19
 Table of Contents

Undertaking 4
Certificate 5
Acknowledgement 6
Abatract 7
Project Outline 8
Project Insights 9
Chapter 1 : Introduction
1.1 Problem Statement 10
1.2 Solution 11
1.3 Work Breakdown Structure 12
Chapter 2 : Analysis
2.1 Objective 13
2.2 Functional Requirements 13
2.3 Non-Functional Requirements 14
2.4 Data Flow Diagram 14
Chapter 3: Design
3.1 Class Diagram 15
3.2 Architecture Design 16
3.3 Use Case Diagram 17
Chapter 4 : Work Remaining
4.1 Work Done 18
4.2 Work Remaining 18
Chapter 5 : References 19

P a g e 3 | 19
 UNDERTAKING

We hereby declare that the work presented in this dissertation entitled “VisualMilap”, in
partial fulfillment of the requirement for the award of the degree of Bachelor of Technology in
Computer Science and Engineering, submitted to Dr. A.P.J. Abdul Kalam Technical
University, Lucknow, is our work carried out during the period from 16/08/2023 to 30/12/2023
under the guidance of Mr. Vinay Singh Assistant Professor, Krishna Engineering College,
Ghaziabad.
The work reported in this dissertation has not been submitted by us for award of any other
degree or diploma.

Date:01.12.2023

Place: Ghaziabad Ashmita Dubey

2001610100046

Tushar Sharma
2001610100228

Shubham Verma
2001610100211

P a g e 4 | 19
 CERTIFICATE

This is to certify that the Project report entitled “VisualMilap” done by (Ashmita Dubey,
2001610100046, Tushar Sharma, 2001610100228, Shubham Verma, 2001610100211) is
carried out by them at Krishna Engineering College, Ghaziabad under my guidance. The matter
embodied in this project work has not been submitted earlier for the award of any degree or
diploma to the best of my knowledge and belief.

Date: __________________

Mr. Vinay Singh

Mentor

P a g e 5 | 19
 ACKNOWLEDGEMENT

I express my profound gratitude to Mr. Vinay Singh for their unwavering guidance. Special
thanks to my dedicated team members whose collaborative efforts enriched the project. I am
thankful to Krishna Engineering College for providing essential resources. Heartfelt
appreciation goes to friends for their constant support. I acknowledge the authors of the
references shaping our project's foundation. This endeavor wouldn't have been possible without
the collective contributions of these individuals and organizations. This project's fruition is a
result of the collective efforts and contributions of these exceptional individuals and
organizations. Thank you all for your instrumental role in making this project a reality.

P a g e 6 | 19
 ABSTRACT

We visit a lot of events/functions and almost every event have photographers appointed to click
and save our cherish moments. But the common problem everyone face is how to get those
photos? We can request the host but it is very difficult and time consuming to filter particular
photos from hundreds. Also host will not share all the photos to everyone due to some privacy
reasons.
To solve these problems, we have designed a website that will do the work for you. The
photographer or the host can upload all the images to our platform, and provide link and login
id to visitors. Visitors then scan their face and the our tool will filter all your photos. It uses
Compreface API which is very powerful in face recognition.
Any event either family functions or corporate events, our tool is very helpful, it will help you
to never lose your cherish moments again.

P a g e 7 | 19
 Project Outline

1.1 Project title

VisualMilap

1.2 Group members

Member Name : Role No. :

1. Ashmita Dubey 2001610100046

2. Tushar Sharma 2001610100228
3. Shubham Verma 2001610100211

1.3 Technical
advisor(s) Name of Guide:
Name : Mr. Vinay Singh
Designation : Assistant Professor

P a g e 8 | 19
 Project Insights

2.1 Thematic Areas :

area(s)  S/W Development
 Machine Learning
 Artificial Intelligence

Sub-areas :
 Web Application Development
 Face recognition

2.2 Keywords  Facial Recognition

 Sharing Images
 Privacy
 Event Photography

2.3 Utilization
scope Global
 It has scope in domestic, corporate world, institutes, and
almost anywhere events are held.

2.4 Major task(s)

 Software development

2.5 Software  Html/CSS

packages, tools  JavaScript
and  MySQL
programming  Frameworks
- ReactJS
languages
- NodeJS
 APIs
- CompreFace

P a g e 9 | 19
 Chapter 1 : Introduction

1.1 Problem Statement

The challenge of sharing photos after an event or function is an issue in the digital age, where
the constant boost of smartphones and digital cameras has led to an exponential increase in the
volume of event photos. Organizing, curating, and efficiently delivering these visual memories
to attendees has become a complex task for event organizers. Let's delve deeper into the key
aspects of this challenge.

Volume of Photos:
Events, be they weddings, corporate gatherings, or social functions, generate a staggering
number of photos. For instance, a wedding may result in thousands of images captured by the
official photographer, guests, and even candid shots taken with smartphones. Sorting through
this extensive collection can be a time-consuming process, leading to delays in photo
distribution.

Example: A wedding photographer may capture an average of 2,000 to 3,000 photos during a
full day of coverage, requiring meticulous curation to ensure that the most memorable moments
are shared with the attendees.

Variety of Sources:
Photos are often contributed by various sources, including professional photographers, amateur
enthusiasts, and attendees with smartphones. This diversity in sources results in a mix of file
formats, resolutions, and photographic styles, adding another layer of complexity to the
curation process.

Example: At a corporate conference, where both official photographers and attendees capture
moments, the mix of high-quality professional shots and candid smartphone photos may require
careful coordination to maintain a cohesive narrative.

Privacy Concerns:
Privacy considerations are paramount when distributing event photos. Attendees may have
reservations about their images being shared publicly, particularly on social media platforms.
Striking a balance between capturing the essence of the event and respecting individual privacy
becomes a delicate task for organizers.

Example: A private birthday celebration may involve guests who prefer to keep certain
moments within the confines of the event and may not be comfortable with widespread
dissemination of their images.

Sharing Channels:
Selecting the most suitable platform or method for sharing photos is crucial. Email, dedicated
online galleries, cloud storage, and social media platforms are common choices. Each option
comes with its own set of considerations, such as accessibility, ease of use, and the ability to
handle large file sizes.

P a g e 10 | 19
Example: A music festival may utilize a dedicated event app or website to host a gallery of
photos, providing attendees with a centralized and easily accessible platform for reliving their
favourite moments.

Technical Challenges:
The technical proficiency of attendees varies widely. Ensuring that the chosen method of
sharing is user-friendly for all participants is essential to guarantee a positive experience for
everyone involved.

Example: In a family reunion where attendees span different age groups, the photo distribution
method may need to accommodate varying levels of technological literacy, ensuring that even
less tech-savvy family members can easily access and enjoy the shared memories.

In conclusion, addressing the challenge of photo distribution after an event requires a strategic
and well-thought-out approach. Event organizers need to leverage technology, communicate
clearly with attendees, and consider the unique dynamics of each event to ensure that the photo-
sharing process is seamless, enjoyable, and respects the privacy preferences of all participants.
Our solution introduce a new way to overcome all these problems.

1.2 Solution

The solution consists of following steps:

1. The host of any event creates an account on our website and uploads the photos.
2. After uploading he gets an id which he can provide to any guest.
3. Guest will use that id to login and asked to scan their face.
4. After scan, system will search for their photos using the compreface API and provide
all photos they are in.
5. From where, they can see and download those images.

Key Features :

1. Easy to share images in this way, no need to ask the host repeatedly for the photos and
host don’t need to share them individually.
2. Never lose your cherish moments again. In this digital world images and videos are
very handy to record and relive your memories.
3. Privacy, is well focussed. Guests only have access to those photos they are in so others’
privacy will not be invaded.

Future Scope :

Currently, it works only on images and not with 100% accuracy. But in near future it
can also be applied to videos. It will take the event videography and photography to whole
another level.

P a g e 11 | 19
1.3 Work Breakdown Structure :

1. Front-End Design : A easy to use and attractive UI is very important so working on our
website will fun not a headache. So, this website is built using reactJS(a great
framework to create single page web applications).

2. Back-End Design : A website to fulfil needs of the user requires a very strong backend.
We are using nodeJS for the backend and API linking.

3. DBMS : For database management, we are using non other than SQL, simple and quite
effective.

P a g e 12 | 19
 Chapter 2 : Analysis

2.1 Objective :

 Efficiently manage and organize a substantial volume of event photos.

 Implement face recognition technology to automate the identification of
individuals in the photos.
 Provide a user-friendly interface for both event hosts and guests to interact with the
system.
 Prioritize user privacy and implement robust security measures to protect sensitive
data.

2.2 Functional Requirements :

Photo Management:
a. Upload and store high volumes of event photos securely.
b. Organize photos by event, date, and other relevant metadata.
c. Allow event organizers to manage and curate the photo collection.

Face Recognition:
a. Integrate a reliable face recognition algorithm to identify individuals in photos.
b. Automatically tag individuals in photos based on facial recognition results.

User Authentication and Authorization:

a. Implement a secure user authentication system.
b. Define user roles (organizer, attendee) with specific access privileges.
c. Ensure that only authorized users can upload, edit, or delete photos.

User Interface:
a. Develop an intuitive and user-friendly interface for easy navigation.
b. Provide search and filter options to help users find photos based on various criteria.
c. Enable users to view, download, and share photos seamlessly.

Privacy Controls:
a. Implement privacy settings to allow users to control the visibility of their photos.
b. Provide an opt-out option for individuals who prefer not to be recognized in photos.
c. Comply with relevant data protection regulations and guidelines.

P a g e 13 | 19
2.3 Non-functional Requirements :

Performance:
a. Ensure quick response times for photo retrieval and recognition.
b. Scale the system to accommodate a large number of concurrent users and photos.

Reliability:
a. Minimize system downtime through robust error handling and recovery
mechanisms.
b. Implement regular backups to prevent data loss.

Scalability:
a. Design the system to handle a growing database of photos and users.
b. Implement cloud-based solutions for scalable storage and computing resources.

Compatibility:
a. Ensure compatibility with various web browsers and devices.
b. Optimize the system for both desktop and mobile users.

Usability:
a. Conduct user testing to refine the interface for ease of use.
b. Provide clear documentation and support resources for users.

2.4 Data Flow Diagram :

P a g e 14 | 19
 Chapter 3 : Design

3.1 Class Diagram :

Class diagram is a static diagram. It represents the static view of an application. Class diagram
is not only used for visualizing, describing, and documenting different aspects of a system but
also for constructing executable code of the software application.

P a g e 15 | 19
3.2 Architecte Design :

The architecture diagram is a schematic representation of a collection of ideas that are part of
an architecture including its principles, elements and materials. Architecture diagram will
support designers and engineers in visualizing a system or application's high-level, overarching
layout to ensure the framework addresses the needs of their customers.

Output Images

P a g e 16 | 19
3.3 Use Case Diagram

A use case diagram is a graphical depiction of a user's possible interactions with a system. A
use case diagram shows various use cases and different types of users the system has and will
often be accompanied by other types of diagrams as well. The use cases are represented by
either circles or ellipses.

User

P a g e 17 | 19
 Chapter 4 : Task Remaining

4.1 Work Done :

We have designed the front-end of our website which gives a great user experience to visitors.

4.2 Work Remaining :

Currently, we are studying the compreface algorithm so we can maximize the output accuracy
of the data and add our features to it.

The backend work will start after the successful study and modification of the algorithm.
It will take 3-4 weeks to complete the study and backend design.

P a g e 18 | 19
 Chapter 5 : References

Front-End :

 https://react.dev
 https://getbootstrap.com

Face Recognition :

 https://exadel.com/accelerator-showcase/compreface/

Backend :

 https://nodejs.org
 https://www.w3schools.com/nodejs/

P a g e 19 | 19