Interactive and Multimedia Learning

Twine

This is the story script I created using Twine:

This is the link about my The Time Travel Dilemma story, enjoy! : The Time Travel Dilemma

Learning video

The link below leads to my video on solving simple equations : Basic Algebra: Solving Simple Equations

This is the storyboard to my video :

Basic Algebra: Solving Simple Equations Video Script

Intro:

Hi everyone! Welcome to our Basic Algebra tutorial. Today, we’ll learn how to solve simple equations step by step. Don’t worry—this is easier than it sounds! By the end of this video, you’ll be able to solve equations like a pro. Let’s get started

What Is an Equation?:

First, let’s understand what an equation is. An equation is like a balance scale—it shows that two sides are equal. For example: 2□+3=7
Here, we’re using a square (□) instead of a variable like x or y or z. The left side of the equation, 2□+3, represents the expression before the equals sign, and the right side, 7, represents the value it’s equal to. Our goal is to figure out what number fits inside the square (□) to keep both sides perfectly balanced.

Solving Step-by-Step: Example 1

Let’s solve our first equation:
2□+3=7

Step 1: Subtract 3 from both sides to isolate 2□.
2□+3−3=7−3
Here, subtracting 3 on the left side cancels out the +3, leaving 2□. On the right side, subtracting 3 reduces the value to 4. This simplifies to:
2□=4

Step 2: Divide both sides by 2 to solve for □.
2□/2=4/2

This gives us:
□=2

So, the solution is □=2. Now, instead of using the square, let’s call it x, which is the standard symbol in algebra.

This means:
x=2

To check our work, substitute x=2 back into the original equation:
2(2)+3=7
4+3=7
Perfect! The equation balances.

Try Another Equation:

Now, let’s try a slightly harder one using x:
3x−5=10

Step 1: Add 5 to both sides to get rid of the −5.
3x−5+5=10+5
On the left side, adding 5 cancels out the −5, leaving just 3x. On the right side, adding 5 increases the value to 15. This simplifies to:
3x=15

Step 2: Divide both sides by 3 to solve for x.
3x/3=15/3
By dividing, we isolate x. This simplifies to:
x=5

Let’s check our work: Substitute x=5 back into the original equation:
3(5)−5=10
15−5=10
It balances! The solution is x=5. Great work!

Common Tips and Wrap-Up:

Here are some tips to remember when solving equations:

1. Whatever you do to one side, you must do to the other to keep the equation balanced.
2. Simplify step by step
3. Double-check your solution by substituting it back into the original equation.

If you follow these tips, you’ll avoid mistakes and solve problems with confidence.

Today, we explored how to solve basic equations step by step by finding the value of x, or the square (□), in simple equations. These examples showed how easy it can be to isolate the value you’re looking for. Keep practicing, and soon you’ll master algebra.

Reflection

Creating tutorials for both Basic Algebra and The Time Travel Dilemma was an exciting experience that taught me a lot about simplifying complex ideas and keeping the content engaging. For the algebra tutorial, I focused on making equations feel approachable by starting with a simple square (□) instead of 𝑥, which can feel intimidating to beginners. Walking through each step slowly and using examples to show how equations work felt rewarding because it made the concept easier to follow. For “The Time Travel Dilemma,” it was fun to dive into storytelling and think about how choices could lead to different outcomes. It reminded me how stories can be powerful for teaching decision-making and showing the ripple effects of our actions. Overall, both projects were about creating something clear, engaging, and meaningful, and they showed me how important it is to understand the audience and make learning feel fun and approachable.

The results of the WAVE Accessibility showed no errors but indicated 29 contrast issues, 21 alerts, and several ARIA and structural elements that could use improvement. Most of these issues were related to the platform’s default settings, like the low contrast between text and background. I was surprised to see how much the default color scheme impacted accessibility, especially in ways I hadn’t thought about before. I think I should update my blog to improve the contrast to make it easier for everyone to read.

My Canva infographic, called “Fun Recycling Facts,” was made to present information in a fun and visually appealing way to raise awareness about recycling. Here’s a breakdown of the design principles I used for this infographic:

Contrast: I used bold white text on a bright green background to make the information stand out clearly. Each fact was paired with a colorful illustration, which helps break up the content and draw attention to each point.

Alignment: I kept the text and images centrally aligned to create a clean and balanced look. This makes it easy for the audience to follow along and understand the information.

Hierarchy: The main title, “Did you know..? Fun Recycling Facts,” was the largest text to make it clear that it’s the primary message. The facts were in smaller font sizes to guide the reader’s attention from the headline to the details.

Proximity: I grouped the text closely with its matching image to help viewers quickly connect the information with the illustration. For example, the fact about electronic scrap containing gold was right next to a graphic of a circuit board and gold bars.

Balance: I arranged the elements evenly across the infographic to keep everything balanced. The recycling symbol was placed at the center, with related facts around it, which creates a nice visual balance.

Repetition: I used the same green background color and consistent fonts throughout the infographic. This repetition helps tie the whole design together.

Color: I kept the color palette simple, using green, white, and a few bright colors for the images. This keeps the design consistent and relevant to the recycling theme.

Reflection: This project helped me see how small design choices, like color contrast, can make a big difference for accessibility. Even though the content was engaging, I learned that focusing on accessibility features, like proper contrast and grouping elements thoughtfully, is important to make sure more people can benefit from it. Moving forward, I plan to pay more attention to these aspects to make my designs better for everyone.

Creating the infographic was a fun experience, and I liked how easy Canva made it. To me, inclusive design means creating something that anyone can use and understand, regardless of their abilities. I wanted my infographic to be visually attractive and simple to grasp, and I think I achieved that by applying these design principles. Using clear fonts, simple illustrations, and limited colors helped make the design more inclusive. I also thought about how airports use symbols that are understood worldwide, and that inspired me to use easily recognizable images and keep the text simple.

Overall, this module really reinforced how important it is to think about inclusive design and accessibility in all kinds of media. It’s not just about adding visuals but making sure those visuals are useful for everyone.

Reflection

I learned how to make H5P activities that connect to Merrill’s learning principles. Creating these H5P questions made the lesson more interactive and gave students a way to test what they learned and get feedback right away.

How H5P Supports Learning Goals
When making questions in H5P, I could focus on the main goals of the lesson. This connects to constructive alignment, where each activity has a clear purpose to help students understand the topic. Working on these questions helped me think carefully about the key ideas and simplify complex information.

Benefits of Active Learning
Active learning has really made a difference in this course. Using H5P and doing hands-on activities instead of just reading helps me understand things better. It also makes it easier to remember what I learn. This supports what studies say about active learning—it helps students learn more effectively. I’d like to use more of these methods when I teach.

Using H5P in Future Teaching
Trying H5P this week gave me ideas for my future teaching. I could make interactive stories for decision-making in computer science or create drag-and-drop questions for coding practice. These activities would help students practice and understand ideas in a fun way, making the lessons more engaging and centered on the student.

Using Both Passive and Active Learning
While active learning is helpful, I also see the benefits of passive learning, like short lectures or demos, to introduce new ideas. These methods help set the basics before jumping into interactive activities. In this course, the mix of both active and passive learning has kept things balanced and easier to follow.