Stress Management Reusable Learning Object Development
Aaron has been asked to develop a Reusable Learning Object (RLO) providing a guide to managing the stress associated with clinical placement which has been developed by students for students.
Aaron was initially presented with a specification document which had outlined the textural content along with requirements for video, audio and interactive content. Aaron took this specification and began developing a resource which would meet the expectations of the student authors but would do so in an accessible and responsive manner. Having previously undertaken work on developing a HTML5 template for learning resources Aaron has further developed and refined this work to provide an extremely responsive template providing a great user experience regardless on device being used to access the resource.
Stress Management Reusable Learning Object - Resource start page
Aaron initially developed the resource based upon an HTML5 template developed during the redevelopment of a flash based resource. Aaron then modified the template, introducing new navigation mechanisms and reorganising content to ensure the small screen experience was as good as possible.
Ensuring efficient and intuitive navigation in smaller screens and finger friendly approach allows decisions about elements which can be removed streamlining the content.
Larger screen view of resource
Medium screen view of resource
Small screen view of resource
The content authors were very specific regarding the feel of the resource and Aaron has incorporated that requirement giving the resource a vintage carnival / fair feel and this provides the user with an interesting visual experience.
Aaron has also utilised the CreateJS framework to provide interactive content combining image, animation, interactivity and sound. This interactive content is designed to be device agnostic and providing consistent experience across the design. Aaron also made use of animation generated withn Adobe Flash which was exported through the CreateJS plugin producing canvas based animation.
Canvas based "Drag and Drop" activity
To compliment this live video capture Aaron has worked to develop informative and clear animation which interprets the narration and adds value to the content. The resource also includes live video capture which captures the thoughts of students related with the management of stress on clinical placement. This animation work has taken the form of video footage developed within Adobe AfterEffects and presented within the resource via HTML5 video. This decisions was based upon the reliable synchronisation of audio and visual content, high levels of browser support and the potential that this could make use of the University’s Media Streaming server to handle responsive delivery of content.
- Bootstrap V3.2
- Live Video Capture
- Adobe AfterEffects
- Adobe Premiere
- Adobe Flash
The article was viewable from Friday, 10th April 2015.