-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbiotech.html
158 lines (140 loc) · 6.17 KB
/
biotech.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Doris Wei</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" type="image/png" href="images/star.png">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">DW</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home Page</a></li>
<li><a href="about.html">About Me</a></li>
<li class="active"><a href="projects.html">Projects</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/doris-wei-33738b313/" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/xysw" class="icon brands fa-github"><span class="label" target="_blank">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon far fa-envelope"><span class="label">Email</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">Oct 14, 2024</span>
<h1>Biotech Futures<br />
Challenge</h1>
</header>
<div class="image main"><img src="images/collage.png" alt="" /></div>
<p>Task: To innovate and pitch a solution that addresses challenges in biotechnology.</p>
<h3>Project</h3>
<p>Our team investigated the existing technological aids provided to the visually impaired community.
We noticed gaps in the number of devices available for outdoor navigation assistance and decided to focus on roadside environments.
Our final device was a pair of glasses with camera vision and obstacle detection functionalities as a quick and trainable alternative.
</p>
<p class="misc">Some Features:</p>
<ul class="misc"><li>Multiple camera and dual speaker systems (visual input and audio output)</li></ul>
<img src="images/biotech_proto.png" alt="" / width="50%">
<p>(3D modelling and printing done by another student M.S.)</p>
<ul class="misc"><li>Object detection with YOLOv4</li></ul>
<img src="images/biotech_ai.png" alt="" / width="30%">
<p>YOLOv4 is an open source object detection algorithm.
It was implemented using the OpenCV library in Python with given weights.
The obstacle and its distance from a camera can be identified. (The image was used for demo purposes -
hence, measurements lack precision.)</p>
<ul class="misc"><li>Simple mobile interface</li></ul>
<img src="images/biotech_app.png" alt="" / width="30%">
<p>The mobile application connected to the device and allowed users to change settings (e.g. output language)
and recorded object-detection history. (Only designed, not deployed.)
</p>
<p>In October, we attended the Biotech Symposium, where we pitched our
solution. A report, a poster, and a presentation were also submitted to the Challenge.</p>
<h3>Conclusion</h3>
<p>Overall, I gained lots of practical experience in working with a team to develop
a feasible prototype and convincing pitch. The project relied heavily on task coordination,
setting deadlines, and frequent communication between team members to ensure
that all of its aspects were cohesive. I also learned about object detection/classification and
current research in tech-based aids. </p>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<!--
<section>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</section>
-->
<section class="split contact">
<section class="alt">
<h3>Email</h3>
<p>[email protected]</p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/doris-wei-33738b313/" class="icon brands alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/xysw" class="icon brands alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</section>
<!--
<section>
<h3>Address</h3>
<p><a href="#">[email protected]</a></p>
</section>
<section>
<h3>Phone</h3>
<p><a href="#">(000) 000-0000</a></p>
</section>
-->
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>Base Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>