/
uso.html
149 lines (141 loc) · 6.53 KB
/
uso.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Taxis Intelgentes | Uso de Taxis</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<link rel="stylesheet" href="css/map.css">
<link rel="stylesheet" href="css/notifications.css">
</head>
<body>
<div>
<a target="_blank" href="https://github.com/fabianheredia/Taxis_Inteligentes">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="img/forkme_right_darkblue.png" alt="Fork me on GitHub">
</a>
<section class="hero is-primary">
<div class="hero-body">
<div class="container">
<h1 class="title is-ancestor">
Taxis Inteligentes
</h1>
<h2 class="subtitle">
Análisis de Información
</h2>
</div>
</div>
</section>
</div>
<div class="container">
<div class="tabs is-centered">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="actividad.html">Actividad de Taxis</a></li>
<li class="is-active"><a href="uso.html">Uso de Taxis</a></li>
<li><a href="team.html">Equipo</a></li>
</ul>
</div>
<section class="section" id="intro">
<button class="button is-light" onclick="tour();" style="float:right;">Reproducir Guía</button>
<h1 class="title">Uso de Taxis</h1>
<h2 class="subtitle"></h2>
<div class="content">
<p>Poder ubicar en algunas zonas, donde más se recogen y se dejan pasajeros permite generar zonas
amarillas, así se le puede indicar al gremio de taxistas los lugares donde más demanda existe, esta
información también se podría vincular con otros niveles de información para poder actuar sobre
mantenimientos viales, seguridad entre otros.</p>
<p>La tarea principal de esta sección es identificar con claridad las localidades donde mas se recogen
y se dejan pasajeros, así como poder ubicar estos servicios en el espacio</p>
</div>
</section>
<section class="section">
<div class="columns is-desktop">
<div id="filterMes" class="field">
<div class="control">
<div class="select is-primary">
<select id="selMes">
<option>Abril2018</option>
<option>Mayo2018</option>
</select>
</div>
</div>
</div>
</div>
<div class="columns is-desktop">
<div id="grafico" class="column has-text-centered">
<span class="button">¿De dónde a dónde se toman los taxis en Bogotá?</span>
</div>
<div id="elmapa" class="column has-text-centered">
<span class="button">Densidad de uso de los taxis</span>
</div>
</div>
<div class="columns is-desktop">
<div class="column has-text-centered">
<span id="selectLocalidad"></span>
</div>
</div>
<div class="columns is-desktop">
<div class="column">
<div class="grafico"></div>
</div>
<div class="column">
<div id="mapauso"></div>
</div>
</div>
</section>
<section class="section">
<h1 class="title">Insights</h1>
<h2 class="subtitle"></h2>
<div id="insight" class="content">
<ul>
<li>
<p>Para el mes de abril de 2018 y mayo de 2018 la mayor cantidad de servicios generados fue en
las localidades de Puente Aranda y Suba respectivamente.</p>
</li>
<li>
<p>Los destinos mas servicios presentaron en los meses de abril y mayo de 2018 fueron Usaquén,
Fontibón y suba.</p>
</li>
<li>
<p>Las zonas centro y norte son las que mas servicios de taxi solicitan y donde mas servicios
de taxi finalizan</p>
</li>
<li>
<p>Con el mapa se puede notar puntos calientes donde se podrían instalar zonas amarillas para
que los taxis estén atentos a prestar el servicio.</p>
</li>
</ul>
</div>
</section>
</div>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
Analisis por <b>Fabian Camilo Heredia</b> y <b>Manuel Alvarado</b> con licencia
<a href="http://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>.
</p>
<p>
<strong>Datos fuente de: </strong>
<a href="http://www.movilidadbogota.gov.co/web/" target="_blank">Secretaría Distrital de Movilidad</a>
</p>
<a href="https://bulma.io" target="_blank">
<img src="https://fabianheredia.github.io/creditosAgroColombia/img/made-with-bulma.png" alt="Made with Bulma"
width="128" height="24">
</a>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="libraries/enjoyhint/enjoyhint.min.js" type="text/javascript"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://js.arcgis.com/4.9/"></script>
<link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/themes/dark/main.css">
<link rel="stylesheet" href="libraries/enjoyhint/enjoyhint.css">
<link rel="stylesheet" href="css/sankey.css">
<script src="js/mapauso.js"></script>
<script src="js/sankey.js"></script>
<script src="js/main.js"></script>
<script src="js/notifications.js" type="text/javascript"></script>
</body>
</html>