Client Framework

Client OverviewThe Backbase Client Framework is a standards-based, server independent solution to creating web applications, ranging from traditional to desktop-like. It uses AJAX technologies to easily develop and deploy Rich Internet Applications.

The Client Framework is based on AJAX and web-based technologies that offer an enterprise-grade environment to develop standards-based code in both declarative and functional programming models, which is capable of running seamlessly in all major browsers. Developers can use the Client Framework as an extension of XHTML, a JavaScript toolkit, or a combination of both. Developing Rich Internet Applications using the Client Framework is simplified, because you can design your web applications in an object-oriented way, and use a model-view-controller architecture to make your application maintainable and extensible.


TDL Optimizer Edition 2.0 Released

Backbase is proud to announce the release of TDL Optimizer 2.0. If you are new to TDL Optimizer, it is designed to reduce the network latency by packaging resources together and optimizing those packages for their size. This is the first occasion Backbase TDL Optimizer is delivered as a separate download (the previous release was bundled with Client Edition and JSF Edition).

We strongly recommend upgrading to this latest release. Download Now »

Data Services Edition 1.2 Released

Backbase Data Services 1.2 is now available, and includes support for JSON message formats, improved error handling, and improved configuration.

We strongly recommend upgrading to this latest release. Download Now »

Object Orientation in Backbase 4.x

Object Orientation in Backbase 4.x

Unlike traditional JavaScript, with its support for global variables and functions, Backbase technologies are designed to support many object-oriented concepts. This article describes the object-oriented nature of Backbase 4.x TDL and BTL.

bb.command.load doesn't work with e:fragment

When searching through the BDN forum for e:fragment you will find multiple complaints about javascript errors when using bb.command.load, or the declarive c:load equivalent, in combination with the <e:fragment /> as the root node of the requested file. Hopefully this blog post will clearify this issue.

In essence, the <e:fragment /> is an empty container, it will not be resolved to an XHTML element in the DOM structure. For instance, the <b:box /> is translated by the Client engine to a plain XHTML <div /> element. The <e:fragment /> tag doesn't have such a template.

TDL Optimizer Video Tutorial

The TDL Optimizer Video Tutorial walks you through the process of using the TDL Optimizer tool to minimize the number of HTTP requests for TDL bindings, so that you will become more familiar with using the TDL Optimizer to improve the performance of your Backbase-enabled applications.

4.3.1 Demos Available for Download

Archives of the demo applications for the Client Edition 4.3.1 and the JSF Edition 4.3.1 releases are available for download.

Client Edition 4.3.1 Released

We are proud to present the latest release of the Backbase Client Framework 4.3.1. We strongly recommend upgrading to 4.3.1. It can be downloaded at http://www.backbase.com/download.

The documentation is available on the BDN, and you can find a detailed overview of the changes in the Release Notes, as well as in the Change Log for Backbase Client Framework. Below is a short overview of what's new.

Client Edition 4.3.1 Eclipse Plugin Released

To coincide with the Client Edition 4.3.1 release, a new Eclipse plugin is available from the Backbase update site at http://eclipse.backbase.com/cpa. This posting describes the installation procedure, new and improved features, and known issues.

Backbase Bundle for TextMate

The Backbase Bundle for TextMate now has templates, drag commands, language file with preferences and a lot of snippets for easy development.

If you are not able to work with TextMate there is an editor that can also work with these bundles called E-TextEditor.

Although this bundle is not a supported Backbase product we do appreciate any comments you could have on it. If you are using something that you think might be of use for all of us using this bundle do not hesitate to add a comment.

Client Edition 4.3.0 Released

We are proud to present the latest release of the Backbase Client Framework 4.3.0. We strongly recommend upgrading to 4.3.0. It can be downloaded at http://www.backbase.com/download.

The documentation is available on the BDN, and you can find a detailed overview of the changes in the Release Notes, as well as in the Change Log for Backbase Client Framework. Below is a short overview of what's new.

Introduction to the dataGrid

This example explains the Backbase dataGrid widget. The dataGrid is intended it to enhance the display of tabular data, supporting among others: sorting, formatting, editing, styling and paging. This widget provides high performance, also if the resulting table is very large, with thousands of cells.

Using the dataGrid: Paging, Reordering, and Freezing Columns

This example shows you how to add a pager to a dataGrid widget, how to provide the user with dynamic control over column order, and how to 'freeze' columns when scrolling.

Using the dataGrid: Selecting and Editing Content

This example shows how to add editing and keyboard navigation functionality to the BTL dataGrid widget.

Drag-and-Drop in View Space

This example shows how the Backbase Client Framework can be used to enrich an existing web page by adding drag-and-drop functionality to HTML table rows.

Introduction to Form Validation

Inputting data from a client to a server is most often done using a HTML form. The action in the form indicates the script on the server that is invoked when the form is submitted. The task of the server script is then to validate the form. When something is not right, usually the server script will redisplay the form, with the values that the user typed before already filled in, and an indication of what was wrong. This can be frustrating for the user if every time he/she mistypes something, the page is refreshed. To make it worse, some server scripts have trouble redisplaying the values already entered.

Automated Tests for Backbase Ajax Applications

In this article, we explain how to approach Automated Testing in Web Applications, focusing specifically on how to test Backbase applications.

After addressing the background and benefits of automated testing within web projects, we demonstrate how to use Selenium and Ant to realize automated functional testing in a Backbase application.

Performance Tuning - Chapter 6: Conclusion

In conclusion, performance tuning should be considered as an important issue at the early stage of web application project. During the project, performance test cases should be set up and should be kept up-to-date.

In general, there are five ways to improve the performance: the last three ways are suitable for most web applications, the first two are more specific for applications using the Backbase Client Framework:

Performance Tuning - Chapter 5: Testing

This chapter focuses on performance tests as a benchmark that measures the optimization strength of an application and determines the extent to which an effort should be put into further optimization. Here are some general rules of how to develop such a test:

1. Define a minimal target configuration up front

Define test cases for specific parts of the application. Do not just define one test case for the whole project. This helps to easily target which parts of the application need to be improved most.

Performance Tuning - Chapter 3: Deployment

This chapter describes some important methods during the deployment phase to achieve better performance.

Performance Tuning - Chapter 2: Implementation

The second chapter introduces many useful skills to help you choose the correct Backbase widgets and technologies when tuning performance.

1. Combine model space island with view space island

Instead of using the full Backbase RIA implementation or traditional XHTML for a web application, combining these two model islands is a great approach. In this way, we can get the benefits from both sides: the speed from XTHML space and the functionality from the Backbase Client Framework.

Performance Tuning Checklist

Here is a quick checklist for checking performance on Backbase Applications:

Stage 1: Architecture and Design

During the early stage of the web application life cycle, we should pay attention to the following:

  • Balance out the amount of client-side business logic with server-side logic
  • Divide client-side architecture into a direct shown part (content that can be directly shown in view space) and a logic part (functions and objects that will be created later)

Advanced 3D Animations and Transitions

image
This page demonstrates how you could use the Backbase Client Framework to code generic cross-browser implementations of several animation and transition techniques that deliver smooth 3D-like animation effects.

Performance Tuning - Chapter 1: Architecture and Design

The main challenge with using the Backbase Client Framework to develop web applications is to balance the client-side logic with server-side logic. Rich Internet Applications (RIAs) require more logic on the client, but putting too much logic on the client-side can be a disaster for performance.

There are many reasons for performance issues. This chapter aims at finding these reasons and providing some hints and tips to avoid overloading the client. These performance tuning methods are categorized into four stages, each represents one of four basic steps during the web application development life cycle: architecture, implementation, deployment and server-side optimization. The performance testing is then addressed, followed by a conclusion and reference information.

Telamon Visual Ajax Builder Beta sent to Early Adopters

Telamon Beta

The development of the Visual Ajax Builder – code name Telamon – is moving on quite nicely. This week we’re sending the Beta version of the Telamon Visual Ajax Builder to the people who pre-registered over the past months. Based on their feedback we’ll make further improvements and distribute the Beta to a wider audience. If you weren’t on the Early Adopter list, please register for the second phase of the Beta program, and we’ll contact you once it’s available.

For those who are in the early adopter program, please view the Getting Started video

Introduction to remote dataSource with listGrid - Part 2

This example page introduces paging and sorting for a listGrid using a remote data source.

Backbase in Visual Studio 2008 Express in 1 Minute

Evgenios Skitsanos wrote an interesting blog article that explains how to use Backbase with Microsoft’s free software development tool called Visual Web Developer (VWD). It uses the Backbase XML Schemas to enable code completion inside VWD (intellisense). VWD is then aware of the Backbase-specific tags, and will provide a list of available tags as you type, just like it does for HTML and JavaScript.

Read the blog post »

Read about Visual Studio integration on the BDN »

Introduction to remote dataSource with listGrid - Part 1

The objective of this example page is to explain how to set up a remote data source for a listGrid widget. For practical reasons we have chosen PHP 5 as our server scripting language. We hope that the code is clear enough to be understandable if your preferred language is not PHP. The database that contains the data for the remote data source is a SQLite3 database. Minimal changes to the code are needed to use the code for a MySQL database.

Backbase & ASP.Net

ASP.Net logo

This example will demonstrate how to combine the Microsoft ASP.Net Server-Side Framework with the Backbase Client Framework. It will focus on making the adjustments required for integrating ASP.Net WebForms and UserControls in a Backbase-enabled AJAX application. It does not demonstrate how to create an AJAX application. If you are interested in seeing this code in action, please read the Creating an SPI with Backbase and ASP.NET tutorial. For more information on Ajaxifying existing ASP.Net applications, please see the Progressive Enhancement of ASP.Net applications tutorial.

Using ASP.Net in a Backbase SPI Application

Normally, ASP.Net applications are typical Multi Page Interface (MPI) applications. However, with some small adjustments, it is rather simple to create a single page web application using standard ASP.Net components. For a technical explanation of the inner workings of the required adjustments, please read the Backbase & ASP.Net tutorial.

Microsoft Visual Studio Intellisense for Backbase tags

Every .NET developer should be very familiar with Visual Studio as their development environment. Wouldn’t it be nice if you could use it for all of your Backbase XML editing including its IntelliSense features? This article shows you how to do this.