Architecting FLEX Dashboards with Cairngorm Design Patterns
Here is a quick post for the Dashboard Spy reader who contacted me about the FLEX2 dashboard project they are working on. I look forward to displaying your dashboards in this forum. Here is the dashboard code example we spoke about using the Cairngorm microarchitecture.
Cairngorm is an architecture or design pattern framework for RIA (Rich Internet Application) development using the Adobe FLEX platform. It is an implementation of the design patterns prescribed by the gurus at Adobe Consulting for their FLEX RIA architecture.
On cairngormdocs.org is an absolutely wonderful series of posts about the cairngorm code examples you’ll want to study and adopt for your flex dashboard project. The article is entitled Dashboard Example: How Business Logic Can Manage Views. The post gathers the links to the tutorial modules you’ll want to study. The tutorials and code walkthroughs themselves are hosted at Adobe Consulting.
Here is how the tutorial starts. One single dashboard portlet as shown in this image. The coding and architecture is discussed and a working example is provided.

As you see in this next dashboard screenshot, the dashboard grows to accomodate multiple portlets. See this image:

For a flavor of the tutorial (It’s part of the wonderful series provided by the RIA Flex experts at Adobe Consulting), here is an excerpt from the intro:
Cairngorm Sample – How Business Logic Can Manage Views
There are many ways to update your views when your server- or client side business logic changes. The strategy you find me usually recommending is the ModelLocator strategy, which leverages the Flex binding feature.Basically, your views bind to properties that are retrieved from your ModelLocator. These properties can be changed from your Commands, other business logic or other views and once changed; all listening views are updated seamlessly.
Since many of the Cairngorm examples out there are meant to be easy to understand, they often just show these properties exposed as single properties on the ModelLocator. Once your RIA grows in size, this indeed can be quite limiting. I’ll showcase another Cairngorm sample application that focuses on how you can improve your architecture with investing in slightly more advanced business logic. The sample application is a stock market dashboard that allows users to retrieve price quotes on a company stock.
Tags: Adobe Flex Dashboards, FLEX2, Cairngorm Design Patterns, Enterprise Dashboards, FLEX Dashboard Architecture Example using Cairngorm Design Patterns
Was this enterprise dashboard interesting enough to share? Help spread the news about Dashboards By Example. Click on the "Share" icon above to submit this post to your social bookmark service or email the link to a fellow dashboarder or even yourself.
What do you think about this dashboard post? Please leave a comment. Your opinions are valuable to the entire business dashboarding community.
Leave a Reply
Dashboard Spy Readers: See these related Business Intelligence Dashboard posts:
- Finding Dashboard Design Patterns to Study ...
- 2008 Election Dashboard using Adobe Flex ...
- Flex-based Enterprise Dashboards via the VFX Platform ...
- Flex Dashboard Screenshots - Deep dimensional analysis of large data sets with no user training ...
- Dashboard Development Life Cycle - a flex-based business dashboard ...
- Flex Dashboard at the Federal Reserve Bank of Boston ...
- Flex / Flash Dashboard for Retail Store Operations ...
- Interactive Census Data Dashboard Driven by Zip Code ...
Latest posts of interest to the business intelligence dashboarding community - Have you read these recent enterprise dashboard posts?
- Dell IdeaStorm Dashboard
- Excel Tool Tips
- Rube Goldberg Dashboard
- Dashboard Spy White Paper Collection Launches
- Excel Visualization of Olympic Medal Count
- Executive Dashboards for Wholesale Distributors
- Focus on Priorities with Desktop Dashboards
- 3rd Place Excel Dashboard is for Pharmaceutical Sales
- Diversity Dashboard
- Second Best Excel Dashboard of 2008


