This repository has been archived by the owner on Nov 3, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2015.html
442 lines (408 loc) · 15.9 KB
/
2015.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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<html lang="de">
<head>
<meta charset="utf-8">
<title>OK Lab Chemnitz</title>
<meta name="description" content="Code for Chemnitz Präsentation">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/simple.css" id="theme">
<link rel="stylesheet" href="css/ok/ok.css">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<!-- For syntax highlighting -->
<link rel="stylesheet" href="css/github-highlight.css">
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<img class="logo" src="images/CFG_Chemnitz.svg">
<p>
<small class="ok-orange">CODE A DIFFERENCE: Nutz' deine Fähigkeiten, um deine Stadt zu verbessern!</small>
</p>
</section>
<section>
<h2>Gliederung</h2>
<ol class="">
<li>Wer sind wir?</li>
<li>Was ist Code for Germany?</li>
<li>Das OK-Lab Chemnitz</li>
<li>Projekte Chemnitz</li>
<li>Projekte Deutschland</li>
<li>Offene Daten in Chemnitz?!</li>
<li>Die Zukunft</li>
</ol>
</section>
<section>
<section>
<h2>Wer sind wir?</h2>
</section>
<section>
<h3 style="line-height:1.2em">Tobias Gall, <br \>Ronny Hartenstein & <br \>Morris Jobke</h3><br /><br />
<p style="line-height:1.1em">Lab Leads, Webentwickler (PHP, Python)<br />
Open-{Source|Data|...}-Enthusiasten<br/>Interessiert an kuhlen Projekten</p>
<br/>
</section>
</section>
<section>
<section>
<h2>Was ist Code for Germany?</h2>
</section>
<section class="left">
<p> <span class="bold">Was ist Code for
Germany?</span><br /> Ein Netzwerk von
Menschen, die sich praktisch mit
öffentlichen Daten und Civic Tech
beschäftigen. </p>
<p> <span class="bold">
Die Idee dahinter:</span><br /> Gemeinsam
Open Data, Partizipation und staatliche
Transparenz vorantreiben und nützliche
digitale Werkzeuge für Bürger entwickeln.
</p>
<p> <span class="bold">Partner:</span>
Gestartet wurde das Programm von der Open
Knowledge Foundation Deutschland in
Partnerschaft mit Code for America, Google
und aktiven Teams in ganz DE. </p>
</section>
<section class="left">
<h3>Wie?</h3>
<p>Lokale Gruppen in Städten: OK Labs (Open Knowledge Labs)</p>
<p>/ <span class="bold">treffen</span> sich regelmäßig um an Anwendungen und Visualisierungen für ihre Stadt zu arbeiten.</p>
<p>/ <span class="bold">vernetzen</span> sich deutschlandweit um gemeinsam an Projekten zu arbeiten.</p>
<p>/ stellen ihre Projekte bzw. deren Status auf einer gemeinsamen Plattform vor: <span class="bold">codefor.de</span></p>
<p>/ bekommen Hilfe von Experten und Unterstützung bei der Öffentlichkeitsarbeit und bei der Arbeit mit der lokalen Verwaltung.</p>
</section>
<section class="left">
<h3>Ziele</h3>
<p>/ Gemeinsam mehr Werkzeuge für Bürger entwickeln</p>
<p>/ Das Thema Open Data vorantreiben – Mehr Daten öffnen!</p>
<p>/ Mehr Sichtbarkeit für spannende lokale Projekte</p>
<p>/ Austausch auch auf internationaler Ebene</p>
</section>
</section>
<section>
<img src="images/karte2.png" style="height: 100%; margin-top: -103px;" />
</section>
<section>
<section>
<h2>Das OK-Lab Chemnitz</h2>
</section>
<section class="left">
<h3>Geschichte</h3>
<p>/ 22. Februar 2014 - Open Data Day</p>
<p>/ März - Aufruf zur Gründung von Labs von OKFN</p>
<p>/ Dezember - Assembly auf dem 31C3 mit anderen Labs</p>
<p>/ Regelmäßige Treffen (jeden zweiten Donnerstag)</p>
</section>
<section class="left">
<h3>Unsere Ziele</h3>
<p>/ Leute finden, die Lust haben mitzumachen</p>
<p>/ offene Daten sammeln</p>
<p>/ gemeinsam Projekte umsetzen</p>
<p>/ mehr Daten in Chemnitz öffnen</p>
</section>
</section>
<section>
<section>
<h2>Projekte Chemnitz</h2>
</section>
<section>
<img src="images/Uebersicht-Baustellen.png" />
<img src="images/Detail-Baustelle.png" />
</section>
<section>
<h3>Daten abrufen und parsen</h3>
<ol>
<li class="fragment">Übersicht-Webseite abrufen</li>
<li class="fragment">URLs für Detailseiten finden</li>
<li class="fragment">Detailseiten abrufen</li>
<li class="fragment">Daten versuchen zu interpretieren (Datum, Lagebeziehungen)</li>
<li class="fragment">Daten als Schlüssel-Wert-Paare abspeichern</li>
</ol>
</section>
<section>
<h3>Daten abrufen und parsen (II)</h3>
<span>seit 10.05.2013</span>
<pre class="fragment"><code class="json hljs">{
"since": "2013-05-10",
"until": null
}</code></pre>
<span>von 10.05.2013 bis 15.06.2013</span>
<pre class="fragment"><code class="json hljs">{
"since": "2013-05-10",
"until": "2013-06-15"
}</code></pre>
</section>
<section>
<h3>Daten abrufen und parsen (III)</h3>
<span>zwischen Lange Straße und Leipziger Straße</span>
<pre class="fragment"><code class="json hljs">{
"relation": "between",
"streets": ["Lange Straße", "Leipziger Straße"]
}</code></pre>
<span>Kreuzung Bornaer Straße/Wittgensdorfer Straße</span>
<pre class="fragment"><code class="json hljs">{
"relation": "intersection",
"streets": ["Bornaer Straße", "Wittgensdorfer Straße"]
}</code></pre>
</section>
<section>
<h3>Und nun?</h3>
<pre><code class="json hljs">{
"relation": "intersection",
"streets": ["Bornaer Straße", "Wittgensdorfer Straße"]
}</code></pre>
<span class="fragment" style="font-size:70px;">↓</span>
<pre class="fragment"><code class="json hljs">{
"lat": 50.840775,
"lng": 12.906360
}</code></pre>
</section>
<section>
<h3 class="fragment">OpenStreetMap</h3>
<img src="images/osm.png" style="box-shadow: none;"><br />
<img class="fragment" style="box-shadow: none;" src="images/overpass.png">
</section>
<section>
<pre style="width:100%;"><code class="hljs xml"><osm-script>
<osm-script output="json" timeout="25">
<id-query into="area" {{nominatimArea:Chemnitz}} type="area"></id-query>
<union>
<query type="way">
<has-kv k="name" v="PLACEHOLDER"></has-kv>
<area-query from="area"></area-query>
</query>
</union>
<print mode="body"></print>
<recurse type="down"></recurse>
<print mode="skeleton" order="quadtile"></print>
</osm-script>
</osm-script></code></pre>
</section>
<section>
<h3>Schnittstellen finden</h3>
</section>
<section>
<img src="images/kreuz.png">
</section>
<section>
<h3>Maifeuer</h3>
<img src="images/Maifeuer-Sachsen-Fernsehen.png" /><br />
<a href="http://www.sachsen-fernsehen.de/Aktuell/Chemnitz/Artikel/1353000/Liste-der-stattfindenden-Hexenfeuer-in-Chemnitz-2014/" style="font-size: 15px;">Quelle: Sachsen Fernsehen</a>
</section>
<section>
<img src="images/Feuer.png" />
</section>
<section style="margin-top:-70px">
<h3>Trinkwasser</h3>
<p><img src="images/trinkwasser.jpg" height="70%"></p>
<p><a href="http://codeforchemnitz.de/trinkwasser/" target="_blank">codeforchemnitz.de/trinkwasser/</a></p>
<p><a href="http://www.eins.de/ueber-eins/netze/trinkwasser/" target="_blank" style="font-size: 15px;">Quelle: eins</a></p>
</section>
<section>
<h3>Spannend weil:</h3>
<ul>
<li>grafisch hübsch aufbereitet</li>
<li>Erklärungen zu Bestandteilen</li>
<li>Vergleich mit Mineralwässern</li>
<li>Erklärt Wasserhärte (unspannend)</li>
<li>funktioniert auch auf Smartphone</li>
</ul>
</section>
<section>
<p>Aber: es fehlen Daten :(</p>
<p>Datensätze je Hochbehälter wären klasse!</p>
</section>
<section style="margin-top:-70px">
<h3>Visualisierung von Geodaten <!--img src="images/cartodb-logo.png"--></h3>
<img src="images/cartodb-baustellen.png" height="70%">
<p><b>Baustellen!</b> <a href="https://rhflow.cartodb.com/viz/d35ff27a-7ce3-11e4-965d-0e9d821ea90d/public_map" target="_blank" style="font-size: 15px;">cartodb.com/../baustellen</a></p>
</section>
<section style="margin-top:-70px">
<h3>Städtische Leuchten in Rostock</h3>
<img src="images/cartodb-leuchten-rostock.png" height="70%">
<p><a href="https://rhflow.cartodb.com/viz/05354958-c69a-11e4-be23-0e9d821ea90d/public_map" target="_blank" style="font-size: 15px;">cartodb.com/../leuchten</a></p>
</section>
<section style="margin-top:-70px">
<h3>Quelldaten: OpenData.HRO (CKAN v1.8)</h3>
<img src="images/opendata-rostock-leuchten-okfn.png" height="70%">
<p><a href="http://www.opendata-hro.de/dataset/leuchten" target="_blank" style="font-size: 15px;">Quelle: opendata-hro.de/dataset/leuchten</a></p>
<p style="font-size: 0.6em;">basiert auf <a href="http://ckan.org/">CKAN</a>: <i>the world’s leading open-source data portal platform</i></p>
</section>
<section style="margin-top:-70px">
<h3>opendata-chemnitz.de</h3>
<h3>basierend auf CKAN</h3>
<p><img src="images/FTW.png"></p>
<p style="font-size: 0.8em;">abwarten ...</p>
</section>
</section>
<section>
<section>
<h2>Coole Projekte in Deutschland</h2>
<a href="http://codefor.de/projekte/">codefor.de/projekte</a>
</section>
<section>
<p>Bürger baut Stadt</p>
<img src="images/buergerbautstadt.png" />
</section>
<section>
<p>Parkplätze Dresden</p>
<img src="images/parkhaeuser.PNG" />
</section>
<section>
<p>Things on Bikelines</p>
<img src="images/things.png" />
</section>
<section>
<p>Barrierefreiheit im ÖPNV</p>
<img src="images/access.png" />
</section>
<section>
<p>Historische Entwicklung Berlins</p>
<img src="images/entwicklung-berlin.png" />
</section>
<section>
<h2>Redeployment</h2>
<img src="images/Wasser.png" /><br />
</section>
</section>
<section>
<section>
<h2>Offene Daten in Chemnitz?!</h2>
<ul>
<li class="fragment">es gibt veröffentliche Daten</li>
<li class="fragment">z.B. Amtsblätter</li>
<li class="fragment">verstreut über die Webseite</li>
<li class="fragment">schwierig zu finden</li>
<li class="fragment">ungünstige Formate (PDF)</li>
<li class="fragment">Lizenz?</li>
<li class="fragment">Korrektheit?</li>
</ul>
</section>
<section>
<h2>Probleme!</h2>
<ul>
<li class="fragment">Welche Daten gibt es?</li>
<li class="fragment">Welche Daten kann man Anfragen?</li>
</ul>
</section>
<section>
<h3>\o/</h3><h3> Wir wurden von einem Stadtrat nach unseren Wünschen gefragt </h3><h3>\o/</h3>
</section>
</section>
<section>
<h2>Die Zukunft</h2>
<ul>
<li class="fragment">Kontakte zu anderen OK Labs (Leipzig, Dresden)</li>
<li class="fragment">Gemeinsame Treffen</li>
<li class="fragment">Gemeinsames Arbeiten</li>
<li class="fragment">Spaß an der Sache</li>
</ul>
</section>
<section>
<h1>und</h1>
</section>
<section>
<h2>Wir brauchen</h2>
<h1>strukturierte</h1>
<h1>aktuelle</h1>
<h1>lizensierte</h1>
<h2>Daten</h2>
</section>
<section>
<h3>Vielen Dank für ihre Aufmerksamkeit!</h3><br />
<h4 style="font-weight:bold"><span style="font-weight:normal">Kommt vorbei:</span> Open Data Workshop <span style="font-weight:normal">zu den<br \></span> Chemnitzer Linux Tagen</h4><br />
<h4>[email protected]</h4>
<h4>codeforchemnitz.de</h4>
</section>
<section>
<section>
<h2>Tooling</h2>
</section>
<section>
<h3>overpy</h3>
<pre><code>import overpy
api = overpy.Overpass()
# fetch all ways and nodes
result = api.query("""
way["name"="%s"] ["highway"];
(._;>;);
out body;
"""%('Rathausstraße'))
# print lat/lon for all nodes in all ways
for way in result.ways:
print("Name: %s" % way.tags.get("name", "n/a"))
for node in way.nodes:
print("Lat: %f, Lon: %f" % (node.lat, node.lon))</code></pre>
</section>
<section>
<h4>Overpass-XML</h4>
<pre><code><osm-script output="json" timeout="25">
<id-query into="area" ref="3600062594" type="area"></id-query>
<query type="way">
<has-kv k="name" v="%s"></has-kv>
<has-kv k="highway" ></has-kv>
<area-query from="area"></area-query>
</query>
<print mode="body"></print>
<recurse type="down"></recurse>
<print mode="skeleton" order="quadtile"></print>
</osm-script>
</code></pre>
</section>
<section>
<h4>Overpass-QML</h4>
<pre><code>area(3600062594)->.chemnitz;
(
way
["name"="%s"]
["highway"]
(area.chemnitz);
);
out body;
>;
out skel qt;
</code></pre>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'fade', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>