Logo
ScienceStack
Table of Contents
Fetching ...
Sign In

Modeling in Jjodel: Bridging Complexity and Usability in Model-Driven Engineering

Antonio Bucchiarone, Juri Di Rocco, Damiano Di Vincenzo, Alfonso Pierantonio

TL;DR

Jjodel tackles cognitive complexity and usability barriers in Model-Driven Engineering by delivering a cloud-based reflective, low-code platform with modular syntax viewpoints and real-time collaboration. The architecture combines a TypeScript/React front-end with a Node.js back-end, a dedicated Jjodel Object Model, and a JSX-based syntax definition to support rapid DSL design and co-evolution. Through a practical algebraic expression language case study and an ERD example, the paper demonstrates how Jjodel enables live co-evolution, validation, and projectional editing across multiple paradigms. The work highlights design trade-offs, lessons learned, and future directions toward scalability, integration with other MDE tools, and open-source community development, emphasizing improved accessibility for education and industry alike.

Abstract

Jjodel is a cloud-based reflective platform designed to address the challenges of Model-Driven Engineering (MDE), particularly the cognitive complexity and usability barriers often encountered in existing model-driven tools. This article presents the motivation and requirements behind the design of Jjodel and demonstrates how it satisfies these through its key features. By offering a low-code environment with modular viewpoints for syntax, validation, and semantics, Jjodel empowers language designers to define and refine domain-specific languages (DSLs) with ease. Its innovative capabilities, such as real-time collaboration, live co-evolution support, and syntax customization, ensure adaptability and scalability for academic and industrial contexts. A practical case study of an algebraic expression language highlights the ability of Jjodel to manage positional semantics and event-driven workflows, illustrating its effectiveness in simplifying complex modeling scenarios. Built on modern front-end technologies, Jjodel bridges the gap between theoretical MDE research and practical application, providing a versatile and accessible solution for diverse modeling needs.

Modeling in Jjodel: Bridging Complexity and Usability in Model-Driven Engineering

TL;DR

Jjodel tackles cognitive complexity and usability barriers in Model-Driven Engineering by delivering a cloud-based reflective, low-code platform with modular syntax viewpoints and real-time collaboration. The architecture combines a TypeScript/React front-end with a Node.js back-end, a dedicated Jjodel Object Model, and a JSX-based syntax definition to support rapid DSL design and co-evolution. Through a practical algebraic expression language case study and an ERD example, the paper demonstrates how Jjodel enables live co-evolution, validation, and projectional editing across multiple paradigms. The work highlights design trade-offs, lessons learned, and future directions toward scalability, integration with other MDE tools, and open-source community development, emphasizing improved accessibility for education and industry alike.

Abstract

Jjodel is a cloud-based reflective platform designed to address the challenges of Model-Driven Engineering (MDE), particularly the cognitive complexity and usability barriers often encountered in existing model-driven tools. This article presents the motivation and requirements behind the design of Jjodel and demonstrates how it satisfies these through its key features. By offering a low-code environment with modular viewpoints for syntax, validation, and semantics, Jjodel empowers language designers to define and refine domain-specific languages (DSLs) with ease. Its innovative capabilities, such as real-time collaboration, live co-evolution support, and syntax customization, ensure adaptability and scalability for academic and industrial contexts. A practical case study of an algebraic expression language highlights the ability of Jjodel to manage positional semantics and event-driven workflows, illustrating its effectiveness in simplifying complex modeling scenarios. Built on modern front-end technologies, Jjodel bridges the gap between theoretical MDE research and practical application, providing a versatile and accessible solution for diverse modeling needs.

Paper Structure

This paper contains 30 sections, 1 equation, 13 figures, 4 tables.

Table of Contents

  1. Introduction
  2. Objectives and Structure the Article
  3. Overview of Jjodel
  4. Jjodel Architecture
  5. Jjodel Object Model (JjOM)
  6. Syntax Viewpoints
  7. Validation viewpoint
  8. Flexibility and Flexible Modeling
  9. Grid-snapping
  10. Step 1: Defining the Grid Style.
  11. Step 2: Adding a Toggle Command for Grid Control.
  12. Step 3: Enabling Snap-to-Grid Behavior.
  13. Semantic Zooming
  14. Step 1: Defining a new integer parameter.
  15. Step 2: Adding a Slider Control for Zoom Level Adjustment.
  16. ...and 15 more sections

Figures (13)

  • Figure 1: Entity Relationship Diagram in Jjodel.
  • Figure 2: Front-end architecture of Jjodel.
  • Figure 3: Interacting with JjOM.
  • Figure 5: Validation rule.
  • Figure 6: The user-defined grid parameter.
  • ...and 8 more figures