Hello, I am testing out building content in Storlyline 360, and pulling that content into Canvas. Is there a way to publish the content as a web link as opposed to downloading all of the content onto our own server? I would prefer not to use SCORM of one of the other LMS options. Elucidat and DomiKNOW have web link options so I am wondering if I am missing something.
For a web link, publish your course for web distribution. Then upload the output file to a web server. Finally, copy the URL for the story.html file, which is the file that launches your course.
I had published a course on Ariculate 360 account but cannot share it on the Canvas LMS, the error message said "360.articulate.com refused to connect"
For me the following steps works best to embed Storyline or Rise content into Canvas.
-Publish as Web ( HTML5 Only, Modern player... a transparant one without anything ) -Save / Download as Zip -In your Canvas Sandbox go to Files -Create a new Folder where and how wanted -Upload ( Drag or choose Upload ) the ZIP into the folder and 'Expand it' upon upload -When done uploading and unpacking go to the story.html and open it. -If fine it runs and you see the first page/slide of your course. -Copy the url you see in the browserbar... especially the number at the end is important. - A test i just did this is the url: https://tilburguniversity.instructure.com/courses/7608/files/folder/test?preview=756781 - Close the coursepage - Make ( or go to ) a page on which you want your course to run
As you can add quite some Html elements and other stuff on the page this all depends on your specific choice and setup. Canvas uses Bootstrap3 and Flexboxes so you can quite precisely layout the page for Desktops and mobiles.
Whatever your choice is...you need an iframe on the page to link to the above url in the files.
- Add the code to add your iframe. Here is as i use it.
Only things i need to change is the number ( 756781 ) of the files i added the Storyline zip too.. And my Storyline file is nicely embedded into my page.
7 Replies
Hi Kim!
This article covers all the ways you can share Storyline 360 content: Publishing and Sharing Content
For a web link, publish your course for web distribution. Then upload the output file to a web server. Finally, copy the URL for the
story.htmlfile, which is the file that launches your course.Let us know if that's what you were after!
Hi Kim, how are you working with Articulate 360 and Canvas?
What workflows have you found the best experience?
I had published a course on Ariculate 360 account but cannot share it on the Canvas LMS, the error message said "360.articulate.com refused to connect"
What should I do? This is very urgent
I should clarify, this needs to be embedded using something such as iframe in the course.
For me the following steps works best to embed Storyline or Rise content into Canvas.
-Publish as Web ( HTML5 Only, Modern player... a transparant one without anything )
-Save / Download as Zip
-In your Canvas Sandbox go to Files
-Create a new Folder where and how wanted
-Upload ( Drag or choose Upload ) the ZIP into the folder and 'Expand it' upon upload
-When done uploading and unpacking go to the story.html and open it.
-If fine it runs and you see the first page/slide of your course.
-Copy the url you see in the browserbar... especially the number at the end is important.
- A test i just did this is the url:
https://tilburguniversity.instructure.com/courses/7608/files/folder/test?preview=756781
- Close the coursepage
- Make ( or go to ) a page on which you want your course to run
As you can add quite some Html elements and other stuff on the page this all depends on your specific choice and setup. Canvas uses Bootstrap3 and Flexboxes so you can quite precisely layout the page for Desktops and mobiles.
Whatever your choice is...you need an iframe on the page to link to the above url in the files.
- Add the code to add your iframe. Here is as i use it.
<div class="col-xs-6 col-sm-3">
<div class="d-block mb-4 h-100"><iframe class="img-fluid img-thumbnail ef-file-preview-frame ef-file-preview-frame-html attachment-html-iframe></iframe>" style="width: 280px; height: 280px; background-color: #ff0000; overflow: hidden;" src="https://tilburguniversity.instructure.com/courses/7608/files/756781/download" data-api-endpoint="https://tilburguniversity.instructure.com/api/v1/courses/7608/files/756781" data-api-returntype="File"></iframe></div>
<div>
Only things i need to change is the number ( 756781 ) of the files i added the Storyline zip too..
And my Storyline file is nicely embedded into my page.
Kind regards,
Math
Thank you for getting back at me, Math,
While this works, the students won't have access to it since our Files tab is enabled.
Anybody else has a better idea for distributing the published file that needs to live inside an LMS?
I feel this is a very needed discussion but can't seem to locate the right answers to solve this issue.
Shouldnot matter what is enabled. The page on which the iframe shows you can disable or enable any kind of Canvas block
This discussion is closed. You can start a new discussion or contact Articulate Support.