emfforms goes angularjs.pdf
TRANSCRIPT
![Page 1: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/1.jpg)
© 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]
![Page 2: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/2.jpg)
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 2
Data is often viewed/edited in a form-based UI
![Page 3: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/3.jpg)
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 3
Data model needs to be mapped to UI
![Page 4: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/4.jpg)
© 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
![Page 5: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/5.jpg)
© 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
![Page 6: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/6.jpg)
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 6
JSON Forms Example Project
![Page 7: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/7.jpg)
© 2016 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | EMFForms goes AngularJS - EMFForms 7
Demo
![Page 8: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/8.jpg)
© 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
![Page 9: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/9.jpg)
© 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
![Page 10: EMFForms goes AngularJS.pdf](https://reader031.vdocuments.mx/reader031/viewer/2022030321/5872081c1a28abac768bd7a8/html5/thumbnails/10.jpg)
Evaluate the Sessions
Sign in and vote at eclipsecon.org
- 1 + 10
this
WITH