PowerPoint: 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/4Lx7Progress 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.Family 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!Storyline Carousel Template
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 (There is a $10 charge for the file) : https://rachnaghiya.gumroad.com/l/storyline-sliderRise Learning Journal / Notes
BETA distribution files Instructions for implementation further down the page under the heading BETA Version Release. I've been working on a Learning Journal for Rise. I have an BETA version I'd like to share on SCORM Cloud. The features we have included so far are: Comments persisted between sessions (SCORM 1.2 & SCORM 2004 3rd and 4th Ed) Save comments, associated with blocks individual blocks Comments are organised into topics/pages Edit existing Comments Delete Comments Print comments (to printer, or PDF is you have the required software installed) Export comments to Word (*.doc) Pagination (If comments exceed a defined number, they are split into pages) There are some things that needs to be finalised which will not take a great deal of work to complete. Mobile compatibility WCAG 2.2 AA What I'm looking for is a bit of community input, as I know people have wanted this feature for quite some time. This is my best guess of how somebody might use a learning journal, but would love to hear any other examples of how it could function, or additional useful features that could be included. If you would like to check it out on SCORM Cloud. You can visit this URL: Rise Learning Journal on SCORM Cloud Update (3rd December 2024) I have continued to work on this project and it is now SCORM 2004 compatible. Again, it is using the cmi.comments_from_learner. Unfortunately I found a significant issue with the Articulate implementation of the SCORM 1.2 and 2004 comments. I am in communication with support after logging the issue. I am hoping I can convince them that the implementation is incorrect, and the base script is updated. In the meantime, I am applying a patch to the Articulate "WriteComment" function to ensure comments are stored correctly for SCORM 1.2 and SCORM 2004. I have also made some cosmetic changes and updated the CSS for the HTML to ensure the application picks up the current Rise module theme (colours, fonts etc). I've fixed a few bugs I have found along the way with regards to deleting journal entries, and editing journal entries when not on the page they originated from. This all appears to be working really well now. My next priority will be working on the CSS to ensure it is mobile compatible. Once all of the HTML and CSS is finalised, I'll then work on the accessibility. I've been implementing aria attributes as I go along, but there is still some testing and development to be done on that side of things. I will be looking to release this as a BETA to a handful of people early in the new year. Update (9th December 2024) Accessibility Started work on accessibility. Currently implementing and then will be looking to test using JAWS 2024 and NVDA over the xmas holiday period. On track for BETA release Jan 2025. Update (09 January 2025) Accessibility & refactoring Still working on accessibility and refactoring. There is a little more work than first forecast. Yes, I know, you've never heard that from a developer before. I'm 50/50 as to whether I can get this out in January. It will depend on other work commitments, but I will keep this post updated. I have decided to simplify the colour scheme and move away from using the defined "branding" colours inherited from Rise, as I was finding this a bit unpredictable with colour contrast, and so in the interest of ensuring the content has the best colour contrast, I'll be hard coding the CSS rather than using the CSS variables defined in Rise. I'll re-visit this in future. Looking at the code, I need some serious refactoring as I think I found some redundancies and so need to delete any unused code that I added and then abandoned. Oh, and Happy New Year. Update (24 January 2025) Accessibility & refactoring Almost ready for BETA release. Should be ready for release next Tuesday. Accessibility just about completed. I think I could spend another few days improving things, but I think this will be a good first release. BETA Version Release Contact: notes@rebusmedia.com Minimum requirements: Rise course published SCORM 1.2 or 2004 (xAPI not currently supported) LMS Support for cmi.comments (TalentLMS cmi.comments implentation is not supported as the comments are not persisted between sessions). Release Notes: This is a BETA release, and is provided as is without any warranties and It should be used with caution and fully tested for your use case before considering for production. If you do find bugs, please report them to notes@rebusmedia.com (include browser, LMS, device) and I'll release a fix as quickly as possible. This is a side project and so does come second to our day job which can be busy, and so you may need a certain level of patience. Fixes can be expedited for your use case through engagement of our services for time critical projects. It has been tested on mobile, but not extensively (Google Pixel + iPhone). Win/Chrome has been the browser used for development, and testing has also been performed on Win/Firefox and Win/Edge. Features requests: If you require any features that deviate from the BETA version, they will be considered on their merit, but can only be guaranteed for your own implementation through engagement for our services. We have a long list of features that we would like to add if there is enough interest in the application and if it is viable. Accessibility: We made the decision to remove colors from the modal window theme to keep it simple and generic and accessible (high color contrast). The application has been tested with JAWS 2024 and is fully keyboard accessible and keeps assistive technology users informed of what is happening when interacting with the modal window. I'm always willing to make improvements to accessibility as a priority. Accessibility issues are treated as a bug and not a feature request. Implementation: Publish your Rise course to either SCORM 1.2 or 2004 Download the two files note.min.css and notes.min.js files to your computer. Extract your published Rise course to your computer and then copy the note.min.css and note.min.js files to the scormcontent\lib folder Open the scormcontent\index.html file in a simple text editor such as notepad and paste the following text just before the closing head element, which looks like this </head>. <link type="text/css" rel="stylesheet" href="lib/notes.min.css"> <script type="text/javascript" src="lib/notes.min.js" data-notes-per-page="5"></script> It will look something like this: // Excerpt of scormcontent/index.html starts window.__loadEntry = __loadEntry window.__loadRemoteEntry = __loadRemoteEntry window.__loadJsonp = __loadJsonp window.__resolveJsonp = __resolveJsonp window.__fetchCourse = __fetchCourse })() </script> <link type="text/css" rel="stylesheet" href="lib/notes.min.css"> <script type="text/javascript" src="lib/notes.min.js" data-notes-per-page="5"></script> </head> <body> <div id="app"></div> // Excerpt of scormcontent/index.html ends You can adjust the data-notes-per-page="5" attribute to determine how many notes should be listed in the viewer, before the pagination (note navigation) kicks in. Save the scormcontent/index.html file It's important to get this bit right, as the LMS expects the imsmanifest file in the root of the zip file you are about to create. Navigate to the folder containing imsmanifest.xml and then select all (CTL+A) and then select archive/zip/compress depending on the software you use the terminology can be different. It must be a zip file though and the imasmanifest.xml file must be in the root of the zip file. Update (28 January 2025) Print functionality improvement After some user feedback, I have adjust the print functionality so that there is less chance of the student losing the course window during printing. When print is completed or cancelled, the print page closes and the user is return to the course window. Update (30 January 2025) Fix: Added functionality to handle learn.riseusercontent.com cmi.comments implementation. The cmi.comments implementation is incorrect on the LMS and requires the application to retrieve all comments and save to the LMS rather than appending to existing comments. This could cause memory issues if users add multiple long comments over time. CSS: Improved CSS for mobile view (using full height of the screen to display the application. Update (31 January 2025) Bug: There is a known issue with TalentLMS. TalentLMS does not persist SCORM 1.2 cmi.comments between sessions. All comments are disregarded at the end of the session. For this reason, we cannot support TalentLMS unless TalentLMS changes the functionality of the SCORM 1.2 cmi.comments. CSS: Improved CSS for mobile view. Supporting devices with a minimum screen width of 355px wide.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.)How 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.Free 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, Paul
