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
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
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
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
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
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)