® emerging internet technologies © copyright 2007 ibm corp. ; made available under the epl v1.0...

®

Emerging Internet Technologies

© Copyright 2007 IBM Corp. ; made available under the EPL v1.0

AJAX Toolkit Framework

Robert Goodman ([email protected])

IBM Software Group

IBM Software Group

2© Copyright 2007 IBM Corp. ; made available under the EPL v1.0

Agenda

Overview

AJAX Toolkit Framework Components

Component Details

JavaScriptTM Development Tools Project

Where to get AJAX Toolkit Framework

Demonstrations through-out

IBM Software Group


Overview The AJAX Toolkit Framework (ATF) is an Integrated Development Environment

(IDE) for AJAX developers and an extensible framework for adding AJAX runtimes in to the IDE. It is an open-source project in incubation phase on Eclipse.

Provides

Tools to develop any DHTML/AJAX application

Tooling to facilitate use of various AJAX toolkits

Tight integration with the existing Eclipse user interface and development paradigm

Targets AJAX Application Developers and Toolkit Developers

Aims to provide an ever-expanding set of high-function tools for AJAX developers

Multi-platform support

Windows, Linux x86, Mac OS X

IBM Software Group


MozillaXULRunner & JavaXPCOM

AJAX Toolkit Framework are Eclipse Plugins

EECCLLIIPPSSEE

Eclipse WebTools



is a collection of Eclipse plugins

IBM Software Group


AJAX Toolkit Framework Components

Browser Tooling

DOM Inspector, DOM Source view, Browser Console, Request Monitor, CSS Tools, etc.

JavaScriptTM Debugger

Stack Frame, Variables and Script view

JavaScriptTM Development Tools

Robust JavaScript Tooling

Embedded Mozilla Browser

Run/Debug an Ajax application in the Embedded Mozilla Browser

Application Deployment

Deployment of an AJAX Application to a server.

IBM Software Group


Installing/Configuring AJAX Toolkit Framework

All-in-one packages available. Builds available for Win32 (XP), Linux (32 bit), and Mac OS Contains only the Eclipse/ATF functionality needed by the Web Developer

• Web Development and Web Tools Perspectives• Views and Menus only needed by Web Developers.

No Java Development Tools and Java Enterprise Editions (JSPs, JSF, etc.)Simple Unzip/Tar install.

ATF unzip packagesTwo packages available

• WST only• WST and JST (J2EE support).

Unzip on top of an existing eclipse install.Usual way Eclipse projects are released.

ATF Archive Site Zip.Uses Eclipse Update Manager to install ATF. Checks and download dependences.

IBM Software Group


Installing/Configuring AJAX Toolkit Framework

Generic Ajax Runtime SupportAbility to configure and use most Ajax Runtimes

Runtimes need to be manually downloaded

• ATF doesn’t ship Ajax Runtimes.

Configure and use your favorite runtime.

• Ajax Runtimes are optional

ATF tooling available for JavaScript/DHTML development

Ajax Toolkit ProjectWizards to create a Ajax Project and configure an Ajax Runtime

Web Tools Static and Dynamic Web Projects are also supported

IBM Software Group


JavaScript Development Tools

JavaScript Development ToolsA new WST component to provide Robust JavaScript Tooling

Real JavaScript Model Enhanced code completion Enhanced Outline view Code formatting Code refactoring “Language level” searching Etc.

Provide JDT level of functionality for JavaScript.Usable as a stand alone editor and integrated into WTPSee Phil Berkland’s Presentation

• How to Develop AJAX Applications with Eclipse JavaScript

• Wednesday 1:00pm – 1:45pm

IBM Software Group


Application Deployment

Multiple Server TypesHTTP Web Server J2EE Servers

HTTP Web Server

Support defining a HTTP Web Server in EclipseAbility to specify publish directoryDefining the HTTP server portSupport for Home Page URLs (~username)

J2EE ServersMultiple J2EE Servers (Tomcat, JBOSS. etc.)Testing done using Tomcat

Publishing OptionsAutomatically publish to serverNever publish to server

IBM Software Group


Embedded Browser

Integrated the Mozilla Browser

Using XULRunner

Provides the engine for AJAX ToolingDebugger

JavaScript Engine

Browser Views

Web Development and Web Tools perspectives

IBM Software Group


JavaScript Debugger

Breakpoints

Ability to set breakpoints in JavaScriptAny file type with JavaScript content (html, js).

Breakpoints can be enable/disabled

Debug Views for JavaScriptCall Stack

Variables

Breakpoints

Scripts View

Expression Support

Debug Preference options

IBM Software Group


URL Debugging/Running

HTTP or File URL support

Able to launch and debug an AJAX application using a URL.

Application doesn’t have to reside in Eclipse.

All tooling supports handling files by URL. Editor

Debugger

Browser tooling

Breakpoint ManagementUser has to manually delete breakpoints

IBM Software Group


Browser Tooling

DOM Inspector Shows the DOM tree rendered by the Browser Dynamically updated to reflect changes within the browser Attributes of a node can be edited, added to, and removedA breadcrumb trail of hyperlinks is created for the node's path

DOM Source viewDisplays the HTML source of the selected DOM node Source can edited, validated, and updated back to the browserNotification of a DOM element's source being out of sync with the

browser

DOM watcherWatch events for a selected node.

IBM Software Group


Browser Tooling

DOM CompareAllows nodes to be compared

Browser ConsoleShows all browser (i.e JavaScript, CSS) errors, warnings, and logging

messages

Double clicking on an error opens to the relevant line of code

Request MonitorObserve HTTP request/response information

Formatting of the response body based on content-types

JavaScript Eval viewInteractive JavaScript Evaluation

IBM Software Group


Browser Tooling

CSS ViewStyle Rules

Shows the rules and their defined properties Able to edit and add a propertyOpen CSS file for the rule and property Highlights the DOM elements using a selected style rule or property

Computed StylesShows every style rule computed by the browser

Box ModelShows the dimensions, x-y coordinates, padding, border, and margin

information

Diffs Shows the changes made to CSS rules and properties

IBM Software Group


Where to get AJAX Toolkit Framework

Open Source Project on Eclipse

www.eclipse.org/atf

Listserv and Newsgroup [email protected]

news://eclipse.webtools.atf/

Source Code in Eclipse CVS

Milestones and Weekly buildswww.eclipse.org/atf/downloads/index.php

Flash Demo Movieswww.eclipse.org/atf/flash/index.php

IBM Software Group



Would like AJAX developers to use the toolTell us what you like or dislike

Enhancements that should be made.

Would like AJAX Runtime vendors to plug-in their runtimes

Looking for Contributors

IBM Software Group


Legal Notices

Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.

Other company, product, or service names may be trademarks or service marks of others.

® emerging internet technologies © copyright 2007 ibm corp. ; made available under the epl v1.0...

Documents