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

1,143 views

Published on

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

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,143
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
27
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. AMIS 14th August 2013 Launch of a new middleware generation: ADF/JDeveloper/WebLogic 12c DVT and WebSockets
  2. 2. Overview • DVT • WebSockets
  3. 3. New and improved DVTs • New: – Timeline (11gR1 PS6) – Treemap (11gR1 PS6) – Sunburst (11gR1 PS6) • Improved: – Hierarchy Viewer – Pivot Table – Gantt Charts
  4. 4. Timeline • Visual overview of chronology – events on a timebar
  5. 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. 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. 7. Example Timeline • Configure the Timeline Data Binding
  8. 8. Example Timeline • Configure the Timeline Data Binding – step 2
  9. 9. Example Timeline • Configure the Timeline Data Binding – step 3 • Run the page
  10. 10. Treemap • Compare distribution and relative sizes
  11. 11. Treemap Example • Create a Data Control that returns a collection with a numeric attribute
  12. 12. Treemap Example • Drag the collection to the page and drop as Treemap
  13. 13. Treemap example
  14. 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. 15. Treemap Example • Improved: relative Department sizes based on Salary Sum
  16. 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. 17. Salary Sunburst • Similar development steps as Treemap
  18. 18. Treemap vs Sunburst
  19. 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. 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. 21. Pivot Table Paging & Wrapping • Paging • Header wrapping
  22. 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. 23. HTTP is the ‘Only tell when asked’ game
  24. 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. 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. 26. WebSocket, Browsers and HTTP
  27. 27. WebSocket, Browsers and HTTP • HTTP handshake to open a connection over ws:// and wss:// – Request (from browser): – Response (from server):
  28. 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. 29. Websocket Javascript client api
  30. 30. The Slide Show demo ADF 12c WebSocketWebSocket Session A Session B WebSocket EndPoint
  31. 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. 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

×