Untitled
4 years ago in Plain Text
Raw Download 
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Geosampa - São Paulo TechWeek - Novembro de 2019</title>
		<meta name="description" content="Apresentação de slides do Geosampa na São Paulo TechWeek em Novembro de 2019">
		<meta name="author" content="Fernando Gomes e Danilo Mizuta">
		<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">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/geosampa.css" id="theme">
		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/monokai.css">
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
		<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>
		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="reveal">
				
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section data-background-image="images/rodape-skyline.png" data-background-size="1048px" data-background-position="bottom">
					<div span style="padding-top: 20px;">
						<img src="images/logos/brasao-smdu.png" class="logo-brasao"></img>
						<img src="images/qrcode-sptechweek-nov-2019.png" class="logo-brasao" height="178"></img>
						<img src="images/logos/geosampa-brasao.png" class="logo-brasao"></img>
					</div>
					<section>
						<h1>Geosampa</h1>
						<h3>Prefeitura de São Paulo</h3>
						<h4>São Paulo TechWeek | 2019</h4>
						<p>
							<small>Por Danilo Mizuta e Fernando Gomes</a></small>
						</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
                    <h2>Disponível</h2>
                    <div class="flex_containner" style="justify-content: center; align-items: center;" >
						<img src="images/qrcode-sptechweek-nov-2019.png" class="plain" style="flex: 0 1 auto;"></img>
                        <p style="flex: 1 1 auto">Acesse também por <br/>http://bit.ly/33nFBJV</p>
                    </div>
				</section>
				<!-- Example of nested vertical slides -->
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Geosampa não é um site!</h2>
					<section data-transition="zoom" data-autoslide="4000">
						<img src="images/desktop-geosampa.png" class="plain" height="350px"></img>
					</section>
					<section>
						<div class="flex_containner" style="justify-content: center; align-items: center;" >
							<ul style="list-style: none; flex: 0 1 auto;">
								<li><i class="material-icons">settings_input_composite</i> Sistemas</li>
								<li><i class="material-icons">find_replace</i> Gestão</li>
								<li><i class="material-icons">code</i> Tecnologia</li>
								<li><i class="material-icons">autorenew</i> Processos</li>
								<li><i class="material-icons">account_balance</i> Legislação</li>
								<li><i class="material-icons">people</i> Pessoas, pessoas, pessoas ...</li>
							</ul>
							<ul style="list-style: none; flex: 0 1 auto;">
								<li><i class="material-icons">device_hub</i> Diálogo</li>
								<li><i class="material-icons">directions_run</i> Ações</li>
								<li><i class="material-icons">computer</i> 13 servidores físicos</li>
								<li><i class="material-icons">people</i> 23 colaboradores, 3 estagiários</li>
								<li><i class="material-icons">code</i> PostGis, ETL, Geoserver ...</li>
								<li><i class="material-icons">more</i> e muito mais ...</li>
							</ul>
						</div>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Não é só GeoSampa</h2>
					<section data-autoslide="3000">
						<img src="images/ObservaSampa.PNG" height="400px"></img>
							<p>
								ObservaSampa
							</p>
					</section>
					<section data-autoslide="3000">
						<img src="images/informes.png" height="400px" class='plain'></img>
						<p>
							Informes urbanos
						</p>
					</section>
					<section data-autoslide="3000">
						<img src="images/infocidade.PNG" class="logo-brasao" height="400px"></img>
						<p>
							Infocidade
						</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Diversidade de assuntos</h2>
					<section data-autoslide="3000">
						<img src="images/84-sitios.png" height="250px"></img>
							<p>
								84 sítios arqueológicos, Cavas de ouro
							</p>
			
					</section>
					<section data-autoslide="3000">
						<img src="images/arborizacao-svma-1.png" class="logo-brasao" height="250px"></img>
						<img src="images/arborizacao-svma-2.png" class="logo-brasao" height="250px"></img>
						<p>
							Arborização
						</p>
					</section>
					<section data-autoslide="3000">
						<img src="images/janela-zoneamento.PNG" class="logo-brasao" height="400px"></img>
						<p>
							Zoneamento urbano
						</p>
					</section>
					<section>
						<img src="images/acidente-transito.PNG" class="logo-brasao" height="400px"></img>
						<p>
							Acidentes de trânsito
						</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Mapear pra que?</h2>
					<section>
						<div class="flex_containner" style="justify-content: center; align-items: center;">
							<ul style="list-style: none;  flex: 1 1 auto;" >
								<li style="padding-top: 1em;">1854, Londres</li>
								<li style="padding-top: 1em;">Doentes de Cólera vs. Poços de água</li>
								<li style="padding-top: 1em;">Dr. Snow passou para a História</li>
							</ul>
							<img src="images/dr_snow.jpg" style="flex: 0 1 auto;"></img>
						</div>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Meio Ambiente</h2>
					<section>
						<h3>Mapeamento de meio ambiente. Áreas contaminadas? (#TODO!)</h3>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Dados abertos, transparência e autonomia</h2>
					<section data-autoslide="3000">
						<img src="images/indices-dados-abertos-FGV.png" class="plain"></img>
					</section>
					<section data-autoslide="3000">
						<img src="images/ranking-dados-abertos-FGV.jpg" class="plain"></img>
					</section>
					<section>
						<h3>Onde pode estar a inteligência em uma cidade?</h3>
						<img src="images/top-bottom.png" class="plain"></img>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Por que dar autonomia?</h2>
					<section id="fragments" data-autoslide="2000">
						<p>Qual o genero predominante na denominação de ruas da Cidade de São Paulo?</p>
						<p class="fragment grow">Homens</p>
						<p class="fragment grow">Mulheres</p>
						<p class="fragment grow">Não Binários</p>
						<aside class="notes">
							This slide has fragments which are also stepped through in the notes window.
						</aside>
					</section>
					<section data-autoslide="5000">
						<img src="images/genero-logradouro-1.png" class="plain" height="350px"></img>
						<p>Nomes de ruas por gênero</p>
					</section>
					<section data-autoslide="5000">
						<img src="images/genero-logradouro-2.png" class="plain" height="350px"></img>
						<p>Nomes de ruas por gênero</p>
					</section>
					<section data-autoslide="10000">
						<img src="images/PL404.png" class="plain" height="350px"></img>
						<p>Projeto de Lei 404, quais imóveis a prefeitura poderia vender?</p>
					</section>
					<section data-autoslide="10000">
						<img src="images/calcadas.jpg" class="plain" height="400px"></img>
						<p>Calçadas, o que não é mapeado parece que não existe!</p>
					</section>
					<section>
						<img src="images/rios-descobertos.PNG" class="plain" height="400px"></img>
						<p>Rios descobertos, o que não é mapeado parece que não existe!</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Poder Público, poder de quem?</h2>
					<section>
						<blockquote>
							"Em lugar do cidadão formou-se um consumidor, que aceita ser chamado de usuário" <br/> <span style="font-size: 0.4em;">(Milton Santos, O espaço da Cidadania e outras reflexões, p. 88)</span>
						</blockquote>
						<p style="font-size: 0.8em;">
							Consumidor, usuário ou cidadão, GeoSampa é pra quem?
						</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Preparados para a mudança?</h2>
					<section>
						<blockquote>
							A nova tecnologia está atrasada, é tudo uma questão de tempo.
						</blockquote>
						<p>
							Agnóstico a tecnologias, ágil como uma ideia nova e fiel aos princípios
						</p>
					</section>
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>O futuro começa a cada instante</h2>
					<section>
						<img src="images/croqui.PNG" class="plain" height="400px"></img>
						<p>A evolução dos processos de cadastro</p>
					</section>
					<section>
						<img src="images/lote-fiscal.PNG" class="plain" height="400px"></img>
						<p>2 milhões de polígonos de lotes</p>
					</section>
					<section>
						<pre>
<code>%%time
import pandas as pd
df = pd.read_csv("./downloads/IPTU2019.CSV", error_bad_lines=False, encoding='iso-8859-9', sep=';')
df.head()
Wall time: 34.9 s</code>
						</pre>
						<p>3,5 milhões de cadastros de IPTU</p>
					</section>
					<section>
						<img src="images/lidar.PNG" class="plain" height="400px"></img>
						<p>1.520 km2 nuvem de pontos 12ppm2</p>
					</section>	
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Mão na massa</h2>
					<div style="text-align: left;">
						<p><i class="material-icons">screen_share</i> geosampa.prefeitura.sp.gov.br</p>
					</div>	
				</section>
				<section data-background-image="images/rodape-skyline-logo.png" data-background-size="1048px" data-background-position="bottom">
					<h2>Obrigado!</h2>
					<div style="text-align: left;">
						<p><i class="material-icons">email</i> geosampa@prefeitura.sp.gov.br</p>
						<p><i class="material-icons">code</i> http://github.com/geoinfo-smdu</p>
					</div>	
				</section>
			</div>
		</div>
		<script src="js/reveal.js"></script>
		<script>
			// More info https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				controls: true,
				progress: true,
				center: true,
				hash: true,
				loop: true,
				autoSlideStoppable: true,
				transition: 'slide', // none/fade/slide/convex/concave/zoom
				// More info https://github.com/hakimel/reveal.js#dependencies
				dependencies: [
					{ 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 },
					{ src: 'plugin/search/search.js', async: true },
					{ src: 'plugin/zoom-js/zoom.js', async: true },
					{ src: 'plugin/notes/notes.js', async: true }
				]
			});
		</script>
	</body>
</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
Recent Public Pastes
bootp - 11 hours ago Untitled - 18 hours ago Untitled - 18 hours ago Untitled - 18 hours ago Untitled - 1 day ago Subscription - 1 day ago Untitled - 2 days ago Tets - 2 days ago markplace-items-73463434 - 3 days ago ПРИВАТНАЯ ВИДЕО КОЛЛЕКЦИЯ С МАЛОЛЕТКАМИ СЛИВ МАЛОЛЕТОК ШКОЛЬНИЦ МОЛОДЫЕ МОДЕЛИ - 3 days ago