-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·1879 lines (1692 loc) · 106 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
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
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>The HackTrain</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/stylish-portfolio.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link href="css/form.css" rel="stylesheet" >
<link href="css/style.css" rel="stylesheet">
<link href="css/portfolio.css" rel="stylesheet">
<link href="css/scrolling-nav.css" rel="stylesheet">
<link href="css/slider.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<div id="navlogo">
<a class="page-scroll" href="#myCarousel">
<img src="img/logo-side.png"/>
</a>
</div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse" style="float:right">
<ul class="nav navbar-nav">
<li>
<a class="page-scroll" href="#about">About Us</a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#together">Our Work</a>
</li>
<li>
<a class="page-scroll" href="#forces">Partners</a>
</li>
<li>
<a class="page-scroll" href="#clients">Clients</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
<li style="background-color:#00cfa1; color:white">
<a target="_blank" alt="HackTrain Hackathon" href="hackathon/index.html">HackTrain Hackathon</a>
</li>
<!-- <li>
<div id="hackathon" class="button-nav">
<a target="_blank" alt="HackTrain Hackathon" href="http://uk.hacktrain.com/" class="btn btn-default btn-lg"> <span style="font-size:15px" class="network-name">HackTrain Hackathon</span></a>
</div>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Half Page Image Background Carousel Header -->
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<a href="#about"><div class="fill" style="background-image:url('img/carousel/logo-carousel.png');"></div></a>
<div class="carousel-caption">
<h2 id="carousel-text">Driving forward innovation in the rail industry.</h2>
</div>
</div>
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"><div class="fill" style="background-image:url('img/carousel/chiltern.png');"></div></a>
<div class="carousel-caption">
<h2 id="carousel-text">Solving the industry's greatest challenges.</h2>
</div>
</div>
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal"><div class="fill" style="background-image:url('img/carousel/vtec.png');"></div></a>
<div class="carousel-caption">
<h2 id="carousel-text">Bringing cutting-edge technology to rail.</h2>
</div>
</div>
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<a href="http://uk.hacktrain.com/"><div class="fill" style="background-image:url('img/carousel/hackathon.png');"></div></a>
<div class="carousel-caption">
<h2 id="carousel-text">Apply to attend one of our hackathons today.</h2>
<div class="buttons">
<a target="_blank" alt="HackTrain UK" href="uk/index.html" class="btn btn-default btn-lg">
<span style="font-size:1em" class="network-name">HackTrain UK</span>
</a>
<a target="_blank" alt="HackTrain HK" href="hk/index.html" class="btn btn-default btn-lg">
<span style="font-size:1em" class="network-name">HackTrain HK</span>
</a>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="icon-next"></span>
</a>
</header>
<section class="arrow">
<div align="center">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 col-md-12">
</div>
<div class="col-md-4 col-md-12">
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
<div class="col-md-4 col-md-12">
</div>
</div>
</div>
</div>
</section>
<!-- Header -->
<!-- About -->
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center"><br>
<h2>HackTrain is digitally transforming the rail industry.</h2><br><br>
<p class="lead">We introduce innovations to the rail industry all the way from conception, to trial and installation.</p>
<br>
<a target="_blank" href="#portfolioModalTeam" data-toggle="modal" class="btn btn-default btn-lg">
<span style="font-size:1em; color:white" class="network-name">Meet the team</span>
</a>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<section id="press" class="client-list" style="padding-bottom:30px">
<div id="client-list" class="container">
<div class="row text-center">
<div class="col-md-12"><br>
<h2 style="color:white">Press</h2>
<hr class="small">
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://www.theguardian.com/politics/2015/nov/19/transport-hackathon-hacktrain-uk-railways">
<img class="client-list" src="img/press/guardian.png"/>
</a>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="service-item">
<a target="_blank" href="https://www.ft.com/content/1553f5ac-8ea2-11e5-8be4-3506bf20cc2b">
<img class="client-list" src="img/press/ft.png"/>
</a>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://www.railpro.co.uk/news/hacktrain-starts-today">
<img class="client-list" src="img/press/railpro.png"/>
</a>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://railway-news.com/hacktrain-comes-to-london/">
<img class="client-list" src="img/press/railwaynews.png"/>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://www.railengineer.uk/2016/03/24/railtech-and-the-hacktrain-accelerator/">
<img class="client-list" src="img/press/railengineer.png"/>
</a>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://www.techworld.com/startups/how-hacktrain-is-bringing-startup-approach-solving-uk-rail-industrys-biggest-problems-3639307/">
<img class="client-list" src="img/press/techworld.png"/>
</a>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="service-item">
<a target="_blank" href="http://www.passengertransport.co.uk/2016/06/hacktrain-the-force-is-with-them/">
<img class="client-list" src="img/press/passengertransport.png"/>
</a>
</div>
</div>
</div>
<!-- /.row (nested) -->
</div>
<!-- /.col-lg-10 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- Services -->
<section id="portfolio" class="services">
<div id="services" class="container">
<div class="row">
<div class="col-lg-12 text-center"><br><br>
<h2>Services</h2>
<!-- <hr class="star-primary"> -->
<hr class="small">
</div>
</div><br>
<div style="text-align: center">
<p class="lead">HackTrain provides consultancy and digital transformation services as well as marketing opportunites for technology event sponsorship.</p>
</div>
<div class="row">
<div class="col-md-5" id="cards">
<a href="#portfolioModala" data-toggle="modal">
<div class="service-left">
<div>
<img src="img/services-icons/events.png">
</div>
<div class="service-text">
<h3>Technology Events</h3>
<p>Our events draw a wide range of professionals from accross the industry.</p>
<span style="font-size:1em; color:white" class="btn btn-default btn-lg">See more</span>
</div>
</div>
</a>
</div>
<div class="col-md-2">
</div>
<div class="col-md-5" id="cards">
<a href="#portfolioModalb" data-toggle="modal">
<div class="service-right">
<div>
<img src="img/services-icons/trial.png">
</div>
<div class="service-text">
<h3>T.R.I.A.L.</h3>
<p>This service provides a fast-paced framework to solving key challenges in rail.</p>
<p style="font-size:1em; color:white" class="btn btn-default btn-lg">See more</p>
</div>
</div>
</a>
</div>
</div>
<br><br>
<div class="row">
<div class="col-sm-5" id="cards">
<a href="#portfolioModalc" data-toggle="modal">
<div class="service-left">
<div>
<img src="img/services-icons/reports.png">
</div>
<div class="service-text">
<h3>Industry Reports</h3>
<p>We research and construct reports on technology and innovation the rail industry.</p>
<span style="font-size:1em; color:white" class="btn btn-default btn-lg">See more</span>
</div>
</div>
</a>
</div>
<div class="col-sm-2">
</div>
<div class="col-sm-5" id="cards">
<a href="#portfolioModald" data-toggle="modal">
<div class="service-right">
<div>
<img src="img/services-icons/consultancy.png">
</div>
<div class="service-text">
<h3>Consultancy Services</h3>
<p>We help your organisation understand and grow in-line with the pace of cutting-edge technology.</p>
<span style="font-size:1em; color:white" class="btn btn-default btn-lg">See more</span>
</div>
</div>
</a>
</div>
</div>
</div><br><br><br>
</section>
<!-- Together -->
<section>
<aside class="callout" id="together">
<div class="text-vertical-center">
<h1>Driving innovation within the rail industry. Together.</h1>
</div>
</aside>
</section>
<!-- Portfolio /pro-->
<section id="portfolio">
<div id="ourwork" class="container">
<div class="row">
<div class="col-lg-12 text-center"><br><br>
<h2>Our Work</h2>
<hr class="star-primary">
</div>
</div><br>
<div style="text-align: center">
<p class="lead">Our past T.R.I.A.L. projects have improved station enhancement, customer experience and operational efficiency.</p>
</div><br><br>
<div class="row">
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>CCTV and Video Sensors</h3></i>
</div>
</div>
<img src="img/projects/vivacity/1.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Counting Passengers Using "POP" Devices</h3></i>
</div>
</div>
<img src="img/projects/pointr/5.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Ticket Vending Machines</h3></i>
</div>
</div>
<img src="img/projects/vivacity/2.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Indoor Navigation</h3></i>
</div>
</div>
<img src="img/projects/pointr/2.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>London Bridge Multi-solution</h3></i>
</div>
</div>
<img src="img/projects/pointr/4.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-6 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Event Finder</h3></i>
</div>
</div>
<img src="img/projects/igeolise/2.png" class="img-responsive" alt="">
</a>
</div>
<!-- <div class="col-sm-4 portfolio-item">
<a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Wireless Power-charging in Stations</h3></i>
</div>
</div>
<img src="img/projects/powermat/3.png" class="img-responsive" alt="">
</a>
</div> -->
<!-- <div class="col-sm-4 portfolio-item">
<a href="#portfolioModal8" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Staff Management</h3></i>
</div>
</div>
<img src="img/projects/sirenum/2.png" class="img-responsive" alt="">
</a>
</div> -->
<!-- <div class="col-sm-4 portfolio-item">
<a href="#portfolioModal9" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i><h3>Delay Repay</h3></i>
</div>
</div>
<img src="img/projects/raildelay/2.png" class="img-responsive" alt="">
</a>
</div> -->
</div>
</div>
</section>
<!-- modal pop-up -->
<section>
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>CCTV and Video Sensors</h2>
<hr class="star-primary">
<img src="img/projects/vivacity/5.png" class="img-responsive img-centered" alt="">
<h3>Installation of video cameras on Chiltern train door lintels to enable real-team passenger counting.</h3>
<p>The initial step for this trial consisted of analysing existing CCTV footage, as this was the fastest method of determining whether Vivacity Lab’s analytics technology could successfully count the number of passengers on the train.</p>
<p>The team hit an initial barrier where the footage extracted from the existing video feed consisted of four individual camera feeds merged into a single stream. The resulting video rapidly cut between frames of each of the cameras and almost made the data impossible to analyse. This was a clear example of the nature of existing suppliers in the industry; it shows how they have closed down their technology and obfuscated processes surrounding data manipulation, making it hard for external suppliers and new players to integrate it into their systems.</p>
<p>Vivacity processed the compiled video data and separated it into four distinct video feeds. Once the data had been prepared correctly, they used custom-designed computer vision analytics software to count the number of passengers disembarking and boarding the train.</p>
<p>Ultimately the process of extracting the footage, separating out the frames and analysing them took too long for it to be useful for passengers. A different approach was required.</p>
<p>Fortunately, the newest fleet that Chiltern Railways were operating at the time was owned by their respective owning group. This allowed for a greater deal of freedom to make modifications on their trains. Vivacity was allowed to drill holes above the carriage doors for the purpose of installing their higher-quality video sensors. The data collected by their sensors was analysed and fed back to Chiltern in the form of a report and live database. The trial successfully yielded accurate enough results for Chiltern.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">Chiltern Railways</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Using POP-Devices</h2>
<hr class="star-primary">
<img src="img/projects/pointr/1.png" class="img-responsive img-centered" alt="">
<h3>Installation of custom POP-devices in c2c trains to enable real-time passenger counting using bluetooth and 3G signals.</h3>
<p>National Express, c2c and Pointr approached the passenger counting challenge using Pointr’s proprietary Point of Presence (‘POP’) devices. The POP’s count phones using bluetooth and 3G signals within a specified area.</p>
<p>The goal was to provide an accurate count of the number of passengers travelling on the train in real time with the understanding that this information could be eventually to the passengers via an app. The data would also provide insights to c2c staff via a dashboard.</p>
<p>When approaching the initial trial, Pointr ran into three main barriers: power, connectivity and regulations. Once these issues were addressed, an initial trial was carried out with a prototype POP device that was manually carried throughout a journey to gather the necessary data.</p>
<p>The data gathered provided insightful information into train passenger count. There were several spikes identified when other trains were passing by and the carriage went through residential areas.</p>
<p>Pointr refined their algorithms to normalise the data and discard the ‘noise’ that was being generated. They then provided the data via a dashboard for the TOC to be able to see passenger levels during the trial journey.</p>
<p>Since then Pointr has made several improvements to their POP-devices. This included building custom battery packs, 3G antennas, and device containers.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">c2c Rail</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Ticket Vending Machines</h2>
<hr class="star-primary">
<img src="img/projects/vivacity/2.png" class="img-responsive img-centered" alt="">
<h3>Remote analysis of Swindon Rail Station ticket office CCTV footage to measure staff utilisation and queue times.</h3>
<p>This trial involved analysing CCTV footage of the ticket office of Swindon Rail Station which was sent to Vivacity Labs in the form of DVDs, to see whether they could provide metrics on staff utilisation and queueing times over a 1 hour and 52 minute period, from 07:15 to 09:07.</p>
<p>Analysing the footage was more challenging than initially expected, as the videos which were provided came in a large, non-standardised format which meant time had to be spent finding a solution to extracting individual frames from this format in order to carry out the automated analysis. This was a clear example of the nature of existing suppliers in the industry; it shows how they have closed down their technology and obfuscated processes surrounding data manipulation, making it hard for external suppliers and new players to integrate it into their systems.</p>
<p>Vivacity then had to train their machine learning detector to recognise the shapes of people which would be analysed in this footage. This was required to adapt to the angle and setting of the video feed, which Vivacity had not worked with before, however for future similar sites of this nature additional training would not needed.</p>
<p>Vivacity then processed the footage and analysed each of the three staff booths individually, checking for staff presence and customer serving time. They also analysed two of the queueing areas for these ticket booths, checking for queue length and waiting times.</p>
<p>Staffing times and customer waiting times were successfully compiled by their computer vision systems. The system was validated over an 8 minute period of this footage, and achieved an accuracy of over 97% across all three booths.</p>
<p>The system measured a total staff time across all the booths of 4 hours and 18 minutes, and a total time serving customers of 1 hour and 22 minutes, thus a 32% staff utilisation.</p>
<p>The system also measured a total queueing time for customers during this period of 5 minutes, thus 6% of customer time spent queueing.</p>
<p>An additional metric, which was counting the length of queues, was not possible to do accurately due to occlusion which is a result of the low camera angle of the video feed. In order to have more accurate and detailed data on such metrics, installation of Vivacity Labs’ own video sensor would be required at the site.</p>
<p>The main conclusions to draw from these results is that staff were heavily underutilised over this 1 hour and 52 minute period resulting in very little queue time for customers and high idle time for staff. This data was sent back to GWR in the form of a report detailing the process and extrapolated results.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">GWR</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Indoor Navigation</h2>
<hr class="star-primary">
<img src="img/projects/pointr/3.png" class="img-responsive img-centered" alt="">
<h3>Deployment of low-energy bluetooth devices across King’s Cross and Peterborough stations to enable Virgin Trains customers to navigate inside the stations.</h3>
<p>This trial involved installing low energy bluetooth beacons across KX and Peterborough station that tracked the movement of customers within the station using Bluetooth signals to enable intelligent wayfinding for passengers.</p>
<p>Agreeing the trial with Virgin Trains for Pointr was very easy. There was a clear goal and expectation from Virgin in regards to what they wanted for their passengers.</p>
<p>The difficult parts were filling out the necessary paperwork required by Network Rail to gain access to the site for installation purposes. 150 pages worth of documents needed to be completed by the Pointr team.</p>
<p>Once the paperwork was finished, it was approved within a record 48-hours by Virgin Trains and Network Rail. Pointr then requested maps of KX station in order to redesign them for their indoor navigation app. This process proved to be incredibly time consuming as no one in the NR KX or Virgin team seemed to have access to them.</p>
<p>3 weeks later, the maps were finally obtained and the team redesigned them immediately. The team then packaged the maps and indoor navigation functionality into a beta app which worked for iOS.</p>
<p>The placement of the beacons in strategic areas has resulted in a 1-metre accuracy location across the entire station. Several closed tests of the app have been performed by the Virgin, Network Rail and Pointr teams.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">Virgin Trains</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>London Bridge Multi-solution</h2>
<hr class="star-primary">
<img src="img/projects/pointr/4.png" class="img-responsive img-centered" alt="">
<h3>Trial of two technologies to address station congestion:<ul><li>Low energy bluetooth devices from Pointr Labs to offer users with an indoor navigation app in London Bridge station</li><li>CCTV video analytics from Vivacity Labs on passenger flow to help London Bridge station managers and planners.</li></ul></h3>
<p>This trial brought together several stakeholders to carry out a feasibility study at London Bridge station as part of the Thameslink Programme to understand how indoor navigation and pedestrian flow counting could help staff manage stations more effectively.</p>
<p>The Department for Transport approached the HackTrain Accelerator asking if the programme could help solve an upcoming challenge that the Thameslink Programme would face around assisting passengers in navigating inside the station.</p>
<p>Working closely with Go-Ahead, Vivacity, Pointr and Network Rail, the HackTrain lead a multi-stakeholder project testing the effective uses of Vivacity’s video sensor technology and Pointr’s indoor navigation app to determine if they could allow for dynamic way-finding within stations.</p>
<p>Vivacity selected 10 spots to install their video sensors across London Bridge station whilst Pointr installed their beacons in the entire station. Both teams installed their technology across both floors in the station. The 10 installation spots were the ones of areas that would be affected most during the redevelopment programme.</p>
<p>The HackTrain and Vivacity held several workshops with London Bridge station staff to understand the key challenges they faced with when trying to manage passenger flow in order to determine what key.</p>
<p>Once these were identified the team took the number of passengers travelling within the station at any one time and developed a real-time heat map dashboard that the station staff had access to.</p>
<p>Although the installation of the beacons was a very quick and seamless process, finding the right maps for the station was very difficult due to the number of changes it has already gone through.</p>
<p>Vivacity’s sensors processed footage from the station in real time and generated a historic database during 1 week of the trial. Unfortunately their sensors had to be removed 3 weeks ahead of schedule due to a change in the date of removal of the temporary scaffold to which the sensors were mounted. To mitigate against this, Vivacity recorded several hours of footage allowing them to continue to develop the solution beyond the end of the deployment.</p>
<p>HackTrain is putting together interactive and dynamic signage across the station in order for commuters to navigate across the station.
<p>HackTrain paused the development of the custom signage software, and contacted the technical director of the supplier that manufactures the WISI screens to assess if it is possible to update the screens programmatically. The technical director confirmed that it is possible to update screens programmatically given as long as we stick to the communication schema and the relevant credentials.</p>
<p>Unfortunately when received, some of the WISI screens were faulty - given that they were needed to also display information for passengers in the station, it was not possible to run trials with the limited number of WISI screens that were available.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">Go-Ahead, London Bridge Station Redevelopment Office</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Event Finder</h2>
<hr class="star-primary">
<img src="img/projects/igeolise/2.png" class="img-responsive img-centered" alt="">
<h3>Increasing off-peak train usage by enabling customers to find events and offers within a specific travel time using the operator’s lines.</h3>
<p>Virgin Trains and GWR worked together on solving the “driving off-peak-usage” challenge. Both TOCs decided to tackle the challenge by working with iGeolise’s TravelTime API. GWR and VT wanted to create interactive experiences for customers, to inspire their customers to travel more on their network, driving off-peak-usage.</p>
<p>The TravelTime API allows users to find destinations by time instead of by distance, including the cost for the travel, effectively allowing them to find things to do . The API uses every mode of transport to calculate the time taken to any destination, therefore being a true multimodal journey-planning tool.</p>
<p>Working with GWR’s web marketing team and ORM, their web agency supplier, the iGeolise team created a widget that could be inserted into the www.gwr.com/explore page with only 1 line of code.</p>
<p>The widget was trialled for a week in the production website. After this, the trial was taken to the next steps, where GWR decided to create a BETA page to trial new innovative technologies without having customer impact.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">Virgin Trains East Coast & GWR</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Web App Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Wireless Power-charging in Stations</h2>
<hr class="star-primary">
<img src="img/projects/powermat/4.png" class="img-responsive img-centered" alt="">
<h3>Temporary installation of custom Powermat tables to enable GWR customers to wirelessly charge their phones on the station concourse.</h3>
<p>The initial goal was to trial Powermat within a moving train, it fast became apparent that this would be difficult due to safety stands and regulations, despite Powermat meeting all the power consumption requirements there was no guidance on wireless charging standards and as a result Powermat was deemed too risky to trial on a live train.</p>
<p>With this option no longer available, the team opted to run a 3-day trial at Paddington station with a large Powermat table stand.</p>
<p>GWR managed to get approval to run the trial in Paddington station after several back and forths with the station managers, but after a few days it was finally accepted.</p>
<p>The trial took place for the course of 3 days, where passengers had the chance to charge their phones and learn more about Powermat and the trial that GWR was leading.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">GWR</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Hardware Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Staff Management</h2>
<hr class="star-primary">
<img src="img/projects/sirenum/2.png" class="img-responsive img-centered" alt="">
<h3>Make GWR safer and cheaper to operate by expanding an existing staff management trial into a larger number of depots.</h3>
<p>Although Sirenum were already delivering their solution to GWR before the accelerator their engagement with the GWR team was very low due to their lead sponsor leaving and they were looking for a new point of contact to be their new champion within the company.</p>
<p>Working with the HackTrain, Sirenum produced a business case highlighting how their staff management tool was improving efficiency and lowering over-time costs.</p>
<p>The initial trial included one single depot with 200 employees, taking fatigue into consideration. The results of this estimated £60,000~ in annual savings per sight. Once the business case was produced and sent to the right people GWR announced that they would be rolling out Sirenum across all of their depots in the entire network.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">GWR</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Software Adoption</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Delay Repay</h2>
<hr class="star-primary">
<img src="img/projects/raildelay/2.png" class="img-responsive img-centered" alt="">
<h3>Trialing RailDelay's ticket-scanning technology with the Commercial Director of London Midland and Customer Solutions Manager at Virgin Trains East Coast.</h3>
<p>RailDelay was one of the earliest-stage teams that took part in the HackTrain Accelerator programme. Conceived during the HackTrain Hackathon that took place in November 2015, the team joined the programme after receiving a strong amount of interest from each of the owning groups.</p>
<p>Exploring the demand and opportunity for a delay repay solution, the team discovered that the current processes used by train operators to calculate, validate and pay delay replay claims took anywhere between 20-60 minutes to complete.</p>
<p>The team contacted existing industry suppliers, including TOCrm and Bugle. After several discussions with TOCs, HackTrain and RailDelay developed with an innovative end-to-end solution comprising of:</p>
<ul><li>Delay repay form that was automatically filled when uploading a picture of a train ticket</li>
<li>A back-office app enabling staff to verify claims quickly and accurately</li>
<li>Basic analytics that rejected fraudulent and invalid claims automatically</li>
<li>Interaction with TOCrm</li></ul>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="#">Go-Ahead & Virgin Trains East Coast</a>
</strong>
</li>
<li>Date:
<strong><a href="#">May 2016</a>
</strong>
</li>
<li>Service:
<strong><a href="#">Web App Integration</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModala" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>Technology Events: Hackathons & Conferences</h2>
<hr class="star-primary">
<img src="img/events.png" class="img-responsive img-centered" alt="">
<h3>We organise and run a number of technology events every year.</h3>
<p>Our events draw a wide range of professionals from accross the industry. We We work with a number of different partners to deliver our events. The following annual events are available for sponsorship:</p>
<ul>
<li><a target="_blank" href="http://conference.hacktrain.com/">HackTrain Conference</a></li>
<p>The HackTrain Conference is single-day event occuring annually in June. The conference focuses on communicating and enabling innovation in the rail industry.</p>
<li><a target="_blank" href="http://uk.hacktrain.com/">HackTrain Hackathon: Europe</a></li>
<p>HackTrain EU is 48-hour weekend event occuring annually in November. ~80 developers, designers and entrepreneurs take part to think of solutions and new product ideas and innovations to solve problems in the rail industry. Three different trains take the participants across the UK and mainland Europe to various locations as they test and produce their products.</p>
<li><a target="_blank" href="http://hk.hacktrain.com/">HackTrain Hackathon: Hong Kong</a></li>
<p>HackTrain HK is single-day event occuring annually in November. Similar to HackTrain EU, except the event takes 40 participants across Hong Kong on the Mass Transit Railway system solving Hong Kong specific transport challenges.</p>
</ul>
<p>If your organisation would like to sponsor one of our events or your organisation is interested in running its own <strong>bespoke hackathon</strong> event then please <a href="mailto:[email protected]">get in touch</a>.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModalb" tabindex="-1" role="dialog" aria-hidden="true">
<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 col-lg-offset-2">
<div class="modal-body">
<h2>T.R.I.A.L.</h2>
<hr class="star-primary">
<img src="img/trial.png" class="img-responsive img-centered" alt="">
<h3><strong>T</strong>echnology for <strong>R</strong>ail <strong>I</strong>nnovation and <strong>A</strong>cceleration <strong>L</strong>aboratory.</h3>
<p>This service provides a fast-paced framework to solving challenges in rail. We identify your organisation's challenges, set up a sandbox environment for running trials and implement the solution in a live environment after it is proven to work.</p>
<p>If you're interested in learning more about T.R.I.A.L., please <a href="mailto:[email protected]">get in touch</a>.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>