emfforms goes angularjs.pdf
TRANSCRIPT
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 1
EMF Forms goes AngularJSa.k.a. JSON Forms
Maximilian [email protected]
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 2
Data is often viewed/edited in a form-based UI
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 3
Data model needs to be mapped to UI
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 4
Modeling the UI
Domain Model(XSD, Ecore)
Renderer
User Interface View ModelJSON Schema UI Schema
AngularJS Renderer
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 5
EMF Forms vs. JSON Forms
Domain Model(XSD, Ecore)
SWT/JavaFX/RAP/Tabris Renderer
User Interface View Model
User Interface JSON Schema UI Schema
AngularJS Renderer
JSON Forms Exporter
EMF Forms
JSON Forms
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 6
JSON Forms Example Project
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 7
Demo
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 8
When to use UI Modeling
• Large Domain Model• Many different Views• Frequent Domain Model changes • Homogenous UI • UI Technology Independence• Improved Customer Involvement
• Fast Turnaround + Rapid Prototyping• Easy-to-grasp UI concepts
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 9
• JSON Forms: http://jsonforms.org=> Getting started Tutorial=> EMF Forms to JSON Forms Migration Tutorial
• EMF Forms: http://emfforms.org => Getting started Tutorial
• Twitter: #jsonforms @JSONForms
• BOF today at 8pm Lake Anne B
More Information
Evaluate the Sessions
Sign in and vote at eclipsecon.org
- 1 + 10
this
WITH