W3C W3C Incubator Report

Long description of Figure 1: Layers of the Rich Web Application Backplane

This diagram illustrates the layers of the Rich Web Application Backplane. There are four layers illustrated in Figure 1:

  1. the Concrete Presentation Layer;
  2. the Abstract Presentation Layer;
  3. the Control Layer; and
  4. the Model Data Layer

1. Concrete Presentation Layer

In Figure 1, the topmost of the four layers of a Rich Web Application shows a user interface. Across the top line of the user interface layer is a row of five buttons:

  1. "Add as expense"
  2. "Plot by category"
  3. "Plot by date"
  4. "Get Paid"
  5. "Help"

Beneath the row of five buttons, the user interface is composed of four columns of edit boxes which are populated with expense information. The first column contains classification information -- the most abstract grouping of expense items, such as "Food", "Travel", "Housing", etc. The second column of edit boxes contains clarifying information about the expense classified by the first column of edit boxes; e.g., "lunch at airport", "airfare" and "hotel". The third column contains the amount of the expense detailed in the previous two edit boxes in currency amounts. The fourth and final column of edit boxes contains the date upon which the expense was transacted. Beneath the columns of letterboxes is an automatically updating pie-chart, which reflects the percentage of each class of expense which comprises the entire expense budget.

2. Abstract Presentation Layer

The Abstract Presentation Layer is illustrated by two groupings of items. The first group is labeled, "Atomic" and contains two independent items: "Output" and "Input". The second grouping is labeled "Group", which includes: "Select", "Trigger" and "List".

3. Control Layer

The Control Layer is illustrated by a snapshot of part of a flow chart, which contains the sequencing of user interaction and calculation on model data.

4. Model Data Layer

The Model Data Layer is illustrated by a snippet of code, containing model data in an XML instance:


Return to the text immediately following Figure 1.

Valid XHTML 1.0 Strict