CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA
Transcript of CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA
PAULA SOUZA
FACULDADE DE TECNOLOGIA DE LINS PROF. ANTÔNIO SEABRA
CURSO SUPERIOR DE TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE
SISTEMAS
RAFAEL APARECIDO DA SILVA
RAFAEL DIEGO MENDES DE LIMA
DESENVOLVIMENTO DE UMA APLICAÇÃO DE RASTREABILIDADE
DE ALIMENTOS ORGÂNICOS PARA DISPOSITIVOS MÓVEIS
LINS/SP
2º SEMESTRE/2016
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA
PAULA SOUZA
FACULDADE DE TECNOLOGIA DE LINS PROF. ANTÔNIO SEABRA
CURSO SUPERIOR DE TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE
SISTEMAS
RAFAEL APARECIDO DA SILVA
RAFAEL DIEGO MENDES DE LIMA
DESENVOLVIMENTO DE UMA APLICAÇÃO DE RASTREABILIDADE
DE ALIMENTOS ORGÂNICOS PARA DISPOSITIVOS MÓVEIS
LINS/SP
2º SEMESTRE/2016
Trabalho de Conclusão de Curso apresentado à
Faculdade de Tecnologia de Lins para obtenção do
Título de Tecnólogo em Análise e Desenvolvimento
de Sistemas.
Orientador: Prof. Me Anderson Pazin
RAFAEL APARECIDO DA SILVA
RAFAEL DIEGO MENDES DE LIMA
DESENVOLVIMENTO DE UMA APLICAÇÃO DE RASTREABILIDADE
DE ALIMENTOS ORGÂNICOS PARA DISPOSITIVOS MÓVEIS
Data de aprovação: ___/___/___
___________________________________________
Orientador Prof. Me. Anderson Pazin
___________________________________________
(EXAMINADOR 1) Prof. Me.
___________________________________________
(EXAMINADOR 2) Prof. Me.
Trabalho de Conclusão de Curso
apresentado à Faculdade de Tecnologia
de Lins, como parte dos requisitos
necessários para obtenção de do título
de Tecnólogo em Análise e
Desenvolvimento de Sistemas sob
orientação do Prof. Me. Anderson Pazin
Primeiramente a Deus, pois sem ele não
existe vida. A minha esposa, Sabrina que sempre
me deu forças e me aguentou em momentos
difíceis dessa jornada que se encerra.
Rafael Aparecido Da Silva
Dedico este trabalho a todos que fizeram parte da
minha vida durante esses anos.
Rafael Diego Mendes de Lima
AGRADECIMENTOS
Em primeiro lugar agradeço a Deus pai todo poderoso, que me deu forças e
discernimento nos momentos difíceis desta jornada.
Deixo aqui um agradecimento a uma pessoa que além de esposa é uma amiga
formidável, me refiro a Sabrina Macimiano, uma pessoa maravilhosa que Deus
colocou em minha vida.
Cito também o nosso professor orientador Anderson Pazin, que sempre esteve
aposto para esclarecer todas nossas dúvidas. Ele também foi um grande incentivador
nessa etapa de nossas vidas.
Não poderia deixar de citar o professor Fernando César Balbino, que além de
uma grande pessoa é um ótimo professor. Tenho certeza que se não fosse ele abrir
nossos horizontes para a computação para dispositivos moveis, esse trabalho não
estaria sendo realizado.
Cito também os colegas de sala, em especial a Camila Santana que sempre
nos deu ajuda nos momentos difíceis, com todo seu conhecimento na parte da escrita.
Por fim, mas não menos importante, agradeço os os demais professores que
de alguma maneira contribuiu para a realização deste trabalho.
Rafael Aparecido Da Silva
AGRADECIMENTOS
Agradeço a Deus em primeiro lugar, que nos concede o folego de vida a cada
dia e forças para que possamos lutar e alcançar vitórias como esta.
Aproveito para agradecer de todo meu coração a minha namorada Denize que
a todo momento me incentivou na realização deste trabalho, também aos meus
familiares em especial minha mãe que me incentivou mediante as reclamações e ao
cansaço físico e mental durante essa jornada.
Agradeço o nosso professor orientador Anderson Pazin, que nos deu um apoio
imensurável no decorrer do desenvolvimento deste projeto, orientando como
deveríamos proceder e esclarecendo as não poucas dúvidas que surgiram durante
esse processo. Agradeço também ao demais professores que contribuíram de forma
significava para que chegássemos até aqui e para que daqui para a frente possamos
chegar ainda mais longe.
Rafael Diego Mendes de Lima
RESUMO
O Brasil é um dos maiores produtores de alimentos do mundo e ao levar em consideração a presença de smartphones no cotidiano da sociedade contemporânea, o presente trabalho traz a implementação de um aplicativo mobile que busca facilitar a rastreabilidade dos alimentos orgânicos entre o produtor rural e o consumidor final. O aplicativo propõe a criação de uma rede social para agrupar consumidores que compartilham dos mesmos gostos e costumes e criando, assim, um vínculo para que se utilizem o aplicativo no dia a dia, juntamente com um sistema para verificar a procedência e a qualidade do produto. Dessa forma, o consumidor conseguirá rastrear a origem dos produtos que consome desde a sua colheita no campo até as prateleiras do supermercado. O usuário pode deixar avaliações sobre os produtos que consome e o aplicativo forma uma grande base de dados que pode ser usada pelos produtores em suas estratégias de marketing. Para atingir os objetivos almejados, utilizou–se a plataforma Android juntamente com a linguagem Java. Para a persistência dos dados, utilizou–se o MySQL e um webservice desenvolvido na linguagem PHP. No que se refere aos dados trafegados na rede recorreu–se à tecnologia JSON. O aplicativo desenvolvido atende aos requisitos estabelecidos, permitindo de forma consistente a rastreabilidade dos alimentos e a socialização entre os usuários. Palavras–chave: Android, mobile, produto orgânicos, rastreabilidade, redes sociais
ABSTRACT
The Brazil is one of the largest food producers in the world and taking into account the presence of smartphones in the daily life of contemporary society, the present work brings the implementation of a mobile application that seeks to facilitate the traceability of organic food between the rural producer and the consumer end. The application proposes the creation of a social network to group consumers who share the same tastes and customs, and thus creates a link to use the application on a daily basis, along with a system to verify the origin and quality of the product. In this way, the consumer will be able to trace the origin of the products that he consumes from his harvest in the field to the supermarket shelf. You can leave feedback on the products you consume and the application will form a large database that can be used by the producers in your marketing strategy. In order to achieve the desired objectives, the Android platform was used along with the Java language. For the persistence of the data, we used MySQL and a web service developed in the PHP language. In terms of data traffic in the network, JSON technology was used. The application developed meets the established requirements, consistently allowing food traceability and socialization among users. Keywords: Android, Mobile, organic product, traceability, social networks
LISTA DE ILUSTRAÇÕES
Figura 1.1 – Fluxo da Informação .............................................................................. 17
Figura 1.2 – Detalhe do rastreamento PariPassu...................................................... 17
Figura 1.3 – Telas do Aplicativo Vivino ..................................................................... 18
Figura 1.4 – Interface do aplicativo 17TRACK .......................................................... 19
Figura 2.1 – Diagrama de Caso de Uso .................................................................... 24
Figura 2.2 – Diagrama de Atividades Acessar Sistema ............................................ 29
Figura 2.3 – Diagrama de Atividades Cadastrar Usuário .......................................... 29
Figura 2.4 – Diagrama de Atividades Consultar Produtos ......................................... 30
Figura 2.5 – Diagrama de Atividades Ler QRCode ................................................... 30
Figura 2.6 – Diagrama de Atividades Avaliar Produto ............................................... 31
Figura 2.7 – Diagrama de Atividades Solicitar Amizade ............................................ 31
Figura 2.8 – Diagrama de Atividades Exibir Rota ...................................................... 31
Figura 2.9 – Diagrama de Atividades Atualizar Usuário ............................................ 32
Figura 2.10 – Diagrama de Atividades Aceitar Amizade ........................................... 32
Figura 2.11 – Diagrama de Atividades Fazer Comentário ......................................... 33
Figura 2.12 – Diagrama de Atividades Curtir Postagem ........................................... 33
Figura 2.13 – Diagrama de Consultar Histórico de Consumo ................................... 33
Figura 2.14 – Diagrama de Compartilhar Produto ..................................................... 34
Figura 2.15 – Diagrama de Postar Foto .................................................................... 34
Figura 2.16 – Diagrama de Classes .......................................................................... 35
Figura 2.17 – Diagrama MVC – Usuário ................................................................... 36
Figura 2.18 – Diagrama MVC – Amigos .................................................................... 37
Figura 2.19 – Diagrama MVC – Produto ................................................................... 37
Figura 2.20 – Diagrama MCV – Tipo ......................................................................... 38
Figura 2.21 – Diagrama MVC – Compra ................................................................... 38
Figura 2.22 – Diagrama MVC – Lote ......................................................................... 38
Figura 2.23 – Diagrama MVC Histórico ..................................................................... 39
Figura 2.24 – Diagrama MVC Avaliação ................................................................... 39
Figura 2.25 – Diagrama MVC – Comentário ............................................................. 40
Figura 2.26 – Diagrama MVC – Curtir Comentário .................................................... 40
Figura 2.27 – Diagrama MVC – Post ......................................................................... 41
Figura 2.28 – Diagrama MVC – Galeria Imagem Usuário ......................................... 41
Figura 2.29 – Diagrama MVC – Detalhes Produto .................................................... 42
Figura 2.30 – Diagrama MVC – Mercado .................................................................. 42
Figura 2.31 – Diagrama MVC – Produtor .................................................................. 42
Figura 2.32 – Diagrama de Sequencia Acessar Sistema .......................................... 43
Figura 2.33 – Diagrama de Sequencia Cadastrar Usuário ........................................ 43
Figura 2.34 – Diagrama de Sequencia Solicitar Amizade ......................................... 44
Figura 2.35 – Diagrama de Sequencia Aceitar Amizade ........................................... 44
Figura 2.36 – Diagrama de Sequencia Avaliar Produto ............................................ 44
Figura 2.37 – Diagrama de Sequencia Atualizar Usuário .......................................... 45
Figura 2.38 – Diagrama de Sequencia Comentar Postagem .................................... 45
Figura 2.39 – Diagrama de Sequencia Curtir Postagem ........................................... 45
Figura 2.40 – Diagrama de Sequencia Desfazer Amizade ........................................ 46
Figura 2.41 – Diagrama de Sequencia Postar Foto .................................................. 46
Figura 2.42 – Diagrama de Sequencia Visualizar Rota ............................................. 46
Figura 2.43 – Diagrama de Sequencia Ler QRCode ................................................. 47
Figura 2.44 – Diagrama de Sequencia Compartilhar Produto ................................... 47
Figura 2.45 – Diagrama de MVC Web Service.......................................................... 48
Figura 2.46 – Diagrama de Sequência para inserir um registro ................................ 49
Figura 2.47 – Diagrama de Sequencia Autenticação ................................................ 49
Figura 2.48 – Diagrama de Sequencia Buscar Registros .......................................... 49
Figura 2.49 – Diagrama de Sequencia Atualizar Registro ......................................... 50
Figura 2.50 – Diagrama de Sequencia Excluir Registro ............................................ 50
Figura 3.1 – Tela de Boas Vindas ............................................................................. 51
Figura 3.2 – Protótipo da Tela de Login .................................................................... 52
Figura 3.3 – Protótipo da Tela Principal .................................................................... 52
Figura 3.4 – Protótipo da Tela de Histórico ............................................................... 53
Figura 3.5 – Protótipo da Tela Perfil do Usuário........................................................ 53
Figura 3.6 – Protótipo da Tela de Reputação ............................................................ 54
Figura 3.7 – Protótipo da Tela de Listagem de Usuários .......................................... 55
Figura 3.8 – Protótipo da Tela de Rota ..................................................................... 55
Figura 3.9 – Protótipo da Tela de Leitura do QRCode .............................................. 56
Figura 3.10 – Protótipo da Tela de detalhes.............................................................. 56
Figura 4.1 – Tela de boas vindas .............................................................................. 57
Figura 4.2 – Tela de cadastro.................................................................................... 58
Figura 4.3 – Tela de login .......................................................................................... 58
Figura 4.4 – Tela principal ......................................................................................... 59
Figura 4.5 – Menu principal ....................................................................................... 60
Figura 4.6 – Tipos de comentários ............................................................................ 61
Figura 4.7 – Tela de comentário ................................................................................ 62
Figura 4.8 – Tela de pesquisa de usuários ............................................................... 63
Figura 4.9 – Tela de pesquisa de produtos ............................................................... 63
Figura 4.10 – Tela de postar imagem ........................................................................ 64
Figura 4.11 – Tela de perfil: atividades ..................................................................... 65
Figura 4.12 – Tela perfil: amigos ............................................................................... 65
Figura 4.13 – Tela de histórico .................................................................................. 66
Figura 4.14 – Histórico em mapa .............................................................................. 67
Figura 4.15 – Tela de avaliações do produto ............................................................ 68
Figura 4.16 – Tela de detalhes do produto ................................................................ 69
Figura 4.17 – Tela de avaliação ................................................................................ 69
Figura 4.18 – Tela de Compartilhamento e Inclusão de lembretes ........................... 70
LISTA DE TABELAS
Tabela 1.1 – Análise Comparativa ............................................................................ 20
LISTA DE ABREVIATURAS E SIGLAS
SEBRAE – Serviço Brasileiro de Apoio às Micro e Pequenas Empresas
PHP – Hypertext Preprocessor
MYSQL – My Structured Query Language
MVC – Model View Controller
SUMÁRIO
INTRODUÇÃO ..................................................................................... 14
ANÁLISE DE NEGÓCIOS ................................................................. 16
1.1 INSTRUÇÃO DO PROBLEMA ............................................................................ 16
1.2 ANÁLISE DE MERCADO .................................................................................... 16
1.2.1 Sistema Desktop ............................................................................................. 16
1.2.2 Aplicativos Móveis .......................................................................................... 18
1.3 RESUMO DAS FUNCIONALIDADES ................................................................. 20
1.4 SOLUÇÃO PROPOSTA ...................................................................................... 20
1.4.1 Ator envolvido no Processo ........................................................................... 21
ANÁLISE DE REQUISITOS .............................................................. 22
2.1 ANÁLISE E PROJETO DO SISTEMA ................................................................. 22
2.1.1 Manter Usuário ................................................................................................. 22
2.1.2 Acessar o Sistema ........................................................................................... 22
2.1.3 Manter Produtos ............................................................................................... 22
2.1.4 Leitura do QRCode .......................................................................................... 22
2.1.5 Avaliar Produtos ............................................................................................... 23
2.1.6 Consultar Informações Produtos ...................................................................... 23
2.1.7 Adicionar amigos .............................................................................................. 23
2.1.8 Consultar Histórico de consumo ....................................................................... 23
2.2 CASOS DE USO ................................................................................................. 23
2.3 ESPECIFICAÇÃO DOS CASOS DE USO .......................................................... 24
2.3.1 Caso de uso: Acessar o sistema ...................................................................... 24
2.3.2 Caso de uso: Cadastrar Usuário ...................................................................... 25
2.3.3 Caso de uso: Consultar Informações Produtos ................................................ 25
2.3.4 Caso de uso: Ler QRCode ............................................................................... 25
2.3.5 Caso de uso: Avaliar Produtos ......................................................................... 26
2.3.6 Caso de uso: Solicitar amizade ........................................................................ 26
2.3.7 Caso de uso: Consultar histórico de consumo ................................................. 27
2.3.8 Caso de uso: Fazer Comentário ....................................................................... 27
2.3.9 Caso de uso: Curtir uma Postagem ................................................................. 27
2.3.10 Caso de uso: Postar Foto ............................................................................... 27
2.3.11 Caso de uso: Compartilhar Produto ............................................................... 28
2.3.12 Caso de uso: Atualizar Dados Usuário ........................................................... 28
2.3.13 Caso de uso: Aceitar Amizade ....................................................................... 28
2.4 DIAGRAMAS DE ATIVIDADES ........................................................................... 28
2.4.1 Acessar Sistema .............................................................................................. 29
2.4.2 Cadastrar Usuário ............................................................................................ 29
2.4.3 Consultar Produto ............................................................................................ 29
2.4.4 Leitura QRCode ............................................................................................... 30
2.4.5 Avaliar Produto ................................................................................................. 30
2.4.6 Solicitar Amizade .............................................................................................. 31
2.4.7 Visualizar Rota ................................................................................................. 31
2.4.8 Atualizar Usuário .............................................................................................. 32
2.4.9 Aceitar Amizade ............................................................................................... 32
2.4.10 Fazer Comentário ........................................................................................... 32
2.4.11 Curtir Postagem ............................................................................................. 33
2.4.12 Histórico de Consumo .................................................................................... 33
2.4.13 Compartilhar Produto ..................................................................................... 34
2.4.14 Postar Foto ..................................................................................................... 34
2.5 DIAGRAMAS DE CLASSES ............................................................................... 35
2.6 DIAGRAMAS DE MVC ........................................................................................ 36
2.7 DIAGRAMAS DE SEQUÊNCIA ........................................................................... 43
2.8 IMPLEMENTAÇÃO DO WEB SERVICE ............................................................. 47
2.8.1 Diagrama de MVC ............................................................................................ 48
2.8.1 Diagrama de Sequência ................................................................................... 48
PROTOTIPAÇÃO DAS TELAS DO APLICATIVO PROSPOSTO ..... 51
3.1 TELA DE BOAS VINDAS .................................................................................... 51
3.2 TELA DE LOGIN ................................................................................................. 51
3.3 TELA PRINCIPAL ............................................................................................... 52
3.4 HISTÓRICO DO PRODUTO ............................................................................... 53
3.5 INFORMAÇÕES DO PERFIL .............................................................................. 53
3.6 TELA DAS AVALIAÇÕES RECEBIDAS .............................................................. 54
3.7 TELA DA LISTAGEM DE USUÁRIOS ................................................................. 54
3.8 HISTÓRICO EM MAPA ....................................................................................... 55
3.9 TELA DE ESCANEAMENTO DO QRCODE ....................................................... 55
3.10 TELA DE INFORMAÇÕES NUTRICIONAIS ..................................................... 56
MANUAL DO USUÁRIO ................................................................... 57
4.1 TELAS DE BOAS VINDAS .................................................................................. 57
4.2 TELA DE CADASTRO DE UM NOVO USUÁRIO ............................................... 57
4.3 TELA DE LOGIN ................................................................................................. 58
4.4 TELA PRINCIPAL ............................................................................................... 59
4.4.1 Menu de opções ............................................................................................... 60
4.4.2 Tipos de comentários da tela principal ............................................................. 61
4.4.3 Tela de fazer um comentário ............................................................................ 62
4.4.4 Tela de pesquisa de usuário ............................................................................ 62
4.4.5 Tela de pesquisa de produtos .......................................................................... 63
4.5 TELA DE POSTAGEM DE IMAGEM ................................................................... 64
4.6 TELA PERFIL USUÁRIO..................................................................................... 64
4.6.1 Aba Atividades ................................................................................................. 64
4.6.2 Aba de amizades .............................................................................................. 65
4.7 TELA DE HISTÓRICO DO PRODUTO ............................................................... 66
4.7.1 Tela Histórico em mapa .................................................................................... 67
4.8 TELA DE AVALIAÇÕES DO PRODUTO............................................................. 68
4.9 TELA DE INFORMAÇÕES DO PRODUTO ......................................................... 68
4.10 TELA DE AVALIAÇÃO DE UM PRODUTO ....................................................... 69
4.11 TELA DE COMPARTILHAMENTO E INCLUSÃO DE LEMBRETES ................ 70
CONSIDERAÇÕES FINAIS .................................................................. 71
REFERÊNCIAS BIBLIOGRÁFICAS ..................................................... 72
14
INTRODUÇÃO
O Brasil é um dos maiores produtores de alimentos do mundo devido a seu
clima temperado e terras férteis, sendo assim, grãos, carnes, frutas e legumes são
cultivados em abundância. Segundo o Serviço Brasileiro de Apoio ás Micro e
Pequenas Empresas (SEBRAE, 2015) estima–se que entre 55% e 60% do volume
de hortaliças são comercializadas pelos mercados atacadistas, que movimentam
uma média anual de 15 milhões de toneladas de hortaliças oriundas da produção
nacional e importada. Com essa grande diversidade, não são poucos os casos de
alimentos contaminados ou de baixa qualidade, seja por mal manuseio ou problemas
genéticos.
A grande dificuldade para as empresas é descobrir a origem do problema, pois
são produzidos em grande escala e geralmente não conseguem identificar o lote ou
quando esse produto foi colhido, especificamente frutas, verduras e legumes. Muitas
vezes o problema pode estar no comerciante que vende o produto, que por motivos
diversos, não estocou de maneira correta.
Consumidores também estão mais atentos em saber a origem do produto que
colocam na sua mesa, sua procedência, há quanto tempo o produto foi colhido, se
foi usado agrotóxicos, se foi armazenado em lugar limpo e higienizado e outras
informações relevantes. Uma forma de divulgar essas informações aos consumidores
é por meio de rastreabilidade.
Com o crescimento das redes sociais (G1, 2016) as pessoas cada vez mais
estão compartilhando seus gostos e hábitos para que todos os amigos de sua rede
fiquem sabendo, sendo que muitos desses são influenciados por essas publicações.
Vários são os autores que associam a rastreabilidade como uma ferramenta
do gerenciamento da qualidade (JURAN, 1974; FEIGENBAUM, 1994; MOE, 1998).
Geralmente, quando existe a referência ao desenvolvimento de um sistema de
rastreabilidade, entende–se um sistema informatizado responsável pelo
armazenamento e rastreamento das informações. Segundo ALTER (1991) o sistema
de informação é resultante da combinação de práticas de trabalho (métodos usados
pelas pessoas e tecnologia para desempenhar o trabalho), informações, pessoas
(que dão entrada, processam e utilizam a informação) e tecnologia da informação
(que pode incluir hardware e software).
15
Existem no mercado sistemas que fazem a rastreabilidade de alimentos, mas
não estão adequados à mobilidade que as pessoas necessitam, pois, são geralmente
desenvolvidos para computadores pessoais de mesa (desktops). Com o avanço
tecnológico e a difusão dos smartphones e tablets, os computadores pessoais estão
sendo dia após dia menos utilizados.
Com o foco em atender as necessidades dos consumidores, esse trabalho tem
por objetivo desenvolver uma aplicação mobile que utiliza a plataforma Android para
fazer o rastreamento de alimentos, tais como: frutas e hortaliças. Essa aplicação usa
a tecnologia QRCode para a leitura dos dados contidos nas embalagens dos
produtos com foco em auxiliar os consumidores a identificar as informações
relevantes dos alimentos que serão consumidos, desde o seu estágio de produção,
pós–produção e também obter dicas e lembretes de como e quando consumir o
produto adquirido. Para seguir a tendência de conectividade, o aplicativo possui uma
rede social em que os consumidores podem expor suas opiniões, fazendo assim a
indicação ou não de determinado produto.
O presente trabalho está organizado em cinco capítulos. No primeiro capítulo
é realizada a análise de negócios contendo uma análise de mercado para identificar
possíveis aplicativos com as funcionalidades similares, possibilitando a identificação
de novas necessidades para o sistema proposto. Segundo capítulo apresenta a
análise de requisitos onde serão expostos os diagramas de caso de uso, classes,
sequência e Model Vision Controller (MVC) que definem como o aplicativo deve ser
desenvolvido e se comportar em cada uma das suas funcionalidades. No terceiro
capítulo é apresentado a Análise de Design contendo a prototipação das interfaces
do aplicativo. No quarto capítulo será apresentado o manual do usuário, onde se
explica como utilizar as funcionalidades que o aplicativo oferece ao usuário, afim de
familiarizá–lo com as funcionalidades do sistema proposto.
16
ANÁLISE DE NEGÓCIOS
“Análise de Negócio é o conjunto de tarefas e técnicas utilizadas para o
trabalho como um elo entre todas as partes interessadas (stakeholders), a fim de
compreender a estrutura, as políticas e operações de uma empresa e para
recomendar soluções que permitam a empresa alcançar seus objetivos”, segundo o
guia para o Corpo de Conhecimento de Análise de negócio (IIBA, 2011, p. 5).
1.1 INSTRUÇÃO DO PROBLEMA
Atualmente parte dos produtores de frutas e hortaliças não utilizam um
sistema para coletar dados sobre as etapas da produção diária, como por exemplo o
trajeto percorrido, fotos e informações sobre a produção da lavoura e outros dados
relevantes para que o consumidor tenha segurança na hora de consumir um alimento
de boa qualidade e procedência.
1.2 ANÁLISE DE MERCADO
Analisando o mercado de aplicativos e sistemas desktop, foi constatada a
presença de aplicações similares, mas com diferenças pontuais.
1.2.1 Sistema Desktop
Sobre sistema desktop pode–se citar a ferramenta PariPassu, um sistema
rastreador que permite o registro das informações relativas às origens e aos destinos
dos alimentos perecíveis através de um código de rastreabilidade único e exclusivo
para cada lote comercializado. Este código acompanha o alimento através de toda a
cadeia produtiva, podendo ser consultado, a qualquer momento, por todos os elos
envolvidos no processo.
Na figura 1.1 representa o fluxo das informações do produto, podendo ser
consultada a qualquer momento por qualquer parte envolvida no processo.
17
Figura 1.1 – Fluxo da Informação
Fonte: Site PariPassu, 2016.
Na figura 1.2 é mostrado o trajeto do produto até sua chegada ao varejo.
Figura 1.2 – Detalhe do rastreamento PariPassu
Fonte: Site PariPassu, 2016.
18
1.2.2 Aplicativos Móveis
Em aplicativos móveis foram analisados dois aplicativos que fazem
parcialmente o que esse trabalho se propõe, que são os aplicativos Vivino e
17TRACK.
Vivino (figura 1.3) é um aplicativo para verificar a reputação de vinhos, assim
ver classificação e opiniões antes de comprar ou pedir em um restaurante. Ele
também possui uma função para encontrar as melhores ofertas pela Internet. O
produtor também pode deixar uma breve descrição da empresa. Abaixo são
apresentadas as telas do aplicativo.
Figura 1.3 – Telas do Aplicativo Vivino
Fonte: Google Play - Vivino, 2016.
Algumas de suas características são:
A partir de uma foto do rótulo, o usuário tem acesso a classificação e
análise do vinho desejado.
O usuário tem a opção de ver o preço de venda em diversos
estabelecimentos.
O aplicativo tem um sistema de geolocalização onde o usuário poderá
encontrar o produto em lugares próximos.
Existe a possibilidade de se conectar aos amigos através das redes
sociais.
Possibilidade de seguir as postagens de um determinado usuário
19
Já o 17TRACK (Figura 1.4) é uma plataforma global de rastreamento de
pacotes, ou seja, permite ao usuário fazer o rastreio de encomendas que são
enviadas de mais de 170 países. Suas principais características são a notificação de
mudança de status, opção de “puxar para baixo” para atualizar todos os números de
rastreamento, compartilhamento de links e resultados de rastreamento facilmente e
a função de scanner de código de barras e código QR.
Figura 1.4 – Interface do aplicativo 17TRACK
Fonte: Google Play – 17TRACK, 2016.
Algumas de suas características são:
• Notificação de mudança de status.
• Opção de “puxar para baixo” para atualizar todos os números de
rastreamento
• O usuário tem a possibilidade de compartilhar links e resultados de
rastreamento facilmente.
• O aplicativo tem a função de scanner de código de barras e código QR.
20
1.3 RESUMO DAS FUNCIONALIDADES
Com base no levantamento dos sistemas pesquisados, foi elaborada uma
tabela comparando as funcionalidades encontradas com as propostas pelo aplicativo,
objeto deste trabalho, afim de verificar funcionalidades indispensáveis para que o
aplicativo a ser desenvolvido atenda plenamente a necessidade específicas
propostas.
Tabela 1.1 – Análise Comparativa
Funcionalidades PariPassu Vivino 17TRACK Proposto
Cadastro de usuários X X X X
Cadastro por redes sociais X X
Avaliação e reputação X X X
QRCode X X
Percurso do produto X X X
Fotos da lavoura X X X
Informações do produtor X X X
Lembretes de vencimento X
Tabela nutricional X
Lista de amigos X X
Produtos de amigos X X
Histórico de consumo X X X
Busca de produtos X X
Fonte: Elaborado pelos autores, 2016.
Analisando os dados da tabela, pode–se notar que o aplicativo proposto
ocupará uma lacuna que ainda não é preenchida pelos aplicativos existentes no
mercado, portanto, será único no quesito de rastreabilidade de alimentos perecíveis.
1.4 SOLUÇÃO PROPOSTA
A implementação de um aplicativo que reunirá os dados persistidos no sistema
pelos produtores, contribuirá para um acompanhamento mais detalhado de todo o
21
trajeto do alimento, desde o campo até a mesa dos consumidores. Além das
informações cedidas pelos produtores, o aplicativo contará também com avaliações
e indicações de pessoas que fazem parte do ciclo de amizade do usuário.
O sistema terá uma versão para web onde os produtores farão a inserção dos
dados e o gerenciamento do negócio.
O sistema web também será uma ferramenta para que os produtores
acompanhem detalhadamente a reputação do seu produto, pois o mesmo contará
com um sistema de avaliação, onde o usuário poderá informar se recomenda ou não
o produto, além de poder fazer reclamações.
Para esse trabalho, será implementado parte da solução proposta, que
consiste em um aplicativo móvel para o consumidor fazer o rastreamento do produto.
1.4.1 Ator envolvido no Processo
O ator envolvido no processo é o consumidor que são atribuídas
funcionalidades como: consultar informações sobre o produto e fornecer informações
sobre a satisfação quanto ao produto consumido.
As informações inseridas no sistema, no decorrer do processo de produção,
poderão ser acessadas pelo consumidor através da leitura de um QRCode colado no
produto no momento da separação para a distribuição do mesmo. Já as informações
de feedback, que possivelmente serão inseridas no sistema pelo consumidor,
poderão ser vistas através de um acesso autenticado ao sistema.
22
ANÁLISE DE REQUISITOS
Neste capítulo está descrito todos os requisitos funcionais do sistema, que
define a estrutura e funcionalidades do aplicativo proposto.
2.1 ANÁLISE E PROJETO DO SISTEMA
Nesta seção são apresentadas as etapas de desenvolvimento do aplicativo
tendo como requisitos as principais informações coletadas através da análise
comparativa dos sistemas existentes com o aplicativo pretendido nesse trabalho. O
aplicativo deve conter as funcionalidades apresentadas a seguir.
2.1.1 Manter Usuário
O usuário realizará um cadastro para ter acesso ao sistema. O cadastro
poderá ser feito com a digitação completa dos dados solicitados na tela.
2.1.2 Acessar o Sistema
O usuário deverá informar os dados como, por exemplo, nome de usuário e
senha para autenticação e liberação do acesso ao sistema. Esta tela também
possibilita realizar o acessar a interface de cadastro de usuários, recuperação e
alteração de senha.
2.1.3 Manter Produtos
O produtor poderá inserir, alterar e excluir os dados sobre os produtos para
que o consumidor possa fazer uma busca dos locais onde o produtor fornece esse
produto para revenda.
2.1.4 Leitura do QRCode
23
O consumidor fará a leitura do QRCode que estará fixado no produto, afim de
ter acesso às informações sobre o processo de produção daquele produto.
2.1.5 Avaliar Produtos
Permite ao consumidor enviar para o produtor informações sobre a sua
satisfação com relação ao produto consumido e realizar uma avaliação do mesmo,
tornando possível ao produtor realizar mudanças em algumas das etapas do
processo de produção e distribuição caso sinta que o consumidor não esteja satisfeito
de alguma forma com o seu produto.
2.1.6 Consultar Informações Produtos
O usuário poderá fazer uma busca onde o resultado serão informações
relevantes sobre o produto buscado incluindo locais onde é distribuído por
determinado produtor. Esta funcionalidade também exibirá uma tabela com
informações sobre os valores nutricionais do produto consultado.
2.1.7 Adicionar amigos
O usuário poderá adicionar outros usuários a sua conta. Assim o aplicativo
exibirá notificações sempre um produto for consumido ou avaliado por seus amigos.
2.1.8 Consultar Histórico de consumo
Permite listar todos produtos consumidos pelo usuário que estiver conectado
no aplicativo.
2.2 CASOS DE USO
Na figura 2.1 são apresentados os casos de uso representando graficamente
quais atores estão envolvidos na definição dos requisitos para o desenvolvimento
desse aplicativo, direcionando a cada qual a função que poderão utilizar.
24
Figura 2.1 – Diagrama de Caso de Uso
Fonte: Elaborado pelos autores, 2016.
2.3 ESPECIFICAÇÃO DOS CASOS DE USO
Nas seções abaixo serão apresentadas as especificações de cada caso de
uso do sistema proposto com uma breve explicação do mesmo.
2.3.1 Caso de uso: Acessar o sistema
Fluxos básicos
fb1: O usuário inicia o caso de uso
fb2: O usuário abre o aplicativo
fb3: O sistema verifica se consumidor já tem um cadastro ativo
fb4: O sistema libera o acesso
fb5: O caso de uso é encerrado.
Ponto de extensão:
25
pe1: Usuário sem cadastro – No fluxo básico fb3, caso o cliente não tenha um
cadastro válido, efetuar a chamada ao ponto de extensão CADASTRAR USUÁRIO.
Retorna ao fluxo fb5.
2.3.2 Caso de uso: Cadastrar Usuário
Fluxos básicos
fb1: O usuário inicia o caso de uso
fb2: O usuário digita os dados do usuário
fb3: O usuário clica em salvar
fb4: O sistema verifica se o usuário já existe
fb5: O sistema persiste os dados
fb6: O caso de uso é encerrado
2.3.3 Caso de uso: Consultar Informações Produtos
Fluxos básicos
fb1: O usuário inicia o caso de uso
fb2: O usuário abre a tela Lista de produtos e escolhe um produto
fb3: O sistema lista as informações do produto
fb4: O caso de uso é encerrado
Fluxos Alternativos
fa1: Produto não encontrado– No fluxo básico fb1, caso o produto não seja
encontrado, o sistema notificara o consumidor. Retornar no fluxo fb4.
2.3.4 Caso de uso: Ler QRCode
Fluxo básico:
fb1: O usuário clica no ícone referente ao QRCode
fb2: O sistema de QRCode é iniciado
fb4: O sistema fará uma leitura automática do QRCode
fb5: O caso de uso é encerrado
26
Fluxos alternativos
fa1: No fluxo básico fb4, caso o código não esteja cadastrado no na base de
dados, o sistema notificará o usuário. Retornar ao fluxo fb2.
Pontos de inclusão/extensão
pe1: QRCode encontrado– No passo fb4, caso um produto referente ao
QRCode seja encontrado, efetuar a chamada no ponto de extensão CONSULTAR
INFORMAÇÕES PRODUTOS. Retornar no fb5.
2.3.5 Caso de uso: Avaliar Produtos
Fluxo básico
fb1: O usuário inicia o caso de uso
fb2: O usuário acessa a tela de avaliação
fb3: O usuário vota uma nota para o produto consumido
fb4: O usuário pode digitar uma sugestão
fb5: O usuário clica em salvar avaliação
fb6: O usuário encerra o caso de uso
Ponto de extensão/inclusão
pe1: Acesso ao Sistema – No fluxo básico fb1, o usuário deverá fazer o
acesso ao sistema, efetuar a chamada ao ponto de extensão ACESSO AO
SISTEMA. Retornar ao fluxo fb2.
2.3.6 Caso de uso: Solicitar amizade
Fluxo básico
fb1: O usuário inicia o caso de uso
fb2: O usuário pesquisa outro usuário pela tela principal
fb3: O usuário acessa o perfil do amigo a ser adicionado e clica no ícone para
solicitar amizade
fb4: O sistema envia uma notificação ao amigo
fb5: O usuário encerra o caso de uso
27
2.3.7 Caso de uso: Consultar histórico de consumo
Fluxo básico
fb1: O usuário acessa a guia “sobre” na tela do seu perfil
fb2: O sistema lista os produtos consumidos
fb3: O Usuário encerra o caso de uso.
2.3.8 Caso de uso: Fazer Comentário
Fluxo básico
fb1: O usuário acessa a tela principal
fb2: O usuário clica no campo de postagem
fb3: O usuário digita um comentário e posta na linha de atividades
fb4: O usuário encerra o caso de uso.
2.3.9 Caso de uso: Curtir uma Postagem
Fluxo básico
fb1: O usuário acessa a tela principal
fb2: O usuário realiza uma curtida em uma postagem realizada por outro
usuário do sistema
fb3: O usuário encerra o caso de uso.
2.3.10 Caso de uso: Postar Foto
Fluxo básico
fb1: O usuário acessa a tela principal
fb2: O usuário clica no ícone da câmera e escolhe em um menu de opções
galeria de imagens ou câmera
fb3: O usuário tira nova foto ou escolhe a foto e adiciona a imagem.
fb4: O usuário comenta algo sobre a imagem e escolhe o tipo de postagem
pública, amigos ou privada.
fb5: O usuário e clica na opção postar foto.
fb6: O usuário encerra o caso de uso.
28
2.3.11 Caso de uso: Compartilhar Produto
Fluxo básico
fb1: O usuário acessa a interface lista de produtos
fb2: O usuário pesquisa um produto e clica no mesmo
fb3: O sistema direciona para a interface de detalhes do produto
fb4: O usuário clica em compartilhar e escolhe o tipo de rede social
fb5: O usuário encerra o caso de uso
2.3.12 Caso de uso: Atualizar Dados Usuário
Fluxos básicos
fb1: O usuário inicia o caso de uso
fb2: O usuário digita os dados do usuário
fb3: O usuário clica em atualizar
fb4: O sistema persiste os dados
fb6: O caso de uso é encerrado
2.3.13 Caso de uso: Aceitar Amizade
Fluxos básicos
fb1: O usuário inicia o caso de uso
fb2: O usuário recebe a solicitação de amizade
fb3: O usuário acessa o perfil do solicitante
fb4: O usuário aceita ou rejeita amizade
fb5: O sistema adiciona o solicitante a lista de amigos
fb6: O caso de uso é encerrado
2.4 DIAGRAMAS DE ATIVIDADES
O Diagrama de atividades é uma ferramenta pertencente a Unified Modeling
Language (UML) e tem como objetivo dar ênfase ao fluxo de controle de uma
atividade para outra, afim de, demonstrar de uma maneira mais clara a sequência
dos casos de usos descritos no capítulo anterior.
29
2.4.1 Acessar Sistema
A figura 2.2 diagramas de atividade Acessar Sistema, tem como função
permitir o acesso e o cadastro de um usuário ao aplicativo.
Figura 2.2 – Diagrama de Atividades Acessar Sistema
Fonte: Elaborado pelos autores, 2016.
2.4.2 Cadastrar Usuário
A figura 2.3 diagrama de atividade Cadastrar Usuário tem como funcionalidade
inserir um usuário na base de dados do sistema, caso ele ainda não seja cadastrado.
Figura 2.3 – Diagrama de Atividades Cadastrar Usuário
Fonte: Elaborado pelos autores, 2016.
2.4.3 Consultar Produto
A figura 2.4 diagrama de atividade Consultar Produto tem como funcionalidade
consultar um produto cadastrado na base de dados do sistema.
30
Figura 2.4 – Diagrama de Atividades Consultar Produtos
Fonte: Elaborado pelos autores, 2016.
2.4.4 Leitura QRCode
A figura 2.5 Diagrama de atividade ler QRCode demonstra o fluxo da
funcionalidade que permite ao usuário ler as informações de um produto através da
leitura de um QRCode etiquetado no mesmo.
Figura 2.5 – Diagrama de Atividades Ler QRCode
Fonte: Elaborado pelos autores, 2016.
2.4.5 Avaliar Produto
A figura 2.6 Diagrama de Atividade Avaliar Como o próprio nome sugere,
processo de avaliação dos produtos após o consumo.
31
Figura 2.6 – Diagrama de Atividades Avaliar Produto
Fonte: Elaborado pelos autores, 2016.
2.4.6 Solicitar Amizade
A figura 2.7 Diagrama de atividades Solicitar Amizade demonstra o fluxo da
funcionalidade que permite ciar laços de amizade entre os usuários
Figura 2.7 – Diagrama de Atividades Solicitar Amizade
Fonte: Elaborado pelos autores, 2016.
2.4.7 Visualizar Rota
A figura 2.8 Diagrama de atividades Exibir Rota demonstra o fluxo da
funcionalidade que permite ao usuário ver qual o caminho que o produto consultado
através da etiqueta percorreu desde sua colheita até a distribuição ao revendedor.
Figura 2.8 – Diagrama de Atividades Exibir Rota
Fonte: Elaborado pelos autores, 2016.
32
2.4.8 Atualizar Usuário
A figura 2.9 Diagrama de atividades Atualizar Usuário demonstra o fluxo da
funcionalidade que permite ao usuário atualizar suas informações pessoais.
Figura 2.9 – Diagrama de Atividades Atualizar Usuário
Fonte: Elaborado pelos autores, 2016.
2.4.9 Aceitar Amizade
A figura 2.10 Diagrama de atividades Aceitar Amizade demonstra o fluxo da
funcionalidade que permite ao usuário aceitar uma solicitação de amizade feita por
outro usuário.
Figura 2.10 – Diagrama de Atividades Aceitar Amizade
Fonte: Elaborado pelos autores, 2016.
2.4.10 Fazer Comentário
A figura 2.11 Diagrama de Atividades Fazer Comentário descreve os fluxos da
funcionalidade que permite ao usuário postar algum comentário na linha do tempo.
33
Figura 2.11 – Diagrama de Atividades Fazer Comentário
Fonte: Elaborado pelos autores, 2016.
2.4.11 Curtir Postagem
A figura 2.12 Diagrama Atividades Curtir Postagem descreve o fluxo da
funcionalidade que permite ao usuário curtir algo que foi postado no sistema.
Figura 2.12 – Diagrama de Atividades Curtir Postagem
Fonte: Elaborado pelos autores, 2016.
2.4.12 Histórico de Consumo
A figura 2.13 descreve o fluxo da funcionalidade que permite consultar quais
produtos foram consumidos.
Figura 2.13 – Diagrama de Consultar Histórico de Consumo
Fonte: Elaborado pelos autores, 2016.
34
2.4.13 Compartilhar Produto
A figura 2.14 descreve o fluxo da funcionalidade que permite ao usuário
compartilhar algum produto na sua linha do tempo.
Figura 2.14 – Diagrama de Compartilhar Produto
Fonte: Elaborado pelos autores, 2016.
2.4.14 Postar Foto
A figura 2.15 Diagrama de Atividades Postar Foto descreve o fluxo da
funcionalidade que permite ao usuário compartilhar uma imagem da galeria ou uma
nova fotografia usando a câmera do smartphone em sua linha do tempo.
Figura 2.15 – Diagrama de Postar Foto
Fonte: Elaborado pelos autores, 2016.
35
2.5 DIAGRAMAS DE CLASSES
Figura 2.16 – Diagrama de Classes
Fonte: Elaborado pelos autores, 2016.
36
Na Figura 2.16 representa o conjunto de classes que compõem o sistema,
seus relacionamentos e suas cardinalidades.
2.6 DIAGRAMAS DE MVC
Model View Contreller (MVC) é um padrão de arquitetura que consiste dividir
a aplicação em 3 camadas. O modelo (model) consiste nos dados da aplicação,
regras de negócios, lógica e funções. Uma visão (view) pode ser qualquer saída de
representação dos dados, como uma tabela ou um diagrama. É possível ter várias
visões do mesmo dado, como um gráfico de barras para gerenciamento e uma visão
tabular para contadores. O controlador (controller) faz a mediação da entrada,
convertendo–a em comandos para o modelo ou visão. As ideias centrais por trás do
MVC são o reaproveitamento do código e separação de conceitos.
Na aplicação desenvolvida, utilizou–se uma interface que faz a comunicação
entre a view e o controller de modo assíncrono, ou seja, a visão solicita a ação e
segue seu fluxo normalmente. Quando o controller obtém o dado solicitado, ele
notifica a view por meio da interface retorno.
Para a comunicação do controle com o Data Access Object (DAO) utilizou–se
o mesmo padrão descrito no parágrafo anterior.
Figura 2.17 – Diagrama MVC – Usuário
Fonte: Elaborado pelos autores, 2016.
37
Figura 2.18 – Diagrama MVC – Amigos
Fonte: Elaborado pelos autores, 2016.
Figura 2.19 – Diagrama MVC – Produto
Fonte: Elaborado pelos autores, 2016.
38
Figura 2.20 – Diagrama MCV – Tipo
Fonte: Elaborado pelos autores, 2016.
Figura 2.21 – Diagrama MVC – Compra
Fonte: Elaborado pelos autores, 2016.
Figura 2.22 – Diagrama MVC – Lote
Fonte: Elaborado pelos autores, 2016.
39
Figura 2.23 – Diagrama MVC Histórico
Fonte: Elaborado pelos autores, 2016.
Figura 2.24 – Diagrama MVC Avaliação
Fonte: Elaborado pelos autores, 2016.
40
Figura 2.25 – Diagrama MVC – Comentário
Fonte: Elaborado pelos autores, 2016.
Figura 2.26 – Diagrama MVC – Curtir Comentário
Fonte: Elaborado pelos autores, 2016.
41
Figura 2.27 – Diagrama MVC – Postar Comentário
Fonte: Elaborado pelos autores, 2016.
Figura 2.28 – Diagrama MVC – Galeria Imagem Usuário
Fonte: Elaborado pelos autores, 2016.
42
Figura 2.29 – Diagrama MVC – Detalhes Produto
Fonte: Elaborado pelos autores, 2016.
Figura 2.30 – Diagrama MVC – Mercado
Fonte: Elaborado pelos autores, 2016.
Figura 2.31 – Diagrama MVC – Produtor
Fonte: Elaborado pelos autores, 2016.
43
2.7 DIAGRAMAS DE SEQUÊNCIA
Diagrama de sequência mostra uma interação, que representa a sequência de
mensagens entre instâncias de classes, componentes, subsistemas ou atores.
Tempo flui para baixo no diagrama e mostra o fluxo de controle de um participante
para outro (MICROSOFT, 2016).
Figura 2.32 – Diagrama de Sequência Acessar Sistema
Fonte: Elaborado pelos autores, 2016.
Figura 2.33 – Diagrama de Sequência Cadastrar Usuário
Fonte: Elaborado pelos autores, 2016.
44
Figura 2.34 – Diagrama de Sequência Solicitar Amizade
Fonte: Elaborado pelos autores, 2016.
Figura 2.35 – Diagrama de Sequência Aceitar Amizade
Fonte: Elaborado pelos autores, 2016.
Figura 2.36 – Diagrama de Sequencia Avaliar Produto
Fonte: Elaborada pelo autor, 2016.
45
Figura 2.37 – Diagrama de Sequência Atualizar Usuário
Fonte: Elaborada pelo autor, 2016.
Figura 2.38 – Diagrama de Sequência Comentar Postagem
Fonte: Elaborada pelo autor, 2016.
Figura 2.39 – Diagrama de Sequencia Curtir Postagem
Fonte: Elaborada pelo autor, 2016
46
Figura 2.40 – Diagrama de Sequência Desfazer Amizade
Fonte: Elaborada pelo autor, 2016.
Figura 2.41 – Diagrama de Sequência Postar Foto
Fonte: Elaborada pelo autor, 2016.
Figura 2.42 – Diagrama de Sequência Visualizar Rota
Fonte: Elaborada pelo autor, 2016.
47
Figura 2.43 – Diagrama de Sequência Ler QRCode
Fonte: Elaborada pelo autor, 2016.
Figura 2.44 – Diagrama de Sequencia Compartilhar Produto
Fonte: Elaborada pelo autor, 2016.
2.8 IMPLEMENTAÇÃO DO WEB SERVICE
A aplicação faz uso de Web Service utilizando a Linguagem Hypertext
Preprocessor (PHP) e Banco de Dados My Structured Query Language (MySQL)
para atender as requisições dos usuários através do aplicativo proposto. Neste
serviço estão disponíveis os dados dos produtos para consultas e também para
possíveis compartilhamentos entre os usuários ativos do aplicativo.
As seções seguintes apresentam os Diagramas MVC e de sequência
referentes a implementação do Web Service.
48
2.8.1 Diagrama de MVC
A figura 2.45 Diagrama de MVC apresenta a estrutura de comunicação entre
os componentes do Web Service.
Figura 2.45 – Diagrama de MVC Web Service
Fonte: Elaborada pelo autor, 2016.
2.8.1 Diagrama de Sequência
Abaixo (figuras 2.46, 2.47, 2.48, 2.49, 2.50) serão apresentados os diagramas
de sequência referentes ao Web Service que demonstram o fluxo dos métodos
implementados que recebem as requisições feitas pelo aplicativo via método POST
e o retornam um arquivo no formato JavaScript Object Notation (JSON).
49
Figura 2.46 – Diagrama de Sequência para inserir um registro
Fonte: Elaborada pelo autor, 2016.
Figura 2.47 – Diagrama de Sequência Autenticação
Fonte: Elaborada pelo autor, 2016.
Figura 2.48 – Diagrama de Sequência Buscar Registros
Fonte: Elaborada pelo autor, 2016.
50
Figura 2.49 – Diagrama de Sequência Atualizar Registro
Fonte: Elaborada pelo autor, 2016.
Figura 2.50 – Diagrama de Sequência Excluir Registro
Fonte: Elaborada pelo autor, 2016.
51
PROTOTIPAÇÃO DAS TELAS DO APLICATIVO PROSPOSTO
Nas seções a seguir são apresentadas o projeto do layout para o
desenvolvimento do aplicativo. Durante o desenvolvimento algumas alterações serão
necessárias, mas as telas a seguir dão um esboço do que será o aplicativo
3.1 TELA DE BOAS VINDAS
Essa tela (figura 3.1) tem a finalidade de fazer uma recepção ao usuário assim
que se instala o aplicativo pela primeira vez no smartphone, mostrando assim as
funcionalidades do aplicativo
Figura 3.1 – Protótipo da Tela de Boas Vindas
Fonte: Elaborada pelo autor, 2016
3.2 TELA DE LOGIN
Tela (figura 3.2) que contém os campos para inserção dos dados para efetuar
a autenticação de usuário.
52
Figura 3.2 – Protótipo da Tela de Login
Fonte: Elaborada pelo autor, 2016
3.3 TELA PRINCIPAL
Essa Activity (como são chamadas as telas da aplicação no sistema Android)
é a principal do sistema. Ela conterá um cabeçalho contendo um campo para
pesquisa e um campo para postar um novo comentário (figura 3.3).
Figura 3.3 – Protótipo da Tela Principal
Fonte: Elaborada pelo autor, 2016
53
3.4 HISTÓRICO DO PRODUTO
Essa tela (figura 3.4) conterá dados da procedência e avaliação do produto.
Figura 3.4 – Protótipo da Tela de Histórico
Fonte: Elaborada pelo autor, 2016.
3.5 INFORMAÇÕES DO PERFIL
A tela (figura 3.5) conterá informações relevantes do usuário
Figura 3.5 – Protótipo da Tela Perfil do Usuário
Fonte: Elaborada pelo autor, 2016
54
3.6 TELA DAS AVALIAÇÕES RECEBIDAS
Essa janela, conterá informações referentes as avaliações feitas pelos
usuários do sistema sobre o produto em questão. A figura 3.6 ilustra a ideia proposta
pelos autores.
Figura 3.6 – Protótipo da Tela de Reputação
Fonte: Elaborada pelo autor, 2016.
3.7 TELA DA LISTAGEM DE USUÁRIOS
A figura 3.7 Lista usuários cadastrados no sistema, terá a função de agrupar
os usuários do sistema conforme o usuário digita sua pesquisa na barra de buscas
na parte superior do protótipo.
55
Figura 3.7 – Protótipo da Tela de Listagem de Usuários
Fonte: Elaborada pelo autor, 2016
3.8 HISTÓRICO EM MAPA
A figura 3.8 mostrará a rota de produção até a entrega no mercado ou feira.
Figura 3.8 – Protótipo da Tela de Rota
Fonte: Elaborada pelo autor, 2016
3.9 TELA DE ESCANEAMENTO DO QRCODE
Nesta Activity (figura 3.9) será mostrado a câmera para a realização do
escaneamento do código do produto pretendido.
56
Figura 3.9 – Protótipo da Tela de Leitura do QRCode
Fonte: Elaborada pelo autor, 2016
3.10 TELA DE INFORMAÇÕES NUTRICIONAIS
A tela (figura 3.10) apresentará as informações nutricionais sobre o produto e
dados relevantes sobre o mesmo.
Figura 3.10 – Protótipo da Tela de detalhes
Fonte: Elaborada pelo autor, 2016.
57
MANUAL DO USUÁRIO
O seguinte manual contém as capturas de telas do aplicativo e a explicação
do seu layout e funcionamento.
4.1 TELAS DE BOAS VINDAS
A figura 4.1 é a primeira tela em que o usuário tem acesso assim que se instala
o aplicativo. Através dela pode-se deslizar o dedo para direita familiarizando-se com
as principais funcionalidades do sistema.
Abaixo contém os botões para realizar um novo cadastro, e o botão entrar
caso já tenha um cadastro válido.
Figura 4.1 – Tela de boas vindas
Fonte: Elaborado pelo autor, 2016
4.2 TELA DE CADASTRO DE UM NOVO USUÁRIO
A figura 4.2 contém todas as informações necessárias para o cadastro. Todos
os dados são obrigatórios e o no campo de e-mail há uma verificação se o mesmo já
existe no banco de dados. Esse cadastro não permite repetição de e-mail.
58
Figura 4.2 – Tela de cadastro
Fonte: Elaborado pelo autor, 2016
4.3 TELA DE LOGIN
A Figura 4.3 é a tela de login onde o usuário deve informar seus dados e então
clicar em entrar, caso já tenha uma conta ativa, seu acesso será liberado.
Figura 4.3 – Tela de login
Fonte: Elaborado pelo autor, 2016
59
4.4 TELA PRINCIPAL
Essa é a principal tela do sistema (figura 4.4). Depois de ter feito login pelo
menos uma vez, sempre será essa a primeira tela acessada ao entrar no programa.
Figura 4.4 – Tela principal
Fonte: Elaborado pelo autor, 2016
Abaixo uma breve explicação das funcionalidades de cada botão contido em
sua estrutura.
1. Acessa o menu principal.
2. Acessa o perfil do usuário. Também se encontra sobre a imagem do
usuário as notificações pendentes de novas amizades que estão
pendentes.
3. Acessa a câmera para poder ler um QRCode.
4. Botão para postar uma foto na linha do tempo.
5. Pesquisa usuários no sistema.
6. Posta um comentário na linha do tempo.
60
4.4.1 Menu de opções
Esse menu é acessado clicando na opção 1 (ilustrado na figura 4.4) ou então
deslizando o dedo do lado esquerdo da tela em direção ao lado direito da tela do
aplicativo.
Figura 4.5 – Menu principal
Fonte: Elaborado pelo autor, 2016
Abaixo uma breve explicação das funcionalidades de cada botão
1. Ao pressionar, o usuário tem acesso a opção de trocar sua foto de perfil,
podendo escolher uma da galeria ou tirar uma nova foto.
2. Acessa a opção para poder atualizar ou incluir dados cadastrais.
3. Pesquisa um produto na base de dados.
4. Sair do aplicativo.
5. Verifica seu perfil.
61
4.4.2 Tipos de comentários da tela principal
Na tela principal, como mostrado na figura 4.4 pode–se observar que em sua
linha do tempo há vários comentários de usuários. Abaixo na figura 4.6 são
apresentados os possíveis tipos.
Figura 4.6 – Tipos de comentários
Fonte: Elaborado pelo autor, 2016
Definição de cada tipo de comentário
1. Representa uma avaliação feita pelo usuário ao produto
2. Representa a criação de uma nova amizade entre dois usuários do
sistema
3. Representa o compartilhamento de um produto. Por exemplo, um
produto visto em um mercado.
4. Representa um comentário em foto realizado pelo usuário.
5. Representa um comentário comum feito pelo usuário
Todos os comentários contem ações que o usuário poderá realizar, como por
exemplo curtir, compartilhar e fazer um comentário, como mostrado na figura 4.7
62
4.4.3 Tela de fazer um comentário
Nessa tela (figura 4.7) o usuário pode fazer um comentário sobre algo em que
achou interessante de sua linha do tempo, como por exemplo comentar uma
postagem, uma foto, uma avaliação de produto, uma compra que um amigo fez e
postou no aplicativo, ou até mesmo comentar sobre um laço de amizade criado entre
dois usuários.
Figura 4.7 – Tela de comentário
Fonte: Elaborado pelo autor, 2016
4.4.4 Tela de pesquisa de usuário
Clicando sobre o espaço do número 5 representado pela figura 4.4 obtém–se
acesso a busca de usuários cadastrados no aplicativo (figura 4.8). Os usuários ativos
no sistema e com perfis públicos vão aparecendo na listagem conforme se digita o
texto no campo de buscas
63
Figura 4.8 – Tela de pesquisa de usuários
Fonte: Elaborado pelo autor, 2016
4.4.5 Tela de pesquisa de produtos
Clicando no ícone 3 da figura 4.5 é apresentada a tela de busca de produto
(figura 4.9). A busca de produtos é feita conforme digita o texto no campo de busca.
Figura 4.9 – Tela de pesquisa de produtos
Fonte: Elaborado pelo autor, 2016.
64
4.5 TELA DE POSTAGEM DE IMAGEM
Clicando no ícone 4 representado pela figura 4.4 tem-se acesso a tela de
postar um comentário com imagem (figura 4.10). A imagem pode ser fotografada no
momento, ou então escolher uma da galeria de imagens do aparelho
Figura 4.10 – Tela de postar imagem
Fonte: Elaborado pelo autor, 2016.
4.6 TELA PERFIL USUÁRIO
A tela de Perfil do Usuário (figura 4.11) pode ser acessada clicando na foto de
qualquer usuário do sistema, ou então pelo ícone 2 da figura 4.2
Esta tela possui 3 abas chamadas atividades, amigos e sobre. Para navegar
entre ela basta deslizar o dedo lateralmente pela tela.
4.6.1 Aba Atividades
Essa tela (figura 4.11) contém todos os comentários realizados pelo usuário.
65
Figura 4.11 – Tela de perfil: atividades
Fonte: Elaborado pelo autor, 2016
4.6.2 Aba de amizades
Essa tela (figura 4.12) contém as amizades. Amigos cuja solicitação de
amizade está pendente, fica com um ícone de exclamação sobre a imagem.
Figura 4.12 – Tela perfil: amigos
Fonte: Elaborado pelo autor, 2016
66
4.7 TELA DE HISTÓRICO DO PRODUTO
Figura 4.13 – Tela de histórico
Fonte: Elaborado pelo autor, 2016
67
Abaixo uma breve explicação das funcionalidades de cada botão da tela
representada pela figura 4.13.
1. Reputação do produto perante aos consumidores
2. Olhar no mapa todo o trajeto percorrido.
3. Visualizar mais detalhes do produto, como por exemplo tabela
nutricional e informações do produtor.
4. Compartilhar o link do produto externamente, como por exemplo
WhatsApp e Facebook.
5. Lista de todo o histórico percorrido pelo produto. Clicando em um ícone,
pode–se visualizar no mapa o local especifico do ocorrido.
6. Clicando no ícone 6, o usuário tem a opção de compartilhar o produto
ou então adicionar na sua lista de lembretes.
4.7.1 Tela Histórico em mapa
Conforme a figura 4.13 ao clicar no ícone 2, obtém-se acesso ao histórico do
produto com pontos marcados no mapa, conforme a figura 4.14 ilustra abaixo.
Figura 4.14 – Histórico em mapa
Fonte: Elaborado pelo autor, 2016.
68
4.8 TELA DE AVALIAÇÕES DO PRODUTO
A figura 4.15 apresenta a tela que exibe todas as avaliações recebidas que os
produtos receberam dos usuários do sistema. As avaliações de amigos aparecem
primeiro na lista.
Figura 4.15 – Tela de avaliações do produto
Fonte: Elaborado pelo autor, 2016
4.9 TELA DE INFORMAÇÕES DO PRODUTO
A figura 4.16 apresenta a tela em que o usuário encontra alguns detalhes sobre
o produto, como por exemplo sua tabela nutricional e dados do produtor.
Quando uma busca é realizada (figura 4.9) e ao clicar sobre o produto, é para
esta tela que será direcionado.
69
Figura 4.16 – Tela de detalhes do produto
Fonte: Elaborado pelo autor, 2016
4.10 TELA DE AVALIAÇÃO DE UM PRODUTO
Figura 4.17 – Tela de avaliação
Fonte: Elaborado pelo autor, 2016
70
Acima na figura 4.17, ilustra uma tela em que o usuário só tem acesso através
de uma notificação que aparece em seu aparelho quando um produto é consultado
no mercado e marcado como “vou levar para casa” conforme a figura 4.18 ilustra. Por
ela, o usuário pode deixar sua opinião sobre o produto que consumiu.
4.11 TELA DE COMPARTILHAMENTO E INCLUSÃO DE LEMBRETES
Nessa interface, o usuário tem a opção de compartilhar o produto digitalizado
pelo leitor de QRCode na sua linha do tempo.
Abaixo do nome do usuário existe a opção de privacidade que contém 3
opções: Público, Amigos e Privado.
Caso o consumidor deixe marcado o check box, ele recebera uma notificação
em seu aparelho quando a validade do produto escolhido estiver se esgotando.
Figura 4.18 – Tela de Compartilhamento e Inclusão de lembretes
Fonte: Elaborado pelo autor, 2016
71
CONSIDERAÇÕES FINAIS
A ideia deste projeto surgiu da necessidade de um aplicativo para dispositivos
móveis que auxiliasse o consumidor a encontrar informações confiáveis a respeito
do produto que pretende consumir, sejam elas fornecidas pelo produtor ou até
mesmo por outros consumidores que já tiveram algum contato com este produto.
As maiores dificuldades encontradas ao longo do desenvolvimento desse
projeto foram a gestão do tempo para garantir que cada etapa terminasse dentro do
prazo estabelecido e a aprendizagem do uso dos recursos da IDE utilizada no
desenvolvimento deste projeto que foi o software Android Studio com suas
funcionalidades específicas para a plataforma Android juntamente com a linguagem
Java.
Através de pesquisas, testes e implementações a consistência da
aprendizagem do uso desses novos recursos foi se tornando cada vez mais sólida, o
que fez deste projeto uma experiência de desenvolvimento de software muito
enriquecedora.
Visto que o produto final deste projeto atende principalmente o consumidor,
uma ideia de melhoria deste projeto que se pretende realizar no futuro é implementar
uma interface Web e uma outra aplicação mobile para os produtores utilizarem, de
modo que além de alimentarem o sistema com as informações necessárias sobre os
produtos, também tenham uma poderosa ferramenta para geração de gráficos
relativos ao seu produto, como por exemplo: visualizações diárias, quantidade de
leituras de QRCode que o produto teve, qual região é mais visualizado e assim em
diante.
Portanto a realização deste trabalho gera um aplicativo que pode auxiliar os
consumidores que se preocupam em estar informados quanto a procedência de seus
alimentos, dessa forma contribuindo para a melhorar a qualidade das informações
sobre os produtos consumidos.
72
REFERÊNCIAS BIBLIOGRÁFICAS
ALTER, S. Information systems: a management perspective. San Francisco:
University of San Francisco Publisher, 1991. 848 p.
FEIGENBAUM, A.V. Controle da qualidade total. São Paulo: Makron Books, 1994.
G1. Facebook anuncia crescimento dos lucros e do número de usuários. 2016.
Disponível em: <http://g1.globo.com/tecnologia/noticia/2016/01/facebook–anuncia–
crescimento–dos–lucros–e–do–numero–de–usuarios–
20160127211006500148.html>. Acesso em 18 de mai. 2016.
GOOGLE PLAY – 17TRACK. International Institute Of Business Analysis– 17TRACK,
2010. < https://play.google.com/store/apps/details?id=yqtrack.app&hl=pt_BR>.
Acesso em 20 mai. 2016.
GOOGLE PLAY - VIVINO. International Institute Of Business Analysis– Vivino, 2010.
<https://play.google.com/store/apps/details?id=vivino.web.app&hl=pt_BR>. Acesso
em 20 mai. 2016.
IIBA. International Institute Of Business Analysis– Um guia para o Corpo de
Conhecimento de Análise de negócio, 2011. <http://www.iiba.org/babok–
guide.aspx>. Acesso em 20 mai. 2016.
JURAN, J.M.; GRYNA, F.M.; BINGHAM, R.S. Quality Control: Handbook. EUA:
McGraw–Hill Book Company, 1974.
MICROSOFT. Diagramas de sequência UML: referência, 2016. Disponível em:
https://msdn.microsoft.com/pt–br/library/dd409377.aspx >. Acesso em 23 de nov.
2016.
73
MOE, T. Perspectives on traceability in food manufacture. Trends in Food
Science & Technology, 9, p. 211–14. 1998.
PARIPASSU. Rastreabilidade de alimentos. 2016. Disponível em: <
https://paripassu.com.br/produto/detalhes/rastreabilidade-de-alimentos
>. Acesso em: 02 abr. 2016.
SEBRAE NACIONAL. O mercado de hortaliças no Brasil: o cultivo de verduras
e legumes gera mais lucro por hectare do que outras culturas. 2015. Disponível
em: <http://www.sebrae.com.br/sites/PortalSebrae/artigos/O–mercado–de–
hortaliças–no–Brasil>. Acesso em: 02 abr. 2016.