Dojo Toolkit

From Wikipedia, the free encyclopedia

Dojo Toolkit
Developed by	Dojo Foundation
Latest release	1.1.0 / March 28, 2008
Written in	JavaScript
OS	Cross-platform
Genre	JavaScript toolkit (or library)
License	BSD License and the Academic Free License
Website	http://dojotoolkit.org

The Dojo Toolkit is a modular open source JavaScript toolkit (or library), designed to ease the rapid development of JavaScript- or Ajax-based applications and web sites. It was started by Alex Russell in 2004 and is dual-licensed under the BSD License and the Academic Free License. The Dojo Foundation is a non-profit organization designed to promote the adoption of the toolkit.

Contents 1 Features 1.1 Widgets 1.2 Asynchronous communication 1.3 Packaging system 1.4 Client-side data storage 1.5 Server-side data storage 2 Developing Dojo 3 Dojo Foundation and Sponsorship 4 See also 5 External links 6 References

[edit] Features

[edit] Widgets

Dojo widgets are prepackaged components of JavaScript code, HTML markup and CSS style declarations that can be used to enrich websites with various interactive features that work across browsers:

• Menus, tabs and tooltips.
• Sortable tables, dynamic charts and general 2-D vector drawings.
• Animated effects like fades, wipes and slides, and facilities for constructing custom animation effects.
• Tree widgets supporting drag-and-drop.
• Various comfortable forms, and routines for validating form input.
• A calendar-based date selector, a time selector, and a clock.
• An inline rich text editor.
• Core widget set (dijit) is accessible to low vision, screen reader and keyboard only users. Screen reader accessibility is implemented via Accessible Rich Internet Applications (ARIA) Specification (WAI-ARIA) and supported in Firefox.

[edit] Asynchronous communication

One important feature of Ajax applications is asynchronous communication of the browser with the server: information is exchanged and the page's presentation is updated without a need for reloading the whole page. Traditionally, this is being done with the JavaScript command XMLHttpRequest. Dojo provides an abstracted wrapper (dojo.io.bind) around various web browsers' implementations of XMLHttpRequest, which can also use other transports (such as hidden IFrames) and a variety of data formats. Using this approach, it is easy to have the data a user enters into a form sent to the server "behind the scenes"; the server can then reply with some JavaScript code that updates the presentation of the page.

[edit] Packaging system

Dojo provides a packaging system to facilitate modular development of functionality in individual packages and sub-packages; the base Dojo "bootstrap" script initializes a set of hierarchical package namespaces -- "io", "event", etc. -- under a root "dojo" namespace. After initialization of the root namespace any Dojo package can be loaded (via XMLHttpRequest or other similar transport) by using utility functions supplied in the bootstrap. It is also possible to initialize additional namespaces within or parallel to the "dojo" namespace, allowing extensions of Dojo or the development of private Dojo-managed namespaces for third-party libraries and applications.

Dojo packages can consist of multiple files, and can specify which files constitute the entire package. Any package or file can also specify a dependency on other packages or files; when the package is loaded, any dependencies it specifies will also be loaded.

Workarounds for cross-domain loading of most Dojo packages are provided (though this requires a specialized build of Dojo).

Dojo also provides a mechanism for building "profiles"; the build system takes as input a list of packages, and uses Apache Ant to create a single compressed JavaScript file containing those packages and all their dependencies. This allows all necessary code to be loaded and initialized at once, and permits caching of the code (most web browsers do not cache files loaded via XMLHttpRequest). Pre-built profiles for some common use cases are available for download from the same location as the full toolkit.

[edit] Client-side data storage

In addition to providing support functions for reading and writing cookies, Dojo also provides a local, client-side storage abstraction named Dojo Storage. Dojo Storage allows web applications to store data on the client-side, persistently and securely and with a user's permission. It works across existing web browsers, including Internet Explorer, Firefox, and Safari. When included in a web page, Dojo Storage determines the best method for persistently storing information. On Firefox 2, it uses native browser persistence; on other browsers it uses a hidden Flash applet. With Flash 6+ being installed on about 95% of computers connected to the web ^[1], this makes the storage mechanism accessible for much of the web's installed base. For a web application that is being loaded from the file system (i.e. from a file:// URL), Dojo Storage will transparently use XPCOM on Firefox and ActiveX on Internet Explorer to persist information. The programmer using Dojo Storage is encapsulated from the storage mechanism used, and is presented with a simple hash table abstraction, with methods such as put() and get().

[edit] Server-side data storage

As of January 2007, Dojo includes the following example server-side datastore implementations in the dojo.data namespace^[2]:

• CsvStore: a read-only store that reads tabular data from comma-separated values files
• OpmlStore: a read-only store that reads hierarchical data from OPML format files
• YahooStore: a read-only store that fetches search results from the Yahoo! Search web service
• DeliciousStore: a read-only store that fetches bookmarks from the del.icio.us web service
• RdfStore: a read-write store that uses SPARQL to talk to RDF data servers including, for example, the Rhizome RDF application server.

[edit] Developing Dojo

For comfortable development with Dojo you can use the Aptana IDE or Komodo. There is a community-version of Aptana and a 21-day trial of Komodo. Dojo-Plugins are available for both (currently Dojo 0.4.3 & 0.9.0). For WYSIWYG development using Dojo, you can use the open source WaveMaker Visual Ajax Studio.

[edit] Dojo Foundation and Sponsorship

Both IBM^[3] and Sun Microsystems^[4] have announced official support for Dojo, including code contributions.

Zend Technologies, the company behind the PHP core, has announced a partnership with Dojo, to incorporate it to the Zend Framework^[5]

The Dojo Foundation is a 501(c)(6) non-profit organization founded to help open source projects. Its primary goals are to aid in adoption by companies, and encourage projects in the foundation to collaborate with one another^[6].

Its sponsors and members are:

• IBM
• Sun Microsystems
• JotSpot
• SitePen
• Renkoo
• AOL
• TurboAjax
• OpenLaszlo
• Nexaweb
• Bea Systems

[edit] See also

• Comparison of JavaScript frameworks

[edit] External links

• dojotoolkit.org, official Dojo site, with demos
• The Book of Dojo
• Dojo Foundation
• Infoworld review of Ajax toolkits, 31 July 2006
• Dojo Overview

[edit] References

1. ^ Adobe Flash Player Version Penetration. Adobe website.
2. ^ Dojo Data (January 11, 2007). Retrieved on 2007-02-03.
3. ^ IBM Contributes Ajax Software Development Technology to Open Source Community. IBM Press Release (June 5, 2006). Retrieved on 2007-02-03.
4. ^ "Sun Joins the OpenAJAX Alliance and Dojo Foundation". Sun Microsystems Press Release (June 16, 2006). Retrieved on 2007-02-03.
5. ^ Dojo and Zend Framework Partnership Announcement
6. ^ About the Dojo Foundation

v • d • e List of Web Application Frameworks ASP.NET ASP.NET MVC Framework · BFC · DotNetNuke · MonoRail · Umbraco ColdFusion ColdSpring · Fusebox · Mach-II · Model-Glue · onTap Java Apache Cocoon · Apache Struts · AppFuse · Aranea framework · Click Framework · Cooee framework · framework.fleXive · Google Web Toolkit · Grails · Hamlets · IT Mill Toolkit · ItsNat · JavaServer Faces · JBoss Seam · Makumba · Mentawai · Oracle ADF · OpenLaszlo · OpenXava · Reasonable Server Faces (RSF) · Restlet · RIFE · Shale Framework · SmartClient · Spring Framework · Stripes · Tapestry · ThinWire · WebObjects · WebWork · Wicket framework · XTT Framework · ZK Framework Client-side AJILE · Clean AJAX · Dojo Toolkit · Echo · Ext · jQuery · ASP.NET AJAX · MochiKit · MooTools · OpenLink AJAX Toolkit · Prototype JavaScript Framework · qooxdoo · Rialto Toolkit · Rico · script.aculo.us · SmartClient · Spry framework · Yahoo! UI Library Perl Catalyst · Interchange · Maypole · Mason PHP Akelos PHP Framework · CakePHP · CodeIgniter · Drupal · eZ Publish · FUSE · Horde · Joomla! · KohanaPHP · MODx · PHP For Applications · PHPOpenbiz · PRADO · Qcodo · Seagull PHP Framework · Simplicity PHP framework · SilverStripe · Symfony · Zend Framework · Zoop Framework Python CherryPy · Django · Karrigell · Nevow · Porcupine · Pylons · Spyce · TurboGears · TwistedWeb · Webware · Zope Ruby Camping · Nitro · IOWA · Ramaze · Cerise · Merb · Ruby on Rails Server-side JavaScript AppJet · firecat · Helma Object Publisher Other/ Multiple languages Alpha Five · Fusebox (ColdFusion and PHP) · OpenACS (Tcl) · Seaside (Smalltalk) · UnCommon Web (Common Lisp) · Yaws (Erlang) · HAppS (Haskell)