An exploration of state-of-the-art graphical library(ies) for the domain-specific modeling tool AOAME

This thesis shows the possiblities of integrating ReactFlow into AOAME using ngx-reactflow, replacing GoJS to enhance interactive diagramming. It compares both libraries, highlights user experience improvements, and offers strategic recommendations for future development using React and ReactFlow.

Dejen Teklit, 2024

Art der Arbeit Bachelor Thesis
Auftraggebende FHNW Hochschule für Wirtschaft
Betreuende Dozierende Pande, Charuta
Keywords domain-specific modeling, graphical libraries, Reactflow, AOAME, Ngx-reacflow, user interface, model creation, performance potimization, user experience
Views: 13
With a rapid change in the technology landscape, many new libraries and tools are introduced. In order to stay up-to-date, we would like to upgrade the graphical library used in AOAME to one of the state-of-the-art libraries. A recommendation is to explore Reactflow or a similar library that fits the requirements and constraints of AOAME
The project involved integrating ReactFlow into the existing AOAME platform using the ngx-reactflow library. A thorough comparison between GoJS and ReactFlow was conducted, evaluating their strengths and weaknesses. The integration process included detailed implementation steps, overcoming challenges related to compatibility and performance. User feedback was gathered to assess improvements and guide further enhancements. Strategic recommendations were formulated based on the findings to facilitate future development. Additionally, a prototype has been built to show the integration of reactflo
The integration of ReactFlow into AOAME might improve the platform’s diagramming capabilities. Key benefits include enhanced user interactivity, better customization options, and a more intuitive interface. The comparison with GoJS revealed that ReactFlow offers a modern, flexible solution that aligns well with user needs and development trends. The project documented a clear implementation pathway, addressing compatibility issues and optimizing performance. Users reported a more seamless and engaging experience, validating the effectiveness of the integration. Strategic recommendations for future development include a complete transition to React and ReactFlow, emphasizing consistency and performance optimization. The proposed transition aims to fully leverage ReactFlow's potential, ensuring a robust and scalable solution. Additionally, suggestions for further enhancements, such as advanced features and comprehensive testing, were outlined to continuously improve AOAME. This project not only provides immediate improvements but also lays a strong foundation for ongoing development and innovation, ensuring AOAME remains a cutting-edge tool for online assessment and modelin
Studiengang: Business Information Technology (Bachelor)
Vertraulichkeit: öffentlich
Art der Arbeit
Bachelor Thesis
Auftraggebende
FHNW Hochschule für Wirtschaft , Olten
Autorinnen und Autoren
Dejen Teklit
Betreuende Dozierende
Pande, Charuta
Publikationsjahr
2024
Sprache der Arbeit
Englisch
Vertraulichkeit
öffentlich
Studiengang
Business Information Technology (Bachelor)
Standort Studiengang
Basel
Keywords
domain-specific modeling, graphical libraries, Reactflow, AOAME, Ngx-reacflow, user interface, model creation, performance potimization, user experience