-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (212 loc) · 7.27 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
---
layout: default
title: Open-Transport Köln
---
<div class="row border-row" id="ueber-uns">
<div class="span6">
<p>Was kann man mit den Daten des öffentlichen Nahverkehrs tun, wenn sie offen für alle zugänglich sind? Welche Anwendungen, Visualisierungen und Apps können aus ihnen entstehen? Wie können diese dabei helfen den Service der Verkehrsunternehmen und den Alltag von BürgerInnen zu verbessern und zu vereinfachen?</p>
<p>Um diese Fragen zu erforschen und sie mit laufendem Code zu beantworten lädt die Open Knowledge Foundation Deutschland zusammen mit anderen Open Transport Aktivisten zu einem Apps and the City Hack-Track ein.</p>
</div>
<div class="span6">
<p> An diesem Tag werden Datensätze und Problemstellungen von Entwickler/innen bearbeitet und Prototypen umgesetzt. Über Konzepte und Prototypen soll das Potential von Open Data aufgezeigt und weitere Entwicklungen angeschoben werden!</p>
<p>Alle Informationen und Daten die den Entwicklern und Designern beim Apps and the City Cologne Hack-Track zur Verfügung stehen finden sich <a href="http://cologne.appsandthecity.net/daten/">hier</a>.</p>
</div>
</div>
<section>
<div class="row">
<h3 class="span3" id="entwicklertag">Entwicklertag</h3>
</div>
<div class ="row border-row">
<div class="span12">
<p><a href="http://interactive-cologne.com">Trinitatiskirche Köln</a> | Filzengraben 6 | 50676 Köln | U-Bhf Heumarkt</p>
<div id="map_canvas" style="width:940px; height:350px"></div>
</div>
</div>
<div class="row">
<div class="span3">
<a href="http://interactive-cologne.com/hack-n-tech-startup.html"><h4 class="full-width register">Weitere Informationen</h4></a>
</div>
<div class="span9">
<h4 class="full-width date">18. Juni 2013</h4>
</div>
</div>
<div class="row">
<div class="span9 offset3">
<table class="table table-condensed">
<tr>
<td>09.00 Uhr</td>
<td>Hacker-Breakfast</td>
</tr>
<tr>
<td>10.00 Uhr</td>
<td>Official Welcome Speech</td>
</tr>
<tr>
<td>11.00 Uhr</td>
<td>Session 1</td>
</tr>
<tr>
<td>12.00 Uhr</td>
<td>After Session Talk</td>
</tr>
<tr>
<td>12.30 Uhr</td>
<td>Network Lunch</td>
</tr>
<tr>
<td>14.30 Uhr</td>
<td>Session 2</td>
</tr>
<tr>
<td>15.45 Uhr</td>
<td>Session 3</td>
</tr>
<tr>
<td>17.00 Uhr</td>
<td>Session 4</td>
</tr>
<tr>
<td>18.30 Uhr</td>
<td>Interactive Cologne meet and Greet</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="span9 offset3">
<h4 class="full-width date">19. Juni 2013</h4>
</div>
</div>
<div class="row">
<div class="span9 offset3">
<table class="table table-condensed">
<tr>
<td>09.00 Uhr</td>
<td>Startup-Breakfast</td>
</tr>
<tr>
<td>10.00 Uhr</td>
<td>Official Welcome Speech</td>
</tr>
<tr>
<td>11.00 Uhr</td>
<td>Session 1</td>
</tr>
<tr>
<td>12.00 Uhr</td>
<td>After Session Talk</td>
</tr>
<tr>
<td>12.30 Uhr</td>
<td>Network Lunch</td>
</tr>
<tr>
<td>14.30 Uhr</td>
<td>Session 2</td>
</tr>
<tr>
<td>15.45 Uhr</td>
<td>Session 3</td>
</tr>
<tr>
<td>17.00 Uhr</td>
<td>Session 4</td>
</tr>
<tr>
<td>18.30 Uhr</td>
<td>Interactive Cologne meet and Greet</td>
</tr>
</table>
<p><b>Für eine gute Internetanbindung und Verpflegung ist gesorgt.</b></p>
</div>
</div>
</section>
<section>
<div class="row">
<h3 class="span3" id="beispiele">Beispiele</h3>
</div>
<div class="row border-row">
<div class="span12">
<p>In vielen Ländern gibt es bereits positive Beispiele was die Bereitstellung von Daten und die Entwicklung<br />von innovativen Anwendungen angeht. Einige wollen wir hier vorstellen:</p>
<ul class="thumbnails no-border">
<li class="span4">
<a class="thumbnail" href="http://www.chromaroma.com/">
<img src="img/examples/chromaroma.png" alt="Chromaroma"/>
</a>
</li>
<li class="span4">
<a class="thumbnail" href="http://www.exitstrategynyc.com/">
<img src="img/examples/exitstrategy.png" alt="Exit Strategy"/>
</a>
</li>
<li class="span4">
<a class="thumbnail" href="http://www.mapnificent.net/">
<img src="img/examples/mapnificent.png" alt="Mapnificent"/>
</a>
</li>
<li class="span4">
<a class="thumbnail" href="http://brokenlifts.org/">
<img src="img/examples/brokenlifts.png" alt="Broken Lifts"/>
</a>
</li>
<li class="span4">
<a class="thumbnail" href="http://stations.aeracode.org/">
<img src="img/examples/stationmaps.png" alt="3D Station Maps"/>
</a>
</li>
<li class="span4">
<a class="thumbnail" href="http://zugmonitor.sueddeutsche.de/">
<img src="img/examples/zugmonitor.png" alt="Zugmonitor"/>
</a>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<h3 class="span7" id="argumente">Argumente für offene Nahverkehrsdaten</h3>
</div>
<div class="row border-row">
<div class="span12">
<ul id="aatc-facts" class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="img/icon_service.png" alt="Service">
<p>Besserer Service und Informationsbereitstellung</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="img/icon_apps.png" alt="Apps">
<p>Mehr Auswahl an Apps und Anwendungen. Entwickler und Unternehmen bekommen die Möglichkeit Marktlücken zu schließen und neue innovative Anwendungen umzusetzen</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="img/icon_entwicklung.png" alt="Entwicklung">
<p>Vorteile für die Städteplanung: CO2 Ausstoß, Energieverbrauch</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="img/icon_kinderwagen.png" alt="Accessibility">
<p>Mehr Anwendungen für Personen mit speziellen Bedürfnissen: Rollstuhlfahrer, Blinde, Personen mit Kinderwagen</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="img/icon_smartphone.png" alt="Offline-Versionen">
<p>Offlineversionen von Nahverkehrsapps (z.b. für Touristen)</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="img/icon_wettbewerb.png" alt="Wettbewerb">
<p>Mehr Wettbewerb unter den App-Herstellern - dadurch ein verlässlicherer Informations-Service für die Fahrgäste</p>
</div>
</li>
</ul>
</div>
</div>
</section>