User/Screen Flow e Protótipo interativo

Artefatos relacionados com a interface e a interacão do usuário na solução proposta.

Wireframes

Protótipo de telas do sistema em baixa fidelidade (rascunhos).

Ferramentas

Relação de ferramentas empregadas pelo grupo durante o projeto.

Gestão do Projeto

Divisão de papéis no grupo e apresentação da estrutura da ferramenta de controle de tarefas (Kanban).

Divisão de Cargos:

Scrum Master: Gabriel Diniz Reis Vianna;

Product Owner: Augusto Gomes de Alcântara Bizarria;

Development Team: Augusto Gomes de Alcântara Bizarria, Daniel Costa Braga de Sousa, Gabriel Azevedo Alvarenga, Gabriel Diniz Reis Vianna, Lucas Franco Zanforlim e Marcos Vicenzo Borello;

Áreas de atuação:

Miro: Gabriel Azevedo Alvarenga e Gabriel Diniz Reis Vianna;

Figma: Marcos Vicenzo Borello;

Apresentação do projeto: Augusto Gomes de Alcântara Bizarria e Daniel Costa Braga de Sousa;

Tela Inicial: Augusto Gomes de Alcântara Bizarria, Daniel Costa Braga de Sousa e Gabriel Diniz Reis Vianna;

Menu de Opções: Daniel Costa Braga de Sousa;

Sugestões: Augusto Gomes de Alcântara Bizarria;

Página de Receita: Augusto Gomes de Alcântara Bizarria, Gabriel Diniz Reis Vianna e Lucas Franco Zanforlim;

Comentários: Gabriel Azevedo Alvarenga;

Adicionar receitas ao site: Daniel Costa Braga de Sousa;

Página do Perfil: Augusto Gomes de Alcântara Bizarria, Gabriel Diniz Reis Vianna e Marcos Vicenzo Borello;

Receitas favoritadas: Gabriel Diniz Reis Vianna;

Seção de Receitas Favoritadas: Gabriel Diniz Reis Vianna;

Avaliação: Lucas Franco Zanforlim;

Receitas feitas(contador): Augusto Gomes de Alcântara Bizarria;

Json Server: Gabriel Diniz Reis Vianna;

Documentação: Augusto Gomes de Alcântara Bizarria e Gabriel Diniz Reis Vianna;

Brainstorming

Controle de Versão

O ambiente de trabalho utilizado no projeto foi o Visual Studio Code junto com o controle de versão Git. A parte inicial do projeto foi salva por cada desenvolvedor no seu respectivo repositório individual do GitHub. Após a montagem preliminar foi-se de extrema utilidade o uso de um repositório geral para o projeto inteiro. As "comits" feitas eram passadas para o Scrum Master que autorizava as mudanças. Ocorrerem conflitos de comits em que "class" de pessoas diferentes possuíam o mesmo nome, estilizações no "CSS" sobrepuseram arquivos fundidos, mas que foram corrigidos assim que percebidos. Após a metade do projeto o grupo se acostumou com o controle de versão e o trabalho decorreu conforme o previsto. Dessa forma, o trabalho individual de cada membro foi rapidamente integrado ao corpo do site.

O repositório do projeto está disponível no GitHub.

Video do Projeto

O vídeo a seguir traz uma apresentação do problema que a equipe está tratando e a proposta de solução.

Funcionalidades

Funcionalidade 2 - Login de usuario

Permite ao usuario acessar sua conta

• Estrutura de dados: usuario
• Instruções de acesso:
  • Abra o site e efetue o login

Estrutura de Dados - RECEITAS

Receitas presentes no sistema

                  {
                    "id": 4,
                    "nome": "Brigadeiro de Colher",
                    "tempo": "15min",
                    "rendimento": "8",
                    "dificuldade": "fácil",
                    "filtro": [
                      "sobremesa"
                    ],
                    "imagem": "https://receitasmondial.com.br/wp-content/uploads/2024/04/brigadeiro-de-colher-mondial.jpg",
                    "ingredientes": [
                      {
                        "quantidade": "1 lata de",
                        "ingrediente": "leite condensado"
                      },
                      {
                        "quantidade": "3 colheres de sopa de",
                        "ingrediente": "chocolate em pó"
                      },
                      {
                        "quantidade": "1 colher de sopa de",
                        "ingrediente": "manteiga"
                      }
                    ],
                    "modo_preparo": [
                      "1- Coloque todos os ingredientes em uma tigela grande e alta, misture bem e leve ao Micro-ondas por 3 minutos.",
                      "2- Retire do Micro-ondas, misture por 1 minuto com uma espátula, leve novamente ao micro-ondas por mais 3 minutos.",
                      "3- Retire do Micro-ondas, misture por mais 1 minuto, aguarde amornar ou esfriar e sirva como preferir."
                    ]
                  },
                

Estrutura de Dados - USUÁRIOS

Registro de usuário no sistema

                  {
                    "id": 1,
                    "login": "ygabsxw",
                    "bio": "Novo Bob Esponja",
                    "senha": "123",
                    "nome": "Gabriel Diniz",
                    "email": "gabrieldrvianna@gmail.com"
                  },
                

Estrutura de Dados - FAVORITOS

Registro de receitas favoritadas pelo usuário no sistema

                  {
                    "id": 3,
                    "receitasId": 33,
                    "usuariosId": 1
                  },
                

Estrutura de Dados - NOVAS RECEITAS

Registro de novas receitas criadas pelo usuário no sistema

                  {
                    "id": 1,
                    "nome": "Carne com batatas",
                    "tempo": "30min",
                    "rendimento": "4",
                    "dificuldade": "fácil",
                    "filtro": [
                    "porçao"
                    ],
                    "imagem": "https://receitasmondial.com.br/wp-content/uploads/2024/04/shutterstock_92722804.jpg",
                    "ingredientes": [
                    {
                      "quantidade": "4",
                      "ingrediente": "batatas"
                    },
                    {
                      "quantidade": "",
                      "ingrediente": "azeite"
                    },
                    {
                      "quantidade": "",
                      "ingrediente": "sal"
                    },
                    {
                      "quantidade": "",
                      "ingrediente": "pimenta"
                    },
                    {
                      "quantidade": "",
                      "ingrediente": "alecrim"
                    },
                    {
                    "quantidade": "400g",
                    "ingrediente": "filé mignon"
                    }
                    ],
                    "modo_preparo": [
                    "1- Corte as batatas em tiras finas, sem chegar ao final da batata, de forma que as lâminas se mantenham presas.",
                    "2- Tempere com azeite, sal e pimenta.",
                    "3- Coloque as batatas na assadeira de cima da Air Fryer e utilize a função batatas, que irá contar 20 minutos.",
                    "4- Pincele azeite nos medalhões e tempere com sal e pimenta dos dois lados.",
                    "5- Quando estiver faltando 10 minutos para o cozimento das batatas, adicione a carne."
                    ]
                  },
                

Images:

• Figma - https://www.figma.com/
• Mondial - https://receitasmondial.com/

Fonts:

• Figma - https://www.figma.com/
• Phosphor Icons - https://phosphoricons.com/

Scripts:

• Bootstrap 5 - http://getbootstrap.com/
• jQuery - http://www.jquery.com/
• W3schools - https://www.w3schools.com/