stop2.github.io/index.html at master · STOP2/stop2.github.io · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <title>STOP 2.0 by STOP2</title>
  </head>

  <body>
    <header>
      <div class="inner">
        <h1>STOP 2.0</h1>
        <h2>digital stop-button for your phone</h2>
        <a href="https://github.com/STOP2" class="button"><small>Find us on </small>GitHub</a>
      </div>

      <div class="inner-nav">
        <div id="nav-bar">
          <ul>
            <li><a href="/#for-whom">for whom?</a></li>
            <li><a href="/#the-solution">the solution</a></li>
            <li><a href="/#technology">technology</a></li>
            <li><a href="/#aknowledgements">aknowledgements</a></li>
            <li><a href="/#download">download</a></li>
          </ul>
        </div>
      </div>
    </header>

    <div id="for-whom">
      <div class="inner clearfix">
        <section id="main-content">
          <div class="container">
            <div class="image-left">
              <img src="images/blind.jpg">
              <h4><span></a>For the <strong>blind</strong></span></h4>
            </div>

            <div class="text-right">
              <h6>How do the blind recognize the right bus in Länsiväylä during rush hour? Currently they don't.</h6>
              <p>With STOP 2.0 every bus stop has an iBeacon Bluetooth transmitter. The mobile app in the traveller's pocket recognizes the nearest bus stop via iBeacons. Then the application provides information about next departures from the stop. After that it's easy to send a request for the driver of your chosen bus to pick you up.</p>
            </div>
          </div>

          <div class="container">
            <div class="image-right">
              <img src="images/children.jpg">
              <h4><span></a>For <strong>children</strong></span></h4>
            </div>

            <div class="text-left">
              <h6>Have you ever been worried about a child who is travelling on alone? Currently not all buses have info screens indicating the name of the next stop.</h6>
              <p>When using STOP 2.0 there is no need to panic. Every bus has an iBeacon transmitter to identify the current bus the user is in. The stop destination can be chosen in advance so the child has plenty of time to choose and pick the stop where they want to get off.</p>
            </div>
          </div>

          <div class="container">
            <div class="image-left">
              <img src="images/tourist.jpg">
              <h4><span></a>For <strong>tourists</strong></span></h4>
            </div>

            <div class="text-right">
              <h6>How do the tourists that don't know Helsinki know when to get off a stop?</h6>
              <p>With STOP 2.0 tourists spend less time deciphering timetables and more time sightseeing, since getting off at the right stop is guaranteed. All the user has to do is wait for the notification which tells when the chosen bus is arriving at the correct stop.</p>
            </div>
          </div>
        </section>
      </div>
    </div>

    <div id="the-solution">
      <div class="inner clearfix">
        <section id="main-content">
          <div class="text">
            <h3>The Problem</h3>
            <p>The existing public transport doesn't pay enough attention to different special needs groups such as the visually impaired, children or the elderly. We want Helsinki to be the city where the people can use public transport smoothly regardless of age or capability. Currently, it is very difficult for visually impaired people to get the right bus to stop, especially during rush hour or if the bus is late. On the other hand, children can easily panic if they are not familiar with the route and the info screen with stop names is missing or faulty.</p>

            <h3>The Solution</h3>
            <p>The main purpose of the STOP 2.0 is to allow the traveller to give information for the driver about their wish to stop the bus. The application uses small iBeacon Bluetooth transmitters for location. Both the buses and the stops have iBeacon transmitters, so the user is able to identify the beacon and ask the bus to stop on the right place: either from the bus stop for the approaching vehicle or from inside the bus. STOP 2.0 is integrated into buses to notify the driver about the need to stop at a certain bus stop.</p>
          </div>
        </section>
      </div>
    </div>

    <div id="technology">
      <div class="inner clearfix">
        <section id="main-content">
          <div class="text">
            <h3>Technology</h3>
            <h5>STOP 2.0 uses state of the art technology.</h5>
            <p>The mobile application is written in <a href="https://facebook.github.io/react-native/"><b>React Native</b></a>. The back end server uses <a href="https://www.python.org/"><b>Python</b></a> and <a href="http://flask.pocoo.org"><b>Flask</b></a> and is continuously deployed by <a href="https://travis-ci.org"><b>Travis-CI</b></a>. The app also uses <a href="https://developer.apple.com/ibeacon/"><b>iBeacons</b></a> for stop and vehicle identification.</p>
            <p>A more accurate description of the technical architecture can be found <a href="https://github.com/STOP2/stop2.0-documentation/wiki/System%20Architecture"><b>here</b></a>.
          </div>

          <div class="image">
            <img src="images/stops.jpg">
          </div>
          <div class="image">
            <img src="images/notification.jpg">
          </div>
        </section>
      </div>
    </div>

    <div id="aknowledgements">
      <div class="inner clearfix">
        <section id="main-content">
          <div class="text">
            <h3>Aknowledgements</h3>
            <p>The original idea by Henna Kalliokoski, Pihla Toivanen, Jenny Tyrväinen, Ronja Oja and Tintti Rahikainen won the <a href="http://www.spatineo.com/2016/06/helsinki-region-transport-hackathons-winning-project-targets-special-needs-group/"><strong>first prize</strong></a> in <a href="https://www.hsl.fi/uutiset/2016/stop-20-palvelu-puhdisti-palkintopoydan-hsln-reittiopas-koodaustapahtumassa-8519"><strong>HSL</strong></a>'s hackathon.</p>
            <p>The application that later implemented the original idea received a <a href="http://www.liikennevirasto.fi/-/liikenteen-ja-liikkumisen-palveluiden-uudet-innovaatiot-esilla-slush-ultrahack-2016-tapahtumassa#.WFKV6kSxZ20"><strong>special mention and mentoring prize</strong></a> from <b>Finnish Transport Agency</b> in <b>Ultrahack 2016</b>.</p>
          </div>
        </section>
      </div>
    </div>

    <div id="download">
      <div class="inner clearfix">
        <section id="main-content">
          <div class="dl-button">
            <a href="https://play.google.com/store/apps/details?id=com.stop2travellerclient&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img width="200" alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"/></a>
          </div>
        </section>
      </div>
    </div>

  </body>
</html>