Difference between revisions of "Articulate Storyline"
(→Interactive Features in Storyline) |
(→SCORM / Exporting to BB / Google sheets) |
||
(18 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
== Interactive Features in Storyline == | == Interactive Features in Storyline == | ||
+ | |||
+ | === Story size === | ||
+ | |||
+ | If buttons are cut off, usually it is due to story size. Look under Design. | ||
+ | |||
+ | [[File:storysize.png|800px]] | ||
=== Text Variables === | === Text Variables === | ||
Line 23: | Line 29: | ||
[[File:storylineinput5.png|800px]] | [[File:storylineinput5.png|800px]] | ||
+ | === Buttons === | ||
+ | |||
+ | Here's what buttons can do. | ||
+ | |||
+ | Remember, if your slide doesn't have a button to go to the next slide, there may not be a way to go to the next slide! | ||
+ | |||
+ | [[File:buttonscandostoryline.png]] | ||
=== Dial === | === Dial === | ||
− | [[File:storylinedial. | + | [[File:storylinedial.png|800px]] |
+ | |||
+ | Make use of layers and SHOW LAYER when your dial fulfills a condition such as == 1 (value of dial equals 1) | ||
+ | More about dials here: https://community.articulate.com/series/130/articles/storyline-3-working-with-dials | ||
+ | |||
+ | === Drag and Drop === | ||
+ | |||
+ | There are lots of templates under freeform question. | ||
+ | |||
+ | [[File:storylinedefaults.png|800px]] | ||
+ | [[File:storylinedefaults2.png|800px]] | ||
+ | [[File:storylinedraganddrop.png|800px]] | ||
+ | [[File:storylinedraganddrop2.png|800px]] | ||
+ | |||
+ | === States === | ||
+ | |||
+ | You can initially show items in disabled state and when they complete a certain part of the course then it is enabled and in colour. | ||
+ | |||
+ | [[File:storylinestates.png|800px]] | ||
+ | |||
+ | == FUN TRICKS FOR ARTICULATE == | ||
+ | |||
+ | === Autofill with Lorem Ipsum === | ||
+ | |||
+ | Type this into a text box: <pre>=lorem()</pre> | ||
+ | |||
+ | [[File:lorem2.png|300px]] | ||
+ | |||
+ | === Shortcuts === | ||
+ | |||
+ | https://community.articulate.com/series/74/articles/articulate-storyline-360-user-guide-how-to-use-keyboard-shortcuts | ||
+ | |||
+ | * Shift+F9 - Show or hide gridlines | ||
+ | * Shift+F12 - Preview the current scene | ||
+ | * Ctrl+F12 - Preview the current slide | ||
+ | |||
+ | * Shift+Drag - If moving an object, movement is constrained to straight lines. If resizing an object, size maintains aspect ratio. | ||
+ | * Ctrl+Drag - like a COPY DRAG - If moving an object, a copy of the object will be created in the new location. If resizing an object, it will be proportionally resized from opposite directions simultaneously. | ||
+ | * Ctrl+Shift+Drag - Duplicate the selected object and move it in straight horizontal or vertical lines | ||
+ | * Ctrl+K - Insert a hyperlink or trigger | ||
+ | |||
+ | === Embed Google Fonts in Storyline 360 === | ||
+ | |||
+ | * Find a nice google font - https://fonts.google.com/ | ||
+ | * Slide Master is under View | ||
+ | |||
+ | <pre>if (/html5/.test(window.location.href)) { | ||
+ | if (!window.addedFont) { | ||
+ | var style = document.createElement("LINK"); | ||
+ | style.setAttribute("rel", "stylesheet"); | ||
+ | style.setAttribute("type", "text/css"); | ||
+ | style.setAttribute("href", "https://fonts.googleapis.com/css?family=Pacifico"); | ||
+ | document.head.appendChild(style); | ||
+ | window.addedFont = true; | ||
+ | } | ||
+ | } | ||
+ | </pre> | ||
+ | |||
+ | |||
+ | * https://community.articulate.com/articles/how-to-use-google-fonts-with-variable-references | ||
+ | |||
+ | |||
+ | === JS Tricks with Articulate360 === | ||
+ | |||
+ | * https://elearningbrothers.com/blog/javascript-tricks-articulate-storyline-3-360/ | ||
+ | |||
+ | == SCORM / Exporting to BB / Google sheets == | ||
+ | |||
+ | * https://community.articulate.com/discussions/articulate-storyline/storing-text-to-blackboard-lms | ||
+ | * https://community.articulate.com/articles/how-to-troubleshoot-your-lms-with-scorm-cloud | ||
+ | * Reporting Articulate Storyline Variables to LMS such as BB: https://articulate.com/support/article/reporting-articulate-storyline-variables-to-an-lms-sl2 | ||
+ | * https://articulate.com/support/article/quiz-data-sent-to-an-lms-in-articulate-storyline | ||
+ | |||
+ | Sounds like its a real pain and also timeout problems when sending long variables over to BB. | ||
+ | |||
+ | * https://community.articulate.com/discussions/articulate-storyline/exporting-variables-into-a-google-spreadsheet | ||
+ | |||
+ | THE WAY FORWARD IS GOOGLE SPREADSHEETS! | ||
+ | |||
+ | * https://community.articulate.com/discussions/rise/rise-google-analytics | ||
+ | * https://community.articulate.com/discussions/articulate-storyline/google-analytics-in-storyline#reply-298362 | ||
+ | |||
+ | Google analytics is technically possible with Rise | ||
+ | |||
+ | * https://articulate.com/support/article/how-to-enable-lms-debug-mode | ||
+ | |||
+ | LMS Debug mode |
Latest revision as of 05:59, 18 December 2018
Release dates of Storyline
- 2012: Storyline
- 2014: Storyline 2
- 2017: Storyline 360
Contents
Interactive Features in Storyline
Story size
If buttons are cut off, usually it is due to story size. Look under Design.
Text Variables
- Add text using the text box (this is not dynamic text)
- Then for fields that you want the user to input, add Text Variables under Input
What is the purpose of this studentName variable? You can call it up later like this - %studentName%
Buttons
Here's what buttons can do.
Remember, if your slide doesn't have a button to go to the next slide, there may not be a way to go to the next slide!
Dial
Make use of layers and SHOW LAYER when your dial fulfills a condition such as == 1 (value of dial equals 1) More about dials here: https://community.articulate.com/series/130/articles/storyline-3-working-with-dials
Drag and Drop
There are lots of templates under freeform question.
States
You can initially show items in disabled state and when they complete a certain part of the course then it is enabled and in colour.
FUN TRICKS FOR ARTICULATE
Autofill with Lorem Ipsum
Type this into a text box:=lorem()
Shortcuts
- Shift+F9 - Show or hide gridlines
- Shift+F12 - Preview the current scene
- Ctrl+F12 - Preview the current slide
- Shift+Drag - If moving an object, movement is constrained to straight lines. If resizing an object, size maintains aspect ratio.
- Ctrl+Drag - like a COPY DRAG - If moving an object, a copy of the object will be created in the new location. If resizing an object, it will be proportionally resized from opposite directions simultaneously.
- Ctrl+Shift+Drag - Duplicate the selected object and move it in straight horizontal or vertical lines
- Ctrl+K - Insert a hyperlink or trigger
Embed Google Fonts in Storyline 360
- Find a nice google font - https://fonts.google.com/
- Slide Master is under View
if (/html5/.test(window.location.href)) { if (!window.addedFont) { var style = document.createElement("LINK"); style.setAttribute("rel", "stylesheet"); style.setAttribute("type", "text/css"); style.setAttribute("href", "https://fonts.googleapis.com/css?family=Pacifico"); document.head.appendChild(style); window.addedFont = true; } }
JS Tricks with Articulate360
SCORM / Exporting to BB / Google sheets
- https://community.articulate.com/discussions/articulate-storyline/storing-text-to-blackboard-lms
- https://community.articulate.com/articles/how-to-troubleshoot-your-lms-with-scorm-cloud
- Reporting Articulate Storyline Variables to LMS such as BB: https://articulate.com/support/article/reporting-articulate-storyline-variables-to-an-lms-sl2
- https://articulate.com/support/article/quiz-data-sent-to-an-lms-in-articulate-storyline
Sounds like its a real pain and also timeout problems when sending long variables over to BB.
THE WAY FORWARD IS GOOGLE SPREADSHEETS!
- https://community.articulate.com/discussions/rise/rise-google-analytics
- https://community.articulate.com/discussions/articulate-storyline/google-analytics-in-storyline#reply-298362
Google analytics is technically possible with Rise
LMS Debug mode