Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support
41
Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support Andrejus Baranovskis Technical Expert
Transcript of Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support
Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support
Andrejus BaranovskisTechnical Expert
ADF, MAF, BPM, ACM, SOA, WebCenter, Cloud
Small Team of Experts, Focused on Technical Quality
Customers – Global Corporations, Medium and Small Business
Oracle Technical Blog – 9 Years (~800 posts)
Oracle Fusion Middleware Partner Community Award for Outstanding ACM/BPM Contribution 2015, Oracle Fusion Middleware Innovation Award 2010, SOA Partner Community Award for Outstanding Contribution Across the Globe 2010
Company Profile
Agenda
High scalability dashboard for Alta UI
Responsive UI support and ADF Regions
Dynamic editable form pattern
Master-Detail pattern
ADF BC auto refresh
Coexistence of Alta UI and Skyros
ADF 12.2.1
Alta UI Default
Masonry layout
af:matchMediaBehavior
New Responsive Template
ADF 12.2.1 – Masonry Layout
ADF 12.2.1 – Masonry Layout
Dynamic rendering capabilities
Tiles managed by style class
Supports layout changes
ADF 12.2.1 – Responsive Template
ADF 12.2.1 – Responsive Template
Customer Use Case – Alta UI
High scalability dashboard for Alta UI
Fast and scalable
Dashboard: How it Looks
Dashboard: How it Works
ADF declarative components
Deck UI component
JavaScript
WebSockets
Based on Oracle WorkBetter best practices application
Dashboard: How it Works
Dashboard: How it Works
Dashboard: How it Works
Responsive UI support and ADF Regions
Develop once, display everywhere
Responsive: How it Looks
Responsive: How it Looks
Responsive: How it Works
ADF Table First Template
CSS Media Query
Reusable Regions
Responsive: How it Works
Responsive: How it Works
Dynamic editable form pattern
Simplified maintenance
Dynamic: How it Looks
Dynamic: How it Works
ADF UI Dynamic Component
ADF BC UI Categories
Dynamic: How it Works
Master-Detail pattern
Modern again
Master-detail: How it Looks
Master-detail: How it Works
Left-Right master-detail
Panel Grid Layout
Panel Box Layout
Region refresh
Master-detail: How it Works
Master-detail: How it Works
ADF BC Auto Refresh
Smart synch
Auto refresh: How it Looks
Auto refresh: How it Works
Database Change Notification
ADF BC View Object Auto Refresh property
Jbo.doconnectionpooling = Off
No extra execute
Auto refresh: How it Works
Coexistence of Alta UI and Skyros
Bold and beautiful
Alta and Skyros: How it Looks
Alta UI and Skyros: How it Looks
Alta UI and Skyros: How it Works
Dynamic UI switch in trinidad-config.xml
Managed bean to manage UI type
Alta UI and Skyros: How it Works
Contacts
Andrejus Baranovskis
Blog: http://andrejusb.blogspot.com
Web: http://redsamuraiconsulting.com
Email: [email protected]
Phone: +370 640 14737
