-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
260 lines (184 loc) · 10.8 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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Begin Jekyll SEO tag v2.6.1 -->
<title>Kelly Hsiao-Ching Su</title>
<meta name="generator" content="Jekyll v3.8.6" />
<meta property="og:title" content="Kelly Hsiao-Ching Su" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Kelly Hsiao-Ching Su" />
<script type="application/ld+json">
{"url":"/","headline":"Kelly Hsiao-Ching Su","name":"Kelly Hsiao-Ching Su","@type":"WebSite","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
<link rel="stylesheet" href="/assets/css/style.css?v=">
<script src="https://code.jquery.com/jquery-3.3.0.min.js" integrity="sha256-RTQy8VOmNlT6b2PIRur37p6JEBZUE7o8wPgMvu18MC4=" crossorigin="anonymous"></script>
<script src="/assets/js/main.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha256-3Jy/GbSLrg0o9y5Z5n1uw0qxZECH7C6OQpVBgNFYa0g=" crossorigin="anonymous"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<header class="header">
<h1>Kelly Hsiao-Ching Su</h1>
<p></p>
</header>
<div id="banner">
<!-- <a href="" class="button fork"><strong>View On GitHub</strong></a> -->
<a target="_blank" href="https://github.com/CApopsicle" id="github-logo"></a>
<a target="_blank" href="https://www.linkedin.com/in/hsiaochingsu" id="linkedin-logo"></a>
<div class="downloads">
<span>Downloads:</span>
<ul>
<li><a href="./Hsiao-Ching_Su_resume.pdf" class="button">RESUME</a></li>
<!-- <li><a href="" class="button">TAR</a></li> -->
</ul>
</div>
</div><!-- end banner -->
<div class="wrapper">
<nav>
<ul></ul>
</nav>
<section>
<p>Hello, I am Kelly.
Having an aspiration to be a hybrid of an engineer and a designer, I create innovative products and tools with good usability to empower people.</p>
<p>I got my Master’s degree in computer science at Georgia Tech, graduated in 2020, specialized in human-computer interaction.</p>
<p>I love being creative, making creations from 0 to 1 on my own, and coding. Working closely with designers, I love interface development the most. I had experiences working as a frontend engineer with substantial knowledge about JavaScript, CSS, and HTML, and I like challenging myself to build interfaces with complex user interactions and manipulations.</p>
<p>My current career focus is full-stack and front-end, and I’m now under an H1B visa.</p>
<p>See my projects here:</p>
<ul>
<li><a href="./note-taking-app.html">Bimanual Interactions for Tablet Note-taking app</a></li>
<li><a href="./texture-synthesis.html">Texture Synthesis</a></li>
<li><a href="./keep-it-real.html">KeepItReal</a></li>
<li><a href="./hack-the-library.html">HackTheLibrary</a></li>
<li><a href="./wash-n-watch.html">WashNWatch</a></li>
</ul>
<hr />
<h3 id="skill--language-proficiency">Skill & Language Proficiency</h3>
<ul>
<li>Programing: JavaScript, Python, Java, R(statistical)</li>
<li>Framework & Tool: React, Redux, Vue, D3.js, Node.js, Jest, Webpack, Java Swing, Android, SQL, OpenCV, OpenGL, Selenium, Jenkins, git</li>
<li>Software: Illustrator, Photoshop, Adobe XD, Sketch, Tableau</li>
</ul>
<hr />
<h3 id="education">Education</h3>
<dt>Georgia Institute of Technology - Atlanta, GA</dt>
<h6 id="aug-2018---may-2020">Aug. 2018 - May 2020</h6>
<ul>
<li>Master of Science in Computer Science, Human-Computer Interaction Specialization; GPA: 3.5/4.0</li>
<li>Courses: IInformation Visualization, Computational Photography, Principles of UI Software, ML, Design & Analysis: Algorithms, Computer Graphics</li>
<li><strong>Teaching Assistant</strong> of CS4460 Information Visualization</li>
</ul>
<dt>National Taiwan University (NTU) - Taipei, Taiwan</dt>
<h6 id="sep-2012---jun-2016">Sep. 2012 - Jun. 2016</h6>
<ul>
<li>Bachelor of Business Administration in Information Management; GPA: 3.43/4.0</li>
<li>Courses: Programming Languages, Programming Design & Data Structures, Fundamental OOP, Operating Systems, UX Design</li>
</ul>
<hr />
<h3 id="experience">Experience</h3>
<dt>The Climate Corporation - Software Engineer - Seattle, WA</dt>
<h6 id="jul-2020---present">Jul. 2020 - Present</h6>
<ul>
<li>Led new testing framework migration by configuring and implementing tests in two frameworks, building CICD pipeline, and evaluating five frameworks</li>
<li>Maintained team’s test repository by collaborating with other teams to fix testing dependencies and serving as owner for code reviews</li>
<li>Proposed strategy to improve test reliability and coverage; developed plan to remove external dependency to improve stability and flakiness</li>
<li>Reduced time to route and root cause QA tickets by teaching QA to write more precise tickets</li>
</ul>
<dt>The Climate Corporation - Software Engineer Intern - San Francisco, CA</dt>
<h6 id="may-2019---aug-2019">May 2019 - Aug. 2019</h6>
<ul>
<li>Implemented end-to-end tests for shopping cart and checkout flow using webdriverio; completed unit test coverage with Jest</li>
<li>Built end-to-end testing project from scratch for knowledge base web app and incorporated automated test runs into CICD pipeline</li>
<li>Developed testing metrics and notifications on Jenkins and Slack using Bash, which became an essential reporting tool for the team</li>
</ul>
<dt>21 Vianet Group Inc. - Front End Engineer - Taipei, Taiwan</dt>
<h6 id="jul-2016---jun-2017">Jul. 2016 - Jun. 2017</h6>
<ul>
<li>Developed a monitoring platform to collect data from endpoint machines, raise alarm messages, and group and filter entities</li>
<li>Built visualization tools for CDN infrastructure metrics to help operation engineers monitor entities and investigate alerts</li>
<li>Created open-source Vue.js UI components with >95% code coverage using Jest, <a href="https://github.com/cepave-f2e/vue-owl-ui">vue-owl-ui</a></li>
<li>Mentored junior colleague on front-end and JavaScript development skills to contribute new UI components</li>
</ul>
<dt>Georgia Institute of Technology - Teaching Assistant - Atlanta, GA</dt>
<h6 id="aug-2019---present">Aug. 2019 - present</h6>
<ul>
<li>Taught Information Visualization course (CS4460), gave live coding lectures about D3.js, graded assignments, and held office hours</li>
</ul>
<dt>MediaTek - Software Engineer Intern - Taipei, Taiwan</dt>
<h6 id="jul-2015---aug-2015">Jul. 2015 - Aug. 2015</h6>
<ul>
<li>Developed internal tool to dynamically modify MediaTek Cloud Sandbox (MCS) pages; wrote tutorials to connect microcontrollers to MCS</li>
</ul>
<hr />
<h3 id="projects">Projects</h3>
<dt>Bimanual Interactions for Tablet Note-taking app - Atlanta, GA</dt>
<h6 id="aug-2019---dec-2019">Aug. 2019 - Dec. 2019</h6>
<ul>
<li>Defined bimanual interactions for note-taking app on Android tablets to allow the non-dominant hand to perform touch commands</li>
<li>Implemented thumb tool menu for non-dominant hand; pen, eraser, and selection tools; multi-touch commands; and bimanual copy and paste</li>
<li><a href="./note-taking-app.html">Project Detail</a></li>
</ul>
<dt>Texture Synthesis - Atlanta, GA</dt>
<h6 id="jan-2019">Jan. 2019</h6>
<ul>
<li>Created a web applet to generate a texture from an input image to fill larger dimensions using OpenProcessing and OpenCV</li>
<li>Implemented feature to add randomness to the output image to make the synthesis look more natural</li>
<li><a href="https://i.imgur.com/c7CQo14.gif">Demo</a></li>
</ul>
<dt>Movie Dialogues Visualization - Atlanta, GA</dt>
<h6 id="aug-2018---dec-2018">Aug. 2018 - Dec. 2018</h6>
<ul>
<li>Created a visualization tool to let users explore conversation ratios between sexes and conversational themes across decades and genres</li>
<li>Preprocessed data using Python, generated questions and hypotheses about the dataset, and verified them with Tableau</li>
<li>Rated as one of the top projects in class and became a model for the professor’s future classes</li>
<li><a href="./keep-it-real.html">Project Detail</a></li>
</ul>
<dt>Hack The Library - Taipei, Taiwan</dt>
<h6 id="feb-2015---dec-2015">Feb. 2015 - Dec. 2015</h6>
<ul>
<li>Designed and developed an intuitive and informative map view UI for the library study area’s seat arrangement system with D3.js and SVG</li>
<li>Conducted user research, including interviewing users and collecting and analyzing 700+ questionnaires</li>
<li><a href="./hack-the-library.html">Project Detail</a></li>
</ul>
<dt>Washing machine monitoring and notifying system - Taipei, Taiwan</dt>
<h6 id="dec-2015---feb-2016">Dec. 2015 - Feb. 2016</h6>
<ul>
<li>Designed a web app that displays washing machine status and implemented signup, subscription and text message notifications functions for 400 residents in the dorm</li>
<li><a href="./wash-n-watch.html">Project Detail</a></li>
</ul>
<hr />
<h3 id="conference-publication">Conference Publication</h3>
<ul>
<li>Yi-Tien Lin; Hsiao-Ching Su; I-Wen Lo; Po-Lin Chou; <a href="https://dl.acm.org/citation.cfm?id=2890640">“BringUBus: Matching Buses to Passengers with Low Mobility,”</a> Proceedings of the 2016 ACM CHI Conference Extended Abstracts on Human Factors in Computing Systems, San Jose, CA, USA, May 7-12, 2016; <em>Honorable Mention for ACM CHI Student Design Competition</em></li>
</ul>
<hr />
<h3 id="volunteer-experience">Volunteer Experience</h3>
<dt>HackNTU - Director of HackCampus - Taipei, Taiwan</dt>
<h6 id="nov-2014---aug-2015">Nov. 2014 - Aug. 2015</h6>
<ul>
<li>Arranged a 3-day hackathon with 60+ volunteers in 9 departments, attracted over 1000+ nationwide students to participate</li>
</ul>
<dt>JSDC Taiwan - Photographer - Taipei, Taiwan</dt>
<h6 id="oct-2014">Oct. 2014</h6>
<ul>
<li>Documented two-day event of 2014 JavaScript Developer Conference; <a href="https://www.flickr.com/photos/jsdc2014/sets/72157648408915008/">JSDC 2014 album</a></li>
</ul>
</section>
<footer>
<p><small>Project maintained by <a href="https://github.com/CApopsicle">CApopsicle</a></small></p>
<p><small>Hosted on GitHub Pages — Theme by <a href="https://twitter.com/mattgraham">mattgraham</a></small></p>
</footer>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146131427-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-146131427-1');
</script>
</body>
</html>