New Course Share - JMP Welcome Kit Learning Roadmap
Mar 31, 2015
Hey Guys- Just finished one of the more agressive HTML5 Storyline 2 projects yet. The goal was to create a gamified fun visual tracking alternative to the menu system to track a learner's progress on 2 levels. There's sub menu that tracks progress of each of the 11 sections and the main roadmap has checks with a numeric and visual progress meter (we used states heavily). I've built in a variable system including 100+ triggers on a single object to reset a full competition in case data loss. That show-layer triggered icon is located on the lower left as a "lock" that allows learners to enter competition codes in case they switch machines or browsers. I use javascript (from triggers) in a couple places to render and print slides for the roadmap tracker and final certificate, excluding the menu items graphic parts. The Data Viz software that I'm teaching (JMP pronounced "JUMP") has cool visualization interactive HTML5 tool to predict future data called the Profiler, I was very excited to use that as a web object in an activity. I've also included a link upon completion for you to receive a community game badge that's attached to your community profile to score some creds with other colleagues.
4+ months went by quickly to design the web SL2 application, write the narration scripts, produce software sim & animation, screen recordings and voice-over for the 36 videos and 30 learning activities.
We love and respect this SL community so much so please let me know what you think, we would love to keep improving it :]
Proud to be a Storyliner!
15 Replies
Very cool - thanks so much for sharing this with the community, Ryan! It's obvious a lot of time and effort was put into this project and we always love to have HTML5 examples to share and show off to others who are curious. Thanks again!
I love what you did here, Ryan. Nice work!
Thanks Nicole and Allison.
Very cool and I was just looking for something along these lines. Thanks so much for the great ideas!
Thanks Allison, really appreciate the kudos!
Thank you!!! Let me know if you need any tips Diane. Ryan
I tried this on my iPad, too bad it doesn't launch at all.
Thanks for taking a look Michael, that link is and embedded iframe in a Community web site like this one.
Try this direct link, I just tried it on an iPad 2 with crappy wifi (slow to load video however loads)
http://jmp.com/welcomekit
Thanks for your feedback!
...and users are not using this on an iPad because the activities require an accompanying Mac or PC, we choose HTML5 platform to move away from Flash. However, I'm now finding firefox compatibility issues with downloading video, so we offer both.
I recommend using this on a desktop with solid wifi.
Aha, I read 'HTML5' and assumed this was meant to be used on mobile devices as well. In a browser, it works okay :-)
FYI, before I read your comment, I had taken a couple of screenshots on an Android device. See here portrait mode:
and landscape:
thanks. with Less video/audio and a newer iPad the framework would behave quite well on iPad.
I'm sure it would. I just finished a project with audio & video elements, which 'broke' consistently in HTML5 on mobile devices. Very frustrating (and embarassing) for me as a developer.
Hey Ryan this is Fantastic! Did you use Camtasia to record to videos, or did you use another tool?
I use Screenflow Diane, PM for more info.
This discussion is closed. You can start a new discussion or contact Articulate Support.