Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
CIÊNCIA DA COMPUTAÇÃO
SOROCABA
2019
UNIP - UNIVERSIDADE PAULISTA
CIÊNCIA DA COMPUTAÇÃO
SOROCABA
2019
RESUMO
The emission of gases into the atmosphere is without a doubt and the most
serious problems faced by man in recent times, economically and ecologically
speaking, because in addition to its results in recent years being at an
exorbitant level, much within reach comes from extraction of environmental
sources, and with it diverse forms and ways of preventing were created to
contain this situation and guarantee a more promising future. In this sense, we
brought the purpose of this work to create a platform full of information related
to the topic, such as articles, tips and news on new fuel sources, alternative
forms and technological advances made for a more sustainable world.
1 INTRODUÇÃO ............................................................................................... 8
2 DESENVOLVIMENTO ................................................................................... 9
3 PROJETO .................................................................................................... 12
4 CONCLUSÃO .............................................................................................. 19
REFERÊNCIAS .............................................................................................. 20
ANEXOS .................................................................................................. 21
1 INTRODUÇÃO
Por ser uma questão social e ambiental importante, mas pouco discutida no
Brasil, tomamos a iniciativa de informar a população sobre casos envolvendo a
emissão de tais gases e formas de combate-los, com isso, foi criada a plataforma
PCS (Portal do Combustível Sustentável), onde é possível encontrar artigos, notícias
e periódicos externos, assim como informações úteis a respeito do tema de forma
simples, interativa e responsiva.
A seguir foi usada uma tag <nav></nav> para criar uma barra de navegação
entre as subpáginas, com uma lista não ordenada <ul></ul> que indica cada
subpágina, que no último <li></li> tem uma tag <form></form> é utilizada para criar a
barra de pesquisa:
<nav class="menu">
<ul>
<li id="aberta"><a href="">Início</a></li>
<li><a href="noticias.html">Notícias</a></li>
<li><a href="FaleConosco.html">Fale conosco</a></li>
<li><form method="get" action="https:google.com/search"><input
type="search" name="q" id="q" placeholder="Search"></form></li>
</ul>
</nav>
<div class="destaques">
<a href="artigo.html" id="destaque1">
<h1>Queima de combustíveis fósseis concentra 42% dos gases do efeito
estufa e poluentes na RMC</h1> </a>
<a href="artigo.html" id="destaque2">
<h1>Aumento da poluição por automóveis</h1> </a>
<a href="artigo.html" id="destaque3"> <h1>WHO divulga novos dados de
qualidade do ar</h1> </a>
<a href="artigo.html" id="destaque4"> <h1>É possível cumprir a agenda da
ONU até 2030?</h1> </a>
<a href="artigo.html" id="destaque5">
<h1>Agresão a atmosfera por refinarias reduz em 15% em 2018</h1> </a>
<a href="artigo.html" id="destaque6">
<h1>Aumento do número de geradores eólicos surpreendem cientistas</h1>
</a>
<a href="artigo.html" id="destaque7"> <h1>Energia elétrica é a mais cara em
5 anos</h1> </a>
<a href="artigo.html" id="destaque8"> <h1>Plataforma despeja petróleo no
mar</h1> </a>
<a href="artigo.html" id="destaque9"> <h1>A importância dos catalizadores
automotivos</h1> </a>
<a href="artigo.html" id="destaque10"> <h1>Conheça 10 alternativas de
energia sustentável para sua empresa</h1> </a>
</div>
Todas as páginas foram construídas sob um layout padrão, para facilitar a interação
dos leitores, o trecho de código a seguir se refere a página destinada aos artigos, na
qual teremos uma imagem sobre o assunto e em seguida um artigo sobre o mesmo:
<div class="arttext">
<h1 id="title">Queima de combustíveis fósseis concentra 42% dos gases do
efeito estufa e poluentes na RMC</h1>
<p>A queima de combustíveis fósseis para a produção de energia é
responsável por 42,7% das emissões totais na Região Metropolitana de
Campinas (RMC), sendo Paulínia (SP) o maior emissor.</p>
<p>A informação é do inventário sobre Emissões de Gases de Efeito Estufa
(GEE) e Poluentes Atmosféricos da RMC divulgado nesta sexta-feira
(10).</p>
<p>Em segundo lugar está o setor de transportes com 41,7%. O estudo
aponta que na terceira posição se encontra o setor de resíduos, com 9% das
emissões.</p>
<p>A pesquisa foi feita em 2018 por uma empresa com a ajuda das
prefeituras com ano base 2016. A RMC é formada por 20 cidades e cerca de
3 milhões de habitantes.</p>
<h2 id="subtitle">Gases considerados</h2>
<ul>
<li>CO2: queima de combustíveis por fonte móveis e estacionárias,
processos industriais, fertilizantes, desmatamento de floresta
nativa</li>
<li>CH4: queima de combustíveis por fonte móveis e estacionárias,
decomposição de matéria orgânica, fermentação entérica.</li>
<li>NO2: queima de combustíveis por fontes móveis e estacionárias,
tratamento de efluentes, fertilizantes nitrogenados</li>
</ul>
<h2 id="subtitle2">Monóxido de Carbono (CO)</h2>
<p>No caso das emissões de poluentes, Campinas é responsável pela
emissão de 60% de CO (monóxido de carbono) devido à frota de
veículos.</p>
<p>Com os dados, a proposta é engajar os municípios a reduzirem as
emissões na RMC em 16% até 2040.</p>
<p>Também está sendo sugerida a formação de uma câmara técnica e um
comitê de mudança climática para articulação de meios para regulamentação
das medidas.</p>
</div>
A seguir a demonstração de como foi construida a página para cadastro dos
usuários, na qual usamos novamente a tag <form></form>:
<div>
<legend>Nome</legend>
<input class="LogNome" type="text" id="Nome" name="Nome"
placeholder="Nome Completo" required="required" minlength="2" title="Inserir
primeiro nome.">
</div> <br>
<div>
<legend>Senha</legend>
<input class="PinName" type="password" placeholder="Senha" id="password"
required title="Inserir senha">
</div> <br>
<div>
<legend>E-mail</legend>
<input class="EmailBox" type="email" id="email" name="email"
placeholder="@gmail.com" required="required" minlength="2" title="Inserir
email">
</div>
<legend>Email</legend>
<input class="dois" type="email" name="email" placeholder="Email"
required="required" minlength="2">
<br>
<br>
<legend>Telefone</legend>
<input class="tres" type="text" name="text" placeholder="Numero"
minlength="9" minlength="9">
<br>
<br>
<legend>Deixe sua mensagem</legend>
<textarea rows="5" cols="40" maxlength="1000" placeholder="Digite sua
mensagem" style="font-family: sans-serif;"></textarea>
<br>
<br>
<a href="Index.html" target="_Self" id="Voltar">
<input class="BtVoltar" type="action" value="Voltar" id="Voltar"> </a>
<button class="BtEnviar" type="submit" style="float:
right;">Enviar</button>
<p style="margin-left: 0px;">© 2019 - 2022 PCS Todos os Direitos
Reservados.</p>
</form>
4 CONCLUSÃO