DESENVOLVIMENTO DE UMA FERRAMENTA CASE WEB PARA MODELAGEM CONCEITUAL UTILIZANDO A BIBLIOTECA REACT-DIAGRAMS

  • Mathias Baldissera
  • Joao Pablo Silva Da Silva
Rótulo Desenvolvimento, Web, Ferramenta, Case, Modelo, Conceitual

Resumo

A modelagem conceitual é o ato de criar modelos que descrevem a estrutura de problemas, independentemente da sua estratégia de solução. Modelos conceituais descrevem formalmente aspectos do mundo real a fim de entendimento e compreensão. A Unified Modeling Language (UML) é utilizada pela indústria de software para especificar modelos conceituais, através do diagrama de classes. Para a melhor utilização da UML, existem as ferramentas CASE. Estas ferramentas dão suporte a criação de modelos conceituais, provendo todos os elementos necessários, além de efetuarem validação da sintaxe e permitirem reuso de classes entre vários diagramas. Embora existam muitas ferramentas CASE consolidadas no mercado, ainda não há uma ferramenta que rode em um navegador web que disponibilize todas as funcionalidades de uma ferramenta CASE desktop. Todas as ferramentas gratuitas web encontradas são apenas ferramentas de diagramação de propósito geral, não efetuando a validação da sintaxe, não permitindo a reutilização de classes, e ainda permitem efetuar a conexão entre elementos que não deveriam se conectar e de diferentes diagramas. Desse modo, propõe-se o desenvolvimento de um ferramenta CASE Web para modelagem conceitual usando UML capaz de efetuar a validação de sintaxe e a reutilização de elementos entre diagramas. Para desenvolver esta ferramenta CASE, está sendo utilizada a biblioteca para ReactJS, chamada React-Diagrams, a qual permite a extensão de seus elementos sem a necessidade de modificar o seu código fonte, suporte a serialização de dados, e a criação de elementos utilizando HTML ao invés de vetores gráficos, que é comum entre outras presentes (SVG). A biblioteca fornece uma estrutura e elementos básicos para a criação de diagramas e modelos, utilizando Nodos, Links, Labels e Portas. Esta biblioteca permite que todos seus elementos sejam estendidos e então modificados, podendo criar, em teoria, qualquer tipo de diagrama. Para efetuar a criar as classes da UML, foi necessário estender o Nodo padrão da biblioteca, atribuir comportamentos necessários para manejar o nome e os atributos da classe, e portas para efetuar associações através de Links. Para as associações da UML, foi necessário estender o Link padrão, modificando o estilo para representar cada uma das associações disponível no diagrama de classes, e juntamente, criar dois novos tipos de Labels, sendo um para a multiplicidade e outro para a nomeação da associação. Atualmente, a ferramenta está funcional e se encontra na fase de testes de desenvolvimento. A biblioteca utilizada, junto aos elementos personalizados gerados a partir dela, apresentam um desempenho equivalente a outras ferramentas CASE já presentes no mercado. Com isso, entende-se que a biblioteca React-Diagrams suporta a criação de uma ferramenta CASE Web proposta. Como trabalhos futuros, a ferramenta será evoluída para atender requisitos de usabilidade considerado relevantes para este tipo de ferramenta.

Downloads

Não há dados estatísticos.
Publicado
2020-08-28
Como Citar
BALDISSERA, M.; PABLO SILVA DA SILVA, J. DESENVOLVIMENTO DE UMA FERRAMENTA CASE WEB PARA MODELAGEM CONCEITUAL UTILIZANDO A BIBLIOTECA REACT-DIAGRAMS. Anais do Salão Internacional de Ensino, Pesquisa e Extensão, v. 11, n. 2, 28 ago. 2020.