Forum Discussion

ChrisHodgson's avatar
ChrisHodgson
Community Member
2 years ago

Generative AI (ChatGPT, Dall-E, ElevenLabs) Integration For Articulate Storyline 360 - Resources For Developers

Hi Everyone,

We have been doing a lot of work recently with the gpt-3.5-turbo API to discover how we can achieve the best results developing AI-enhanced eLearning experiences.

I thought it might be helpful for other developers looking to explore what is possible to paste some links below to a playlist of videos we have published to YouTube, sharing our findings and also walking through several steps for the technical process of implementing ChatGPT:

Complete Online Training Course:

Create eLearning Experiences Using ChatGPT And Articulate Storyline 360 – https://discoverelearninguk.com/gpt-course 

Generative AI Integration Solution for Articulate Storyline 360 Developers:

The eLearning Magic Toolkit plugin for WordPress - https://discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ 

Development Tutorials and Prompt Engineering:

How To Easily Create A ChatGPT AI Knowledge Expert Chatbot In Articulate Storyline 360 - https://www.youtube.com/watch?v=UyiUd4HHg_Q&ab_channel=DiscovereLearning 

Providing Feedback In eLearning Using ChatGPT In Articulate Storyline 360 - https://www.youtube.com/watch?v=WLJiLXHNmTw&ab_channel=DiscovereLearning

ChatGPT Built Our Entire Quiz In Articulate Storyline 360! - https://www.youtube.com/watch?v=Pgo0kGBq6SE&ab_channel=DiscovereLearning

Building Your First ChatGPT-Powered Chatbot In Articulate Storyline 360 - Example Course Topic Video - https://www.youtube.com/watch?v=BlBNAKgFooM&ab_channel=DiscovereLearning

How Does Conversation Work Using The ChatGPT API? - Example Course Topic Video - https://www.youtube.com/watch?v=dZGpyfcNTbY&ab_channel=DiscovereLearning

Working Project Demos:

Daisy The AI Colour Palette Generator, Powered By GPT-4 Turbo API and ElevenLabs Multilingual V2 API - https://discoverelearninguk.com/projects/daisy-the-ai-powered-colour-palette-generator/ 

Dynamically Generated High-Fidelity Voices using the ElevenLabs API (script passthrough from GPT-4 Turbo API) - https://discoverelearninguk.com/projects/zylo-and-tarex-talk-about-humans/ 

ChatGPT AI-Powered Q&A Chatbot System - https://www.youtube.com/watch?v=7aoJqc1ulfA&ab_channel=DiscovereLearning

ChatGPT AI-Powered Quiz Builder Template - https://www.youtube.com/watch?v=aCAwhLg7yA4&ab_channel=DiscovereLearning

AI Image Generation Using Dall-E 2 API! - https://www.youtube.com/watch?v=gXMmD19Nfkc&ab_channel=DiscovereLearning

We Created A Text-Based Adventure Game Generator Using ChatGPT, Dall-E 2, And Articulate Storyline! - https://www.youtube.com/watch?v=4qN0rqZuNio&ab_channel=DiscovereLearning

Superhero Character Conversation Experience Using ChatGPT! - https://www.youtube.com/watch?v=eSnxpIwPJeg&ab_channel=DiscovereLearning 

Audio Conversation Using Web Speech API Connected To ChatGPT - https://www.youtube.com/watch?v=i9F287-vHGQ&ab_channel=DiscovereLearning

Conversation-led eLearning Assessment Using ChatGPT - https://www.youtube.com/watch?v=3TFDfnKYWII&ab_channel=DiscovereLearning 

Ultra-Realistic AI Text To Speech Integration Demo - https://www.youtube.com/watch?v=MwlgO74stqA&ab_channel=DiscovereLearning 

Conversation-led learning with ChatGPT and PlayHT Voice AI - https://www.youtube.com/watch?v=kujlsAzfdSU&ab_channel=DiscovereLearning 

Dynamic Flashcard Generator with ChatGPT and Dall-E APIs - https://www.youtube.com/watch?v=CxXEMQimTAU&ab_channel=DiscovereLearning 

(I'll keep this page up-to-date as we go.)

General E-Learning
  • MustafaSnger-71's avatar
    MustafaSnger-71
    Community Member
    2 years ago

    the important question is how integrate chatgpt to articulate?

    I'm trying some ways but no result up to now.

    • ChrisHodgson's avatar
      ChrisHodgson
      Community Member
      2 years ago

      Hi Mustafa,

      I have just added a link to the original post above for our online learning tutorial course for Articulate Storyline developers. Hope this might be useful to you to help you get started.

  • ChrisHodgson's avatar
    ChrisHodgson
    Community Member
    2 years ago

    Hei Julian,

    I am concerned that with this process you are getting users to expose their API Secret Key through the frontend which poses a big security risk.

    Still as a proof of concept I applaud the work you have done to build a functional application.

  • LydieTHOLLOT's avatar
    LydieTHOLLOT
    Community Member
    11 months ago

    Hello !
    Is it possible to create an activity powered by ChatGPT API in Articulate Storyline, and then upload this storyline in a Rise course ?

  • KathylnAlexa's avatar
    KathylnAlexa
    Community Member
    6 months ago

    What important factors should developers consider when designing ChatGPT interactions in their e-learning courses?

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member
      6 months ago

      First of all... do your users need chatGPT interactions ?
      Then remember that AI has its limitations. If you use chatGPT as is, it will search all available resources and the results might be not what your user wants. chatGPT can hallucinate, thus giving inproper results. All results should in the end be doublechecked, only the most simple calls are rocksolid.

      Suppose you want to limit chatGPT to use only specific sources or make an asssistant ?
      All that is possible with the openAI API. But it is no simple task. You do need to make documents/resources available to chatGPT/openAI to use as source for your calls.

      I am working on a chatGPT Assistant at the moment. I will be making a Assistant Builder alongside with it, so our teachers can create their own assistants on our LMS ( CanvasLMS ).

      chatGPT as you use it on chatGPT's site is a webinterface build for non-developers to create prompts and use as is. You can build Assistants in that part. Using the API of openAI is the way to add Assistants or chatGPT integration in your elearning projects.

      Here you can find some of the steps in this process.
      https://www.linkedin.com/posts/mathnotermans_tls-tilburguniversity-chatgpt-activity-7171152604616355841-FgZ8?utm_source=share&utm_medium=member_desktop

      The next step is making sure chatGPT remembers the instructions and questions. Will post that soon.

       

  • CaraWilson-9123's avatar
    CaraWilson-9123
    Community Member
    29 days ago

    Has anyone been able to replicate this with Microsoft copilot? Would love to learn more!

Related Content