-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
296 lines (267 loc) · 15.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="./bootstrap-4.3.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./bootstrap-4.3.1-dist/js/bootstrap.min.js">
<link rel="stylesheet" href="./style.css">
<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300&display=swap" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Raleway:700|Roboto:300&display=swap" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet"> -->
<meta charset="utf-8">
<title></title>
</head>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>
<!--
# # ####### # # # #
## ## # ## # # #
# # # # # # # # # #
# # # ##### # # # # #
# # # # # # # #
# # # # ## # #
# # ####### # # #####
-->
<!--Main Navigation-->
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top center whiteTranspBg">
<div class="container">
<a class="navbar-brand" href="index.html">
<img class=" img-fluid d-none d-lg-flex" src="./Onett_final.png" alt="ONETT">
<img class="img-fluid d-md-flex d-lg-none d-xl-none" src="./logo_mobile.png" alt="ONETT">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active text_space">
<a class="nav-link" href="about.html"><h4>About</h4><span class="sr-only">(current)</span></a>
</li>
<li class="nav-item text_space">
<a class="nav-link" href="https://snap.summerofcode.es/"><h4>Try it!</h4></a>
</li>
<li class="nav-item text_space">
<a class="nav-link" href="team.html"><h4>Team</h4></a>
</li>
<li class="nav-item text_space">
<a class="nav-link" href="stakeholders.html"><h4>Stakeholders</h4></a>
</li>
</ul>
<!-- <form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> -->
</div>
</div>
</nav>
<img src="./adults-city-crowded-1970283.jpg" width="100%" height="auto"alt="bus_stop">
</header>
<!--
###### ####### ##### ##### ###### ### ###### ####### ### #######
# # # # # # # # # # # # # # # #
# # # # # # # # # # # # # #
# # ##### ##### # ###### # ###### # # # #
# # # # # # # # # # # # #
# # # # # # # # # # # # # # #
###### ####### ##### ##### # # ### # # ### #######
-->
<div class="jumbotron">
<div class="container">
<h3 class="ralewayhead" >What is ONETT?</h3>
<p class="ralewaytext">If you have travelled to a different country inside EU, you probably realized that you needed to download
a different app for your smartphone just to know the train, bus or tube fares, lines or stops. And the fastest answer for that
is: different data representations for the same data information. <br>ONETT provides a wise solution for this problem using the most advanced
european data representation for public transport information. Providing transport data directly from the european data access points, these access points
are across Europe and will be the connection between transport enterprises, data providers, and transport costumers, you. <br><br></p>
<h3 class="ralewayhead" >Why is different from other platforms?</h3>
<p class="ralewaytext">It is true that a market already exist for the delivery of travel information services to end users, but a number of gaps
and barriers are still present limiting the full potential of such services. <br> ONETT provides an open source platform for all transport information of all european cities, in one APP, integrating all the data
behind european regulation and TRANSMODEL standard with more information and more accuracy about the city transport wherever you are. An APP tied to all the specifications neccesaries to ensure the accesibility,
exchange and update of travel and traffic data and distributed journey planning for the provision multimodal information services in the European Union</p>
</div>
</div>
<!--
# # ### ###### ###### # ####### ###### # ##### #######
## ## # # # # # # # # # # # # # #
# # # # # # # # # # # # # # # # #
# # # # # # # # # ##### ###### # # # #### #####
# # # # # # # # # # ####### # # #
# # # # # # # # # # # # # # #
# # ### ###### ###### ####### ####### # # # ##### #######
-->
<br><br>
<h2 class="text-info left orange ralewayhead" align="center">BEHIND THE SCENES</h2>
<div class="hm-gradient">
<div class="container flex-center">
<div class="row pt-5 mt-3 ">
<div class="col-lg-6 wow fadeIn">
<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dTt1xdwmzs0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-6 wow fadeIn mb-5 text-center text-lg-left">
<div class="white-text">
<h1 class="h1-responsive font-weight-bold wow fadeInLeft ralewayhead" data-wow-delay="0.3s">TRANSMODEL</h1>
<hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s">
<p class="wow fadeInLeft ralewaytext" data-wow-delay="0.3s">Transmodel is the European Reference Data Model for public transport and constitutes an offer to public
transport companies and other providers of services related to the process of passenger transportation (planning, operation and information).
<br>The reference data model, developed at conceptual level, can support the development of software applications, their interaction or combination in an integrated information
system, and the system's organization and information management which rules the utilisation of the existing telematics environment in a company running comuputer apps supporting
the different functional areas of public transport.</p>
<br>
<a class="btn btn-outline-white wow fadeInLeft ralewaytext" data-wow-delay="0.3s">Do you need more info about TRANSMODEL?</a>
<a href="http://www.transmodel-cen.eu/" class="btn orange-bg white ralewayhead" role="button">Learn more!</a>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="hm-gradient">
<div class="container flex-center">
<div class="row pt-5 mt-3">
<div class="col-lg-6 wow fadeIn mb-5 text-center text-lg-right">
<div class="white-text">
<h1 class="h1-responsive font-weight-bold wow fadeInRight ralewayhead" data-wow-delay="0.3s">NETeX</h1>
<hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s">
<p class="wow fadeInLeft ralewaytext" data-wow-delay="0.3s">NeTEx is a CEN Technical Standard for exchanging Public Transport schedules and related data.<br>
NeTEx is intended to be a general purpose XML format designed for the efficient, updateable exchange of complex transport data among distributed system. This allows
the data to be used in modern web services architectures and to support a wide range of passenger information and operational applications.</p>
<a class="btn btn-outline-white wow fadeInLeft" data-wow-delay="0.3s">Do you need more info about NETeX?</a>
<a href="http://netex-cen.eu/?page_id=192" class="btn white ralewayhead orange-bg" role="button">Learn more!</a>
<br>
</div>
</div>
<div class="col-lg-6 wow fadeIn">
<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">
<iframe class="embed-responsive-item" width="200" height="200" src="https://www.youtube.com/embed/KXSI-iRuNfc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="hm-gradient">
<div class="container flex-center">
<div class="row pt-5 mt-3">
<div class="col-lg-6 wow fadeIn">
<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">
<!-- <iframe class="embed-responsive-item" src="/home/pabloc/Desktop/oSoc19/ONETTweb/800px-Flag_of_Europe.svg.png"></iframe> -->
<img class="embed-responsive-item" src="./800px-Flag_of_Europe.svg.png" alt="">
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-6 wow fadeIn mb-5 text-center text-lg-left">
<div class="white-text">
<h1 class="h1-responsive font-weight-bold wow fadeInLeft ralewayhead" data-wow-delay="0.3s">EU REGULATION</h1>
<hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s">
<p class="wow fadeInLeft ralewaytext" data-wow-delay="0.3s">The Delegated Regulation supplementing Directive 2010/40/EU of the European
Parliament and of the Council with regard to the provision of EU-wide multimodal travel information services is an enabler for increased modal shift and
the promotion of sustainable modes of transport. This initiative expects to provide the neccesary requeriments to make EU-wide multimodal travel information
services accurate and available across borders.</p>
<br>
<a class="btn btn-outline-white wow fadeInLeft ralewaytext" data-wow-delay="0.3s">Do you need more info about Directive 2010/40/EU?</a>
<a href="http://www.transmodel-cen.eu/wp-content/uploads/sites/2/2015/02/CELEX32017R1926ENTXT.pdf" class="btn white orange-bg ralewayhead" role="button">Learn more!</a>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="hm-gradient">
<div class="container flex-center">
<div class="row pt-5 mt-3">
<div class="col-lg-6 wow fadeIn mb-5 text-center text-lg-right">
<div class="white-text">
<h1 class="h1-responsive font-weight-bold wow fadeInRight ralewayhead" data-wow-delay="0.3s">Science behind ONETT</h1>
<hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s">
<p class="wow fadeInLeft ralewaytext" data-wow-delay="0.3s">In this paper, we describe our implemented approach for the usage and exploitation of declarative
mappings for the publication of open transport data from transport authorities and operators into an ontology based on TransModel. This will allow a
homogeneous representation of transport data across EU transport-related organisations and will minimise the need to understand ad-hoc heterogeneous
representation formats for transport data as currently published by them. We will show how we are creating and using RML mappings for the specific case of
transforming GTFS data into a TransModel-based ontology. In the future, such data may be further transformed into other formats such as NeTEx.</a><br><br>
<a href="https://osoc-es.github.io/onett-paper/output/" class="btn white ralewayhead orange-bg" role="button">ONETT paper</a>
<br>
</div>
</div>
<div class="col-lg-6 wow fadeIn">
<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">
<!-- <iframe class="embed-responsive-item" width="200" height="200" src="https://www.youtube.com/embed/KXSI-iRuNfc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
allowfullscreen></iframe> -->
<img class="embed-responsive-item" src="./workflow.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!--
###### ####### # # ####### ###### #####
# # # # # # # # # # #
# # # # # # # # # #
# # ##### # # # # ###### #####
# # # # # # # # #
# # # # # # # # # #
###### ####### # ####### # #####
-->
<br><br><br>
<div class="jumbotron">
<div class="container">
<h3 class="ralewayhead" >Are you a Stakeholder?</h3>
<p class="ralewaytext">ONETT is not only a state-of-the-art millenial transport app, indeed it's much more. We are conscious that transcript from a standart to an other is
really boring, for that we have developed an efficient solution to transform all your old
GTFS files into TRANSMODEL in just one click. It sounds great, isn't it? <br><br> Discover more: </p>
<a href="https://snap.summerofcode.es/authorities" class="btn white orange-bg ralewayhead" role="button">ONETT CONVERTER TOOL</a>
</div>
</div>
<!--
####### # # ######
# ## # # #
# # # # # #
##### # # # # #
# # # # # #
# # ## # #
####### # # ######
-->
<br><br><br><br><br><br><br>
<div class="jumbotron gradientBg">
<h5 class="white ralewayhead" align="center">WANNA SPEND LESS? ONETT SHOWS YOU THE CHEAPEST WAY!</h5>
<br><br>
<div class="container">
<div class="container-fluid white" >
<div class="row vertical-align">
<div class="col-md-6 col-sm-12">
<div class="row">
<div class="col-md-3 col-sm-4">
<a href="https://github.com/osoc-es">
<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-github"></ion-icon></h5>
</a>
</div>
<div class="col-md-3 col-sm-4">
<a href="https://twitter.com/osocode_es">
<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-twitter"></ion-icon></h5>
</a>
</div>
<div class="col-md-3 col-sm-4">
<a href="https://www.youtube.com/channel/UCajxNQfzDysVK_9nVFvtUzQ">
<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-youtube"></ion-icon></h5>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<h5 class="white ralewayhead" align="right">ONETT Spain 2019. oSoC19.All rights reserved</h5>
</div>
</div>
</div>
</div>
</div>
<script src="./main.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>