UNIP UNIVERSIDADE PAULISTA

Cincia da Computao

Drenagem Urbana

Danilo de Souza Tenrio

RA: D08061-0

Danilo dos Santos

RA: D06220-4

Jader Fabio Acosta Lando

RA: C73479-9

Luciano Souza de Jesus

RA: D076CF-7

So Paulo
2016

NDICE
OBJETIVO .................................................................................................................. 3
INTRODUO ........................................................................................................... 4
Ciclo da gua.............................................................................................................. 5
Poluio das guas .................................................................................................... 5
Enchentes em So Paulo ........................................................................................... 6
Drenagem Urbana ...................................................................................................... 8
Objetivos do sistema de drenagem ............................................................................ 8
Os sistemas de drenagem urbana englobam dois subsistemas principais
caractersticos: a microdrenagem e a macrodrenagem. ............................................. 9
Microdrenagem ....................................................................................................... 9
Macrodrenagem ...................................................................................................... 9
Possveis solues para aumentar a eficincia da drenagem urbana em So Paulo 9
Medidas estruturais ............................................................................................... 10
Medidas no estruturais ........................................................................................ 10
Relatrio do Site ....................................................................................................... 11
Relatrio com as linhas de cdigos do site............................................................... 13
1 PAGINA HTML INICIAL .................................................................................... 13
2 PAGINA HTML TRABALHO ............................................................................. 13
3 PAGINA HTML SOLUES ............................................................................. 18
4 PAGINA HTML EQUIPE ................................................................................... 19
5 PAGINA HTML CONTATO ............................................................................... 21
CSS ....................................................................................................................... 23
IMAGENS DO LAYOUT ........................................................................................... 23
PAGINA INICIAL ................................................................................................... 27
PAGINA TRABALHO ............................................................................................ 27
PAGINA SOLUES ............................................................................................ 27
PAGINA EQUIPE .................................................................................................. 28
PAGINA CONTATO .............................................................................................. 29
Concluso................................................................................................................. 30
REFNCIAS ............................................................................................................. 32

OBJETIVO
Visando o problema com enchentes na cidade de So Paulo e o consumo excessivo
de gua potvel gerando problemas com o fornecimento de gua em pontos
especficos da cidade, o artigo a seguir tem como objetivo apresentar solues para
a drenagem de gua, seja ela micro drenagem ou macrodrenagem. A elaborao do
site em relao a drenagem urbana tem como objetivo apresentar o projeto a
internautas bem como chamar ateno ao meio corporativo para arrecadar fundos
para custear o projeto sustentvel e minimizar problemas Reduo dos alagamentos
de uma dada regio de interesse e minimizao dos prejuzos da regio instalada,
controlar eroses, preservaes de vrzeas e integrao de solues de drenagem
com paisagens urbanas, eliminar a proliferao de doenas, compromisso entre
drenagem da regio e destino final das guas no corpo receptor, sem transferncias
de problemas.

INTRODUO
O relatrio a seguir, tem como objetivo apresentar um projeto de sustentabilidade,
para a cidade de so, onde foram analisados os problemas que existe com a cidade
com as chuvas e com base nisso foi elaborado o projeto de sustentabilidade de
drenagem urbana.
No relatrio possvel entender um pouco sobre o ciclo da gua, quantidade de
gua doce no disponvel, como ocorre poluio e enchentes, do que se trata
Microdrenagem e Macrodrenagem e as solues. O projeto e inteno do site e sua
finalidade.

Ciclo da gua
A gua surgiu no planeta Terra h bilhes de ano. Ela conhecida quimicamente
como H2O e o seu ciclo so chamados de hidrolgico. A gua no se renova no
planeta. A sua quantidade sempre a mesma.
Ela pode assumir trs estados fsicos. Na atmosfera a gua se encontra no estado
gasoso, resultado do processo de evaporao de todas as superfcies midas do
planeta. Nos mares, rios, lagos e at no subsolo (nos lugares conhecidos como
lenis freticos) a gua se apresenta no estado lquido, que a sua forma mais
usual e conhecida. E finalmente, para completar, tambm encontramos a gua no
estado slido, em grandes quantidades nas regies frias do planeta, como os plos
e nas grandes altitudes. Do estado gasoso, presente na atmosfera, a gua pode se
precipitar em estado lquido, em forma de chuva, orvalho ou nevoeiro, ou em estado
slido, como neve ou granizo. Em casa, todos os dias, o homem faz com que a gua
tambm mude de fases. Ao ferv-la para fazer comida, ela muda do estado lquido
para o gasoso. No banho quente tambm h transformao de parte da gua em
vapor. Ao colocar gua no estado lquido em cubos de gelo no freezer, tambm se
promove uma mudana, desta vez para o estado slido.
Na natureza, o ritmo destas transformaes conhecido como O ciclo da gua.
Tudo se inicia durante a evaporao das guas presentes nos rios, reservatrios,
mares e at das plantas, por causa da elevao de temperatura provocada pela
energia solar (raios solares, mormao, etc.). O vapor dgua resultante deste
processo que forma as nuvens, que por sua vez do origem s chuvas que
banham e alimentam os rios e a terra.

Poluio das guas

O crescimento populacional, aliado ocupao desorganizada, faz com que o
problema no processo de urbanizao reflete diretamente na poluio da gua dos
mananciais que abastecem as cidades.
Sabemos que a disponibilidade da gua no planeta Terra de 97,3% de guas
salgadas (mares e oceanos) e apenas 2,7% de guas doces as apropriadas para o
consumo humano. A gua doce, que nos interessa diretamente, distribuda da
seguinte forma: 0,01% nos rios, 0,35% nos lagos e pntanos e 2,34% nos plos,
geleiras e icebergs. Tendo base nesses dados e com base no nvel de poluio da
cidade de So Paulo e seus principais Rios (Pinheiros e Tiet) e at mesmo poluio
de represas, o que interfere diretamente no abastecimento de gua da populao,
lixos nas ruas e bocas de lobo entupida, existe uma srie de problemas com a
poluio e hoje a empresa responsvel pelo abastecimento da cidade de So Paulo,
a Sabesp trabalha na recuperao de rios, lagos e represas, controlando focos de
eroso e implantao de sistema de coleta e tratamento de esgotos sanitrios e
industriais. Mesmo existindo investimentos do gnero ainda existe muita poluio o
que prejudica a populao fortemente a populao carente, onde o saneamento
bsico no privilgio de todos. Com todos esses dados imaginamos a seguinte

situao do ciclo da gua: evaporao da gua, nuvens carregadas e chuva. Para

onde se vai s guas da chuva com toda essa poluio?
A resposta para essa pergunta bem simples a chuva no se vai, fica acumulando e
ocasionando enchentes. Atualmente enchentes tm castigado todo o estado de So
Paulo, causando srios problemas populao que sofre com a perda de objetos
pessoais e em casos extremos perdendo imveis e at mesmo a prpria vida. Sem
contar com a proliferao de doenas principalmente a Leptospirose (doena
transmitida pela urina do rato).
A poluio pode alm de afetar a sade e a segurana da populao pode tambm
criar condies adversas s atividades sociais e econmicas e ocasionar danos
significativos flora, fauna e a qualquer recurso natural. Assim, h um paradoxo
na relao entre a gua e as cidades: a gua um elemento fundamental para a
vida da cidade, mas a urbanizao nem sempre, acompanhada pelo planejamento
adequado e infra-estrutura necessria, acontece. O que levou tanto aos espaos
urbanos e recursos hdricos a sua degradao. Um registro histrico interessante
ilustra o problema da ocupao do solo urbano. No sculo 16d.c. o arquiteto
Giovanni Fontana estudou a inundao do Rio Tibre. O Rio Tibre costuma chegar
at 10X a sua capacidade original de 240m durante as cheias. No ano de 1598,
Roma chegou a 4.000 m. As concluses de Fontana afirmaram que as graves
conseqncias desta inundao foram relacionadas com a ocupao das reas
ribeirinhas perto das confluncias do Rio Tibre com diferentes afluentes e canais,
bem como falta de infra-estrutura das pessoas que instalaram suas casas nesses
locais. Esta situao bastante semelhante ao que ainda ocorre hoje: falta de
planejamento urbano e controle, educao ambiental pobre e a ausncia de unir
aspectos tcnicos e socioeconmicos.

Enchentes em So Paulo
As enchentes so fenmenos naturais e sazonais, que desempenham um papel
ambiental importante, mas quando tomam lugar no cenrio urbano, muitas perdas,
de diferentes tipos, podem ocorrer. O crescimento urbano, sem planejamento, uma
das principais causas de inundaes. Mudanas do uso da terra, remoo da
vegetao e aumento das caladas impermeveis podem agravar elevar a maiores
volumes de gua, que fluem mais rpido. Intensa urbanizao um processo
relativamente recente; no entanto, as inundaes e as preocupaes de drenagem
esto relacionadas com o desenvolvimento da cidade desde os tempos antigos.
Sistemas de drenagem parte da infra-estrutura das cidades e elas so uma chave
importante na vida urbana. Se o sistema de drenagem falhar, as cidades se tornam
sujeitos a inundaes, a possvel degradao ambiental, a problemas de
insalubridade e interrupo de servios da cidade. Por outro lado, rios urbanos, em
diferentes momentos da histria, tm sido fundamentais para o desenvolvimento das
cidades, como importantes fontes de abastecimento de gua, como possveis
defesas para reas urbanas, como uma forma de transporte de mercadorias e como
um meio de transporte e resduos.
A Drenagem Urbana no s uma necessidade, mas uma prioridade, vale enfatizar
a drenagem urbana que se bem executado podem elevar a qualidade de vida da
populao, diminuir os riscos de doenas e conseqentemente elevar a

produtividade em geral. Sistemas de drenagem urbana sustentveis, conhecido

tambm por suas siglas em ingls, (SDUS) so sistemas concebidos para gerenciar
de forma eficiente a drenagem das guas superficiais no ambiente urbano. Eles
podem fornecer uma alternativa, ou alm, dos sistemas de drenagem tradicionais
onde a gua de superfcie drenada diretamente o subsolo ou crrego de gua
subterrneo.
As enchentes tm se repetido de forma devastadora em So Paulo. Vidas,
patrimnios, a sade e o cotidiano de milhes de cidados so, a cada chuva de
vero, consumidos em guas ptridas e lamacentas de forma trgica.
As enchentes urbanas tm suas causas associadas ao incrvel aumento do volume
de guas de chuva que aflui, em tempos sucessivamente menores, para um sistema
de drenagem (crregos, rios, bueiros, galerias, canais) progressivamente incapaz
de lhe dar a devida vazo.
E, basicamente, no se observa nenhuma reao do governo e da sociedade, nada
alm de um noticirio repetitivo, frio e burocrtico de alguns rgos de imprensa.
Preferimos imaginar que tal desgraa impossvel de ser vencida? Ou, diante da
insensibilidade dos governos, acabarem aceitando, cabisbaixos, tal nvel de
violncia e desrespeito s nossas vidas?
Onde esto os resultados de um programa de combate s enchentes que investiu
bilhes de reais em medidas estruturais, como de ampliao da calha do Tiet?
Onde est a construo de dezenas de piscines, insalubres e deletrios,
apresentados como a panacia que daria fim s inundaes?
Piscines esses, vale lembrar, que implicou no comprometimento anual de vultosas
verbas pblicas, retiradas dos oramentos estaduais e municipais, que garantissem
a manuteno mnima de todo esse aparato hidrulico.
O que falta, alm do sacrifcio da populao, para que o governo paulista se
convena do total fracasso de sua estratgia de enfrentamento das enchentes
urbanas?
O que falta para o governo paulista se convencer definitivamente que fundamental
que se ataque as causas das enchentes, e que a principal causa desse fenmeno
est no fato da cidade impermevel lanar praticamente todas suas guas de chuva
rpida e diretamente sobre um sistema de drenagem que no lhes consegue dar a
devida vazo?
Ou seja, o que falta para o governo paulista se convencer que no haver sucesso
possvel na reduo das enchentes enquanto no forem paralelamente implantadas
medidas voltadas a fazer com que a cidade recupere sua capacidade de reter boa
parte das guas de chuva e, concomitantemente, impor uma drstica reduo aos
processos erosivos/assoreadores e ao lanamento irregular de lixo urbano e entulho
da construo civil?

As enchentes diminuiriam drasticamente com aes simples, como disseminao de

bosques florestados por toda a cidade; obrigatoriedade e estmulo para instalao
de reservatrios domsticos e empresariais de guas de chuva; obrigao da
adoo de pisos e pavimentos drenantes em ptios, estacionamentos e caladas;
instalao generalizada de valetas e poos de infiltrao; criminalizao da eroso
etc.
As medidas indispensveis apontadas, e que inexplicavelmente no so
implementadas, so todas medidas de baixo custo relativo e de fcil execuo.
Em adio, essas medidas colaborariam, em muito, para a alimentao das reservas
de gua subterrnea da cidade. Alis, de se indagar: paradoxalmente estaria a o
motivo de sua incompreensvel no adoo?

Drenagem Urbana
Drenagem urbana o conjunto de elementos destinados a recolher as guas
pluviais precipitadas sobre uma determinada regio e que escorrem sobre sua
superfcie, conduzindo-as a um destino final, pode ser definida como o conjunto de
medidas que tem por objetivo minimizar os riscos a que as populaes esto
sujeitas, diminuir os prejuzos causados por inundaes e possibilitar o
desenvolvimento urbano de forma harmnica, articulada e sustentvel, ou seja, a
drenagem nada mais do que o gerenciamento da gua que escoa no meio urbano.
A idia , basicamente, captura purificao e reaproveitamento em vez de rejeit-la
como um aborrecimento ou problema. Drenagem sustentvel proporciona vrios
benefcios. Bem como fornecer a drenagem de alta qualidade, apoiando
simultaneamente as reas de lidar melhor com chuvas grave como tambm pode
melhorar a qualidade de vida em evoluo e espaos urbanos, tornando-as mais
vibrantes, visualmente atraente, sustentvel e resilientes para mudar, melhorando a
qualidade do ar urbano, regular a temperatura das construes, gua de reuso para
plantaes e limpeza.

Objetivos do sistema de drenagem

Reduo dos alagamentos de uma dada regio de interesse e minimizao dos

prejuzos da comunidade instalada;
Controlar eroses;
Preservaes de vrzeas e integrao de solues de drenagem com paisagens
urbanas;
Eliminar a proliferao de doenas;
Compromisso entre drenagem da regio e destino final das guas no corpo
receptor, sem transferncias de problemas

Os sistemas de drenagem urbana englobam dois

subsistemas principais caractersticos: a microdrenagem e
a macrodrenagem.

Microdrenagem
aquele composto pelos pavimentos das ruas, sarjetas, bocas de lobo, galerias de
guas pluviais e canais de pequenas dimenses.

Macrodrenagem
Destina-se conduo final das guas captadas pela drenagem primria, dando
prosseguimento ao escoamento dos deflvios oriundos das ruas, sarjetas, valas e
galerias correspondem rede de drenagem natural, pr-existente urbanizao,
constituda por rios e crregos e que pode receber obras que a modificam e
complementam, tais como canalizaes, barragens, diques e outras.
As cheias urbanas esto diretamente associadas falha destes subsistemas, em
conjunto ou separadamente, por erro de concepo, falta de manuteno ou por
obsolescncia devido ao acelerado crescimento urbano. por esse motivo que os
projetos de drenagem devem ser pensados em conjunto com o plano urbanstico da
cidade, tanto no que diz respeito s questes de zoneamento e uso do solo, como
em relao ao crescimento urbano.
Cidades como So Paulo se deparam com grandes desafios. O padro de vida dos
moradores dessas cidades vem decaindo rapidamente, os rgos pblicos so
praticamente incapazes de agir com eficincia no planejamento, controle e execuo
de medidas eficazes para alterar esse estado de coisas. Particularmente, o
saneamento bsico das grandes cidades brasileiras se encontra numa situao
catica, principalmente no que diz respeito coleta e tratamento dos esgotos
domsticos e drenagem urbana.

Possveis solues para aumentar

drenagem urbana em So Paulo

eficincia

da

Este fator de aumentar a eficincia da microdrenagem e macrodrenagem no uma

tarefa fcil, pois elas tendem a funcionar de forma conjunta, integrada e harmnica
existem inmeros fatores que prejudicam a criao deste projeto, pois se deve ter
uma viso de um todo, e caso isso no ocorra estar acontecendo o que sempre
vemos na cidade de So Paulo quando chega o perodo de chuvas! Enchente atrs
de enchente...

Ainda no existe maneira definitiva de acabar com o problema, mas possvel sim
amenizar os efeitos adotando medidas simples.
Podem ser adotadas medidas bsicas para que haja o devido funcionamento da
drenagem na nossa cidade, sendo elas:

Medidas estruturais
Onde acorrem obras hidrulicas de manuteno em todo o sistema de drenagem
de gua, visando basicamente capacidade de descarga, ou seja, necessrio
modificar as estruturas de escoamentos com o objetivo de se adequar as vazes
geradas pela superfcie urbana;
Pode-se tambm ser criadas medidas aumento de escoamento onde j ocorrem
enchentes e ajudando a drenar reas alagadas;
Criando medidas de infiltrao de gua a fim de retardar e diminuir o escoamento
superficial da gua (Ex. piscines verdes).

Medidas no estruturais
Onde ocorrem medidas preventivas, para uma convivncia mais harmnica entre
os rios e suas cheias naturais, incluindo conceitos de preservao ambiental,
manuteno de reas permeveis, descarte correto do lixo domstico;
Um dos princpios dessa medida ter em mente que a conscientizao da
populao a melhor abordagem para o problema, pois fato que com o
crescimento urbano todos ns somos responsveis por manter o bom
funcionamento do sistema de drenagem das guas;
Aes de reflorestamento.

10

Relatrio do Site
O primeiro passo para o desenvolvimento do SITE, preferimos cria um layout
simples para as pginas, utilizamos apenas XHTML e CSS, s na logo do top do
site, que foi usado logo criado com imagem, com os menus horizontais, em baixo do
logo, direcionando para as outras pginas principais, no rodap colocamos um texto
informando o copyright do site.
Cor do layout do site, usamos azul claro no fundo do logo e cor azul escuro no texto
do logo, no menu, usamos azul e borda azul escuro entorno, no meio do site onde
so inseridos o contedo, deixamos em branco e cinza claro para destacar o texto,
no rodap azul escuro e texto brando para destacar a frase escrita.
Escolhemos o tema do trabalho para usarmos como logo, que "drenagem urbana
na Cidade de So Paulo, para quem v j saber o foco do site.
Com tudo decidido passamos a criar as paginas e o layout diferenciado para cada
pgina, que so cinco no total.
Que so:
INICIAL - na pgina de entrada, colocamos um texto falando sobre a drenagem
urbana e uma imagem relacionada como o tema, e um boto no final em uma frase
curta para direcionar para outra pagina, onde fica o contedo inteiro.
TRABALHO - a pgina onde fica todos os textos sobre a drenagem urbana, no final
dele foi inserida as fontes de pesquisa.
SOLUES - esta pgina onde esto as solues de preventiva as inundaes e
melhoramento da drenagem urbana na cidade.
EQUIPE - a pagina equipe foi adicionada, duas colunas, esquerda e direita, a coluna
direita fala sobre os alunos semestres sala...etc na esquerda o nome dos
desenvolvedores do site e do trabalho
CONTATO - a pagina contato foi adicionado duas coluna, direita e esquerda, a
coluna direita mostra o mapa da unidade UNIP, endereo, e-mail, telefone, na
esquerda colocado um formulrio, onde pode enviar ideai e solues para o
melhoramento de drenagem urbana.
O pblico alvo do site so moradores de regies atingidas e alguns setores
industriais e se possvel uma parceria com a Sabesp (empresa responsvel pelo
saneamento bsico da cidade de So Paulo) que j tem outros projetos sustentveis
ativos, por exemplo, o Crrego Limpo onde j foram recuperados 16 crregos da
cidade de So Paulo. Devemos obter o maior acesso possvel, pois o quanto antes
chegar a informao do projeto a moradores e empresas que sofrem com as
enchentes a possibilidade de ser visto e analisado por entidades pblicas maior,
temos o foco de ajudar a amenizar os problemas constantes com as chuvas
principalmente com as pancadas de chuva de vero.
Custear um projeto de suma importante e de grande escala no fcil muito menos
barato, mesmo sendo de longo prazo, o projeto traz qualidade de vida para as
pessoas, principalmente comunidades carentes que dificilmente tem um saneamento
bsico de qualidade. O site tem tambm como foco arrecadar possveis doaes
tanto do governo quanto de instituies privadas, pois o projeto progressivo,
tornando a cidade de So Paulo um lugar mais tranqilo em diversos aspectos,
principalmente com transito, alm de conscientizar moradores de que a poluio das

11

ruas acarreta em problemas com enchentes, ou seja, conscientizando moradores

acredita-se que a possibilidade de menor poluio das ruas o que facilita todo o
trabalho da drenagem urbana em pocas de chuvas.
Os artigos abordados no site mostram claramente que no existe um culpado de
fato sobre a m vazo das guas em nosso estado, pois tanto o nosso governo
quanto a populao tm a responsabilidade de zelar pelo bem geral da cidade.
Pois no adianta o governo investir em obras gastando rios de dinheiro se a
populao no adotar medidas de prevenes de controle de entulho urbano (como
coletas seletivas, por exemplo). O mesmo vale para o governo, pois seria perda de
tempo a populao adotar tais medidas de conscientizao se eles no tomarem as
devidas providncias em relao manuteno e aumento de obras para o controle
e vazo das guas!

12

Relatrio com as linhas de cdigos do site

Todas as pagina tem a mesma estrutura, mudamos, retiramos s algumas colunas
de pgina HTML, aqui se encontra os cdigos do layout do site e os arquivos de
CCS responsvel pela aparncia das pginas, e Print Screen do Layout das pginas
do site.

1 PAGINA HTML INICIAL

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content=" drenagem , macrodrenagem,
microdrenagem"/>
<meta name="descripition" content="drenagem urbana na cidade de so
paulo"/>
<title>SUSTENTABILIDADE DA CIDADE</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="header">
<div class="linha">
<header>
<h1 class="logo"></h1>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a
href="index.html">inicio</a></li>
<li><a
href="trabalho.html">trabalho</a></li>
<li><a
href="sobre.html">soluo</a></li>
<li><a
href="equipe.html">equipe</a></li>
<li><a
href="contato.html">contato</a></li>
</ul>
</nav>
</div>
</header>

13

</div>
</div>
<div class="linha">
<section>
<div class="colun a col3 sidebar">
</div>
<div class="coluna col9">
<h2><b>Drenagem urbana na cidade de So
Paulo</b></h2>
<img src="img/thumb-grande.jpg" />
<h6><i>Sistema de drenagem</i></h6>
<p></p>
<a href="trabalho.html" class="botao"> ver mais
&raquo;</a>
</div>
</section>
</div>
<br/>
<br/>
<br/>
<div class="linha">
<div class="coluna col9">
<section>
<h2><b>Como um site pode ajudar na
sustentabilidade</b></h2>
<p> </p>
</section>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="footer">
<div class="linha">
<footer>
<div class="co1l2">
<span>&copy; 2016 - projeto sustentabilidade
Web</span>
</div>
</footer>

14

</div>
</div>
</body>
</html>

2 PAGINA HTML TRABALHO

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content=" drenagem , macrodrenagem,
microdrenagem" />
<meta name="descripition" content="drenagem urbana na cidade de so
paulo" />
<title>SUSTENTABILIDADE DA CIDADE</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="header">
<div class="linha">
<header>
<h1 class="logo"></h1>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a
href="index.html">inicio</a></li>
<li><a
href="trabalho.html">trabalho</a></li>
<li><a
href="sobre.html">soluo</a></li>
<li><a
href="equipe.html">equipe</a></li>
<li><a
href="contato.html">contato</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
<div class="linha">
<section>

15

<h2><b>Drenagem Urbana</b></h2>
<div class="coluna col9">
<b>Conceito</b>
<p><b>
<p></p>
<img src="img/thumb-grande.jpg" />
<h6><i>Sistema de drenagem</i></h6>
<p><b>Objetivos
do
sistema
de
drenagem</b></p>
<p></p>
<p</p>
<p></p>
<p></p>
<p></p>
</p>
</div>
<div class="coluna col9">
<h4><b>Microdrenagem
e
Macrodrenagem
caracteristicas</b></h4>
<p><p/>
<img src="img/thumb-grand.jpg" alt="" />
<p><p/>
<p><b>- Microdrenagem</b></p>
<p> </p>
<p><b>- Macrodrenagem</b></p>
<p>
<p/>
<p>
<p>

</p>
</p>

</div>
<div class="coluna col9">
<h4><b>Enchentes em So Paulo </b></h4>
<img src="img/enche.jpg" />
<h6><i>Alagamento cidade Jardim</i></h6>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

16

<p> </p>
<p> </p>
<p> </p>
</div>
<div class="coluna col9">
<h4><b>Piscines verdes, seria uma possveil soluo
contra enchentes em So Paulo?</b></h4>
<img src="img/ec.jpg" />
<h6><i>Bosque florestado Trianon S. Paulo</i></h6>
<p> </p>
<p> </p>
<p> </p>
<img src="img/ec2.jpg" />
<h6><i>Bosque florestado Campinas</i></h6>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="coluna col9">
<h4><b>Referncias</b></h4>
<p><a href=" "target="_Blank"> </a></p>
<p><a href=" "target="_Blank"> " </a></p>
<p><a href=" "target="_Blank"> " </a></p>
<p><a href=" "target="_Blank></a></P>
</div>
</section>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="footer">
<div class="linha">
<footer>
<div class="col12">
<span>&copy; 2016 - projeto sustentabilidade
Web</span>

17

</div>
</footer>
</div>
</div>
</body>
</html>

3 PAGINA HTML SOLUES

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content=" drenagem , macrodrenagem,
microdrenagem" />
<meta name="descripition" content="drenagem urbana na cidade de so
paulo" />
<title>SUSTENTABILIDADE DA CIDADE</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="header">
<div class="linha">
<header>
<h1 class="logo"></h1>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a
href="index.html">inicio</a></li>
<li><a
href="trabalho.html">trabalho</a></li>
<li><a
href="sobre.html">soluo</a></li>
<li><a
href="equipe.html">equipe</a></li>
<li><a
href="contato.html">contato</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>

18

<div class="linha">
<section>
<div class="coluna col9" >
<h3><b> </b></h3>
<p> </p>
<p> </p>
<p> </p>
<p><b> </b></p>
<p</p>
<p>p>
<p</p>
<p><b> </b></p>
<p</p>
<p<br></p>
</div>
</section>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<div class="footer">
<div class="linha">
<footer>
<div class="col12">
<span>&copy; 2016 - projeto sustentabilidade
Web</span>
</div>
</footer>
</div>
</div>
</body>
</html>

4 PAGINA HTML EQUIPE

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content=" drenagem , macrodrenagem,
microdrenagem" />

19

<meta name="descripition" content="drenagem urbana na cidade de so

paulo" />
<title>SUSTENTABILIDADE DA CIDADE</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="header">
<div class="linha">
<header>
<h1 class="logo"></h1>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a
href="index.html">inicio</a></li>
<li><a
href="trabalho.html">trabalho</a></li>
<li><a
href="sobre.html">soluo</a></li>
<li><a
href="equipe.html">equipe</a></li>
<li><a
href="contato.html">contato</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
<div class="linha">
<section>
<div class="coluna col8">
<h2>Sobre a equipe</h2>
<p>Alunos 1 semestre de Cincia da Computao na
UNIP.</p>
<p>Projeto elaborado sob orientao do professor
coordenador do curso Uanderson.</p>
</div>
<div class="coluna col4 sidebar">
<h2>CC1P22</h2>
<img src="img/formatura.jpg" alt="">
<ul>
<b>

20

<li>Danilo de Souza</li>
<li>Danilo dos Santos</li>
<li>Jader Fabio Acosta Lando</li>
<li>Luciano Souza de Jesus</li>
</b>
</ul>
</div>
</section>
</div>
<br/>
<br/>
<br/>
<br/>
<div class="footer">
<div class="linha">
<footer>
<div class="col12">
<span>&copy; 2016 - projeto sustentabilidade
Web</span>
</div>
</footer>
</div>
</div>
</body>
</html>

5 PAGINA HTML CONTATO

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content=" drenagem , macrodrenagem,
microdrenagem" />
<meta name="descripition" content="drenagem urbana na cidade de so
paulo" />
<title>SUSTENTABILIDADE DA CIDADE</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="header">
<div class="linha">
<header>

21

<h1 class="logo"></h1>
<div class="coluna col8">
<nav>
<ul class="menu inline sem-marcador">
<li><a
href="index.html">inicio</a></li>
<li><a
href="trabalho.html">trabalho</a></li>
<li><a
href="sobre.html">soluo</a></li>
<li><a
href="equipe.html">equipe</a></li>
<li><a
href="contato.html">contato</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
<div class="linha">
<section>
<div class="coluna col5 sidebar">
<h3>Localizao</h3>
<img src="img/mapa.jpg" >
<ul class="sem-padding sem-marcador" >
<li>R. Padre Carvalho, 566 - Pinheiros, So Paulo SP, 05427-020 UNIP-universidade </li>
</ul>
<h3>Contatos</h3>
<ul class="sem-padding sem-marcador">
<li>Email: <strong>contato@hotmail.com</strong>
<li>Telefone: <strong>(11)99999-9999</strong>
</div>
<div class="coluna col7 contato">
<h2>Envie uma mensagem</h2>
<form action="">
<label for="Nome">Seu Nome<label>
<input type="text" name="Nome" id="Nome">
<label for="Email">Seu email:<label>
<input type="text" name="Email" id="Email">
<label for="Assunto">Assunto:<label>
<input type="text" name="Assunto" id="Assunto">

22

<label for="mensagem">Mensagem:<label>
<textarea
name="mensagem
id="mensagem"></textarea>
<input type="submit" class="botao" name="enviar"
value="enviar mensagem &raquo;" />
</form>
</div>
</section>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="footer">
<div class="linha">
<footer>
<div class="col12">
<span>&copy; 2016 - projeto sustentabilidade
Web</span>
</div>
</footer>
</div>
</div>
</body>
</html>

CSS
body{
font-family: helvetica,sans-serif;
color:#333;
}
a:link, a:active, a:visited{
color: #315E8A;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p{ text-align: justify
}
/* Estilos coluna */

23

.linha{
width: 960px;
margin: 0 auto;
overflow: auto;
padding: 5px 0;
}
.coluna{
padding: 0 10px;
float: left;
}
.col2{
width: 014px;
}
.col3{
width: 220px;
}
.col4{
width: 300px;
}
.col5{
width: 380px;
}
.col7{
width: 540px;
}
.col8{
width: 620px;
}
.col9{
width: 700px;
}
.col12{
width: 940px;
}
/*estilos reutilizaveis */
.sem-padding{
padding: 0 !important;
}
.sem-margin{
margin: 0 !important;
}
h1, h2, h3, h4, h5{
font-weight: 500;
margin: 15px 0 10px 0;

24

}
h6{font-weight: 500;
margin: 15px 0 10px 0;
color: #969EB5;
}
ul li, ol li{
margin-bottom:5px;
}
ul.inline li, ol.inline li{
display: inline;
margin-right: 15px;
}
ul.inline li:last-child, ol.inline li:last-child{
margin-right: 0;
}
ul.sem-marcador, ol.sem-marcador{
list-style:nome;
}
a.botao, input.botao{
background: #000000;
padding: 5px 10px;
border-radius: 3px;
color: pointer;
margin: 5px 0;
display: inline-block;
border:none;
}
a.botao:hover, input.botao{
background: #315E8A;
text-decoration: none;
}
img{
max-width:100%;
height: auto;
}
/* layout do site */
.header{
background:#DEE3E6;
}
h1.logo{
width:940px;
height:130px;
color: #FFFFFF;
letter-spacing: -2px;

25

float:left;
text-align:left;
background-image: url(img/logotest.png);
}
.footer{
background: #1F3C58;
color: #EBEBEB;
padding: 20px 0;
text-align: center;
font-weight: 100;
}
.menu{
text-transform: uppercase;
text-align: right;
margin-top: 10px;
}
.menu li a{
padding: 5px 10px;
border-radius: 3px;
}
.menu li a:hover{
text-decoration: none;
background: #1f3c58;
color: #ebebeb;
}
.contato label{
display: block
font-size: 13px;
font-weight: 300;
}
.contato input, .contato textarea{
display: block;
margin-bottom: 15px;
padding: 5px 2%;
width:96%;
}
.contato textarea{
height: 150px;
}
.contato input.botao{
width: auto;
}

26

IMAGENS DO LAYOUT
PAGINA INICIAL

PAGINA TRABALHO

PAGINA SOLUES

27

PAGINA EQUIPE

28

PAGINA CONTATO

29

Concluso
Com base em pesquisas e notcias recentes chegamos at um problema notvel
que as Enchentes em So Paulo. A idia de algo sustentvel para esse tipo de
problema constante pois a soluo ser til no para moradores de regies
atingidas como para empresas que tambm sofre os danos da enchente.
Para divulgao da nossa idia utilizaremos a internet como meio de comunicao
com o pblico, elaboramos o site para expor nossas idias, site como um escritrio
virtual, nos d a chance e expor nosso trabalho e divulg-lo, nosso site encontra-se
nossos servios que queremos mostra que sobre a drenagem urbana da cidade de
So Paulo, como funciona e possveis soluo para melhorar das macro e micro
drenagem e bacias da cidade.
A nossa pgina de trabalho mostramos como funciona a drenagem urbana, que o
conjunto de elementos destinados a recolher as guas pluviais precipitadas sobre
uma determinada regio e que escorrem sobre sua superfcie, conduzindo-as a um
destino final.
Que tambm se encontra objetivo do sistema de drenagem, Reduo dos
alagamentos, controlarem eroses entre outros problemas causados pela gua.
Assim, entramos no assunto de enchentes causadas na cidade e problemas que
devem ser reduzidos pela melhoria da drenagem de So Paulo.
Cada enchente causada na cidade gera mais problemas, por isso divulgamos e
mostramos para as pessoas que vem nosso site, por que um dia ser difcil de
controla a situao atual.
E entremos no assunto sobre possveis solues de enchentes e melhoramento do
sistema de drenagem.
Na pgina Solues, ns tratamos de Medidas Estruturais como ser criadas medidas
aumento de escoamento onde j ocorrem enchentes, criando medidas de infiltrao
de gua a fim de retardar e diminuir o escoamento superficial da gua, e outros e
Medidas No Estruturais como medidas preventivas, preservao ambiental,
manuteno de reas permeveis, descarte correto do lixo domstico. E tambm
Outros Meios de Solues para aumentar a eficincia da Drenagem Urbana, como o
plano um foca no principal meio que : um planejamento e controle de impactos
existentes devem ser feitos considerando a bacia como um todo.
E deixamos uma pgina de contato, para pessoas possam compartilhar opinies e
idias para o melhoramento da drenagem na cidade.
Portanto, como vemos no site a inteno passa em diante os problemas que esto
acontecendo, e evitar problemas maiores no futuro.
medida que as cidades comearam a crescer, especialmente aps a Era
industrial, os problemas de urbanizao tornaram-se maiores e as inundaes
urbanas aumentaram em magnitude e frequncia. A abordagem tradicional para os
sistemas de drenagem, que eram importantes como uma medida de saneamento
bsico nos primeiros momentos do desenvolvimento das cidades, virou
insustentvel. Neste contexto, nas ltimas dcadas, foram desenvolvidas vrias
tecnologias, como as mencionadas acima, de modo a igualar melhor os padres de
fluxo no espao tempo. No entanto, no s os aspectos hidrulicos so importantes.
As guas nas cidades precisam ser consideradas de forma integrada e com

30

solues sustentveis para sistemas de drenagem. Contando com a revitalizao e

reabilitao urbana dos rios, melhor qualidade de vida das comunidades e a
participao institucional para permitir a aceitao, apoio e continuidade das estas
solues propostas.
O crescimento da cidade uma tendncia mundial e a sustentabilidade um
ponto central a ser considerado nos prximos tempos vindouros. De um modo geral,
no entanto, grandes cidades enfrentam problemas para lidar com as necessidades
de controle de uso do solo, desemprego, pobreza, transporte ineficiente, servios
pblicos insuficientes, falta de infra-estruturar, entre outros. A questo dos aspectos
de gesto de recursos hdricos e saneamento so de fundamental importncia nesse
cenrio. O problema de inundao urbana certamente um dos desafios mais
importantes que as cidades tero de enfrentar. O processo de urbanizao uma
das aes feitas pelo homem que mais afetam as inundaes. Por outro lado, no
contexto de uma cidade, o processo de inundao um dos fatores que mais
degrada. Considerando drenagem urbana no contexto do desenvolvimento da
cidade integrado, no entanto, a perspectiva de sustentabilidade abre um conjunto
diversificado de sistemas de drenagem sustentvel. Oportunidades a serem
exploradas como solues integradas, nas reas de engenharia hidrulica,
arquitetura e urbanismo, planejamento e gesto da cidade, disciplinas sociais e
preocupaes economia.
As adoes de aes de sustentabilidade garantem a mdio e longo prazo um
planeta em boas condies para o desenvolvimento das diversas formas de vida,
inclusive a humana. Garante os recursos naturais necessrios para as prximas
geraes, possibilitando a manuteno dos recursos naturais (florestas, matas, rios,
lagos, oceanos) e garantindo uma boa qualidade de vida para as futuras
geraes.Estamos vivendo o nascimento do que David King, diretor da Escola de
Smith da Empresa e do Ambiente da Universidade de Oxford, chama de "um outro
renascimento" na revoluo industrial: "O engenho humano a resposta", diz King.
"Ns criamos a cincia e engenharia revoluo tecnolgica sobre a qual todo o
nosso bem-estar se baseia. Essa mesma inteligncia aguda pode apontar para as
solues para os desafios de ressaca e isso requer nada menos do que um outro
renascimento."

31

REFNCIAS
http://www.em.ufop.br/deciv/departamento/~anibal/Aula%2017%20%20Drenagem%20Urbana.pdf
Acessado 22/04/2016 as 14:30
http://www.aquafluxus.com.br/microdrenagem_e_macrodrenagem_os_subsistemas_
caracteristicos_da_drenagem_urbana/
Acessado 22/04/2016 as 14:42
http://www.ebah.com.br/content/ABAAAAaf8AB/drenagem-urbana
Acessado 23/04/2016 as 10:27
https://www.ecodebate.com.br/2015/03/30/enchentes-continuarao-se-sp-nao-voltara-reter-agua-da-chuva-artigo-de-alvaro-rodrigues-dos-santos/
Acessado 23/04/2016 as 11:02
https://www.ecodebate.com.br/2014/06/02/piscinoes-verdes-contra-as-enchentesartigo-de-alvaro-rodrigues-dos-santos/ - Acessado 24/04/2016 as 21:13
Apostila Treinamento Sabesp Publicado em 2006

32

33

34

35