Backbase Enterprise Ajax 4
Upcoming SlideShare
Loading in...5
×
 

Backbase Enterprise Ajax 4

on

  • 1,987 views

 

Statistics

Views

Total Views
1,987
Views on SlideShare
1,987
Embed Views
0

Actions

Likes
0
Downloads
27
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Backbase Enterprise Ajax 4 Backbase Enterprise Ajax 4 Document Transcript

  • Backbase Enterprise Ajax 4 Evaluator’s Guide The Proven Enterprise Ajax Framework November 2007
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Contents Introduction....................................................3 Advanced Desktop Features ................................14 Advanced Command Execution .........................15 The Backbase Advantage ..............................4 Data- & ListGrid, Spreadsheet - Data intensive Open Standards........................................................... 4 widgets.........................................................................15 Enterprise Ajax Framework....................................... 4 Paging...........................................................................15 RIA Lifecycle Optimization ........................................ 4 Rich Forms ..................................................................15 Enterprise Integration ................................................ 4 Skinning .......................................................................15 Best Practices and Blueprints ................................... 5 Compliance and Governance .................................. 5 Enterprise Ajax Widgets ..............................16 Partner Eco-system ..................................................... 5 Build your own customized Widgets ....................17 Professional Services .................................................. 5 Third party Widgets...................................................17 Premium Support........................................................ 5 Yahoo UI Rich Text Editor Widget ......................18 Yahoo UI Color Picker Widget..............................18 Why a Framework?.........................................6 Google Map Component.......................................18 Dojo Fisheye Widget...............................................19 The Enterprise Ajax 4 Framework Advantage Charts from FusionCharts......................................19 ..........................................................................7 Developer Productivity .............................................. 7 Backbase Developer Tools ..........................20 Code Maintainability and Extensibility ................. 7 Real-Time Debugging ..............................................20 Ease of Use .................................................................... 8 360-Degree Debugging.........................................20 Integration Features................................................... 8 I/O Inspector...............................................................20 IDE plug-ins.................................................................21 Backbase Enterprise Ajax 4 - Product Line...9 Code Samples and Starter Kits ...............................22 Enterprise Ajax 4 – Client Edition............................. 9 Backbase Explorer .....................................................22 Enterprise Ajax 4 – Community Edition ................. 9 Documentation .........................................................23 Enterprise Ajax 4 – JSF Edition ................................. 9 Enterprise Ajax - JSF Edition .......................24 Enterprise Ajax 4 - Feature Comparison ....10 Support & Help for Developers...................26 Backbase Enterprise Ajax 4 - Overview ......11 Developer Network ...................................................26 The Backbase Enterprise Ajax Client Runtime.... 11 Discussion Forums ....................................................26 Functions of the Backbase Enterprise Ajax Widget Factory...........................................................26 Runtime ....................................................................... 12 Newsletter....................................................................26 The Foundation Layer.............................................. 13 Support Services.........................................................26 The UI Management Layer...................................... 13 Professional Services.................................................26 The Widget factory Layer ........................................ 14 For more Information...............................................26 Runtime functionality highlights: ......................... 14 Single Page Interface.............................................. 14 Summary.......................................................27 Bookmark and Back- & Forward-Button Support The Top reasons to use Backbase Enterprise Ajax ........................................................................................ 14 4: ....................................................................................27 Keyboard Navigation.............................................. 14 2
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Introduction Ajax is quickly emerging as the best solution for developing a new generation of functionally rich, highly interactive Web applications — Rich Internet Applications (RIAs). Web 2.0 applications from companies like Google, Yahoo, and Flickr all use Ajax extensively. As a result of the success of these consumer applications, more businesses now use Ajax for delivering the same rich user experience to their customers and internal users. How rapidly is Ajax use growing? Gartner estimates that by 2010, at least 60 percent of new application development projects will include RIA technology. Another Gartner study reports that, "Ajax has become one of the 'hottest' development approaches in IT. Ajax is being implemented into development toolkits, and enterprises will quickly adopt it during the next year." A recent survey by SitePoint and Ektron of 5,000 Web developers, "The State of Web Development 2006/2007," reports that 46 percent of respondents plan to tap the Ajax model for a project in the next 12 months. Ajax’s simple no-plug-in deployment led developers and companies to add Ajax to their Web applications. However, the complex JavaScript code needed to support multiple browsers and to integrate the various components pointed out their next pressing need: a proper development framework that runs in the browser, just like the role an application server plays for server-side development. 3 View slide
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide The Backbase Advantage Backbase addresses the Ajax-based RIA development challenges with a superior enterprise Ajax framework which supports open industry standards. It includes tools to optimize the entire RIA development lifecycle, including components that facilitate integration with server back-ends, as well as a full service solution that includes best practices, compliance, governance, professional services and premium support. Open Standards Backbase is committed to supporting the leading Web standards established by organizations like W3C and the OpenAjax Alliance. Backbase Enterprise Ajax Framework includes the entire DHTML stack: (X)HTML, CSS, JavaScript, DOM, XMLHttpRequest, etc. It also supports XPath, SMIL, XInclude, XML Schema, and XSLT. In addition, Backbase supports Java standards such as JSF, Facelets, Struts, Spring MVC and JSR 168 and is involved in future standards such as JSR 286. Unlike proprietary approaches, Backbase's standards-based solutions work with existing applications and technology; allowing companies to easily add RIAs to existing infrastructure. By leveraging existing investments and open standards, Backbase reduces risks and accelerates development cycles. Enterprise Ajax Framework Backbase supplies a comprehensive solution for creating rich user interfaces. It accelerates initial development and eliminates application maintenance burdens by keeping new code development to a minimum. The framework ensures widget interoperability, communication, and binding control to data sources. Backbase also takes care of all routine tasks and requirements, allowing developers to focus on the unique aspects of an application. RIA Lifecycle Optimization An Ajax application is not developed in isolation: it must match business requirements and fit into the same application lifecycle as any other enterprise application. Backbase supports the entire application lifecycle — from initial idea development to maintenance several years after the application's release. Code reuse, agile development methodologies, integrated testing (including user interface), and application guidelines speed up development and promote maintainable code. This approach lowers total cost of ownership (TCO) for RIAs by eliminating the fragmentation and poor coding practices found in today’s JavaScript development. Enterprise Integration Backbase Enterprise Ajax is designed to leverage existing IT investments across all server platforms. Backbase Ajax client technology is fully server agnostic. The software seamlessly integrates with all common Web servers, application servers, and portal and SOA mashup servers. It is compatible with any server side technology: Java EE, .NET, PHP, ColdFusion or other. In addition to its client technology, Backbase provides additional pre-built connectors and/or runtimes for Portal servers (JSR 168), and for the Java server platform (e.g. Struts, JSF, JSP, Facelets, Spring MVC). 4 View slide
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Best Practices and Blueprints A commitment to continuously advancing its body of implementation best practices is Backbase's key to achieving Ajax practice leadership. Backbase collaborates with customers, partners and the Ajax community to solve real-world business problems. By encapsulating best practices whenever possible directly into subsequent product releases, training materials and implementation guidelines, Backbase products and services help the Ajax community drive down development time, risk, and cost. Backbase consulting and training services have helped many customers to develop solid RIA prototypes that can be rapidly extended to production applications. Compliance and Governance Backbase is committed to supporting the leading industry standards and enforcing government regulations through its software. Unlike proprietary RIA technologies like Microsoft Silverlight and Adobe Flex, Backbase fully supports open industry standards and common browser technologies. Additionally, Backbase has made significant R&D investments to maximize the support for the Web Accessibility Initiative (WAI) as defined by W3C and required by Section 508 (USA). With Backbase, customers write maintainable Ajax code using an object oriented programming model, a powerful inheritance model, and XML-namespaces. These features prevent unstructured and disorganized coding, and maximize code reuse and code maintainability. Partner Eco-system Backbase is dedicated to the success of Ajax in the enterprise and we work closely with customers and partners to deliver best-of-breed RIA software solutions based on enterprise customer’s needs. To deliver ongoing value to customers, Backbase partners with leading system integrators and "boutique" service providers to identify innovative applications of Ajax techniques. The company is committed to providing the largest number of integrations with software development and lifecycle management tools. Professional Services To ensure project success, Backbase customers can count on comprehensive mentoring, consulting services, and skills transfer. These services include tailored classroom training as well as on-site and Web-based courses. In addition, Backbase makes its Ajax development expertise available to customers for designing high-level Ajax application architecture. Professional services are also available to support customers and developers during all stages of development. Premium Support Backbase offers several technical support levels, from free online support to premium technical support with 24x7 availability: a premium technical support package with unlimited telephone or email support for one year, four authorized customer contacts, four-hour response time per telephone incident, and hot fixes to address urgent product issues. Strategic accounts get a dedicated technical account manager. 5
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Why a Framework? The many different browsers and numerous free components, widgets and projects bring new problems and pain for developers. Among those problems are: • Browsers from different vendors create incompatibilities, demanding ever more lines of code and multiplying maintenance challenges • Wiring different widgets together forces developers to create more custom JavaScript code, creating a bigger maintenance burden for the future • Widgets and components from different vendors or projects do not work together • Application owners need more advanced Ajax/RIA features that are difficult to create with custom JavaScript, resulting in so-called JavaScript Spaghetti • The snippet and widget approach of most toolkits doesn’t provide the structure for governance and reuse of UI elements across multiple applications or development teams, forcing IT staff to constantly re-invent the wheel and waste time on unnecessary Ajax "plumbing" • Compliance with ever-increasing industry and government standards is time- consuming for application developers 6
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide The Enterprise Ajax 4 Framework Advantage Backbase Enterprise Ajax is the standard in Ajax development. It offers the industry’s most comprehensive end-to-end solution for designing, developing and deploying highly reliable rich Internet applications (RIA) for the enterprise. The solution ensures best practices in software development by combining the Backbase Enterprise Ajax Framework with development tools; speeding development, quality assurance, application deployment and integration. Only Backbase Enterprise Ajax delivers everything you need to build, test and deliver Ajax based Rich Internet Applications. Backbase Enterprise Ajax works like an application server inside the browser: it offers a runtime with all the Ajax plumbing you need to create enterprise-class Ajax applications. It facilitates smart code reuse practices with an architecture based on object oriented patterns and multiple inheritance support. In addition to the runtime, the Backbase framework includes over 250 widgets and functions that can easily be customized. The framework includes the ability to customize, extend components, and create entirely new components, without writing browser-specific code, and without experience in the details of Ajax. The framework is extensible and integrates directly with Struts, JSF, SOA, Portals and other server platforms. Backbase Enterprise Ajax includes of full set of development tools designed to increase developer productivity. It includes Ajax development plug-ins for the Eclipse platform and a browser-based debugger. Developer Productivity • Build rich interfaces quickly by reusing over 250 pre-built Ajax widgets & functions, plus third party widgets • Quickly customize existing widgets, change their look and feel, their behavior, extend their functionality, and combine them into composite widgets • Code faster with code completion, wizards, and a graphical designer using the Eclipse plug-ins • Identify & fix errors quickly with the browser-based debugger • Code in the language of your choice with dual JavaScript and XML API • Accelerate development with tested code from sample applications • Learn from the experts or your peers, exchange knowledge, get support and share sample code directly from the Backbase Developer Network (http://bdn.backbase.com/) Code Maintainability and Extensibility • Simplify code maintenance and governance by leveraging the granular architecture of the framework based on reusable object oriented patterns • Code smart, with multiple inheritance, by developing code and widgets built on base classes or previously written code 7
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide • Create new functionality with only a few lines of code by building on existing UI Services and leveraging pre-built widgets Ease of Use • Start coding right away with a programming model that is very similar to HTML • Enhance your existing Web pages by progressively adding Ajax features • Use the framework with any server-side scripting and programming languages • Implement most advanced Ajax features without prior JavaScript experience, using easy-to-use Ajax tags for advanced Ajax functions • Ramp up quickly with Backbase's extensive documentation and training • Minimize your learning curve by programming the Client runtime in the language you feel more comfortable with (JavaScript or declarative XML) Integration Features • Portal servers (JSR 168): Use the portal connector to eliminate page refreshes of the popular Java portal servers • SOA: Create composite user interfaces that connect to your Web services. Build mashup applications that aggregate data from all over the Web • Struts: Accelerate your RIA development for Struts applications by extending the Struts tag library with Ajax-specific tags • JSF: Eliminate page refreshes and improve the end-user experience of JSF applications with a large collection of "Ajaxified" JSF components • Spring: Use Spring MVC with the Backbase Enterprise Ajax framework to create compelling Ajax applications 8
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Backbase Enterprise Ajax 4 - Product Line Backbase Enterprise Ajax 4 was designed to answer the needs of a wide range of developers, from novice to expert and from PHP to Java EE. To satisfy the different developer needs, Backbase Enterprise Ajax 4 comes in three editions: Client Edition, Community Edition and JSF Edition. Enterprise Ajax 4 – Client Edition Backbase Enterprise Ajax delivers all the Ajax functionality you need out of the box. It starts with a solid framework that runs in the browser. In addition, the Backbase framework includes over 250 widgets and functions that can easily be customized. The framework is extensible and integrates directly with Struts, JSF, SOA, Portals or any other server platform. It includes of full set of development tools such as a development plug-in for the Eclipse platform and a browser-based debugger. Enterprise Ajax 4 – Community Edition Backbase Community Edition can be used free-of-charge for development and deployment of Ajax projects, with a maximum of 2 server-CPUs per company. It contains almost all features of the Backbase Enterprise Ajax software, with the exception of some performance optimizations and server-side modules. Enterprise Ajax 4 – JSF Edition The Backbase Enterprise Ajax 4 - JSF Edition is a JavaServer Faces (JSF) implementation with an advanced Ajax Client Runtime and Eclipse-based development tools. Its runtime performs the Ajax component rendering in the JSF presentation framework. It extends the JSF request lifecycle to work in a Single Page Interface environment. It synchronizes client-server state and facilitates data binding. Backbase Enterprise Ajax 4 for JSF includes pre-built and customizable JSF Components designed to significantly accelerate development of rich internet applications with JSF. 9
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Enterprise Ajax 4 - Feature Comparison Community Client Edition Edition JSF Edition Product Features: Zero install Ajax Runtime √ √ √ OO Enterprise Ajax framework √ √ √ Built-in cross browser support √ √ √ XML & JavaScript APIs √ √ √ 250+ Widgets w/ source √ √ √ Customizable components √ √ √ 3rd party components integration √ √ √ Development tools √ √ √ - Browser-based Debugger √ √ √ - Eclipse plug-in √ √ √ - Syntax Highlighting √ √ √ - Code Completion √ √ √ Open Standards √ √ √ Performance Optimizer √ √ Platform Certification √ √ Accessibility Compliancy √ √ √ Struts Connector √ Portal Connector √ √ JSF Server framework √ JSF Server-side components √ Java DeltaActions API √ JSF Components source code √ Services Public forums √ √ √ Email Support √ √ Phone Support √ √ Maintenance Releases √ √ Hot fixes √ √ Notification and Alerts √ √ Schedule & Roadmap information √ √ Training √ √ Professional Services √ √ Legal Protection and Licensing Product Warranties √ √ Indemnification √ √ License Restriction (per company) 2 CPUs max none None Commercial License √ √ 10
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Backbase Enterprise Ajax 4 - Overview Backbase Enterprise Ajax offers all the Ajax plumbing you need out of the box. In addition to the runtime, the Backbase framework includes over 250 widgets and functions that can easily be customized. The framework has cross-browser support and includes the ability to customize, extend components, and create entirely new components, without writing browser-specific code, without doing cross-browser testing, and without experience in the details of Ajax. The framework is extensible and integrates directly with Struts, JSF, SOA, Portals or any other server platform. Backbase Enterprise Ajax includes of full set of development tools designed to increase developer productivity. It includes a development plug-in for the Eclipse platform and a browser based debugger. The Backbase Enterprise Ajax Client Runtime The Backbase Ajax Client runtime works like an application server inside the browser. It provides a robust and comprehensive client-side platform for developing and managing Ajax Applications. The runtime operates in all main browsers, is ultra light (less than 50kb) and is fully compatible with Web Standards like XHTML, CSS, JavaScript, XML and XSLT. How does it work? At the start of a session, the browser loads the ultra light Backbase Client runtime that is embedded in the webpage. This zero-install process is seamless to the end- user. The Client runtime is written in JavaScript and is responsible for rendition of the interface, communication with the server and real-time interaction with the end-user. Once activated within the Web browser, the Backbase Ajax runtime creates a client-side presentation framework, which includes facilities for state management, event management, asynchronous parallel processing, client-server synchronization and incremental data loading. This framework utilizes the processing power of the client machine to directly execute the web application’s interaction and presentation logic. 11
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Figure 1: Backbase Enterprise Ajax Client Runtime supercharging the browser The Client runtime provides an API to allow requests for services. By calling methods and properties and passing arguments as defined by the API, developers can leverage the built-in flexibility and focus on the functionality of their application. The runtime provides a dual API: a declarative API and a JavaScript API. This means that tasks can be performed either through XML command functions, through JavaScript, or a mix of the two. Functions of the Backbase Enterprise Ajax Runtime The Backbase Enterprise Ajax runtime consists of three main layers of functionality: a foundation layer which include all the fundamental functionality (JavaScript and XML programming, browser support, DOM abstraction), a UI Management layer with maintainability, data, visualization and communication services, and a Widget Factory layer for Backbase widgets, third party widgets, new custom widgets, and third party technology such as Flash and Silverlight. A set of productivity tools and services helps developing applications using the services included in those layers. 12
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide The Foundation Layer The UI Management Layer 13
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide The Widget factory Layer Runtime functionality highlights: Single Page Interface With Enterprise Ajax technology you can create Single Page Interfaces (SPI) that go far beyond the capabilities of plain HTML user interfaces. You can eliminate the limitations of the ‘click- wait…-and refresh’ multi-page user interface. Developers have full control over the complete SPI, can dynamically load new components in the client and can configure multiple widgets within the Single Page Interface to interact as one. Bookmark and Back- & Forward-Button Support Single Page Ajax applications need to comply with the traditional interaction style of Web applications and therefore need to support the back- and forward buttons and bookmarking. The Backbase Ajax runtime creates “Ajax URIs” (unique resource identifiers) that contain client- side state information in the fragment identifier. With these Ajax URIs, developers can easily create SPIs that work in conjunction with the back- and forward buttons and bookmarking. Keyboard Navigation Just like desktop applications, Backbase Ajax applications can be fully controlled via keyboard navigation. Any combination of keyboard instructions can be assigned to UI elements and commands, and the UI knows which element has focus at a certain point in time. As a result, Backbase Ajax applications can be optimized for fast data-entry operations and accessibility. Advanced Desktop Features Backbase provides generic UI functionality needed to build advanced desktop-like Ajax interfaces. These generic functions such as “Drag & Drop”, “Resizing”, “Focus”, “Effects” and 14
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide “Sorting” are universally used in all Backbase Ajax widgets and available for developers that want to create their own Ajax widgets. For example: Backbase provides a generic resizing system, so developers can add the “resizable” attribute to any UI element, including custom- built widgets and common HTML elements. Advanced Command Execution One of the most powerful features of Ajax applications is the execution of presentation logic in the client. As a result, Ajax applications are more responsive to end-user requests since the client can directly interact with the end-user, without the need of a full page request and response cycle. As a consequence, the client-side Ajax Runtime needs to provide a powerful client-side command execution platform to make sure multiple commands are executed in the proper sequence. Backbase provides developers with a robust cross-browser command execution model. Data- & ListGrid, Spreadsheet - Data intensive widgets The Data Grid and other data intensive widgets are advanced components for presenting and editing data in a tabular format. The Data Grid is cell-based and provides many features for rich interaction, including: editable fields, embedded form controls, context menu, insert and delete rows and columns, column sorting and resizing, grid resizing, keyboard navigation and multiple selections. The Grid is a solution to manage large list of data, presenting hundreds or thousands of line-items on a single page, while loading data on-demand when required. Paging A generic “paging” navigation model enables end-users to load new data sets on request. This can work with next-previous buttons, but also with a scrollbar that loads more data upon scrolling down. All new data increments are presented within a single page interface. The paging component can be used in combination with other Ajax component to model a user- driven data loading interaction. Rich Forms Simplify complex multi-page web forms into easy to use single page forms. Backbase comes with out-of-the-box features for real-time field validation, inter-field validation, context sensitive help, conditional questions and real-time data entry summary features. The Rich Forms widgets are complemented with advanced from elements such as sliders, spinners, date pickers and combo boxes. Skinning The look & feel of Backbase Ajax widgets is separate from the interaction and behavior. Backbase offers multiple skins. One of these, the system skin, provides a desktop look that actually hooks into the underlying OS and inherits the color scheme that the end-user has chosen for his desktop. Using the OS color scheme, the Backbase front-end will blend seamlessly with other desktop applications. The Backbase UI widgets can be adjusted to comply with any corporate- or brand identity style-guide (using standard CSS or using the theming capabilities of the chameleon skin). 15
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Enterprise Ajax Widgets The Backbase Ajax Client Edition includes the most complete component library with over 250 pre-built widgets and functions. The widgets are built in XHTML, CSS, JavaScript and XML, and can be used anywhere on the page. Figure 3 Backbase Enterprise Ajax widgets The widgets are managed by the Backbase Ajax runtime inside the browser. Some widgets have a desktop-like look and feel and others have a more web-native look-and-feel. Both types of widgets provide advanced interactivity to the end user. The widgets make heavy use of the Backbase Ajax runtime functionality (application and foundation functions) and are very compact and extremely easy to modify. The Backbase Ajax Widgets can be combined to quickly assemble a rich user interface. There are different types of widgets and widgets for different purposes: • Layout • Navigation • Information • Data handling • Rich forms processing • Charting & multimedia 16
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Layout widgets can be used to define the various areas in the user interface: how large they are, the position they have and whether they are resizable. The different areas can be filled with other widgets, for example for navigation of the application using a menu or a tree. Data handling components and form elements can also be added anywhere in the user interface. These pre-built widgets can be connected to each other using simple HTML and XML tags to define the client-side interaction patterns. This results in a user interface that is as rich as a desktop application but runs within a standard Web browser. For a detailed and up-to-date list of available widgets, check our website. A ‘live’ version of these widgets and controls is available online in the Backbase Demo Explorer: http://www.backbase.com Build your own customized Widgets The Backbase Enterprise Ajax framework allows you to change widgets to fit your needs. The source code of all pre-built widgets is included and Backbase encourages customers to modify and adapt the controls to suit their needs. Custom widgets can be created by adjusting pre- built widgets or by building widgets from scratch. With Backbase you are not stuck with rigid single purpose widgets; rather, you can create any UI control you need. Figure 4: Use Pre-built Ajax Widgets or create your own custom Widgets Third party Widgets Add third party Widgets to your Web applications. Backbase 4 allows you to reuse many of the Widgets from Google, Yahoo, or Dojo. 17
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Yahoo UI Rich Text Editor Widget Yahoo UI Color Picker Widget Google Map Component 18
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Dojo Fisheye Widget Charts from FusionCharts 19
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Backbase Developer Tools Backbase offers a complete set of development and debugging tools that increase developer productivity: Figure 5: Backbase Ajax Tools Real-Time Debugging The Backbase Enterprise Ajax Runtime provides real-time debugging functionality directly within the web browser. This approach enables developers to debug their code in the context of the application they are building. The real-time debugger provides features for 360-degree information on any section of the Ajax user interface: developers can click on any part of the UI, navigate the HTML tree or search using XPath. The Developer Tool will then display all relevant debugging information, such as warnings and errors, DOM-info, styling details and values of variables. The Ajax Runtime also enables real-time targeting and manipulation of sections of the user interface, so you can see the results of changes immediately on the screen without the need to change your source files. 360-Degree Debugging The Backbase Developer Tool allows interactive, real-time debugging of the complete Ajax user interface. The developer loads the debugger inside the browser, on top of the interface being debugged. Once loaded, the debugger gives the developer a 360-degree view of the interface. For each element currently used in the Ajax interface, the developer can easily inspect the XML data, the DOM node, the computed style, the behaviors and also the variables. The tool is fully integrated with the tracer and command execution. Following the trace, the developer can identify UI elements that have caused execution errors, and fix those. I/O Inspector Ajax applications are typically loading new data into an existing web page; however, it is usually cumbersome to monitor exactly what information is being loaded. The Backbase Ajax I/O Inspector provides detailed insight into all data requests. The I/O inspector is a real-time tool, and it can be accessed from within the Ajax page, thus providing developers with an immediate feedback loop. 20
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Figure 6: Backbase Enterprise Ajax Debugger IDE plug-ins Backbase Enterprise Ajax includes Eclipse plug-ins for code completion and syntax highlighting. Figure 7: Syntax highlighting and code completion within the Eclipse plug-in Backbase Eclipse plug-ins provide various project facets compatible with various technologies: client HTML (server-agnostic), JSP and Facelets. Additionally several page templates are provided within the Eclipse environment to assist Rapid Application Development. The Backbase JSF Edition Eclipse plug-in comes with additional wizards for creation of Backing Beans and creation and updating of custom Ajaxified JSF components. 21
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Code Samples and Starter Kits Developers know that code samples are one of the most useful tools to learn a new technology, because the code fragments can be analyzed in the context of a complete application, and quite often they can be reused in your own application. Backbase Enterprise Ajax contains both small code fragments in the Backbase Explorer, as well as complete sample applications. In addition, Backbase Enterprise Ajax contains many starter kits that are designed to help you get started quickly. These sample Rich Internet Applications illustrate how complete applications are built, and they allow developers to reuse both best practices and code fragments. Figure 8: Starter Kit example: Personal Information Manager Application Backbase Explorer Backbase Explorer is not only an impressive showcase of all Backbase Enterprise Ajax features; it can also be used as a development tool. Developers can easily copy relevant code from the Explorer to paste it in their application. 22
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Documentation Backbase Enterprise Ajax comes with extensive documentation. The documents address the different needs of various user groups from technical overview to detailed widget development guides. API references in Javadoc, CHM and HTML formats are also provided. 23
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Enterprise Ajax - JSF Edition Backbase offers a comprehensive Enterprise Ajax Development Framework for building Rich Internet Applications that create a superior end-user experience and have the same richness and productivity as desktop applications. The Backbase Enterprise Ajax JSF Edition is a JavaServer Faces (JSF) implementation that takes advantage of the client runtime and Eclipse- based development tools. The Backbase Enterprise Ajax - JSF Edition: • Is based on JavaServer Faces (JSF) • Allows you to control client interaction with Java code • Supports development, debugging and deployment in Eclipse • Works with any web browser, without a need for plug-ins • Includes pre-built Ajax JSF Components (UI Widgets) • Runs in all major Java Application Servers • Enables Single Page Interfaces, eliminating full page reloads • Is delivered with the Component sources to enable creation of custom component extensions Backbase consists of a client-side Ajax Engine, JSF Runtime, JSF Components and Developer Tools (see illustration). The Backbase Enterprise Ajax Client runtime is developed in JavaScript and provides a large amount of generic and reusable functionality, such as drag-and-drop, animations, back- forward button support, bookmarks, focus model, state management, data binding and templating. The Backbase Enterprise Ajax JSF runtime performs the Ajax component rendering in the JSF presentation framework. It extends the JSF request lifecycle to work in a Single Page Interface environment, it synchronizes client-server state and facilitates data binding. 24
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Backbase Ajax JSF Components are pre-built and accelerate application development. Over 100 customizable UI components are included, and developers can also create their own components. Besides the ajaxified flavors of the standard JSF components, the JSF Edition delivers rich Ajax JSF components that combine rich client side and server side behavior such as the list grid. Backbase Ajax Developer Tools provide a complete set of development tools with a plug-in for the Eclipse platform and debugging tools within the web browser itself. 25
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Support & Help for Developers Developer Network The Developer Network is the leading resource center for Enterprise Ajax developers. Learn about Enterprise Ajax and meet the experts. The Backbase Developer Network features the following: technical articles, tutorials, sample applications, demos, video demos, demos of projects and Backbase Lab applications, plus public discussion forums. Visit the BDN at http://bdn.backbase.com Discussion Forums Our product managers, support engineers and developers constantly visit and participate in a wide range of forums targeted for Backbase Enterprise Ajax users and the Ajax developer community. Visit the forums at http://www.backbase.com/forum Widget Factory Backbase provides the largest library of Ajax widgets and continues adding to it. Regularly check the Developer network for new and certified widgets. Contact our professional services for certification or help with your new custom widgets or third party widgets. Newsletter Published once a month, the Backbase Newsletter contains the most recent updates including, new releases, workarounds, and developer information such as summaries of the most popular articles on the Developer Network. Every month, it adds key Ajax related articles, as well as articles, tips and techniques from our Development Team. Register online at: http://www.backbase.com/newsletter Support Services Backbase Support provides Enterprise Ajax users and prospective Backbase Product owners with information regarding: System Requirements, Installation Instructions, General FAQ, Quick Start Guide and much more. http://www.backbase.com/support Professional Services Backbase offers a full suite of Ajax training courses that includes: Ajax for developers, Ajax for managers in addition to its Enterprise Ajax training. Contact our training organization for more details: http://www.backbase.com/services/training/. Backbase also offers consulting services covering all types of Ajax development. From quick scan, prototyping, architecture building, implementation, widget development, third party or custom widget certification to security audits and accessibility/Section 508 audits. Learn more at: http://www.backbase.com/services/ajax-consulting/ For more Information For more information about Backbase Enterprise Ajax, please visit us at: http://www.backbase.com 26
  • Backbase Enterprise Ajax 4 - Evaluator’s Guide Summary To avoid “reinventing the wheel” and recreating core functionality for each application, you need a framework. To avoid creating hundreds of line of code to support the many browsers, you need a framework. To avoid creating unmanageable code, you need a well structured framework. To reuse functionality, widgets and components you need a powerful framework. For peace-of-mind you need Backbase Enterprise Ajax 4, the only proven enterprise Ajax framework with over 5 million runtimes deployed. The Top reasons to use Backbase Enterprise Ajax 4: • Deploy your applications easily with zero install (no plug-in required) • Build rich interfaces quickly by using over 250 pre-built Ajax widgets & functions, building your own or by adding third party widgets • Code in the language of your choice with dual JavaScript and XML API • Quickly customize existing widgets, change their look and feel, their behavior, extend their functionality, and combine them into composite widgets • Code faster with code completion, wizards, and a graphical designer using the Eclipse plug-in • Identify & fix code errors quickly with the browser-based debugger • Simplify code maintenance and governance by leveraging the granular architecture of the framework based on reusable object oriented patterns • Create new functionality with only a few lines of code by building on existing UI Services and leveraging pre-built widgets • Start coding right away with a programming model that is very similar to HTML • Enhance your existing Web pages by progressively adding Ajax features instead of rebuilding them • Use the framework with any server-side scripting and programming languages • Implement most advanced Ajax features without prior JavaScript experience, using easy-to-use Ajax tags for advanced Ajax functions • Quickly integrate with SOA, Portal, Struts, JSF, Spring and more 27