Over the years I have developed a number of courseware web apps, exploiting various frameworks and DOM manipulations which have evolved over time. The following is a selected list of web apps including discussions of the development tools that I used:
Autonomic Nervous System 2010 [http://vanat.cvm.umn.edu/ans/]. The gross anatomy and physiology/pharmacology of peripheral nerves that innervate viscera (cardiac & smooth muscle) are explained and illustrated. Sympathetic and parasympathetic efferent pathways to body regions are presented as tutorials and animated quizzes.
This web app uses Adobe FLASH to create and play animations of nerve impulses traversing schematic drawings and pop-up quiz answers. An Adobe Flash Builder application is used is used to produce the FLASH content and browsers must download a FLASH Player plug-in to play the content. FLASH content was widely popular before the advent of Apple’s iOS Phones and Tablets, which do not play FLASH content (Puffin iOS browsers do play FLASH).
Embryology Highlights (Screencasts) 2011 [http://vanat.cvm.umn.edu/embryoHL/]. Veterinary developmental anatomy is presented through a series of narrated video presentations (screencasts), which together constitute an online introductory embryology course.
The screencasts were produced by assembling our lecture note PDFs and using Camtasia software to capture screen images, including mouse pointer movements, while narrating prepared scripts. Camtasia was used to edit the resultant video and generate .mp4 video clips of the embryology courseware.
Canine Head Transection. MRI & CT Images Side Show 2016 [http://vanat.cvm.umn.edu/headShow/]. Synchronized MRI & CT images of a canine head can be traversed manually via mouse or keyboard or advanced automatically at a prescribed rate. MRI images can be toggled on/off by the user.
Canine Brain Sections Tutor 2016 [http://vanat.cvm.umn.edu/brainTutor/]. Each of twelve brain images is overlaid with black dots and randomly ordered black terms. Clicking/tapping either a dot or a term identifies the corresponding pair with a distinct color, confirming the term-structure relationship for the student.