DEMO - System and Browser Check
Mar 02, 2016
I've been working on a Storyline project to detect the user's browser, etc, to make sure they meet the minimum system requirements to run our courses.
I'm sharing what I've created so far so others can use it, and hopefully I can get some feedback to make this much better. This is about 90% complete and it isn't very pretty, so don't expect too much. :)
I used UAParser.js from http://faisalman.github.io/ua-parser-js/ to get the browser info. I did not modify the javascript file at all, to keep things simple for updating new versions of this file in the future. Our production version of this project hosts the UAParser file on a web host rather than embedding it in the course, so that we can update it more easily. I placed my custom js code in the index.html that accompanies the .js file. Here's the project on GitHub, where you can see all of the possible data returned: https://github.com/faisalman/ua-parser-js
I tried to keep things simple for non-javascript programmers, so I placed all of the browser check criteria in triggers on the Report layer, so it can be easily modified. Please check these for your own use, as our LMS has some requirements that are a little more strict than those for viewing Storyline content.
Some notes:
1. I had to place my web object on the canvas, and then cover it up, because the web object was not being loaded in Flash when off to the side of the canvas.
2. The lines of text on my Report don't line up perfectly, especially when rendered in HTML5 in some browsers. I tried a few different things and still couldn't get good alignment
3. I used a trigger instead of js to set my isFlash variable because I was having some trouble with my js code (I'm still a beginner). Maybe someone else can correct this...
I'm hosting the published output on a free hosting site, so just close the lightbox ad that pops up over the output: http://storyline.site88.net/systemcheck.8/story.html
I've attached my .story file and the web object files necessary to make this work. Let me know what you think! How can I make this better?
Thanks,
Mike
7 Replies
Cool Mike - I ran it on my main system (and even in a VM to see how it handled it) and it was spot on every time!
Thanks for testing it out Ashely! Glad to hear it work well.
I've updated this project, here's the demo of the new version, new project files attached below.
http://storyline.site88.net/systemcheck1.0/story.html
HI Mike!
Thank you very much for sharing this! With a few tweaks for my use case I was able to make it work and push the variables to google sheets..
I unfortunately was never able to get it to work with device name type, vendor or cpu though but thats fine.
Hi all,
I just developed a system checker for the courses we develop in Storyline.
I´m sharing the link - https://loop2learning.pt/articulate/loop2learning_system_check/index.html
Feel free to change your browser, disable cookies, and change the screen resolution... any comments are much appreciated! :)
Thank you.
Nuno - this is just what I need - but would like to restrict the web browser to Chrome only. Can you publish the javascript or .story element that created the page at the link ?
Thanks!
@Andrew - please see attached file.
Hope it helps :)