by Adobe

Adobe

Created

28 June 2010

Requirements

User level
All

 

DigiPri Widgets sample application

The DigiPri Widgets sales dashboard sample application is built using Flash Builder 4, Flex 4, and BlazeDS. It demonstrates how Flex 4 and other Adobe technologies can be used to rapidly develop practical applications that are also attractive and expressive. This particular sample application was designed to help the management team of the fictitious DigiPri Widgets company evaluate the performance of their sales staff by providing easy access to interactive charts and reports on the sales organization's activity. The fastest way to get a grip on what the dashboard can do is to try it firsthand by following the link below.

Experience the application

Read the tutorials:

Note: The four-part series of articles that accompany this sample application do not have to be read in full from start to finish to be of value. You may choose to read all of them in order or start with the one that looks most interesting and go from there.

  • Part 1: Overview introduces the DigiPri Widgets company, explains the reasons behind selecting Flex, and provides a tour of the dashboard application.  
  • Part 2: Setting up the server application describes how to install and configure the MySQL database, BlazeDS, and the Apache Tomcat server that runs the DigiPri Widgets sales dashboard. The sample application uses BlazeDS, the server-based Java remoting and web messaging technology, to connect the Adobe Flex front end to the back-end server application.
  • Part 3: Understanding the dashboard application explains in greater detail how the main building blocks of the Flex application work, including how it connects with the server and how XML files are used to configure the reports displayed in the dashboard. Part 3 also explains what goes on behind the scenes when users interact with the dashboard. For example, by drilling down for more details or by rearranging, adding, removing, and maximizing the reports.
  • Part 4: Exploring the code in Flash Builder steps you through importing the client-side application into Flash Builder 4. It also takes a deeper look at the client-side code, the server communication mechanism, and the user interface, including how Spark skins and CSS styles are used to change the appearance of components and how report maximizing is animated.

Links to download the sample files are found within the tutorials.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.