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

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

3. 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

4. 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

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

6. 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

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

8. 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

9. 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…

10. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 10 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

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

12. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 12 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

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

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

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

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

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

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

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

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

21. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 21 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

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

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

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

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

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

27. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 27 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.

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

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