This is my final year Btech project. Virtual Trial Room is based on Machine Learning in the web technology. Ideology behind this project was to try clothes on a device having a screen, camera and web browser. In the era of Digital India this idea gone be very useful at any time and any place. In the e-commerce website, You are supposed to select the clothe product that you want to try out. The code is designed in such a way that, after selecting the clothe, it asks for camera access for your device. After permission, the clothe will fit to your body in the camera and as your body moves, the clothe also moves respectively. The machine learning concept in web technology was implemented using ml5.js in tensorflow and p5.js web editor. Machine learning was used to detect pose of the body and we used PoseNet to detect body positions. So that, you can try one clothe by any angle any time any where.

1. DR. BABASAHEB AMBEDKAR TECHNOLOGICAL
UNIVERSITY, LONERE
DEPARTMENT OF INFORMATION TECHNOLOGY
VIRTUAL TRIAL ROOM
Project Guide : Prof. S V Bharad
Akash Navarkhele (20170780)
Shubham Joshi (20160718)
Rucha Rajeshirke (20160750)

2. CONTENTS
•
•
•
•
•
•
•
•
•
Virtual Trial Room
E-commerce Website
Working of VTR
Technology Used
How it works?
Advantages
Disadvantages
Applications and Future Scope
Conclusion

3. INTRODUCTION
•
•
•
•
In 21st century , Fashion is not just something we
wear; it’s way of life so it needs to be a wonderful
experience.
We made a Electronic Commerce website which
have the features of Virtual Trial Room(VTR).
VTR is such a technology that make us able to try
fashion “ANY TIME, ANY WHERE”.
By using e-commerce website , we feel that we
are wearing clothes using VTR technology.

4. E-COMMERCE WEBSITE
•
•
•
•
•
•
Buy and sell of goods and service
Commercial transaction
Use VTR to beat competition
Woo customer
Happen over internet
Example:- Amazon, Flipkart, Myntra,etc.,

5. FEATURES OF E-COMMERCE
•
•
•
•
•
•
•
Ubiquity
Global search
User-friendly
Device-friendly website
Security
Payment gateway integration
Special offers

6. WORKING OF VTR
•
•
•
•
Select the cloth in website to try and click on TRY IT
In camera, Face will be detected first and accordingly
Body Skeleton will be detected
2D Cloth image will be clipped to body using
webcam
Looks like Virtual Trial of cloth and you can take view
from any angle using Augmented Reality(AR)

7. TECHNOLOGIES USED
•
•
•
•
•
HTML , CSS , JavaScript
PoseNet
Ml5.js
P5.js
Augmented Reality

8. 1. POSENET
•
•
•
•
•
•
•
Machine Learning model
Real-time human pose estimation
Estimate either single or multiple pose
Old version detect one person
New version detect multiple person
Simple API
Find keypoints of body skeleton

9. 2. ML5.JS
•
•
•
•
•
High level library of JavaScript
Open source , friendly interface
Handle GPU-accelerated operation
Memory management for machine learning algorithm
Pose classification neural network

10. 3. P5.JS
•
•
•
•
•
•
•
JavaScript Library
Designing generative system
Drawing functionality
Beginner-friendly editor
Build computational project in browser
Used for art,wesite,data visualization, etc.,
Global access

11. 4. AUGMENTED REALITY
•
•
•
•
•
Interactive experience of real world environment
Accurate 3D object registration
Superimposing 3D model within live video
Track movements
Combination of real and virtual world

12. HOW IT WORKS?
•
•
•
For human body pose estimation, ml5.js and pj5.
js which are libraries of JavaScript used in
PoseNet.
After pose estimation, 3D cloth image will be
clipped to body pose estimating points using logic
which are captured by PoseNet.
For this purpose user need to give access to
device camera and looks like virtual trial of cloth
and can take view from any angle.

13. ADVANTAGES
•
•
•
•
•
Shopper gets 3D view of clothes.
Reduce exchange of items.
Saves Time and Space.
Easier to try clothes yourself.
Fulfils shopping of online customers.

14. DISADVANTAGES
•
•
Texture of the fabric can’t be sensed.
Stitching and cut can’t be replicated.

15. APPLICATION AND FUTURE SCOPE
•
•
•
Online cloth shopping
Auto-suggestion of cloth items
Automated smile detection in snapshots

16. CONCLUSION
•
•
•
Cloths are properly aligned according to shoppers
movement.
Cloths simulation can be viewed at different
angles.
3D view of the cloth can be seen.

17. THANK YOU