[DEMO] Menu Toolkit for Articulate Storyline
Jan 26, 2014
UPDATE (15 Feb 2016):
I couldn't help but notice, I've had this up for more than two years now. Glad some of you still find it useful.
However other than some demographics, and the narcissistic right to brag about the download count, I don't have a feel of how (or whether) folks are using this, or if it is just collecting dust on one's hard drive as just another collectors item.
You're all encouraged to post screenshots, videos and/or talk about how you're making use of this template, and help me try to raise the feature list a notch, in the process.
Thanks,
Alex
ORIGINAL POST:
Hello everyone,
After spending a long time developing courses and/or course demo's/concepts I realised I spend far too much time on the menu/navigation/progress side of things instead of fully concentrating on how to effectively present content. So at some point I started wondering of ways with which I could minimise the time and effort needed for all this, in order to focus on the latter, more important tasks.
With this template you can create and populate your course ToC automatically by modifying just one Storyline variable. You will then find that all Scenes/chapters and slides will be appropriately visible inside the menu and all course progress statistics will be calculated automatically.
Features
- Supports up to 16 Chapters
- Supports up to 256 Slides (16 slides per chapter)
- Extensible
- Easy to style - only change Master Slide Base and 2 other layers
- Easy to modify - use the stock Articulate navigation buttons or create your own.
Automatic Calculation for :
- Current Date
- Course progress (pct)
- Chapters Complete
- Chapters Remaining
- Slides Complete
- Slides Remaining
The demo can be found below, although to fully appreciate the template, you should probably download and play with it, and then publish to FTP.
Demo
Download (Sign-up required)
Download (via Facebook)
Have a go and tell me what you think...
Cheers,
Alex
P.S.: I realise the sign up is tedious, but it really helps me get country information on downloads (which is the only metric I am currently interested in, as far as analytics go).
42 Replies
What a treasure trove, Alex!! Thank you so much!
Adele
DearAlexandros Anoyatis,
Unable to download the demo.. Please assist me
@Sathish : Can you describe why you are unable to download? In general, once you sign up and checkout a digital item, you can click the "Account" link and view your previous "purchases" and their respective links.
You can also follow the same procedure via facebook by visiting this link.
Let me know if you have any additional questions.
Alex
Alex,
I know this is a bit of an older post but I wanted to see if you could answer a question. I want the user to be able to restart the course without closing it and so I have a restart course button at the end of the project. How could I reset the progress bar and % to zero when the user clicks a restart course button? Ive played around with it a bit and I seem to always see the previous completion totals.
Thanks!
Craig
Hi Craig,
Sure. In this case, I believe the only thing you need to do is modify the slidesStatus variable to all zeros upon restart.
That would be : "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0" without the quotes.
It should automatically update all other values regarding course and chapter progress, next time the script runs (which should be immediately upon a slide visit).
I think this is just about the only variable you need to change, but let me know how it goes, regardless.
Hope this helps,
Alex
You are my hero!
It works as I need it to. Thank you!
Glad you made it work Craig.
You're welcome to post screenshots, videos and/or talk about how you're making use of this template, either here or the OP Demo link's Comments section (shameless plug here).
Alex
Thank you Alexandros! I just downloaded it.
Don't have a specific need for the moment but I'll make sure to share when I do.
Does this still work after the file is converted to Storyline 2? I'm wondering because when I publish the demo version the progress bar moves to 100% for chapter 1, and then starts going over 100% once you move to chapter 2...
Hi Will,
As long as you publish the output to a webserver, it should totally work. 90% of the logic is handled via Javascript, which means testing locally would be hit and (mostly) miss.
Alex
Thanks. I sure wish Articulate would create some variables (properties?) that would automatically "self reference." For example, how painful is it that you have to create your own variable to keep track of the slide you are on and then update it on every slide??? It would be so helpful if variables like "activeChapter" and "activeSlide" in your toolkit were variables that updated automatically depending on which slide the user is currently viewing, i.e. they were built-in to Storyline. In fact, pretty much all of the variables you have in your toolkit should just be built-in!
And while they are at it, please add native support for arrays!
I have been looking for a progress bar and this looks good, Download it , However when I took a look in Masterview I discovered a missing bit of code. Please refer to attached image.
Could someone please help me out.
Thanks in advance.
C
Hi Carmelo
nothing is missing - this is the layout for a question slide. Because the master view can't know which 'type' of quiz slide e.g. it could be multi-choice or pick one or drag and drop...this submit trigger is done at the slide level.
OK Wendy thanks for answering , not sure if I understood, I assume if I make a quiz question I replace the word " unassigned" with that slide title which contains the quiz ... then following on ....What happens when I need to generate a Quiz results slide?
Hi Alex,
I'm using this idea now. How are you calculating the percentage number?
Hi Janelle,
You need to set the number of slides for each chapter contained in one variable, separated by a single space.
This is all done via Javascript, by taking a text variable ("slidesPerChapterArray"), turning it into an array, then making all calculations of additional variables within the JS and then turning the array back into a text variable that Storyline "understands".
For example, if your course contains 5 chapters with 3 slides each then the value of slidesPerChapterArray should be set to "3 3 3 3 3". If you had 3 chapters with 5,4 and 7 slides respectively, then the value should be "5 4 7", and so on. It will work for a maximum of 16 chapters and 16 slides in each.
You can also have a look at the actual demo slides in http://www.technetelearning.com/portfolio/demo12/ which explains the concept more in detail (i think).
Let me know how it goes. ;)
Hope this works,
Alex
P.S Just checked the demo myself and the styling looks off in a few layouts. This is to be expected, since it was essentially made and published using Storyline 1, which hasn't been updated in ages. Don't be discouraged by this, you can swap out any layout inconsistencies easily using the master layouts.
This discussion is closed. You can start a new discussion or contact Articulate Support.