Arquitetura do Projeto
Histórico de revisão
Data | Versão | Descrição | Autor(es) |
---|---|---|---|
12/01/2023 | 0.1 | Criação do arquivo | Gabriel De Souza Fonseca Ribeiro |
24/01/2023 | 0.2 | Documentação | Arthur D'Assumpção Loureiro |
Arquitetura utilizada |
---|
A arquitetura utilizada no projeto seguem os princípios SOLID da engenharia de software na qual esses principios ajudam os desevolvedores a construir softwares com alta coesão e baixo acoplamento. Essa arquitetura foi escolhida para ajudar na manutenção do código entre os desenvolvedores por essa arquitetura permitir uma maior mantenabilidade de código e melhor escabalidade |
Interface
Paleta de Cores
Roza | Azul Claro | Azul Escuro | Cinza |
---|---|---|---|
#DD284F | #00549F | #082B61 | #595959 |
Componentes
Header
- Contera a logo da Zenit no canto superior esquerdo;
- Terá a representação do login no canto superiro esquerdo;
- A representação será um firuga singular que conterá a foto do usuario ou uma imagem representativa;
- A representação do usuario contara com um texto ao seu lado esquerdo, que conterá o nome do usuario;
- O fundo do Header será uma linha branca e uma linha Azul Calro;
- A ponta da Linha azul claro tera o botão de direcionamento para as areas;
- O botão de deirecionamento das áreas tera três linhas brancas empilhadas e a frase "Áreas" ao lado;
Footer
- O footer se enconta na ultima posição na parte inferior da pagina;
- O footer tera a logo da Zenit;
- O footer contara com informações da empresa;
Barra de navagação
- Coluna lateral esquerda;
- Ao estar aberta apresenta sequencialmente todas as areas da empresa;
- Cada area escrita é um link que direcionar a umas subarea;
- A Coluna lateral tera o fundo Azul Claro e as letras em branco;
- Na ponta tera uma seta que será um botão de vizualização das subareas;
Sub-Areas e Areas
- Cada area tera o fundo branco;
- Cada area terá o seu nome fixado no incio da pagina, logo a baixo do header;
- Cada area terá seus projetos no corpo da pagina.
Menu de usuario
- Contara com campos de preenchimento;
- Cada campo terá o nome do dado a ser usado;
- O local de preenchimento será uma barra cinza;
Projetos
- Os quadros terão o formato de retangulo;
- O quadro terá uma imagem representativa do projeto;
- O quadro terá o caminho do projeto escrito;
- O quasro terá o nome do proejto"