MAPA - IMERSÃO PROFISSIONAL: PROJETO DE INTERFACE 51_2025

Imagine que você foi contratado para desenvolver um sistema de gerenciamento de pedidos para uma pequena loja. Após conversar com o cliente, você levantou os requisitos necessários para criar as telas principais do sistema. O cliente gostaria de visualizar como o sistema ficará antes da implementação, então você decidiu criar os protótipos das telas. A partir disso e baseando-se nos requisitos listados a seguir, crie os protótipos de cada tela separadamente. Use sua criatividade para definir o template e layout (desktop ou web), sendo que as telas devem conter, obrigatoriamente, os campos e botões especificados.

Tela: Menu Principal

Deve conter acesso às seguintes telas: Cadastro de Categorias, Cadastro de UF, Cadastro de Cidades, Cadastro de Produtos, Cadastro de Clientes e Pedidos.
Deve incluir os botões: Sair e Configurações.

Tela: Cadastro de Categorias

Botões: Novo, Editar, Gravar, Excluir, Sair.
Campos: ID da Categoria, Descrição da Categoria.

Tela: Cadastro de UFs

Botões: Novo, Editar, Gravar, Excluir, Sair.
Campos: ID da UF, SIGLA, Descrição da UF.

Tela: Cadastro de Cidades

Botões: Novo, Editar, Gravar, Excluir, Sair.
Campos: ID da Cidade, UF (com lista suspensa das UFs cadastradas), Descrição da Cidade.

Tela: Cadastro de Produtos

Botões: Novo, Editar, Gravar, Excluir, Sair.
Campos: ID do Produto, Descrição do Produto, Categoria (com lista suspensa com as categorias cadastradas), Preço Unitário, Quantidade em Estoque, Observações do Produto.

Tela: Cadastro de Clientes

Botões: Novo, Editar, Gravar, Excluir, Sair.
Campos: ID do Cliente, Nome Completo, CPF/CNPJ, Telefone, E-mail, Endereço, UF (lista suspensa com a lista de estados), Cidade (lista suspensa com as cidades cadastradas) e CEP.

Tela: Pedidos Dados do Pedido:

Botões: Novo Pedido, Editar Pedido, Cancelar Pedido, Gravar Pedido, Sair.
Campos: ID do Pedido, Cliente (lista suspensa com clientes cadastrados), Data do Pedido, Total Pedido.

Tabela de Produtos (Será na mesma tela de Pedidos):

Botões: Incluir Produto, Excluir Produto.
Colunas: ID do Produto, Referência, Descrição, Quantidade, Valor Unitário, Total (Quantidade * Preço unitário).

SUGESTÃO: Para confecção das telas, sugiro que utilize o software PENCIL disponível em: https://pencil.evolus.vn. Este software é mais fácil e bem intuitivo de usar, porém precisa ser instalado no computador.

Caso tenha dúvidas sobre como usar o PENCIL, segue alguns vídeos de tutoriais:

Aula 1 - https://bit.ly/3cMbG3b
Aula 2 - https://bit.ly/3cJPSFq
Aula 3 - https://bit.ly/2VYcDyy
Aula 4 - https://bit.ly/2xb9FhY
Aula 5 - https://bit.ly/2Y2T7DR

Outras ferramentas como Figma e Penpot também podem ser utilizadas, mas vale lembrar que são ferramentas mais complexas e exigem mais conhecimento e tempo. Você pode encontrar tutoriais na web e no YouTube como, por exemplo, essas playlists de tutorial básico do Penpot:

https://youtube.com/playlist?list=PLrsf-8JgpDcxql-Qa8PTDFZGLRrsoyGB6&si=oYico4V8kuZ_BCVp
https://youtube.com/playlist?list=PLJr_Ndo9fWG6d2xSljfG5K2W6P_hq07DN&si=N13wSSclpJYow7ZM

IMPORTANTE:

- Acesse o link com um vídeo tutorial para ajudá-lo nesse processo de criação e desenvolvimento. O acesso deverá ser realizado em: Materiais >> Material da Disciplina.
- A entrega deve ser feita exclusivamente por meio do Template de entrega da atividade MAPA disponível no material da disciplina.
- Antes de enviar sua atividade, certifique-se de que respondeu a todas as perguntas e realize uma cuidadosa correção ortográfica.
- Após o envio não serão permitidas alterações ou modificações. Logo, você tem apenas uma chance de enviar o arquivo corretamente. Revise bem antes de enviar!
- Lembre-se de que evidências de cópias de materiais, incluindo de outros acadêmicos, sem devidas referências serão inquestionavelmente zeradas. As citações e referências, mesmo que do livro da disciplina, devem ser realizadas conforme normas da Instituição de Ensino.
- Não são permitidas correções parciais no decorrer do módulo, ou seja, o famoso: “professor, veja se minha atividade está certa?”. Isso invalida seu processo avaliativo. Lembre-se de que a interpretação da atividade também faz parte da avaliação.
- Procure sanar suas dúvidas junto à mediação em tempo hábil sobre o conteúdo exigido na atividade, de modo que consiga realizar sua participação.
- Atenção ao prazo de entrega, evite envio de atividade em cima do prazo. Você pode ter algum problema com internet, computador, software, etc., e os prazos não serão flexibilizados, mesmo em caso de comprovação.

Bons estudos!

Em caso de dúvidas, encaminhar mensagem ao seu Professor Mediador.