This document discusses EMF Forms and JSON Forms, which are tools for mapping a data model to a user interface form. EMF Forms allows mapping a domain model defined in XSD or Ecore to a user interface view model, which can then be rendered in technologies like SWT, JavaFX, RAP, or Tabris. JSON Forms builds on EMF Forms and exports the UI schema to JSON Schema for rendering forms with AngularJS. The document concludes with information on demoing and learning more about EMF Forms and JSON Forms.

1. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 1
Get in form!
EMF Forms and JSON Forms
Edgar Müller
emueller@eclipsesource.com

2. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 2
Data is often viewed/edited in a form-based UI

3. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 3
Data model needs to be mapped to UI

4. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 4
Modeling the UI
Domain Model
(XSD, Ecore)
Renderer
User InterfaceView Model

5. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 5
EMF Forms goes AngularJS: JSON Forms
Domain Model
(XSD, Ecore)
SWT/JavaFX/RAP/Tabris
Renderer
User InterfaceView Model
User InterfaceJSON Schema UI Schema
AngularJS Renderer
JSON Forms Exporter
EMF Forms
JSON Forms

6. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 6
Demo!

7. © 2016 EclipseSource | http://eclipsesource.com/munich | Edgar Müller | Get in form! - EMF Forms and JSON Forms 7
• EMF Forms Website: http://emfforms.org
• JSON Forms Website:
• http://jsonforms.org
• https://github.com/eclipsesource/jsonforms
• https://github.com/eclipsesource/JsonFormsEditor
• Twitter: #emfforms @EMFForms
More Information