Text Size Screencasts >

Web 2.0

These screencasts are stored in QuickTime format and were created at a screen resolution of 1680 x 1050. For online viewing they use a display resolution of 1024 x 640 format. Accordingly, it is best to save to disk first and then view in the standalone QuickTime player at the native resolution.


How to Create A Mashup. In this screencast, we create a Dynamic XSL that amalgamates content from remote web sites. Demo sequence: first we navigate to the BBC website using Safari. Next we dynamically extract the Safari URL and launch the StableDOM browser to extract FI racing content. Next we generate the RDF metadata for an image of the winner and final positions. These elements are then monitored for changes. Next, we launch the WYSIWYG Mashup Designer and create a Mashup. We then generate a Dynamic XSL. Added on June 24, 2007
JavaFX Script. In this screencast, we create a JavaFX application that amalgamates content from 4 web sites. Demo sequence: having previously selected the remote content as was done in the screencast entitled "How to Create A Mashup", we launch the WYSIWYG Mashup Designer and create a Mashup about JavaFX Script incorporating content from Wikipedia, a Sun press release, and a bio about Chris Oliver. We then use the JavaFX TinyMCE plug-in to launch the Mashup Designer for JavaFX. Using the Mashup Designer for JavaFX, we customize the script properties and then generate the JavaFX Script ready for deployment. Part 1 of 2. Added on June 24, 2007
JavaFX Script. In this screencast, we deploy a JavaFX Mashup application that amalgamates static and dynamic content. Demo sequence: having previously generated the JavaFX Script for the Mashup in a similar way to part 1 of the "JavaFX Script" screencast, we launch Sun's JavaFXPad to launch the JavaFX Mashup app. We then exercise the user interface capabilities such as transparent and floating windows, and window resize as the Mashup content is dynamically updated. Part 2 of 2. Added on June 24, 2007
Adobe Apollo. In this screencast, we create an Apollo Mashup application that amalgamates content from 3 web sites. Demo sequence: first we navigate to the Apollo Theatre using Safari. Next we dynamically extract the Safari URL and launch the StableDOM browser to generate the RDF metadata for the schedule of performances. Then we extract the description of Adobe Apollo from the Adobe Labs web site. These elements are then monitored for changes. Next, we launch the WYSIWYG Mashup Designer and create a Mashup. Part 1 of 2. Added on March 27, 2007
Adobe Apollo. In this screencast, we create an Apollo Mashup application that amalgamates content from 3 web sites. Demo sequence: Having created the Mashup content in part 1 of this screencast, we launch the Mashup Designer for Apollo Applications and define the application properties. Next we generate the Apollo Mashup Application. Finally, we launch the application using Adobe's adl tool. Part 2 of 2. Added on March 27, 2007
Google Gadgets. In this screencast, we create a Google Gadget. Demo sequence: first we launch the WYSIWYG Mashup Designer-- which is based on TinyMCE, the leading HTML blog editor-- and add a static caption. Next, we use the Mashup plugin to add a dynamic image. Then we launch the Mashup Designer for Google Gadgets via the Google Gadget Designer plugin. We then define the Gadget properties and generate the Module file. We use technology from cross-browser.com in our Mashup viewer canvas. Added on March 16, 2007
Apple Dashboard Widgets. In this screencast, we create and install a Dashboard Widget. Demo sequence: assuming that a Dynamic XSL has been previously created, we launch the Mashup Desginer for Dashboard Widgets. We define the Widget properties, then generate and install it. Notice the cool Mashup viewer, it's built using technology from cross-browser.com. Added on March 16, 2007
RSS Feeds. In this screencast, we create an RSS feed. This demo shows our integration with TinyMCE, the leading HTML blog editor. Demo sequence: first we launch the WYSIWYG Mashup Designer and add a static caption. Next, we use the Mashup plugin to add a dynamic image. Then we publish the content to an RSS Server via the RSS generator plugin. This launches the default feed reader and we watch it display the Mashup content. The Mashup viewer is built on technology from cross-browser.com. Added on March 16, 2007
Yahoo! Pipes. In this screencast, we create an RSS data source for a Yahoo! Pipe. Demo sequence: first we launch the WYSIWYG Mashup Designer and add a static caption. Next, we use the Mashup plugin to add a dynamic image. Then we generate the Dynamic XSL and publish the content to an RSS Server. Finally, we create a Yahoo! Pipe that consumes the RSS Mashup feed. This demo also shows our integration with TinyMCE-- the leading HTML blog editor-- and the Mashup and Dynamic XSL plugins as well as technology from cross-browser.com. Added on March 16, 2007
Opera Widgets. This screencast shows our integration with TinyMCE, the leading HTML blog editor as we create and install an Opera Widget. Demo sequence: first we launch the WYSIWYG Mashup Designer and add a static caption. Next, we use the Mashup plugin to add a dynamic image. Then we launch the Mashup Designer for Opera Widgets via the Opera Widget Designer plugin. We then define the Widget properties, then generate and install. We use technology from cross-browser.com in our Mashup viewer canvas. Added on March 16, 2007