This document discusses EMF Forms, a tool for building business user interfaces that allows mapping a domain model to a UI view model and user interface. EMF Forms generates UIs by modeling the structure and data binding, supports different rendering technologies, and aims to reduce the effort of manual UI coding. It demonstrates embedding an EMF Forms UI in SWT and outlines features like controls, layouts, validation, and targeting multiple platforms.

1. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
1
Building Business UIs with EMF FormsMaximilian Kögelmkoegel@eclipsesource.com

2. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
2
Data is often viewed/edited in a form-based UI

3. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
3
Data model needs to be mapped to UI

4. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
4
Manual coding of these UIs is a huge effort

5. © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 5
Modeling the UI
Domain Model
(XSD, Ecore)
View Model User Interface
Renderer

6. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
6
Modeling the UI
1.Data Binding with Controls
2.Modeling Structure with Layouts
Domain Model
View Model
UI

7. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
7
Demo

8. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
8
Example: Embedding EMF Forms in a SWT UI
•EMF Forms can be embedded on every Composite
•ECPSWTViewRenderer.INSTANCE.render(Composite parent, EObjectdomainObject);

9. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
9
EMF Forms Features
•Controls to edit data + Layouts to structure UI
•IDE-Tooling
•Many additional view model elements
•Live-Validation
•Rule-based visibility and enablement of controls
•Exchangeable UI Technology:
•SWT (Production)
•JavaFX(Development)
•Browser/Web based on RAP (Production)
•Browser/Web based on AngularJSand Play (Development)
•Mobile based on Tabris(Demo)

10. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
10
Rendering technologies

11. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
11
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

12. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
12
More Information
•Next Release 1.5 Luna SR2
•Roadmap:
•Expose more API
•Development of TabrisRenderer
•Improve Web Renderer based on AngularJS
•EMF Forms: http://emfforms.org
•Twitter: #emfcphttps://twitter.com/EMFCP

13. © 2014 EclipseSource| http://eclipsesource.com/munich| Dr. Maximilian Kögel| Building Business UIs with EMF Forms
13
Please give us feedback –Thank you!