[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
Alexandros Anoyatis

@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

Craig C

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

Alexandros Anoyatis

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

Will Findlay

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! 

Alexandros Anoyatis

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.