-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
311 lines (286 loc) · 20.4 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
<!doctype <!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap 4 template meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Link to FontAwesome CDN -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<!-- Link to Bootstrap CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Link to Local CSS -->
<link rel="stylesheet" href="css/main.css">
<!-- Leaflet CSS file -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
crossorigin=""/>
<style>#maphubs { height: 100%; }</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128133497-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-128133497-1');
</script>
<title>Smart Mobility Hubs | SCODE</title>
<meta name="description" content="Visualizing the Smart Mobility Hubs project for SCODE.">
<!-- Open-graph metadata -->
<meta property="og:title" content="Smart Mobility Hubs"/>
<meta property="og:description" content="Visualizing the Smart Mobility Hubs project for SCODE.">
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://scodemeetup.github.io/hubs/"/>
<meta property="og:image" content="http://scodemeetup.github.io/hubs/images/SCODE.png"/>
</head>
<body data-spy="scroll" data-target=".site-nav" data-offset="55">
<header id="page-hero" class="site-header">
<!-- Navigation Bar: medium breakpoint, gray bar, light text -->
<nav class="site-nav family-sans text-uppercase navbar navbar-expand-md navbar-dark fixed-top">
<!-- Doesn't align container to the grid, edge of the page instead -->
<div class="container-fluid">
<!-- Navigation Bar Brand: icon and text -->
<a class="navbar-brand" href="#page-hero">
<i class="far fa-lightbulb mr-2"></i> SCODE</a>
<!-- Button for Navigation Bar -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myTogglerNav"
aria-controls="#myTogglerNav" aria-label="Toggle Navigation">
<!-- Hamburger button icon -->
<span class="navbar-toggler-icon"></span>
</button><!-- Button close -->
<!-- Create MyTogglerNav -->
<section class="collapse navbar-collapse" id="myTogglerNav">
<!-- Holds actual links for Navigation Bar -->
<!-- Margin left align automatic -->
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="#page-hero">home</a>
<a class="nav-item nav-link" href="#page-acronyms">acronyms</a>
<a class="nav-item nav-link" href="#page-purpose">purpose</a>
<a class="nav-item nav-link" href="#page-locations">locations</a>
<a class="nav-item nav-link" href="#page-features">features</a>
<a class="nav-item nav-link" href="#page-credits">credits</a>
<a class="nav-item nav-link" href="#page-sources">sources</a>
</div><!-- Navigation Bar link close -->
</section><!-- Navigation Bar collapse close -->
</div><!-- Container close -->
</nav><!-- Navigation Bar close -->
<section class="layout-hero d-flex align-items-center">
<div class="container"></div>
</section>
</header>
<article id="page-acronyms" class="page-section text-center py-5">
<header class="page-section-header container">
<div class="row justify-content-center">
<div class="col-11 col-sm-10-col-md-8">
<h2 class="layout-title">Acronym List</h2>
</div><!--Column close -->
</div><!-- Row close -->
</header><!--Acronyms Header close -->
<section class="layout-acronyms container my-5 family-sans">
<table class="table table-striped table-borderless table-dark table-sm">
<thead>
<tr>
<th scope="col">Acronym</th>
<th scope="col">Meaning</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><a href="https://smart.columbus.gov/projects/#project--smart-mobility-hubs" class="badge badge-pill badge-warning" target="_blank">HUBS</a></th>
<td>Smart Mobility Hubs</td>
</tr>
<tr>
<th scope="row"><a href="https://smart.columbus.gov/projects/#project--multimodal-trip-planningcommon-payment-system" class="badge badge-pill badge-warning" target="_blank">MMTPA</th>
<td>Multimodal Trip Planning Application</td>
</tr>
<tr>
<th scope="row">CPS</th>
<td>Common Payment System</td>
</tr>
<tr>
<th scope="row">FMLM</th>
<td>First Mile/Last Mile</td>
</tr>
<tr>
<th scope="row"><a href="https://www.cota.com" class="badge badge-pill badge-warning" target="_blank">COTA</a></th>
<td>Central Ohio Transit Authority</td>
</tr>
<tr>
<th scope="row">TNC</th>
<td>Transportation Network Company</td>
</tr>
</tbody>
</table><!-- Acronym Table close -->
</section><!-- Acronym Container close -->
</article>
<article id="page-purpose" class="page-section py-5">
<header class="page-section-header container text-center">
<h2 class="layout-title">Purpose</h2>
<blockquote class="blockquote">
<p class="layout-text">The purpose of the HUBS project is to deploy transportation facilities that provide travelers with consolidated transportation amenities such as interactive kiosks, provide access to comprehensive trip-planning tools (via MMTPA/CPS) and real-time transportation information, and are designed to accommodate multiple modes of transit from a single location including bike-share, car-share and mobility providers. These services are particularly useful in the completion of FMLM and multimodal trip options.</p>
<footer class="blockquote-footer">Project Scope in <a href="https://smart.columbus.gov/uploadedFiles/Projects/Smart%20Columbus%20Smart%20Mobility%20Hubs%20ConOps%202018-07-30_v2.pdf#page=10" class="badge badge-pill badge-primary" target="_blank">Concept of Operations</a> for Smart Mobility Hubs</footer>
</blockquote>
</header>
</article>
<article id="page-locations" class="page-section py-5">
<header class="page-section-header container text-center">
<h2 class="layout-title">Proposed HUBS Facilities</h2>
<p class="layout-text">Six initial HUBS deployment locations were selected. Five along the Cleveland Avenue Corridor, coinciding with COTA's <a href="https://www.cota.com/initiatives/cmax-bus-rapid-transit" class="badge badge-pill badge-warning" target="_blank">CMAX</a> service in the Linden Residential District and one in the Easton Commercial District.</p>
</header>
<section class="layout-locations container my-5">
<div id="maphubs" class="img-fluid rounded"></div>
</section>
</article>
<article id="page-features" class="page-section py-5">
<header class="page-section-header container text-center">
<h2 class="layout-title">Proposed Amenities</h2>
<p class="layout-text">The HUBS Facility is the physical site that consolidates the amenities of the HUBS System, which include an interactive kiosk, real-time information displays, pick-up/drop-off areas, bikeshare docks, bike racks, and parking spaces for mobility providers, park and ride, and carshares. Individual HUBS facilities will vary in size, configuration and available services. The following are descriptions of <a href="https://smart.columbus.gov/uploadedFiles/Projects/SCC-B-SysReq_HUBS_DRAFT_20181003_v1a.pdf#page=15" class="badge badge-pill badge-warning" target="_blank">components</a> that may be available at a HUBS facility:</p>
</header>
<section class="layout-features container py-5">
<div class="row text-center">
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-tv"></i>
</div>
<h3 class="layout-title">Interactive Kiosk</h3>
<p class="layout-text">Traveler interactive kiosks will be installed on free standing pylons at HUBS facilities. These kiosks will display real-time travel related information and provide an embedded touch screen display to serve as a direct interface between travelers and the MMTPA/CPS, providing the traveler the ability to plan, schedule and pay for trips using multimodal options available at the HUBS facility, along with additional information and instruction such as directing the traveler to a TNC pickup location.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-wifi"></i>
</div>
<h3 class="layout-title">Wi-Fi</h3>
<p class="layout-text">HUBS facilities will be equipped with public Wi-Fi that will allow a traveler to access the MMTPA/CPS and other transportation information on his or her personal wireless device.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-parking"></i>
</div>
<h3 class="layout-title">Park and Ride</h3>
<p class="layout-text">Designated parking spaces will be available at select HUBS locations and allow a traveler the option to complete a segment of his or her trip using a personal vehicle and parking at HUBS facility, where he or she can utilize the HUBS amenities to continue his or her trip using alternate modes of transportation.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-plug"></i>
</div>
<h3 class="layout-title">Electric Vehicle Charging</h3>
<p class="layout-text">Electric vehicle charging stations will be available at some HUBS locations based on the ongoing electrification study by the City of Columbus through the Vulcan grant.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fab fa-usb"></i>
</div>
<h3 class="layout-title">USB Charging</h3>
<p class="layout-text">Powered USB ports will be available at the HUBS location to allow travelers to recharge personal electronic devices like cellular phones, tablets, and other wireless devices while planning a trip or waiting for transportation services.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-phone"></i>
</div>
<h3 class="layout-title">Emergency Call Button</h3>
<p class="layout-text">Kiosks will include an emergency call button that, when activated, will send notification of the help request directly to the 911 emergency call center operated by the City of Columbus and initiate an audio connection between the distressed traveler and an operator at the emergency call center. The emergency call button will be a physical button which may be a located on the interactive kiosk pylon or independently at the HUBS facility.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-headset"></i>
</div>
<h3 class="layout-title">Interactive Voice Response</h3>
<p class="layout-text">Kiosks will include capability to connect to an Interactive Voice Response (IVR) system that will allow travelers to interact with the MMTPA and trip planning tools through use of voice commands. The IVR system is a function of the MMTPA project and where it is described in greater detail.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="far fa-clock"></i>
</div>
<h3 class="layout-title">Real-Time Data Display</h3>
<p class="layout-text">Real-Time Data Displays will be present at HUBS facilities and will post current transit information, public notifications and other information on kiosk displays and/or on other display monitors at some existing facilities.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-mobile-alt"></i>
</div>
<h3 class="layout-title">Personal Wireless Device</h3>
<p class="layout-text">A personal wireless device such as a cell phone or tablet may be used at HUBS facilities to access the MMTPA via public Wi-Fi or through a personal data plan. Wi-Fi access may include the development of a HUBS home webpage that displays or provides links to real-time information that will be displayed on kiosk screens at the HUBS facility. Additionally, trip confirmation codes and other trip information may be sent to the personal wireless device upon traveler request and used to gain access to TNC’s or to unlock bikes at bike-sharing docks.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-truck-loading"></i>
</div>
<h3 class="layout-title">Designated Passenger Pickup/Drop Off Zones</h3>
<p class="layout-text">Loading zones will be available at HUBS locations in the form of pull off lanes and/or parking spaces located away from travel lanes that will allow safe transfer of passengers between modes of transportation. These zones will primarily be used for mobility providers and will be clearly marked with signage and pavement markings.</p>
</section>
<section class="col-md-4 my-3">
<div class="icon layout-icon">
<i class="fas fa-bicycle"></i>
</div>
<h3 class="layout-title">Dockless Device Parking Zones</h3>
<p class="layout-text">Designated zones will be established for parking dockless devices such as scooters, electric bikes, etc. to prevent interference between this rapidly increasing mode of transportation and other services offered at the HUBS facilities.</p>
</section>
</div>
</section>
</article>
<article id="page-credits" class="page-section py-5">
<header class="page-section-header container text-center">
<h2 class="layout-title">Credits</h2>
<p class="layout-text">This project was created by Jesse Mathews and the EDA team for the <a href="https://www.scodemeetup.org/" class="badge badge-pill badge-primary" target="_blank">SCODE</a> Meetup on November 6th, 2018. SCODE is community driven group dedicated to improving lives in Columbus through open data, technology, and education.</p>
<p class="layout-text">It was created using:</p>
</header>
<section class="layout-photogrid">
<div class="row justify-content-center">
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/HTML5_Logo.svg" alt="HTML 5" class="img-fluid" style="height: 128px; width: 100%">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/CSS3_logo_and_wordmark.svg" alt="CSS 3" class="img-fluid" style="height: 128px; width: 100%">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/bootstrap-solid.svg" alt="Bootstrap" class="img-fluid" style="height: 128px; width: 100%">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/leaflet_logo.svg" alt="Leaflet" class="img-fluid" width="100%">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/JQuery_logo.svg" alt="jQuery" class="img-fluid" width="100%">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<img src="images/Font_Awesome_5_logo_black.svg" alt="Font Awesome" class="img-fluid" width="100%">
</div>
</div>
</section>
</article>
<article id="page-sources" class="page-section py-5">
<header class="page-section-header container text-center">
<h2 class="layout-title">Sources</h2>
<p class="layout-text">The <a href="https://www.smartcolumbusos.com" class="badge badge-pill badge-primary" target="_blank">Smart Columbus Operating System</a> features an Open Data Platform, which provides anytime access to the city’s latest mobility data.</p>
<p class="layout-text">For updates on the Smart Mobility Hubs project, visit the <a href="https://smart.columbus.gov/playbook/Smart-Mobility-Hubs/" class="badge badge-pill badge-primary" target="_blank">Smart Columbus Playbook</a>. Playbook is a platform for sharing what Smart Columbus is doing, what they’ve learned and how other cities can do it, too.</p>
</header>
</article>
<!-- Footer: gray background, flex box, content in center -->
<footer class="site-footer bg-secondary d-flex justify-content-center">
<!-- Add padding to bottom of footer -->
<section class="layout-social py-5">
<a class="text-light px-2" href="https://www.meetup.com/Smart-Columbus-Open-Data-Enthusiasts" target="_blank">
<i class="layout-icon fab fa-meetup"></i>
</a>
<a class="text-light px-2" href="https://techlife-columbus-slack.herokuapp.com" target="_blank">
<i class="layout-icon fab fa-slack-hash"></i>
</a>
<a class="text-light px-2" href="https://github.com/SCODEMeetup/" target="_blank">
<i class="layout-icon fab fa-github"></i>
</a>
</section><!-- Layout Social close -->
</footer><!-- Footer close -->
<!-- Links to Bootstrap 4 template JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Leaflet JavaScript file -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
crossorigin=""></script>
<!-- Additional JavaScript files -->
<script src="js/scrollspy.js"></script>
<script src="js/hubs.js"></script>
</body>
</html>