Embedding/uploading a SCORM or Web file as a section on a HTML content page using Creator+
Linda.L.615
Posts: 3 🌱
I have developed an interactive diagram in Storyline 360 and wish to use in the course that developed by Creator+, how can I embed this in? shall I export it as a SCORM file? But I can't see the option for me to add a SCORM file as a section in a module. or shall I export it as Web item? and how can I add it as a section on a HTML file using Creator+?
Tagged:
Best Answers
-
To incorporate an interactive diagram created in Storyline 360 into your course on Brightspace, you have a couple of options. The choice between exporting it as a SCORM file or as a web item (HTML5) depends on how you want to track student interactions and the compatibility with Brightspace. Here’s how you can proceed with each method:
1. Using SCORM:
If you want to track student progress or scores from the Storyline interaction, exporting as a SCORM package is appropriate. However, as you've noticed, Brightspace doesn't allow direct embedding of SCORM packages into a content module as a section. Instead, you'll use the following steps:
Export from Storyline: Export your interactive diagram as a SCORM package from Storyline 360.
Upload SCORM Package to Brightspace:
Go to your course in Brightspace.
Navigate to Course Admin > Import / Export / Copy Components.
Choose Import Components and select the SCORM package from your computer.
Follow the prompts to import the SCORM package into your course.
Linking SCORM Package in Content:
Once the SCORM package is uploaded, you can create a link to it within a content module.
Go to Content, select the module where you want to include the diagram.
Choose Add Existing Activities, then select SCORM/xAPI and choose your uploaded SCORM package.
This will create a link in the module that students can click to launch the SCORM activity.
2. Using Web Item (HTML5):
If tracking isn't necessary or you prefer a more straightforward integration, you can export your diagram as a web item (HTML5). Here’s how to add it:
Export from Storyline: Choose the option to publish your diagram as a Web item or HTML5 format.
Host the Exported Files: Since you cannot upload a folder of HTML files directly to Brightspace, you'll need to host these files on a web server. This could be your institution's web server, a cloud storage service that allows web hosting, or any other public web hosting service.
Embed in Brightspace Using Creator+:
Once your HTML5 content is hosted and accessible via a URL, you can embed it into a Brightspace content page.
In Creator+, create a new HTML document or edit an existing one in the module where you want to include the diagram.
Use the HTML editor to insert an iframe that points to the URL of your hosted Storyline content. The basic iframe code looks like this: <iframe src="URL_of_your_Storyline_content" width="100%" height="600"></iframe>.
Adjust the width and height values as needed to fit your content appropriately.
Save and Publish: Once you have embedded the iframe, save the document. It will now appear as a section within the module, and students will be able to interact with the Storyline content directly within the course.
Recommendations:
Testing: After embedding the content, whether as SCORM or a web item, test it to ensure it works as expected and is accessible to students.
Information for Students: Provide instructions or guidance for students on how to interact with the diagram, especially if it’s crucial for their learning or assessments.
Backup Plan: Have a backup plan in case students encounter technical difficulties accessing the interactive content.
Choose the method that best aligns with your course objectives and the level of interaction tracking you require. -
To incorporate an interactive diagram created in Storyline 360 into your course on Brightspace, you have a couple of options. The choice between exporting it as a SCORM file or as a web item (HTML5) depends on how you want to track student interactions and the compatibility with Brightspace. Here’s how you can proceed with each method:
1. Using SCORM:
If you want to track student progress or scores from the Storyline interaction, exporting as a SCORM package is appropriate. However, as you've noticed, Brightspace doesn't allow direct embedding of SCORM packages into a content module as a section. Instead, you'll use the following steps:
Export from Storyline: Export your interactive diagram as a SCORM package from Storyline 360.
Upload SCORM Package to Brightspace:
Go to your course in Brightspace.
Navigate to Course Admin > Import / Export / Copy Components.
Choose Import Components and select the SCORM package from your computer.
Follow the prompts to import the SCORM package into your course.
Linking SCORM Package in Content:
Once the SCORM package is uploaded, you can create a link to it within a content module.
Go to Content, select the module where you want to include the diagram.
Choose Add Existing Activities, then select SCORM/xAPI and choose your uploaded SCORM package.
This will create a link in the module that students can click to launch the SCORM activity.
2. Using Web Item (HTML5):
If tracking isn't necessary or you prefer a more straightforward integration, you can export your diagram as a web item (HTML5). Here’s how to add it:
Export from Storyline: Choose the option to publish your diagram as a Web item or HTML5 format.
Host the Exported Files: Since you cannot upload a folder of HTML files directly to Brightspace, you'll need to host these files on a web server. This could be your institution's web server, a cloud storage service that allows web hosting, or any other public web hosting service.
Embed in Brightspace Using Creator+:
Once your HTML5 content is hosted and accessible via a URL, you can embed it into a Brightspace content page.
In Creator+, create a new HTML document or edit an existing one in the module where you want to include the diagram.
Use the HTML editor to insert an iframe that points to the URL of your hosted Storyline content. The basic iframe code looks like this: <iframe src="URL_of_your_Storyline_content" width="100%" height="600"></iframe>.
Adjust the width and height values as needed to fit your content appropriately.
Save and Publish: Once you have embedded the iframe, save the document. It will now appear as a section within the module, and students will be able to interact with the Storyline content directly within the course.
Recommendations:
Testing: After embedding the content, whether as SCORM or a web item, test it to ensure it works as expected and is accessible to students.
Information for Students: Provide instructions or guidance for students on how to interact with the diagram, especially if it’s crucial for their learning or assessments.
Backup Plan: Have a backup plan in case students encounter technical difficulties accessing the interactive content.
Choose the method that best aligns with your course objectives and the level of interaction tracking you require.
Answers
-
Hi Linda,
If it is a new SCORM/xAPI object, you should be able to add it as a new content topic under a module by clicking Add Existing if using the new Learning Experience or Upload/Create if using the Classic Experience. More information here…
-
Thanks so much for your answer, this is very helpful @brad.r.503
