A Model-Driven JSON Editor

Size: px

Start display at page:

Download "A Model-Driven JSON Editor"

Damian Garrett
5 years ago
Views:

A Model-Driven JSON Editor Lucas Köhler Master s Thesis Kickoff, 10.07.2017, Munich Advisors: Adrian Hernandez-Mendez, Dr.

1 A Model-Driven JSON Editor Lucas Köhler Master s Thesis Kickoff, , Munich Advisors: Adrian Hernandez-Mendez, Dr. Jonas Helming Chair of Software Engineering for Business Information Systems (sebis) Faculty of Informatics Technische Universität München wwwmatthes.in.tum.de

2 Outline 1. Motivation 2. Research Questions 3. Literature Review 4. Requirement Prioritization 5. Implementation 6. Timeline Köhler A Model-Driven JSON Editor Lucas Köhler 2

3 Motivation Manual Implementation Köhler A Model-Driven JSON Editor Lucas Köhler 3

4 Motivation View Model View Model? Editor Generation Framework Köhler A Model-Driven JSON Editor Lucas Köhler 4

5 Research Questions Research Question 1 What are the requirements of the model-driven JSON editor? Research Question 2 What is the editor s architecture and design? Research Question 3 What are the limitations of the editor to generate modern web forms? Köhler A Model-Driven JSON Editor Lucas Köhler 5

6 Literature Review Process Overview > Iterative Search Relevant Articles 16 categories Search Concepts Scopus extract 104 Requirements Additional Relevant Article Köhler A Model-Driven JSON Editor Lucas Köhler 6

7 Literature Review Requirement Categories Model Representation Model Creation Validation Model Update Model Transformation Migration Code Gen. & Templates References Versioning Quality Attributes API Tool Generation Model Deletion Import & Export Compatibility Utility Prio Refs. Prio Refs. Prio Refs Köhler A Model-Driven JSON Editor Lucas Köhler 7

8 Requirement Prioritization Literature Research Tool Analysis (9 editors) Expert Interview Prioritized Requirements Köhler A Model-Driven JSON Editor Lucas Köhler 8

9 Implementation Preliminary Architecture Customizations Editor Generation Framework Editor Config JSON Schema Parser EditorRenderer Generated Editor Load & Save Service Tree Config TreeRenderer Detail Detail Detail Configs Configs Configs DetailRenderer Köhler A Model-Driven JSON Editor Lucas Köhler 9

10 Implementation Prototype Köhler A Model-Driven JSON Editor Lucas Köhler 10

11 Timeline April May June July August Sept. Oct. Literature Review Tool Analysis Requirement Priorities Basic Prototype Further Implementation Architecture & Design Evaluation Writing of Thesis Thesis Review Registration Today Submission Köhler A Model-Driven JSON Editor Lucas Köhler 11

Information Systems Boltzmannstraße 3 85748 Garching bei

12 B.Sc. Lucas Köhler Technische Universität München Faculty of Informatics Chair of Software Engineering for Business Information Systems Boltzmannstraße Garching bei München Tel Fax wwwmatthes.in.tum.de

13 Backup Lucas Köhler Master s Thesis Kickoff, , Munich Advisors: Adrian Hernandez-Mendez, Dr. Jonas Helming Chair of Software Engineering for Business Information Systems (sebis) Faculty of Informatics Technische Universität München wwwmatthes.in.tum.de

14 Setup of this Master s Thesis Title: A Model-Driven JSON Editor Student: Lucas Köhler (lucas.koehler@tum.de) Advisors: Adrian Hernandez-Mendez [Sebis] Dr. Jonas Helming [industry partner] Start: End: Köhler A Model-Driven JSON Editor Lucas Köhler 14

15 Separation of Concerns Differentiate between a data and a form model: Different forms of the same data needed for different contexts, e.g.: Different devices Different access rights Form(s) may change without data model changes Data model may change without form changes Form Model 1 Data Model Form Model 2 Renderer Renderer Form 1 Form Köhler A Model-Driven JSON Editor Lucas Köhler 15

16 Separation of Concerns with Multi-Level Modelling The separation of concerns can be achieved with the principles of the Cameleon Reference Framework [1]: Tasks Concepts Data Model Abstract Interface Concrete Interface View Model Final User Interface Generated Editor Köhler A Model-Driven JSON Editor Lucas Köhler 16

17 Literature Research Search Requirements Deep Meta-Modelling Domain-Specific Modelling Languages Language Workbenches Multi-Level Modelling Tool synonyms: tool, ide, editor, framework Köhler A Model-Driven JSON Editor Lucas Köhler 17

18 Analyzed Editors EMF Ecore Editor Genmodel Editor Instance Editor EMF Forms Generic Editor Ecore Editor XML Spy XSD Editor JSON Schema Editor UI Schema Editor JSON Schema Editor Köhler A Model-Driven JSON Editor Lucas Köhler 18

19 Evaluation Part 1 Choose two DSLs and generate an editor for each one. Part 2 Conduct an usability test of the generated editors in cooperation with the industry partner. Part 3 Analyze and document the editor generation process including its advantages and disadvantages Köhler A Model-Driven JSON Editor Lucas Köhler 19

20 References [1] G. Calvary, J. Coutaz, D. Thevenin, Q. Limbourg, L. Bouillon, and J. Vanderdonckt, A Unifying Reference Framework for multi-target user interfaces, Interact. Comput., vol. 15, no. 3 SPEC., pp , Jun Köhler A Model-Driven JSON Editor Lucas Köhler 20

Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components

Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components Marvin Aulenbacher, 19.06.2017, Munich Chair of Software Engineering for Business Information Systems (sebis)