<!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">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>