top of page

Using Variables to Compare Learner's Answers to an Expert’s Recommendation #292

Jumping back into the E-Learning Heroes Challenge this week.

2020 has been ... well you already know. We don't have to talk about it. But it totally had me off track where it came to challenges (but super productive in other areas...ahem...podcast).

I kicked off my first (official) mentoring cohort at the beginning of July and we are committed to completing a design challenge each week. We are starting with the #291 and #292 of the ELHChallenge because they cover skills for both beginner and intermediate e-learning developers.

For this submission, I tried out a new PowerPoint design technique for creating a cinematic intro. Don't get too drawn into the topic - it's not a real project. Lol. I found a video of two people making eyes at each other over coffee and created my own narrative. That's the fun part of portfolio design.

I also used Troy Ashman's tutorial on how to create a full-screen image background in Articulate. I really like the opportunity to flex the aesthetics of the design with tools like this one. (NOTE: The fullscreen image doesn't work in Articulate 360 Review or on mobile, but looks great on desktop, in - you guessed it! - fullscreen mode.)

In this demo, the user compares their responses to a conflict with their partner, with the responses from famed couple's therapist - John Gottman (and other therapists).

119 views1 comment

1 Comment

Ridvan Saglam
Ridvan Saglam
Aug 05, 2020

Great work Nyla! I learned full-screen image background from Melissa Milloway and used it for one Articulate Challenge. However, I didn't use it again when I realized it didn't work on mobile. When I saw your interaction, I thought maybe there is a way to understand if the course is seen on mobile or desktop. And yes, there is a way. I tested it and it works perfectly.

Please check it on mobile and desktop;

Firstly, I placed the image which I used for the full-screen background into the SlideMaster and set the state of it hidden. Later, I used the javascript code shared by Amy Lewis here;

It recognizes if the course is seen on mobile or…

bottom of page