ADF Weblogic 12c launch Event 08 DVT And Websockets by Lucas Jellema

1. AMIS
14th August 2013
Launch of a new middleware
generation:
ADF/JDeveloper/WebLogic 12c
DVT and WebSockets

2. Overview
• DVT
• WebSockets

3. New and improved DVTs
• New:
– Timeline (11gR1 PS6)
– Treemap (11gR1 PS6)
– Sunburst (11gR1 PS6)
• Improved:
– Hierarchy Viewer
– Pivot Table
– Gantt Charts

4. Timeline
• Visual overview of chronology – events on a timebar

5. Example of Timeline:
RSS Feed Events Overview
• Each RSS Feed entry has a timestamp – the visualization is based on
that timestamp and includes title, atuhor and hyperlink

6. Example Timeline
• Using an open source library to read
from an RSS feed and make
available through local POJO API
Create a POJO (Bean) Data Control:
• Drag the Data Control’s feedItems collection
to a page

7. Example Timeline
• Configure the Timeline Data Binding

8. Example Timeline
• Configure the Timeline Data Binding – step 2

9. Example Timeline
• Configure the Timeline Data Binding – step 3
• Run the page

10. Treemap
• Compare distribution and relative sizes

11. Treemap Example
• Create a Data Control that returns a collection with a numeric attribute

12. Treemap Example
• Drag the collection to
the page
and drop as Treemap

13. Treemap example

14. Treemap Example
• Run the page:
• Note: BLAKE does not earn more than SCOTTY and JONES
mistake: relative Department sizes based on Average Salary

15. Treemap Example
• Improved: relative Department sizes based on Salary Sum

16. Sunburst
• Sunburst is similar to Treemap
– In how it is configured
– In what it visualizes: hierarchical composition
• It is less for comparison than for drill down

17. Salary Sunburst
• Similar development steps as Treemap

18. Treemap vs Sunburst

19. Pivot Table
• Split View mode
• Active Data support
• Attachment mode support (Fusion Applications)
• Ability to always display layer headers
• Ability to wrap header labels
• Header sorting
• Row Header Width and Column Header Height API
• inlineStyle and styleClass API for DataCell and HeaderCell tags
• Support for both row and column paging.
• Configuration of the paging vs. scrolling via the new scrollPolicy attribute

20. Pivot Table – Split View
• End user can ‘freeze’ a row, a column or both
– Meaning that the frozen areas do not participate in scrolling

21. Pivot Table
Paging & Wrapping
• Paging
• Header wrapping

22. Hierarchy Viewer
• Support for drag and drop
– Ability to disable drag for individual nodes
– Auto Pan when dragging and dropping to bring hidden nodes into view
• Option to disable node detail window

23. HTTP is the
‘Only tell when asked’ game

24. Pushing it … into the user
interface
• Automatically refreshing (part of) a page
– Update table
– Redrawing chart
• Displaying popup to alert user to an event
– Arrival of message (email or chat)
– Signing in or out of contact (presence)
– Lock or release of some resource
– Notification
• Changing status of items on the page
– Highlight change indicator
– Show icon
– Change text to italic
• Play a sound

25. Web Sockets
• Protocol – TCP based, initiated with normal HTTP exchange, upgraded to
bi-directional WS
– One more transport option for Comet
– Finalized Summer 2011
• Client and Server API
– JavaScript (client)
Note: Client can also be Java, C#, …
– Server side: Support in Java EE 7
Spring 2013
• Part of HTML 5
– A very loose collection of proposals, concepts and specifications
• Supported in all modern browsers
• Also available from mobile platforms

26. WebSocket, Browsers and
HTTP

27. WebSocket, Browsers and
HTTP
• HTTP handshake to open a connection over ws:// and wss://
– Request (from browser):
– Response (from server):

28. Websocket Javascript client api
• Open a new WebSocket to a URL (ws:// …)
– var ws = new WebSocket( url [, protocols]);
• Configure callback handlers on WebSocket
– onopen
– onerror
– onclose
– onmessage
• Use WebSocket to send messages
– ws.send( DOMString | ArrayBuffer | Blob)

29. Websocket Javascript client api

30. The Slide Show demo
ADF 12c
WebSocketWebSocket
Session
A
Session
B
WebSocket
EndPoint

31. WebSocket Endpoint
• Add libraries to ADF application
• Create a Java Class that extends WebSocketAdapter (or directly
implements WebSocketListener).
• Add annotation:
@WebSocket(pathPatterns={“/mediatorendpoint/*”})
for URL ws://host:port//web-context-root/mediatorendpoint
• Implement methods like onOpen, onMessage and:

32. 5 september Oracle OpenWorld Preview sessie
9 t/m 13 september
10 september
Vijfdaagse training Oracle ADF 11g
Luc Bors
Promotiecode: JDev12c (-15% korting)
Oracle OpenWorld Kickoff NL
10 oktober Oracle OpenWorld Review bijeenkomst
30 oktober BPM Congres
12 & 13 december Tweedaagse masterclass van Steven Feuerstein
AMIS agenda