Author: qiantongguo

Module 5: Storytelling and Creating Video

Twine storytelling:  Legend of Golden Island

 

 

 

 

 

Twine story typing script:

Eric is in a tavern when he overhears an elderly sailor talking about the legend of the Golden Island. The sailor gives Eric a worn-out map and tells him that the location of the three gems is marked on the map. After collecting the jewels, he must travel to the stormy sea, and the Golden Island will be revealed.

Eric decided to accept the challenge.

Stop 1: Ruby – Desert Ruins
Eric traveled to a hot desert where the Ruby was hidden in the depths of the desert ruins.

Challenge:
Solve a sun clock puzzle and use the direction of the sun and sand to find the hidden entrance to the chamber.
Fight against scorpions hiding in the ruins’ shadows and attack as soon as they get close.

Eric faces these scorpions. What will he do?

Sneak up on the scorpions. Eric adopts a quick sneak attack strategy. This allows for quick passage but results in minor injuries.

Eric spends more time carefully searching for the scorpion’s weaknesses. It takes longer but can be done safely.

Result:
Eric gets the ruby and successfully avoids harm. The ruins start to crumble, and he escapes.

Stop 2: Sapphire – Underwater Cave
Eric hires a fishing boat and travels to a hidden cave in the deep sea to find the sapphire.

Challenges:
Enter the cave with scuba gear and stay oriented in the currents.
Encounter a sea serpent that guards the cave’s gems; any movement may provoke it.

What will Eric do

Defeat the Sea Serpent
Wise the Gem

Stop 3: Emerald – Mysterious Jungle
Eric enters a mist-shrouded jungle where the Emerald is hidden in an ancient temple.

Challenges:
Dodge traps in the jungle (arrows, falling rocks).
Solve the temple’s stone puzzle in the shape of an eagle to get the key to the emerald.

What will Eric do?

Use brute force
Observe carefully

Final Stop: The Golden Island
Eric sails through the stormy waters and uses the three gems to unlock the seal of the Golden Island.

Challenges:
Maneuver the ship through stormy waters to avoid hitting the rocks
Enter the island and face the final guardian—a golden statue brought to life by magic

What will Eric do?

Confront the Colossus
Break the Seal

Ending
Gold and Fame: Eric returns some gold and becomes a legendary adventurer.
Abandonment of Treasure: Eric decides not to use the Golden Vault to prevent the wealth from causing war. He only brings back artifacts that record history.

The End

 

Continue reading

Module4: Design Principles for Effective and Accessible Multimedia

WAVE accessibility check of Blog1 post :

Reflection:

Module 4 examined the interrelationship between media inclusivity, design elements, and ease of access. This module equipped me with critical aspects, such as understanding that creating inclusive and accessible materials is a continuous process that has been rewarding despite my challenges. For instance, I’ve always assumed that as long as the layout and design of a blog are user-friendly, they can access my blog easily. However, after running the WAVE accessibility tool, the evaluation revealed several areas I had previously overlooked for improvement. One of the most surprising points was the need to provide descriptive alt text for images. I had always assumed that simply adding the image would be sufficient, but the tool clarifies that alternative text is critical for users who rely on screen readers. Alt text helps to describe the content of the image, providing visually impaired users with context for the image, which is critical to improving the accessibility of the site. Sufficient color contrast between the text and the background also stood out during the analysis. Before using WAVE, I had not paid close attention to the impact of color choices on accessibility. The tool highlighted areas of insufficient contrast, making it difficult for visually impaired users to read the content. Now, I realize the importance of ensuring sufficient contrast to improve readability for all users, regardless of their visual abilities.

 

Canva Infographics post on how to develop study efficiency:

 

Reflection:

After working with Canvas, I found that it offers a variety of elements, such as icons, charts, and text styles, that I use in various ways to create clear, engaging visuals. Whether it’s through custom color schemes, interactive elements, or dynamic layouts, Canva allows me to create infographics that are informative and engaging for the viewer. The limited color palette, alignment, and contrast within Canva are vital in enhancing the visual appeal and clarity of the content. By carefully choosing a color palette that aligns with the theme and purpose of the infographic, I can help ensure that the design remains consistent and easy to understand. The use of alignment ensures that elements are arranged in a way that effectively directs the viewer’s attention.

Additionally, contrasting colors and fonts can strategically emphasize essential information, making infographics more impactful and memorable. These principles are rooted in the Universal Design for Learning framework, which emphasizes creating accessible and engaging content for diverse learners. Additionally, the Canva templates have been critical in streamlining my design process. They provide a solid foundation for my work and allow me to focus on customized design.

 

 

 

 

 

Module 3:Principles of Learning Design and Active Learning

I am majoring in Pacific Asian Studies (PAAS) at UVIC. This program has three main components: language, media, and translation. During the summer semester from May to June, I learned basic daily greetings and grammar in my French 100 class. This experience made me realize that learning a new language like French not only teaches me practical language skills beyond my native tongue but also gives me a close look at the cultures of other countries. Therefore, this course design plan mainly teaches beginner French learners basic French greetings and grammar. I will give the French words and grammar along with the English meanings of the corresponding words and two or three specific examples so that the beginner French speaker can learn and understand better.

Considering that some beginners who have never had any previous experience of learning French can be confused at first.  Therefore, I will provide two YouTube videos of the most frequent greetings and basic French grammar for beginners, hoping that this will help them to have an advanced understanding of French (1) https://www.youtube.com/watch?v=m8xTQus9Y2   (2) https://www.youtube.com/watch?v=ujDtm0hZyII&t=1301s

 

Lesson Design planning template:

Big Idea: Learning basic French greetings and understanding basic French grammar is essential. Only by learning and progressively mastering these basics of French will students be able to understand the meanings of various vocabulary and how to carry on a simple conversation in French.

Learning outcomes:  (1)  At the end of this lesson, French learners will be able to greet someone in French using phrases such as Bonjour (Hello), Salut (Hello/Hi), Bonsoir (Good evening), Au revoir (Goodbye), Comment allez-vous? (How are you?),  Merci beaucoup! (Thank you so much).

                                               (2) In simple sentences, They can recognize and correctly use basic subject pronouns (je, tu, il, elle) and the verb être. For example, Etre- to be: Je suis (I am ) Tu es (you’re) il/Elle/on est (he/she/it is)    Nous sommes ( we are)  Vous êtes (you (plural) )  ils/Elles sont; Avoir(conjugation):

see er Verb, drop er, and according to the Subject add relevant suffix):

Je+ e  Tu+es  il/Elle/on+e  Nous+ons  Vous+ez   ils/Elles +ent

Example: paler (to speak) : Je + parle  Tu+parles  il/elle/on+ parle  nous+ parlons  ils/Elles+ parlent

manger(to eat): Je +mange  Tu + manages  il/elle/on+mange nous+ mangeons

                                               (3) They also learn how to use the French greeting to ask their classmates or best friends to introduce their name, age, where they come from, and their preference, and they respond to the following questions in French. For example: Comment tu t’appelles? (What’s your name?), Answer: Je m’appelle…(My name is…),  Quel age avez-vous?( How old are you?)  Answer: J’ai … (I’m … years old), Ou tu habites? (Where do you live?)  Answer: J’habite a…(I live in…), D ‘ou tu viens? (where are you from?) Answer: Je viens de… (I come from…),  Qu’est ce que tu aimes en general? (What do you like in general?) Answer: Jaime… (I like…)

                                              (4) They’re able to learn some basic French grammar. For example, Nouns and Articles:    French nouns are masculine or feminine and accompanied by articles.

Definite Articles: le (masculine singular)la (feminine singular)les chiens (the dogs)

indefinite Articles: un (masculine singular) → un chat (a cat)une (feminine singular) → une table (a table)des (plural) → des fleurs (some flowers)

Forming questions: (1)can we use the phrase “Est-ce que”? Example: Je mange le sushi.  Est-ce que tu manges le sushi? (Do you like to eat sushi?)  (2) use Inversion: Switch the subject and verbExample: Parles-tu anglais? (Do you speak English?)

Forming Negative Sentences Structure like Subject+ne + origin form of Veb + pas

Example: Je n’aime pas les mathématiques. (I wouldn’t say I like Math  )Nous ne regardons pas la télévision. (We don’t watch television)

Evidence of learning : (1) French beginners  can accurately pronounce and use basic French greetings (For example, Bonjour, Comment ça va? Au revoir)

                                                 (2) respond appropriately to standard greetings and introduce themselves (such as  Je m’appelle, Ou tu habits, etc.. )

                                                (3) write grammatically correct phrases using learned vocabulary and grammar (for example., Je suis étudiant,  Elle a un chat )

Assessment:  (1) Pronunciation Check: Assess pronunciation of greetings and keywords through repetition exercises or paired practice.

                             (2) Provide sentences with missing words to test knowledge of greetings or basic grammar. Such as Bonjour! Je ____ (être) Lee   Nous____ (Avoir) orchestre

Learning Activities: (1) Dialogue Practice: Provide French beginners with a simple scripted dialogue. For Example:

  • A: Bonjour, je m’appelle Selina . Et toi??

         B: Salut, je m’appelle Paul. Comment ça va?

         A: Ça va bien, merci!A: Ça va bien, merci!

  French beginners can practice in pairs and later perform for the class through class on Zoom.

                                          (2)Assign homework for French beginners to write five to eight sentences introducing themselves and others.

 

 

Reflections:

Constructive alignment and backward design have been broadly incorporated into various course segments. The modules’ activities, assessments, and outcomes aligned with past knowledge of activities. Nonetheless, I have seen gaps in other courses where the correlation between learning activities and outcomes is unclear. This confuses the importance of certain concepts.

However, I have noticed that this alignment is not always present in other courses. In some instances, there is a lack of clarity regarding how the learning activities are related to the course outcomes. This disconnect can lead to confusion among students, as they may not fully understand the importance of certain concepts or why they are being asked to engage in specific tasks. Without a clear correlation between activities and outcomes, students may struggle to see the relevance of their learning experiences and, as a result, may not be as motivated or engaged in the material. This gap highlights the importance of consistently applying principles like constructive alignment across all courses to ensure students get support in their learning journey.

In contrast, this module demonstrates the effectiveness of integrating and harmonizing all learning activities and assessments. The module promotes a deeper understanding of the content by ensuring that each task, assessment, and outcome are interrelated. Students are more likely to grasp the meaning of each concept because they can see how it fits into the learning objectives. This consistency improves the clarity of the course structure and contributes to a better learning experience for students. Ultimately, when activities and assessments are thoughtfully designed and aligned with the intended outcomes, students can better achieve the learning objectives and apply what they learn in the real world.

The use of H5P has been an eye-opening and enjoyable experience for me. It’s a tool and a platform that opens up new possibilities for creating engaging and interactive content. When I first started exploring H5P, I found the features of the “Interactive Video” tool particularly appealing. With this tool, you can embed quizzes, questions, and other media directly into the video to make the video content more engaging. Instead of passively watching the video, learners can actively interact with the video at various points. This not only keeps them engaged but also reinforces the learning objectives. For example, after watching a video, you can ask a question to ensure the viewer understands the content before continuing. This interactivity can significantly improve learners’ retention and help them apply what they have learned. I’ve found that when learners are actively involved in the learning process, rather than just watching from the sidelines, they retain information better and are more motivated to continue learning.

 

 

 

 

 

 

Module2: Generative AI and Evaluating Content and Tools for Learning

H5P Experience

I had never heard of a web page that allows interactive video production called H5P before. Due to curiosity, I choose to use this web platform to make a short interactive video.

The interactive video tutorial inside of H5P is very useful for people who have the first time making their fascinating interactive short video, and it serves as a good way to get started. Below I explore the use of H5P to create an interactive video. For this interactive video, I  explored Dubai Chocolate, which has been exploding on social media in recent times. This short YouTube video focuses on the origins of Dubai Chocolate and why it is a favorite of many food bloggers.

This interactive video is mainly based on the Original Youtube video to add a summary text with one multiple choice question:

https://none4.h5p.com/content/1292401856752494188

Citation of Original YouTube Video:

http://“The Viral Dubai Knafe Chocolate What Is Kunafa?” YouTube, 9 Aug. 2024, www.youtube.com/watch?v=z5zJTsQz0ls.

 


The Several Features of H5P content types:

  • Multiple-choice questions with one or more correct answers
  • Free text questions
  • Fill-in-the-blank questions
  • Drag and drop questions
  • Interactive summaries
  • Single-choice question sets
  • Mark the word activities
  • Drag and drop text
  • Images
  • Tables
  • Labels
  • Texts
  • Links

“The features of  H5P content type”, 12 Oct.2024, https://h5p.org/interactive-video#example=27611


“Interactive Video Content”, 12 Oct.2024,  https://none4.h5p.com/content/create

“Interactive Video Content”, 12 Oct.2024,  https://none4.h5p.com/content/create

When opening the H5P Interactive Video Tutorial link, you can see a create content option, click on it inside all content types there is a one-by-one look to select the new content option and select the interactive video from the content type list. Next, you will see the interactive video editor appear on the new page. interactive video editor has three tabbed sections: Upload Video, Add Interaction, and Summary Tasks. These three steps represent the natural workflow for creating interactive videos. Click on the plus sign to select the Upload File button since we are using a Creative Commons-licensed interactive video clip, we need to be careful to add the YouTube video creator’s information in the Edit copyright dialog box. Then we can use the Add Interaction tab at the top of the editor, which has Quiz Interaction, Single Choice Interaction, Multiple Choice Interaction, true or False Choice Interaction, Text Interaction, and Image Interaction. Below the link is the video & text interactive video tutorial inside of the H5P website:

Video & Text interactive video tutorial: https://h5p.org/tutorial-interactive-video#guides-header-4


The SMAR analysis of H5P (generated by ChatGpt )

 

SMAR analysis is a pedagogical framework used to evaluate the integration of technology in educational tasks. It stands for Substitution, Augmentation, Modification, and Redefinition. Here’s how an SMAR analysis can be applied to H5P, a popular platform for creating interactive content (such as quizzes, presentations, and simulations) used in education:

1. Substitution

  • Description: Technology acts as a direct substitute for traditional methods, with no functional change.
  • H5P Example: Instead of using paper worksheets or traditional in-class quizzes, teachers use H5P to deliver a multiple-choice quiz. The interaction remains largely the same, but the medium shifts to digital.

” SMAR analysis of H5P”, ChatGpt,12 Oct. 2024, http://chatgpt.com

2. Augmentation

  • Description: Technology substitutes the task with some functional improvements.
  • H5P Example: The same multiple-choice quiz is delivered through H5P but with added functionalities such as instant feedback, automatic grading, and the ability to track students’ performance. These features enhance the user experience by providing more efficiency compared to traditional methods.

” SMAR analysis of H5P”, ChatGpt,12 Oct. 2024, http://chatgpt.com

3. Modification

  • Description: The technology allows for a significant redesign of the task.
  • H5P Example: Instead of a standard quiz, H5P is used to create an interactive video where students must answer questions embedded in the video to continue. This changes the way the content is engaged, making it more interactive and immersive. Students are not just passively watching content but actively participating.

” SMAR analysis of H5P”, ChatGpt,12 Oct. 2024, http://chatgpt.com

4. Redefinition

  • Description: Technology enables the creation of new tasks that were previously inconceivable.
  • H5P Example: H5P allows for the creation of interactive simulations, such as branching scenarios where students can explore different outcomes based on their decisions. For example, in a medical education context, students could engage in a patient-care simulation that dynamically changes based on their choices, providing a deep, experiential learning environment that would be impossible without technology.

” SMAR analysis of H5P”, ChatGpt,12 Oct. 2024, http://chatgpt.com


Reflection:

Try out creating an H5P interactivity using ChatGPT – what did it help with and what needs adjusting?

To be honest, this is my first time using H5P interactive video tool and I have no idea how to use ChatGPT to create interactive with H5P. So I just created an interactive video based on the tutorial on how to create an interactive video with H5P. However, I learned that this H5P interactive video is composed of three tabbed sections: Upload Video, Add Interaction, and Summary Tasks, and I learned how to add a YouTube video URL to the H5P interactive video. Upload File. Then I learned how to add a multiple choice Interaction and text interaction to the video, which only requires a final click down, and in the final interactive video that is generated, a summary of the main points to be explored in the video, the multiple choice question posed, and its corresponding correct answer will be displayed.

According to the SMAR analysis of H5P generated by ChatGPT results can quickly generate the content that needs to be expressed, but many times the output has a somewhat high error rate in terms of accuracy and relevance, which needs to be screened and judged. Secondly,  the generated content can be made to fit as much as possible the specific learning objectives or meet the needs of the target audience. The software staff is also required to constantly test the web code and upgrade the bugs, which requires a lot of labor and expense.

 

What might you use AI tools for moving forward? What would you not use them for?

In the future, I might use AI tools for customization and efficiency in critical learning and work tasks. For example, AI tools can be used to create customized study material tailored to each student’s individual needs and areas of expertise, which not only allows students to realize their full potential but also to become passionate about learning. At the same time, AI tools can quickly generate accompanying quizzes, which also can provide students with on-time feedback. This can guarantee students have already mastered knowledge in each class. I also use AI tools for administrative tasks such as outlining work projects and scheduling.

However,  I avoid using AI tools for tasks that require deep human empathy and moral judgment. For example, managing complex interpersonal dynamics or making decisions with significant ethical implications are areas that require full human execution and oversight. Because as AI becomes quite advanced, this is a threat to humans. When AI takes on human emotions and is in an uncontrollable position this can lead to compromising their safety. At the same time, the hull of misinformation can lead to a significant increase in safety in dangerous areas, such as law or medicine, and I wouldn’t fully rely on AI tools unless it was combined with expert scrutiny and oversight.

 

Where do you think interactive video tools and AI generation like Chatgpt will be in their evolution in 2-3 years?

I believe over the next 2-3 years, interactive video tools and AI-generated technologies such as ChatGPT will evolve rapidly, reshaping the way we interact with content and technology.

Interactive video tools will be able to integrate features such as real-time user feedback, branching narratives, and personalized experiences. Viewers will have more control over content streams, enabling more dynamic education, entertainment, and business applications. Artificial intelligence may augment these tools by providing adaptive learning paths, personalized content recommendations, and even generating custom videos based on individual preferences or data input. At the same time, I think technical technology is changing with the times. So, AR and VR this kind of technology can become mutually interactive in the future. Teachers can explain thoroughly the corresponding knowledge, such as history, geography, etc in-depth effects.

According to AI generation tools such as ChatGPT, developments will be more deeply integrated into everyday applications. AI generation tools tend to become more conversationally fluent, with better contextual understanding and multimodal capabilities – able to process not only text but also images, video, and sound seamlessly. This means that AI can assist with video editing, script generation, and even real-time, personalized video narration.

 

 

 

 

 

 

 

 

Module1: Principles of Multimedia Learning

Hi everyone, I used Veed. io platform to make this video tutorial of Slidesgo. This tutorial mainly helps new users who may have heavy mental burdens and nervous emotions about preparing and creating a fascinating presentation PowerPoint for the first time.

Reflection:

  • Who did you imagine as the audience for this screencast? How did that impact your design choices?

I imagine the audience for this screencast tutorial tends to the beginner users who may not have much experience with presentation design and are seeking detailed and accurate guidance on using tools like the Slidesgo platform to create professional and eye-catching PowerPoint slides.

Well, I think my audience also can be students who are looking for creative ways to enhance their presentations, such as for school projects, and personal or group presentations. For beginners, I need to introduce the features and usage of the page at a slower pace so that they can keep up and better understand how to use Slidesgo to create a presentation PowerPoint. Additionally, I have to make sure that I provide easy-to-understand instructions such as guiding the user on how to customize the slides – changing colors, fonts, layouts, etc.

Therefore,  I use the voice principle, image principle and the signaling principle in this screencast tutorial. This can be reflected in I use (veed.io- a video editing software ) to recording computer screen with voice explaination and accoring text subtitles.  Due to this screencast tutrial at least more than two minutes of time is empty. I think this  situation will caused audience have visual fatigue. So, I choose to add one popular visual cat animation with a white background picture in the blanken seconds. Next,  I choose to use the voice principle throughout the whole process. For example: I use my own voice recording to join the same frequency as the explanation of the text with relevant subtitles, which is more convenient for the audience  to understand how to use Slidesgo template to create presentation Powerpoint. Finally, I take the signaling principle, such as using  mouse to show every function, how to import chosen template convert into Googleslides and how to set up your own powerpoint in Google Slides.

 

  • Provide an example of a multimedia learning principle that you have intuitively followed in the past and an example of a multimedia learning principle that you have not followed in the past. What will you do differently now?

For my individual and group presentations in my major and elective courses during the previous four semesters, I usually used the signaling principle of using text with pictures that corresponded to the topic of the presentation. I have neither used narration or captions in a slide nor added animation to my present PowerPoint. For example:   I will demonstrate the visual interface of the tool and explain the entire process with a voiceover in this tutorial, instead of simply listing a series of tedious steps. This allows the learner to focus on the visualization of following the instructions, avoiding the cognitive burden of dense text. I may not always follow the Coherence principle adding extra details or extraneous visuals to make a tutorial more engaging. For example, adding extraneous background music, or adding too many effects or transitions between sections. While these extra materials are meant to be engaging, they can distract from the core content and detract from learning.

Below is my screencast tutorial on the Slidesgo Platform:

 

Here is my Comment Blog link of my classmate:

https://tmusaedci338.opened.ca/category/assignment1/mod1/