Adicionando revisão

docs/ArquiteturaReutilizacao/4.1.PadroesArquiteturais.md

@@ -28,15 +28,24 @@ Na Versão 1 do diagrama de classes, houve somente uma refatoração do diagrama
 
 Na segunda versão, a alteração realizada, foi para se adaptar a linguagem escolhida pelo grupo, sendo o typescript a linguagem escolhida, dessa forma o diagrama de classe foi refeito para se adaptar as limitações ou especificações do typescript.  
 
+<figcaption style="text-align:center">
+    <b>Figura 1: Diagrama de Classes Versão 2</b>
+</figcaption>
+
+![Diagrama de Classes](./assets/padroesArquiteturais/diagrama-classe.png)
+<figcaption style="text-align: center">
+<b> Autor: Elaboração Própria (Gabriel, Samuel, Henrique, Lucas Frazão, Chaydson, Artur, Mateus, Pedro Helias e Pedro Henrique; 2023)</b>
+</figcaption>
+
 ### 3.2.3  Versão Final
 
 Na versão final do diagrama de classe, nesse foram adicionadas os padrões de projetos criados pelos outros componentes do grupo.
 
 <figcaption style="text-align:center">
-    <b>Figura 1: Diagrama de Classes</b>
+    <b>Figura 2: Diagrama de Classes Versão Final</b>
 </figcaption>
 
-![Diagrama de Classes](./assets/padroesArquiteturais/diagrama-classe.png)
+![Diagrama de Classes](./assets/padroesArquiteturais/diagrama-classes2.png)
 <figcaption style="text-align: center">
 <b> Autor: Elaboração Própria (Gabriel, Samuel, Henrique, Lucas Frazão, Chaydson, Artur, Mateus, Pedro Helias e Pedro Henrique; 2023)</b>
 </figcaption>
@@ -45,7 +54,7 @@ Na versão final do diagrama de classe, nesse foram adicionadas os padrões de p
 O diagrama de Sequências também permite saber como logicamente o sistema irá funcionar representando o fluxo(ações) feito pelas atividades realizadas pelo caminho definido ou imaginado pelos construtores do sistemas.
 
 <figcaption style="text-align: center">
-<b> Figura 2: Diagrama de Sequência</b>
+<b> Figura 3: Diagrama de Sequência</b>
 </figcaption>
 
 <figcaption style="text-align: center">
@@ -66,7 +75,7 @@ O diagrama de Comunicação de comunicação ou colaboração também permite de
 <br/>
 
 <figcaption style="text-align: center">
-<b> Figura 3: Diagrama de Comunicação parte Comprador</b>
+<b> Figura 4: Diagrama de Comunicação parte Comprador</b>
 </figcaption>
 
 ![Diagrama de Comunicação](./assets/padroesArquiteturais/diagrama-comunicacao-comprador.png)
@@ -78,7 +87,7 @@ O diagrama de Comunicação de comunicação ou colaboração também permite de
 <br/>
 
 <figcaption style="text-align: center">
-<b> Figura 4: Diagrama de Comunicação parte Vendedor</b>
+<b> Figura 5: Diagrama de Comunicação parte Vendedor</b>
 </figcaption>
 
 ![Diagrama de Comunicação](./assets/padroesArquiteturais/diagrama-comunicacao-vendedor.png)
@@ -94,7 +103,7 @@ O diagrama de Pacotes, serve para demonstrar a arquitetura e estruturas estátic
 </div>
 
 <figcaption style="text-align: center">
-<b> Figura 5: Diagrama de Pacotes</b>
+<b> Figura 6: Diagrama de Pacotes</b>
 </figcaption>
 
 ![Diagrama de Pacotes](./assets/padroesArquiteturais/diagrama-pacotes.png)
@@ -125,7 +134,7 @@ A simbologia para construção do diagrama respeita a legenda encontrada na tabe
 
 <div style="text-align: center">
 <figcaption style="text-align: center">
-    <b>Figura 6: Tabela de Símbolos</b>
+    <b>Figura 7: Tabela de Símbolos</b>
 </figcaption>
 
 ![](./assets/processos.png)
@@ -139,10 +148,10 @@ A simbologia para construção do diagrama respeita a legenda encontrada na tabe
 
 <div style="text-align: center">
 <figcaption style="text-align: center">
-    <b>Figura 7: Diagrama de Sequência</b>
+    <b>Figura 8: Diagrama de Sequência</b>
 </figcaption>
 
-![](../../assets/padroesArquiteturais/diagrama-sequencia.png)
+![](./assets/padroesArquiteturais/diagrama-sequencia.png)
 
 </div>
 <figcaption style="text-align: center">
@@ -163,7 +172,7 @@ Foi realizada uma reunião remota, onde analisamos as correções apontadas pela
 
 <div style="text-align: center">
 <figcaption style="text-align: center">
-    <b>Figura 8: Diagrama de Componentes (UML)</b>
+    <b>Figura 9: Diagrama de Componentes (UML)</b>
 </figcaption>
 
 ![](./assets/DiagramaComponentes.jpg)
@@ -207,7 +216,7 @@ Após uma extensa pesquisa relacionada ao modelo de implantação e à estrutura
 <div style="text-align: center">
 
 <figcaption style="text-align: center">
-    <b>Figura 9: Diagrama de Implementa</b>
+    <b>Figura 10: Diagrama de Implementa</b>
 </figcaption>
 
 ![Filtro - Stategy](./assets/Implantacao.png)
@@ -229,7 +238,7 @@ O DLD e o DER permitem a visualização das entidades-chave, como clientes, pedi
 <div style="text-align: center">
 
 <figcaption style="text-align: center">
-    <b>Figura 10: Visão de dados - DER</b>
+    <b>Figura 11: Visão de dados - DER</b>
 </figcaption>
 
 ![Filtro - Stategy](./assets/dados_der.png)
@@ -245,7 +254,7 @@ O DLD e o DER permitem a visualização das entidades-chave, como clientes, pedi
 <div style="text-align: center">
 
 <figcaption style="text-align: center">
-    <b>Figura 11: Visão de dados - DLD</b>
+    <b>Figura 12: Visão de dados - DLD</b>
 </figcaption>
 
 ![Filtro - Stategy](./assets/dados_dld.png)
@@ -306,3 +315,4 @@ O DLD e o DER permitem a visualização das entidades-chave, como clientes, pedi
 |   1.9   | 30/11/2023 | Revisão Diagrama de Classe Adicionando Padrões | Gabriel Ferreira, Samuel Gomes e Pedro Henrique, Henrique, Artur | Chaydson, Lucas Lopes e Helias |
 |  1.10   | 30/11/2023 |   Adição de Visão de Dados    | Lucas Frazão e Lucas Lopes | Gabriel Ferreira |
 |  1.11   | 30/11/2023 |   Adição de Visão de Implantação    | Mateus de Almeida, Artur | Lucas Frazão |
+|  1.12   | 01/12/2023 |   Adição de Novo Diagrama de Classes    | Gabriel Ferreira | Chaydson |

docs/ArquiteturaReutilizacao/4.2.ReutilizacaoDeSoftware.md

@@ -371,7 +371,7 @@ A partir dai, elaboramos um diagrama de classes para representar de forma gráfi
 ### Diagrama UML
 A Figura 11 expõe o diagrama feito para construir a implementação do Observer. Nele é possível observar as interfaces Observable e Observer usadas para aplicar o design. Entao temos a classe transportadora que possui uma lista de Observer, a classe abstrata Pessoa e por fim a classe Cliente que implementa Observer e é filha de Pessoa.
 
-![](./assets/Observer/DiagramaObservable.jpg)
+![](./assets/Observer/DiagramaObserver.jpg)