(#69) Adiciona metodologia e diagrama ao documento de componentes

docs/2-Modelagem/Diagramas-Estaticos/Diagrama-de-componentes.md

@@ -1,22 +1,37 @@
-# Diagramas de Componentes
+# Diagrama de Componentes
 
 ## 1. Introdução
 
-O diagrama de componentes mostra a estrutura do sistema de software, que descreve os componentes do software suas dependências, e suas interfaces. Ele mostra o relacionamento entre diferentes componentes de um sistema e descreve sistemas de software implementados em qualquer linguagem ou estilo de programação. O termo "componente" refere-se a um módulo de classes que representa sistemas ou subsistemas independentes com capacidade de interagir com o restante do sistema.
+O diagrama de componentes mostra a estrutura do sistema de software, que descreve os componentes do software, suas dependências e suas interfaces. Ele mostra o relacionamento entre diferentes componentes de um sistema e descreve sistemas de software implementados em qualquer linguagem ou estilo de programação. O termo "componente" refere-se a um módulo de classes que representa sistemas ou subsistemas independentes com capacidade de interagir com o restante do sistema.
 
 O diagrama é mais comum em abordagem de Orientação a Objetos na parte de agrupar classes com base em um objetivo comum, para que o desenvolvedor e outras pessoas envolvidas analisem o projeto de desenvolvimento de software de forma generalizada.
 
+## 2. Metodologia
 
-## 2. Diagrama
+O diagrama de componentes foi elaborado tendo como referência a [Descrição Arquitetural](../extras/arquitetura.md) do **Tá Na Mesa** e foi dividido em subsistemas, sendo eles: Auth, Order, Menu, Employee, Table e Banco de Dados.
+
+Para o desenvolvimento do diagrama foram utilizadas as ferramentas do [draw.io](https://app.diagrams.net), por ser de fácil utilização e contar com as formas e símbolos necessários para a elaboração do diagrama.
+
+## 3. Diagrama
+
+[![DC01](../../assets/img/seminario2/diagrama-componentes/DiagramaComponentes.png)](../../assets/img/seminario2/diagrama-componentes/DiagramaComponentes.png)
+
+| **DC01**     | **Diagrama de Componentes**                        |
+| ------------- | -------------------------------------------       |
+| **Descrição** | Diagrama de Componentes do Sistema                |
+| **Autor**     | [Herick Portugues](https://github.com/herickport) |
 
 ## 3. Referências
 
 > - Lucidchart. O que é diagrama de componentes UML?. Disponível em: <https://www.lucidchart.com/pages/pt/diagrama-de-componentes-uml>. Acesso em 21 de Agosto de 2021.
 
 > - IBM. Diagramas de Componentes. Disponível em: <https://www.ibm.com/docs/pt-br/rsas/7.5.0?topic=services-component-diagrams>. Acesso em 21 de Agosto de 2021.
 
+> - SERRANO, Milene. Arquitetura e desenho de software - 05h - VideoAula - DSW - Modelagem - Diagrama de Componentes. Acesso em 22 de Agosto de 2021.
+
 ## Histórico de Revisões
 
 | Data       | Versão | Descrição                         | Autor(es)                                 |
 | :--------- | :----- | :-------------------------------- | :---------------------------------------- |
-| 21/08/2021 | 1.1    | Adição do documento e dos tópicos | [Emily Dias](https://github.com/emysdias) |
+| 21/08/2021 | 1.0    | Adição do documento e dos tópicos | [Emily Dias](https://github.com/emysdias) |
+| 22/08/2021 | 1.1    | Adição da metodologia e do diagrama | [Herick Portugues](https://github.com/herickport) |