Merge pull request #20 from UnBArqDsw2024-1/DiagramaDePacotes

Diagrama de pacotes

docs/Modelagem/2.1.1.1DiagramadeClasses.md

@@ -11,14 +11,21 @@ Um diagrama UML é uma representação visual de um modelo de sistema que pode s
 
 <h3> 2.1. Composição das classes</h3> 
 <p align="justify">
-Um diagrama de classes é composto por três partes principais:
+
+Um diagrama de classes típico é composto por três partes principais:
 <ul>
-<li> Parte superior: contém o nome da classe, que deve ser centralizado e destacado. Exemplo: Pessoa</li>
-<li> Parte do meio: Lista os atributos da classe, que são as propriedades ou dados que a classe armazena. Exemplo: - nome: String</li>
-<li> Parte inferior: Lista os métodos ou operações da classe, que são as funções ou comportamentos que a classe pode realizar. Exemplo: + apresentar(): void</li>
+<li> Parte superior: contém o nome da classe.</li>
+<li> Parte do meio: contém os atributos da classe. Use esta seção para descrever as propriedades da classe.</li>
+<li> Parte inferior: inclui as operações da classe (métodos). As operações descrevem como uma classe interage com dados.</li>
 </ul>
 </p>
 
+<div align = "center"><img src="" alt="Figura 1: Diagrama de Classes exemplo." height="300" width="350">
+<p>Figura 1 - Exemplo de classe. </p>
+<p>Fonte: João Costa. </p>
+</div>
+
+
 <h3> 2.2. Modificadores de acesso</h3> 
 <p align="justify">
 Todas as classes possuem diferentes níveis de acesso, determinados pelos modificadores de acesso, que são:
@@ -55,14 +62,12 @@ Todas as classes possuem diferentes níveis de acesso, determinados pelos modifi
 
 ## 3. Diagrama de Classes
 
-<p align="justify">
-Para visualizar o diagrama de classes, clique [aqui](https://lucid.app/documents/embeddedlinkexample).
-</p>
-<div align="center">
-  <iframe width="800" height="600" src="https://lucid.app/lucidchart/6faa106a-bd21-44dc-8ed7-5a0dd9ee38c8/edit?viewport_loc=-1021%2C-13%2C2984%2C1261%2C0_0&invitationId=inv_abefbf18-dae2-4510-9a3e-a6c461e65bd8" frameborder="0" allowfullscreen></iframe>
+
+<div align="center"><img src="https://raw.githubusercontent.com/UnBArqDsw2024-1/2024.1_G7_My_Market/DiagramaDePacotes/docs/Imagens/Diagramas/DiagramaClasse0.jpeg" alt="Figura 2: Diagrama de Classes.">
 </div>
+<p align='center'>Figura 2: Diagrama de Classes.</p>
+<p>Fonte: Autores. </p>
 
-<p>Diagrama de Classes<br> Autores: Pedro Lucas e Guilherme Nishimura</p>
 
 ## 4. Conclusão
 
@@ -72,13 +77,17 @@ O diagrama de classes é uma ferramenta poderosa na engenharia de software que d
 
 ## 5. Referências
 
-> LUCID SOFTWARE INC. O que é um diagrama de classe UML?: Por que usar um diagrama UML?. In: LUCID SOFTWARE INC. Lucidchart: A visualização colocada em prática.. [S. l.], 2023. Disponível em: https://www.lucidchart.com/pages/pt/o-que-e-diagrama-de-classe-uml. Acesso em: 08 jul. de 2024.
 
-> FAKHROUTDINOV, Kirill. UML Class and Object Diagrams Overview. In: FAKHROUTDINOV, Kirill. The Unified Modeling Language. [S. l.], 2017. Disponível em: https://www.uml-diagrams.org/uml-25-diagrams.html. Acesso em: 08 jul. de 2024.
+> FAKHROUTDINOV, Kirill. UML Class and Object Diagrams Overview. In: FAKHROUTDINOV, Kirill. The Unified Modeling Language. [S. l.], 2017. Disponível em: https://www.uml-diagrams.org/uml-25-diagrams.html. Acesso em: 29 set. 2023.
+
+> LUCID SOFTWARE INC. O que é um diagrama de classe UML?: Por que usar um diagrama UML?. In: LUCID SOFTWARE INC. Lucidchart: A visualização colocada em prática.. [S. l.], 2023. Disponível em: https://www.lucidchart.com/pages/pt/o-que-e-diagrama-de-classe-uml. Acesso em: 29 set. 2023.
+
+> SERRANO, Milene. Diretrizes Organização dos Projetos. Disponível em: <https://aprender3.unb.br/course/view.php?id=19535>. Acesso em: 29 set. de 2023.
 
 ## Histórico de Versões
 
 | Versão |     Data    | Descrição   | Autor(es) | Revisor(es) |
 | ------ | ----------- | ----------- | --------- | ----------- |
 | `1.0`  | 08/07/2024 | Estruturamento do documento | [João Costa](https://github.com/jvcostta)  | [Mateus Orlando](https://github.com/MateusPy) e [Artur Rodrigues](https://github.com/ArturRSA19)|
-| `2.0`  | 08/07/2024 | Reajustando diagrama de classe | [João Costa](https://github.com/jvcostta)  | [Mateus Orlando](https://github.com/MateusPy) e [Artur Rodrigues](https://github.com/ArturRSA19)|
+| `1.1`  | 08/07/2024 | Reajustando diagrama de classe | [João Costa](https://github.com/jvcostta)  | [Mateus Orlando](https://github.com/MateusPy) e [Artur Rodrigues](https://github.com/ArturRSA19)|
+

docs/Modelagem/2.1.1.2DiagramadePacotes.md

@@ -22,7 +22,11 @@ O artefato foi conduzido utilizando previamente a ferramenta microsoft teams par
 ## 3.1. Diagrama de Pacotes (v1.0)
 
 <div align = "center"><img src="https://raw.githubusercontent.com/UnBArqDsw2024-1/2024.1_G7_My_Market/DiagramaDePacotes/docs/Imagens/Diagramas/Diagrama-de-Pacotes.jpeg" alt="Diagrama de Pacote (v1.0)">
-<p>Diagrama de Pacotes<br> Autores: Mateus Orlando e Guilherme de Oliveira</p></div>
+
+<p>Figura 1 - Diagrama de Pacotes. </p>
+<p>Fonte: Mateus Orlando e Guilherme de Oliveira. </p>
+</div>
+
 
 <p align="justify">
 
@@ -75,7 +79,15 @@ A camada de DataBase é responsável pela gestão de dados persistentes do siste
 A camada de Serviços Externos integra serviços adicionais necessários ao sistema. Um exemplo é o Serviço de Transporte, que pode lidar com a logística e o envio de produtos.
 </p>
 
-## 4. Referências
+
+## 4. Conclusão
+
+<p align="justify">
+O diagrama de pacotes é uma ferramenta essencial na engenharia de software, sendo fundamental para o design e modelagem de sistemas organizados. Ele fornece uma representação visual clara dos pacotes, seus elementos internos e as interconexões entre eles, permitindo uma compreensão completa da organização e estrutura do software.
+</p>
+
+## 5. Referências
+
 
 > UML Package Diagrams Overview. <bold>uml-diagrams.org<bold>. Disponível em: [https://www.uml-diagrams.org/package-diagrams-overview.html](https://www.uml-diagrams.org/package-diagrams-overview.html). Acesso em 08 de Julho de 2024.