Content Notes:
While a contractor at Sun Microsystems, I suggested modifying Sun’s online Flash Demo Player. The original version - although a beautiful interface - was very cumbersome to use. I saw numerous improvements that could be made to the code base that would reduce a designer’s development time drastically.
Technical Notes:
The interface is created entirely in Flash and reads data from a single XML file.
My Role:
Originally designers were required to modify the Flash shell for some modifications. I rewrote the source Actionscript code to eliminate that need and moved all modifications to the external XML file. In addition, I rewrote the user help guide using InDesign.
Files:
Click here to download the Actionscript file (AS - 48K): Sun Demo Player Actionscript
Click here to download the Sun Demo Player User Help Guide (PDF - 1.1MB): Sun Demo Player User Guide
Links:
Click here to view the site: Sun Demo Player
Content Notes:
As Product Evangelist for Cakewalk’s Project5 software, I was charged with creating a web portal for new users of the software. The portal would be the hub where music enthusiasts could learn new techniques, read interviews with professional musicians, download songs, sounds, and patterns, and interact with each other through an online forum.
Technical Notes:
The user interface was designed in Photoshop, sliced and optimized with ImageReady, and assembled in to a working website using HomeSite and Dreamweaver. Demo songs and sound banks were created using multiple audio software products. Articles and tutorials were created using Flash, XML, and Camtasia.
My Role:
In the initial stage of the site, I designed the look and feel, user interface layout, and navigation structure that would be used by the .ASP programmer. When the site was live, I contributed articles, tutorials, tips and tricks, demo songs, and sound banks on a weekly basis.
Files:
Click here to download a PDF of initial “look and feels” (PDF - 248K): Project5 Look and Feels
Links:
Click here to view the site: Project5 Site
Content Notes:
This device training for Abbott’s APM II pump teaches through scenarios. It includes a demonstration of what to do, as well as a fully interactive model of the pump that gives learners a chance to demonstrate their proficiency.
Technical Notes:
This product was created using Flash, HTML, and Javascript. It has a narrow horizontal design because it was designed to fit in the shell of a SmartForce content management system (requires hooks to SQL database).
My Role:
This was a “one man” project. I designed all graphics, ui elements, html, and javascript functionality. I coded all interactions and simulations in Flash. I also was the instructional designer and project manager working closely with a very knowledgeable SME at Banner Health.
Files:
Click here to download some sample Javascript (JS - 4K): Sample Javascript
Click here to download a sample chapter (MS Word - 72K): Sample Chapter
Links:
Click here to view the site: Abbott - APM II Simulation & Training
Content Notes:
When DigitalMed rolled out its portal to 104 hospitals and 112,000 users, it became apparent very quickly that a robust online help system was needed. In addition, the content needed to be both printable and available online.
Technical Notes:
The solution involved single source files in Framemaker and two publishing methods via Web Works Publisher and Adobe Acrobat.
My Role:
I used Framemaker to write the content. I created the HTML framework using Web Works Publisher, and used Adobe Acrobat to create the PDF file.
Files:
Click here to download the PDF version (PDF - 5.5 MB): DigitalMed Portal Online Help