Building Flex Dashboards with WebFOCUS Enable

Transcript Building Flex Dashboards with WebFOCUS Enable

Building Flex Dashboards with WebFOCUS Enable

Yoshiko Akai

Strategic Product Mgt.

Agenda  Flex Technology Overview  Creating Flex Dashboard   WebFOCUS Enable Pre-requisites Step-by-Step Illustration  WebFOCUS Enable Sample Applications Copyright 2007, Information Builders. Slide 2

Flex Technical Overview  SWF file format was developed by Macromedia in 1996  A SWF file combines vector graphics and animation effects in applet like applications  SWF is a pre-compiled binary file  Programming in Action Script 3 (based on JavaScript but Java/C# like) and MXML (XML based mark up language for UI)  Requires the Flash Player (a browser plug-in that renders SWF)  Flash Player 9 is JIT like Java Virtual Machine    10 times faster than prior engines Installed on 98% of PC and many more non-PC devices.

Consistent performance on any browser and any device.

Creating Flex Dashboard with Zero Coding Step-by-Step Illustration

WebFOCUS Enable Prerequisites

WebFOCUS Enable Software Prerequisites WebFOCUS Reporting Server (Any Release) WebFOCUS Developer Studio (Any Release / Optional) WebFOCUS Managed Reporting (Any Release / Optional) WebFOCUS Enable Pre-compiled Application Engine (Available on Information Builders Product Download Site) Adobe Flex Builder 3 Professional (Trial Version Available for Download on Adobe Website) Flash Player 9 or Higher (Browser Plug-in)

Why FLEX is a Strategic Technology  Fast growing technology:     Grew through viral adoption on the WEB Many customer facing sites are build with FLASH and FLEX Proven “stickiness” – site visitors stay longer!

Proven “retention” – less abandoned shopping carts!

 Important Strategic Developments:  Adobe donations to open source the SWF format and FLEX SDK  Telecom companies organized a consortium to make the Flash player available on mobile devices and set-top boxes   AIR applications work in online/offline mode Integration of PDF and Interactive content Copyright 2008, Information Builders. Slide 8

Appendix: Creating Flex Dashboard with Zero Coding

Click Add SWC… to Add WebFOCUS Enable Pre-compiled Application Engine to the Project.

Over 30 Custom Components will be Provided by the Library.

Drag and Drop Components into Application

The drop down is set to default on the Region “West”.

The slider is moved to the Units value greater than 1775.

The drop down and slider are linked together.

The data in the data grid is filtered with the condition: Region = West AND Units > 1775

The list boxes are chained so if a Region is selected in the first list box, the second list box is automatically filtered to show the States available in the selected Region. All the other components filter together by the selection.

IBI Components Automatically Generate Source Code

Development Environment Overview  Adobe has two IDEs – Flash & FLEX  Component based approach to application development  FLASH targets creative developers  Movie like development workflow  FLEX targets application developers  Eclipse based Standard Development Environment Similar to Visual Studio  Gartner expects 1MM FLEX developers by 2010 Copyright 2008, Information Builders. Slide 19

Building Flex Dashboards with WebFOCUS Enable

Transcript Building Flex Dashboards with WebFOCUS Enable