-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-page-ReID.html
106 lines (103 loc) · 8.99 KB
/
project-page-ReID.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Project Page - Portfolio</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient" style="background: linear-gradient(90deg, #360033, #0b9793);">
<div class="container"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="projects-grid-cards.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="cv.html">About Me</a></li>
</ul>
</div>
</div>
</nav>
<main class="page project-page">
<section class="portfolio-block project">
<div class="container">
<!-- Start: portfolio heading -->
<div class="heading">
<h2>Person re-identification</h2>
</div><!-- End: portfolio heading -->
<div class="image" style="background: url("assets/img/duke_mtmc_cameras.jpg") center / cover;"></div>
<div class="row">
<div class="col-12 col-md-6 offset-md-1 info">
<h3>Description</h3>
<p style="text-align: justify;">With the increasing threat of terrorism, there is a greater need for video surveillance over a wide area. A common task of video surveillance involves the tracking of multiple targets across a camera network with overlapping/non-overlapping views. However, as the number of cameras increase, the human operator would be unable to consistently survey every video feed. Hence, this project aims to explore and develop a solution to automate the tracking of multiple targets of interest across a network of cameras with overlapping/non-overlapping views.</p>
<p style="text-align: justify;">The primary objective of this project was to develop and implement a Small Scale Person Re-identification (ReID) system that will be deployed to test its efficiency. The accuracy of the network will be tested using various metrics such as mean Accuracy Precision (mAP) and Cumulative Matching Characteristic (CMC) curves.</p>
</div>
<div class="col-12 col-md-3 offset-md-1 meta">
<div class="tags"><span class="meta-heading">Areas</span>
<p style="text-decoration: underline;margin-bottom: 0px;">Computer Vision</p>
<p style="text-decoration: underline;margin-bottom: 0px;">Object Detection</p><span class="meta-heading">Date</span><span>October 2018 - July 2019</span>
</div>
</div>
</div>
<div class="border rounded shadow" style="padding: 10;margin-top: 20px;">
<h3 class="text-center" style="padding-top: 10px;font-size: 40px;">Person Re-Identification Demo</h3><!-- Start: Simple Slider -->
<div class="simple-slider">
<!-- Start: Slideshow -->
<div class="swiper-container">
<!-- Start: Slide Wrapper -->
<div class="swiper-wrapper">
<!-- Start: Slide -->
<div class="d-xxl-flex justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center swiper-slide" style="padding: 0;"><video class="d-xxl-flex flex-fill justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center" width="75%" height="500" controls="" style="position: relative;left: 50%;transform: translateX(-50%) translateY(-10%);text-align: center;">
<source src="https://github.com/B-enguin/B-enguin.github.io/blob/main/ReID_1.mp4?raw=true" type="video/mp4">
</video></div><!-- End: Slide -->
<!-- Start: Slide -->
<div class="d-xxl-flex justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center swiper-slide" style="padding: 0;"><video class="d-xxl-flex flex-fill justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center" width="75%" height="500" controls="" style="position: relative;left: 50%;transform: translateX(-50%) translateY(-10%);text-align: center;">
<source src="https://github.com/B-enguin/B-enguin.github.io/blob/main/ReID_2.mp4?raw=true" type="video/mp4">
</video></div><!-- End: Slide -->
<!-- Start: Slide -->
<div class="d-xxl-flex justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center swiper-slide" style="padding: 0;"><video class="d-xxl-flex flex-fill justify-content-center align-items-center align-content-center justify-content-xxl-center align-items-xxl-center" width="75%" height="500" controls="" style="position: relative;left: 50%;transform: translateX(-50%) translateY(-10%);text-align: center;">
<source src="https://github.com/B-enguin/B-enguin.github.io/blob/main/ReID_3.mp4?raw=true" type="video/mp4">
</video></div><!-- End: Slide -->
</div><!-- End: Slide Wrapper -->
<!-- Start: Pagination -->
<div class="swiper-pagination"></div><!-- End: Pagination -->
<!-- Start: Previous -->
<div class="swiper-button-prev"></div><!-- End: Previous -->
<!-- Start: Next -->
<div class="swiper-button-next"></div><!-- End: Next -->
</div><!-- End: Slideshow -->
</div><!-- End: Simple Slider -->
</div>
<div class="more-projects">
<h3 class="text-center">More Projects</h3>
<div class="row justify-content-center gallery">
<div class="col-md-4 col-lg-3"><a href="project-page-AI.html">
<div class="item"><img class="img-fluid scale-on-hover" src="https://github.com/B-enguin/B-enguin.github.io/blob/main/on-the-radar-upcoming-games.jpg?raw=true" style="height: 200px;"><strong class="text-center d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="text-align: center;">Artificial Intelligence for Radar Processing</strong></div>
</a></div>
<div class="col-md-4 col-lg-3"><a href="project-page-FiNS.html">
<div class="item"><img class="img-fluid scale-on-hover" src="https://github.com/B-enguin/B-enguin.github.io/blob/main/financial-markets.jpg?raw=true" width="400" height="200" style="width: 300px;height: 200px;"><strong class="text-center d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="text-align: center;">Financial Sentiment Analysis</strong></div>
</a></div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer">
<div class="container">
<div class="links"><a href="cv.html">About me</a><a href="projects-grid-cards.html">Projects</a></div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>