2.1.1.3. Diagrama de Componentes
Introdução
O diagrama de componentes da UML demonstra a organização das classes em termos de componentes de trabalho e suas interações. Ele especifica como os diferentes componentes estão interligados e quais interfaces eles fornecem e requerem. Esse diagrama é utilizado para modelar dados tanto do código fonte quanto do código executável do software. Mas por que fazer o diagrama? Para responder essa pergunta temos três pontos:
- Ajuda a ter uma visão de alto nível, direcionamento a como montar a aplicação
- Auxilia no planejamento e definição de planos de escalabilidade
- Ajuda a fazer um plano de distribuição, plano de entrega do produto
Metodologia
Durante a preparação para entender sobre o Diagrama de Componentes, os membros Luis Miranda & Milena Baruc se reuniram via Teams no dia 06/07 para realizarem juntos o artefato e acabaram utilizando os slides da professora Milene Serrano1 e o site LucidChart2 como base para uma melhor realização do Diagrama. Além disso o protótipo de alta fidelidade3 foi essencial para uma melhor visualização de como poderia ser formado nosso Diagrama.
Para realizar a modelagem do Diagrama de Componentes, a equipe utilizou a ferramente LucidChart, que é um site de modelagem de diagramas, que permite ao seus clientes utilizarem a linguagem UML e oferece um serviço de compartilhamento ao vivo com outros usuários.
Ao finalizar o Diagrama, foi submetido uma revisão aos membros da equipe, no qual apenas o membro Vinícius Mendes realizou uma lista de verificação para uma maior cobertura sobre o artefato. Esse feedback pode ser verificado através do Pull Request #34
Diagrama de Componentes
Logo abaixo é apresentado o diagrama (Figura 1) em que representa o relacionamento entre diferentes componentes de subsistemas.
Figura 1 - Diagrama de Componentes. (Fonte: Luis Miranda e Milena Baruc, 2024)
Conclusão
O Diagrama de Componentes foi feito com apenas três subsistemas, pensando no fato de cada um apresentar uma função diferente, principalmente no sentido da criação de um aplicativo de música, no qual todos esses subsistemas se interligam através de conectores e portas. É compreendido que com o passar do desenvolvimento de novas ideias com os membros do grupo, que o diagrama pode vir a ser evoluído.
Referência Bibliográfica
¹ Slides - MODELAGEM UML ESTÁTICA. slide 46. Disponível em: https://aprender3.unb.br/pluginfile.php/2790247/mod_label/intro/Arquitetura%20e%20Desenho%20de%20Software%20-%20Aula%20Modelagem%20UML%20Est%C3%A1tica%20-%20Profa.%20Milene.pdf. Acesso em: 16 de Junho.
² Diagrama de Componentes UML. Disponível em: https://www.lucidchart.com/pages/pt/diagrama-de-componentes-uml. Acesso em: 12 de Abril.
³ MyMusic. 1.1.4 Protótipo, 2024. Disponível em: https://unbarqdsw2024-1.github.io/2024.1_G2_My_Music/Base/prototipo/. Acesso em: 7 de Julho.
Bibliografia
WIKIPEDIA. Diagrama de componentes. Wikipedia, 2024. Disponível em: https://pt.wikipedia.org/wiki/Diagrama_de_componentes. Acesso em: 06 jul. 2024. Pisani da ArcH. Diagrama de Componentes. YouTube, 2023. Disponível em: https://youtu.be/yjFpwFZHGtw?si=fWfoXAkt2zvV0PuC. Acesso em: 06 jul. 2024.
Histórico de versões
| Versão | Data | Descrição | Autor(es) | Revisor(es) |
|---|---|---|---|---|
| 1.0 | 06/07/2024 | Criação da página | Luis Miranda & Milena Baruc | Vinícius Mendes |
| 2.0 | 23/07/2024 | Correção pós entrega | Luis Miranda & Milena Baruc | Vinícius Mendes & Ana Luíza Rodrigues, link da revisão |