At Oracle OpenWorld this year Oracle announced the new Oracle Alta UI - a set of UI guidelines that will help you create better looking and functioning applications. We use these guidelines to build all our modern cloud based applications and products - and you can use it too today if you are on JDeveloper 12.1.3.
The Alta UI site is at http://bit.ly/oraclealta
Take a look for example at one page from the master details pattern page:
You might be wondering how do I go about starting to create such an Alta page layout?
Below is a quick video that shows you how to build such a page from scratch.
A few things you'll see during the demo:
- Basic work with the panelGridLayout - for easier page structure
- Working with the new tablet first page template
- Enabling selection on a listView component
- Working with the circular status meter
- The new AFAppNavbarButton style class
- Hot-swap usage to reduce page re-runs
One point to raise about this video is that it focuses more on getting the layout and look rather then the Alta way of designing an application flow and content. In a more complete Alta mind-set you'll also figure out things like fields that probably don't need to be shown (such as the employee_id), you'll think more about "why is the user on this page and what will he want to do here?" which might mean you'll add things like a way to see all the employees in a department in a hierarchy viewer rather than a form that scroll a record at a time. There are more things you can do to this page to get even better functionality, but on those in future blog entries...