Professional Hearts - a microlearning teaser
I tried to build a course within a half hour, with 3 goals in mind: use entirely Articulate content library assets use AI-generated course content include some kind of interactive element, also AI vibe-coded Here are the results! The results show that letting AI completely dictate the content, when it comes to more mundane trainings like this, is quite effective if you're just trying to "get something out there." The game looked almost exactly what I thought it would, it required a very precise prompt, which I'll share here so that you can try this out for yourself: "Now, a course showstopper: Using the articulate Rise coded block, I want to include a small coded block that provides an interactive game: a "shoot the moving target," meant to get the learner mildly amused and continuing to follow the training. The game is a side-facing view with a bow and arrow (or just an arrow) on the left side of the screen and two objects on the right: a heart (representing workplace relationships) and a chart/graph (representing work). They are moving up and down on the right side of the screen, offset so that the heart is in front and the chart is behind. they are not intersecting with each other, and moving in alternating times and speeds such that there is not always a clear line that could be drawn from the bow and arrow to the chart in the rear. the objective is for the learner to press the "fire" button and launch the moderately-fast moving arrow across the screen to hit the "work" chart icon and not the "romance" heart icon. If they hit the chart it's a "great job" outcome, if they hit the heart it's a "Love over work, eh?", and if they hit nothing then it's a "try again". in any outcome, a "start over" button appears in the middle of the screen and resets the interactive element. Can you provide the code for this?" I was hoping it would use the "code" block to keep it entirely within Articulate Rise, but I think it recognized right away for what I was wanting to do that an html code embed was more effective and flexible (hosting the code on my GitHub).Reading a Micrometer
My first foray into Rise Coding using ChatGPT and very little knowledge of HTML, CSS, and JavaScript. I am excited with the results so far, but I know I have some refinement to do. Maybe making the overall package smaller. For example, when I upload it into Rise, it takes some time to load, then it works fine. I am not even sure how to upload the file here.New Code Block Game
It's been a long time since I shared my work, but I'm really pumped up about the potential of the new Code Block in Rise. I started with a basic idea and then started vibe coding. It's amazing what can be achieved in a short space of time, and have been resisting the temptation to just have fun, and instead focussed on keeping my work learning focussed. A couple of learnings: The power of the code block will be really unlocked if Articulate can... Allow us to upload zip folders with images in them. Everything says you can, but I have yet to have a single successful upload. Provide code/facility to allow a code that can report course completion based on the code i.e. when a game is completed completion can be sent - even better if scores can be included. When course continuation can be linked to code block completion it enables true gamification. Not being able to include images is a limitation, but not a blocker - you will notice I have included some very rudimentary graphics by encoding the images as base64, however it seems Rise has a limitation of not being able to read base64 strings longer than 500 characters at present. As I suspect will be the case for many others, I, work for a company with very stringent security policies, so we aren't allowed file storage solutions. If there can be a basic image storage allowance for zip code blocks, that changes the game! Would love your feedback you wonderful humans. Review LinkWelcome to a Severance Style Code Block
My first time creating an interaction with code! So inspired by what everyone has created. I've learned it can take a few iterations to get what you want. I used Copilot and ChatGPT5. Feel like I could have spent more time—had to stop and call it good enough for now. Enjoy this Severance inspired interaction. As a new employee, Mr. Milchick has assigned a task for your to complete as part of your orientation. When you are complete, clock out and take the elevator to leave. See it here Cyd Find me on LinkedIn or https://mastermind180.com/Hidden Meaning
I've been experimenting with ways to allow users to have more control in how they interact with learning content to make it more enjoyable. Inspired by tactile learning, this one allows users to control the view port and the way they receive information. https://360.articulate.com/review/content/e3b27630-da90-4f3f-82f7-58f93e76d044/reviewMicrolearning 2: Electric Boogaloo
Hello! I've been taking part in these challenges for so long, sometimes I get to do a 'sequel' to an earlier demo. In the age of AI, witness the return of DOT - my 'microlearning companion' from 2020's 'Tiny E-Learning Challenge'. This time, she's a little bit more advanced, but no less sarcastic. DOT will respond to pre-filled questions with a range of randomised responses. Her code uses your web browser's built-in text-to-speech feature to read the dialog out loud. This week's demo is the result of a 4-hour 'vibe coding' session with Claude.ai, during which I shared images of my original demo for E-Learning Heroes Challenge 331. I'm still tinkering with DOT's code, so I won't be sharing that here. But if you'd like to know how I used two different fonts in the same course title, you'll find that code in the final section of this course. CHAT TO DOT HERE...🎥Hollywood Mogul
For this challenge, I created a coded activity called Hollywood Mogul, in which users can mix and match Genre, Star Power, Setting, and Plot Twist to create a pitch for a movie. From these elements, the code dynamically generates a movie title, logline, synopsis, and estimated budget based on the user's selections. Figure this may be the Hollywood wave of the future, if it isn't already. I used Canva AI to generate the code and it took maybe 2-3 iterations to get what I wanted, mostly in terms of the visuals. I haven't been much of a Rise user, but I think the code block is a game changer and I may have to reconsider a lot of my design projects. The code is at the end of the activity. Link here: Hollywood MogulSWOT </>
I vibe-coded a lightweight SWOT Analysis interaction in Rise with three flavors to fit different learning goals: Guided Reveal – Classic flip cards: front = the idea or prompt, back = definition, guidance, and examples. Flip for Optional Context – Respects adult learners’ time: key takeaway up front, optional context on the flip if they want more. Self-Reflection (Editable) – Learners type their own SWOT directly on the cards, with a Save as PDF option for practice or submission. The full copy-paste code is right below each example for anyone interested. https://360.articulate.com/review/content/c6bf0af4-7b2a-4f7d-b086-627adec4c905/review
