Rose Colored Glasses

Random Thoughts on Instructional Design

Educational Web Design Projects

artifactsSiteClassics Department Artifact Site – For this project we migrated the Classics department digital artifacts library from an older technology to an interactive web based application.  The new platform allow for the department to easily maintain and  update the resource.  The site also allows faculty to create artifact groupings for specific courses and to add student researchers to the site for the development of narratives on assigned artifacts.

aegeanAegean Prehistoric Archaeology blog – For this project I created an interactive digital textbook for  Dr. Rutter. He requested that a site he started in 1996 be updated and moved into a medium that would be easy for an instructor to update, shareable with individuals outside of the institution and easy for multiple professionals to enhance.

We decided on WordPress as a platform and added a series of plugins to provide him with the requested functionality. GRAND Flash Album Gallery was used to display the large number of photo albums associated with the site lessons. The Tooltips plugin was used to create a hypertext glossary of terms, and the Wiki and WP Symposium were installed to allow contributors to share information, have dialogs about the content and receive newsletters from the site authors. View the Aegean blog

  • Tools/Platforms: Snagit, WordPress, Photoshop, Dreamweaver
  • Technology: CSS3, HTML5

brothersThe Brothers Karamazov Site rewrite – for this project I recreated the functionality provided in the Brothers Karamazov MOO and static website created for student exploration of the novel into an interactive blog. Quick Chat and Digress.it were used to replace the MOO functionality and Wiki tool and comment enabled blog pages replaced the old HTML4 table driven webpages. The WP Accessibility Access Keys plugin is used to make the site more accessible. View the Brothers Karamazov site

  • Tools/Platforms: Snagit, WordPress, Audacity, Photoshop, Dreamweaver
  • Technology: CSS3, HTML5
Research Guides that provide the Dartmouth community with teaching and learning resources. 
  • Tools/Platforms: Springshare Research Guides, Dreamweaver, SnagIt, Captivate 5 & 5.5
  • Technology: CSS2, HTML4

Blackboard Tutorial Site – The mobile ready tutorial site was developed in support of the migration from Blackboard 8 to 9.1. Site developed with the html 5 and CSS3. View the Blackboard tutorial site

  • Tools: Dreamweaver, SnagIt, Captivate 5 & 5.5, Fireworks 5
  • Technology: CSS3, HTML5

Educational Technology FAQ site – designed as a self-service information system for faculty and faculty support services. Site developed with the phpMyFAQ open source product.

  • Tools/Platforms: Snagit, phpMyFAQ, Dreamweaver, Fireworks5
  • Technology: CSS3, HTML5, PHP

Instructional Design and Technology (ID and T) blog for Educational Technology Group at Dartmouth

  • Tools: Snagit,  Audacity, Photoshop, Fireworks,  Dreamweaver, Captivate 5
  • Technology: CSS3, HTML5

UAA Second Life Island – terraforming and building of teaching space in Second Life, and conducting faculty workshops and guided tours of UAA Island in Second Life. I also collaborated with Amanada Albright (Alldark Nightfire) on the development of 5 module self-guided  workshop offered through Moodle/Sloodle on interacting and building in Second Life for UAA Faculty.

UAA Instructional Design Resources – This site is dedicated to assisting faculty with the development of online and classroom based courses by providing tutorials, self-paced workshops and links to supportive resources. View the UAA site (this is a sample of the original site — much of the data has been removed)

  • Technology: XHTML 1.0, CSS2 for layout and styles, Java script for interactive elements
  • Tools/Platforms: Fireworks, Dreamweaver, Camtasia Studio, SnagIt, Moodle

Taming the Migraine case study siteTaming the Mighty Migraine – This site provided an online problem analysis case for a graduate course in pharmaceutical marketing at the University of the Sciences in Philadelphia.

  • Tools: Dreamweaver5, Fireworks5
  • Technology: HTML4, CSS2

Online MBA in Pharmaceutical Business site – I wrote the copy and designed the site for the University of Sciences in Philadelphia first fully online graduate program. 

  • Technology: XHTML 1.0, CSS2
  • Tools: Fireworks, Dreamweaver, Fireworks

Blackboard Tools and Techniques – this site was developed to assist faculty and students at University of the Sciences in Philadelphia gain a comfort level with the Blackboard course management system.

  • Technology: XHTML 1.0, CSS2
  • Tools: Fireworks, Dreamweaver, Camtasia Studio, SnagIt

College of Graduate Studies Newsletter – this content management system was designed to provide information to the students and faculty at the University of Sciences in Philadelphia.

  • Technology: XHTML 1.0, CSS 1 & 2 for layout and styles, PHP, mySQL
  • Tools: XOOPS for content management, Fireworks, WordPress, Dreamweaver, MS Word


Immaculata University Policy Website – developed policy statements in conjunction with the Senior Academic Leaders on campus  and designed an online site for the campus community.

  • Technology: XHTML 1.0, CSS 2
  • Tools: Fireworks, Dreamweaver

Instructional Design Community – Site was designed as a resource center for professional instructional designers, and faculty interested in enhancing their multimedia design skills.

  • Technology: XHTML 1.0, CSS 2
  • Tools/Platforms: Fireworks, Dreamweaver, Snagit, Joomla

Hitchhikers Guide to Course Development – Site was designed to provide tools, links and tutorials to Instructional Designers, faculty, and trainers interested in designing online courses and multimedia rich learning tools.

  • Technology: XHTML 1.0, CSS 2 for layout and styles, PHP, MySQL
  • Tools/Platforms: Moodle for content management, Fireworks for image creation and manipulation, PowerPoint and flash for selected lecture materials, Adobe Captivate for selected tutorials

Multimedia Portfolio Development – This site will help individuals plan, organize, and develop a digital/ multimedia portfolio which will showcase their experience and background.