Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 1

Developing Richer Web User Interfaces for Desktops and Tablets with Oracle ADF Shay Shmeltzer Sr. Group Manager, Oracle Development Tools

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 3 Agenda  Introduction to Oracle ADF Faces  Demonstration – Developing Rich UIs

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 4 Oracle ADF Faces  Component based UI construction – 150 components, built in Ajax/HTML5 – Abstract from underlying technology  Protect from UI technology changes – Ajax? Flash? HTML 5?  Increase Reusability Rich Web UI Made simple

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 5 Visual Development

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 6 Layout Components  Arrange your page using areas  Relative positioning  Advanced layouts  Change page layout at runtime

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide c New Layout Components  Springboard  Drawer  GridLaout

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 8 Common Components  Input and output components – Fields, sliders, selectors  Navigation components – Links, buttons, menus  List selection components – Dropdown, LOV, shuttle  Data collection components – Table, tree, carousel  Others

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 9 Operation Components  Instead of writing JavaScript  Validators  Convertors  Behaviors  Drag and drop  Listeners  Export  Print  More…

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Graphs  50 graph types  HTML5, Flash or PNG rendering  Interactive: – Zoom – Scroll – Time selector window – Line and legend highlighting/fading – Dynamic reference lines and areas – Animation

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Gauges  Dial: standard and threshold  Status Meter: standard and threshold  LED

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Geographic Map  Represents business data on a geographic map  Superimposing multiple layers of information on a single map  Available Map types are: – Thematic – Pie – Bar – Point

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Pivot Table  Multiple layers of data labels on a row or a column edge  Automatic calculation of subtotals and totals  Drag and drop pivoting

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Gantt Chart  Track tasks and resources on a Time  Gantt Chart types – Project Gantt – Scheduling Gantt – Resources Gantt

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Hierarchy Viewer  Hierarchical data representation  Expand/collapse /isolate nodes  Zoom in/out  Change layout  Include ADF Faces components in nodes

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide c New Data Visualization Components  Sunburst  TimeLine  Treemap  New Skin

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Oracle ADF Faces DEVELOPMENT DEMONSTRATION

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Oracle Fusion Applications

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Other Oracle Products

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Customer’s Sites and Applications

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Oracle ADF Essentials The core functionality of Oracle ADF – Free to develop and deploy JSF JSF EJB/JPAEJB/JPA ADF Business Components JavaJava ADF Faces JSF JSF ADF Controller ADF Binding Business Services Data Services Model Controller View RESTREST

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide  No Mouse  No Flash  Harder to type  Finger bigger than cursor  More… Unique Challanges The Rise of Touch Devices

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide  Touch gesture support  HTML5 rendering  Flow layout  Smart table  More… Mobile Optimizations Transition to Touch Devices

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Oracle ADF Faces TABLET DEMONSTRATION

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Summary  Oracle ADF Faces – Cutting Edge User Interface  Simpler development  Tablet ready  Learn More:

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide Join the JDeveloper/ADF Community oracle.com/adf Twitter twitter.com/JDeveloper Facebook facebook.com/JDeveloper ADF Mobile blog blogs.oracle.com/ JDeveloperpm

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide The preceding is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 28

Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 29