beautiful uis with jface databinding
TRANSCRIPT
![Page 1: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/1.jpg)
Generating beautiful UI‘s With EMF, JFace and Databinding
Lars Vogel
![Page 2: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/2.jpg)
Most (Business)
UI‘s are horrible
![Page 3: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/3.jpg)
• Mhotivation
• EMF as UI storage
• EMF as UI generator
• Future Plans & Discussion
… and I will show code & examples
The next 10 minutes
![Page 4: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/4.jpg)
Typical UI Painpoints
• To complex• Unflexible• Overloaded• Too many opions
• Too simple• Not enough options• ….
![Page 5: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/5.jpg)
Inspiration
• Modeled User Interfaces are becoming popular in e4
– Modeled Workbench– Toolkit Model
![Page 6: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/6.jpg)
EMF can be used to store the UI state
• Load EMF model at startup• Save EMF model at shutdown
Some but not huge advantages (similar to Memento)
![Page 7: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/7.jpg)
Approach
Use EMF domain model information to generate the UI automatically
![Page 8: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/8.jpg)
Application Domain Model
UI Model (based on Toolkit Model)
Generate UI
![Page 9: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/9.jpg)
Generate flexibility
• Rename fields• Hide fields• Remember last input• Re-arrange the UI‘s
![Page 10: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/10.jpg)
Summary
• Generate new UI‘s Minutes• UI can be adjusted by the end user.• Future steps:
– Use CSS styling– in Migrate to Eclipse e4– Evaluate alternative approaches
• Waazabi, • Eclipse Presentation Modeling Framework
![Page 12: Beautiful UIs With JFace Databinding](https://reader035.vdocuments.net/reader035/viewer/2022081519/555839ebd8b42ac6078b4ad7/html5/thumbnails/12.jpg)
Photo credits• Dog http://www.sxc.hu/photo/302062• Agenda: http://www.sxc.hu/photo/1089869• Elephant: http://www.sxc.hu/photo/103473• Mouse http://www.sxc.hu/photo/1097314• Book http://www.sxc.hu/photo/1184809• Student: http://www.sxc.hu/photo/660438• UML Diagram http://www.sxc.hu/photo/33012• Liquid http://www.sxc.hu/photo/1109534• Person with remote http://www.sxc.hu/photo/485640