Home
Uma nova forma de ser sustentável e poupando dinheiro.
Gabriel Goulart Caetano
Email - [email protected]
Prof. Me. Angelo Gonçalves da Luz
Email - [email protected]
O website ComidaBarata.com tem como finalidade efetuar a comercialização de produtos alimentícios, proporcionando a empresa anunciar seus produtos, acompanhar as vendas e gerenciar através de gráficos e relatórios. O cliente poderá efetuar a compra dos produtos e emitir um comprovante para retirada no estabelecimento que anunciou. O projeto sera desenvolvido para web onde contara com diversas tecnologias englobadas para melhor interação do usuário com o sistema, contando com um sistema responsivo para ser utilizado em navegadores de celulares ate computadores.
Segundo a Embrapa hoje o Brasil desperdiça cerca de 41 mil toneladas de alimentos próprios para consumo, com esses números ele ocupa um dos lugares no Top 10 dos países que mais desperdiçam comida, o Brasil estima-se que 46% dessa perda se dá conta pelo transporte, venda e consumo. Com base nisso pretende-se criar um local onde as empresas desde grandes corporações ou até mesmo fruteiras, padarias, mini mercados e trabalhadores rurais possam anunciar seus produtos que em breve ira virar desperdício tanto por estar perto dos últimos dias de validade ou no caso de frutas e legumes por não estarem bonitos e apetitosos.
Segundo o código de defesa do consumidor, pode ser efetuada a venda de qualquer produto alimentícia se o mesmo ainda estiver dentro da validade, a partir do dia 15 de janeiro 2014, foi colocada em pratica oficialmente a Lei nº 3997/14 “Lei do Prazo de Vencimento” todos os supermercados e estabelecimentos afins são obrigados a colocar gôndolas específicas para os produtos que estão próximos da data de vencimento. Todos os itens expostos nessas prateleiras deverão estar acompanhados de placa informativa, colocada em local de destaque com o prazo de validade. A placa deverá ter medida mínima de 30 cm de altura por 60 cm de largura, contendo os seguintes dizeres: “Produtos com prazo de validade próximo ao vencimento”. Em caso de descumprimento, a lei prevê, inicialmente, advertência para estabelecimento. No entanto, a partir da primeira reincidência, a multa ao estabelecimento infrator poderá variar de R$ 1 mil a R$ 15 mil, que será revertida ao Fundo Estadual do Consumidor (Condecon).
Foi analisado dois sistemas similares: o "FlashFood" é um App desenvolvido no Canadá, visa combater o desperdício, o App é gratuito ele permite que as empresas coloquem uma foto da comida oferecendo descontos de pelo menos 50% mas lembrando o produto tem que estar na validade, o usuário do App poderá receber notificações, após dar o “match” é possível reservar o alimento pagando diretamente pelo App com cartão de credito, segue na Figura 1.
Figura 1. Imagem do app Flash Food
O "GoodAfter" é um website desenvolvido em Portugal, de produtos perto ou fora da sua data preferencial e de stocks residuais. Busca Transferir para o consumidor a possibilidade de aquisição de produtos de qualidade e mais baratos, a GoodAfter.com constitui uma solução “verde”, na medida em que permite com isso reduzir o desperdício alimentar e os resíduos e poluição relacionados com a sua eliminação, segue na Figura 2.
Figura 2. Imagem da página do GoodAfter
| Sistema | Plataforma | Responsivo | Gráficos e Relatórios | Para uso |
|---|---|---|---|---|
| ComidaBarata.com | web | Sim | Sim | Comunitário |
| GoodAfter | web | Sim | Não Informado | Próprio |
| FlashFood | Mobile | Não | Não Informado | Comunitário |
O ComidaBarata.com se destaca por ser um sistema de sustentabilidade, mas com diferencial de todo comerciante poder anunciar nele, não é necessário a validade do produto estar perto do final para ser anunciado, o comerciante poderá postar todos seus produtos e incrementar a venda no seu negócio e podendo gerenciar suas vendas diretamente no sistema. O Website é responsivo acessível a todas as plataformas através do navegador, ele conta com uma área Administrativa com relatórios e gráficos para a empresa e uma área para o usuário pode adquirir os produtos.
Nesta seção será abordar os objetivos Gerais e Específicos do sistema.
O sistema realiza a comercialização de produtos alimentícios, com foco nos produtos prestes a perder a validade, mas o sistema aceita produtos em geral com uma longa validade ainda, mas o sistema ira sugerir que a empresa venda-os mais baratos.
- Fazer o levantamento de Requisitos Funcionais e Não Funcionais
- Desenvolver diagrama de E R
- Desenvolver diagrama de Caso de Uso
- Desenvolver Banco de Dados
- Escolher o Layout do sistema Web
- Aprimorar os conhecimentos das linguagens de programação web
- Desenvolver uma área administrativa
- Desenvolver uma área de clientes
- Reunião com representantes de empresas
- Realizar testes das funcionalidades implementadas Web
- Realizar testes de responsividade em dispositivos móvel
- Implantar a aplicação em uma empresa
Nesta seção iremos abordar os requisitos funcionais e não funcionais do sistema.
- RF 01 - O sistema permitirá usuário se cadastrar.
- RF 02 - O sistema permitirá o usuário alterar suas informações de perfil
- RF 03 - O usuário poderá pesquisar ofertas por nome e categoria do produto
- RF 04 – O usuário jurídico poderá anunciar produtos
- RF 05 - O usuário jurídico poderá destacar anúncios
- RF 06 - O sistema emitirá comprovante de compra
- RF 07 - O usuário físico poderá denunciar um anúncio
- RF 08 - O anúncio ira informar as visualizações totais do conteúdo
- RF 09 - A aplicação deverá gerar relatório de vendas mensais
- RF 10 - A aplicação deverá gerar relatório de todos anúncios ativos
- RF 11 - A aplicação terá um gráfico de produtos salvos x perdidos
- RF 12 - O usuário poderá ver o histórico de compras
- RF 13 - O sistema terá um "desperdisometro"
- RF 14 – O usuário terá a opção de desativar a conta
- RF 15 - O usuário fara uma avaliação da compra
- RNF 01 - Deve ser executado em um servidor web e estar hospedado em um provedor de sites
- RNF 02 - O sistema será responsivo para ser utilizado em notebooks, tablets, iPad, smartphones
- RNF 03 - O custo inicial para colocar a aplicação em funcionamento deve ser baixo
- RNF 04 - Deve ser usado um banco de dados gratuito
- RNF 05 - Todas as exclusões realizadas no sistema devem ocorrer de forma aparente, isto é, nada deve ser realmente removida do banco de dados
- RNF 06 - A aplicação deve ser de fácil utilização
- RNF 07 - O sistema irá cobrar uma porcentagem do valor da venda a empresa
- RNF 08 - O sistema irá cobrar uma porcentagem extra dos anúncios destacados em caso de venda
- RNF 09 - Para acessar a aplicação será necessário o login no sistema por um usuário e senha
- RNF 10 - O sistema permitirá o cadastro de pessoas físicas e jurídicas
- RNF 11 - A aplicação será desenvolvida em MVC
Para o desenvolvimento do projeto foi realizado análises sobre 7 tecnologias como pode ser visto na Figura 3: são elas HTML 5, CSS3 , JavaScript, PHP, MySql, Framework CodeIgniter e Framework Bootstrap.
O HTML 5 (Hypertext Markup Language) está na versão 5 é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web e é a tecnologia chave da internet.
O CSS 3 é a segunda mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS), onde se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas
O JavaScript é uma linguagem de programação interpretada. Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do documento exibido.
O PHP (um acrônimo recursivo para PHP: Hypertext Preprocessor) é uma linguagem de script open source de uso geral, muito utilizada, e especialmente adequada para o desenvolvimento web e que pode ser embutida dentro do HTML.
O MySql é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada) como interface.
O FrameWork CodeIgniter é um poderoso framework PHP com uma pegada muito pequena, construída para desenvolvedores que precisam de um conjunto de ferramentas simples e elegante para criar aplicativos da Web completos.
O FrameWork BootStrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de projetos responsivo e focado para dispositivos móveis na web.
Figura 3. Tecnologias utilizadas.
Para o desenvolvimento do projeto ComidaBarata.com foram utilizados 2 diagramas para auxiliar no desenvolvimento sendo eles: Modelo ER e o Diagrama de Casos de Uso.
O sistema utiliza um banco de dados MySql e conta com 9 tabelas como pode ser visto na Figura 4, as seguintes tabelas são as principais do sistema. A tabela “Produto” é responsável por armazenar todo produto cadastrado no site. A tabela “User” é responsável por armazenar os usuários do sistema. A tabela “Denuncia” é responsável por armazenar as denúncias feita por usuários do sistema.
Figura 3. Diagrama ER
O diagrama de Casos de Uso pode ser visto a seguir na Figura 5 e descreve o cenário com as funções do sistema são identificados 3 atores responsáveis pela interação com o sistema. O ator “Usuário Físico” pode pesquisar os produtos, comprar, denunciar oferta com dados incorretos. O ator “Usuário Jurídico” pode anunciar um produto, destacar o anuncio, gerar relatórios e gráficos. O ator “Administrador” pode avaliar denúncias, bloquear usuários, gerar relatórios e gráficos.
Figura 5. Diagrama Caso de Uso
A figura 6, trás o layout da pagina principal da aplicação, onde estão disponíveis o menu para navegação em todas as subcategorias de produtos, um campo destinado a pesquisa dos produtos e os últimos anúncios dos 3 modos de exibição de anuncio Últimos Anúncios, Anúncios em Destaque e Anúncios de Produtos a Vencer.
Figura 6. Imagem da página inicial do Sistema
A Figura 7, página de cadastro possui um formulário simples, desenvolvido com objetivo de ser rápido e prático.
Figura 7. Imagem da tela de cadastro.
A Figura 8, página com as últimas ofertas anunciadas no site e produtos em destaque.
Figura 8. Imagem da tela de últimas ofertas.
A Figura 9, página dos meus anúncios, conta com uma lista dos seus produtos anunciados.
Figura 9. Imagem da tela de minhas ofertas.
Nas Figuras 10 e 11, podemos visualizar alguns dos tipos de gráficos disponíveis no sistema.
Figura 10. Imagem do gráfico de marcas de produtos anunciados.
Figura 11. Imagem da do gráfico dos 5 produtos mais visualizados do mês.
| MAR | ABR | MAI | JUN | JUL | AGO | SET | OUT | NOV | DEZ | |
|---|---|---|---|---|---|---|---|---|---|---|
| Fazer o Levantamento de requisitos | V | |||||||||
| Fazer o Levantamento de Funcionalidades | V | V | V | |||||||
| Estudar e Definir tecnologias do projeto | V | V | V | O | ||||||
| Gerar diagramas de classe ou ER | V | V | ||||||||
| Gerar diagramas de caso de uso | V | V | ||||||||
| Desenvolver área administrativa | O | X | X | |||||||
| Desenvolver área cliente | O | X | X | |||||||
| Reunião com representante da empresa | X | X | ||||||||
| Desenvolver relatório de venda mensal | X | |||||||||
| Desenvolver relatório de anúncios ativos | X | |||||||||
| Desenvolver gráfico salvo x perdido | X | |||||||||
| Desenvolver denúncia de conteúdo | X | |||||||||
| Implantação da aplicação | X | X | ||||||||
| Modelar banco de dados | V | V | ||||||||
| Elaborar relatório final | V | V | V | |||||||
| Elaborar artigo | X | X | X | |||||||
| Testar funcionalidades e responsividade | X | X | X | X |
Legenda: (v) realizado (X) a ser realizado (*) atrasado ou (O) em andamento
Foi concluído todas as tarefas propostas pelo cronograma para primeira etapa, na segunda etapa será finalizada as áreas dos clientes e administrativa, Elaboração de gráficos, estudo de tecnologias para desenvolver relatórios, será buscado empresas para implantar a ideia.
[Agencia Brasil] Elaine Patricia Cruz – Repórter da Agência Brasil Disponível em: http://agenciabrasil.ebc.com.br/economia/noticia/2016-06/brasil-desperdica-40-mil-toneladas-de-alimento-por-dia-diz-entidade. Acesso em: 12/03/2017.
[Uol Notícias] Alan Bojanic Disponível em: https://noticias.uol.com.br/opiniao/coluna/2014/05/06/enquanto-milhoes-passam-fome-13-bi-de-toneladas-de-comida-e-desperdicado . Acesso em: 12/03/2017.
[Olhar Digital] Renato Santino Disponível em: https://olhardigital.uol.com.br/noticia/app-tenta-acabar-com-a-fome-no-mundo-e-evitar-desperdicio-de-comida/59146 . Acesso em: 13/04/2017.
[Flash Food] FLASHFOOD INC Disponível em: http://flashfood.com/ . Acesso em: 24/04/2017.
[Good After] Good After Disponível em: https://goodafter.com/pt/ . Acesso em: 05/05/2017.
[Mozilla] Mozilla Developer, HTML 5 Disponível em: https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5 . Acesso em: 06/05/2017.
[Mozilla] Mozilla Developer, CSS 3 Disponível em: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS3 . Acesso em: 12/05/2017.
[Mozilla] Mozilla Developer, Java Script Disponível em: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript . Acesso em: 12/05/2017.
[PHP Group] PHP Group Disponível em: https://secure.php.net/manual/pt_BR/intro-whatis.php . Acesso em: 18/05/2017.
[Oracle Corporation] Oracle Corporation, MySQL Disponível em: https://dev.mysql.com/doc/ . Acesso em: 29/05/2017.
[CodeIgniter] CodeIgniter Disponível em: https://codeigniter.com/ . Acesso em: 29/05/2017.
[Marcos Santos] Leis Disponível em: http://www.portaldomarcossantos.com.br/2014/02/18/lei-prazo-de-vencimento-determina-que-produtos-proximos-da-data-de-validade-devem-ser-expostos-em-gondolas-especificas/ . Acesso em: 20/07/2017.