How to use EGL CE to develop a mashup of Jazz.net, a Google Spreadsheet, and Bing.com images
ChrisLaffra 060000KCEQ Visits (1622)
EGL CE has recently shipped, and I decided to write a sample that showcases some of the useful features this new and exciting technology offers.
In short, my sample downloads a workitem from jazz.net and shows it in a UI. Of course, my intent is not to replace the Jazz Web UI, rather I highly simplified it into a small sample that shows off aspects found in many rich web applications.
When the JazzUI handler is loaded, it makes a couple of service calls. The following picture shows what components in the UI are created how (it happens to show Darin Swanson, the creator or workitem 33551):
Use of EGL CE Features
My Jazz workitem UI showcases the following EGL CE features:
The code is heavily annotated with comments, so I won't show too much sample code in this blog entry and refer simply to the source code that can be found in the attachment.
Deployment and Compression
When I deployed my application in my workspace, I selected the project and used the context menu to deploy it. Then I create a new target project and deployed it on TomCat 5.5.
After it was deployed, I located the generated HTML file in the target project's WebContent folder.
I then used the context menu to run it on TomCat and used Firefox with Firebug to inspect the size of the end-result.
The following picture shows my Dojo files are cached in the browser already (except for jsapi!). Note that the picture shown for the 'creator' is completely random and really comes from bing.com when you search for Bill .
As you see in the image above, the dojo widgets themselves come from Google's CDN.
Try it for yourself
To try the sample for yourself, follow these instructions:
The import dialog should look something like this: