1 Copyright 2013 Oracle andor its affiliates All

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

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

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

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

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

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

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

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

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

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

Gauges § Dial: standard and threshold § Status Meter: standard and threshold § LED 11 Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 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 12 Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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