1. Building Beautiful Dashboards
With Active Technologies
Brian Carter
March 29, 2012
WebFOCUS

2. Agenda Active Technologies Review Examples Characteristics Formatting
Demonstration
What’s new in 8?

3. Active Technologies

4. Why Active Technologies?
Safe and secure information delivery
HTML, Flex, and PDF
Interactive, graphical view of information
Disconnected analytics
Mobile ready for any device
Simple workflow

5. Multiple Output Options
Output Format
Recommended Deployment
Benefit
Desktop Browser
Mobile Browser
Mobile Apps
AHTML x
Disconnected analytics, visualization
FLEX x*
Better visualization and animation
FUSION
Superior visualization and animation
APDF
Disconnected analytics, visualization;
Must support Flash

6. Examples

7. Examples

8. Examples
Active Dashboards: built in Document Composer and InfoAssist

9. Characteristics as of 7703 InfoAssist vs. Developer Studio View
Single Page
Output
HTML
Flash
PDF
Reports
No control
Charting
Prompts
Coordinated
Cascading
View
Single
Multiple
Output
HTML
Flash
PDF
Reports
Full control
Charts
Dynamic
Initial display
Prompts
Coordinated
Cascading
InfoAssist vs. Developer Studio

10. Formatting

11. What Control Do I Have? Active Report “Features”
Active Cache can be set
for each individual report
Security must be set in
the first report
Chart engine is critical
for Mobile

12. What Control Do I Have? Active Report “Format”
Initial Presentation can
be any chart type!
Let your “theme” take
care of colors
Lines per page is critical
for dashboards
Menu options can be
scaled back

13. What Control Do I Have?
Do your Active Charts look like this?

14. What Control Do I Have?
When they could look like this?

15. Building Blocks for Formatting
What’s in a Theme?
Style sheet  ActiveTabular
Styles the Active ”menu”
JavaScript  Active Charts
Changes the colors
Gradients are challenging!

16. What Control Do I Have?
Utilize JavaScript files to control your Active Charts
Place the JS files in the APP you want to affect
See documentation: Active Technologies User Guide
Output Format
Controlling JS File
AHTML  Standard
irpcusf.js
AHTML  HTML5
irpstd.js
FLEX  Standard
irpfsty.js
FLEX  Fusion
irpfstd.js
APDF

17. Best Practices Create a “theme” Use “dynamic” charting engine
Determine resolution and viewing device
Create templates
Select the proper output format

18. Demonstration

19. What Changes in WF8? Google-like paradigm Stunning HTML5 Charts
Active Charts styled
with stylesheet
More chart types and
interactivity
More control in InfoAssist

20. Questions and Thank you!