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.
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 BootStramp é 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 4. 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, traz um hotsite desenvolvido para comunicação e marketing do site, onde estará disponível opções para fazer entrar no sistema, efetuar cadastro, link para as redes social, alavancando o número de usuários a se inscreverem.
Figura 6. Imagem do Hotsite
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.