-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
279 lines (253 loc) · 11 KB
/
Copy pathindex.html
File metadata and controls
279 lines (253 loc) · 11 KB
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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Computer Science student at the University of Auckland. Enthusiastic developer in training.">
<title>Celia Stokman | Portfolio, Internships, Projects</title>
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#header">
<div id="its-my-name" class="title">
<div class="tag open-tag">
<name>
</div>
<h1>Celia Stokman</h1>
<div class="tag close-tag">
</name>
</div>
</div>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#internships">Internships</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<header>
<div id="header">
<div class="content">
<div id="cat"></div>
<p>Studious student studying Computer Science; developing developer in training.</p>
</div>
</div>
</header>
<section>
<div id="about" class="main-style">
<div class="content">
<h1><about></h1>
<div class="indent">
<p><b>location:</b> "Auckland, New Zealand",</p>
<p><b>education:</b> "University of Auckland",</p>
<p><b>major:</b> "Computer Science",</p>
<p><b>expectedGraduationDate:</b> "November 2017",</p>
<p><b>workExperience.latest:</b></p>
<div class="indent">
<p><b>company:</b> "Rakuten",</p>
<p><b>location:</b> "Tokyo, Japan",</p>
<p><b>position:</b> "Open Services Platform Development Intern",</p>
<p><b>startDate:</b> "November 2016",</p>
<p><b>endDate:</b> "February 2017",</p>
</div>
<p><b>resume:</b> "<a href="celiastokmanresume.pdf" target="_blank">celiastokmanresume.pdf</a>",</p>
<p><b>email:</b> "<a href="mailto:celiastokman@gmail.com">celiastokman@gmail.com</a>";</p>
</div>
<h1></about></h1>
</div>
</div>
</section>
<section>
<div id="internships" class="secondary-style">
<div class="title">
<div class="tag open-tag">
<h1>
</div>
<h1>Internships</h1>
<div class="tag close-tag">
</h1>
</div>
</div>
<div class="content">
<div class="logo">
<img src="img/rakuten-logo.png" alt="Rakuten">
</div>
<div class="subtitle">
<p>Tokyo, Japan</p>
<div class="subtitle-subtitle">
<p>November 2016 - February 2017</p>
</div>
</div>
<p>The Asia New Zealand Foundation gave me the amazing opportunity to travel across the world to experience
working as a developer in a Japanese work environment.</p>
<p>Here, I experienced first-hand the differences in development cycles and team environments. I learned
the importance of recognising differing requirements when creating a product to be used in a country with unique
values and preferences, as well as customising apps to best support another language.</p>
<p>My team took advantage of PHP, and I learned why it's the most popular language used to this day. Since it was
such a large company with many, many customers, I had the opportunity to work with gigantic databases, and learned
how to efficiently fetch and store data from it.</p>
<p><a href="http://www.asianz.org.nz/bulletin/business-intern-soaking-japanese-culture-tokyo" target="_blank">Have a look at my report on the Asia New Zealand Foundation’s website.</a></p>
<div class="internship-images">
<img src="img/rakuten-photo1.png">
<img src="img/rakuten-photo2.png">
<img src="img/rakuten-photo3.png">
</div>
<div class="logo">
<img src="img/asb-logo.png" alt="ASB Bank">
</div>
<div class="subtitle">
<p>Auckland, New Zealand</p>
<div class="subtitle-subtitle">
<p>December 2015 - February 2016</p>
</div>
</div>
<p>In 2015, I participated in Microsoft's Student Accelerator Programme (MSA), where I learned how to make web apps,
work with an API/client architecture, make Universal Windows Platform apps, and pitch new app prototypes to large audiences.</p>
<p>MSA prepared me for this internship, where I learned a lot about current development trends, working closely with
stakeholders, and how to be innovative in a large company.</p>
<p>With two other interns, together we practised Agile methodologies, thoroughly researched biometrics and security
requirements, and created mobile and wearable prototypes listed in the projects section below.</p>
<div class="internship-images">
<img src="img/asb-photo1.png">
<img src="img/asb-photo2.png">
<img src="img/asb-photo3.png">
</div>
</div>
</div>
</section>
<section>
<div id="projects" class="main-style">
<div class="title">
<div class="tag open-tag">
<h1>
</div>
<h1>Projects</h1>
<div class="tag close-tag">
</h1>
</div>
</div>
<div class="content project-content">
<div>
<div class="project-image">
<img src="img/project-passpast2.png">
</div>
<div class="project-description">
<h2>Pass Past</h2>
<div class="subtitle-subtitle">Work together to solve previous exams.</div>
<p><b>Features:</b> C#, ASP.NET MVC, Entity Framework, Razor, Git.</p>
<p>Pass Past is a collaborative project currently in development between two other university students and myself.
One of them, Fabian, is acting as the project manager and setting targets and goals for the other student, Ashray,
and myself. We wanted a mid-year break project to work on to develop our development skills, and to learn C#,
ASP.NET MVC and how to interact with databases.</p>
<p>The problem we wanted to solve came about while studying previous
exams at university, and classes used Google Docs to write what they thought the answers to each question were. This quickly
became a mess of letters and comments, so we wanted to make an efficient and organized solution that all students could use easily.</p>
<p>It works by having each student log in through Facebook or Google, then selecting the previous exam they want to record
answers for, then voting with their answer to each question displayed like a poll. Each question has a comments section
for discussion that will be weighted by it's vote count.</p>
<p><a href="http://legacy.passpast.net" target="_blank">Have a look at the site here!</a></p>
<p> Or have a look at
<a href="https://github.com/Toxicable/PassPast/tree/master/PassPast%2095/PassPast" target="_blank">the project on GitHub here.</a></p>
</div>
</div>
<div>
<div class="project-image">
<img src="img/project-kpimonitor.png">
</div>
<div class="project-description">
<h2>KPI Monitoring Tool</h2>
<div class="subtitle-subtitle">Neatly sorts and displays huge amounts of data.</div>
<p><b>Features:</b> PHP, MySQL, JavaScript, Redis, HTML.</p>
<p>One of the projects assigned during my internship at Rakuten.</p>
<p>Until this point, the sales team had to manually access the database, or make a request to see their KPIs.
The KPI Monitor is a web app that sorts and displays their KPIs on a large TV screen for instant feedback, and giving the
team in charge of the database a lighter work load!</p>
<p>It can be filtered to display specific time frames, and show different breakdowns of data in a
hamburger menu in the top left. This project also gave me experience using Unix and Vim for working in different development
environments (local, staging), and I can now say I can navigate and code without using a mouse with confidence!</p>
</div>
</div>
<div>
<div class="project-image">
<img src="img/project-asbeats.png">
</div>
<div class="project-description">
<h2>ASBeats</h2>
<div class="subtitle-subtitle">Log in to your bank account using your heart!</div>
<p><b>Features:</b> Java, Android development, mobile, wearables, innovative research.</p>
<p>The first team project assigned during my internship at ASB Bank.</p>
<p>We were investigating if new biometrics had progressed to the point where it was a feasible
authentication method for logging in to your personal bank account. This was the prototype mobile and wearable app we created using
a wrist device that recorded your ECG in real time to use as a password for your mobile bank app. This involved a lot of
research, writing reports, conducting surveys, evaluating feedback and making presentations to stakeholders.</p>
<p>I had no knowledge of Java or object-oriented programming before starting this project since the first year of university focused on
Python programming, and picked up the necessary skills quickly to get a functional and intuitive prototype to demonstrate during
presentations. It was a lot of fun learning how to make apps for both mobile and wearables, and progressing from testing on
virtual machines to actual devices was very rewarding.</p>
</div>
</div>
</div>
<div>
<div class="logo">
<a href="https://github.com/Millyy" target="_blank"><img src="img/github-logo.png" alt="GitHub"></a>
</div>
<p><a href="https://github.com/Millyy" target="_blank">Find some of my other projects on GitHub!</a></p>
</div>
</div>
</section>
<section>
<div id="contact" class="feature-style">
<div class="title">
<div class="tag open-tag">
<h1>
</div>
<h1>Contact</h1>
<div class="tag close-tag">
</h1>
</div>
</div>
<div class="content">
<div class="logo">
<div class="email-logo">
<a href="mailto:celiastokman@gmail.com"><img src="img/email-logo.png" alt="Email"></a>
</div>
<a href="https://www.linkedin.com/in/celia-stokman/"><img src="img/linkedin-logo.png" alt="LinkedIn"></a>
</div>
<p>Send me an email at celiastokman@gmail.com or find my LinkedIn profile above.</p>
<p>Thanks, I hope to hear from you soon!</p>
</div>
</div>
</section>
<footer>
<div id="footer">
<div class="content">
<span id="copyright"></span>
<span style="float: right;"><a href="#header">Back to the Top</a></span>
</div>
</div>
</footer>
</body>
</html>