SlideShare a Scribd company logo
Metamodeling on the Web
2022.09.26 Aachen, LangDev2022
Dr. Pedro J. Molina
Founder at Metadev
https://metadev.pro
Context
Focus on tools for:
▪Conceptual Models,
▪DSLs on the Web, &
▪code generation for different
domains.
https://metadev.pro
Full remote company, HQin Seville, Spain.
Problems found
▪Lack of pure Web modeling
environments
▪Lack of tools & tooling modeling
on the cloud.
Essential is the 2nd version of a metamodeling tool able to
describe:
▪Metamodels
▪Models
Provides JIT interpretation of models to provide:
▪Editors
▪Validators
Main features:
▪Import & Export to: Essential / EMF-ECore / JSON Schema
▪On the fly editors / forms
▪On the fly model validation
Demo Time
https://essential.metadev.pro
Technical Overview
▪ Core technology able to create specific DSLs in a fast & cheap
way
▪ Fully implemented in TypeScript & Angular
▪ Able to transform models & generate code either browser or
server-side
▪ Zero install required. SaaS model. Working in all major
evergreen browsers
Use Cases
1. Define Metamodels
2. Explore editors for models
3. Validate documents
4. Import/Export to Essential, eCore an EMF
5. Editors for Structured Documents (Example EST40)
Industrial Usage
▪ Metadev builds DSLs for his customers using Essential as the base stack.
▪ No extra accidental complexity: Non-technical users working with theabstraction level
theyexpect.
▪ Form Interpreter for Workflow engines
▪ Data/Structure modeling tool (JSON-Schema)
▪ Building blocks for Lowcode/Nocode tools
▪ Environmentswith heavy modeling can benefitfrom:
▪ Cloud transformed models
▪ Custom projections on user’s browsers
▪ Zero local install (no more update hell withEclipse or Visual Studio for modeling
plugins)
▪ Quid: https://quid.metadev.pro DSL for WebComponents
https://metadev.pro
@metad3v

More Related Content

More from Pedro J. Molina

Esencia de Web Components
Esencia de Web ComponentsEsencia de Web Components
Esencia de Web Components
Pedro J. Molina
 
Esencia de web components
Esencia de web componentsEsencia de web components
Esencia de web components
Pedro J. Molina
 
OpenAPI 3.0.2
OpenAPI 3.0.2OpenAPI 3.0.2
OpenAPI 3.0.2
Pedro J. Molina
 
Quid
QuidQuid
Securizando por construcción mediante MDE
Securizando por construcción mediante MDESecurizando por construcción mediante MDE
Securizando por construcción mediante MDE
Pedro J. Molina
 
Building APIs with the OpenApi Spec
Building APIs with the OpenApi SpecBuilding APIs with the OpenApi Spec
Building APIs with the OpenApi Spec
Pedro J. Molina
 
Micro vs Nano (servicios)
Micro vs Nano (servicios)Micro vs Nano (servicios)
Micro vs Nano (servicios)
Pedro J. Molina
 
Diseño de APIs con OpenAPI
Diseño de APIs con OpenAPIDiseño de APIs con OpenAPI
Diseño de APIs con OpenAPI
Pedro J. Molina
 
SVQDC 2017 Tecnologías para Microservicios
SVQDC 2017 Tecnologías para MicroserviciosSVQDC 2017 Tecnologías para Microservicios
SVQDC 2017 Tecnologías para Microservicios
Pedro J. Molina
 
Introducción a Angular
Introducción a AngularIntroducción a Angular
Introducción a Angular
Pedro J. Molina
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microservicios
Pedro J. Molina
 
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN Stack
Pedro J. Molina
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
Pedro J. Molina
 
Hivepod: Casos de uso en OpenData
Hivepod: Casos de uso en OpenDataHivepod: Casos de uso en OpenData
Hivepod: Casos de uso en OpenData
Pedro J. Molina
 
Introducción a StackOverflow
Introducción a StackOverflowIntroducción a StackOverflow
Introducción a StackOverflow
Pedro J. Molina
 
Modeling on the Web
Modeling on the WebModeling on the Web
Modeling on the Web
Pedro J. Molina
 
Modeling and Code Generation in the Cloud for Citizen Developers and Beyond
Modeling and Code Generation in the Cloud for Citizen Developers and BeyondModeling and Code Generation in the Cloud for Citizen Developers and Beyond
Modeling and Code Generation in the Cloud for Citizen Developers and Beyond
Pedro J. Molina
 
TDD+CI con Teamcity
TDD+CI con TeamcityTDD+CI con Teamcity
TDD+CI con Teamcity
Pedro J. Molina
 
Multichannel User Interfaces
Multichannel User InterfacesMultichannel User Interfaces
Multichannel User Interfaces
Pedro J. Molina
 
Modelling and code generation in .NET at Icinetic
Modelling and code generation in .NET at IcineticModelling and code generation in .NET at Icinetic
Modelling and code generation in .NET at IcineticPedro J. Molina
 

More from Pedro J. Molina (20)

Esencia de Web Components
Esencia de Web ComponentsEsencia de Web Components
Esencia de Web Components
 
Esencia de web components
Esencia de web componentsEsencia de web components
Esencia de web components
 
OpenAPI 3.0.2
OpenAPI 3.0.2OpenAPI 3.0.2
OpenAPI 3.0.2
 
Quid
QuidQuid
Quid
 
Securizando por construcción mediante MDE
Securizando por construcción mediante MDESecurizando por construcción mediante MDE
Securizando por construcción mediante MDE
 
Building APIs with the OpenApi Spec
Building APIs with the OpenApi SpecBuilding APIs with the OpenApi Spec
Building APIs with the OpenApi Spec
 
Micro vs Nano (servicios)
Micro vs Nano (servicios)Micro vs Nano (servicios)
Micro vs Nano (servicios)
 
Diseño de APIs con OpenAPI
Diseño de APIs con OpenAPIDiseño de APIs con OpenAPI
Diseño de APIs con OpenAPI
 
SVQDC 2017 Tecnologías para Microservicios
SVQDC 2017 Tecnologías para MicroserviciosSVQDC 2017 Tecnologías para Microservicios
SVQDC 2017 Tecnologías para Microservicios
 
Introducción a Angular
Introducción a AngularIntroducción a Angular
Introducción a Angular
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microservicios
 
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN Stack
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
 
Hivepod: Casos de uso en OpenData
Hivepod: Casos de uso en OpenDataHivepod: Casos de uso en OpenData
Hivepod: Casos de uso en OpenData
 
Introducción a StackOverflow
Introducción a StackOverflowIntroducción a StackOverflow
Introducción a StackOverflow
 
Modeling on the Web
Modeling on the WebModeling on the Web
Modeling on the Web
 
Modeling and Code Generation in the Cloud for Citizen Developers and Beyond
Modeling and Code Generation in the Cloud for Citizen Developers and BeyondModeling and Code Generation in the Cloud for Citizen Developers and Beyond
Modeling and Code Generation in the Cloud for Citizen Developers and Beyond
 
TDD+CI con Teamcity
TDD+CI con TeamcityTDD+CI con Teamcity
TDD+CI con Teamcity
 
Multichannel User Interfaces
Multichannel User InterfacesMultichannel User Interfaces
Multichannel User Interfaces
 
Modelling and code generation in .NET at Icinetic
Modelling and code generation in .NET at IcineticModelling and code generation in .NET at Icinetic
Modelling and code generation in .NET at Icinetic
 

LangDev 2022 Metamodeling on the Web with Essential

  • 1. Metamodeling on the Web 2022.09.26 Aachen, LangDev2022 Dr. Pedro J. Molina Founder at Metadev https://metadev.pro
  • 2. Context Focus on tools for: ▪Conceptual Models, ▪DSLs on the Web, & ▪code generation for different domains. https://metadev.pro Full remote company, HQin Seville, Spain.
  • 3. Problems found ▪Lack of pure Web modeling environments ▪Lack of tools & tooling modeling on the cloud.
  • 4. Essential is the 2nd version of a metamodeling tool able to describe: ▪Metamodels ▪Models Provides JIT interpretation of models to provide: ▪Editors ▪Validators
  • 5. Main features: ▪Import & Export to: Essential / EMF-ECore / JSON Schema ▪On the fly editors / forms ▪On the fly model validation
  • 7.
  • 8.
  • 9. Technical Overview ▪ Core technology able to create specific DSLs in a fast & cheap way ▪ Fully implemented in TypeScript & Angular ▪ Able to transform models & generate code either browser or server-side ▪ Zero install required. SaaS model. Working in all major evergreen browsers
  • 10. Use Cases 1. Define Metamodels 2. Explore editors for models 3. Validate documents 4. Import/Export to Essential, eCore an EMF 5. Editors for Structured Documents (Example EST40)
  • 11. Industrial Usage ▪ Metadev builds DSLs for his customers using Essential as the base stack. ▪ No extra accidental complexity: Non-technical users working with theabstraction level theyexpect. ▪ Form Interpreter for Workflow engines ▪ Data/Structure modeling tool (JSON-Schema) ▪ Building blocks for Lowcode/Nocode tools ▪ Environmentswith heavy modeling can benefitfrom: ▪ Cloud transformed models ▪ Custom projections on user’s browsers ▪ Zero local install (no more update hell withEclipse or Visual Studio for modeling plugins) ▪ Quid: https://quid.metadev.pro DSL for WebComponents