April 16, 2024
Game On! Maximizing Learner Engagement with Raptivity and Adobe Captivate
Comments
(0)
April 16, 2024
Game On! Maximizing Learner Engagement with Raptivity and Adobe Captivate
Followers: 0 people
(0)

As new-age instructional designers and course creators, our mission is to craft effective eLearning  that will engage learners consistently. We understand the constant pursuit of that “wow” factor—the element that transforms mundane content into an immersive learning experience. We aim to make learners not just passive observers, but active explorers of the content. Including meaningful interactive elements is pivotal in this mission. Recently, I explored a new way of developing an eLearning course that offered me a fresh perspective on how to achieve success in this mission. And what was the key?—the dynamic duo of Raptivity and the all-new Adobe Captivate. Let’s see how.

Discovering the Potential
My exploration began with a project that demanded cutting-edge responsive eLearning course development in a swift timeframe. The course also needed to have a few fun games and quizzes to let learners apply their understanding in exciting ways. That’s when Raptivity and Adobe Captivate entered the scene.
Raptivity is a great way to incorporate games into eLearning courses. It’s a versatile interactivity builder that helps me create stunning eLearning interactions. It facilitates quick and easy development of games, quizzes, and click-to-reveal displays. The interactions are by default responsive and work on a wide variety of devices. I can publish them as standalone learning nuggets or use them with an eLearning authoring tool.

These games not only have the right amount of fun elements for learners but also encourage knowledge retention. I can select games such as Balloon Pop, Spin the Wheel, Pizza Mania, and Bowling Rush from Raptivtity’s library of pre-built templates and customize them in minutes by adding my content.  

The new Adobe Captivate on the other hand comes with a range of pre-designed elements like interactive components, text and media blocks, and widgets such as drag-and-drop, click-to-reveal, flip cards, hotspots, and timelines. You can customize these elements and build advanced interactions using intuitive triggers. Adobe Captivate allows for the creation of responsive content in a jiffy. All these features help me build engaging, end-to-end courses quickly and effortlessly.  

The Integration Process 

The ability to publish Raptivity as a web object and integrate it with other authoring tools piqued my curiosity. The process was surprisingly intuitive.  

Step 1: Create a Raptivity Package 

The first step in this process involves creating an interaction in Raptivity. Customize it to align with your learning objectives and the overall aesthetic of your eLearning course developed using Adobe Captivate. Once satisfied, publish the interaction as a web object. 

Check these how-to videos to know the steps to customize and publish a Raptivity interaction. 

Step 2: Add a Blank Slide in Adobe Captivate Project 

Next, add a new blank slide in your Adobe Captivate project where you want to integrate the Raptivity interaction. 

Step 3: Add a JavaScript Code 

The steps are: 

  1. From the right-side properties inspector panel, select “Interactions” and then “Add an interaction.” 
  1. Select ‘Slide Enter” under “Timeline.”  
  1. Select “MORE” under “Actions.”  
  1. Select “Run JavaScript” from the drop-down.  
  1. Type/paste the JavaScript code in the placeholder to insert the published Raptivity interaction on the slide. 

This code is a crucial component in embedding external content seamlessly into Adobe Captivate. You will need codes for both ‘Slide Enter’ and ‘Slide Exit.’ Follow the same steps to enter the JavaScript code for ‘Slide Exit.’  

 

Here is the code that I used: 

On slide enter: 

var iframe = document.createElement(‘iframe’);
var html = ‘<body>Foo</body>’;
iframe.setAttribute(‘id’, ‘myFrame’);
iframe.style.position = “absolute”;
iframe.style.top = “70px”;
iframe.style.left = “20px”;
iframe.style.margin = “0 auto”;
iframe.setAttribute(‘height’, ‘80%’);
iframe.setAttribute(‘width’, ‘95%’);
iframe.setAttribute(‘frameBorder’, 0); 

 //iframe.src = ‘data:text/html;charset=utf-8,’ + encodeURI(html);
//document.body.appendChild(iframe);
iframe.src = “BowlingRush/interaction.html”;
document.getElementsByClassName(“cp-cbs__container”)[0].appendChild(iframe);
//document.getElementById(“app”).appendChild(iframe); 

On slide exit: 

 frame = document.getElementById(“myFrame”); 

 document.getElementById(“app”).removeChild(frame); 

 

Step 4: Publish the Adobe Captivate Project 

With the codes in place, it’s time to publish your Adobe Captivate project. Copy the Raptivity publish folder into the root publish folder of the Adobe Captivate project as per the path set in the code. 

And that’s it! Your Raptivity interaction is now set to run seamlessly within your Adobe Captivate course. 

Conclusion 

By combining the capabilities of Raptivity and Adobe Captivate, you can unlock a world of extensive interaction possibilities. Raptivity allows you to gamify your content without programming while Adobe Captivate offers a robust platform for creating immersive learning experiences. Together, they can empower you to deliver courses that not only impart knowledge but also foster engagement and retention. This exploration has reinforced my belief that instructional design is an art, and technology is the canvas on which we bring it to life 😊. 

Have you tried leveraging more than one authoring tool to elevate your eLearning courses? What approach did you follow and how easy or difficult it was? Share your thoughts and experiences in the comments below. 

0 Comments
Add Comment