Building Flex Dashboards with WebFOCUS Enable Copyright 2008, Information Builders. Slide 1 Yoshiko Akai Strategic Product Mgt.

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

Copyright 2007, Information Builders. Slide 3 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

Copyright 2007, Information Builders. Slide 5 WebFOCUS Enable Prerequisites WebFOCUS Reporting Server (Any Release) WebFOCUS Enable Software Prerequisites 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) 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) Adobe Flex Builder 3 Professional (Trial Version Available for Download on Adobe Website) Flash Player 9 or Higher (Browser Plug-in)

Copyright 2008, Information Builders. Slide 6 Flex Application Created in this Demo

Copyright 2008, Information Builders. Slide 7 WebFOCUS Enable Sample Applications

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

Copyright 2008, Information Builders. Slide 9 Appendix: Creating Flex Dashboard with Zero Coding

Copyright 2008, Information Builders. Slide 10 Flex Builder Development Environment

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

Copyright 2008, Information Builders. Slide 13 The main data grid contains all the data retrieved by executing WebFOCUS procedure. We can refer to the data grid as the data source in the entire application so we do not have to go back to the server to retrieve data again.

Copyright 2008, Information Builders. Slide 14  Set Fields for Each Component  Create Aggregated Data Grid  Set Filters and Link Components

The drop down is set to default on the Region “West”. The slider is moved to the Units value greater than 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

Copyright 2008, Information Builders. Slide 18 Populate Data from WebFOCUS FORMAT XML

 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 Development Environment Overview

Thank you! Copyright 2008, Information Builders. Slide 20