Prompt Engineering Basics
Welcome to my Example! This e-learning module focuses on the essential skills of Prompt Engineering. To move beyond standard slides, I utilized Articulate Custom Blocks to create a highly interactive learning environment. Explore a variety of custom-built interactions designed to simulate real-world AI communication, proving that e-learning can be as dynamic as the technology it teaches. The Ideas were created with Google AI Studio and then ported to a custom gem I created who had all my design choices I wanted to have in my E-Learnings (like max width. 1080px, clean white look etc.) I speficially created a costum gem for the following aspects of my work with custom blocks: Interaction Gem: Specifically for all the interaction you can see in my example to have the same look, feel and functionality. Content Gem: For every normal Text, Text + Picture or Audio / Video blocks EU AI Act & Accessibility: I included all the rules these two have and checked my code for any flaws and if so a change in the code. For example all my pictures got a little AI Marker in the corner and I didnt had to include this marker per hand in every picture. You can find a review here: Link to the module I also added my custom Gems for ChatGPT/Gemini translated from german. Please note these are my specific Gems I used for my design wished inside of rise. You may have different aesthetic vision ;-)AI Prompt Coach
I have a coworker working on an AI prompting course and it got me to thinking about adding a Code Block that could take what a user prompts and give simple feedback. I worked with ChatGPT to get this up and running and to adjust criteria. While I was working on it, I did encounter where it didn't always figure out that something like "a paragraph" is a constraint or "email" is a format. I got ChatGPT to add those in so it does count now. Here's my Review Link: Code Build-a -thon: AI Prompt Coach | Review 360 In my Rise course I have added my code for anyone to use and adjust. Some metrics for those interested: It probably took 3 hours for me to work on this and I prompted more than 40 times. With those metrics, I didn't have a full idea of what I wanted to do - once I had it, I kept prompting to refine the idea and look. Here's my initial prompt: "I'm thinking a code block interaction to help users prompt. So we have a box for prompting. They type their prompt and then get feedback and point out what could be improved on that prompt?"Code Block Build-a-thon Start Stop Continue Reflection
Hi. I am attaching the Chat GPT prompts that I used to initially obtain the code, then fine tuned. I took a break and adjusted some of the code on my own, and then got a good refinement from Open.ai (accidentally used that one-time freebie). I resubmitted to Chat GPT to adjust one line of font size and font color on the print only page. Here is a Quick Share link from Rise: https://share.articulate.com/DglGs3ALuFfFi4pJp4-3O Here is a Review link from Rise: https://360.articulate.com/review/content/ea549a4e-3330-4011-b53c-d470c96da6ef/review I had created a flip card activity in the past for this activity, then had a document in my LMS that they could type their answers and print out (super clunky!). This version enables learners to type directly into the Start/Stop/Continue cards, select Submit to lock the answer in, Print takes to a print-only page and Clear to clear out their answer so can reuse the activity (I was also seeing the answers when I left preview and went back to edit. This fixed that). I could absolutely tweak this more, but I'm pretty happy with it!!The Million Dollar Challenge: An engaging and fun gamified quiz
Hello! 👋 I would like to share another project I’ve been working on — The Million Dollar Challenge, a fully interactive, game-based quiz experience that I built with some help from AI. This project is based on a popular gameshow, applying the same mechanics and gameplay to the quiz. With some prompts, guidance, and code generation from AI, here's a game that’s fun, challenging, and suitable for embedding into any course. Just tweak the question and answer choice sets and you'll have a game that could help achieve your course learning objectives. Usability: Easy to Play: One click to start, intuitive question/answer flow. Engaging Learning Tool: Perfect for knowledge checks, gamified assessments, or review activities. Customizable: Swap out questions, tweak prize amounts, change colors, or edit sounds to match your brand. Accessible Interaction: Clear text, large clickable buttons, and visual cues. Give The Million Dollar Challenge a try in this demo and let me know your thoughts on how you can integrate this into your e-learning projects if this is something that you would actually use for serious topics (compliance, safety training) or lighthearted refreshers. If you have suggestions on how to make the game even better, feel free to let me know; would love to know what you think. 🙂Interactive World Map for Team Directory
About the Project I wanted to try something fresh by combining glass-morphism with interactive elements for this entry. I created a world map with regions representing different continents, where team members’ real-time availability and time zones are displayed. It’s a practical yet visually engaging way to present team information dynamically. Implementation This project is built using Articulate Storyline, with a focus on interactive popups that showcase team member details. I utilized a glass-morphism style for the map, which not only gives it a modern, elegant look but also improves the user experience by offering clear visual separation for information. The map dynamically updates based on team availability. Demo Link Try out the demo here. About Me I’m an Instructional Designer passionate about interactive e-learning experiences. Let’s connect on LinkedIn.
