PIM III - COLETA DE OLEO - REDE DE COMPUTADORES

Prévia do material em texto

1 
 
UNIP 
UNIVERSIDADE PAULISTA 
CURSO SUPERIOR DE TECNOLOGIA EM REDE DE COMPUTADORES 
 
 
 
 
 
PROJETOS INTEGRADOS MULTIDISCIPLINARES III – PIM III 
Sistema de coleta de contêiner de óleo de cozinha usado 
 
 
 
 
 
 
 
 
 
 
 
 
Bauru 
Novembro/ 2022 
2 
 
UNIP 
UNIVERSIDADE PAULISTA 
CURSO SUPERIOR DE TECNOLOGIA EM REDE DE COMPUTADORES 
 
 
 
 
PROJETOS INTEGRADOS MULTIDISCIPLINARES III – PIM III 
Sistema de coleta de contêiner de óleo de cozinha usado 
 
 
 
Nome: João Pedro Correa Adami 
Orientador: Edson Henrique de 
Sousa 
RA: 2246099 
Curso: Rede de Computadores 
Semestre: 3º Semestre 
 
 
 
 
Bauru 
Novembro/ 2022 
3 
 
RESUMO 
 
Nesse trabalho vamos apresentar uma solução desenvolvida para realizar o total 
controle da coleta de contêineres de óleo de cozinha já usados. O sistema contará com a 
opção de cadastro de informações necessárias para que o controle trabalhe com poucas 
margens de erro e proporcione a melhor logística para a coleta. 
O sistema beneficiará principalmente no controle, tendo um formulário de cadastro 
dos doadores ou pontos de coletas, sendo residências, condomínios e comércios. O 
cadastro de pessoa física tem como principal objetivo auxiliar na administração e controle, 
sendo a base para a consulta das informações. 
Todo o desenvolvimento do sistema será em linguagem de programação para 
WEB, facilitando o acesso as informações. 
Palavras-Chave: controle, coleta, óleo de cozinha, sistema, programação. 
 
 
 
 
 
 
 
 
 
 
 
 
 
4 
 
ABSTRACT 
 
In this work we will present a solution developed to carry out the total control of the 
collection of used cooking oil containers. The system will have the option of registering the 
necessary information so that the control works with few margins of error and provides the 
best logistics for the collection. 
The system will benefit mainly from control, having a registration form for donors or 
collection points, including residences, condominiums and businesses. The main purpose 
of registering individuals is to assist in administration and control, being the basis for 
consulting information. 
All system development will be in WEB programming language, facilitating access 
to information. 
Keywords: control, collection, cooking oil, system, programming. 
 
 
 
 
 
 
 
 
 
 
 
 
 
5 
 
SUMÁRIO 
1. INTRODUÇÃO................................................................................................................07 
2. COLETA DE ÓLEO DE COZINHA JÁ USADO..............................................................08 
3. ESTRUTURAÇÃO DO SISTEMA..................................................................................08 
3.1 Linguagens de programação........................................................................................08 
3.2 HTML 5.........................................................................................................................09 
3.3 CSS 3............................................................................................................................09 
3.4 JavaScript.....................................................................................................................11 
4 APRESENTAÇÃO...........................................................................................................12 
5 PROGRAMAÇÃO............................................................................................................16 
5.1 Programação usada no sistema...................................................................................16 
6. BANCO DE DADOS.......................................................................................................18 
6.1 PostgreSQL..................................................................................................................19 
6.2 Estruturação do Banco de dados..................................................................................20 
7. ÉTICA E LEGISLAÇÃO PROFISSIONAL.......................................................................23 
7.1 Ética e Legislação aplicada..........................................................................................23 
8. CONCLUSÃO.................................................................................................................24 
REFERÊNCIAS..................................................................................................................25 
 
 
 
 
 
 
6 
 
Lista de Figuras 
 
Figura 1 – Exemplo código - HTML....................................................................................09 
Figura 2 - Exemplo código CSS..........................................................................................10 
Figura 3 – Exemplo código JavaScript...............................................................................11 
Figura 4 – Página Inicial.....................................................................................................12 
Figura 5 – Página Condomínios.........................................................................................13 
Figura 6 – Página Pessoas.................................................................................................13 
Figura 7 – Página Conteiners.............................................................................................14 
Figura 8 – Código HTML – Página Inicial...........................................................................15 
Figura 9 – Código JavaScript– Página Inicial.....................................................................16 
Figura 10 – Código JavaScript– Página Pessoas...............................................................17 
Figura 11 – Modelo Lógico da Aplicação............................................................................20 
Figura 12 – Código SQL - Tabela condomínios..................................................................21 
Figura 13 – Código SQL - Tabela Conteiners.....................................................................22 
Figura 14 – Código SQL - Tabela Pessoas........................................................................22 
 
 
 
 
 
 
 
 
7 
 
1. INTRODUÇÃO 
 Tendo como base os conhecimentos das matérias de Administração de Banco de 
Dados, Linguagem de programação aplicada, Metodologia Científica e Ética e legislação 
profissional, a empresa PIM III foi acionada para desenvolver um sistema informatizo para 
o gerenciamento de coleta de contêineres de óleo de cozinha já usados em residências, 
condomínios e comércios. 
 O desenvolvimento do sistema será baseado em linguagem de programação WEB, 
onde contará com uma interface intuitiva e amigável para o fácil manuseio do sistema. O 
banco de dados utilizados será em SQL (Linguagem de Consulta Estruturada) para o 
armazenamento de todas as informações cadastradas através da interface gráfica. 
 Todas as linguagens de programação utilizadas são Open Source, proporcionando 
um baixo custo no desenvolvimento e nas futuras manutenções sistêmicas. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8 
 
2. COLETA DE ÓLEO DE COZINHA JÁ USADO 
 Para podermos entender o uso do sistema, precisamos abordar a real importância 
do descarte da forma correta. 
 O crescimento acelerado da população do mundo fez com que os temas sobre as 
questões ambientais fossem mais debatidos que nunca e o óleo de cozinho não escapou, 
sendo um dos itens mais consumidos pela população brasileira. A falta de informação faz 
com que exista o descarte incorreto em cozinhas residências, bares, lanchonetes, 
restaurantes e industrias. 
 Quando o óleo chega no sistema hídrico ocasiona a diminuição da iluminação e 
oxigenação nas aguas, prejudicando a flora e fauna local. Empresas especializadas tomam 
conta da coleta do óleo de cozinha para que seja, reciclados e tomem outros fins, como aprodução de sabão. 
 Uma dessas empresas solicitou o desenvolvimento do sistema para a empresa PIM 
III, tendo em vista a maior praticidade de controle e logística. 
 
3 ESTRUTURAÇÃO DO SISTEMA 
 Para garantir o melhor custo benefício no desenvolvimento, a PIM III decidiu por criar 
um projeto por meio de plataformas OpenSource (gratuitas). O sistema trabalha como uma 
aplicação WEB, facilitando o acesso remoto de qualquer lugar, precisando apenas de um 
servidor WEB hospedando a aplicação e proporcionando o fácil acesso pela internet. Nosso 
banco de dados utilizará a linguagem SQL (Linguagem de consulta estruturada) e seu 
SGBD (Sistema de Gerenciamento de Banco de Dados), PostgreSQL. . 
 
3.1 Linguagens de programação 
 No desenvolvimento do projeto, utilizaremos ferramentas de linguagens de 
programação. O front-end (Interface frontal) dará a interface gráfica onde o usuário fará a 
alimentação dos dados e movimentações no sistema. As principais linguagens usadas na 
interface é o HTML 5 (Linguagem de Marcação de HiperTexto) e CSS3 (Folha de estilos 
9 
 
em cascata). Já os processos automáticos, rodam no back-end (Interface traseira) e 
utilizaremos linguagens como JavaScript. 
 
3.2 HTML 5 
 A linguagem HTML foi criada em 1991 por Tim Beners-Lee na Suíça. Os recursos 
dela permitem definir do tipo, tamanho e cor da letra, espaçamentos e alinhamentos e 
criação de tabelas. Ao decorrer do tempo, o HTML passou por atualizações, onde 
possibilitou a melhor comunicação com outras linguagens e assim proporcionou a 
construção e expansão do conteúdo na WEB. 
 
Figura 1 – Exemplo código – HTML 
 
Fonte: https://pedra1.blogspot.com/2020/04/topico-2-primeiro-codigo-em-html.html 
 
 3.3 CSS3 
 Como evolução para que o HTML fosse mais fácil, leve e prático, o CSS (Folhas de 
estilos em cascata) veio como a solução. Antes, se usava de vários códigos para ajustes 
consideravelmente simples, porém, com a proposta por Hakon Lie em 1994, a primeira 
versão publicada pela empresa W3C em 1995, se tornou muito mais simples o 
desenvolvimento e a popularização no mundo dos desenvolvedores em 1999. Nos dias 
10 
 
atuais vemos a versão do CSS3 nas páginas WEB, tornando-as modernas, finas, limpas e 
estilosas. 
 
Figura 2 – Exemplo código – CSS3 
 
 Fonte: https://blog.dankicode.com/dicas-para-escrever-css/ 
 
 
 
 
 
11 
 
3.4 JavaScript 
 A linguagem foi criada em 1995 por Brendan Eich. O JavaScript é considerado a 
mais moderna e utilizada em grandes desenvolvimentos de empresas como exemplo 
Twitter, PayPal e Walmart. 
 Os scripts desenvolvidos em cima da linguagem são muito poderosos e capazes de 
interagir com as marcações em HTML e CSS. A forma que funcionam é incrível, rodando 
os processos ao lado do cliente e não no servidor, tornando assim mais leve e rápido os 
processos da aplicação WEB. Temos como exemplo atualizar o conteúdo de uma página 
WEB sem a necessidade de atualizar ou sair do site. 
 
Figura 3 – Exemplo código – JavaScript 
 
Fonte: https://ricardo-reis.medium.com/loop-while-javascript-22581701c560 
 
 
 
 
12 
 
4. APRESENTAÇÃO 
 Com todos os dados levantados pela empresa PIM III, foi elaborada uma interface 
amigável, leve e suporta o redimensionamento automático conforme o tamanho da tela, 
adaptando-se assim aos aparelhos mobile. Utilizamos o HTML e o CSS para 
conseguirmos o melhor resultado para a interação com o usuário. 
 Usando o JavaScript aliado ao banco de dados SQL, podemos facilitar a 
manipulação dos dados. Em uma página estática única conseguimos realizar o cadastro, 
alteração e consulta de dados com maior praticidade ao usuário final. 
 Temos como página principal o Início. Nesta tela, conseguimos apresentar dados 
como containers para uso e condomínios propícios a receber novos containers. 
 A seguir, mostraremos as páginas do sistema e apresentar suas respectivas 
funcionalidades. 
 - Página Início: Nessa página, conseguimos visualizar o menu, onde leva o 
usuário á outras páginas de funcionamento do sistema. Temos a composição do layout 
central onde temos as informações de containers disponíveis para uso e a quantidade de 
condomínios adeptos para recebimento. 
 
Figura 4 – Página Inicial 
 
Fonte: Autoria Própria 
 
 - Página Condomínios: Página responsável por disponibilizar a área de cadastro 
de condomínios, onde, conseguimos acessar e visualizar, alterar e salvar os que já estão 
cadastrados, por nome, endereço e quantidade de containers em uso. 
13 
 
Figura 5 – Página Condomínios 
 
Fonte: Autoria Própria 
 
- Página Pessoas: Seguindo os padrões das outras páginas, nesta, temos a parte 
de cadastro de pessoas (Inclui nome, CPF, Função - morador, síndico, zelador, 
condomínio que mora. Ao realizar o cadastro de novo morador, o condomínio atribuído. 
Todas essas informações agregam com um controle mais eficaz. 
 
Figura 6 – Página Pessoas 
 
Fonte: Autoria Própria 
 
14 
 
- Página Containers: Página responsável por cadastrar os containers 
disponibilizados pela empresa de coleta. Temos opções que auxiliam no controle sobre os 
containers como se está disponível ou não através de uma legenda com cores para a 
identificação. 
Figura 7 – Página Containers 
 
Fonte: Autoria Própria 
 
Em cada página, temos os códigos HTML e CSS responsáveis por criar o layout da 
página, com fontes, cores, campos etc. O JavaScript interage com os demais códigos 
proporcionando modernidade e recursos para o sistema. 
 
 
 
 
 
 
 
 
 
 
 
 
15 
 
Figura 8 – Código HTML – Página Inicial 
 
 
Fonte: Autoria Própria 
 
 
 
 
 
16 
 
5. PROGRAMAÇÃO 
 Dizemos que linguagem de programação é formal, pois, por meio de instruções, os 
programadores consegue alterar o comportamento do sistema. A empresa PIM III utilizou 
a linguagem Open Source JavaScript. 
 A linguagem é baseada para web, onde ao decorrer do tempo foi aprimorada. É de 
fácil aprendizado, sendo muito disseminado e com um suporte amplo, o que nos auxilia 
com a comunicação com as linguagens HTML e CSS no desenvolvimento do projeto. 
 
51. Programação do sistema 
 Para conseguirmos nos comunicar com o banco de dados para realizar consultas, 
cadastros e alterações, usamos o JavaScript. Em uma página estática, podemos 
consultar as informações no Banco de dados. 
 
Figura 9 – Código JavaScript – Página Inicial 
 
Fonte: Autoria Própria 
 
 
 
 
17 
 
Figura 10 – Código JavaScript – Página Pessoas 
 
Fonte: Autoria Própria 
 
18 
 
6. Banco de dados 
 Para o armazenamento das informações inseridas no sistema, sejam os cadastros 
ou alterações de qualquer tipo de outro dado é armazenado em um Banco de Dados. Nos 
dias atuais, contamos com tecnologias que nos proporcionam o gerenciamento de um 
banco de dados remoto (nuvem) com mais facilidade. Podemos optar também por manter 
tal ferramenta de forma local, armazenados em um servidor físico local. 
 A construção de um banco de dados é dada pela linguagem SQL (Linguagem de 
Consulta Estruturada), onde se utiliza de tabelas compostas por linhas e colunas que se 
relacionam proporcionando que tenha seu total funcionamento. O sistema fará a leitura 
dessas informações pela linguagem JavaScript. Sabemos que a linguagem estruturada do 
banco de dados se torna mais complexa de se utilizar, visto que consultas, queries e a 
manipulação do banco é feita através de códigos de programação. 
 Temos alguns comandos que podemos utilizar no banco de dados: 
 
 Inserir (Insert) 
 Deletar (Delete) 
 Atualizar (Update) 
 Selecionar (Select) 
 
Em um banco de dados complexo, se utiliza de mais comandos durante uma pesquisa 
simples. Nessas consultas, conseguimos trazer tabelas amarradas ao resultado da nossa 
pesquisa, como por exemplo, o fato de consultarmos o cadastro de uma pessoa física e 
obteremos dados como endereço, onde atrela mais campos (como logradouro, bairro ecidade) e essa mesma tabela de endereço estar condita em uma tabela de cidades, 
estados etc. Alguns subgrupos trabalhando dividindo os comandos utilizados, como por 
exemplo: 
 
 DDL – Data Definition Language: Os comandos trabalham com um nível 
acima, sendo eles que bancam o banco de dados em si e não só as tabelas. 
Usamos como exemplos os comandos CREATE (que cria objeto como o 
19 
 
próprio banco de dados inteiros) e o DROP (que apagam o objeto por 
inteiro). 
 
 DML – Data Manipulation Language: Os comandos são mais simples e 
trabalham os dados das tabelas como insert, select e delete. 
 
 DTL – Data Transition Language: O comando em questão é o COMMIT, 
que permite que as modificações feitas pelos operadores do sistema sejam 
gravadas. 
 
 DCL – Data Control Language: Tem sua importância por se tratarem de 
definir o acesso ao banco de dados, quais máquinas e quais usuários terão 
serão autorizados. Usamos como exemplo o comando GRANT. 
 
Para gerenciarmos todo nosso Banco de Dados, vamos utilizar um SGBD 
(Sistema de Gerenciamento de Banco de Dados). O sistema desenvolvido pela 
empresa PIM III utiliza a linguagem SQL e o SGBD PostgreSQL, porém, temos 
diversos outros gerenciadores como MySQL, SQLServer, OracleDB entre 
outros. 
 
 
6.1 PostgreSQL 
 O Postgre conta com alguns aspectos que foram essências para que fosse 
escolhido como o SGBD do projeto. Além de ser um dos melhores do mercado, ele 
também é um software de código aberto, barateando assim as futuras manutenções e 
afins. 
 Foi implementado um servidor dedicado para rodar a aplicação do SGBD, 
garantindo uma segurança, estabilidade e praticidade. Todas as consultas, cadastros e 
exclusões poderão ser feitas por ele através de linhas de comando JavaScript. 
20 
 
6.2 Estruturação do Banco de Dados 
 Tendo toda a solicitação do sistema, a empresa PIM III trabalhou para elaborar 
uma estrutura de dados com melhor desempenho, proporcionando velocidade e 
flexibilidade na hora do cadastro e nas próprias consultas no banco. 
 O início do desenvolvimento do banco de dados se dá pela elaboração de um 
modelo lógico como escopo do projeto. Com ele, conseguimos visualizar de forma fácil o 
funcionamento das tabelas do sistema. 
 
Figura 11 – Modelo Lógico da Aplicação 
 
Fonte: Autoria Própria 
 
Após termos o modelo lógico em mãos, é hora de desenvolver o modelo físico do 
projeto. Como dito anteriormente, a estrutura desse Banco de Dados é composta pela 
linguagem SQL e utilizada pelo SGBD PostgreSQL. Teremos como resultado a criação do 
banco, tabelas e as conexões entre as tabelas index, compostas pela PK (Primary Key – 
Chave Primária) e a FK (Foreign Key – Chave Secundária). 
21 
 
 Para armazenamento dos dados inseridos pelo usuário do sistema, criamos 
algumas tabelas que serão responsáveis por estruturar esses dados, como por exemplo: 
 
 Tabela condomínios: Composta pelos campos – id (controle interno do 
banco de dados), nome, endereço. Responsável por armazenar dados para 
a coleta. 
 Tabela pessoas: Composta pelos campos – nome, tipo, cpf_01. 
Responsável pelo cadastro geral e de responsáveis da coleta. 
 Tabela Containers: Composta pelos campos – id e nome. Responsável 
pelo armazenamento dos dados de containers e vínculo com outras tabelas. 
 
No projeto, temos outras tabelas que não foram mencionadas a cima. Essas 
tabelas são responsáveis pelas conexões que amarram um container a um condomínio 
especifico (exemplo: cond_container). 
No modelo físico vemos a linguagem SQL sendo utilizada para a criação das 
tabelas: 
 
Figura 12 – Código SQL - Tabela condomínios 
 
Fonte: Autoria Própria 
 
 
 
 
 
22 
 
Figura 13 – Código SQL - Tabela containers 
 
 
Fonte: Autoria Própria 
 
Figura 14 – Código SQL - Tabela pessoas 
 
Fonte: Autoria Própria 
 
Tendo o modelo físico e nosso SGBD totalmente funcional, desenvolvemos os códigos no Postgre 
para a criação das tabelas e suas respectivas relações. 
 
 
 
 
23 
 
7. ÉTICA E LESGILAÇÃO PROFISSIONAL 
 Formada por um conjunto de normas, regras e preceitos, a ética profissional é 
responsável pela consciência do profissional e sua conduta. O profissional que age de 
forma ética e dentro dos padrões convencionais, segue com a ética profissional e cumpre 
os valores estabelecidos na sociedade. 
 Toda profissão tem seu código de ética e cabe ao profissional conhecer, cumprir e 
aprimorar-se de acordo com as regras estabelecidas pelo órgão administrador da sua 
categoria. 
 
7.1 Ética e Legislação aplicada 
 Com o gerenciamento fornecido pelo sistema desenvolvido, teremos uma visão 
mais ampla e dados sólidos, além da rastreabilidade mais eficaz do produto (container) e 
doadores (Condôminos). 
 Por meio do gerenciamento de cadastro de condôminos teremos o resultado e 
dados sobre uma conscientização de coleta de óleo de cozinha. Dessa forma, os 
condomínios terão ciência se os moradores estão compreendendo a importância da 
coleta de óleo, podendo assim, criar estratégias para garantir o entendimento de todos e 
participação de todos, formando assim, uma sociedade comprometida e consciente com o 
meio ambiente. 
 Como um dos fatores essenciais, a empresa PIM III têm um comprometimento com 
a ética e legislação, proporcionando a proteção dos dados dos usuários. O condomínio 
proporciona diversas formações e interações para a conscientização sobre o tema, 
trazendo o conhecimento para o máximo de pessoas possível. 
 Todos os dados são assegurados pela LGPD (Lei Geral de Proteção de Dados) 
como forma de segurança das informações armazenadas nos bancos de dados da 
aplicação da PIM III, seguindo a Lei n° 13.709/2018. 
 
 
 
24 
 
8. CONCLUSÃO 
 Com base na solicitação feita a empresa PIM III, foi desenvolvido uma aplicação 
WEB completa, utilizando de linguagens de programação mais potentes e modernas. 
Dessa forma, conseguimos entregar o projeto solicitado sobre a coleta de óleo de cozinha 
já usado, de forma mais prática, veloz e segura. 
 Pelo sistema é possível sabermos de forma precisa quais condomínios precisam 
de containers, quem é o responsável pelo condomínio e auxilia na logística de transporte. 
Tudo isso graças a interface amigável de uma página WEB, onde em um único local tem 
acesso a diversos recursos (cadastros, consulta e alteração). 
 Como armazenamento de dados, contamos com nosso Banco de Dados em 
linguagem SQL, gerenciada pelo SGBD PostgreSQL. Desenvolvemos um banco de dados 
robusto, trazendo amarrações de tabelas, possibilitando o melhor desempenho na hora de 
utilização. Vale ressaltar que o que todo o projeto foi baseado em linguagens 
OpenSource, onde barateiam o custo de manutenção do sistema. 
 A empresa PIM III tem como objetivo, proporcionar um sistema rápido, prático e 
fácil de ser utilizado. Para a segurança dos dados, foram respeitados todos os aspectos 
da LGPD (Lei Geral de Proteção de Dados). 
 
 
 
 
 
 
 
 
 
 
 
25 
 
REFERENCIAS 
 
CUNHA, Elisangela de Souza. A importância da Coleta do Óleo usado para o meio 
ambiente. Educação Ambiental em Ação, 2013. Disponível em: 
 <https://www.revistaea.org/artigo.php?idartigo=1540>. Acesso em: 20 de novembro de 
2022. 
 
PACIEVITCH, Yuri. HTML. InfoEscola. Disponível em: 
<https://www.infoescola.com/informatica/html/>. Acesso em: 20 de novembro de 2022. 
 
FEITOSA, Eduardo. O que é HTML5. DEVMEDIA, 2012. Disponível em: 
<https://www.infoescola.com/informatica/html/>. Acesso em: 20 de novembro de 2022. 
 
SILVA, Giancarlo. Oque é e como funciona a linguagem JavaScript. CanalTech, 2015. Disponível 
em: <https://www.canaltech.com.br/internet/O-que-e-e-como-funciona-a-linguagem-java-script/>. 
Acesso em: 20 de novembro de 2022. 
 
SQL – O que é e como funciona na pratica. Pravaler, 2020. Disponível em: 
<https://www.pravaper.com.br/sql-oque-e-e-como-funciona-a-linguagem-java-script/>. Acesso em:20 de novembro de 2022. 
 
PORFÍRIO, Francisco. O que é ética? Brasil Escola. Disponível em: 
<https://www.brasilescola.com.br/o-que-e/o-que-e-etica.htm>. Acesso em: 20 de novembro de 
2022. 
 
 
 
https://www.revistaea.org/artigo.php?idartigo=1540
https://www.infoescola.com/informatica/html/
https://www.infoescola.com/informatica/html/
https://www.canaltech.com.br/internet/O-que-e-e-como-funciona-a-linguagem-java-script/%3e.
https://www.pravaper.com.br/sql-oque-e-e-como-funciona-a-linguagem-java-script/
https://www.brasilescola.com.br/o-que-e/o-que-e-etica.htm