General E-Learning
2540 TopicsPowerPoint: how do I create rounded corners on a picture?
Hi everyone, I've got a question for you. I want to create a picture with round corners en specifically set the corner 'roundness' (Is that a word? It is now!) I tend just to use one of the preset picture styles and remove the effects I don't need but was thinking there has to be a better way? I described what I do now in this screencast: //www.screenr.com/4Lx71.6KViews0likes7CommentsFamily Feud Game
I wanted to share my Family Feud game. Here is the link: Family Feud This game is designed for the presenter/instructor/trainer to be the Host and control the board for both teams/players by sharing their screen virtually or in-person. The Host will also download the survey questions/answers or open them on a separate screen that is not being shared. This includes the fast money round at the end as well. The source file is below. I hope that you enjoy!499Views0likes15CommentsProgress bar in Articulate Storyline: Easy solution, using only one built-in variable
Hey everyone, I have created a video on how to create a progress bar in Storyline 360 - using only one built-in variable. I'm using the built-in variable Menu.Progress in the slide master. Prior to recording this I only found solutions where you add triggers on the slides where you want your progress bar to fill up. You needed an extra variable to keep track of your progress and you would also have to put some kind of check in place, so that the progress bar doesn't fill up if you revisit a slide. If you create your progress bar this way, you have to make many adjustments when you add or delete slides in your project. What I found is that you can use the built-in variable Menu.Progress to get rid of this hassle. I wanted to share this with you because I think it saves a lot of time in production and maintenance of your course.399Views0likes54CommentsStoryline Carousel Template (free download)
Struggling to fit all your content on one slide? Been there! 🙋♂️ Check out the Articulate Storyline 4-Sliders Template I just released! It's perfect for chunking your content into manageable sections. Preview it here :https://360.articulate.com/review/content/4bcea717-0796-411f-8cc4-33bed0f4f964/review Download link : https://rachnaghiya.gumroad.com/l/storyline-slider299Views0likes2Comments3D Model Embed: model-viewer - including AR!
Hi all, Even though Sketchfab is a great way to embed 3D models into your Storyline 360 courses, sometimes you might just need a simpler approach, without having to worry about subscriptions etc. model-viewer by Google is an excellent alternative: https://modelviewer.dev/ It's open source (https://github.com/google/model-viewer) It's fast and powerful Can be embedded without JavaScript triggers ('normal' web embed) Works in AR, including iOS! Transparent embed Please see the following example (open on a mobile device to test AR): https://360.articulate.com/review/content/6579ffc4-f076-4d8c-a820-5dd374e9c3e8/review Photo taken on iPhone 11 (AR): How to embed a model-viewer into Storyline: Insert > Video > Video from Website... Add your model-viewer embed code To allow embedding, include a 'dummy' <iframe> at the end (I tend to use width and height to set aspect ratio), i.e. <iframe src="https://127.0.0.1" width="16" height="9" frameborder="0"></iframe> I have included the project below. Get in touch if you need more help implementing it! PJ Palomaki Digital Innovation Lead AVT Connect, Brighton, UK214Views2likes8CommentsGenerative 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.)199Views0likes10CommentsFree intuitive DarkRoom template
Hey everyone, I've created an intuitive 'DarkRoom interaction' using Articulate Storyline, and I'm thrilled to share the source file with all of you in our community! Here's a quick rundown of how it all comes together: Step 1: Create a Background Image with Midjourney: I started by crafting the perfect backdrop for this interactive DarkRoom using Midjourney. This tool allowed me to set the mood and ambiance just right. Step 2: Add Items to the Image with Photoshop: To bring life to our DarkRoom, I used Photoshop to insert items that represent different topics of the overall theme. Each item has a purpose and meaning that contributes to the overall experience. Step 3: Create a Mask Image in Photoshop: In Photoshop, I created a mask image that adds an extra layer of intrigue to the interaction. This mask enhances the user experience by allowing certain elements to be revealed in a dynamic and engaging way. Step 4: Insert All the Items into Articulate Storyline: Taking things into Articulate Storyline, I integrated all the elements (the background from Photoshop and the mask image) on a single slide. Step 5: Play Around with Triggers and Layers in Articulate Storyline: To make the interaction truly captivating, I played around with some hotspots, triggers and layers. This allowed me to create a learning experience where learners can explore, interact, and uncover valuable insights. For a live preview you can follow the link below; https://eyespirations.com/wp-content/uploads/portfolio2023/DarkRoomInteraction/story.html If you're interested in getting your hands on the source file follow the link below; https://downloads.elearningbrewery.org/s/rtGCU6843gRYGniB Cheers, Paul199Views0likes20CommentsHow to get rid of the 'Big Black Play button' when publishing Storyline.
This question pops up over and over again, so i made a new post i can point to whenever someone asks about this. For Storyline360, either in your published folder or in the Programme folder find the slides.min.js file. (C:\Program Files (x86)\Articulate\360\Storyline\player\unified\html5\lib\scripts) What i did was unminifying the file...so it becomes what more readable Used this here...https://unminify.com/ I added several console.log("now this happens") to the slides.min.js to figure out where what happened exactly and thus soon found that there are several functions in it that cause the playbutton on mobiles. onMobileStart createMobileStartOverlay showMobileStartOverlay killMobileStartOverlay All quite promising...so could i just call one of these functions ? After several tests and retry's i found that just adding this.onStart(); at the end of the onMobileStart function overrides the play button and mobile behaves as desired. So this is onMobileStart inside slides.min.js onMobileStart: function (t) { var e, n = this; (this.rejectDeferred = t.rejectDeferred), o.addClass(document.body, "resume-shown"), (e = { visible: !0 }), t.mobileStartAsPrompt && (e.isResumePrompt = !0), this.setState(e, function () { var t = null != n.refs.resume ? n.refs.resume : n.refs.playIcon; c.env.is360 || t.focus(), l.trigger(u.startOverlay.READY); }); this.onStart(); }, Adding my slides.min.js file for anyone to test it with. Make sure though to copy and save your original one somewhere, so in case of troubles you can go back. Also keep in mind that whenever Articulate updates Storyline this file will be updated too, and you need to do the procedure above again. DO NOT copy and replace the slides.min.js file with this one after updates...because Articulate might have changed things...so not advised using an older file. Redo the steps and change your own slides.min.js file.199Views0likes63CommentsA glossary to use in Rise
This glossary example uses the Quote Carousel block - one letter is represented by one quote. I have inserted a table with a header in each of the quotes which can have extra rows added to them when required. You can navigate by 'swiping' left or right, clicking the left or right buttons or clicking on the hotspot dot below the table. I also added a alphabet index (roughly spaced) as an image. Note this really lends itself more for desktop/laptop viewing. The block can be saved as a 'Template Block' so can be reused in other Rise projects. Easy to edit and remove letters which are not required. :) I have added a second simple glossary example which uses a labelled graphic block, again this can be easily saved as a block template for reuse in other sections of the same project or other new projects. view project199Views1like16Comments