IWP and DHTML Demos
Introduction
This page links to two demos of IWP's prototyping capabilities. Except for the visual effects (rollovers for example, and red outlining in forms validation), they were built entirely with IWP's prototyping features. Neither of these has a dynamic server side, though they do fetch static pages where server updates are called for.
It also links to a miniature application that gets data from Yahoo finance in the back end.
Note: The toolkit currently supports Mozilla/Firefox and IE6 primarily. IE 5.5 will also probably work. Safari is not completely supported, so the demos are likely to function only in part there.
IWP prototyping. These pages were built using IWP's prototyping capabilities specifically to show prototyping with IWP. IWP complements toolkits such as Dojo to enable rapid prototyping of server interactions by designers and automatic HTML stabilization. Toolkits such as Dojo provide rich widgets and sophisticated visual effects.
Forms-Oriented "Sales Lead" Demo
This is a heavily forms-oriented demo based directly on pages in the SalesForce.com service. The main form on this page displays a sales lead record. The fields have rollover effects, and if you click on them they convert into data entry fields, so the page serves both as a display and a data entry form.
The buttons for viewing Open Activities and Activity History are both active. These show incremental information retrieval. When clicked, these buttons fetch data from the server.
The "New Lead" button moves to a new empty form you can fill in. The Name and Company fields are required. When the form accepts your entered data, the page converts into its display mode.
Amazon Web Services Demo
This page uses Amazon.com visual elements with data obtained through Amazon's Web services. The Web services data was fetched through Amazon's Web services interface, processed with XSLT, saved, and merged in with this demo.
The demo shows a review-oriented site pulling data from Amazon and presenting it through a more responsive and interactive Ajax interface. The initial version of the page shows five reviews. The reviews are entirely preloaded; click on any link to immediately show the review text.
The link labeled "Get more reviews" is also active, and goes to the server to fetch five more reviews, which also become available. on any of the links to show
Stock Charting Demo and Application
The first is a very simple prototype built one morning, including acquiring the data from Yahoo. The second one is a working mashup of Yahoo finance comany information with live stock charts.
Launch the trivial prototype.
Launch the live company profile and stock charting demo based on the trivial prototype.
Forms Entry Demo with Dojo Toolkit Integration
Launch the registration update demo.
The tabset and draggable splitter in this demo use Dojo Toolkit widgets together with IWP prototyping. The demo is built without JavaScript code. In it the buttons are live, and they fill in the information display after sending data to the server. The forms are based on nonprofit profile information at VolunteerMatch
Animated "Reveal" Effects
This demo shows how to build two styles of animation for revealing an element or part of one. It does not rely on IWP or other outside libraries.
Restarting the Demos
To restart any of the demos, do a "hard reload" in your browser using the browser's reload button. In Mozilla or FireFox press Shift-Reload; in Microsoft Explorer, Control-Reload, or in Safari plain reload.