This is the storyboard for Participial Adjectives, an interactive lesson created using Articulate Storyline to improve students' understanding of participial adjectives at an international language school. It was created to plan and design an interactive learning experience that includes an activity and multiple-choice questions to test the understanding of the presented material. In it, I laid out the framework for the lesson, outlining every aspect of the lesson, from the images used to the downloadable certificate at the end of the lesson. From there, I developed the project using Articulate Storyline.

Tools Used:

Microsoft Word

The visual storyboard includes basic information about the layout of the project, such as the font and the color scheme used. It also lists every slide in complete detail, along with the title of the slide, images and text used, buttons included and what each button does, notes for the developer, and detailed notes on animations used. In the case where activities or multiple-choice questions are used, detailed information is given regarding the questions and answers used, as well as the correct answers given (seen in later slides). To view the entire storyboard in PDF format, click the View Storyboard button above.

To provide the option of implementing this lesson on its own without the need for an LMS, I wanted to integrate a certificate of completion into the lesson. To do this, I created a custom branded certificate on Canva, with an image, fonts, and colors that matched my lesson scheme. I then used JavaScript to print the learner's name and date on the certificate, so that the name and current date would appear on the certificate when downloaded in PDF format. The jsPDF library is used to generate the PDF, and a script is added in the story.html file to communicate this to the Storyline course. The following code in the image below was added in Storyline to the Download Certificate button Trigger as Executable JavaScript. I first used Visual Studio Code so that I could more easily configure the settings appropriate to my project, such as setting the font size and color, choosing a name for the downloaded file (i.e., Certificate.pdf), calling the variable used for the name in Storyline, etc.