Two free courses, Build Web Pages Using HTML and Style Your Web Pages Using CSS, are now available on the Thinkific platform.
I’ve developed these lessons over the years teaching my Web For Business class to college and high school students.
For now, I’m making the courses available for free, demonstrating my expertise as a course designer. Each module utilizes the power of Articulate Storyline and demonstrates many of the interactive features that are available.
The Minnesota Department of Transportation (MnDOT) had the foresight to capture critical information from their experienced employees. They used a technique called MASK (Method for Analyzing and Structuring Knowledge) creating knowledge books for bituminous, concrete repair, and the engineering of bridges.
The end result of MASK is a PowerPoint organizing the text, images, and videos in a single, very large file. Historically MASK has been used for very proprietary information such as the French Atomic Energy Commission and the formulas and processes for KRAFT Foods. So, the size of the file was not as critical.
However, the MnDOT wanted to make their knowledge available to the inspectors and local engineers out in the field as well as on the MnDOT website. Each Knowledge Book averaged 300 slides and took up almost one gig of space. The PowerPoint files couldn’t be conveniently viewed on a phone or tablet and they weren’t accessible to people with disabilities.
We decided to convert the PowerPoint slides into a web-based presentation using Articulate Storyline 360. This not only met MnDOT’s requirements but added features such as interactivity and basic animations.
Here is a screen shot from the original Concrete Repair Knowledge Book:
Here is the same information using Articulate 360. (Click on the image to view the interactive page.)
Notice how the dense PowerPoint text was converted by chunking the content into two hot tabs, focusing the reader’s attention. Information common to both hot tabs can be easily displayed using the base layer.
Benefits of the Converted Knowledge Books
Here is a list of some of the benefits we’ve gained using Articulate Storyline:
Content is completely interactive and can be published on the web. (Published Storyline files are encrypted so changes cannot be maliciously made to the presentation.)
Content is responsive. It can be viewed on a smart phone, tablet, or desktop computer.
Content is accessible. Videos include closed captioning and graphics include alternative text for screen readers.
Animation can be used to demonstrate key principles.
As each knowledge book was being converted we used Review 360 (part of the Storyline suite) to communicate any changes or modifications to each page. Content experts at MnDOT could view the current version of the knowledge book, using a hidden URL. Review 360 automatically made a screenshot of the page they were viewing. Even people who aren’t comfortable using new software found Review 360 easy to use.
There are two main screens in Review 360. Here is the main Review view:
This is the Feedback view showing the discussion thread for each edit:
Review 360 made the editing process smooth and efficient for both the content experts and the developer.
announcement read, “Winter Retreat – A New Year with a New Beginning with
Life”. In the past, committing three days to meditation my mind would tell
me it just didn’t “fit in my schedule”. However, this retreat caught
my attention and I thought it might be a great way to start the New Year. I
also invited my son to fly in from Tennessee to join me.
wasn’t sure what to expect. I attend meditation classes most Monday nights and
have been practicing meditation off and on for many years but this would be my
first retreat experience.
The retreat was held at the Metta Meditation Center, twenty minutes from Mankato, in Janesville, Minnesota. The Center was originally run by Catholic nuns and was purchased in 2017 by Buddhist comunity. It faces west, looking across Lake Elysian, showcasing some amazing sunsets.
After picking my son up at the airport, we arrived at the Center on Thursday night. My first surprise was the solar-powered Christmas lights blinking around the round stone entrance sign off of East Elysian Road. I might have missed the turn-off otherwise. Approaching the parking area a huge concrete cross glowed against the night sky. When I asked the residence they mentioned that people from all faiths still use the Center, and they keep the cross as a welcoming symbol.
our shoes at the door, a Buddhist custom, we quickly registered and hauled our
stuff up to our rooms. The Center has several meeting rooms, a kitchen, a large
dining area on one end and sleeping rooms on the other. Instead of room numbers,
each room has a name. I stayed in Patience and my son stayed in Self-Esteem.
The women in the group stayed in the rooms on the ground floor and the men
That evening Sathi, one of the teachers who maintain the Center, outlined what we would be doing. The retreat focused on three main activities; sitting meditation, walking meditation, and mindful eating. In between were teachings and guided discussions. Sathi asked us to observe silence as much as possible and emphasized how the retreat was designed to give us a chance to explore and improve ourselves and learn how our mind works.
we moved to the large meditation room and began the retreat with a 45-minute
breathing meditation. Most of us used the large cushions, while others used the
chairs. Then, off to bed at the early hour of 9:30 pm.
I woke hearing the sound of a Tibetan Singing Bowl. A quick glance at my phone told me it was 5:45am! I hadn’t seen that time of day in a long time. A bit groggy, I headed for the meditation room wondering how the day would fare.
First activity: Mindful Yoga. Sathi walked us through several basic exercises that residents use to keep their body fit for long hours of sitting meditation. With each pose we would take in a deep breath, hold it as we struck the pose, and then, let go (often with a strong ‘humpppfff’) as we released our breath. This was immediately followed by taking in another deep breath, holding it as we repeated the stretch. It was a great way to start the day; not too strenuous, just great stretches and lots of lung expansion. After this physical warmup, we began one of several sitting meditations for the day focusing on our breath.
meditation is simple. All you have to do is focus on your breath. Breath in.
(Notice the pause.) Breath out (Notice the pause). Sounds easy, right? The
problem is our mind is a trickster. It sets up a constant chatter, distracting
us with thoughts, emotions, and stories. After only a few breaths I catch my
mind talking about something, making me completely lose the attention to my
breathing. I wander off into the story my mind is telling, mesmerized.
Suddenly, I become aware of my drifting and like a tightrope walker losing
balance, a catch myself and start again. Breathe in. (Notice the pause.)
Breathe out (Notice the pause). Breathe in. (Notice the pause.) Breathe out
(Notice the pause).
I first started meditating, I would be good for 2-3 breaths before I got
distracted. Now, after much practice, I have a much better attention span (maybe…
10-15 breaths?). This directly translates into my daily life, keeping me much
more focused and less distracted no matter what I am doing.
minutes later, with the soft ringing of the singing bowl, I open my eyes
(mindfully), stretch my legs, and carefully stand. It is time for breakfast! We
serve ourselves and sit at the table in silence waiting patiently as each
person dishes up their plate.
Normally our teachers chants an ancient prayer in Pali (the language that Buddha used for his teachings) before they eat.
However, for the retreat, we read an English translation of this prayer as a group, and then dove head first into our first meal. Well, dove isn’t really the right word. it was more of easing into the first meal, and being greeted by vibrant flavors. Following Sathi’s breakfast introduction, we ate our meal mindfully, in silence, focusing on each bite. As my mother will tell you, I am a very fast eater. I had to teach myself to eat one bite at a time, not taking another bite until I had completely finished the first. I found it helped to set my fork down in between bites and close my eyes while chewing. Breakfast was vegan and absolutely delicious, probably more so because I was eating mindfully.
is an amazing exercise, especially when eating with a dozen other people. We
weren’t focused on each other, or conversation; only our food, one bite at a
time. If people ate this mindfully when I cooked a meal I can only imagine how
much better my meals would taste.
breakfast, we learned about walking meditation. The key is to walk slowly,
focusing on each step. This can be done inside or out and is a great calming
exercise. My feet wanted to race ahead until I noticed the other, more
experienced participants, walking in slow motion. I reminded ‘myself’ (my mind)
that I didn’t have anywhere to go, to just to focus on the walking.
mindfully really makes me aware of my surroundings. When I drive 70 mph on a
freeway, I hardly notice the countryside flashing past. This is great when I
need to get somewhere fast. But, I’ve found that if I later cover some of those
miles on a bicycle I notice a lot more details. Hiking that same route I notice
even more. And, when I do walking meditation, even though I do not cover much
distance, I not only discover details of my surroundings but have time to
observe my mind and can patiently work to calm its endless chatter.
I was ready, I mindfully walked toward the meditation room and sat down on the
soft cushions for yet another quiet, peaceful breathing meditation session. Oh
wait, I forgot to mention the roofers. A few months earlier a tornado had torn
through the Center, bringing down 100-year-old trees. One of those trees
collapsed the roof over one of the meeting rooms. With the warmer temperatures,
the contractor was anxious to finish the roofing and they were making quite a
bit of noise. But, I reasoned, this was a great opportunity to practice my
focus despite real-life distractions. As I began my meditation the hammering
began to have sort of a rhythm. Nice. That is until they dropped another bundle
of shingles, seemingly right over the top of my head. My whole body would jump
in alarm. “Okay,” I’d tell my mind, “let’s start again”.
That was the longest but most interesting meditation of the entire retreat!
It’s like the workmen knew when my mind began to wander, dropping a block of
shingles at just the right instant giving me focus.
After a delicious vegan lunch with lots of variety and options, Sathi led a discussion on mindful eating, asking for our personal observations and adding commentary based on Buddha’s teachings.
afternoon, with the sun streaming into the windows, Gina Gafford led us through
an attention-getting yoga session. As we stretched and did our downward-dogs
the sun began setting. By the end of the session, the room was dim and quiet in
the twilight. With the group paying attention in silence, it was magical.
For the last meditation of the day, we did a Metta Meditation. Instead of a breathing meditation as we had been doing, Sathi guided us with the following intentions “May all living beings be well, be happy, be skillful, and peaceful.” Metta in Pali means loving-kindness, friendliness, goodwill, and active interest in others. This is where the Metta Meditation Center gets its name.
What did I gain from these three days? A lot. The first full day was tough. During the hour of free time, I called my wife who asked me if I had any “aha” moments. “No nothing,” I responded, “I don’t know what I’m doing here.” But, by Sunday, when it was time to leave, things had come together, and I wasn’t really ready to leave.
This was not a religious retreat. Although Sathi referred to Buddha’s teachings, the lessons were life lessons and fit well with most religions that I am familiar with. These lessons gave me a new way to think about things such as developing my own self-confidence, having compassion for others, and understanding how my mind works to gain greater attention and focus. Oh yes, and on mindful eating.
retreat really helped calm the racing chatter in my mind. I find I focus better
on whatever I am doing. I am more observant before I speak, and I feel calmer
and more relaxed. After returning home I took my dog out for our customary
walk. Instead of just walking the dog I now make a point to walk mindfully. It
is a whole new and delightful experience for both me and my dog.
the past, my meditation sittings never went longer than 25 minutes. I’ve now
shown myself that I can sit, focusing on my breath, for much longer. I’ve also
started practicing meditation each morning which is really a great way to start
now as I write this I’m in a busy waiting room with the background music
playing over the top of a loud daytime TV show. Before attending the retreat,
these things would have distracted me beyond irritation. But, since attending
the retreat, I can now observe these things and just let them go, focusing on
my writing. This is very cool.
did my son do? As I took him to the airport we made up for our few days of near
silence, reflecting on our weekend together and how this experience translates
into our own day to day routines. Since his return home I notice that his
approach to himself, his family, and his business has shifted slightly. I see
him using the tools we learned approaching problems and issues with a clear
mind, not getting caught up in the emotions of the moment. We are both very
glad that we took advantage of this opportunity together.
In his blog, Mark Guzdial highlights Parson’s Problems offer the same learning gains as writing or fixing code. Mark highlights how useful Parson’s Problems can be for interactive learning modules.
Not Just Computer Science
The article emphasizes how useful Parson Problems can be for computer science. Many other fields use this same type of learning instruction. For example, a healthcare module might use this technique to ensure students learn specific steps for procedures like taking a person’s blood pressure or drawing blood.
Increasing the Challenge with Distractors
To increase the challenge to students, add distractors. Instead of one-to-one answers, add extra items not critical to the process.
Try a Parson Problem Yourself!
Here is a sample Parson Puzzle. Students can check their learning after finishing the tutorial on using CSS Flexbox. The tutorial shows the code with examples. This puzzle summarizes the content midway through the tutorial. Notice the distractors.
You may not be familiar with Flexbox coding, so here is a screenshot of the correct order 😉
I use Articulate Storyline 360 with Amanda Bell, another instructional designer. This is the newest version of Articulate. The software is now more cloud-based and it is very well designed.
I thought it would be helpful to others to see a list of the features that Amanda and I really appreciate and use on a regular basis.
Articulate Storyline Tools
Allows fast development with a very professional look and feel.
Everything is responsive automatically, works on all devices
Three development tools for different levels of development:
Basic: Studio 360 Converts Powerpoint to a stand-alone tutorial
Intermediate: Rise – Quick module development
Advanced: Storyline 360 – a detailed development environment for very interactive and branching tutorials. Interactive slides created in 360 can easily be included inside of a Rise module.
The interface between all these tools is very consistent and fluid.
Other Development Tools
Peek – Records screencasts similar to Camtasia and Storyline 360 has this feature built-in.
Publishing a course involves the click of a single button and finished modules run on any device.
Contains 1,000’s of public domain images, with instant search and automatic accreditation to the copyright owners
Hundreds of characters, each having 20+ different poses and expressions – a click away. A wide diversity of people and occupations are represented. This collection is continually growing.
Images, illustrations, and icon are immediately available for all types of training situations
Templates for quizzes, click and drag, scenarios, and whole presentations. For everything. These are very professional looking and designed to be customized with any content.
Modern Fonts – Nine built into Rise and Articulate 360 with the ability to add custom fonts making font choice unlimited.
Articulate Review allows detailed collaboration between developers and stakeholders with version control.
Text-to-Speech is built in – Blocks of onscreen text can be immediately converted to voice and can be used to match various character avatars. This is a vast improvement over separately recording individual voice-overs and maintaining all those sound files. The speech is life-like.
Video Enhancement with Q/A Options Any video included in a module can automatically include questions throughout, making them much more interactive.
Interactive Tutorials from Screencasts A screencast demonstration can be automatically converted into a step-by-step simulation with the click of a button.
The Articulate Storyline Community
Articulate has a huge community of thousands of active eLearning developers.
The ability for course developers (and stakeholders) to work together using the Articulate Review.
Very extensive online tutorials and training.
These are short and concise (less than 5 minutes).
Weekly emails with examples and tutorials from Articulate and other developers.
Regular challenges published showing how other developers solve eLearning problems.
Articulate Live – Live webinars with eLearning experts. New ones available every few days.
Use Articulate Storyline to Increase Student Interaction
Easy-to-implement branching with feedback based on student’s decisions
Easy-to-implement click-and-drag screens with a wide variety of templates to build on.
Interactive objects including buttons, sliders, dials, hotspots, input, and click markers
Gamification easy to set up using Articulate templates
Scenarios, timelines, process, tabs, and related content can all be built using existing templates.
Use Articulate Storyline to Assess Student Learning
Multiple templates for self-grading quizzes for fast development
Ability to add assessment questions inside of videos
Link graded quizzes to an LMS
Controlled questions for branching
Customize feedback for each student interaction.
The Articulate ecosystem allows the developer to focus on the content, not on the mechanizations.
The classic game of Battleship has been repurposed to demonstrate the effectiveness of agile methods.
Mark Suurmond has created a simulation, available on GitHub, that allows programmers and students to experience the difference between the waterfall design process and the agile process.
When the simulation first displays it is set to 40 iterations. The player has to guess where on the board the ships are located, but doesn’t find out until the last attempt is finished.
There is some success, but also a lot of wasted effort, much like we often experience when developing a project using the waterfall method.
On the second trial, the programmer gets feedback after every attempt. This would be like having the client at your side each time you wrote a bit of code. The finished product is much more “on target”, much like we experience when using agile methods.
The third and fourth trial is run, getting feedback every 5 iterations, and then every 10. Running this simulation the programmer can gain an appreciation of constant feedback vs. getting regular feedback after multiple iterations. It isn’t always possible to meet after every programming decision is made.
Photo courtesy of Wikipedia. US Navy 100530-N-2798F-011 Aviation Ordnanceman Airman Justin Stout and Aviation Electronics Technician Airman Anthony Bertolino spend their break playing the game Battleship aboard the Nimitz-class aircraft carrier USS Harry S.jpg