Targets of the evaluation :
Studying of the basic display of Backbase library:

  • Widgets : Tab page,Menu,table/grid ,input field
  • Validation, error message displaying
  • filtering
  • sorting
  • paging navigation
  • Events system
  • Behaviors system

Result of the evaluation:
1.It employs an MVC paradigm in client browser, mainly use the tag definition language TDL to control the page in XHTML standard. Each component inside the whole page will be considered as a Widget. It uses the different namespaces to separate the backbase Tag with standard HTML tag, so they can co-exits well with each other.

Following is the Backbase browser runtime which is called Backbase Client Framework:

There is no need to install any software or plug-in into client browser, just click on the backbase-enable web page, then the client runtime will be downloaded as one part of the page, then it will be an Ajaxified web application.
Following is the Singe Page Interface ( SPI) for ajaxified web application Model:

And following is a sample page source which is powered by Backbase tags:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<title>Startup Page</title>
<script type=”text/javascript” src=”Backbase_4_2_1/engine/boot.js”>
<script xmlns:c=”
xmlns:xi=”” type=”application/backbase+xml”>
<xi:include href=”Backbase_4_2_1/bindings/config.xml” />
Add Widgets and other Application Code

2. Backbase is standards compliant, It supports following web standards: CSS, DOM, Javascript, SMIL, Xinclude, XML, XML-Schema, XHTML, Xpath, XSLT
It is browser independent, it supports:

  • Adobe Air 1.0
  • Firefox 1.5
  • Firefox 2
  • Firefox 3
  • Internet Explorer 6,7
  • Netscape 9
  • Opera

3. Backbase technology is more concise, brief and clearer. It employs both the Javascript Library and an XML Execution Language called XEL to control the logic. Offer a chance to use XML declarative way instead of Javascript. So the code will be more clearer and easy to understand in some cases.Following is an example :
1) Declarative way :

<e:function name="myFunction">
<e:body type="text/javascript">
alert('The body of this function is written in JavaScript!');

2) Scripting Way:

function myFunction (){
   alert('The body of this function is written in JavaScript!');

4. Backbase supports web service. Can connect to a web service using XEL or javascript. And it support JSON ( Javascript Object Notation).

5. It supports following Basic Display requirements:
1) Forms

  • Calendar
  • check box
  • combo box
  • listbox
  • slider
  • spinner

2) Layout

  • panel set
  • accordion
  • navigation/ deck
  • navigation /tab page

3) Actions and Menus

  • Button
  • Context Menu
  • Menu Bar
  • Tool Bar
  • Pager

4) Info and Notify

  • Balloon
  • Info Box
  • Loading Message
  • ToolTip

5) Windows and Dialogs

  • Window
  • Window Toolbar

6) Grids and Trees

  • Tree
  • List grid
  • List Grid editing
  • Data Driven Content
  • Tree Grid

7) Utilities and Tools

  • Rich Text Editor

8)User interaction
Note : This kind of interaction is finished by setting the behaviors to the widgets in a page. This is the Behavior system of Backbase. Like :<b:calendar behavior = ‘behavior name’ />
Two kinds of behaviors are supported out of the box

  • Drag and Drop
  • Resize

9) Page Validation

  • Required Fields
  • Content Validation
  • Password length

6. Events System : It support the standard W3C DOM level 3 events

7. Conclusion :
Backbase supports following requirements that we need

  • Widgets : Tab page,Menu,table/grid ,input field
  • Validation, error message displaying
  • sorting
  • paging navigation
  • Events system
  • Behaviors system

And additionally for the “filtering”, we can write up our own event handler or customer logic to fulfill this function.
The Xpath can be used to target the XML data, and use Javascript to change the view of the page according to the returned data. The most common way is to change the CSS class rule for specified elements.

Another way is to set the Xpath as query condition for each column.
The backbase html for presenting a table is like :

<b:listGrid width="auto" height="100%" readonly="true">
    <b:dataSource e:behavior="b:localData" dataType="application/xml">
          <!...XInclude with data here...>
   <b:listGridCol select="title" label="Title" width="200px" />
   <b:listGridCol select="genre" label="Genre" width="100px" />
   <b:listGridCol select="rating" label="Rating" width="100px"/>

Each <listGridCol> represents a data column in a table.
We can set the xpath condition into the ’select’ attribute of <listGridCol> , then
the data will be filtered according to the condition.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

You may also like following posts