Building Flex Dashboards with

WebFOCUS Enable

Copyright 2008, Information Builders. Slide 1

Yoshiko AkaiStrategic 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 Reporting Server (Any Release)

WebFOCUS Enable Software Prerequisites

WebFOCUS Developer Studio (Any Release / Optional)WebFOCUS Developer Studio (Any Release / Optional)

WebFOCUS Managed Reporting (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)Flash Player 9 or Higher (Browser Plug-in)

Copyright 2008, Information Builders. Slide 6

Flex Application Created in this Demo

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

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