Interactive eLearning Project:

I recently completed a large-scale eLearning project consisting of 3 courses that each contain over 50 modules/lessons.


The requirements included:

  • Take existing PC-based CBT courseware and re-design with a modern look and feel
  • Must be HTML5/JavaScript – develop it so that it is consumable across all popular platforms/devices
    • Windows
    • Mac OS X
    • Linux
    • iOS (iPhone, iPad)
    • Android
  • Duplicate the existing and very unique quiz and learner tracking capabilities in the desktop version

Tools/Technologies Used

  • Adobe Captivate 8 (publishing to HTML5)
  • Javascript (custom Javascript utilized throughout the courseware for the following):
    • Interactions
    • Custom quiz engine/scoring/feedback
    • Learner score tracking and reporting
    • Interfacing with custom score tracking database
  • Adobe Edge Animate
  • Adobe Photoshop
  • Adobe Illustrator


Screen Shot 2015-06-18 at 3.00.26 PM
Layered interactive guides/information available
Screen Shot 2015-06-18 at 3.00.41 PM
Included Rule Books/Additional Information
Screen Shot 2015-06-18 at 2.59.43 PM
Custom graphics/images
Screen Shot 2015-06-18 at 3.02.03 PM
Interactions throughout courses allow learners to learn critical skills by doing.
Screen Shot 2015-06-18 at 3.03.46 PM
Learners are tested with randomized pools of high-definition video clips.
Screen Shot 2015-06-18 at 3.04.02 PM
Customized feedback, based on the user’s responses/grading, for each video question.
Screen Shot 2015-06-18 at 3.05.04 PM
Unique scoring and reporting of test scores – this dimensional reporting allows for greater insight and learning by both students and supervisors.
Screen Shot 2015-06-18 at 3.05.15 PM
Students can review the videos questions they scored incorrectly.
Self-reporting capability
Self-reporting capability
























More information: