instituto federal do paranÁ campus pinhais curso …...instituto federal do paranÁ campus pinhais...

INSTITUTO FEDERAL DO PARANÁ

CAMPUS PINHAIS

CURSO TÉCNICO INTEGRADO EM INFORMÁTICA

AMANDA DHEIN SAMPAIO

CAMILA RAPETTI MACCARINI

HOMEMADE – A ARTE DE CRIAR E SE INSPIRAR DENTRO DA COZINHA.

PINHAIS

2018

i

AMANDA DHEIN SAMPAIO

CAMILA RAPETTI MACCARINI

HOMEMADE – A ARTE DE CRIAR E SE INSPIRAR DENTRO DA COZINHA.

Trabalho apresentado ao Curso Técnico Integrado

em Informática do campus Pinhais, do Instituto

Federal do Paraná, como requisito parcial à

aprovação na disciplina de Projeto de Final de

Curso. Professor: Prof. Me. Eduardo Tieppo.

PINHAIS

2018

ii

Página reservada para o Termo de Aprovação, preenchido pela comissão

examinadora no momento da deliberação após a apresentação e defesa do projeto e

assinado pelo professor responsável após alterações sugeridas pela comissão

examinadora.

iii

AGRADECIMENTOS

Nossos agradecimentos a todos que contribuíram para que chegássemos

onde estamos. Aos docentes, que nos guiaram e forneceram conhecimento; ao

orientador, que nos apoiou e teve a paciência necessária, nos ministrando pela

jornada; aos amigos, que aguentaram firme aos desabafos; a parceira de trabalho,

que sempre esteve integrada e se dedicando em conjunto para o sucesso do nosso

trabalho; e principalmente, aos nossos pais, que nos mantiveram firmes e nos

aconselharam sempre que precisávamos.

Agradecimento especial a Deus, que nos momentos mais difíceis nos ouviu e

nos permitiu realizar tudo isto.

Uma nova etapa de nossas vidas irá começar e estamos gratas que tenham

contribuído cada um com o seu papel de extrema importância.

iv

“Cozinhar é como um espetáculo: É

dedicação, conhecimento e amor para

que, no final, os cinco sentidos aplaudam

de pé.”

(Fernando Capello Reis)

v

RESUMO

A refeição feita em casa vem se tornando cada vez mais rara e as causas que afetam

a sociedade de maneira direta é a inserção da mulher no mercado de trabalho, falta

de planejamento e os avanços na indústria alimentar como os fast-foods e comidas

congeladas. Acredita-se que a alimentação pensada e realizada em casa pode ter um

papel muito maior além de ser entendida apenas como o ‘ato’ de consumir alimentos,

pois, através dela proporcionamos momentos de participação e interação com

pessoas que amamos. Outro fator importante é a possibilidade de contribuir para a

saúde, porque se pode cozinhar de maneira mais saudável em um tempo estipulado,

tornando as pessoas mais críticas e responsáveis com o bem-estar. O site foi

desenvolvido para atender pessoas que tenham rotina e que necessitam de receitas

disponibilizadas com um fácil acesso. Pensando nisso, foi projetado o Homemade,

oferecendo uma ferramenta em que é possível realizar a busca através de um

ingrediente, resultando em uma receita que utiliza o ingrediente como estrela principal

do prato. Homemade facilita o uso de alimentos que se disponibilizam em casa e

contribui com o meio ambiente na diminuição de lixo e alimentos que são descartáveis

sem utilizá-los. Com o objetivo de solucionar os existentes problemas, foi desenvolvido

um website, com as linguagens PHP, CSS, JAVASCRIPT, BOOTSTRAP, JQUERY e

HTML, que pode ser utilizado por todos os públicos, que se veem na necessidade de

uma busca diferenciada e que traz resultados a partir de um ingrediente de sua

escolha. O projeto realizado busca promover uma relação inovadora com a cozinha

gerando um afeto com a comida e redescobrindo novos sabores.

Palavras-chave: Alimentação. Busca. Website.

vi

ABSTRACT

Everyday homemade meals are becoming something rare, and some of the main

reasons that affect society directly are the fact that women started to have a

professional work life outside of their home, the lack of planning and the food industry

advancing towards fast food and frozen meals. It is believed that thoughtful and

home-made food has a larger role than the ‘Act’ of consuming food, because, through

it, we have interaction moments with the people that we love. Another important

factor, it is that we have the possibility of contribute to our health cause we can cook

healthier in an established time resulting in us becoming more critical and responsible

people with our well-being. The website was developed to serve people with a busy

schedule that need easy access to recipes. We created the Homemade with these

people in mind; the website offers a researching tool that made it possible to find

recipes with only ingredients requested. Homemade makes easier to use the food

that you already have in your home which helps with the environment because it

reduces the production of garbage and foods that it would be disposable. With the

goal to bring a solution to the existent problem, a website was delevopment, with

PHP, CSS, JAVASCRIPT, BOOTSTRAP, JQUERY and HTML languages, wich could

be used by anyone who see necessity of some different search that bring results from

an ingredient of your choice. This project goal is to promote an innovative relation

with the kitchen which brings a passion for food and the discovery of new flavors and

tastes.

Keywords: Feeding. Search. Website.

vii

LISTA DE CÓDIGOS

código 1 - Consulta Mysql - Receita criada por um usuário qualquer ....................... 27

código 2- Consulta do Mysql - Quantidade de avaliações .................................…….28

código 3- Consulta Mysql - Nota de uma receita ...................................................... 28

código 4- Consulta Mysql - Comentário de uma receita .…....................................... 29

código 5- Consulta de Mysql - Tipos de receita......................................................... 29

código 6- Consulta Mysql - Ingredientes de uma receita qualquer .....…................... 29

código 7- Consulta Mysql - Receita com ingrediente qualquer................................. 30

viii

LISTA DE FIGURAS

Figura 2.1 - Identidade visual do DER ...................................................................... 18

Figura 2 - Amostra entidade Usuário (DER) ............................................................. 19

Figura 3 - Relação do usuário com a receita (DER) ................................................. 20

Figura 4 - Entidade Receita com atributos (DER) .................................................... 21

Figura 5 - Relação da Receita com o Tipo (DER) .................................................... 21

Figura 6 - Modo de preparo separado por seção (DER) .......................................... 22

Figura 7 - Modo de preparo separado pelo tópico (DER) ........................................ 22

Figura 8 - Relação de "feita com" com ingrediente (DER) ....................................... 23

Figura 9 - Diagrama Relacional ................................................................................ 24

Figura 10 - Diagrama de Classes ............................................................................. 31

Figura 11 - Diagrama de Caso de Uso ..................................................................... 32

Figura 12- Estrutura Obtida ...................................................................................... 42

Figura 13 – Home (Página inicial) ............................................................................ 43

Figura 14 - Login (Página inicial) .............................................................................. 44

Figura 15 - Tentativa de Login. ................................................................................. 45

Figura 16 - Login realizado e a importância da cozinha caseira (Página inicial) ...... 46

Figura 17 - Estrelas da semana (Página inicial) ....................................................... 47

Figura 18 - Seção de bebidas e explicação do projeto (Página inicial) .................... 48

Figura 19 - Quem somos (Página inicial) ................................................................. 49

Figura 20 - Página de pesquisa ............................................................................... 50

Figura 21 - Resultado da Pesquisa .......................................................................... 51

Figura 22 - Receita cabeçalho .................................................................................. 52

Figura 23 - Página da receita com comentário ......................................................... 53

Figura 24 - Inserção de comentário .......................................................................... 54

Figura 25 - Página da receita com avaliação ........................................................... 55

Figura 26 - Confirmação de avaliação e comentário ................................................ 56

Figura 27 - Página de Bebidas ................................................................................. 57

Figura 28 - Cadastro de usuário ............................................................................... 58

Figura 29 - Confirmação de cadastro ....................................................................... 59

ix

LISTA DE TABELAS

Tabela 1 - Dicionário de Dados (Tabela: Usuário) .................................................... 25

Tabela 2 - Dicionário de Dados (Tabela:Avalia) ........................................................ 25

Tabela 3 - Dicionário de Dados (Tabela: Comenta) .................................................. 25

Tabela 4 - Dicionário de dados (Tabela:Receita) ...................................................... 25

Tabela 5 - Dicionário de Dados (Tabela: receita_tipo) .............................................. 26

Tabela 6 - Dicionário de dados (Tabela: Tipo) .......................................................... 26

Tabela 7 - Dicionário de Dados (Tabela: modo_preparo_seção) .............................. 26

Tabela 8 - Dicionário de Dados (Tabela: receita_seção_ingrediente) ...................... 26

Tabela 9 - Dicionário de Dados (Tabela: Ingredientes) ............................................. 27

Tabela 10 - Dicionário de dados (Tabela:modo_preparo_tópico).............................. 27

Tabela 11 - Resultado de consulta ............................................................................ 27

Tabela 12 - Resultado de consulta ........................................................................... 28


Tabela 14 - Resultado de Consulta ........................................................................... 29

Tabela 15 - Resultado de Consulta ........................................................................... 29


Tabela 17 - Resultado de pesquisa .......................................................................... 30

Tabela 18 - Dicionário de descrição (Tabela: Avalia) ................................................ 33

Tabela 19 - Dicionário de descrição (Tabela: Criar Receita) ..................................... 33

Tabela 20 - Dicionário de Descrição (Tabela: Realizar cadastro) ............................. 34

Tabela 21 - Dicionário de descrição (Tabela: Comentar receita) .............................. 35

Tabela 22 - Dicionário de descrição (Tabela: Efetuar Login)..................................... 36

x

SUMÁRIO

1 INTRODUÇÃO ........................................................................................................ 12

1.1 PROBLEMATIZAÇÃO E JUSTIFICATIVA ........................................................ 12

1.1.1 Objetivo geral ............................................................................................ 15

1.1.2 Objetivos específicos ............................................................................... 15

2 METODOLOGIA ..................................................................................................... 15

2.1 CENÁRIO .......................................................................................................... 16

2.2 ANÁLISE DE REQUISITOS .............................................................................. 16

2.3 BANCO DE DADOS .......................................................................................... 17

2.3.1 Modelagem conceitual ............................................................................. 17

2.3.1.1 Descrição do modelo de dados ............................................................ 17

2.3.1.2 Diagrama Entidade-Relacionamento .................................................... 17

2.3.2 Modelagem lógica e física ........................................................................ 22

2.3.2.1 Diagrama Relacional ............................................................................ 22

2.3.2.2 Dicionário de dados .............................................................................. 24

2.3.3 Recuperação de Informações .................................................................. 26

2.4 DIAGRAMAS ............................................................................................. 29

2.4.1 Diagrama de Classes ................................................................................ 29

2.4.2 Diagrama de Caso de Uso ........................................................................ 30

2.4.2.1 Descrição do caso de uso .................................................................... 31

2.5 WEBSITE .......................................................................................................... 36

2.5.1 Introdução ................................................................................................. 36

2.5.1.1 Propósito do site ................................................................................... 36

2.5.1.2 Características Principais ..................................................................... 36

2.5.2 Esquema de funcionamento .................................................................... 37

2.5.3 Tecnologias utilizadas .............................................................................. 37

2.5.3.1 HTML5 .................................................................................................. 37

2.5.3.2 CSS3 .................................................................................................... 38

2.5.3.3 Javascript ............................................................................................. 38

2.5.3.4 JQuery .................................................................................................. 38

2.5.3.5 Bootstrap .............................................................................................. 38

xi

2.5.3.6 PHP ...................................................................................................... 39

2.5.4 Mapa do site .............................................................................................. 39

3 RESULTADOS ....................................................................................................... 41

3.1 O WEBSITE ...................................................................................................... 41

3.1.1 Estrutura obtida ........................................................................................ 41

3.1.2 Descrição do site ...................................................................................... 42

4 CONCLUSÃO ......................................................................................................... 58

4.1 DESENVOLVIMENTO FUTUROS .................................................................... 59

12

1 INTRODUÇÃO

1.1 PROBLEMATIZAÇÃO E JUSTIFICATIVA

A culinária vem sendo exercida desde a descoberta do fogo, possibilitando o

início da cocção de alimentos agregando um novo costume: a gastronomia. Tal

característica vinha do cozimento de bases alimentares provenientes da caça e coleta

que hoje se aprimora continuamente. Desde então, o aprimoramento foi sendo

executado, junto com a comercialização de alimentos e a recém-descoberta das

especiarias, que agregam sabor ao alimento, assim valorizando cada vez mais a

prática de cozinhar, até começarem a ser símbolo de ostentação de riquezas nos

banquetes ocorridos na Idade média e as culturas se difundirem; cada país com

características marcantes nos pratos e de acordo com os cultivos possíveis na época

(ABREU, 2001).

Pode-se perceber elementos que antes não eram reconhecidos como

importantes, como a introdução de temperos nos pratos produzidos para a nobreza,

como é citado no artigo “Alimentação Mundial: uma reflexão sobre a história”, assim,

com as descobertas sobre o manuseio da fermentação para produção de vinhos,

cervejas e queijos e a conservação do alimento para que as perdas em massa fossem

evitadas, estendendo o tempo de qualidade das carnes e verduras, que costumam

apodrecer em um período curto de tempo (ABREU, 2001).

Quando houve a descoberta da Europa dos tubérculos e afins vindos da

América, a culinária da época se renovou, trazendo pratos que eram marcados por

tomate, baunilha e cacau, enquanto a batata e o milho que antes eram servidos para

a serventia dos ricos, e começou a ser dado aos pobres como base alimentar. Hoje é

possível perceber a divisão alimentar que o mundo carrega, seguindo a história e suas

vertentes (ABREU, 2001).

A culinária como parte da cultura é um aspecto relevante que atrai milhares de

pessoas, principalmente nos dias de hoje onde a alimentação não tem apenas caráter

de sobrevivência, mas também como forma de prazer e terapia. A gastronomia

atualmente, não é só mais um fator para potencial energético, ela também requer

estudo, agregando valores como estética, saúde, afeto e entretenimento (ABREU,

2001).

13

As exibições de programas culinários vêm gerando uma forma nova de

entretenimento ou por amor à gastronomia, atingindo a um público bem variado.

Sabendo que desde 2014 em mais de 70 canais, a quantidade de programas oriundas

dessa área é abundante. Pode-se encontrar em qualquer lugar, cozinheiros de plantão

e pessoas que queiram consumir algo que saibam a origem e todos os processos

envolvidos, evitando o consumo de comidas prontas que se compra dentro de um

carro ou se pedem pelo aplicativo no celular (Bueno, 2016).

Hoje o brasileiro tem duas opções para pesquisar receitas: Mídia e Internet, que

em questões propriamente ditas, podem ou não atender os quesitos de sabor, baixo

custo e ingredientes desejados pelo usuário. Os três principais aplicativos sobre

receitas são Tudo Gostoso, Tastemade e iFood, estes aplicativos apresentam como

suas principais características as opções de aquisição de pratos prontos ou a

execução de receitas com ingredientes já pré-determinados, limitando a liberdade e

as chances de alteração e o uso de ingredientes já adquiridos pelo usuário (GOOGLE

PLAY, 2018; IFOOD, 2018; TASTEMADE, 2018; TUDO GOSTOSO, 2018).

A culinária hoje, não tem somente a finalidade de ser algo necessário para a

sobrevivência humana, ela recebeu um “valor” que vai além do trivial, tornando-se ao

passar do tempo, cada vez mais pesquisada, onde atualmente não é apenas as

mulheres donas de casa, que geralmente é associada essa atividade apenas para

elas, já que nos meios de comunicação femininos sempre remetem estas atividades

direcionadas a uma “atividade de mulher”. Devido à tecnologia estar avançada, vê-se

que de um tempo para cá, todos que queiram comer algo diferente, podem utilizar a

ferramenta da Internet para descobri-las, desta maneira é possível ter muitas ideias e

receitas novas para aprimorar o cardápio do dia a dia ou uma refeição especial sendo

feito por todos os gêneros e condições financeiras (POLLAN, 2014; CARVALHO,

2016).

É possível ver como a culinária é essencial, pois transmite emoção e ansiedade

até todos os processos envolvidos ficarem prontos, carregando uma força emocional

e/ou psicológica de qual não quer ou não pode se livrar. É possível ver as diversas

finalidades sobre ela, a possibilidade de remeter lembrança a alguém, está presente,

a paciente relatou que a forma de ela começar a cozinhar seria pela lembrança que

seu marido tinha da comida de sua avó, que por sinal era de grande agrado para ele,

então, a esposa se desafiou a tentar preparar refeições que pudessem de alguma

14

forma, fazer com que a refeição feita por ela remetesse ao seu marido, todas as

lembranças referentes à comida de sua avó, já que era um sinônimo de lembranças

boas (VAZ pg.45).

É possível perceber que a culinária e a prática de cozinhar pode proporcionar

emoções, boas lembranças e também uma vasta experiência na cozinha, pois

atualmente a atividade de se alimentar não é apenas por fazer, mas sim, apreciando

sabores, aromas e também desfrutar de um novo conceito visual, tornando a refeição

muito mais bonita e prazerosa, resultando em um novo sentido para se alimentar.

A informação sobre reabilitação do dicionário Léxico resulta em uma ação ou

resultado de se reabilitar, uma designação de regeneração ou renovação. Foi

realizado um experimento social com crianças, cujo objetivo era reabilitá-las nos

sentidos motores e cognitivos e aumentar a autonomia e independência das crianças.

As aulas eram acompanhadas por uma fonoaudióloga, psicóloga, nutricionista e uma

terapeuta ocupacional para auxiliar, se necessário, em todas as fases das atividades.

A aula era uma oficina culinária onde visava á apresentação dos alimentos e o

costume da alimentação saudável. Devido a essa interação com a cozinha e com os

alimentos, os resultados obtidos foram totalmente positivos, os profissionais

perceberam que houve uma grande melhora na interação social, conhecimento da

alimentação saudável e um desenvolvimento positivo na comunicação (HIRAKAWA,

2017; LEXICO, 2018).

Devido à vida agitada da maioria da população, a falta de tempo pode ser

sufocante para todas as idades, o cansaço no fim do dia, pode parecer inevitável e as

tarefas de casa como uma etapa pós-trabalho é desgastante. Devido a estes fatores,

a falta de interesse e disposição para cozinhar é alarmante, fazendo com que a

procura por refeições rápidas aumenta cada vez mais. Comidas congeladas ou

prontas adquiridas em estabelecimentos podem parecer uma boa, ainda mais, quando

não precisa sair de casa para consegui-las. Uma parcela do problema vem da ideia

que ainda é necessário pensar em pratos com produtos que já estão em casa ou

pensar: “O que quero comer agora e qual produto preciso adquirir para preparar minha

refeição?”, pensamentos como estes causam desânimo e preguiça de pensar e

preparar algum prato.

O Homemade foi criado para suprir problemas como estes, fazendo com que

se torne um hábito agradável cozinhar em casa, resultando indiretamente em uma

alimentação mais saudável, evitando a grande ingestão de agrotóxicos, conservantes,

15

pesticidas, alta quantidade de sódio entre outros que normalmente não são divulgados

no produto e tornar conhecidos todos os processos envolvidos para a realização da

refeição, inclusive a higienização. O Homemade agrega fatores que o torna exclusivo

entre muitos, pois tem diferenciais como: Pesquisa pelo ingrediente, um método

diferente de se buscar por receitas – não só tendo em vista o comum – a possível

melhoria do tempo de pesquisa, função que se apresenta em déficit nos sites mais

populares. Promovendo também um intercâmbio cultural, que permite ao usuário

usufruir do site e agregar conteúdo a ele, transmitindo seus conhecimentos regionais

e compartilhando suas experiências com novas opções tanto de alimentos quanto

receitas. É possível realizar um cadastro que permite ao usuário classificar a receita

pela ordem de relevância do ingrediente através de uma avaliação por numerologia e

comentários sobre ela, auxiliando a autenticidade e qualidade da receita mantendo

uma média alta de qualidade.

1.1.1 Objetivo geral

Desenvolver um site responsivo de receitas, que forneça ao público sugestões

de pratos baseados em uma busca diferenciada, através de um ingrediente fornecido,

onde o resultado é ordenado pela relevância do ingrediente na receita, facilitando a

compatibilidade da procura.

1.1.2 Objetivos específicos

a) Levantar e analisar informações a fim de fundamentar o projeto;

b) Modelar e movimentar o banco de dados do projeto (modelo conceitual,

lógico e físico);

c) Criar um site responsivo que permita operações de inserção de usuários

através de um cadastro, possibilitando a introdução de comentários e

avaliações na receita.

d) Permitir a busca por informações através de ingredientes e tipo.

2 METODOLOGIA

16

2.1 CENÁRIO

O projeto é um site responsivo, que pode ser acessado com registro de conta

ou não. Em caso de conta registrada, o usuário tem opção de cadastrar novas receitas,

avaliar as que foram acessadas/experimentadas e também comentar publicamente

para os demais usuários. A avaliação conta um formato de ranking de numeração,

possibilitando avaliar de ‘’5’’ (cinco), sendo muito bom a “1” (um), representando “Não

gostei”, através de uma caixa de seleção. Caso o usuário não possua um cadastro,

operações como avaliar, comentar e cadastrar receitas não serão permitidas, contudo,

a pesquisa será livre. Aos que não são cadastrados que queiram interagir no site, é

possível a realização de um cadastro a qualquer momento.

2.2 ANÁLISE DE REQUISITOS

Os tópicos abaixo representam os requisitos necessários para a realização do

projeto. As siglas RF e RNF, representam: RF- Requisito Funcional, RNF – Requisito

não funcional;

• O sistema deve usar a plataforma web – RF;

• O sistema deve funcionar em computadores desktop e dispositivos móveis –

RF;

• O sistema deve salvar os dados assim que for realizado o cadastro de usuário

– RF;

• O sistema deve gerar um ID para cada usuário cadastrado – RF;

• O sistema deve recolher obrigatoriamente o nome do usuário, data de

nascimento, senha e e-mail – RF;

• O sistema deve fazer pesquisas através de um ingrediente – RF;

• O sistema, para determinar o grau de relevância de um ingrediente cadastrado,

deve classifica-lo em ouro, prata e bronze, totalizando em três ingredientes

relevantes em uma receita, sendo um ingrediente obrigatório (Ouro) e dois

opcionais (Prata e Bronze) entre os demais ingredientes cadastrados – RF e

RNF;

• O sistema deve mostrar receitas que tenham o ingrediente pesquisado,

classificado como “ouro” prioritariamente na página de resultados, seguidos por

17

“prata” e “bronze” e “sem nenhuma relevância” para a receita, respectivamente

– RF;

• O sistema deve registrar comentários de uma receita como público – RF;

• O sistema deve registrar a avaliação da receita como público – RF;

• O sistema deve separar comentários a partir da data e hora postada – RF e

RNF;

2.3 BANCO DE DADOS

2.3.1 Modelagem conceitual

2.3.1.1 Descrição do modelo de dados

Um usuário poderá comentar, avaliar e criar uma ou muitas receitas. Uma

receita poderá ser comentada, avaliada e criada por um ou muitos usuários. Uma

receita terá um ou muitos tipos e um tipo vai pertencer a uma ou muitas receitas.

Uma receita tem um ou muitos modos de preparo (seção) e os modos de preparo

(seção) pertence a 1 receita. O modo de preparo (seção) tem um ou muitos

ingredientes já o ingrediente pertence a um modo de preparo (seção).

Modo de preparo (seção) é composto por um ou muitos modos de preparo (tópico)

já o modo de preparo (tópico) pertence a um modo de preparo (seção).

2.3.1.2 Diagrama Entidade-Relacionamento

A figura 2.3.1.2 representa o diagrama de entidade-relacionamento.

Figura 2.1 - Identidade visual do DER

18

Fonte: Os autores (2018).

Neste modelo, o Usuário pode avaliar e comentar a receita que já estará no

programa ou a que ele adicionar, assim, a receita terá um tipo, com o que a receita

será feita, ou seja, os ingredientes e o modo de preparo que será divido por seções e

tópicos.

Figura 2 - Amostra entidade Usuário (DER)

19


Um usuário tem atributos individuais, sendo eles, data de nascimento, nome,

telefone, e-mail, foto, senha e como atributo chave, id do usuário.

Figura 3 - Relação do usuário com a receita (DER)

Fonte: Os autores (2018)

20

O usuário tem as seguintes funções disponíveis no site, sendo elas: comentar,

que tem seus atributos conteúdo e data; avaliar, que tem como atributo a nota; e criar

receita através de um ”cadastro de receita”.

Figura 4 - Entidade Receita com atributos (DER)


A receita possui seus atributos próprios, como: Nome, Porções, Foto,

Descrição, Tempo de preparo e como atributo chave id da receita.

Figura 5 - Relação da Receita com o Tipo (DER)


Toda receita precisa obrigatoriamente ter um Tipo. “Tipo” tem seus atributos

como: Nome e como atributo-chave, Id do Tipo.

Figura 6 - Modo de preparo separado por seção (DER)

21


Toda receita possui um modo de preparo separado por seções. Modo de

preparo (seção) tem seus atributos característicos, sendo eles: Seção e como atributo-

chave, ordem.

Figura 7 - Modo de preparo separado pelo tópico (DER)


Modo de preparo seção, como descrito acima, é composto pelo Modo de

preparo tópico, seus atributos são: Tópico e como atributo-chave, ordem.

Figura 8 - Relação de "feita com" com ingrediente (DER)

22


Toda receita necessariamente precisa de uma categoria chamada de “Feita

com” para adicionar atributos como: Medida e Quantidade. “Feita com”, é composta

por ingrediente, que tem seus atributos como: Nome, Relevância e atributo-chave

como, Id do ingrediente.

2.3.2 Modelagem lógica e física

2.3.2.1 Diagrama Relacional

A imagem a seguir mostra o Diagrama Relacional desenvolvido para se obter o

Banco de Dados.

23

Figura 9 - Diagrama Relacional


Quando adicionado um ingrediente a uma receita ela será independente, então

quando uma receita for excluída o ingrediente continuará na plataforma. Quando uma

receita for excluída, juntamente, o modo de preparo seção e modo de preparo tópico

serão excluídos. Uma receita poderá ter muito tipos e obrigatoriamente “1” (um).

24

2.3.2.2 Dicionário de dados

As tabelas a seguir representam o dicionário de dados referente ao site,

desenvolvido pelas autoras de Homemade.

Tabela 1 - Dicionário de Dados (Tabela: Usuário)

Tabela: Usuário

Coluna Tipo de dado Restrições Formato padrão Exemplo de instância

id_usuario INT(11) PK, NN, AI X(11) 123456

nome VARCHAR(45) NN X(45) Amanda

email VARCHAR(45) NN, UQ X(45) [email protected]

nascimento DATE NN XXXX-XX-XX 2000-11-29

telefone VARCHAR(11) NN (XX)XXXXX-XXXX (41)98745-1655

foto VARCHAR(45)


Tabela 2 - Dicionário de Dados (Tabela:Avalia)

Tabela: Avalia


id_usuario INT(11) PK, NN X(11) 123456

id_receita INT(11) PK, NN X(11) 654321

nota TINYINT(2) NN XX 78


Tabela 3 - Dicionário de Dados (Tabela: Comenta)

Tabela: Comenta


id_usuario INT(11) PK, NN X(11) 123456


data DATETIME PK, NN XXXX-XX-XX 2018-05-06

conteudo VARCHAR(255) NN X(255) "Receita muito boa"

Fonte: Os autores (2018). Tabela 4 - Dicionário de dados (Tabela:Receita)

Tabela: Receita



25

nome VARCHAR(45) NN X(45) José dos Santos

porcoes SMALLINT(6) NN X XXXXX 5 porções

tempo_de_preparo VARCHAR(45) NN X(45) 2 horas e meia

id_usuario INT(11) NN X(11) 78965412

foto VARCHAR(45)


Tabela 5 - Dicionário de Dados (Tabela: receita_tipo)

Tabela: receita_tipo



id_tipo TINYNT(2) PK, NN XX 1


Tabela 6 - Dicionário de dados (Tabela: Tipo)

Tabela: Tipo


nome VARCHAR(45) NN, UQ X(45) Massas

id_tipo TINYNT(2) PK, NN, AI XX 1


Tabela 7 - Dicionário de Dados (Tabela: modo_preparo_seção)

Tabela: modo_de_preparo_secao


ordem TINYNT(2) PK, NN XX 1

secao VARCHAR(45) NN X(45) Preparar massa

idReceita INT(11) PK, NN X(11) 3248895


Tabela 8 - Dicionário de Dados (Tabela: receita_seção_ingrediente)

Tabela: receita_secao_ingrediente


idReceita INT(11) PK, NN X(11) 12218

secao_ordem TINYNT(2) PK, NN XX 2.1

idIngrediente INT(11) PK, NN X(11) 40589

quantidade DECIMAL(5,2) NN X/X 2/5

medida VARCHAR(45) NN X(45) Um copo e meio

26

relevancia TINYNT (11) NN X(1) 4


Tabela 9 - Dicionário de Dados (Tabela: Ingredientes)

Tabela: ingredientes


idIngredientes INT(11) PK, NN, AI X(11) 12218

nome VARCHAR(45) NN X(45) Cebola


Tabela 10 - Dicionário de dados (Tabela:modo_preparo_tópico) Tabela: modo_preparo_topico

Coluna Tipo de dado Restrições Formato

padrão Exemplo de instância

ordem INT(11) PK, NN X(11) 1.2.3

como_fazer VARCHAR(255) NN X(255) Descasque a cenoura e a

lave

secao_de_preparo_ordem TINYNT(2) PK, NN XX 22

secao_de_preparo_idReceita INT(11) PK, NN X(11) 11098


2.3.3 Recuperação de Informações

Através da plataforma Mysql Workbench, foi realizado consultas para o teste

de funcionamento dos dados. O código abaixo mostra a receita criada por um

determinado usuário.

SELECT * FROM

homemade.receita WHERE

idUsuario = ”5” código 1 - Consulta Mysql - Receita criada por um usuário qualquer


Resultado

Tabela 11 - Resultado de consulta

idReceita Nome Porcoes Tempo_de_preparo idUsuario descrição foto

27

5 Limonada

suiça 2 10 5

Combina

com tudo images/06.jpg

11

Lasagna de

massa

verde 10 50 5

Saudável

e gostoso images/14.jpg


• O código abaixo mostra a quantidade de avaliações de uma determinada

receita.

SELECT count(*)

FROM homemade.receita

WHERE idReceita = "4"

código 2- Consulta do Mysql - Quantidade de avaliações


Resultado


count(*)

1 Fonte: Os autores (2018)

• O código abaixo mostra a nota de uma determinada receita.

SELECT nota FROM

homemade.avalia

WHERE idReceita = 4

código 3- Consulta Mysql - Nota de uma receita


Resultado Tabela 13 - Resultado de consulta

nota

3

4

4

4

5 Fonte: Os autores (2018)

28

• O código abaixo mostra os comentários de uma determinada receita.

SELECT Conteudo FROM

homemade.comenta where idReceita = 4

código 4 - Consulta Mysql - Comentário de uma receita


Resultado

Tabela 14 - Resultado de Consulta

Conteudo

Ficou ótimo!! Fonte: Os autores (2018)

• O código abaixo mostra os tipos de receitas.

SELECT nome FROM homemade.tipo; código 5- Consulta de Mysql - Tipos de

receita


Resultado Tabela 15 - Resultado de Consulta

nome

Bebidas

Carnes

Massa

Outras

Sobremesa

Sopas Fonte: Os autores (2018)

• O código abaixo mostra os ingredientes de uma determinada receita.

SELECT idReceita, idIngredientes

FROM

homemade.receita_secao_ingredientes

where idReceita = 5

código 6- Consulta Mysql - Ingredientes de uma receita qualquer


Resultado


29

idReceita idIngredientes

5 15

5 19

5 24


• O código abaixo mostra as receitas que utilizam um determinado ingrediente.

SELECT idReceita , idIngredientes

FROM

homemade.receita_secao_ingredientes

where idingredientes = 5

código 7- Consulta Mysql - Receita com ingrediente qualquer


Resultado Tabela 17 - Resultado de pesquisa

idReceita idIngredientes

11 5

13 5

21 5

22 5


2.4 DIAGRAMAS

2.4.1 Diagrama de Classes

Diagrama de classes UML descreve o objeto e informações de estruturas

usadas pelo seu site, internamente e a comunicação com seus usuários. Ele descreve

as informações sem referência a qualquer implementação específica. Suas classes e

relações podem ser implementadas de várias maneiras, como tabelas de banco de

dados, nós XML ou composições de objetos de software. Na figura 10, segue o

diagrama de classe obtido através das necessidades do Homemade (MICROSOFT,

2018).

30

Figura 10 - Diagrama de Classes


2.4.2 Diagrama de Caso de Uso

O Diagrama de Casos de Uso tem o objetivo de auxiliar a comunicação entre o

site e o cliente. O diagrama descreve as funcionalidades do sistema. A figura 11,

representa a relação do usuário sem cadastro no site e o que é permitido realizar; A

relação entre o usuário cadastrado e o site, envolvendo também suas vantagens nele

(DEVMEDIA, 2018).

31

Figura 11 - Diagrama de Caso de Uso


2.4.2.1 Descrição do caso de uso

As tabelas (18, 19, 20, 21 e 22) contém as descrições de Caso de Uso,

mostrando quem (qual ator) pode usufruir tal função; como o sistema deve realizar

alguma ação específica e como o sistema deve se comportar caso ocorra algum

preenchimento de campo de maneira incorreta e é solicitado ao usuário para que

preencha os campos obrigatórios. Também evidencia as condições (anteriores e

posteriores) para o funcionamento harmônico e correto do sistema.

Tabela 18 - Dicionário de descrição (Tabela: Avalia)

HOMEMADE

Nome do caso de

uso: Avaliar Receita

Descrição: Usuário avalia receita desejada

32

Atores: Usuário Cadastrado

Pré- condições: Usuário fez login no site

Pós- condições: Receita avaliada pelo usuário cadastrado

Fluxo básico:

1. Usuário pesquisa receita desejada

2. Usuário avalia receita através de estrelas (1 à 5)

4.Sistema adiciona nota a receita

Fluxos

Alternativos:

Não há

Fluxo de exceção: Não há

Estrutura de

Dados: Não há

Regras de

negócio: Não há


A tabela acima exibe o funcionamento do sistema perante uma avaliação de

receita realizada por um usuário cadastrado.

Tabela 19 - Dicionário de descrição (Tabela: Criar Receita)

HOMEMADE

Nome do caso de uso: Buscar Receita

Descrição: Usuário busca receitas no site

Atores: Usuário

Pré- condições: Não há

Pós- condições: Receita apresentada ao usuário

Fluxo Básico: 1. Usuário informa ingrediente(s) desejado(s);

2. Sistema mostra receitas que contém o(s)

ingrediente(s)chave(s) desejado(s);

3. Usuário escolhe a receita desejada;

4. Sistema apresenta receita ao usuário;

33

5. Sistema exibe comentários e avaliações;

4. Fim do caso de uso;

Fluxos Alternativos:

A1- Alternativa para passo 1 - Situação alternativa

1 - Usuário digita ingrediente inexistente;

2 – Sistema envia mensagem “Não foram encontradas

receitas com este ingrediente”;

3-Usuário comenta em uma receita;

4-Usuário avalia uma receita;

5 – Sistema retorna para passo “1” do fluxo de dados;

Fluxos de Exceção: Não há

Estrutura de Dados: Digitar ingrediente desejado

Regras de negócio: Não há


A tabela acima exibe a funcionalidade de um usuário cadastrado no momento

em que desenvolve a criação de uma receita, que posteriormente irá ser postada

publicamente.

Tabela 20 - Dicionário de Descrição (Tabela: Realizar cadastro)

HOMEMADE

Nome de

uso: Realizar cadastro usuário

Descrição Para realizar o cadastro do usuário

Atores: Usuário

Pré- condições Não há

Pós- condições Cadastro do usuário no site efetuado

Fluxo básico

1. Usuário preenche campos

2. Sistema valida as informações

3. Sistema cadastra o usuário

Fluxos Alternativos Não há

34

Fluxo de exceção A1- Fluxo de exceção passo “2”

1. Usuário informa errado/não preenche;

2. Sistema envia mensagem “Por favor,

verifique mais uma vez, se todos os

campos foram preenchidos

corretamente”;

Estrutura de dados:

Nome Tipo Obrigatório

Nome Texto Sim

Nascimento Date Sim

E-mail Texto Sim

Telefone Texto Não

Foto Texto Não

Regras de negócio:

Não há


A tabela acima exibe que quando a realização de ‘’cadastro de usuário’’ é

solicitado. Se os campos obrigatórios para conclusão da ação não estiverem

completos, o sistema informará, pedindo para que os campos sejam preenchidos

corretamente.

Tabela 21 - Dicionário de descrição (Tabela: Comentar receita)

HOMEMADE

Nome do caso de

uso: Comentar Receita;

Descrição: Usuário comenta receitas cadastradas no site;

Atores: Usuário Cadastrado;

Pré- condições Usuário fez login no site;

Pós- condições Receita comentada pelo usuário;

Fluxo básico: 1. Usuário abre o site;

2. Sistema mostra página inicial;

3. Usuário faz login no site;

4. Usuário pesquisa receita desejada;

5. Usuário faz um comentário na receita escolhida;

6. Sistema verifica comentário;

7. Sistema salva comentário;

8. Fim de caso de uso;

35

Fluxos

Alternativos: Não há

Fluxo de exceção Não há

Estrutura de

Dados:

Nome Tipo Obrigatório

Data Date Sim

Comentário Texto Sim

Regras de

negócio:

Não há


A tabela acima demonstra a ação possível de um usuário cadastrado comentar

em uma receita que deseja.

Tabela 22 - Dicionário de descrição (Tabela: Efetuar Login)

HOMEMADE

Nome do caso de

uso: Efetuar Login

Descrição: Usuário efetua login no site

Atores: Usuário Cadastrado

Pré- condições Usuário ter cadastro

Pós- condições Efetuado o login do usuário

Fluxo básico:

1. Usuário informa login/senha;

2. Usuário valida as informações;

3. Sistema confere login/senha;

3. Sistema loga usuário;

Fluxos

Alternativos:

Não há

Fluxo de exceção A1- Fluxo de exceção passo 2

1. Usuário informa login/senha errado;

2. Sistema envia mensagem “Login/senha incorreto, verifique mais

uma vez”;

36

Estrutura de

dados:

Não há

Regras de

negócios: Usuário possuir cadastro


A tabela acima demonstra como um usuário deve efetuar o login no site,

preenchendo os campos requisitados. Se realizado com sucesso, o usuário pode

cadastrar comentar e avaliar receitas.

2.5 WEBSITE

2.5.1 Introdução

2.5.1.1 Propósito do site

Com o passar dos anos, a busca por uma alimentação mais saudável, aumenta

cada vez mais e o tempo para pensar em uma refeição diminui. O propósito pensado

para a criação do Homemade é gerar uma alimentação melhor, pois todos os

processos envolvidos e todos os ingredientes serão de origem conhecida ao usuário,

assim, evitando a grande ingestão de agrotóxicos e conservantes. Segundo

HIRAKAWA, a interação com a cozinha e com os processos de preparo dos alimentos

pode haver um aumento da interação e melhora na comunicação com os demais,

demonstrando que o ato de cozinhar revela um sentimento de carinho e cuidado

(HIRAKAWA, 2017).

2.5.1.2 Características Principais

• O usuário pode cadastrar receitas, desde que esteja logado em uma conta;

• Uma receita poderá ser pesquisada por ingredientes;

• Site visual;

• Usuários cadastrados poderão avaliar e comentar em receitas, aumentando

a interatividade;

37

2.5.2 Esquema de funcionamento

A página principal é chamada home, onde o usuário pode visualizar e interagir

sem estar logado ou possuir uma conta no site; nela contêm um espaço para Login,

as receitas destaques e algumas sugestões com as respectivas imagens do prato, um

breve explicativo do por que cozinhar em casa, como iniciou o projeto do site e a

apresentação das criadoras do site. O site é altamente visual e repleto de imagens

para uma melhor interação.

Há outras páginas denominadas por “categoria”, que separa seções dos pratos,

como: Massas, Sopas, Bebidas, Carnes, Sobremesas e Outros.

Uma página a parte, contará com o cadastro do usuário para uma conta,

recolhendo informações pessoais como: nome, e-mail, data de nascimento, foto e

telefone para cada usuário, com estes dados, a conta irá ser criada pelo sistema.

Usuários logados em uma conta poderão avaliar as receitas e comentar, também

poderão cadastrar uma nova receita no site, que será uma função disponível em uma

página própria, com instruções passo-a-passo.

2.5.3 Tecnologias utilizadas

2.5.3.1 HTML5

HTML5 é uma linguagem usada para a estruturação de determinado conteúdo

que tenha como objetivo ser usado na web. Segundo o site da 3Schools: “HTML é a

linguagem de marcação padrão para criar páginas da Web.

• HTML significa linguagem de Hyper Text Markup;

• HTML descreve a estrutura das páginas da Web usando marcação;

• Elementos HTML são os blocos de construção de páginas HTML;

• Elementos HTML são representados por tags;

• Tags de HTML marcam partes de conteúdo, como "título", "parágrafo", "tabela"

e assim por diante (HTML, 2018).

No site do projeto, a linguagem HTML “5” (cinco), foi utilizada para fazer a estruturação

das páginas, deixando-a de maneira padrão.

38

2.5.3.2 CSS3

CSS3 (Cascaing Style Sheets) é um mecanismo usado para orientar o layout

de um website, estilizando as imagens, efeitos e etc. No site do W3Schools, a

descrição dada é: “CSS é uma linguagem que descreve o estilo de um documento

HTML. CSS descreve como os elementos HTML devem ser exibidos” (CSS, 2018).

O recurso CSS foi utilizado para agregar a parte visual e estilização do site,

incluindo o conteúdo de mídia, isto é, fazer a troca de estilo, acrescentar escolha das

cores e integrar imagens, trazendo um aspecto estético mais refinado e ao gosto dos

desenvolvedores.

2.5.3.3 Javascript

JavaScript foi a linguagem de programação usada para desenvolver o site do

projeto, o Homemade. No site do W3Schools, a descrição dada é: “JavaScript é a

linguagem de programação do HTML e da Web” (JAVASCRIPT, 2018).

O JavaScript foi utilizado para a integração de animações e efeitos interativos,

proporcionando uma plataforma ainda mais divertida e atrativa ao usuário. Como por

exemplo, a troca de cores ao passar a seta sobre determinado botão.

2.5.3.4 JQuery

JQuery foi usado para ajudar no desenvolvimento do website e teve suas

funcionaliades exploradas. Segundo o site da W3Schools:

“O objetivo do JQuery é facilitar o uso do JavaScript em seu site. O JQuery executa

muitas tarefas comuns que exigem muitas linhas de código JavaScript e as envolve

em métodos que você pode chamar com uma única linha de código.” (JQUERY, 2018).

JQuery teve sua utilidade no momento da inclusão de plungin´s baseados em

JavaScript. Também ajudou na inserção de efeitos de interação e animação no site

desenvolvido.

2.5.3.5 Bootstrap

39

Usado para aperfeiçoar a usabilidade do Homemade, o Bootstrap vêm para

ajudar no design e melhorar a interface. De acordo com o site GetBoostrap, ele é: “O

Bootstrap é um kit de ferramentas de código aberto para desenvolvimento com HTML,

CSS e JS. Cria-se rapidamente protótipos de suas ideias ou constrói seu aplicativo

inteiro com variáveis e mixins Sass, sistema de grade responsivo, extensos

componentes pré-construídos e poderosos plug-ins construídos no jQuery”

(BOOTSTRAP, 2018).

O Bootstrap foi um padrão utilizado para a criação do tema visual, tendo como

resultado a responsividade na interface, inicialmente desejada, tornando o site

compatível para computadores, tablets, celulares, entre outros.

2.5.3.6 PHP

Usado no desenvolvimento da website, o PHP foi utilizado. De acordo com o

site PHP, sua função é: “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.” (PHP, 2018).

No projeto, teve como funcionalidade, acrescentar páginas dinâmicas e fazer e

conexão do site com o banco de dados, recurso com alto grau de relevância para a

execução das pesquisas de receitas no site, uma vez em que ficarão armazenadas no

banco de dados desenvolvido.

2.5.4 Mapa do site

• Home: (Fazer Login) A Home do site conta com recursos que ajudam na

interação do usuário e facilitam o uso do site. Por ela é possível efetuar o

login, após haver cadastro já registrado uma vez anteriormente, e abre um

leque de maiores possibilidades de interação dentro do ambiente virtual do

site ao usuário. Da Home também é possível direcionar o usuário para a

página de pesquisa.

40

• Categorias: A categoria se encontra no cabeçalho do site, exercendo a função

de dar receitas ao usuário e opções além das pesquisas. As receitas são

divididas categoricamente de acordo com sua classificação (Ex.: Massas).

- Massas: Na página ‘’ Massas’’ são contidas receitas de acordo com a

categoria, mostrando todas já postadas até o momento do acesso, abrindo

novas possibilidades de refeição ao usuário. Na página, tem-se a opção de ir

para de ‘’ Massas’’ para outra categoria ou retornar a Home.

- Sobremesas: Na página categórica de sobremesas, são contidas receitas de

teor doce que se encaixe na classificação devidamente colocada. Na página,

tem-se a opção de ir para de ‘’ Sobremesas’’ para outra categoria ou retornar

a Home.

- Sopas: Na categoria de sopas, a página contará com receitas de Sopas

categorizada pelo usuário e direcionada à seção. Na página, tem-se a opção

de ir para de ‘’ Sopa’’ para outra categoria ou retornar a Home.

- Carnes: Estarão na seção de carnes, receitas que contenham o ingrediente

com um fator de relevância importante, definida pelo usuário que cadastrou a

receita. Na página, tem-se a opção de ir para de ‘’

Carnes’’ para outra categoria ou retornar a Home.

- Bebidas: Na página de bebidas se encontram receitas de drinks, shakes,

sucos e qualquer outro tipo de bebida, sem restrição. Na página, tem-se a

opção de ir de ‘’Bebidas’’ para outra categoria ou retornar a Home.

- Outros: Na página categórica ‘’Outros’’ irão receitas que não se encaixam nas

outras demais categorias. Na página, tem-se a opção de ir para de ‘’ Outros’’

para outra categoria ou retornar a Home.

• Pesquisa: A página de pesquisa é acessada pela Home, e tem como principal

objetivo, a barra de pesquisa que resultará na página ‘’ Resultado de

pesquisa’’, com as receitas do ingrediente seleto pelo usuário. Dela é possível

retornar para a Home e acessar as categorias.

• Resultado de pesquisa: Traz o resultado da pesquisa feita pelo usuário na

página ‘’Pesquisa’’, com receitas que contenham o ingrediente pesquisado

com grande grau de relevância na hora do preparo da receita. Dela é possível

retornar para a Home e acessar as categorias.

41

• Cadastro: A página do cadastro recolhe as informações do usuário,

integrando-as no banco de dados. Para realizar o cadastro, é necessário

preencher os campos (Nome, e-mail, data de nascimento, telefone e senha.

Sendo telefone e foto opcionais) e aceitar o cadastro. Dela é possível retornar

para a Home e acessar as categorias.

• Receita específica: A página de receita específica contará com o passo-a-

passo de uma receita selecionada pelo usuário e as instruções que se deve

seguir para chegar ao resultado esperado. Dela é possível voltar para a Home,

ver e acessar as demais Categorias, além de poder retornar para a pesquisa.

3 RESULTADOS

3.1 O WEBSITE

3.1.1 Estrutura obtida

A imagem abaixo se refere a estrutura das páginas relacionadas ao

funcionamento do site e seu respectivo formato.

Figura 12- Estrutura Obtida


42

3.1.2 Descrição do site

As imagens a seguir referem-se a telas do site, todas com sua própria descrição

de função.

Figura 13 – Home (Página inicial)


A imagem acima representa a página da Home do site desenvolvido no

projeto. As indicações representam tópicos importantes de serem explicados, entre

eles: A marcação de número “1” (um), em que o botão utilizado para voltar de qualquer

outra página para a Home (Imagem representada acima). Já a de número “2” (dois),

quando o mouse desliza sobre a marcação de ‘’cadastro’’, opções de duas caixas são

mostradas para direcionar o usuário para ‘’Cadastro de usuário’’ ou ‘’Cadastro de

receita’’, caso deseje. Também a marcação de número “3” (três), quando mouse ser

deslizado sobre ‘’Categorias’’, abre opções do usuário se direcionar para as páginas

de categoria na ordem de: ‘’Massas’’, ‘’Sobremesas’’, ‘’Sopas’’, ‘’Carnes’’, ‘’Bebidas’’

e ‘’Outros’’. Por último, a de número “4” (quatro), ao pressionar o botão, o usuário é

direcionado para a página de busca por ingrediente.

43

Figura 14 - Login (Página

inicial)


O login é realizado pela página da Home, e as informações necessárias para

sua realização, é o e-mail e a senha do usuário já registrado no site (pré-requisito para

o acesso). Quando é efetivado, o botão de “entrar”, exibe em outra página, a

confirmação ou o erro na hora de efetuar o Login.

44

Figura 15 - Tentativa de

Login.


A imagem acima demonstra o login após ser realizado. Na primeira divisão da

imagem, o cadastro foi realizado com sucesso e o usuário fica disponível para

comentar, avaliar e cadastrar novas receitas. Na segunda parte da imagem, o não foi

realizado, por motivos de: usuário ou senha informado incorretamente ou não existir

cadastro.

45

Figura 16 - Login realizado e a importância da cozinha caseira (Página inicial)


A marcação de número “1” (um), indica o nome do usuário no lugar da seção

na Home em que o Login deve ser efetuado, evitando que um usuário já logado, faça

Login novamente. Logo abaixo se encontra uma breve explicação sentimentalista e

que expõe a importância de cozinhar em casa.

46

Figura 17 - Estrelas da semana (Página inicial)


A seção de estrelas da semana é utilizada para dar destaque e visibilidade às

receitas mais bem avaliadas e mais comentadas no período, deixando como dica para

os usuários interessados em uma boa refeição.

47

Figura 18 - Seção de bebidas e explicação do projeto (Página inicial)


A seção de bebidas se dedica para expor uma das categorias do site, deixando

três receitas fixas no painel, sendo elas: Suco de abacaxi, Limonada suíça e Suco de

laranja. Aos que se interessarem, podem entrar e ver detalhes de preparo,

ingredientes, autor, entre outros. Logo abaixo, uma breve explicação sobre o

desenvolvimento e a criação do site.

48

Figura 19 - Quem somos (Página inicial)


‘’Quem somos’’ tem o propósito de fazer uma breve apresentação das

desenvolvedoras de Homemade. É a última seção que pode ser acessada na página

de Home, todas as outras funcionalidades do site podem ser acessadas a partir da

Homepage.

49

Figura 20 - Página de

pesquisa


A página conta com uma barra de pesquisa, em que o usuário insere o nome

do ingrediente o qual deseja buscar em uma receita compatível, como ilustrado na

marcação de número “1” (um). Também é possível selecionar a categoria na qual

deseja que a receita com o ingrediente se encaixe, como é possível observar na

marcação dois. (Exemplo: Limão; Categoria: bebidas; pode ter como resultado, uma

limonada). Para fazer a pesquisa, não precisa estar logado.

50

Figura 21 - Resultado da Pesquisa


O resultado de pesquisa traz as receitas registradas que contenham o

ingrediente pesquisado pelo usuário, ordenando por relevância, que podem ser ouro,

prata, bronze ou ingrediente sem relevância, como ilustrado na imagem, no mesmo

local que a marcação ‘’1’’ (um). Também, entre os mais relevantes, o critério de

desempate para a ordem de exibição, é a quantidade de comentários e de maior média

nas avaliações.

51

Figura 22 - Receita

cabeçalho


A página da receita consiste em sua primeira parte, informar o usuário sobre os

dados técnicos da receita, como o tempo de preparo (marcação número 1(um)), autor

da receita (marcação número 2 (dois)), e a nota (marcação número 3(três)). Um

usuário não precisa ter cadastro no site para entrar na página de receitas, mas para

avaliar, deve estar logado como avisa o destaque de número 4.

A primeira parte da página, também contém os ingredientes necessários para

a receita, devendo ter informações como quantidade, medida e o próprio ingrediente,

mostrados em formato de tabela para facilitar entendimento.

52

Figura 23 - Página da receita com comentário


A segunda parte da página de uma receita consiste em explicar o modo de

preparo dela, as separando em seções, como observado na marcação de número “1”

(um). Na imagem representada, as seções correspondentes dessa receita em

especifico, seriam ‘’Massa’’ e ‘’Cobertura’’. O final da página exibe os comentários

postados publicamente e apenas usuários com login podem comentar, como

demonstra a marcação “2” (dois).

53

Figura 24 - Inserção de comentário


Um usuário logado, tem a possibilidade de comentar. Quando o login é

efetuado, os campos de comentário ficam disponíveis automaticamente nas páginas

e para poder comentar, deve apenas acessar uma receita e escrever, como ilustrado

na marcação “1” (um). Quando comentário estiver completo, ele confirma dando um

clique no botão marcado de número “2” (dois).

54

Figura 25 - Página da receita com avaliação


A avaliação de uma receita é feita somente por usuários logados e deve ser

classificada de “5” (cinco) a “1” (um), sendo da maior nota para a menor,

respectivamente. O usuário deve selecionar a nota que tenha coerência com a receita

que pesquisou e clicar no botão ‘’avaliar’. Logo após o sistema contabiliza e adiciona

a nota na média de avaliação.

55

Figura 26 - Confirmação de avaliação e comentário


Quando o usuário solicita a confirmação do comentário ou da avaliação, a

página muda para uma página de confirmação, validando para o usuário que sua ação

foi contabilizada no sistema.

56

Figura 27 - Página de Bebidas


As páginas de categoria seguem o mesmo modelo-padrão da imagem

demonstrada acima. A página contém receitas enfileiradas “3” (três) a “3” (três), topo

de página com uma imagem representativa na categoria e o nome referente a ela,

como exibido na marcação número “2” (dois). Também contém um marcador de

página que exibe a Home e a categoria onde o usuário se encontra conforme ilustra a

marcação “1” (um).

57

Figura 28 - Cadastro de

usuário


O cadastro do usuário pode ser feito por qualquer pessoa que deseje participar

e interagir nas funções extras que o Homemade oferece como postar comentários e

avaliações. Para se cadastrar, o usuário precisa obrigatoriamente fornecer as

seguintes informações: Nome completo, e-mail, senha e data de nascimento. E por

opção, telefone e foto. Após preencher os dados, basta um clique no botão e as

informações serão validadas, logo após a página de confirmação, o usuário já pode

efetuar login.

58

Figura 29 - Confirmação de cadastro


Quando o cadastro é validado, o usuário passa para a página ilustrada acima,

que serve de confirmação para que ele já possa usufruir das funcionalidades após

efetuar o login na homepage.

4 CONCLUSÃO

Homemade foi desenvolvido com o objetivo de ser um site de receitas, que foge

da busca tradicional, proporcionando ao público, receitas fornecidas através de um

ingrediente do desejo do usuário, abandonando a ideia tradicional de pesquisa

utilizada pela maioria dos sites atualmente.

A alimentação é um assunto bastante explorado e com diversas ramificações,

é possível encontrar desde seu princípio até seu marco de desenvolvimento quando

descoberto que, poderia servir de fonte de prazer e entretenimento.

Através de uma pesquisa informal, foi estruturada a base do banco de dados

em seu modelo conceitual onde foram colocados suas principais funcionalidades e

atributos necessários para que futuramente fosse desenvolvido um modelo ideal e

compatível às necessidades do site. A inserção de dados permitiu uma melhor

visualização de como elas se introduziriam no site.

Em seu princípio o website foi elaborado para se manter com a inserção de

receitas dos usuários, conseguindo seu preenchimento de dados a partir disto.

Comentários e avaliações desenvolvem um papel importante dentro do funcionamento

59

e validação da receita, já que o segundo fator que influência no resultado da pesquisa

são as avalições positivas e quantidade de comentários, trazendo um feedback mais

autêntico para os usuários. E como o diferencial principal do site, a busca através do

ingrediente o qual o usuário deseja ver como estrela do seu prato. Outro fator

importante são os filtros adicionados à busca, que permitem que o visitante ache uma

receita de seu gosto com maior facilidade na categoria que deseja.

Assim, o Homemade foi projetado para atender a todos os públicos que

desejam ter uma nova experiência com a cozinha e anseiam por uma relação melhor

e mais saudável com a culinária.

4.1 DESENVOLVIMENTO FUTUROS

• Refinamento de Busca;

• Análise com usuários para melhorias e refinamento nas funcionalidades do

site;

• Espaço para sentimentalismo e elaborar receitas de acordo com o objetivo

pessoal de cada usuário. (Exemplo(s): Jantar romântico; Almoço entre

amigos, reunião familiar)

• Harmonização do prato com as bebidas, dando dicas aos usuários de

opções que ressaltam o sabor do prato;

• Esquematização e pesquisa para marketing aplicado ao site;

60

REFERENCIAS

ABREU., E. S., VIANA., I.C., MORENO., R.B., TORRES., E.A.F.S. Alimentação

mundial: uma reflexão sobre a história. Saúde e sociedade, v. 10, n. 2, p. 3-14, 2001.

Acesso em: 28 de fevereiro de 2018. 2018.

BOOTSTRAP, 2018. Disponível na página da web: https://getbootstrap.com/ _Acesso

em 13 de julho de 2018. 2018.

BUENO., C. “Febre Culinária”. Ciência e Cultura, 68.1 (2016): 63-65. Acesso em: 28

de fevereiro de 2018. 2018.

CARVALHO., L. G. A., BASTOS., S., GIMENES-MINASSE., M. H., Mudanças e

permanências na comensalidade familiar paulistana– 1950 a 2000. Anais do

Seminário ANPTUR, 2016. Acesso em: 21 de Outubro 2018. 2018

CSS, 2018. Disponível na página da web: https://www.w3schools.com/css/ _Acesso

em 13 de julho de 2018. 2018.

DEVMEDIA , 2018. Disponível na página da web: https://www.devmedia.com.br/oque-

e-uml-e-diagramas-de-caso-de-uso-introducao-pratica-a-uml/23408 _ Acesso em: 21

de Outubro de 2018. 2018

GOOGLE PLAY. Pesquisa na loja de aplicativos oficial. _Acesso em: 28 de fevereiro

de 2018. 2018.

HIRAKAWA, A. P. R., de Lima, F. C. P., Tomazella, K. D., & Ogawa, V. M.

“Reabilitando e cozinhando”: Oficina culinária como recurso terapêutico para crianças

com deficiência física ou intelectual. Acesso em: 02 de março de 2018. 2018.

HTML, 2018. Disponível na página da web: https://www.w3schools.com/html/html_intro.asp _Acesso em: 13 de julho de 2018. 2018.

IFOOD, 2018. Página do aplicativo na Google Play. Disponível

em:<https://play.google.com/store/apps/details?id=br.com.brainweb.ifood&hl=pt

>. _Acesso em: 28 de fevereiro do 2018. 2018.

JAVASCRIPT, 2018. Disponível na página da web:

https://www.w3schools.com/js/default.asp _Acesso em: 13 de julho de 2018. 2018.

JQUERY, 2018. Disponível na página da web: https://www.w3schools.com/jquery/jquery_intro.asp _Acesso em: 13 de julho de 2018. 2018.

LEBRÃO, M. L., LAURENTI, R., Saúde, bem-estar e envelhecimento: o estudo SABE

no Município de São Paulo. Revista brasileira de epidemiologia, v. 8, p. 127-141,

2005. Acesso em: 21 de Outubro de 2018. 2018

https://www.devmedia.com.br/o-que-e-uml-e-diagramas-de-caso-de-uso-introducao-pratica-a-uml/23408



























61

LEXICO Pesquisa realizada dia 16 de março de 2018 ás 22:00. Disponível em

https://www.lexico.pt/reabilitacao/

MICROSOFT , 2018br/library/dd409437.aspx. Disponível na página da web:

https://msdn.microsoft.com/pt _ Acesso em: 21 de Outubro de 2018. 2018

PHP, 2018. Disponível na página da web: http://php.net/manual/pt_BR/introwhatis.php

_Acesso em 13 de julho de 2018. 2018.

POLLAN., M., Cozinhar: uma história natural da transformação. Editora Intrinseca,

2014. Acesso em: 02 de março de 2018. 2018.

REIS. F. C., Disponível na página da web: https://www.pensador.com/frases_de_cozinha/ _ Acesso em: 21 de Agosto de 2018. 2018

TASTEMADE, 2018. Página do aplicativo na Google Play. Disponível

em:https://play.google.com/store/apps/details?id=com.tastemade.player _Acesso em:

28 de fevereiro do 2018. 2018.

TUDO GOSTOSO, 2018. Página do aplicativo na Google Play. Disponível

em:https://play.google.com/store/apps/details?id=com.nzn.tdg _Acesso em: 28 de

fevereiro do 2018. 2018.

VAZ, L. M.,CONSIDERAÇÕES ACERCA DO AMBIENTE SOCIAL E SEU EFEITO

SOBRE A FORMAÇÃO DO SELF. CENTRO DE CIÊNCIAS BIOLÓGICAS E DA

SAÚDE CURSO DE PSICOLOGIA, pg. 45. Acesso em: 02 de março de 2018. 2018.

https://msdn.microsoft.com/pt-br/library/dd409437.aspx

https://msdn.microsoft.com/pt-br/library/dd409437.aspx

https://www.pensador.com/frases_de_cozinha/

instituto federal do paranÁ campus pinhais curso …...instituto federal do paranÁ campus pinhais...

Documents