Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement...
Transcript of Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement...
![Page 1: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/1.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 1
Building Business UIs with EMF FormsMaximilian Koegel
![Page 2: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/2.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 2
Data is often viewed/edited in a form-based UI
![Page 3: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/3.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 3
Data model needs to be mapped to UI
![Page 4: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/4.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 4
Manual coding of these UIs is a huge effort
![Page 5: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/5.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 5
Modeling the UI
Domain Model(XSD, Ecore)
Renderer
User Interface View Model
![Page 6: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/6.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 6
Modeling the UI
1. Data Binding with Controls
Domain Model View Model User Interface
2. Modeling Structure with Layouts
![Page 7: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/7.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 7
Demo
![Page 8: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/8.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | 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, EObject domainObject);
![Page 9: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/9.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | 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 AngularJS (Development)• Mobile based on Tabris (Demo)
![Page 10: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/10.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 10
Rendering technologies
![Page 11: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/11.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | 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
![Page 12: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/12.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 12
More Information
• Next Release 1.7 Mars SR1• Roadmap:
• API/SPI improvements• Specific Ecore Edit Support• Work towards a new Domain Model Reference API• Web Renderer based on AngularJS
=> http://JSONForms.org
• EMF Forms: http://emfforms.org => Getting started Tutorial
• Twitter: #emfforms @EMFForms
![Page 13: Building Business UIs with EMF Forms...• Live-Validation • Rule-based visibility and enablement of controls • Exchangeable UI Technology: • SWT (Production) • JavaFX (Development)](https://reader034.fdocuments.in/reader034/viewer/2022043017/5f39a72f4612ca6f947e0627/html5/thumbnails/13.jpg)
© 2015 EclipseSource | http://eclipsesource.com/munich | Dr. Maximilian Koegel | Building Business UIs with EMF Forms 13
Sign in: www.eclipsecon.orgEvaluate this session
this
WITH