-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
939 lines (925 loc) · 58.4 KB
/
index.html
File metadata and controls
939 lines (925 loc) · 58.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
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
<!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>Zaron Thompson - Senior Software Developer</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/agency.css" rel="stylesheet">
<link href="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" integrity="sha256-HtCCUh9Hkh//8U1OwcbD8epVEUdBvuI8wj1KtqMhNkI=" crossorigin="anonymous" />
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Zaron Thompson</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<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="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#samples">Samples</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">Software is about people -</div>
<div class="intro-heading text-uppercase">unlock their potential</div>
</div>
</div>
</header>
<!-- About -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase wow fadeIn" data-wow-offset="150" data-wow-duration="3s" data-wow-delay="150ms">Hi, I'm Zaron.</h2>
<h3 class="section-subheading text-muted wow fadeIn" data-wow-offset="150" data-wow-duration="3s" data-wow-delay="600ms">
I beleive great technology empowers people to be more
</h3>
<h3 class="section-subheading text-muted">
I'm a Senior software developer. For the last 20 years I've been passionate about creating the best technology and honing my abilities at helping people achieve more through it.
Whether I'm rearchitecting a mission critical system, streamlining e-commerce, inventing STEM robotics kits for youth or dazzling the world with novel machine learning use-cases, I never lose sight of why I'm passionate about code.
I'm quietly confident, naturally curious, and perpetually improving my skills.
</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4 wow fadeIn" data-wow-delay="150ms">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-palette fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Creative problem solver</h4>
<p class="text-muted service-heading-desc">I enjoy helping companies achieve their next big thing</p>
<h6 class="service-heading-item">Things I enjoy building:</h6>
<p class="text-muted">Mission critical solutions</p>
<p class="text-muted">Cloud Solutions</p>
<p class="text-muted">Business Intelligence <br />especially ones that reveal novel insights</p>
<p class="text-muted">Anything that...<br /> whirls, flashes or moves stuff around</p>
</div>
<div class="col-md-4 wow fadeIn" data-wow-delay="300ms">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-tachometer-alt fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Solid Engineer</h4>
<p class="text-muted service-heading-desc">I'm a passionate craftsman who understands the process of developing software is just as important as its functional parts.</p>
<h6 class="service-heading-item">Favorite tech I work with:</h6>
<h7 class="service-heading">Back-end</h7>
<p class="text-muted">C#, ASP.NET, MVC, T-SQL, Web API, Azure, Redis, SQL, Cosmos DB</p>
<h7 class="service-heading">Front-end</h7>
<p class="text-muted">WPF, HTML, CSS, JavaScript, TypeScript, SignalR, Bootstrap, KnockoutJS</p>
<h7 class="service-heading">Machine learning</h7>
<p class="text-muted">OpenCV, Accord.net, RoboRealm, Python, Tensorflow</p>
<h7 class="service-heading">Automation</h7>
<p class="text-muted">Arduino, Raspberry Pi, Windows automation API</p>
</div>
<div class="col-md-4 wow fadeIn" data-wow-delay="450ms">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-handshake fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Natural Team Player</h4>
<p class="text-muted service-heading-desc">I genuinely care about people, and love helping developers improve their craft.</p>
<h6 class="service-heading-item">How I help:</h6>
<p class="text-muted">enjoy mentoring others</p>
<p class="text-muted">natural at requirement gathering</p>
<p class="text-muted">have built and lead many small teams</p>
<p class="text-muted">often viewed as a problem solver. <br /><a class="js-scroll-trigger" href="#testimonials">See for yourself</a></p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid -->
<section class="bg-light" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Portfolio</h2>
<h3 class="section-subheading text-muted">a few things I've had the pleasure to create. Want to see more? <a class="js-scroll-trigger" href="#contact">contact me</a></h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="150ms">
<a class="portfolio-link" data-toggle="modal" href="#radModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/rad.jpg" alt="">
</a>
<div class="portfolio-caption">
<h4>Applicant Tracking System</h4>
<p class="text-muted">architect, lead developer, requirements, documentation, training</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="300ms">
<a class="portfolio-link" data-toggle="modal" href="#murphyModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/murphy.PNG" alt="">
</a>
<div class="portfolio-caption">
<h4>Inspiring the public with Machine Learning</h4>
<p class="text-muted">inventor, architect, developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="450ms">
<a class="portfolio-link" data-toggle="modal" href="#mindreaderModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/MindReader.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Simplifying Machine Learning</h4>
<p class="text-muted">inventor, architect, developer, trainer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="150ms">
<a class="portfolio-link" data-toggle="modal" href="#feedbackModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/Feedback Analytics.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Applying Machine Learning</h4>
<p class="text-muted">inventor, developer, presenter, data analyst</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="300ms">
<a class="portfolio-link" data-toggle="modal" href="#robotModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/robot.JPG" alt="">
</a>
<div class="portfolio-caption">
<h4>STEM robotic arm</h4>
<p class="text-muted">inventor, architect, developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="450ms">
<a class="portfolio-link" data-toggle="modal" href="#imagesModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/images.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Real-time virtual images</h4>
<p class="text-muted">inventor, architect, principal developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="150ms">
<a class="portfolio-link" data-toggle="modal" href="#printmanagerModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/printmanager.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Streamlining Workflow</h4>
<p class="text-muted">analyst, developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="300ms">
<a class="portfolio-link" data-toggle="modal" href="#automationModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/automation.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Automation of industrial cutter</h4>
<p class="text-muted">developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeIn" data-wow-delay="450ms">
<a class="portfolio-link" data-toggle="modal" href="#reportsModal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid img-size" src="img/reports.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Business Intelligence</h4>
<p class="text-muted">analyst, developer</p>
</div>
</div>
</div>
</div>
</section>
<!-- Samples -->
<section id="samples">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Samples</h2>
<h3 class="section-subheading text-muted">get a flavor for my style</h3>
<h3 class="section-subheading">I am always using my skills to help out on the side. Here are a few recent works that may give an idea of what I can do.</h3>
</div>
</div>
<div class="row">
<h5 class="section-heading text-uppercase">WPF Robot Arm</h5>
</div>
<div class="row text-center mb-5">
<div class="col-md-8">
a sampling of my recent work from a cross platform app that allows controlling a robot arm through motion capture, touch enabled 3D simulator, MIT Scratch or an API. Also includes novel modules that quickly enable teaching it to draw, play music, play tic-tac-toe or pretend as a sock puppet
</div>
<div class="col-md-4">
<a href="https://github.com/zaront/robotarm-samplecode/">[Repo]</a><br />
<a href="https://github.com/zaront/robotarm-samplecode/releases">[Binary]</a><br />
<a href="https://github.com/MimicRobot">[Related Repos]</a>
</div>
</div>
<div class="row">
<h5 class="section-heading text-uppercase">Solid Code Design</h5>
</div>
<div class="row text-center mb-5">
<div class="col-md-8">
As part of a recent interview, I was given a timed task in which I was given the project code for a C# solution and asked to architect a way to easily maintain additional custom data sources, calculators and publishers without requiring many changes to the existing code. I opted for a design that demonstrated SOLID principles and returned my answer in a timely manor. I was pleased with how I performed and thought it was a good example of my ability to comprehend and improve upon code quickly and efficiently using best practices. All my code changes are in the TemperatureProcessor/NewCode folder.
</div>
<div class="col-md-4">
<a href="https://github.com/zaront/TemperatureProcessor">[Repo]</a><br />
<a href="https://github.com/zaront/TemperatureProcessor/commit/43341a6de41b00049e50a42d2b82349cf154f758">[View my changes only]</a>
</div>
</div>
<div class="row">
<h5 class="section-heading text-uppercase">Machine Learning</h5>
</div>
<div class="row text-center mb-5">
<div class="col-md-8">
I was recently asked if I could create a way to use an image to make finding 3D assets easier. I immediately thought of training a convolutional neural net using TensorFlow. I came up with 3 different ideas that might match their needs and created this demo showcasing them the next day. My ideas centered around using the images to 1) search by category, 2) search by similar look or 3) search by similar 3D shape.
</div>
<div class="col-md-4">
<a href="https://github.com/zaront/tensorflow-assetstore">[Repo]</a>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="bg-light" id="testimonials">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-heading text-uppercase">Testimonials</h3>
<h3 class="section-subheading text-muted">
Here are some nice things people have said about me...
</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…I can honestly say that the database that you developed and improved here at Excell Data is by far the best tool I have ever used… [It] should be packaged and sold to other agencies…it is that good…”</p>
</blockquote>
<cite>
<span>Dan Lowery</span><br>
Technical Recruiter
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…has been able to quickly understand the need and execute it flawlessly. … [Nothing] was ever too big or too difficult for him to handle – he is the rare developer who never seems stumped by a new challenge… I would choose Zaron 100% of the time, hands down…”</p>
</blockquote>
<cite>
<span>Mindy Anderson</span><br>
Operations Analyst
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…awesome to work with and I really feel that you took the time to understand our business and how you could help develop apps to make us more effective...”</p>
</blockquote>
<cite>
<span>Annie Benston</span><br>
Recruiter Manager
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…you do great presentations and training sessions… [and] you are able to adapt to non-technical environments and interact with people well.”</p>
</blockquote>
<cite>
<span>Naarah Hanson</span><br>
Senior Technical Recruiter
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>There are people with whom you work who make your life easier, and they do it in such a way that it seems effortless. That is how it has been with Zaron…”</p>
</blockquote>
<cite>
<span>Terre Rigali</span><br>
Technical Recruiter
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…the wealth of knowledge I needed…”</p>
</blockquote>
<cite>
<span>Linda Brockway</span><br>
Resource Manger
</cite>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-quote group right">
<div class="quote-container">
<div>
<blockquote>
<p>…Zaron is an awesome employee. Any company would greatly benefit from having Zaron’s talent on their team…”</p>
</blockquote>
<cite>
<span>Allan Glenn</span><br>
Senior Resource Manager
</cite>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Let's build something together</h2>
<h3 class="section-subheading strong-color"> I'd love to discuss how I can help with your project, or maybe just ask for my resume.</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form id="contactForm" name="sentMessage" method="post" action="https://formspree.io/zaron4hire@gmail.com">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input name="name" class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input name="_replyto" class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea name="message" class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button id="sendMessageButton" class="btn btn-primary btn-xl text-uppercase" type="submit">Drop me a note</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">this site was handcrafted by me - Zaron</span>
</div>
</div>
</div>
</footer>
<!-- Portfolio Modals -->
<!-- RAD Modal -->
<div class="portfolio-modal modal fade" id="radModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">RAD</h2>
<p class="item-intro text-muted">(Recruiting Applicant Database)</p>
<img class="img-fluid d-block mx-auto" src="img/rad.jpg" alt="">
<p>I scratch built the company’s core mission critical recruiting system replacing a previous multi-million dollar failed implementation using a small team and earning the companies <a href="#" data-featherlight="img/rad/directorsAward2.jpg">“Director’s Award”</a> for most significant achievement.</p>
<h4 class="text-uppercase">Requirements</h4>
<p><a href="https://www.excell.com/">eXcell</a> is a IT Staffing Agency. Their recruiting department consists of 200+ recruiters. They had recently installed a multi-million dollar ATS package which was failing to live up to their needs. I had been working for eXell growing their consulting division from 2 to 15 people over the last few years when I proposed to scratch build a better solution. Starting requirement included backwards compatibility with their current system, flexible corporate and personalized workflows, email centric design, and automated resume matching.</p>
<p>check out an early <a href="img/rad/RADdesign.pdf">design proposal</a> and a <a href="#" data-featherlight="img/rad/requirementsCert.jpg">certification in requirements gathering</a> I did to be successful. I continued to be the primary requirements gatherer throughout the project.</p>
<h4 class="text-uppercase">Development</h4>
<p>I was both the team lead of 3 and the architect. I visually modeled it after Outlook 2003. Some of its more novel features I developed were an automatic job-candidate-manager matching system using the same system Match.com used at the time. Automatic resume parsing and ingestion from job boards based on recruiter search trends. Machine learning models that would learn their proprietary processes of sourcing. Email integration and template system that used evidence based best times to engage with candidates. An optimistic database system that could automatically merge conflicts. Full backwards compatibility with their previous system.</p>
<h4 class="text-uppercase">Training</h4>
<p>When the trainer the company hired didn't work out, I stepped in and created dozens of technical and non-technical documentation, videos and guides. I also worked directly with the beta testing group, and hosting live training brown bags each month. Through this I learned how to design and communicate complex systems, so that they appear simple. I also learned I love working with people and making software work for them. Many of the testimonials on this site are from recruiters I worked with during this project.</p>
<p>check out a <a href="img/rad/radUsersGuide.pdf">sample of my documentation</a>. You can also <a href="img/rad/RADemail3.mp4">watch a weekly vlog</a> I used to publish about recent feature changes</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> eXcell (Excell Data)</li>
<li><span class="font-weight-bold">Contribution:</span> architect, lead developer, requirements, documentation, training</li>
<li><span class="font-weight-bold">Duration:</span> 3 years</li>
<li><span class="font-weight-bold">Technology:</span> C#, Oracle, SQL Server, WinForms, Machine Learning, VSTO, Exchange API, Janus components, Personic (db), Sovern (Resume Parser), BurningGlass (Resume Parser), ELISE (matching engine), IndexedDB (search), BizTalk</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/rad.jpg" class="resource-link"><img src="img/rad.jpg" title="scratch built WinForms ATS system" /></a>
<a href="#" data-featherlight="img/rad/directorsAward2.jpg" class="resource-link"><img src="img/rad/directorsAward2.jpg" title="in recognition of the success of this project" /></a>
<a href="#" data-featherlight="img/rad/requirementsCert.jpg" class="resource-link"><img src="img/rad/requirementsCert.jpg" /></a>
<a href="#" data-featherlight="img/rad/solidCodeCert.jpg" class="resource-link"><img src="img/rad/solidCodeCert.jpg" /></a>
<a href="#" data-featherlight="img/rad/biztalkCert.jpg" class="resource-link"><img src="img/rad/biztalkCert.jpg" /></a>
<a href="img/rad/RADdesign.pdf" class="resource-link"><img src="img/rad/design.PNG" /></a>
<a href="img/rad/radUsersGuide.pdf" class="resource-link"><img src="img/rad/userDoc.PNG" /></a>
<a href="img/rad/RADemail3.mp4" class="resource-link"><img src="img/rad/vlog.PNG" /></a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Murphy Modal -->
<div class="portfolio-modal modal fade" id="murphyModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Project Murphy</h2>
<p class="item-intro text-muted">Inspiring the public with Machine Learning</p>
<img class="img-fluid d-block mx-auto" src="img/murphy.PNG" alt="">
<p>For Build 2016 I built and released the auto face swapping chat bot <a href="https://www.projectmurphy.net/">Project Murphy</a> to demonstrate novel use of machine learning. It also served as the first catalyst for the <a href="https://dev.botframework.com/">Microsoft Bot Framework</a>. Attracts 6k users daily.</p>
<p>In additon to inventing and developing the system, I produced an internal API for developers to extend or integrate the system. I also developed a <a href="#" data-featherlight="img/murphy/ProjectMurphy.png">WPF test app</a> to explore the system with managers why in development. I created <a href="#" data-featherlight="img/murphy/ProjectMurphyPBI.png">live telemetry feeds</a> with reports. And I created a mechanism for insuring the system <a href="#" data-featherlight="img/murphy/ReviewsPBI2.png">wasn't becomming abused</a> by the public</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> Microsoft</li>
<li><span class="font-weight-bold">Contribution:</span> inventor, architect, developer</li>
<li><span class="font-weight-bold">Duration:</span> 4 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, Azure, Bing Image Search, Redis, Varnish (Linux), Squid (Linux), Azure Cognitive Services, LUIS (Language Understanding), MSR Facial SDK</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/murphy/ProjectMurphy.png" class="resource-link"><img src="img/murphy/ProjectMurphy.png" title="WPF app developed to test the system internally" /></a>
<a href="#" data-featherlight="img/murphy/ProjectMurphyPBI.png" class="resource-link"><img src="img/murphy/ProjectMurphyPBI.png" title="live telemetry developed to show how the app is being used" /></a>
<a href="#" data-featherlight="img/murphy/ReviewsPBI2.png" class="resource-link"><img src="img/murphy/ReviewsPBI2.png" title="live telemetry developed to insure quality control internally" /></a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- mind reader Modal -->
<div class="portfolio-modal modal fade" id="mindreaderModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">The Mind Reader</h2>
<p class="item-intro text-muted">Machine learning is cool, fun and now... Anyone can do it!</p>
<img class="img-fluid d-block mx-auto" src="img/MindReader.png" alt="">
<p>I came up with and built a machine learning teaching tool designed for a training session during Microsoft’s Build conference. The tool demonstrated the ease of building machine learning models by allowing people to add thought bubbles to pictures. A model would then be built and appropriate thought bubbles would be automatically added to any picture you feed it. The built models had the option to be submitted to a public registry where people could subscribe to collection of their favorite models and have them enhance their facebook or other image feeds with thought bubbles using a chrome plug-in</p>
<h4 class="text-uppercase">How it worked</h4>
<p>As a fun demonstration, the tool hid the complexity of building a machine learning model and instead focused on the creative fun of having users add images and thought bubbles to what they imagined the person in the image might be thinking and then let the magic of machine learning build a model that would appropriately reapply those thought bubble to any image it felt matched the intent of the model builder. The results were contagious and fun. For example, a top performing model that emerged from the community was "what would your Mom think", where the model was trained to add thought bubbles to people based on what they would think their Mom would want them to do in that situation. People getting into cars would think, "I'd better be back before curfew." People near water would think, "Where is the life guard?" People carrying shopping bags or boxes would think "I've just maxed out my credit cards."</p>
<h4 class="text-uppercase">Seriously, how did it work?</h4>
<p>The model trainer was built in WPF. It used a handful of trained image learning models to extract things like faces, age, expression, orientation, location, scene information, other objects, proximities, indoor-outdoor and more, offered by Microsoft and other vendors. It would then use those terms to build its own model to determine when to appropriately apply the recommended thought bubbles. Its model was based off of SVM and its ranking model, to blend models together, was based off of statistical maximum entropy. The public registry was built with C# in Azure and the Chrome extension with JavaScript. In addition to inventing and building the system, I also gave training on it to demonstrate to others what it taught about machine learning.</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> Microsoft</li>
<li><span class="font-weight-bold">Contribution:</span> inventor, architect, developer, trainer</li>
<li><span class="font-weight-bold">Duration:</span> 2 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, Azure, WPF, JavaScript, Azure Cognitive Services, Vision, Maximum Entropy, Support Vector Machine, with additional 3rd party image analysis services</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- feedback Modal -->
<div class="portfolio-modal modal fade" id="feedbackModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Feedback Analytics</h2>
<p class="item-intro text-muted">gain insights from user feedback</p>
<img class="img-fluid d-block mx-auto" src="img/Feedback Analytics.png" alt="">
<p>To promote Microsoft’s Sentiment Analysis I presented tailored demos to company executives, including Expedia and Alaska Airlines, showing innovative and compelling ways of using sentiment analysis combined with their data to gain insight into their customers and create new directions of revenue. As an offshoot to the success of this work, a new service offering was created to democratize the use cases for sentiment analysis in the form of a web app. I built the front end work for the app as part of a team of 8.</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> Microsoft</li>
<li><span class="font-weight-bold">Contribution:</span> inventor, developer, presenter, data analyst</li>
<li><span class="font-weight-bold">Duration:</span> 7 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, SQL Server, Azure, Machine Learning, WPF, MVC, KnockoutJS, Datatables, treeJS, Power BI</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/Feedback Analytics.png" class="resource-link"><img src="img/Feedback Analytics.png" title="web app developed to turn any unstructured feedback into insight" /></a>
<a href="#" data-featherlight="img/feedback/Reviews.png" class="resource-link"><img src="img/feedback/Reviews.png" title="WPF demo for Expedia showcasing how to use user reviews to learn about customer intrests" /></a>
<a href="#" data-featherlight="img/feedback/ServeyPBI.png" class="resource-link"><img src="img/feedback/ServeyPBI.png" title="Power BI developed showing user survey result to gain insight into buisness" /></a>
<a href="#" data-featherlight="img/feedback/ReviewsPBI.png" class="resource-link"><img src="img/feedback/ReviewsPBI.png" title="Power BI developed showing user feeback result to gain insight into hotels" /></a>
<a href="#" data-featherlight="img/feedback/FeedbackAnalytics2.png" class="resource-link"><img src="img/feedback/FeedbackAnalytics2.png" title="drag and drop web app to reorganize machine learned categories" /></a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- robot Modal -->
<div class="portfolio-modal modal fade" id="robotModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">STEM Robot Arm</h2>
<p class="item-intro text-muted">easy to build robot arm for the curious</p>
<img class="img-fluid d-block mx-auto" src="img/robot.JPG" alt="">
<p>I invented and productized an affordable educational robotic arm that uses haptics instead of code for its programing. For it, I developed an intuitive touch screen interface that synchronizes an interactive virtual 3D model with its robotic hardware in real time. Current sales are in pre-release and software is in <a href="https://github.com/zaront/robotarm-samplecode/releases">beta</a>.</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> Instinctive Robotics</li>
<li><span class="font-weight-bold">Contribution:</span> inventor, architect, developer</li>
<li><span class="font-weight-bold">Duration:</span> 6 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, WPF, Xamarin, UrhoSharp, Solidworks</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="https://www.youtube.com/watch?v=yJqpT4QUZOg&list=PLLITLAjikAnqF5Hhl6aByPAVQg2gPsOOm" class="resource-link"><img src="img/robot/video.png" title="development video playlist" /></a>
<a href="#" data-featherlight="img/robot.JPG" class="resource-link"><img src="img/robot.JPG" title="3D printed, Arduino based robot arm" /></a>
<a href="#" data-featherlight="img/robot/pencil.JPG" class="resource-link"><img src="img/robot/pencil.JPG" title="software can be used to create on its own" /></a>
<a href="#" data-featherlight="img/robot/candy.JPG" class="resource-link"><img src="img/robot/candy.JPG" title="gripper supple enough to pick up common candies" /></a>
<a href="#" data-featherlight="img/robot/parts.JPG" class="resource-link"><img src="img/robot/parts.JPG" title="parts included in the kit" /></a>
<a href="#" data-featherlight="img/robot/modules.png" class="resource-link"><img src="img/robot/modules.png" title="main menu of modules incuded in the software" /></a>
<a href="#" data-featherlight="img/robot/studio.png" class="resource-link"><img src="img/robot/studio.png" title="robot motion editor" /></a>
<a href="#" data-featherlight="img/robot/scratch.png" class="resource-link"><img src="img/robot/scratch.png" title="programable with scratch. This example is a ball drop game" /></a>
<a href="#" data-featherlight="img/robot/simulator.png" class="resource-link"><img src="img/robot/simulator.png" title="bundled simulator with physics - in case you don't own an arm yet" /></a>
<a href="#" data-featherlight="img/robot/debug.png" class="resource-link"><img src="img/robot/debug.png" title="inspect and debug its communication protocal" /></a>
<a href="#" data-featherlight="img/robot/firmware.png" class="resource-link"><img src="img/robot/firmware.png" title="firmware upgrades within the software" /></a>
<a href="#" data-featherlight="img/robot/calibration.png" class="resource-link"><img src="img/robot/calibration.png" title="wizard for hardware and servo calibration" /></a>
<a href="https://github.com/zaront/robotarm-samplecode/" class="resource-link">sample code</a>
<a href="https://github.com/zaront/robotarm-samplecode/releases" class="resource-link">app</a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- images Modal -->
<div class="portfolio-modal modal fade" id="imagesModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Virtual Product Images</h2>
<p class="item-intro text-muted">production scale CUDA rendered, real-time virtual product visualization</p>
<img class="img-fluid d-block mx-auto" src="img/images.png" alt="">
<p>Created an online product image visualization system that renders user personalized product configurations in real-time directly within their website. The backend uses server based Cuda GPUs and scales to 200 highly realistic images per second per instance. This capability is unique to the industry has become the backbone to their marketing strategy and customer engagement.</p>
<h4 class="text-uppercase">its all about the customer</h4>
<p><a href="https://www.prepsportswear.com/">PrepSportwear</a> produces customizable fan gear. Through my experience in the early years of the startup, I learned that their customers were developing expectations from the online shopping experience that weren't realized in the delivered product. I asked myself the question, Could a more accurate representation of the product be created online? Could that product image entice customers and enhance their delight in the product?</p>
<h4 class="text-uppercase">inventing a better way</h4>
<p>Because of the companies small size yet large product list I knew a full 3D mesh of the garment and design would be too brittle to maintain. I started prototyping in photoshop by figuring out what it takes to take queues embedded in the image of the garment, like texture, shadows and perspective warp, and use them to realistically superimpose a design on a garment. I developed a series of proprietary filters and heuristics that could produce a realistically superimpose any design on any garment using only the images themselves as sources. I produced a functional prototype using GPU shader and C#. Its value proposition and A/B testing result where clear. This new image system would be productized.</p>
<h4 class="text-uppercase">Productizing</h4>
<p>I remained as principal developer on this project and worked with a talented outsourcing team to develop and tune a CUDA based image farm using this technique. In addition, my work included a web based system to onboard and configure product visualization and backend systems to produce production-ready files from virtual product images, using C#, WPF, ASP.NET, HTML5, and automation of <a href="https://www.coreldraw.com">CorelDraw</a>. Other areas I innovated in this space were heuristics and development of automated color management and psychological contrasting of colors for automatic inversion of product designs.</p>
<p>the end result was a scalable, versatile and simple to maintain image system that produced stunning results for e-commerce and marketing. Delivering a true WYSIWYG for customizable fan gear.</p>
<p><a href="https://www.prepsportswear.com/product/us/washington/bellevue/newport-high-school-knights/sofspun%E2%84%A2-7-2oz-unisex-hooded-sweatshirt?schoolid=49726&productid=5176&pc=red&category=305&d=44979&up_ss2=m">check it out</a> for yourself</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> PrepSportswear</li>
<li><span class="font-weight-bold">Contribution:</span> inventor, architect, principal developer</li>
<li><span class="font-weight-bold">Duration:</span> 9 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, ASP.NET MVC, HTML5, CSS3, CUDA</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/images.png" class="resource-link"><img src="img/images.png" title="ASP.NET MVC product page showcasing the ability to custom virtual product in real-time. The webpage is also my work" /></a>
<a href="#" data-featherlight="img/image/productEditor.png" class="resource-link"><img src="img/image/productEditor.png" title="ASP.NET WebForms app to manage and configure virtual product images" /></a>
<a href="#" data-featherlight="img/image/category.png" class="resource-link"><img src="img/image/category.png" title="showcasing composite product images" /></a>
<a href="#" data-featherlight="img/image/marketing.png" class="resource-link"><img src="img/image/marketing.png" title="showcasing a veriety of product image rendering types, p.s. live search, ranked by GEO location is also my work" /></a>
<a href="#" data-featherlight="img/image/ip.png" class="resource-link"><img src="img/image/ip.png" title="WFP design templating tool. integrate and automates with CorelDraw" /></a>
<a href="#" data-featherlight="img/image/highres1.jpg" class="resource-link"><img src="img/image/highres1.jpg" title="high-res virtual design on product visualization. design warpage, texturing and shadows are all automaticly calculated from product image" /></a>
<a href="#" data-featherlight="img/image/highres2.jpg" class="resource-link"><img src="img/image/highres2.jpg" title="high-res virtual design on product visualization. design warpage, texturing and shadows are all automaticly calculated from product image" /></a>
<a href="#" data-featherlight="img/image/highres3.jpg" class="resource-link"><img src="img/image/highres3.jpg" title="high-res virtual design on product visualization. design warpage, texturing and shadows are all automaticly calculated from product image" /></a>
<a href="#" data-featherlight="img/image/highres4.jpg" class="resource-link"><img src="img/image/highres4.jpg" title="high-res virtual design on product visualization. design warpage, texturing and shadows are all automaticly calculated from product image" /></a>
<a href="#" data-featherlight="img/image/sidebyside.jpg" class="resource-link"><img src="img/image/sidebyside.jpg" title="showcasing automatic live composite of design on product image" /></a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- printmanager Modal -->
<div class="portfolio-modal modal fade" id="printmanagerModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Print Manager</h2>
<p class="item-intro text-muted">streamlining workflow</p>
<img class="img-fluid d-block mx-auto" src="img/printmanager.png" alt="">
<p>I streamlined the workflow managing a cluster of large format printers from a process which previously was 100% system planned by an ERP, to an interface that allowed a live mix of system planned and operator modified planning. This resulted in better equipment utilization, less worker oversight, lower scrap rates, and more agility for the work-cell.</p>
<p>checkout additional examples of processes improvement I've done by observing <a href="#" data-featherlight="img/printmanager/workmanagerOld.png">before</a> and <a href="#" data-featherlight="img/printmanager/workmanager.png">after</a> images of an overhauled production oversite portal, peaking at a <a href="img/printmanager/Holding.mp4">training video</a>, taking a look at an early <a href="img/printmanager/AccountingProjectRequirements.pdf">requirements doc</a> I created, or viewing a typical <a href="img/printmanager/2015Tasks.pdf">list of tasks</a> I was assigned at years start.</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> PrepSportswear</li>
<li><span class="font-weight-bold">Contribution:</span> analyst, developer</li>
<li><span class="font-weight-bold">Duration:</span> 5 months</li>
<li><span class="font-weight-bold">Technology:</span> C#, WPF, ASP.NET MVC, HTML5, CSS3</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/printmanager.png" class="resource-link"><img src="img/printmanager.png" title="WPF app to allow interaction with planning system using drag and drop" /></a>
<a href="img/printmanager/PrintManager.pdf" class="resource-link">Documentation</a>
<a href="#" data-featherlight="img/printmanager/workmanagerOld.png" class="resource-link"><img src="img/printmanager/workmanagerOld.png" title="BEFORE: work to improve this workflow" /></a>
<a href="#" data-featherlight="img/printmanager/workmanager.png" class="resource-link"><img src="img/printmanager/workmanager.png" title="AFTER: work to improve this workflow" /></a>
<a href="#" data-featherlight="img/printmanager/report.png" class="resource-link"><img src="img/printmanager/report.png" title="report showing live heatmap of touch points within production" /></a>
<a href="img/printmanager/Holding.mp4" class="resource-link">training video</a>
<a href="img/printmanager/AccountingProjectRequirements.pdf" class="resource-link">requirement doc</a>
<a href="img/printmanager/2015Tasks.pdf" class="resource-link">project list</a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- automation Modal -->
<div class="portfolio-modal modal fade" id="automationModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Automation of industrial cutter</h2>
<p class="item-intro text-muted">remote automation via webcam</p>
<img class="img-fluid d-block mx-auto" src="img/automation.png" alt="">
<p>After a vendor failed to deliver on an 8 month long project to automate an <a href="https://www.summaamerica.com/en/f-series">industrial cutting machine</a>, I stepped in and developed the solution in 2 weeks without access to the machine from 2K miles away, using webcams. The solution lowered wastage by 60% and saved the company 200K in the first month.</p>
<h4 class="text-uppercase">Problem</h4>
<p>
The company wanted a safe, touch free way to continualy queue and deque work for the cutter in any order the operator may choose.
Its current software didn't support that. Also, it had a built in camera in its toolhead for aligning crooked or warped designs, but it required manual intervention through its software to check and correct problems.
The company had paid to have the equiment manufacturer custom build a solution, but after 8 months it was clear the vendor solution wasn't going to meet the requirement.
</p>
<h4 class="text-uppercase">Solution</h4>
<p>
I redesigned the printed media for the cutter to include barcodes and special alignment markers. Knowing where the markers were, I used windows automation API to automate the vendor's software to find and correct problems with its markers without human intervention.
I tapped into the machines built in camera and used it to automate reading barcodes to load proper cut files.
I used <a href="https://opencv.org/">OpenCV</a> and <a href="http://www.roborealm.com/">RoboRealm</a> with the webcam to search for new media that may have been placed into the machine by an operator.
I used an <a href="https://www.arduino.cc/">Arduino</a> with attached custom sirens and lights to indicate safe times in the workflow for an operator to be able to queue up new work, or to signal when attention was needed.
Finaly, the entire system was patched into their current production workflow sending proper telemetry and automation signals to integrate in a hands free manor.
</p>
<p>Making this more challenging was the fact that I was 2k miles away and couldn't interact with the cutter directly. So I had operators mount a webcam to be able to see the cutter and talked to them over the phone so they were my hands while developing and testing the solution.</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> PrepSportswear</li>
<li><span class="font-weight-bold">Contribution:</span> developer</li>
<li><span class="font-weight-bold">Duration:</span> 2 weeks</li>
<li><span class="font-weight-bold">Technology:</span> C#, WPF, RoboRealm, OpenCV, Windows automation API</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- reports Modal -->
<div class="portfolio-modal modal fade" id="reportsModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Business Intelligence</h2>
<p class="item-intro text-muted">architecting for insight</p>
<img class="img-fluid d-block mx-auto" src="img/reports.png" alt="">
<p>To combat a 30% defect rate I developed a comprehensive defect report and developed a <a href="img/reports/WirelessBarcodeScanner.pdf">custom wireless barcode scanner system</a> to efficiently direct QA touch points and create the visibility needed to lower defects to 5%</p>
<p>I worked with production managers and factory workers to understand their workflows and then designed natural tracking systems around them. Sometimes these systems require the introduction of a wireless barcode scanner, which I developed software for, other time processes could be inferred from other actions within the system. Telemetry was orchestrated and processed into business intelligence in which vital insight was gained into the production process. Beyond architecting for insight, I continued to work with the production team on helping them achieve their goals by developing custom software that facilitates changes in their production workflows using both lean and six sigma techniques</p>
<ul class="list-inline text-left">
<li><span class="font-weight-bold">Client:</span> PrepSportswear</li>
<li><span class="font-weight-bold">Contribution:</span> analyst, developer</li>
<li><span class="font-weight-bold">Duration:</span> throughout my employment</li>
<li><span class="font-weight-bold">Technology:</span> C#, SQL Server, SQL reporting, Excel pivot, HTML5, PowerBI, 3rd party reporting frameworks, wireless barcode scanners</li>
</ul>
<p class="note">*Note: all images of webpages, reports, video, etc. are showing my work. Content may have been simplified or sanitized to protect corporate IP</p>
<p>
<a href="#" data-featherlight="img/reports.png" class="resource-link"><img src="img/reports.png" title="manufacturing productivity reports with predictive forecasting" /></a>
<a href="#" data-featherlight="img/reports/POmatching.png" class="resource-link"><img src="img/reports/POmatching.png" title="QA reporting within a 3-way PO matching process" /></a>
<a href="#" data-featherlight="img/reports/production.png" class="resource-link"><img src="img/reports/production.png" title="live overview of business SLA" /></a>
<a href="#" data-featherlight="img/reports/replacements.png" class="resource-link"><img src="img/reports/replacements.png" title="manufacturing issue insight reports" /></a>
<a href="img/reports/WirelessBarcodeScanner.pdf" class="resource-link">barcode doc</a>
</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Contact form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<!--<script src="js/contact_me.js"></script>-->
<!-- Custom scripts for this template -->
<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
new WOW().init();
</script>
<script src="js/agency.js"></script>
</body>
</html>