Code Loading...

Articulate has introduced a brand-new feature in Rise 360: a code block. Now you can add custom code to your e-learning. Previously, we had the option for a code snippet; however, this did not run directly in the file. Now we have a block that does!

Some things immediately came to mind:

• What can we do with this that isn't already offered in Storyline or Rise itself?

• How much do I need to know about coding to make the most out of this?

• How translation-friendly is this?

Let's discover it together. Click here to view the microlearning with the tools.

Storyline 2.0?

When I first started exploring how to use the code block, I opened this e-learning from Articulate. Here, they gave some examples, but the examples felt a little like things you could also do within Storyline. A chat with multiple chat options is easily created within Storyline, as well as an example quiz with personality types.

How can we use the code block in a way that is outside the box?

It appears to be best suited for offering micro tools. It made me think of an e-learning I worked on not too long ago. In this e-learning, we explained how preparing produce in a way that creates more waste increases the cost of goods sold. It would have been helpful to have an inline calculator to try a calculation yourself.

Trying my hand at a responsive calculator with scenarios built in.

Then, another one I ran into while researching online is that with CSS, you can create truly responsive exercises. So, with Storyline, you struggle adapting your conversation to mobile. If you do it right, the code block should move seamlessly between desktop and mobile!

What the same calculator looks like on a mobile device. Not perfect, as no CSS was used, but better than Storyline!

Translation/Localization As the text within this course is nested in the HTML, it is not part of the regular course. It is not in a .vtt file if you export it. It appears that there is currently only one workaround, which involves including different languages directly in your code block.

User ixLoc on the E-learning heroes forum showcased their current solution.

Of course, I wanted to try and see for myself, and luckily, ChatGPT was a great help here. I tried a simple button to translate block, and it worked perfectly.

Can you say Strawberry in Vietnamese?

How much code do I have to know before I can use this block?

I would say, maybe just a little bit more than nothing. I am definitely not a developer, but I did get HTML basics in highschool and can still notice the difference that knowledge makes.

Knowing how HMTL functions is helpful, but nothing ChatGPT can't help you undersstand.

Enjoy stepping out of your comfort zone, practicing with this code block!