OgH Data Visualization Special Part III Ogh dvt-misc-and-mobile

1. ADF & MAF Data Visualization
Misc and Mobile
OgH Thema Bijeenkomst ; November 12th 2014 Utrecht Netherlands

2. Active

3. Diagram
The Following is a summary of OOW Session CON2057

4. What is a Diagram

5. Example

6. Coding the Diagram
<dvt:diagram layout="…">
<dvt:clientLayout …/>
<dvt:diagramNodes value="#{diagramModel.nodes}" var="node">
<dvt:diagramNode nodeId="#{node.uniqueNodeId}" label="#{node.nodeLabel}">
<f:facet name="zoom100">
…
</f:facet>
</dvt:diagramNode>
</dvt:diagramNodes>
<dvt:diagramLinks value="#{diagramModel.links}" var="link">
<dvt:diagramLink label="#{link.label}"
startNode="#{link.sourceNodeId}"
endNode="#{link.destinationNodeId}"
linkStyle="dash"
startConnectorType="circle"
endConnectorType="arrowOpen"/>
</dvt:diagramLink>
</dvt:diagramLinks>
</dvt:diagram>

7. Nodes

8. The Shape of the Diagram

9. Sankey Diagram

10. Demo

11. Oracle Data Visualization Tools
• Full set of beautiful, interactive visualizations
• Mobile first design/touch support
• Responsive Layout and Animation
• Shared across Oracle ADF and Mobile Application Framework
• And MAF get’s them sooner !

12. Mobile Data Visualization

13. Gauges

14. Charts

15. Thematic maps

16. Thematic maps

17. Mobile Maps

18. Mobile Maps

19. Google Places

20. Use GPS for location Based
Services
public Location getPosition(){
DeviceManager dm=DeviceManagerFactory.getDeviceManager();
Location currentPosition = dm.getCurrentPosition( 60000,true);
return currentPosition;
}
Location myPosition = getPosition();
String locationParameter = “location=”
+ myPosition.getLatitude();
+”,”
+ myPosition.getLongitude();
restServiceAdapter.setRequestURI(
"json?”
+locationParameter
+”&radius=1000”
+”&types=food”
+”&sensor=false&key=<yourApiKey>");

22. Mobile Demo

23. It’s a Wrap
• This only was a summary and a subset of all components !
• All are Fully functional
• All are Interactive
• Shared across ADF and MAF
• Use them to Add MEANING to Data
• Use theme whenever possible

24. Q and A

25. Luc Bors, AMIS, The Netherlands
Luc.Bors@amis.nl
LucBors@gmail.com
Follow me on : @lucb_