Slide 1

The Ajax Company™

Introduction

The Ajax Company™ 2

Problem: The User Interface Evolution…

“RIA”


BACKBASE, The Ajax Company™

Core

Business

# Enterprise AJAX Infrastructure & Development Software

# Pre-Build Widgets & Rich Internet Applications (e.g. Rich Dashboard)

# Ajax Consulting & User Experience Design Services

History # Founded in 2003, Privately held

Locations # USA (San Mateo) and The Netherlands (Amsterdam)

Proven Tech. # 4th Generation Product (today: release 4.1.2)

Industry

Recognition

# InfoWorld Technology of the Year Award 2007

# SD Times – Web Development Award 2007

Customers # 200+ customers | Enterprise (Global 2000) and ISVs


What the Industry Experts Say

“Backbase would benefit any business wanting to work with AJAX without having to re-invent the wheel. Butler Group believes that Backbase AJAX Development Platform is suitable for businesses that want to jump start their construction of RIA.”

Michael Azoff, Research Director at Butler Group

“Ajax is a relatively new technology which — up to now — has primarily been implemented by early adopters. The arrival of solid development frameworks, like Backbase, makes Ajax ready for the enterprise market.”

Mark Driver, Research VP at Gartner Group

“The Backbase RIA development system will be especially attractive to developers because it is robust, easy-to-use and well supported.”

Jim Noon, IDC Research


What the Industry Experts Say

”Backbase an Ajax framework for "serious enterprise apps".

Artima Developer - Eric Armstrong

“Backbase, the only open standard alternative in the world of RIA technologies”. SD Times

”Backbase architects have a talent for elegant solutions, ... This impressive framework provides a mature, sophisticated collection of widgets for adding features normally expected in native applications to Web pages”.InfoWorld Magazine – Peter Wayner

Backbase is a smooth, crisp collection of widgets with a nice, modern look. Coding amounts to dropping together XML tags to specify everything from the event routines to the layouts’Redmond Developer


Customers : Growing Momentum

Enterprise Ajax Framework

Product Overview (optional)


RIA Adoption : 60% of all Apps will be RIA

PresentationLayer

Traditional HTML

RIA Technology

ProprietaryPlug-ins

Open StandardsBrowser Based

“AJAX”

Open SourceDo it Yourself

ENTERPRISEBACKBASE

Microsoft Silverlight

AdobeFLEX

60%

By 2010, at least 60 percent of new application development projects will include RIA technology, and at least 25 percent of those will rely primarily on RIA (August 2005).


RIA Market : “Plug-in” and “Browser” based

Plug-in Based RIA

Install Separate PlayerInstall Separate Player

Replace HTMLReplace HTML

Proprietary / Vendor Lock-inProprietary / Vendor Lock-in

Browser-Based RIA

AJAXAJAXBACKBASE

No Install NeededNo Install Needed

Extend HTMLExtend HTML

Standards BasedStandards Based


Backbase Framework

+ Zero Install + Open Standards+ Extend HTML+ Native in Browser

Approach : Make Ajax Enterprise Ready

Custom Ajax Programming

+ Zero Install+ Open Standards+ Extend HTML+ Native in Browser- Cross-Browser Incompatibility- JavaScript Spaghetti- Poor Maintainability- Lack of Standards- No Governance- Difficult to Learn- Hotchpotch of Widgets- Lack of Behaviors- Lack of Patterns- Lack of Tooling- Lack of Server-side integration- No Vendor Support (liability)

+ Cross-Browser Compatible+ OO / Inheritance+ Structure / Re-use+ Enable Standards (W3C)+ Enforce Governance+ Easy to learn XML Tags+ Complete + Integrated Widget Lib+ Pre-build Behaviors / Best Practices+ Best Practices + Integrated Dev Tooling+ Server-side Integration Framework+ Solid Enterprise Support


The #1 Risk of Ajax – JavaScript Spaghetti

Maintainability? - Extendibility? - Productivity?


BB Enterprise Ajax – What is it?

Complete Framework for creating Ajax-based RIAs– Complete Client + Server Architecture– Supportive Developer Tools– Open Architecture, Based on Industry Standards

Formalize Ajax UI Development– Defines a standard structure for user interfaces

• Derived from the MVC (“model-view-controller”) design pattern

• Object Oriented Architecture | Multiple Inheritance

• Create XML-tags through XML-bindings, to implement pattern-based UIs

Dual Programming Model– Declarative (tag-libraries) – easy to learn & maintain– Functional (JavaScript) – for advanced front-end developers


BB Enterprise Ajax – Objectives

Server-Agnostic Client Framework – Client Framework running on all common web-browsers– UI definition independent of server technology– Many options to integrate / communicate between client-server

• Ajax Request (HTTP)• Server Sync (e.g. JSF)• Java to Ajax API• Data Modules (e.g. CRUD)• Web Services (e.g. SOAP, XML-RPC)• Timed Action• Push: DWR, Bayeux

Enforce clear separation between:– UI logic and Business logic– Widget “skinning” and “functionality”– Server-side UI Components and related client-side UI functionality



Make Ajax Ready for the Enterprise– Maintainability (across the framework)– Extendibility (across the framework)– Productivity (across the application lifecycle)– Customization (skinning, themes)– Modularization (Widgets, Behaviors, Rich Apps)– Separation of Concerns (task division & collaboration)– Governance (enforce re-use of best practices and UI patterns)– Consistent Look & Feel (across multiple applications)– Accessibility (section 508)– Security (no additional risks compared to normal HTML/JS)

Make Ajax Development Simple– Simple to use XML-Tags (as an alternative to JavaScript)– Extend server-side presentation technologies (e.g. Struts, JSF)– Client-side Ajax Debugging across multiple browsers– Visual Ajax Builder (WYSIWYG Ajax Development)



Enable XML Standards in any Browser

– XML primary purpose is to facilitates the sharing of structured data across different information systems, particularly via the Internet.

– Problem: • Browsers do not understand XML languages and don’t support

many useful W3C standards • At the server we have to downgrade rich XML data to flat HTML.

This way we loose a lot of the benefits of XML.

– Objective:• Provide a cross-browser runtime that enables execution of any XML

standard directly in the client. • Equalize and upgrade the browser to a stable UI development platform


Widgets Widget Library

Integrate 3rd party widget

Programming Model

Functional : JavaScript

Declarative : XML

Cross browser compatibility

Browser Equalization

W3C Standards

GovernanceObject Oriented

XML Binding

BB Client Framework - Overview

CLIENT Framework SERVER

Server Agnostic

Java.NETPHP

ColdFusionRubyABAP

…

RIA Services

Communication Services

Data Services

Visualization Services


BB Client Framework – Cross Browser

Browser Equalization

W3C Standards Support

FF NN O SIE 5.5 IE 6 IE 7


BB Client Framework – W3C Standards

http://www.w3.org/2004/CDF– CDF = Compound Document Format – For merging XML documents

http://www.w3.org/TR/xmlbase– Define base URIs for parts of XML documents

http://www.w3.org/1999/xhtml – XML Compliant HTML

http://www.w3.org/TR/DOM-Level-2-Core– Document Object Model

http://www.w3.org/TR/DOM-Level-3-Events– DOM Events

http://www.w3.org/2001/XMLSchema – Define XML structure

http://www.w3.org/TR/xpath20– Targeting XML (nodes, attributes, text)

http://www.w3.org/1999/XSL/Transform – XML Transformation

http://www.w3.org/2001/XInclude – Include XML

http://www.w3.org/2005/SMIL21– Animations

Possible standards support: any XML (RSS, OWL, RDF, REX, SVG, UML, XForms, VoiceXML, BPEL) …

The Backbase Client Core supports

many W3C standards in order to

equalize and upgrade the browser

to a stable UI development platform


BB Client Framework – Programming Model

Structure:

– http://www.w3.org/2004/CDF• CDF = Compound Document Format • For merging XML documents

– http://www.w3.org/TR/xmlbase• Define base URIs for parts of XML documents

– http://www.w3.org/2001/XMLSchema • Define XML structure

– http://www.w3.org/TR/DOM-Level-2-Core• Document Object Model

– http://www.w3.org/2001/XInclude • Include XML

– http://www.backbase.com/2006/tdl• TDL = Tag Definition Language• Declarative language to implement XMLbindings



Execution:

– http://www.ecma-international.org/publications/standards/Ecma-262.htm• JavaScript

– http://www.w3.org/TR/xpath20• Targeting XML (nodes, attributes, text)

– http://www.w3.org/1999/XSL/Transform • XML Transformation

– http://www.w3.org/TR/DOM-Level-3-Events• DOM Events

– http://www.backbase.com/2006/xel• XEL = eXtensible Excecution Language• Declarative alternative to JavaScript (easy to learn)

– http://www.backbase.com/2006/command• Commands = common declarative actions • E.g. Load, Transform, Sort, ..



Visualization:– http://www.w3.org/1999/xhtml

• XML Compliant HTML

– http://www.w3.org/2005/SMIL21• Animations

– http://www.backbase.com/2006/btl• BTL = Backbase Tag Library• Ajax widgets and behaviors

– Customers:• Vanguard namespace• KPN namespace • GM namespace• ABN AMRO namespace• S&P namespace• …

– Backbase:• BB Rich Forms namespace• BB Rich Dashboard namespace


BB Client Framework – Object Oriented

Events

Handlers

Resources

Backbase Client Framework

Programming Model : Object Oriented

Methods (JS and XML)

Handlers (JS and XML)

Attributes (change)

Properties (set/get)

Multiple Inheritance

Interfaces

Constructor / Destructor

DOM Element(base class)


BB Client Framework – Governance

Resources


Governance: Code Maintenance

XML BindingName Spaces

Object OrientedProgramming

ResourceManagement


BB Client Framework – Generic RIA Services

Data Services

I18n / Localization

Targeting (XPath 2.0)

Transformation (XSLT)

Data Binding (CRUD)

Validation

Formatting

Visualization Services

Drag & Drop

Bookmark

Keyboard Navigation

Styles

Animations Themes

Effects

Resize

Back-Forward

Accessibility – Section 508

Communication Services

XML

…

JSON

SOAP

Portal (JSR 168 / WSRP)

Push (DWR, Bajeux)



BB Client Framework – Widgets


BB Client Framework – Widgets

Widgets


ListGrid

Menu

Calendar

PanelSet

ListBox

Tree

Slider

Spinner

Accordion

Balloon

Button

GroupTable

Window

Tooltip

TreeGrid

Rich Text Color Picker

ComboBox

TaskBar

Spreadsheet

Charting Maps AutoCompl. Rich Forms More…

Dojo

Yahoo UI

Google

Flash

Silverlight

Custom Widgets

New


BB Client Framework – Widgets - Demo

Backbase Tag Library (BTL) – Syntax:


BB Client Framework – 3rd Party Integration

DEMO – ExtJS Wrapping


BB Server Framework - Overview

SERVER Framework

Server Agnostic

CLIENT Framework

JSF Framework

Adjustable Components

Ajax Characteristics

JSF Ajax Components

App Server Compatibility

Server Sync (JSF Lifecycle)

JavaCommunication Services

Data Module

Java to Ajax API

Push (DWR, Bajeaux)

JavaConnector Services Portal Connector

JSP, Struts, Spring Connect


BB Developer Tools - Debugger - Demo


BB Developer Tools - Visual Ajax Builder

Release Candidate : March 2008General Available: April 2008 (beta)


Rich Apps

Rich Dashboard

Enterprise Ajax Framework

Rich Forms

Grids & Spreadsheet

Co-Browse& Chat

Tools

BB – Rich Applications

The Backbase Advantage…

Summary and Q&A



Enterprise Ajax Platform

Value: Cross Browser Equalization Avoid Ajax PlumbingGeneric RIA ServicesStructure & GovernanceOpen & Extendible PlatformStandards Based

Extendable Widgets

Value: Developer ProductivityConsistent Look & Feel (UX)Customizable & Extendible WidgetsEmpower non-JS developers !!!Faster Time To Market

Rich Internet AppsBlueprints

Value: Formalized UI Patterns (e.g. dashboard)Customizable of the ShelfKick-start your ImplementationFocus on Solving Business Problems

Visual Ajax Builder



Everything you need for RIA/Customer Engagement 2.0 in one place

Enterprise Ajax Framework | Visual Ajax Builder

UX Design : Requirements, Wireframes, Prototypes

Ajax Development : Front-End Code + BE Integration

Widgets, Gadgets and Rich Applications


Backbase – Your Full Service RIA Partner

RIA360

Enterprise AjaxFramework

Best Practices& Blueprints

PartnerEco-System

ProfessionalServices

Compliance &Governance

Rich Applications

EnterpriseIntegration

OpenStandards

Premium Support& Maintenance

Rapid AjaxDevelopment

Slide 1

Documents

Transcript of Slide 1