Forum Discussion

JeffCraig-5cd7d's avatar
JeffCraig-5cd7d
Community Member
6 years ago

Offline Course Taking / Viewing

I have seen forum responses from back in 2016 & 2017 that Articulate cannot do Offline courses as of yet,... so I wanted to ask if the technology and application has moved into that capability now.  I have a strong need for our field contractors to take compliance training offline (since they will not have internet the majority of the day).

Is Offline a reality yet with Articulate?  Thank you all.

  • I experimented with an HTML export from storyline and I did a quick embed in a PWA - Progressive Web App. I only tried a few slides with an image and a video. You can see my prototype here (https://www.thejoshdean.com/spa-storyline/) . Once you visit the page on a desktop you can go offline and refresh the page and continue viewing. In Chrome on the desktop and chrome on an android phone, you have the option to "install" the PWA. Installing on android placed the app among my other apps on the desktop and allowed me to open it on airplane mode. Installing on desktop adds it to the chrome list of apps when you open a new tab. On an iphone you can turn on airplane mode and refresh the page or close the tab and reopen it. Iphone would require more setup as a custom install popup would need to be coded. 

    There are some images below of things to look for and you can see the code (https://github.com/josdea/spa-storyline) where I dropped the 'story' folder. For those that want the shortcut to get this, I used the Vue.js to generate the PWA and just embedded the story output using the HTML5 'embed' element. There is room for more experimentation here. Next steps could be capturing completion status in browser localstorage and calling an API when internet connection returns.

    I think there is some potential here. Hopefully it helps some of you get started. Larger courses might reach the cache limit so you could consider something like Cordova (https://cordova.apache.org/)  to produce a native app with your HTML outputs.  Overall, this took about a hour.