generated from StartBootstrap/startbootstrap-clean-blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (198 loc) · 14.9 KB
/
index.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Ziwon Yoon</title>
<link rel="icon" type="image/x-icon" href="assets/img/hihi.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Ziwon Yoon</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/Profile.jpg" alt="..." /></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#research">Research</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#projects">Projects</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#highlights">Highlights</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://drive.google.com/file/d/1xN45iVVYz8YcQ93zTkfHZN1Tdke7hiQT/view?usp=sharing">CV</a>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Ziwon
<span class="text-primary">Yoon</span>
</h1>
<div class="subheading mb-5">
<a href="mailto:[email protected]">[email protected]</a>
</div>
<p class="lead mb-5"> I graduated from <a href="https://kaist.ac.kr">KAIST</a> February 2022 with a <span class="text-primary">Bachelor of Science in Mechanical Engineering</span>. <br>
I worked as a research engineer in 2022 at <a href="https://www.dynamicrobot.kaist.ac.kr/"> DRCD Lab(Hubo Lab)</a> under the supervision of <a href="https://www.dynamicrobot.kaist.ac.kr/members">Professor Hae-Won Park</a>. <br>
<span class="text-primary">You can find the latest version of my CV in the menu on the left side of this page.</span> </p>
<div class="social-icons">
<a class="social-icon" href="https://github.com/yzwfromk"><i class="fab fa-github"></i></a>
<a class="social-icon" href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Interests -->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">My Research Goal is...</h3>
<div class="subheading mb-3">to help people to be free from physical labor by developing robots <span class="text-primary">robust to environmental uncertainties</span>.</div>
<img src="assets/img/drc_hubo.jpg" alt="DRC Hubo" style="max-width: 45%; height: auto;"/> <img src="assets/img/home_robot.jpg" alt="CES2021 Samsung home robot" style="max-width: 45%; height: auto;"/><br>
<br><p class="lead mb-5">I believe that people can show their <span class="text-primary">creativity</span> by leaving manual labor up to robots.
<br>I believe that people can enjoy <span class="text-primary">healthier lives</span> with robots assisting physical labor.
<br><br>To achieve the goal, I want to devote myself in various areas of robotics, including <span class="text-primary">State Estimation</span>, <span class="text-primary">Control</span>, and <span class="text-primary">Motion Planning</span>.
</p>
</div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Research -->
<section class="resume-section" id="research">
<div class="resume-section-content">
<h2 class="mb-5">Research</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Ongoing Projects</h3>
<div class="subheading mb-3"> Developing Orientation-Improved Neural Visual-Inertial Odometry(VIO)</div>
<div style="text-align :center;">
<img src="assets/img/selective_sensor_fusion.png" alt="..." style="margin-left: 5%; max-width: 90%; height: auto;"/>
<p>A figure from "Selective sensor fusion for neural visual-inertial odometry" by <span class="fst-italic">Chen, Changhao, et al.</span> </p>
</div>
<br>
<p>- Recent learning-based VIO algorithms are producing great performance that is robust to sensor degradation. However, they are generally poor at orientation(rotation) estimation.
<br>- I am finding a way to make a neural VIO algorithm that can produce reliable orientation estimation.
</p>
</div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Research Engineer</h3>
<div class="subheading mb-3">DRCD Lab(Hubo Lab), Advisor : Professor <span class="fst-italic">Hae-Won Park</span> </div>
<div style="text-align :center;">
<img src="assets/img/labmembers.jpg" alt="..." style="margin-left: 5%; max-width: 90%; height: auto;"/>
<p>A photo with the lab members!</p>
</div>
<div style="text-align :center;">
<img src="assets/img/research.jpg" alt="..." style="margin-left: 5%; max-width: 85%; height: auto;"/>
</div>
<br>
<p>- Conducted research "Invariant Smoother for Legged Robot State Estimation with Dynamic Contact Event Information." <span class="text-primary">(Under review by IEEE Transactions on Robotics)</span>
<br> We designed invariant smoother for legged robot state estimation with full consideration of the group-affine property and dynamic contact events in legged locomotions. The proposed algorithm showed up to a 27 % decrease in relative translation errors, an 11 % decrease in relative orientation errors, and a 26 % decrease in average velocity errors compared to the state-of-the-art algorithms. <a href="https://drive.google.com/drive/folders/1vzMaJUEsU99oJhhFqG9IG5mMRtyNLhos?usp=share_link">[Supplementary Video]</a>
<br>- Studied learning-based control under Professor Jemin Hwangbo.
</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">June 2021 - December 2022</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Undergraduate Research Intern</h3>
<div class="subheading mb-3">Wave Lab, Professor <span class="fst-italic">Wonju Jeon</span> </div>
<div style="text-align :center;">
<img src="assets/img/Wave_lab1.jpg" alt="..." style="margin-right: 5%; max-width: 40%; height: auto;"/>
<img src="assets/img/Wave_lab3.jpg" alt="..." style="margin-left: 5%; max-width: 40%; height: auto;"/>
</div>
<br>
<p>- Studied Acoustic Black Hole(ABH), Piezoelectricity, and Energy Harvesting.
<br>- Conducted <span class="fst-italic">Optimization of attaching piezoelectric patch on ABH-based harvester</span>.
<br>- Gave an oral presentation in <span class="fst-italic">TKT Asia Research Symposium 2020</span>.
</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">July 2018 - March 2019</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- projects -->
<section class="resume-section" id="projects">
<div class="resume-section-content">
<h2 class="mb-5">projects</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Capstone Design</h3>
<div class="subheading mb-3">KAIST ME400 Course </div>
<div style="text-align :center;">
<img src="assets/img/Capstone.gif" alt="..." style="margin-right: 5%; max-width: 80%; height: auto;"/>
</div>
<br>
<p>- Developed a robot system that automatically finds and delivers balls under random environment (Simulated in CoppeliaSim). <a href="https://drive.google.com/drive/folders/1E4kH0HHKbO36w_Fy4eD4yK8RKuXfrhgm?usp=sharing">[Demo Video]</a>
<br>- We won the 2nd place among 6 teams!
<br>- Jointly developed the localization, control, and motion planning algorithm of the robot.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">March 2021 - June 2021</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Highlights -->
<section class="resume-section" id="highlights">
<div class="resume-section-content">
<h2 class="mb-5">highlights</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">ICISTS 2017<br></h3>
<img src="assets/img/ICISTS_Logo.jpg" alt="..." style=" max-width: 30%; height: auto;"/>
<br><p> I was a member of the organizing committee of ICISTS, an international conference held only by undergraduate students. It stands for 'International Conference for the Integration of Science, Technology, and Society'.</p>
<div style="float:left">
<img src="assets/img/ICISTS_2017.jpg" alt="..." style="max-width: 45%; height: auto;"/>
<p>ICISTS 2017 was held under the theme 'Draw The Web: Interactions in Society'. Over 200 students and notable speakers from the world discussed how innovative technologies such as drones and robots could be popularized in society.</p>
</div>
<div style="text-align :center;">
<img src="assets/img/OC.jpg" alt="..." style="margin-right: 5%; max-width: 40%; height: auto;"/>
<img src="assets/img/CP 3.jpg" alt="..." style="margin-right: 5%; max-width: 40%; height: auto;"/>
</div>
<p><br> This is our team who organized the conference successfully!</p>
</div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">ROK Army, Ground Force, 27th Infantry Division</h3>
<div style="text-align :left;">
<img src="assets/img/buddies.jpg" alt="..." style="max-width: 50%; height: auto;"/>
</div>
<p> With my buddies after 2 weeks-long FTX! </p>
</div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Orchestra</h3>
<img src="assets/img/violin.jpg" alt="..." style="max-width: 40%; height: auto;"/>
<p> Playing Tchaikovsky Symphony No.5 in KAIST Auditorium!</p>
</div>
</div>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>