-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
818 lines (771 loc) · 35.2 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
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
<!-- Copyright (c) Regal Disclaimer All Rights Reserved.
Contact: [email protected] for all usage permissions -->
<html>
<head>
<title>Regal Disclaimer</title>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<link rel='stylesheet' type='text/css' href='index.css'>
<link rel='stylesheet' type='text/css' href='morph.css'>
<link rel='apple-touch-icon' href='favicon.png'>
<link rel='apple-touch-icon-precomposed' href='favicon.png'>
<link rel='icon' type='image/png' href='favicon.png'>
<meta name='mobile-web-app-capable' content='yes'>
<link rel='shortcut icon' sizes='128x128' href='128.png'>
<link rel='shortcut icon' sizes='196x196' href='196.png'>
<link rel='shortcut icon' sizes='256x256' href='256.png'>
</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src='//www.googletagmanager.com/ns.html?id=GTM-ML65H3'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ML65H3');</script>
<!-- End Google Tag Manager -->
<canvas id='skyBox'></canvas>
<div id='title'>
<figure class='siteFig titleFig'>
<!-- <button class='titleButton'>Regal Disclaimer</button> -->
<figcaption>
</figcaption>
</figure>
</div>
<div id='icons'>
<a target='_blank' href='http://www.regaldisclaimer.com/regaldisclaimer' class='siteLink'>
<figure id='mainFig' class='siteFig'>
<img src='favicon.png' alt='RegalDisclaimer' id='mainIcon' class='siteIcon'>
<figcaption>
<h2>About <span>RD</span></h2>
<p>Developer, developer, developer, developer</p>
</figcaption>
</figure>
</a>
<a onclick='slideOnto("#clients")' class='siteLink'>
<figure class='siteFig'>
<img src='icons/Clients.png' alt='Clients' class='siteIcon'>
<figcaption>
<h2><span>Clients</span></h2>
<p>See some of our past and current clients</p>
</figcaption>
</figure>
</a>
<a onclick='slideOnto("#caseStudies")' class='siteLink'>
<figure class='siteFig'>
<img src='icons/CaseStudies.png' alt='Case Studies' class='siteIcon'>
<figcaption>
<h2><span>Case Studies</span></h2>
<p>Explore a selection of our past projects</p>
</figcaption>
</figure>
</a>
<a onclick='slideOnto("#archives")' class='siteLink'>
<figure class='siteFig'>
<img src='icons/Archives.png' alt='Archives' class='siteIcon'>
<figcaption>
<h2><span>Archives</span></h2>
<p>Database of old experiments created for technical training</p>
</figcaption>
</figure>
</a>
<a href='http://www.regaldisclaimer.com/Services' target="_blank" class='siteLink'>
<figure class='siteFig'>
<img src='icons/Services.png' alt='Services' class='siteIcon'>
<figcaption>
<h2><span>Services</span></h2>
<p>Check out our consulting and development services</p>
</figcaption>
</figure>
</a>
</div>
<!-- <div class='hrDiv'>
<hr />
</div> -->
<div class='midTitles' id='clients'>
<p class='section'>Clients</p>
<p>
Some of our past and current clients
</p>
</div>
<div class='midIcons'>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/AMT.png' alt='AMT' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>AMT Co., LTD</p>
<p></p>
</figcaption>
</figure>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/UMMS.png' alt='UMMS' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>University of Massachusetts</p>
<p>Medical School</p>
<p></p>
<p></p>
<p></p>
</figcaption>
</figure>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/TUFTS.png' alt='Tufts' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>Tufts University</p>
</figcaption>
</figure>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/IGS.png' alt='IGS' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>Indoor Guide Service</p>
<p></p>
</figcaption>
</figure>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/SGID.png' alt='SGID' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>Spring Green</p>
<p>Interior Design</p>
</figcaption>
</figure>
<figure onclick='slideOnto("#caseStudies")' class='siteFig'>
<img src='clients/P75.png' alt='PointSeventyFive' class='siteIcon'>
<figcaption>
<h2><span></span></h2>
<p>PointSeventyFive</p>
</figcaption>
</figure>
</div>
<div class='midTitles' id='partners'>
<p class='section'>Partners</p>
<p>
Some of our official partners
</p>
</div>
<div class='midIcons'>
<a target='_blank' href='https://www.shopify.com/?ref=valuace-llc' class='siteLink'>
<figure class='siteFig'>
<img src='partners/SHOPIFY.png' alt='Shopify' class='siteIcon'>
<figcaption>
<h2>Create your <span>online store</span></h2>
<p>E-Commerce platform Shopify</p>
<p></p>
</figcaption>
</figure>
</a>
<a target='_blank' href='https://rdsds.jimdo.com/' class='siteLink'>
<figure class='siteFig'>
<img src='partners/JIMDO.png' alt='JIMDO' class='siteIcon'>
<figcaption>
<h2><span>Free</span> Website</h2>
<p>Launch your own website for free in less than 5 mintues</p>
</figcaption>
</figure>
</a>
<a target='_blank' href='https://www.google.com/partners/#i_profile;idtf=100281446106457466576;' class='siteLink'>
<figure class='siteFig'>
<img src='partners/GOOGLE.png' alt='GOOGLE' class='siteIcon'>
<figcaption>
<h2>Google Partner with <span>Mobile Sites Certification</span></h2>
<p>For creating optimized websites with analytics, profiling, and service workers</p>
<p></p>
</figcaption>
</figure>
</a>
</div>
<div class='midTitles' id='caseStudies'>
<p class="section">Case Studies</p>
<p>
Showcase of select projects
</p>
</div>
<div class='midIcons'>
<figure onclick="openMorph('AMT')" class='siteFig'>
<img src='clients/AMT.png' alt='AMT' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>3</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
<figure onclick="openMorph('UMMS')" class='siteFig'>
<img src='clients/UMMS.png' alt='UMMS' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>1</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
<figure onclick="openMorph('SGID')" class='siteFig'>
<img src='clients/SGID.png' alt='SGID' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>1</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
<figure onclick="openMorph('IGS')" class='siteFig'>
<img src='clients/IGS.png' alt='IGS' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>1</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
<figure onclick="openMorph('TUFTS')" class='siteFig'>
<img src='clients/TUFTS.png' alt='Tufts' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>1</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
<figure onclick="openMorph('P75')" class='siteFig'>
<img src='clients/P75.png' alt='PointSeventyFive' class='siteIcon'>
<figcaption>
<h2>Cases available: <span>1</span></h2>
<p>Click to read more</p>
</figcaption>
</figure>
</div>
<div class='midTitles' id='archives'>
<p class="section">Archives</p>
<p>
Database of internal projects conducted for technical training
</p>
<p>--</p>
<p>
These entries are not professional projects/products, and often lack asthetic polish
</p>
</div>
<div class='midIcons'>
<a target='_blank' onclick="openMorph('CROWDFALL')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/CrowdFall.png' alt='CrowdFall' class='siteIcon'>
<figcaption>
<h2><span>CrowdFall</span></h2>
<p>2015 PolyHack finalist.</p>
<p>--</p>
<p>Excercise on data concurrency.</p>
</figcaption>
</figure>
</a>
<a target='_blank' onclick="openMorph('EMAILCLOCK')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/EmailClock.png' alt='EmailClock' class='siteIcon'>
<figcaption>
<h2><span>EmailClock</span></h2>
<p>
Excercise on building a SAAS with:
<p>- Secure Payment System</p>
<p>- Realtime Database</p>
<p>- Email Server</p>
</p>
</figcaption>
</figure>
</a>
<a target='_blank' onclick="openMorph('CHECKSOME')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/CheckSome.png' alt='CheckSome' class='siteIcon'>
<figcaption>
<h2><span>CheckSome</span></h2>
<p>Excercise on security and database integrity</p>
</figcaption>
</figure>
</a>
<a target='_blank' onclick="openMorph('DEANSLIST')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/DeansList.png' alt="Dean's List" class='siteIcon'>
<figcaption>
<h2>Dean's <span>List</span></h2>
<p>Excercise on project management and database structure</p>
</figcaption>
</figure>
</a>
<a target='_blank' onclick="openMorph('HACK360')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/Hack360.png' alt='Hack360' class='siteIcon'>
<figcaption>
<h2>Hack <span>360</span></h2>
<p>Excercise on project management</p>
</figcaption>
</figure>
</a>
<!-- <a target='_blank' onclick="openMorph('DOGEDODGE')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/DogeDodge.png' alt='DogeDodge' class='siteIcon'>
<figcaption>
<h2><span>Doge Dodge</span></h2>
<p>Exercise on project management and app distribution</p>
</figcaption>
</figure>
</a> -->
<!-- <a target='_blank' onclick="openMorph('EBOOK')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/TheEBook.png' alt='TheEBook' class='siteIcon'>
<figcaption>
<h2>The <span>E book</span></h2>
<p>Excercise on pricing and distribution</p>
</figcaption>
</figure>
</a> -->
<a target='_blank' onclick="openMorph('WHEREARTTHOU')" class='siteLink'>
<figure class='siteFig'>
<img src='icons/WhereArtThou.png' alt='WhereArtThou' class='siteIcon'>
<figcaption>
<h2>Where <span>Art Thou?</span></h2>
<p>Excercise on web security and concurrency</p>
</figcaption>
</figure>
</a>
</div>
<div class='midTitles' id='services'>
<p class="section">Services</p>
<p>
Find out more about what we can do for your company
</p>
</div>
<div class='midIcons'>
<a href='http://www.regaldisclaimer.com/Services' target="_blank" class='siteLink'>
<figure class='siteFig'>
<img src='icons/Services.png' alt='EmailClock' class='siteIcon'>
<figcaption>
<h2><span>Services</span></h2>
<p>Check out our consulting and development services</p>
</figcaption>
</figure>
</a>
</div>
<!-- <div class='midTitles'>
<p>RegalDisclaimer - A software service by Valuace LLC</p>
</div> -->
<div id='caseDocs' class='docContainer'>
<div id='AMT-doc' class='morphDoc'>
<span onclick="closeMorph('AMT')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>TakeMeHome</h3>
<h6>Government Research Product</h6>
<h5>Project</h5>
<p>Our Client was participating in a government research project on management of patient escapes from healthcare facilities. The client asked us to create a prototype that can be used at mental health facilities for testing.</p>
<h5>Approach</h5>
<p>We designed, created, and delivered a prototype system for the project. The system used low cost hardware to detect patient escape events and enable location tracking. The backend software provided real time notifications on a web client, as well as text (SMS) messages.</p>
<p>Our choice of hardware solutions provided many performance and usability benefits over current solutions using RFID and GPS. Software architecture was designed to significantly lower latency compared to current solutions, as well as handle heavy load on minimal server costs.</p>
<h5>Technologies</h5>
<p>The project featured solutions such as:</p>
<ul>
<li>Bluetooth Low Energy: Low cost and long battery life for location based solutions</li>
<li>Raspberry Pi 3: Low cost and small form factor</li>
<li>SMS: Text message notification for user alerts</li>
<li>Websockets: Realtime update of events and statistics across all servers and clients</li>
<li>Node.js: Fast and secure server providing API access</li>
</ul>
<h5>Results</h5>
<p>With the prototype's success, we received an offer for a venture partnership deal. The prototype was also chosen to be tested and piloted in private dementia clinics and facilities. </p>
<hr />
<h3>Kinect PhotoBooth</h3>
<h6>Government Research Product</h6>
<h5>Project</h5>
<p>Our client was participating in a government research project on adopting motion sensing technology into consumer products. The client asked us to develop a novel photobooth product that leverages motion sensing technology</p>
<h5>Approach</h5>
<p>We applied several unique technical elements onto photobooths used in corporate events. The novel product we developed is currently patent pending.</p>
<p>We used motion sensor technology to make an autonomous photobooth with many user experience improvements. The photobooth is designed to recognize users's gestures in order to take photos, and collects useful traffic statistics.</p>
<p>A unique photo hosting and delivery system was designed to allow all members in group photos to retrieve and share their photos concurrently within seconds.</p>
<h5>Technologies</h5>
<p>The project featured solutions such as:</p>
<ul>
<li>Motion sensing: The hardware solution we chose provided fast and highly accurate motion sensing for users' limbs, hands, head, and torso</li>
<li>Websockets: Photos taken at the booth were delivered at real time for users to keep</li>
<li>Node.js: A novel arrangement of devices and server logic allowed users to retrieve the photos in less than a second, and share directly to various social media channels</li>
<li>Client-side webapp: Administrators had real time access to system status and statistics</li>
</ul>
<h5>Results</h5>
<p>The government officials from the research grant organization was excited about the product demonstration, and gave high praises. The phenomenal success of the research project evaluation lead to discussiosn for further projects.</p>
<p>A full utility patent for the product is currently being pursued by the client's legal team.</p>
<hr />
<h3>VR Safari</h3>
<h6>Government Research Product</h6>
<h5>Project</h5>
<p>Our client was participating in a research project on creating consumer products using virtual reality. The client asked us to create and publish two virtual reality mobile apps on the Google Play Store.</p>
<h5>Approach</h5>
<p>The client provided us with their app designs and graphical assets. It was designed in consideration of current non-VR mobile games. As expected, we found that this led to severe performance issues when ported as a virtual reality application.</p>
<p>We used optimization techniques such as occlusion culling and light baking in order to dramatically increase the performance of the applications. We also identified parts of the application where a slight reduction of small animations or object detail can lead to significant performance boosts.</p>
<p>Although the initial project was for us to simply implement an application according to provided designs, we decided to make suggestions for UX changes in order to better fit a virtual reality application. These suggestions were not only well received, but also coupled with the clearance to make further modifications as we deem appropriate.</p>
<h5>Technologies</h5>
<p>The projecet featured solutions such as:</p>
<ul>
<li>Google Cardboard: Users with standard mobile phones could experience virtual reality at low cost</li>
<li>Profiling: Multiple devices were profiled for their CPU/GPU/Memory usage for performance analysis</li>
<li>Optimization techniques: Techniques often used in game development, such as occlusion culling, were leveraged to create a high performance application</li>
<li>Google Play Store: The applications were distributed to users around the world via the Play Store</li>
</ul>
<h5>Results</h5>
<p>After extensive profiling and optimizations, the framerate of the application was nearly doubled, dramatically reducing the chance of headaches and increasing immersion for the user.</p>
<p>With the added UX modifications, the mobile apps were solid products that could be released to the market.</p>
<p>This was our first project with this particular client, and its success convinced the client to trust us with designing and development of larger products.</p>
<hr />
<p>Contact us at <a href="mailto:[email protected]" target="_blank">[email protected]</a> and tell us about your project!</p>
</div>
<span onclick="closeMorph('AMT')" class="morphDoc-closeB">Close</span>
</div>
<div id='UMMS-doc' class='morphDoc'>
<span onclick="closeMorph('UMMS')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>Hybrid Mobile App</h3>
<h6>Research Product</h6>
<h5>Project</h5>
<p>Our client was in the process applying for research grants, and wanted to include a mobile app prototype in the proposal. Our client asked us to rapidly prototype both an Android app and an iOS app within 4 weeks in order to meet the grant application deadline. The client had a UI designer and illustrator on staff, who provided all designs and assets to us.</p>
<h5>Approach</h5>
<p>To comfortably meet the deadline, we used hybrid app technology, allowing us to develop both the Android and iOS apps simulatneously. After we recieved the client's specifications and assets, we were able to complete and test the application within a couple weeks. As we were ahead of the deadline, we suggested and implemented multiple UX improvements before the final delivery.</p>
<h5>Technologies</h5>
<p>The application featured features such as:</p>
<ul>
<li>Responsive layout</li>
<li>High performance application with smooth transition animations</li>
<li>API data access and submissions</li>
<li>User authentication</li>
<li>Persistent user data and settings</li>
<li>Local saves for user progress/app state</li>
<li>Accurate stopwatch and media player</li>
</ul>
<h5>Result</h5>
<p>The project had a significant time constraint, but our team exceeded the goal by completing the application's development and testing in only a couple of weeks. We also suggested and added UX improvements without added costs.</p>
<p>The project workflow was very smooth and efficient, and we continue to use this method for small mobile application development.</p>
<hr />
<p>Contact us at <a href="mailto:[email protected]" target="_blank">[email protected]</a> and tell us about your project!</p>
</div>
<span onclick="closeMorph('UMMS')" class="morphDoc-closeB">Close</span>
</div>
<div id='SGID-doc' class='morphDoc'>
<span onclick="closeMorph('SGID')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>Inventory Database Solution</h3>
<h6>Custom Business Product</h6>
<h5>Project</h5>
<p>Our client posted a public request for developing a plugin for Microsoft Access that can generate PDF quotes using the data.</p>
<p>The client's company was about to start its computer database system, and had not picked a database solution.</p>
<h5>Approach</h5>
<p>We sent in a proposal for a complete system including the database, tag based search, and the PDF quote generation. The client was happy with the proposal, and we had the previlege of setting up the company's database system from ground up.</p>
<p>The system featured a SQL database accessible by Microsoft Access, and allowed the client to create tags for each items in order to easily search for them when building custom quotes. The PDF quote generation system automatically inserted price, image, dimensions, and a hyperlink to access more details.</p>
<h5>Technologies</h5>
<p>The system included features such as: </p>
<ul>
<li>Simple interface that can be modified with HTML/CSS</li>
<li>Extensive item search system including text match, value range, and tags</li>
<li>PDF document generation according to client's design specifications</li>
<li>An "Open All" button in the PDF that opens multiple product listings with one click</li>
<li>Detailed installation, usage, and troubleshooting guide</li>
</ul>
<h5>Results</h5>
<p>The client had a tight budget constraint, and we were able to create a bare-bones system with easy upgrade capabilities. The end product was able to met all of the client's needs as well as resource constraints. </p>
<p>With our knowledge of the client's needs, we continue to provide the client with updates and additional support, such as providing a method for automated backup.</p>
<hr />
<p>Contact us at <a href="mailto:[email protected]" target="_blank">[email protected]</a> and tell us about your project!</p>
</div>
<span onclick="closeMorph('SGID')" class="morphDoc-closeB">Close</span>
</div>
<div id='IGS-doc' class='morphDoc'>
<span onclick="closeMorph('IGS')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>Indoor Positioning Algorithm</h3>
<p>Coming Soon!</p>
</div>
<span onclick="closeMorph('IGS')" class="morphDoc-closeB">Close</span>
</div>
<div id='TUFTS-doc' class='morphDoc'>
<span onclick="closeMorph('TUFTS')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>MATLAB Signal Detection Algorithm</h3>
<p>Coming Soon!</p>
</div>
<span onclick="closeMorph('TUFTS')" class="morphDoc-closeB">Close</span>
</div>
<div id='P75-doc' class='morphDoc'>
<span onclick="closeMorph('P75')" class="morphDoc-closeT">Close</span>
<div class="morphDoc-content">
<h2>Case studies</h2>
<hr />
<h3>E-Commerce Website</h3>
<p>Coming Soon!</p>
</div>
<span onclick="closeMorph('P75')" class="morphDoc-closeB">Close</span>
</div>
</div>
<div id='archiveDocs' class='docContainer'>
<div id='CROWDFALL-doc' class='morphDoc'>
<span onclick="closeMorph('CROWDFALL')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2><span>CrowdFall</span></h2>
<p>2015 PolyHack finalist.</p>
<a target='_blank' href='https://github.com/regaldisclaimer/crowdfall' class='archiveLink'>[View Source Code]</a>
<h5>Product</h5>
<p>This product was developed for a hackathon at Tufts University.</p>
<p>It was a rapidly prototyped browser based MMO game inspired by "Twitch Plays Pokemon," and showcased data concurrency, consistency, and real-time transmission.</p>
<p>Multiple participants controlled the same character, and were allowed to spam inputs for controlling the character. All the participants were able to see the characters being controlled chaotically in real-time.</p>
<h5>Created With</h5>
<p>@AFriendlyRobot</p>
<p>@aareano</p>
</div>
<span onclick="closeMorph('CROWDFALL')" class='morphDoc-closeB'>Close</span>
</div>
<div id='EMAILCLOCK-doc' class='morphDoc'>
<span onclick="closeMorph('EMAILCLOCK')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2><span>EmailClock</span></h2>
<p>Paid SMS and Email Notification Service</p>
<a target='_blank' href='https://github.com/regaldisclaimer/EmailClock' class='archiveLink'>[View Source Code]</a>
<h5>Product</h5>
<p>Inspired from a running joke among colleagues, this notification service was developed featuring:</p>
<ul>
<li>PCI-compliant secure credit card payment system</li>
<li>Realtime database with ACID transactions</li>
<li>Low latency server for frequently sending emails and SMS</li>
</ul>
<p>This helpful service sends an email or SMS every minute to tell the user what time it currently is: "Hello, this is clock! It is currently 5:54PM EST!" "Hello, this is clock! It is currently 5:55PM EST!"</p>
</div>
<span onclick="closeMorph('EMAILCLOCK')" class='morphDoc-closeB'>Close</span>
</div>
<div id='CHECKSOME-doc' class='morphDoc'>
<span onclick="closeMorph('CHECKSOME')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2><span>CheckSome</span></h2>
<p>Fraud-proof lottery/giveaway system using SHA3-512</p>
<a target='_blank' href='https://github.com/regaldisclaimer/CheckSome' class='archiveLink'>[See Source Code]</a>
<h5>Product</h5>
<p>Ther are many records of internal staff members cheating on lotteries by manipulating the winner selection process.</p>
<p>It is thus valuable for lottery systems to be able to demonstrate the winner selection was truly random, and that the lottery organizers did not have an ability to manipulate the selecting process.</p>
<p>This unfinished concept product explored the usage of a hash function to achieve a fraud-proof lottery system.</p>
<p>This method is currently being used successfully in large scale drawings. <a target="_blank" href="https://www.reddit.com/r/millionairemakers/comments/2ournt/explanation_of_our_new_drawing_system_inspired_by/"><i>For example, a popular monthly drawing on reddit uses this methodology with SHA-256.</i></a></p>
</div>
<span onclick="closeMorph('CHECKSOME')" class='morphDoc-closeB'>Close</span>
</div>
<div id='JIMDO-doc' class='morphDoc'>
<span onclick="closeMorph('JIMDO')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2><span>Jimdo: </span>Free Website</h2>
<p>Launch your own website for free in less than 5 mintues</p>
<a target='_blank' href='http://rdsds.jimdo.com' class='archiveLink'>[Create your website]</a>
<h5>Project</h5>
<p>We are approached by many clients with varying goals, and sometimes, their needs are too basic to warrant a high-cost custom development. This is often the case for simple static websites used for informative purposes.</p>
<p>Our job is to always find the right solution for our clients, so we recommend third party alternatives rather than simply sending them away. Jimdo is one of many services we sometimes recommend (we have several similar services we recommend depending on the client's needs) to clients for simple websites, </p>
<p>We have a partnership with the service, and have a custom landing page for their service's customer acquisition.
</p>
</div>
<span onclick="closeMorph('JIMDO')" class='morphDoc-closeB'>Close</span>
</div>
<div id='DEANSLIST-doc' class='morphDoc'>
<span onclick="closeMorph('DEANSLIST')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2>Dean's <span>List</span></h2>
<p>Hack360 2015 Core Product</p>
<a target='_blank' href='https://github.com/regaldisclaimer/RainyTuesday' class='archiveLink'>[View Soure Code]</a>
<h5>Product</h5>
<p>Dean's List was the product designed and developed for a private in-house hackathon, Hack360.</p>
<p>The product was a directory webapp with OAuth2.0 security and a NoSQL database.</p>
<p>The development provided training in full stack web development, as well as serve as an excercise on project management.</p>
<h5>Created With</h5>
<p>@AFriendlyRobot</p>
<p>@dyz3</p>
<p>@jbawsh</p>
</div>
<span onclick="closeMorph('DEANSLIST')" class='morphDoc-closeB'>Close</span>
</div>
<div id='HACK360-doc' class='morphDoc'>
<span onclick="closeMorph('HACK360')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2>Hack <span>360</span></h2>
<p>Self organized private hackathon</p>
<a target='_blank' href='http://www.regaldisclaimer.com/Hack360' class='archiveLink'>[Go to the event page]</a>
<h5>Project</h5>
<p>An in-house hackathon organized for fun and training.</p>
<p>A webapp product was designed to serve the local community, and the development served as a useful training opportunity for all participants.</p>
<h5>Hosted With</h5>
<p>@AFriendlyRobot</p>
</div>
<span onclick="closeMorph('HACK360')" class='morphDoc-closeB'>Close</span>
</div>
<div id='DOGEDODGE-doc' class='morphDoc'>
<span onclick="closeMorph('DOGEDODGE')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2><span>Doge Dodge</span></h2>
<p>Award-winning Free Android Game</p>
<a target='_blank' href='https://github.com/regaldisclaimer/DogeDodge' class='archiveLink'>[View Source Code]</a>
<h5>Product</h5>
<p>This product was intended to be a training for creating a mobile game with monetization and social integration.</p>
<p>The game features:</p>
<ul>
<li>Interstitial Advertisements</li>
<li>Google Play Achievements and Highscore</li>
<li>User statistics</li>
</ul>
<p>The game also won the top popular choice award in a small game development contest.</p>
<h5>Built With</h5>
<p>@jbawsh</p>
</div>
<span onclick="closeMorph('DOGEDODGE')" class='morphDoc-closeB'>Close</span>
</div>
<div id='EBOOK-doc' class='morphDoc'>
<span onclick="closeMorph('EBOOK')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2>The <span>E book</span></h2>
<p>Digital Product Distribution</p>
<a target='_blank' href='https://gum.co/theEBook' class='archiveLink'>[Get the book]</a>
<h5>Product</h5>
<p>A gag book was written from a joke among colleagues.</p>
<p>We took it as an opportunity to explore methods of selling digital goods. It was distributed on multiple sales channels at various price points.</p>
<p>It is currently available without charge.</p>
</div>
<span onclick="closeMorph('EBOOK')" class='morphDoc-closeB'>Close</span>
</div>
<div id='WHEREARTTHOU-doc' class='morphDoc'>
<span onclick="closeMorph('WHEREARTTHOU')" class='morphDoc-closeT'>Close</span>
<div class="morphDoc-content">
<h2>Where <span>Art Thou?</span></h2>
<p>A client-side webapp</p>
<a target='_blank' href='https://github.com/regaldisclaimer/WhereArtThou' class='archiveLink'>[View Source Code]</a>
<h5>Product</h5>
<p>This product is a simple client-side messaging webapp.</p>
<p>This app utilizes Firebase's security rules in order to create a secure database without a backend server.</p>
<p>Firebase's use of websockets allows the chatroom to receive real-time message updates.</p>
</div>
<span onclick="closeMorph('WHEREARTTHOU')" class='morphDoc-closeB'>Close</span>
</div>
</div>
<script type='text/javascript' src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54ad6bc83a3bc1fd' async='async'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
<script>
var isAlt = false;
//Function for scrolling into a certain element
//smooth only supported on firefox at the moment
var slideOnto = function(elementSelector) {
document.querySelector(elementSelector).scrollIntoView({
block: "start",
behavior: "smooth"
});
};
$(window).load(function() {
//altTheme
$(".titleFig").on("click", function() {
isAlt = !isAlt;
$("html, body, .titleButton, figure, figcaption, hr").toggleClass(
"altTheme"
);
if (isAlt) {
tileColor = "200,200,200";
} else {
tileColor = "21,21,21";
}
Tiles = [];
BakeTiles();
console.log("Day time? Night time!");
});
//end altTheme
//active rotation
var titles = $(".siteFig");
var titleIndex = 0;
setInterval(function() {
titles.eq(titleIndex % titles.length).addClass("active");
titles.eq((titleIndex - 1) % titles.length).removeClass("active");
titleIndex++;
}, 2500);
//Skybox
var canvas = $("#skyBox")[0];
var context = canvas.getContext("2d");
canvas.width = $(document).width();
canvas.height = $(document).height();
//settings
var Tiles = [];
var tileColor = "21,21,21";
var numTiles = 25;
function StartUp() {
BakeTiles();
Update();
}
function Tile() {
this.active = true;
this.size = 35 + Math.random() * 70;
this.x = Math.round(Math.random() * canvas.width);
this.y = Math.round(Math.random() * canvas.height);
if (Math.random() > 0.5) {
this.velocity = {
//direction * speed
x: (Math.random() < 0.5 ? -1 : 1) * Math.random(),
y: 0
};
} else {
this.velocity = {
x: 0,
y: (Math.random() < 0.5 ? -1 : 1) * Math.random()
};
}
this.transp = 0.01;
this.color = "rgba(" + tileColor + "," + this.transp + ")";
}
Tile.prototype = {
Update: function() {
if (this.transp < 0.4) {
this.transp += 0.002;
this.color = "rgba(" + tileColor + "," + this.transp + ")";
}
this.x += this.velocity.x;
this.y += this.velocity.y;
if (
this.x > canvas.width + 105 ||
this.x < 0 - 105 ||
this.y > canvas.height + 105 ||
this.y < 0 - 105
) {
this.active = false;
}
},
Draw: function() {
context.fillStyle = this.color;
context.beginPath();
context.rect(this.x, this.y, this.size, this.size);
context.fill();
}
};
function BakeTiles() {
if (Tiles.length < numTiles) {
for (var i = Tiles.length; i < numTiles; i++) {
Tiles.push(new Tile());
}
}
return false;
}
function Update() {
BakeTiles();
Tiles.forEach(function(Tile) {
Tile.Update();
});
Tiles = Tiles.filter(function(Tile) {
return Tile.active;
});
Render();
requestAnimationFrame(Update);
}
function Render() {
context.clearRect(0, 0, canvas.width, canvas.height);
Tiles.forEach(function(Tile) {
Tile.Draw();
});
}
$(window).resize(function() {
Tiles = [];
canvas.width = $(document).width();
canvas.height = $(document).height();
});
StartUp();
//end Skybox
});
</script>
<script src="expand.js"></script>
</html>