Want to practice elevating your Storyline 360 development skills by incorporating AI and AI-generated Javascript? 👉 Grab the project file and Javascript code here: https://www.devlinpeck.com/forms/ai-chatbot-storyline
In this Halloween-themed Storyline workshop, we worked together to integrate AI models into Articulate Storyline, which gives you the power to create chatbots that will support your learners (and help them practice key skills).
The best part? You don’t have to be a master Javascript coder to make this work!
AI tools like ChatGPT and Claude can do most of the work for you. So follow along as we integrate the power of AI and eLearning together!
Use Claude to help generate Javascript for Storyline: https://claude.ai/
Generate AI graphics with a tool like FreePik Picasso: https://www.freepik.com/pikaso/ai-image-generator
OpenAI Platform Playground: https://platform.openai.com/playground/chat
Create 360° images using Skybox AI: https://skybox.blockadelabs.com/
Easily edit code with Visual Studio Code: https://code.visualstudio.com/
New to Storyline? Follow the Getting Started with Storyline 360 tutorial here: https://www.youtube.com/watch?v=YpfOoF9N_5U
Using the affiliate links below will help support me and the content on this channel:
***Best AI Tools for Instructional Designers***
Synthesia: https://www.synthesia.io/?via=devlin
WellSaid Labs: https://www.wellsaidlabs.com/?via=devlin
Descript: https://www.descript.com/?lmref=jJTSTA
Jasper: https://jasper.ai/?fpr=devlin44
Riverside: https://www.riverside.fm/?utm_campaign=campaign_5&utm_medium=affiliate&utm_source=rewardful&via=devlin
***Best Laptops for Instructional Designers***
Dell XPS 13: https://amz.run/6l1w
16-inch MacBook Pro: https://amz.run/6l1y
Gigabyte Aero 17: https://amz.run/6l26
***Best Books for Instructional Designers***
The Non-Designer’s Design Book: https://amzn.to/3kP0reO
Map It: https://amzn.to/3f137mR
eLearning and the Science of Instruction: https://amzn.to/3kNuBiF
Design For How People Learn: https://amzn.to/3CLtrNM
Michael Allen’s Guide to eLearning: https://amzn.to/31ZUbJB
0:00 Introduction
1:04Project Demo
4:37 Development Process Overview
6:54 Gathering the Assets and Tools
10:17 Using Claude to Develop Code
15:42 Price and Security
18:36 Setting up the Storyline File
20:43 Setting the Background Image
25:42 Essential Variables
29:46 Generate and Add Javascript
39:18 Javascript Debugging
47:49 Pasting Code to the Slide Master
53:33 Troubleshooting Errors with AI
source
Check out the AI Chatbot practice file and code that you can use to start implementing an AI interaction of your own in Articulate Storyline: https://www.devlinpeck.com/forms/ai-chatbot-storyline
This is incredible! I have a project that I'm working on based on the game of clue…this will be helpful!
I tried substituting my own API key and it doesn't work. It keep saying, " I have momentarily faded…"