Building Business UIs with EMF Forms (ECE2014)
Download as PPTX, PDF0 likes1,075 views
EMF Forms is a tool for generating user interfaces from domain models that maps data models to UI elements. It aims to reduce the manual effort required to code these mappings by allowing the UI to be modeled separately from the domain and view models. Key features include controls for editing data, layouts for structuring the UI, and support for multiple rendering technologies including SWT, JavaFX, and web-based UIs.
Building Business UIs with EMF Forms (ECE2014)
- 1. Building Business UIs with EMF Forms Maximilian Kögel mkoegel@eclipsesource.com © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 1
- 2. Data is often viewed/edited in a form-based UI © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 2
- 3. Data model needs to be mapped to UI © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 3
- 4. Manual coding of these UIs is a huge effort © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 4
- 5. Modeling the UI Domain Model (XSD, Ecore) Renderer View Model User Interface © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 5
- 6. Modeling the UI Domain Model View Model UI 1. Data Binding with Controls 2. Modeling Structure with Layouts © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 6
- 7. Demo © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 7
- 8. Example: Embedding EMF Forms in a SWT UI • EMF Forms can be embedded on every Composite • ECPSWTViewRenderer.INSTANCE.render(Composite parent, EObject domainObject); © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 8
- 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 AngularJS and Play (Development) • Mobile based on Tabris (Demo) © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 9
- 10. Rendering technologies © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 10
- 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 © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 11
- 12. More Information • Next Release 1.5 Luna SR2 • Roadmap: • Expose more API • Development of Tabris Renderer • Improve Web Renderer based on AngularJS • EMF Forms: http://emfforms.org • Twitter: #emfcp https://twitter.com/EMFCP © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 12
- 13. Please give us feedback – Thank you! © 2014 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Kögel | Building Business UIs with EMF Forms 13