-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
621 lines (355 loc) · 18.4 KB
/
index.html
File metadata and controls
621 lines (355 loc) · 18.4 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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
<!DOCTYPE html>
<html lang="en">
<head>
<title>AdrianVu.sg - Resume</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/font-awesome-ie7.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/skin-default.css" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<!-- Integrated Adobe Edge Fonts starts here -->
<script src="//use.edgefonts.net/squada-one:n4.js"></script>
<script src="//use.edgefonts.net/bebas-neue:n4.js"></script>
<!-- Integrated Adobe Edge Fonts ends here -->
<style type="text/css">
body {
}
li {
font-size: 1.2em;
line-height: 2em;
}
.skills li {
font-size: 1em;
line-height: 2em;
}
</style>
</head>
<body>
<div class="container">
<div class="row page-wrap">
<div class="span12">
<h4 class="intro-slogan css3-gradient">Hello world!<br/>Let me introduce myself.</h4>
</div>
<!-- begin .vcard -->
<div class="span4 vcard">
<div class="vcard-wrap">
<!-- begin .vcard-photo -->
<div class="vcard-photo">
<img src="img/profile.jpg"/>
</div>
<!-- end .vcard-photo -->
<!-- begin .vcard-bio -->
<div class="vcard-bio">
<h2 class="vcard-name">Adrian Vu</h2>
<hr/>
<p>Adrian is currently the project manager and full-stack research engineer at the Living Analytics Research Centre, Singapore Management University (SMU). He has 12 years of web/mobile application development experience in PHP, JavaScript, and Java. Node.js is now his favourite for developing server-side applications. He is someone who is analytical, decisive, problem solver and passionate about trying out new technologies, programming languages and frameworks. He enjoys travelling and immerse himself into different cultures as much as he can.
</p>
<hr/>
<div class="showmedia">
<!-- begin .skill-item -->
<div class="skill-item row-fluid">
<div class="span12 skill-bar">
<div class="progress">
<div class="bar bar-danger" style="width: 100%;"><i class="icon-tint"></i>Web: PHP, HTML, CSS, JS, NodeJS</div>
</div>
</div>
</div>
<!-- end .skill-item -->
<!-- begin .skill-item -->
<div class="skill-item row-fluid">
<div class="span12 skill-bar">
<div class="progress">
<div class="bar bar-warning" style="width: 90%;"><i class="icon-camera-retro"></i>DB: MySQL, ElasticSearch, NoSQL</div>
</div>
</div>
</div>
<!-- end .skill-item -->
<!-- begin .skill-item -->
<div class="skill-item row-fluid">
<div class="span12 skill-bar">
<div class="progress">
<div class="bar bar-success" style="width: 80%;"><i class="icon-cogs"></i>Mobile App: Android, Objective C</div>
</div>
</div>
</div>
<!-- end .skill-item -->
<!-- begin .skill-item -->
<div class="skill-item row-fluid">
<div class="span12 skill-bar">
<div class="progress">
<div class="bar " style="width: 60%;"><i class="icon-book"></i>Python, Java, VB</i></div>
</div>
</div>
</div>
<!-- end .skill-item -->
<!-- begin .skill-item
<div class="skill-item row-fluid">
<div class="span12 skill-bar">
<div class="progress">
<div class="bar bar-info" style="width: 40%;"><i class="icon-tint"></i></div>
</div>
</div>
</div>
end .skill-item -->
<hr/>
<p>Other Programming Languages/Skillsets:
<ul class="skills">
<li>AngularJS, ReactJS, Ionic, Cordova</li>
<li>Heroku, AWS, Azure Deployment</li>
<li>Data Crawling and Processing</li>
<li>Geospatial Analytics</li>
<li>Business Intelligence</li>
<li>Project Management</li>
<ul>
</p>
</div>
<div class="showprint">
<p>Other Programming Languages/Skillsets:
<ul>
<li>AngularJS, ReactJS, Ionic, Cordova</li>
<li>Heroku, AWS, Azure Deployment</li>
<li>Data Crawling and Processing</li>
<li>Geospatial Analytics</li>
<li>Business Intelligence</li>
<li>Project Management</li>
<ul>
</p>
</div>
<hr/>
<!-- begin info -->
<div class="showmedia">
<span class="vcard-info"><i class="icon-home"></i>Singapore</span><br/>
<span class="vcard-info"><i class="icon-linkedin"></i><a href="http://sg.linkedin.com/in/adrianvu" target="_blank">LinkedIn</a></span><br/>
<span class="vcard-info"><i class="icon-github"></i><a href="https://github.com/adrianvu/" target="_blank">GitHub</a></span><br/>
<span class="vcard-info"><i class="icon-envelope"></i>adrianvu(at)gmail.com</span>
</div>
<!-- end info -->
</div>
<!-- end .vcard-bio -->
</div>
</div>
<!-- end .vcard -->
<!-- begin .main-wrap -->
<div class="span8 main-wrap">
<!-- begin .section-work -->
<div class="section section-work section-first row">
<h3 class="css3-gradient-2"><i class="icon-briefcase"></i>Work experience</h3>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-wrench"></i>Project Manager (Living Analytics Research Centre, SMU) <small>2015 — Current</small></h4>
<ul>
<li>Developed partnership proposals, pitch decks and, established and maintained relationships with various external businesses and organisations</li>
<li>Manage team of research engineers and web designer to design, develop and implement web/mobile application projects</li>
<li>Managed resource allocation, schedules and work queues</li>
<li>Acted as the point of contact for the project teams and management to provide updates</li>
<li>Advised team over web/app best practices and strategies</li>
<li>Worked on developing quick mobile application prototypes to test out ideas using hybrid mobile app framework</li>
</ul>
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-wrench"></i>Research Engineer (Living Analytics Research Centre, SMU) <small>2013 — 2015</small></h4>
<ul>
<li>KPopLive.me is a web service that aggregates content from Twitter and YouTube that are related to K-Pop.</li>
<ul>
<li>Redesigned user interface and developed mobile applications for KPopLive.me using HTML5 and PhoneGap</li>
<li>Improved user traffic and retention by conducting experiments on user interface and by horizontal distribution of apps on the Google Play Store</li>
<li>Developed Facebook Canvas game for tagging of music videos to improve KPopLive.me with additional meta-data for search and recommendations</li>
</ul>
<li>KPopRally is a native android mobile game that challenge KPop fans on their knowledge of KPop music videos</li>
<ul>
<li>Developed front-end using native android and backend PHP web services to support the game</li>
<li>Main objective of the application is to crowd source for meta-data to provide better recommendations in KPopLive.me and conduct experiments using LASER SDK (http://www.research.larc.smu.edu.sg/laser/)</li>
</ul>
<li>Developed LASER SDK library for native iOS and Android platforms to allow experiments to be conducted on user interface, tracking of user usage, as well as to run social-network related type of experiments</li>
<li>Managed projects and worked with external clients to run social media campaigns</li>
<li>Developed data crawler to collect data from scrapping of websites and REST APIs to provide data for analysis</li>
<li>Integrated systems using various technologies such as Node.JS, Socket.IO, RabbitMQ</li>
</ul>
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-android"></i>Co-Founder (<a target="_blank" href="#">Tolly</a>) <small>2013 — 2014</small></h4>
Tolly is a mobile application that allows users to interact with their Twitter using their voice. It has features that allow users to listen to their latest tweets in audio as well as to post tweets using just voice. We were awarded the Innovation Awards from SMU with $25,000 seed fund to build the idea
<ul>
<li>Develop the iOS and Android mobile application using Twitter and Voice-Recognition APIs</li>
<li>Lead a team of intern developers from Singapore Polytechnic to develop prototype</li>
<li>Pitched to local and overseas investors</li>
</ul>
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-cut"></i>Summer Analyst Internship (Credit Suisse) <small>2012</small></h4>
<ul>
<li>Developed VBA Macros to reduce time taken to generate weekly reports from 15 minutes to less than 5 minutes</li>
<li>Developed batch scripts to automate scheduled tasks for daily report generation</li>
<li>Assisted with business-as-usual tasks involving managing Active Directory operations</li>
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-map-marker"></i>SMU IT Intern (Khoo Teck Puat Hospital) <small>2011</small></h4>
<ul>
<li>Developed GIS application using Flex and Google Maps API for analysis and visualization projects</li>
<li>Conducted the various analytical researches on healthcare indicators to highlight certain issues to higher management</li>
<li>Developed dynamic chart creation application using Microsoft Excel Visual Basic</li>
</ul>
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-bar-chart"></i>Part-Time Web Developer (BLUE Interactive) <small>2007</small></h4>
Created macros to help speed up and automate the process of migrating data from the previous content management system to the new system</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-shopping-cart"></i>Freelance Web Developer (<a target="_blank" href="http://davidsports.com.sg/">Davidsports & Engraving Co. Pte Ltd</a>) <small>2006</small></h4>
Developed an online catalogue system using PHP and MySQL to allow easy add and update of products on the website
</div>
</div>
<div class="section-work-list row-fluid">
<div class="span12 work-item">
<h4><i class="icon-github"></i>Freelance Web Developer (MyWebbie.com) <small>2001 — 2007</small></h4>
Started a domain and web hosting service provider to provide services to clients to have a web presence and worked on various ecommerce and content-management websites on a freelance basis.</div>
</div>
</div>
<!-- end .section-work -->
<!-- begin .section-education -->
<div class="section section-education row">
<h3 class="css3-gradient-2"><i class="icon-book"></i>Education</h3>
<div class="section-education-list row-fluid">
<div class="span12 education-item">
<h4><i class="icon-circle-arrow-right"></i>BSc in Information Systems Management<small> 2009 — 2013 Singapore Management University</small></h4>
<ul>
<li>Major in Business Intelligence and Analytics</li>
<li>Awarded Best Individual Award for Final Year Project for Academic Year 2011/2012</li>
<li>Awarded Dean’s List for Academic Year 2010/2011</li>
<li>CCA: SMU Broadcast & Entertainment
<ul>
<li style="font-size: 1em;">Director for SMU Campus Radio</li>
<li style="font-size: 1em;">Director for Audio, Visual and Technology Support</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="section-education-list row-fluid">
<div class="span12 education-item">
<h4><i class="icon-circle-arrow-right"></i>Diploma with Merit in Business Informatics <small>2004 — 2007 Nanyang Polytechnic</small></h4>
</div>
</div>
</div>
<!-- end .section-education -->
<!-- begin .section-portfolio -->
<div class="section section-blog section-last row">
<h3 class="css3-gradient-2"><i class="icon-paper-clip"></i>Latest Side Projects</h3>
<!-- begin .project-item -->
<div class="section-blog-item row-fluid">
<div class="blog-item-thumbnail span4">
<div class="blog-item-thumbnail-wrap">
<a target="_blank" href="https://github.com/adrianvu/node-manager" title="Node Process Manager"><img class="thumb" src="img/nodejs-green.png" alt="Node.JS"/></a>
</div>
</div>
<div class="blog-item-excerpt span8">
<h4>Node Process Manager</h4>
<div class="blog-item-meta"><span><i class="icon-calendar"></i><small>Oct 2015</small></span><span></span></div>
<p>
<ul>
<li>Frontend dashboard to manage Node.js apps such as launching new Node.js scripts from your browser, start/stop or restart scripts</li>
<li>Built using Node.js</li>
</ul>
</p>
</div>
</div>
<!-- end .project-item -->
<!-- begin .project-item -->
<div class="section-blog-item row-fluid">
<div class="blog-item-thumbnail span4">
<div class="blog-item-thumbnail-wrap">
<a target="_blank" href="https://apps.getpebble.com/en_US/application/5605e9d61ba070f6c7000009" title="Pebble Watch App: SGHaze"><img class="thumb" src="img/sghaze.png" alt="Pebble Watch App: SGHaze"/></a>
</div>
</div>
<div class="blog-item-excerpt span8">
<h4><a target="_blank" href="https://apps.getpebble.com/applications/53bbc301ee5829539600017c" title="Pebble Watch App: AroundMe">Pebble Watch App: SGHaze</a></h4>
<div class="blog-item-meta"><span><i class="icon-calendar"></i><small>Sept 2015</small></span><span></span></div>
<p>
<ul>
<li>Simple app to keep track of the Haze PSI level in Singapore. The data is extracted from NEA website and is updated hourly. Click Up or Down button to scroll through the regions (North, South, East, West, Central). Click Select button to refresh the data.</li>
<li>Built using pebble.js + PushBullet API</li>
</ul>
</p>
</div>
</div>
<!-- end .project-item -->
<!-- begin .project-item -->
<div class="section-blog-item row-fluid">
<div class="blog-item-thumbnail span4">
<div class="blog-item-thumbnail-wrap">
<a target="_blank" href="https://apps.getpebble.com/applications/53bbc301ee5829539600017c" title="Pebble Watch App: AroundMe"><img class="thumb" src="img/aroundme.png" alt="Pebble Watch App: AroundME"/></a>
</div>
</div>
<div class="blog-item-excerpt span8">
<h4><a target="_blank" href="https://apps.getpebble.com/applications/53bbc301ee5829539600017c" title="Pebble Watch App: AroundMe">Pebble Watch App: AroundMe</a></h4>
<div class="blog-item-meta"><span><i class="icon-calendar"></i><small>Jul 2014</small></span><span></span></div>
<p>
<ul>
<li>Need a quick search on what's around you? AroundMe allows you to search for nearby Restaurants, Train Stations, Shopping Malls easily. Need to grab a quick coffee? No problem! AroundMe quickly locates the nearest Starbucks outlet for you! AroundMe also has weather functions to let you check on the latest weather updates in your area as well as 3 days weather forecast.</li>
<li>Built using pebble.js</li>
</ul>
</p>
</div>
</div>
<!-- end .project-item -->
<!-- begin .project-item -->
<div class="section-blog-item row-fluid">
<div class="blog-item-thumbnail span4">
<div class="blog-item-thumbnail-wrap">
<img src="img/schedulely.jpg" alt="schedulely.net"/>
</div>
</div>
<div class="blog-item-excerpt span8">
<h4>Schedulely.net (Discontinued)</h4>
<div class="blog-item-meta"><span><i class="icon-calendar"></i><small>January 2013</small></span><span></span></div>
<p>
<ul>
<li>Schedulely allows users to find common timeslot for meetings, and with the integration of Facebook to allow easy collaborations</li>
<li>Developed a web application during spare time to experiment with new frameworks (Twitter Bootstrap, PHP CodeIgniter MVC Framework, Facebook API)</li>
<li>Main motivation is to create something useful over the weekend, launch the web application, and receive feedbacks</li>
<li>Technologies Used: <a href="http://ellislab.com/codeigniter" target="_blank">CodeIgnitor</a>, <a href="http://getbootstrap.com/" target="_blank">Twitter Bootstrap</a></li>
</ul>
</p>
</div>
</div>
<!-- end .project-item -->
</div>
<!-- end .section-blog -->
</div>
<!-- end .main-wrap -->
<!-- start .footer -->
<div class="span12 footer">
<div class="row">
</div>
</div>
<!-- end .footer -->
</div>
</div>
<script src="js/jquery.latest.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-6658081-4', 'adrianvu.sg');
ga('send', 'pageview');
</script>
</html>