Sistema de Gerenciamento para Supermercado

💻 Equipe de Desenvolvimento

DIOGO GABRIEL ROSA SANTOS / 2022011185 LinkedIn - GitHub

JOSÉ KAYO BEZERRA DA SILVA / 2022012638 LinkedIn - GitHub

MATHEUS FAUSE JÁCOME DE LINO / 2022011775 LinkedIn - GitHub

Descrição

Este é um MVP web em sua versão inicial, ele apresenta funcionalidades essenciais para atender às necessidades básicas dos usuários com o objetivo de automatizar e organizar os processos relacionados ao gerenciamento de estoque e entrega de produtos.

O presente Sistema de Gerenciamento para Supermercado foi idealizado inicialmente como sendo uma solução para organizar, automatizar e aprimorar os processos relacionados a entregas de mercadorias, controle de estoque, compra e venda de produtos em pequenos supermercados de bairro.

Nessa perspectiva, esta documentação será um facilitador para a construção, desenvolvimento e manutenção do sistema. Além disso, esse artefato nos fornece uma comunicação eficaz entre os membros da equipe e demais partes interessadas no projeto.

Apresentação Audiovisual no Youtube do SisGeps

Vídeo explicativo MVP web funcional - Versão 1.0

Vídeo explicativo MVP web funcional - Versão 2.0 (Disciplina: Desenvolvimento para Web)

Páginas

A seguir apresentaremos as telas do SisGeps

Tela de Login

• Esta tela tem o objetivo de efetuar o cadastro do usuário e possibilitar o acesso ao sistema.

Tela da Lista de Produtos

• Esta tela tem a função de Cadastrar, Editar e Excluir produtos.

Tela de Cadastro de Produtos

• Esta tela tem a função de Cadastrar um novo produto no sistema

📌 Funcionalidades do projeto

• Funcionalidade 1: Cadastrar usuários;
• Funcionalidade 2: Efetuar Login;
• Funcionalidade 3: Cadastrar produtos;
• Funcionalidade 4: Editar produtos cadastrados;
• Funcionalidade 5: Excluir produtos;

Estrutura do projeto

• App/src: Encontra-se todas as ramificações do projeto.
  • ./css: Os padrões de espaçamento, tipo e tamanho da fonte, botões, em resumo a parte de design da página encontra-se aqui.
    • ./estoque.css: Responsável por dar vida a tela de cadastro, ediçao e deleção dos produtos.
    • ./login.css: Responsável por dar vida a tela de cadastro e login do usuário.
  • ./img: Local onde estão armazenada todas as imagens que compõem o projeto.
  • ./js: Diretório responsável por armazenar a parte lógica do sistema, ou seja, os scripts.
    • ./estoque.js: Contém a lógica: INICIALIZAÇÃO, CRIAÇÃO E CONEXÃO COM O LOCAL STORAGE e CRUD - CREATE READ UPDATE DELETE.
    • ./login.js: Contém a lógica: CADASTRAR USUARIO, VERIFICAÇÃO DO NOME, VERIFICAÇÃO DE SENHAS, OBTEM OS DADOS DO LOCAL STORAGE E VERIFICA A EXISTENCIA DO EMAIL e VALIDAR USUARIO E REDIRECIONAR.
  • ./pages: Pages contém a estrutura principal da aplicação web.
    • ./estoque.html: Contém os aspectos estruturais da página de estoque que se relaciona com outros diretórios por meio de:

      <link rel="stylesheet" href="../css/estoque.css">
      <script src="../js/estoque.js" defer></script>

    • ./login.html:Contém os aspectos estruturais da página de login que se relaciona com outros diretórios por meio de:

      <link rel="stylesheet" href="../css/login.css">
      <script src="../js/login.js"></script>

Tecnologias Utilizadas

• HTML
• CSS
• JavaScript

Contribuições

Contribuições são bem-vindas!

1. Clone o repositório para o seu computador:

git clone https://github.com/UFCA-ADS/MVP-WEB.git

2. Crie uma branch:

git checkout -b feature/seu_nome

3. Commit após implementar sugestões:

git add nome_arquivo(s)
git status - Verifica quais arquivos estão para ser adicionados;
git commit -m "Descreva de forma objetiva a alteração" - Insere comentário na adição que irá para o repositório remoto;
git push origin nome_branch (feature/seu_nome)

Método: Acesse a interface do Github abra um Pull requests da branch que criou para branch main no qual será avaliado antes de ser mergeado.

• Pull requests
• Review
• Merge

Documentação Arquitetural

Este documento apresenta o Modelo Arquitetural do MVP (Minimum Viable Product) Web para o Sistema de Gerenciamento de Estoque de Produtos de um Supermercado de Bairro, inspirado no C4 Model. O MVP é uma versão inicial do sistema que possui as funcionalidades essenciais para atender às necessidades básicas dos usuários com o objetivo de automatizar e organizar os processos relacionados ao controle de estoque, compra e venda de produtos em um supermercado de bairro. Neste contexto, nossa arquitetura é dividida em três níveis principais: contexto, contêineres e componentes, nosso modelo de arquitetura apresenta princípios de escalabilidade, modularidade e integração, o que nos promove a expansão e manutenção eficiente do sistema.

Para mais detalhes acesse a documentação completa por meio do seguinte link: Documentação Arquitetural do SisGeps

Considerações Finais

Por meio do desenvolvimento desse trabalho, conseguimos adquirir valiosas experiências que serão de grande auxílio em projetos futuros. O Desenvolvimento deste MVP Web não apenas resultou em uma solução robusta e intuitiva para o Sistema de Gerenciamento para Supermercado (SisGeps), mas também enriqueceu nosso conhecimento, contribuindo para um aprimoramento contínuo em futuras empreitadas.