Skip to content

Commit

Permalink
Merge pull request #12 from FGA0138-MDS-Ajax/docs/add-fotos-doc-arqui…
Browse files Browse the repository at this point in the history
…tetura

Docs/add fotos doc arquitetura
  • Loading branch information
matheusdealcantara authored Dec 19, 2024
2 parents f9d116b + 47f4cfe commit 6c0b608
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions docs/documento-arquitetura/documento-arquitetura.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ A camada de banco de dados armazena todos os dados necessários para o funcionam
Portanto, a figura abaixo demonstra o funcionamento da arquitetura monolítica, definida na seção 2.1 deste documento. É possível visualizar separadamente as camadas e como elas comunicam entre si.

<div style="text-align: center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/arquitetura.png" alt="Representação da Arquitetura do Sistema">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/Arquitetura.png" alt="Representação da Arquitetura do Sistema">
<p>Figura 1 – Representação da Arquitetura do Sistema</p>
</div>

Expand Down Expand Up @@ -111,7 +111,7 @@ Os cenários funcionais ajudam o time a estabelecer marcos de desenvolvimento pa
Na figura 2, ilustrada abaixo, são apresentados os casos de uso com os quais o ator principal,o administrador, pode interagir e como a aplicação funciona.

<div style="text-align: center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/casosDeUso.png" alt="Diagrama de casos de uso">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/CasosDeUso.png" alt="Diagrama de casos de uso">
<p>Figura 2 - Casos de uso</p>
</div>

Expand All @@ -133,27 +133,27 @@ O sistema é composto de um único módulo:

– Estoque: fornece a função tanto de cadastro de novos produtos no sistema, bem como a adição destes no estoque, determinando a quantidade escolhido pelo usuário para um determinado dia.

Os componentes do sistema interagem por meio de interfaces bem definidas, garantindo uma troca de informações consistente e eficiente. Detalhes adicionais podem ser encontrados no pro tótipo de alta fidelidade, disponível no Figma e armazenado no repositório ”2024.2-Sagittarius”na pasta docs e também ilustrado no diagrama de estados.
Os componentes do sistema interagem por meio de interfaces bem definidas, garantindo uma troca de informações consistente e eficiente. Detalhes adicionais podem ser encontrados no pro tótipo de alta fidelidade, disponível no Figma e armazenado no repositório ”2024.2-Sagittarius”na pasta e também ilustrado no diagrama de estados.

A seguir, na Figura 3, temos ilustrado o diagrama de estados da aplicação, que é aplicado para demonstrar o comportamento geral do sistema, mostrando os estados e transições do funci onamento do projeto. Sendo assim, é possível entender o comportamento do sistema conforme ele é utilizado, com suas principais transições.

<div style="text-align:center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/DiagramaDeEstados.jpeg" alt="Diagrama de Estados">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/DiagramaDeEstados.jpeg" alt="Diagrama de Estados">
<p>Figura 3 - Diagrama de estads da aplicação</p>
</div>

Além disso, para demais detalhes de como a aplicação funciona, inclui o diagrama de ati vidades do projeto, apresentado na Figura 4, que é aplicado para descrever as etapas realizadas conforme o usuário usa o sistema, deixando o funcionamento do mesmo mais claro. Sendo assim, no diagrama abaixo, é possível ver o que acontece em cada possibilidade conforme a utilização do site:

<div style="text-align:center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/DiagramaDeAtividades.jpeg" alt="Diagrama de atividades da aplicação">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/DiagramaDeAtividades.jpeg" alt="Diagrama de atividades da aplicação">
<p>Figura 4 - Diagrama de atividades da aplicação</p>
</div>

Nele, também temos detalhadas as possíveis telas que participam da navegação do site, como proposto protótipo de alta fidelidade, disponível no Github e também no link a seguir: Figma.


<div style="text-align:center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/DiagramaDeClasses.png" alt="Diagrama de classes">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/DiagramaDeClasses.png" alt="Diagrama de classes">
<p>Figura 5 - Diagrama de classes</p>
</div>

Expand All @@ -171,7 +171,7 @@ Os pacotes representam áreas funcionais distintas do sistema, promovendo organi


<div style="text-align:center;">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/docs/img/DiagramaDePacotes.jpeg" alt="Diagrama de pacotes">
<img src="https://fga0138-mds-ajax.github.io/2024.2-Sagittarius/img/DiagramaDePacotes.jpeg" alt="Diagrama de pacotes">
<p>Figura 6 - Diagrama de pacotes</p>
</div>

Expand Down

0 comments on commit 6c0b608

Please sign in to comment.