Q4 MIL Module 10 14 With WHLP
Q4 MIL Module 10 14 With WHLP
NOT
  Day
                 Learning                                                                                                                              Mode of
  and                           Learning Competency                                                  Learning Tasks
                   Area                                                                                                                                Delivery
  Time
                              ➢ researches and cites recent   MODULE 10: Opportunities, Challenges, and Power of Media and Information
 WEEK 10 – 14
                                examples of the power of      ✓ What I Know – Pretest, page iii             ✓ Assessment – page 12
                                media and information to      ✓ What I Have Learned – page 9-10
                                affect change.
                              ➢ evaluates current trends in   MODULE 11: Massive Open Online Courses
                                media and information and     ✓ What I Know – Pretest, page iii-iv          ✓ Posttest – page 6-7
                                how it will affect/how they   ✓ What’s New – Activity 1, page 1
                                affect individuals and the
                                society as a whole.           MODULE 12.1: Media and Its Various Ways of Delivery
                 Media and                                                                                                                             Modular
                              ➢ synthesizes the overall       Lesson 1: Text Information and Media          Lesson 3: Audio Information and Media
                Information                                                                                                                             Distant
                  Literacy
                                knowledge about media and     ✓ What I know – Pretest, page iii             ✓ What’s More – Activity 4, page 20        Learning
                                information with skills for   Lesson 2: Visual Information and Media        ✓ What I Have Learned – Activity 5, page
                                producing a prototype of      ✓ What’s New – Activity 2, page 9                20
                                whatthe learners think is a
                                                              ✓ What’s More – Activity 4, page 12
                                future media innovation.
                              ➢ describes the different       MODULE 12.2: Media and Its Various Ways of Delivery
                                dimensions of people media.   Lesson 4: Motion Information and Media        Lesson 6: Multimedia Information and
                              ➢ describes the different
                                                              ✓ What I Know – Pretest, page iii             Media
                                dimensions of motion
                                information and media.        Lesson 5: Interactive Media                   ✓ What’s More – Activity 4, page 23-24
                                                              ✓ What’s More – Activity 2, page 14           ✓ Assessment – Posttest, page 26
         _______________________________________________________________________________
         Address: Fr. William F. Masterson Avenue, Upper Balulang, Cagayan de Oro City
         Telephone: (08822) – 8550048
                                Republic of the Philippines
                                Department of Education                                           WEEKLY HOME LEARNING PLAN
                                REGION X
                                DIVISION OF CAGAYAN DE ORO CITY
                        ➢ describes the different        MODULE 13: Assessing the Production, Organization, and Dissemination of
                          dimensions of manipulative     Different Dimensions
                          information and media.         ✓ What I Know, Pre-test, page iii      ✓ Assessment: (Posttest), page 7 (vii)
                        ➢ describes the different        ✓ What I Know, page 1
                          dimension of multimedia
                          information and media.         MODULE 14: Media Production and Evaluation
                                                         ✓ What I Need to Know, Pre-test, page iii
                                                         ✓ What Is It – C. Audio-based Presentation, page 7
                                                         ✓ Assessment: (Posttest), page 25
      _______________________________________________________________________________
      Address: Fr. William F. Masterson Avenue, Upper Balulang, Cagayan de Oro City
      Telephone: (08822) – 8550048
             What I Know
                                     Pretest
Directions: Write TRUE if the statement is true and FALSE if the statement is
            false.
___________ 3. Media and information have made learning easier and more
               complicated.
___________ 4. Both the media and politics interchangeably affect each other.
___________ 9. The release of public documents benefits the media in their access
               to information.
                                        iii
 Lesson             Opportunities, Challenges,
                     and Power of Media and
 10                       Information
                        Grade 12, Second Semester, Q4- Wk. 10
What I Know
Directions: Word Search. The following are concepts (words) that you will
            come across as you go further on this lesson. Search these words
            below:
                                         1
              What’s In
       In the previous module, we learned how to combat digital divide, addiction, and
bullying. In this lesson, we will learn on the opportunities, challenges, and power of
media and information.
What’s New
Activity 1.   Briefly share your personal thoughts on the following topics. Your
              output will be rated based on the rubrics below.
3. Benefits to a learner, like you, in using media and information in the learning
   process.
   ______________________________________________________________________
   ____________________________________________________________________.
                                           2
Activity 2:    Picture Analysis. Study the picture below and answer the following
               questions. Your task will be rated based on the previous rubrics
               presented.
What Is It
Ratings
Revenues
       -are incomes generated from the sale of goods or services, or any other use of
capital or assets, associated with the main operations of an organization before any
costs or expenses are deducted.
                                                  3
The Opportunity
       The Philippine media is a great asset in the country’s economy. In fact, the
Philippines Star reported that in the year 2010 alone, the creative or copyright-based
industries contributed P661.23 billion to the Philippines economy.
The Challenges
      Media and information have made a radical impact in education. Learning has
never been easier and at the same time more complicated than it is today in the age
of media and information.
The Opportunity
The Challenge
The Opportunity
       Among the first to realize the possible positive applications of the media and
society’s co-dependent relationships were Daniel Lerner and Wilbur Schramm. In their
perspective works, The Passing of Traditional Society (1958) and Mass Media and
National Development (1964) served as the founding texts of development
communication according to University of Pennsylvania (UPenn). Development
communication uses communication to aid in the development of society. One
practical application of this is community-based media programs. Through information
dissemination, promotion of development advocacies, and providing a medium for
social interaction among communities, these types of programs pave the way for a
positive social change.
The Challenge
      Media and information have the power to sway society’s beliefs and perception.
People have the tendency to receive data from the media and accept it as fact right
away without conducting due diligence.
        Politics regulates the media industry. They enforce the rules and regulations
governing the media industry as prescribed in a country’s current political system. It is
for this reason that the nature of media varies from country to country.
The Opportunity
                                           5
The Challenge
        The shortage of government funding, not to mention the lack of projects and
programs, that helps cultivate creativity – which is the core of media – prevents the
media industry to reach its potential for success. Even the weak enforcement of certain
laws to protect the media exposes them to threats that could damage repercussions
in the industry.
What’s More
      What makes a story powerful enough to make a difference? For starters, it all
begins with one thing: MISSION.
                                      by Sofia Virtudes
                              Published 10:55AM, November 17, 2019
                               Updated 4:47PM, November 17, 2019
      MANILA, Philippines – In the era of social media where information spreads swiftly
and exponentially, it takes only one driven story to make all the difference.
       During the Social Media Week Manila 2019 held on Tuesday, November 12, Rappler
Head of Partnerships and Communities Jenny Chua talked about how we can create ripples
of impact through social media.
This especially matters when you’re in the Philippines, the social media capital of the world.
        According to a 2019 report, the Philippines, for the 4th straight year, topped worldwide
social media use. Of our internet population, 99% are on at least one social media platform.
And of the 76 million social media users, 75 million are on Facebook. Almost the entire Filipino
online population is essentially within your reach through social media.
      “You have the power to create stories that matter,” said Chua. “Every person has the
power now to affect emotions on social media.”
      In social media, users not only consume content but create content themselves.
Everyone creates and shares their story, but not all of them bear relevance to create impact.
      So what makes a story powerful enough to make a difference? Chua explained the
power of storytelling on social media in 3 ways, and they all start with one thing: mission.
                                               6
                                               6
Stories that inspire and spark hope
Remember this photo of a boy studying on the pavement of a fast-food chain parking lot?
        In 2015, the heart-wrenching story of Daniel Cabrera, then 9 years old, made rounds
on social media, and even received attention from the international community, with
individuals and organizations alike stepping in to offer help. But more than the outpour of
donations, Cabrera’s story also sparked conversation on the persisting problem of poverty and
on the education system in the country.
       Cabrera, 4 years later, would graduate from elementary school at 13 years old, and is
now in Grade 7 – his education secured by a charity, and his family's monthly rent paid by a
volunteer.
        During her talk, Chua said that social media users should use to their advantage the
strength of platforms, in terms of reach and immediacy, to tell stories such as Cabrera’s – one
that builds dreams and inspires hope.
       Social media has significantly changed the landscape of public discourse. For one, it
has provided a space where people have become more vocal about their personal
experiences and opinion on various topics.
       Consequently, social media, Chua said, has become a platform to challenge norms
and tackle social issues, most of which people used to hardly talk about in the open.
                                              7
        For instance, the #MeToo movement, now a global campaign, encourages women to
come forward and share their stories of sexual violence, giving light on the magnitude of an
issue that has long been trampled with impunity. It encourages women to speak up, and to
amplify the call against rampant sexual violence on the streets, in school, in the workplace,
and even at home.
       Needless to say, being the social media capital of the world also comes at a great cost.
While the platform has opened up a space for people to build communities and promote their
advocacies, it’s also easily become a hostile environment – anyone who disagrees becomes
a potential target for troll attacks, lies spread even faster than truth, and propaganda
campaigns have manipulated public opinion and have vastly polarized the Filipino online
community – suddenly, people don’t agree anymore with the facts.
        Some may have made use of social media for social good, but others have weaponized
the platform for malicious gain. Widespread disinformation now poses a serious threat to our
democracy – or what is left thereof.
       In these challenging times, Chua said that users must be critical of every information
they come across on social media. But more importantly, users should have the courage to
stand for truth.
       “The trolling and the bots paralyze us. Nakakatakot, baka ma-bully ka. (It’s frightening,
you might get bullied.) But you have to be courageous because we know we are responsible
and we can do something about it,” said Chua.
'Courage is contagious'
       With these threats of intimidation and attacks, sharing your story would, more often
than not, mean putting your privacy, safety, and even sanity on the line.
        It is nonetheless a risk worth taking; it was only with courage and by mission that these
stories succeeded in making a difference and creating impact – be it to inspire, empower a
community, stand with the vulnerable, or stand for truth.
       “This is a long game. There’s no immediate solution to where we are today,” Chua
explained. “But every good and truthful story counts.” – Rappler.com
___________________________________________
                                               Source: https://www.rappler.com/technology/social-
                                        media/245104-power-storytelling-social-media-post-impact)
                                               8
Activity 3:   Getting inspiration from the article above, your task is to start
              making a positive impact to the social media of your own chosen
              platform by posting an inspiring article. Show your
              resourcefulness and creativity in making your article by using any
              available devices you have to make your article more interesting to
              your chosen target. Be guided on the rubrics below on how your
              work will be graded. Provide your teacher the link of your posted
              article.
   1. Based on the written article, what media is important or instrumental in the course of
      event?
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
   2. Why do you think that posting in a social media made a powerful impact or change
      an individual?
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
                                             9
   3. Was the outcome of posting in a social media resulted to a positive or a negative
      change? Explain your answer.
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
      ___________________________________________________________________
What I can Do
CREATING INFOGRAPHICS
                                          10
Summary
       The economy is multi-faceted and its effects are all-encompassing. It is the
responsibility of the media to help audience understand its nature. Due to problems of
immediacy and competition, this responsibility is often overlooked. Most of us rely on
media to inform us about nationwide economic concerns. As students, you might not
realize how important this information is in your daily lives. Other investors, however,
market players, economists – plays a crucial role in the evaluation and decision-
making that may eventually lead to big changes that would influence other sectors of
society.
       Media serve as sources of information for the public. They are often met with
responsibility of educating the public. Media also provide information which would help
people make intelligent decisions on just about anything that is of importance.
Furthermore, media must encourage their audience to become more critical in
consuming, using and creating information.
       Media are tasked to inform the public about issues of governance. Through
media, people should be able to voice out their opinions and concerns about
government. As gleaned, media influence the way politicians govern and how the
public views the government. More importantly, viewers and readers should be equally
discerning.
                                          11
Assessment: (Posttest)
I.       Identify the following statement by writing O, if it is an opportunity and C,
         if it is a challenge in media and information.
II. Write TRUE if the statement is true, and FALSE if the statement is false.
                                            12
      Senior High School
NOT
Pretest
Multiple Choice. Select the letter of the best answer from the given choices:
2. What is MOOC?
   A. Multimedia Open Online Course        C. Massive Open Online Course
   C. Multimedia Open Offline Course       D. Massive Open Offline Course
                                             iii
8. Which of the following does not define the term OPEN in MOOC?
   A. Access to anyone                   C. Free of Charge
   B. Open to all grade level            D. Open nature of Knowledge
                                           iv
  Lesson
                             Massive Open Online
   11                              Course
                             Grade 12, Q4- Module 11- Week 11
        “The State shall protect and promote the right of all citizens to quality education
at all levels, and shall take appropriate steps to make such education accessible to
all.”
                             - 1987 Philippine Constitution, Article XIV, Section 1
      Technologies have been advancing to the level where people can reach various
things easily, especially in education. Since the start of the 21st century, educators
continuously search for alternatives to break the traditional way of teaching and
learning in this digital world. Of course, accessibility and quality are prime importance
to these alternatives. One and probably the trendiest globally among these
alternatives is the Massive Open Online Course (MOOC).
What’s New
        Before we will delve into the world of Massive Open Online Course (MOOC),
let us first activate our mind through this activity.
Questions to Ponder:
1. How do you find the activity?
   _________________________________________________________________
2. What do you think is the connection of the activity to our new lesson?
   _________________________________________________________________
                                            1
              What Is It
      To understand the phenomenon of MOOC, let us define first the words massive,
open, online and course.
   MASSIVE refers to the scale of the course and alludes to the large number of
   learners who participate in some MOOCs.
   ONLINE means that the courses are offered online, with the access of
   internet.
What is MOOC?
                                           2
      Below are the two (2) Kinds of MOOC:
                  cMOOC                                      xMOOC
  Informal learning environment              Formal learning environment
  Focus is on knowledge creation and         Focus is on knowledge duplication
  generation
  Created by individuals, academics          Created by universities and schools
  Emphasizes connected and                   Emphasizes coordinated assessments
  collaborative learning                     and quizzes
  Comparatively more learner action          Comparatively less learner action
  Promotes diversity and collaboration       Encourages a huge diversity of
                                             applicants
       Currently, the answer is no. MOOCs is designed primarily to align the courses
to a college or university. Though not all MOOCs offer academic credit, with easier
access to these educational tools, knowledge is surely be shared freely.
What’s More
      With the knowledge you gained about the Massive Open Online Course, write
the key features you’ve learned inside the circles connecting MOOC. You can add
more circles if you need to.
                                  MASSIVE OPEN
                                  ONLINE COURSE
                                         3
                What I Have Learned
        Let us recall Article XIV, Section 1: “The State shall protect and promote the
right of all citizens to quality education at all levels, and shall take appropriate steps to
make such education accessible to all.”
       With the promising potential of Massive Open Online Course in our country,
write an essay about how MOOC can fulfil the promise embodied in our constitution.
You will be rated based on the rubrics below.
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
                                             4
               What I Can Do
       Read and analyze the statements below. Be able to describe the role of
Massive Open Online Course to education in this time of COVID-19 pandemic. Your
output will be rated based on the rubrics below.
- Department of Education
                                     Rubrics on Essay
  Indicators             4                   3                   2                1
Content          Answer is            Answer is           Fundamental       Answer has no
                 explained clearly    explained but       idea is unclear   Fundamental
                 the fundamental      lacks                                 idea
                 idea                 supporting
                                      ideas
Organization     Ideas are            Ideas are           Ideas are         Ideas are
                 logically            organized but       organized at      unorganized
                 organized and        lacks precision     first but lost
                 well-structured                          along the way
Grammar,         Essay has no         Essay has 1-3       Essay has 4-5     Essay has more
sentence         error                errors              errors            than 5 errors
Structure,
spelling
                                             5
                                       POSTTEST
Multiple Choice. Select the letter of the best answer from the given choices:
2. What is MOOC?
   A. Multimedia Open Online Course        C. Massive Open Online Course
   C. Multimedia Open Offline Course       D. Massive Open Offline Course
8. Which of the following does not define the term OPEN in MOOC?
   A. Access to anyone                   C. Free of Charge
   B. Open to all grade level            D. Open nature of Knowledge
                                             6
9. Which of the following defines the term COURSE in MOOC?
   A. It is bounded by a start and end date.
   B. It is separated by a common theme.
   C. It is a progression of unordered events.
   D. It is limited only to a number of subjects.
                                           7
      Senior High School
NOT
Pretest
Multiple Choice. Select the letter of the best answer among the given choices.
1. These are words in written or printed format. It can also be found on screens like
   TV and smartphones.
    A. text       B. format             C. visual             D. technology
2. It is a principle of text that using different size, weight, color , contrast and
   orientation to present text with greater value.
     A. space        B. alignment         C. emphasis        D. consistency
3. The use at least 2 or 3 colors, font styles and design styles for the whole
   composition is called ____________.
   A. format        B. consistency         C. text             D. space
4. Using all the objects consistently or cohesively in your design that it allows the
   viewers to understand the message or story of your image.
    A.Unity         B. Perspective       C. Rhythm           D. Focal
7. It is a live or recorded audio sent through radio waves to reach a wide audience.
   A. radio broadcast                      C. dialogue
   B. music                                D. silence
10. The action or process of transmitting something or a the state of being transmitted.
    A.Transition                           C. Audio
    B. Transmission                        D. Reception
                                             iii
  Lesson
                          Text Information and
    1                             Media
                          Grade 12, Second Semester, Q4- Wk. 12
What’s In
      To have a meaningful learning you are required to read this learning material
and explore other sources that could enrich your mind and skills. Religiously follow the
created activities that is design to be simple yet fun to answer.
What’s New
                                           1
               What Is It
        I am sure that you really find it funny or terrified! For me, I almost fell in my chair
after reading it and I feel sad to the innocent doctor who might not even know tagging
him as THE RAPIST instead of THERAPIST. Anyway, text are all-over in our society.
This help us to easily navigate our ways. Let’s try to answer the next activity,
Directions: Roam around your house and look for the things in the list below.
            Check (✔) the box (☐) in the right if you think the object can be
            used to write, print or display texts. You may add your own list.
                                          Checklist
  (Example )Television        ✔           Notebook                       Poster
 Radio                              Paper                         Smartphone
 Book                               Magazine                      Tarpaulin
 Newspaper                          Journal                       Computer
 Wall                               Pen                           Wood
      Texts are the words in written or printed format. Today, it can also be found on
screens like TV and smartphones.
      Now that wasn’t hard isn’t it? I am sure that most item can be found in your
household. This only means again that texts are all-over us. The texts that you have
                                              2
read that is found in your household is called Graphic design, It is said that without
text on the page, that is not graphic design but it is called art (Williams, 2012).
       As a student of Media and Information literacy it is part in our learning how to
choose the correct font, space and organization with our text. A good design always
relays successfully any type of communication. This ensures that the texts are
appealing, logical and cohesive manner.
         The following are the global design principle in using text as communication,
this is taken from book “Powerful Text Messages”(Keane 2006).
A. Organization
B. Visual Expression
C. Written Text
   ---The words need to be carefully chosen and appropriately formatted- into heading
   and captions. Tone , structure, and style are key.
                       A                                               B
                      Text                               What can you say about it?
Congratulations
                  PAULO
                With Highest Honor
                                             3
       So how do you find the activity? Perhaps there’s a lot of things that runs in your
head while reading and understanding the texts. We must understand that every time
that we uses text there are certain design, fonts and sizes that we need to apply in
order for us to be better translator of an idea or concept.
      The following lesson is taken from UX Academy in choosing the right font and
size in your text design. This will help you of bringing the best output in ang text
information/messages.
       Texts in digital format have different designs called Typeface, often called as
fonts. It consists of alphabets, numbers and special characters set.
                                           4
                             Example:
1. 3. When Selecting         Much of the time one typeface is all you will need to use
2.    Two Fonts, Use         in your designs. However, there are certain occasions
3.    Decisive Contrast      where you’ll want to use multiple typefaces to make parts
                             of your design stand out.
   4. Use “Wild”             Now let’s not get crazy with the type of fonts that would
      Typefaces              strain our eyes. Always think of the viewers point of view,
      Sparingly              not all wild typefaces are applicable. You need to
                             consider the perception of an audience.
          Below are the Design Principles and Elements of Text. Let us understand
  each.
                Principles                                Examples
                                             (Images by Jay Michael A. Calipusan)
  Emphasis
                                            5
 Appropriateness
Space
Alignment
Consistency
What’s More
1. (Explain here)
                                          6
2. (Explain here)
3. (Explain here)
                    7
  Lesson
                      Visual Information and
      2                        Media
                          Grade 12, Second Semester, Q4- Wk. 12
What’s In
       Indeed, “Picture speaks a thousands of words” how can this possible when we
cannot hear a still picture talking? Now, let me clear this idea. Have you experienced
looking at the “Mona Lisa” painted by the famous Leonardo da Vinci? Every time when
you look at her smile there’s a mysterious message that the painting wanted to tell.
You know now what I am talking about? Here’s another one, every time that you look
at your Facebook throwbacks pictures you can’t help but to feel nostalgic and be
overwhelmed by its message. We have what we call visual language in which
images/pictures relays certain message, that’s the power of Visual media, so what is
Visual media:
                                           8
      To have a meaningful learning you are required to read this learning material
and explore other sources that could enrich your mind and skills. Religiously follow the
created activities that is design to be simple yet fun to answer.
     Visual Media- This is when you use symbols, pictures, icons and signs to
         communicate your information/message using the sense of sight.
What’s New
Directions:     Look at the two advertisement posters below with the same
                contents. Answer the questions that follow.
Guide Questions:
1. Which poster is more appropriate?
2. What are the things you consider when answering? Do you think it is effective?
3. What is less effective? Why?
Activity 3. Directions:     In your house take a picture or cut-out a picture of an
                            example of a visual image and paste it column A. Write
                            short response to its function of this images in a
                            column B.
              Column A                                             Column B
            VISUAL MEDIA                                           FUNCTION
 Photo
 Movie
 Newspaper/Magazine
 Catalogue
 Book with image
                                               9
              What Is It
Visual Cortex is a part of the brain that allows vision or processes visual information.
So were you able to finish the task? I’m sure that you will be surprised that most the
things that is asked from you are just in the corner of your home. This only means that
visual media is again always part of our life. So what are the type of visual media?
Now let us discover these:
Typography
Informational Graphics
Cartoons
                                          10
Photograph
Motion Pictures
Computers (images)
                                         11
              What’s More
Activity 4. Directions:      Look at the images below, then interpret them. Write
                             your answer in your activity notebook.
                                              12
Composition is the placement and arrangement of visual elements.
Pattern
                                          13
                            Colors
1.
2.
3.
4.
                                       14
      Design Principles describe the ways that artists use the elements of art in a
work of art.
      Sample Image                                   Principle
                                           (Image by Michael A. Calipusan)
                             Focal Point
Contrast
Balance
Rhythm
Perspective
Unity
                                         15
             What I Have Learned
                                Design Principles
                          (Images by: Michael A. Calipusan)
          Image                                   Explanation
                               1.
2.
3.
4.
                                        16
  Lesson
                       Audio Information and
    3                          Media
                          Grade 12, Second Semester, Q4- Wk. 12
What’s In
      What is Visual Media? This is when you use symbols, pictures, icons and signs
to communicate your information/message using the sense of sight.
What’s New
Activity 1. Directions:     Roam around your house and look for the things in the
                            list below. Check (✔) the box (☐) in the right if you
                            think the object can be used to make/produce sound.
                            You may add your own list.
                                   Checklist
 (Example )Television            ✔ Alarm Clock                 Portable speaker
 Radio                             Smartphones                 MP3
 Earpiece                          DVD Player                  Cassette Tape
 Memory Card
 Internet Connection
                                           17
Activity 2. Directions:        Read and imagine the scenario that is presented, write
                               your thought about these scenarios.
 1.Watching a movie without a sound.
What Is It
                       Audio
                       --- is relating to or employed in the transmission, receptionor
                       reproduction oAf sound.
                       Reception
                       --- the action or process of receiving something sent, given,
                       or inflicted.
Pictures by: Pixabay
                       Transmission
                       ---the action or process of transmitting something or the state
                       of being transmitted.
                                             18
 d. soundclips/effects    any sound, other than music or speech, artificially
                          reproduced to create an effect in a dramatic presentation,
                          as the sound of a storm or a creaking door. e. Audio
                          Podcast - a digital audio or video file or recording, usually
                          part of a themed series, that can be downloaded from a
                          website to a media player or computer.
What’s More
Activity 3. Directions:   Research ways how you can store audio media, write
                          down the process of storing these audio files. Write
                          your answer in your activity notebook.
 Storing Audio Media                                Process
        Example:            Using a magnetic blank tape sounds can be recorded.
            Tape
                                          19
Activity 4. Directions:   Search the definition of the following terms. Write your
                          answer in your activity notebook.
          Audio file formats                           Definition
WAV
Activity 5. Directions:   List down all kinds of audio file formats and its uses.
                          Write your answer in your activity notebook.
Formats Uses
                                       20
Summary
        Texts are the words in written or printed format. The texts that you have read
that is found in your household is called Graphic Design, It is said that without text on
the page, that is not graphic design but it is called ART. (Williams, 2012).
        The following are the global design principle in using text as communication,
this is taken from book “Powerful Text Messages by Keane (2006). 1.) Organization ;
2.) Visual Expression; and 3.) Written Text.
        Texts in digital format have different designs called Typeface, often called as
fonts. It consists of alphabets, numbers and special characters set.There are Four (4)
Ways to Use Typeface 1.) Use Safe Typefaces; 2.) Know 5 Families of Type; 3.) When
Selecting Two Fonts, 4.) Use Decisive Contrast Use “Wild” Typefaces Sparingly.
     A Visual Media. This is when you use symbols, pictures, icons and signs to
communicate your information/message using the sense of sight.
      There are types and categories of audio Information, these are: 1). Radio
broadcast; 2) Music; 3) Sound recording; and 4.) soundclips/effects.
                                           21
      Senior High School
NOT
Pretest
Multiple Choice. Select the letter of the best answer among the given choices.
1. These are words in written or printed format. It can also be found on screens like
   TV and smartphones.
    A. text       B. format             C. visual             D. technology
2. It is a principle of text that using different size, weight, color , contrast and
   orientation to present text with greater value.
     A. space        B. alignment         C. emphasis        D. consistency
3. The use at least 2 or 3 colors, font styles and design styles for the whole
   composition is called ____________.
   A. format        B. consistency         C. text             D. space
4. Using all the objects consistently or cohesively in your design that it allows the
   viewers to understand the message or story of your image.
    A.Unity         B. Perspective       C. Rhythm           D. Focal
7. It is a live or recorded audio sent through radio waves to reach a wide audience.
   A. radio broadcast                      C. dialogue
   B. music                                D. silence
10. The action or process of transmitting something or a the state of being transmitted.
    A.Transition                           C. Audio
    B. Transmission                        D. Reception
                                             iii
  Lesson
                     Motion Information and
    4                        Media
                         Grade 12, Second Semester, Q4- Wk. 12
       Jack Nicholson once said,“…all the things you can’t really teach in social
studies or history, we learn them at the movies”
       Fortunately, films have been used and highly recommended in school
curriculums as a teaching aid.
      Even at early age, we try to understand motion media and in addition to that,
we learn new languages, codes and conventions, different cultures and behaviors.
This is why it is very important to understand what motion media offers and how they
are composed, for us to determine fantasy, realism, history, events, and significant or
irrelevant.
What’s In
       We learned in the previous lesson that we can store audio, this means we can
also store data, texts, images and video.
      Most of us experience motion media from our earliest childhood. We watch
cartoons, anime, films, advertisements, TV series, computer games and stream
videos. These are all part of our culture.
What’s New
      Did you know, that filming began in 1890s and it was just under a minute long
without sound because of the limits of technology.
                                              1
Activity 1: Imagine This
Directions: Take a ten (10) selfies and every time you take a picture, move
            slightly. After taking 10 slightly different selfies, try to view each
            picture (in order) in less than 5 seconds.
Wonder at this: As you observe your ten (10) selfies, ask yourself these questions:
1. Why do my selfies look like its moving when viewed faster in transition?
2. Can this be the concept behind how motion media is presented?
What Is It
      There are many ways to produce a motion picture. Let us explore the different
motion pictures produced throughout the history.
                                              2
Activity 3: Motion Picture
Diections:      Provide a picture that you find the best example for each type of
                motion picture. Example, for animation, you can use your favorite
                anime like Dragon Ball Z. Write your answer in your activity
                NOTEBOOK.
CC BY 3.0, https://en.wikipedia.org/w/index.php?curid=31407257
Film: A series of
moving pictures that
have recorded and
shown on screens. It
is recorded using a
motion        picture
camera.
                                  Photo by Jakob Owens Unsplash
                                                     3
Combination of Visual Effects. Most of the films
today         use
computer
generated
images (CGI) for
special    effects
like environment
manipulation the
and     character
models.
A computer generated image featuring a house, made in Blender.
By Mayqel, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.
php?curid=2440711
Directions: Choose which image matches each camera shot and camera
            angle’s description.
Camera Shots
                    A. Image 1                                             B. Image 2
        Photo by Patrick Perkins on Unsplash                      Photo by Max Bender on Unsplash
Long Shot
---May show landscape but focuses on a specific setting where the action will take
place.
                                                   4
2. Which of the image below you think is a Long Shot?
                    A. Image 1                                       B. Image 2
    Photo by eberhard grossgasteiger on Unsplash           Photo by JC Gellidon on Unsplash
Full Shot
---Shows the entire object or character intended to place some relationship between
characters and environment.
3. Which of the image below you think is a Full Shot?
                    A. Image 1                                       B. Image 2
           Photo by Jeffrey Lin on Unsplash                  Photo by rawpixel on Unsplash
Mid-Shot
---Also known as social shot, it shows the character from the waist up, to let the
viewers see the character’s facial expressions in connection with other characters or
environment
4. Which of the image below you think is a Mid Shot?
                    A. Image 1                                       B. Image 2
        Photo by Nicholas Green on Unsplash            Photo by Christopher Campbell on Unsplash
Close-up
---Also known as personal shot, it shows only a character’s face for the viewers to
understand and empathize with the character’s emotions.
                                                   5
5. Which of the image below you think is a Close-up Shot?
                    A. Image 1                                 B. Image 2
         Photo by Helena Lopes on Unsplash          Photo by Filipe Almeida on Unsplash
Extreme Close-up
---Shows and focuses on one part of the character’s face or object to create an intense
mood of emotion.
                    A. Image 1                                  B. Image 2
          Photo by Peter Forster on Unsplash        Photo by Kelli McClintock on Unsplash
Camera Angles
--- focuses on the viewers’ position to understand the relationship of the characters,
objects and environment.
Bird’s Eye Angle
---Usually used for establishing shot, it is an angle that looks down on a scene.
1. Which of the image below you think is a Bird’s Eye Angle?
                   A. Image 1                                  B. Image 2
        Photo by Denys Nevozhai on Unsplash         Photo by Denys Nevozhai on Unsplash
                                               6
High Angle
---Used to demonstrate to the viewers the perspective of a character. By making the
camera to look down on a character, the subject may look vulnerable, small or weak.
                   A. Image 1                                      B. Image 2
         Photo by Aliyah Jamous on Unsplash             Photo by Hanna Postova on Unsplash
Eye-level Angle
---The most commonly used caera angle, it makes the viewers comfortable with the
characters.
3. Which of the image below you think is an eye-level Angle?
                   A. Image 1                                     B. Image 2
         Photo by Alexis Brown on Unsplash               Photo by Bao Truong on Unsplash
Low Angle
---The camera is looking up to the character, this makes the character look more
powerful and may make the audience feel vulnerable or small in the presence of that
character.
4. Which of the image below you think is a Low Angle?
                                              7
                     A. Image 1                                   B. Image 2
         Photo by Denys Nevozhai on Unsplash           Photo by Denys Nevozhai on Unsplash
Dutch Angle
---Tilts the camera to disorient the viewers. This effect is used to demonstrate
confusion or strange scenes.
                     A. Image 1                                   B. Image 2
       Photo by Victoriano Izquierdo on Unsplash       Photo by Artem Kovalev on Unsplash
       Choosing videos and films as resources for your academic works may be tricky.
Let us explore T.R.A.P. by Middlesex Community College to help us evaluate these
videos and films.
1. Timeliness (When?)
2. Reliability (How?)
 3. Authority (Who?)
     ➢ Who uploaded, owns or distributes the video?
                                                   8
    ➢ Know if the writers, producers or creators are expert or experienced of the
      what they are trying to communicate
 4. Purpose (Why? What?)
What’s More
     Script. Also known as screenplay, is the text that describes the action, scenes,
camera instructions and words to be spoken by the actors.
      Sample from a screenplay, showing dialogue and action descriptions.
                                                  9
Story Board
---It describes what happens in your video by making thumbnail of images. It usually
looks like a comic strip. While scripts use texts, storyboards are mainly visual. Making
story boards before filming helps you to plan more effectively, finalize your ideas and
predict possible problems during production.
Activity 5: Storyboarding
                                          10
                           Rubrics on Script and Storyboard
                                        Criteria                     Maximum Points
               The main idea is delivered clearly and developed
   Message                                                                    5
               with good details
               The sequence of the scenes are smooth, the details
    Story                                                                     5
               of the story are evident from start to end.
       We explored the different ways to produce motion pictures like animation, films,
computer generated image or the combination of all ways. In making films, using
cinematic techniques are very crucial for better production and always make good
scripts and storyboard.
What I Can Do
        The use of lightings in a film plays a major role in the whole output of the film,
this cinematic technique is an indicator of nonverbal mood and emotion of the film.
     There are still many cinematic techniques that we must learn. Search for the
Camera Movement, Sound and Lighting, Diegetic and Non-diegetic sound
cinematic techniques.
      You may start with this link https://www.primeeducation.com.au/cinematic-
techniquescritical-studies/
                                           11
  Lesson
                       Interactive Media
    5
                          Grade 12, Second Semester, Q4- Wk. 12
What’s In
What’s New
Let’s do this:
Ask two persons (it may be your seatmates, friends, neighbors, or guardians/parents)
about the actions that they have done on Facebook. Ask them to check the box next
to the statement that they agree to have done.
                                          12
      Below is a table where they will check the box on the actions that they have
done on Facebook:
What Is It
       Interactive Media allows users to interact with text, graphics, sound, and video;
each of which can be accesses from within any of the others. It engages the user and
interacts with the user. It allows interactivity between the technology (the computer)
and the user (human); the computer responds to or communicates with the user as a
response to user’s actions. Example of using an interactive media through Online
Booking. When we book a flight online, we use the website as our media. We, the
users, interact with that media through clicking on the dates and payment for our flight.
       There are different platforms or dimensions of interactive media and these are
(a) Mobile apps, (b) 3D TV, (c) Video Games, (d) Role-Playing Games, (e) Massively
Multiplayer Online Role Playing Game, (f) Interactive websites, (g) Virtual Reality and
Immersive Environments, (h) Power Point, (i) Interactive smart boards, and (j)
computer software.
        Below are the different platforms of interactive media. Let us understand
each.
a. Mobile Apps – or Mobile Applications
--- is a software developed specifically for use on small, wireless computing devices
such as smartphones and tablets, rather than desktop or laptop computers.
                                           13
b. 3DTV
---a television display technology that enables a three-dimensional effect, so that
viewers perceive that an images has depth as well as height and width, similar to
objects in the real world.
c. Video Games
---a game played electronically; manipulating images produced by a computer
program on a television screen or any other display screen. It could be educational
such as Bookworm, or Multiplayer that allows two or more players to play with one
another or together.
f. Interactive Websites
--- these are websites that let users take on a pool, survey, exams, exercises or even
allow online social interaction such as social media sites (e.g. Facebook, Twitter, etc.).
h. PowerPoint presentations
---may contain links, hypertexts, images, sound, graphics, or other multimedia
elements.
j. Computer software
---allows users to interact with text, graphics, sound and video, each of which can be
accessed from within any of the others.
c. Slideshow
--- a non-linear interactive slideshow where the pathway through the show is
determined by the user’s interaction with it.
d. Timeline
---a menu slide that branches to different events.
c. Hover
---an image, text, or portion of it that changes in appearance when the mouse cursor
moves over it.
What’s More
                     Advantages                                 Disadvantages
   1.                                             1.
   2.                                             2.
   3.                                             3.
   4.                                             4.
                                             14
Activity 3: Interactive Media and its Interactivity.
Directions: To be able check your understanding of interactive media and
            interactivity, complete the matrix below:
 Mobile Apps
 3D TV
 Video Game
 Role Playing
 Game
 Massively
 Multiplayer Online
 Role
 Playing Game
 Interactive
 Websites
 Virtual Reality
 and Immersive
 Environments
 Slide
 presentations
 Computer
 software
 Interactive smart
 boards
                                          15
     A website, with the help of internet connection, is one of the best example that
we can observe today, website’s hyperlinks and scripted features like buttons,
comments sections, upload page, streaming and more.
       The different platforms of interactive media are mobile apps, 3DTV, video
games, roleplaying games, massively multiplayer online role playing game, interactive
websites, virtual reality and immersive environments, powerpoint presentations,
interactive smart boards, and computer software. The list goes on, but to determine
and interactive media, most of them have something to click, a hotspot, slideshows,
timeline, and hover.
What I Can Do
       Educational games are games that are designed to help people to learn about
certain subjects, expand concepts, reinforce development, understand historical
events or culture, or assist them in learning a skill as they play.
                                          16
 Lesson
                       Multimedia Information
    6                        and Media
                         Grade 12, Second Semester, Q4- Wk. 12
What’s In
      In the previous lessons, we learned a lot about text media, visual media, audio
media, motion media, and interactive media.
      In this lesson, we will learn the different forms of multimedia that are made
possible with the combination of 2 or more media that are mentioned in the first
paragraph.
What’s New
      Multimedia is form with the combination of any of these content forms: Text,
Audio, Still Images, Animation, Video Footage, and Interactive Media.
       Static Media ― also known as linear media, refers to contents that lacks
interactivity. Common examples are books and newspapers, these multimedia may
have texts and pictures but the readers are unable to control its contents or no
observable timely updates or changes.
                                                   18
       Type of Multimedia Dynamic Media ― also known as non-linear media, refers
to contents that provides interactivity with its users. Websites can be a static media or
dynamic media but most known websites today such as Facebook and Youtube are
good examples of dynamic media because these websites provide the users to
contribute to the site’s contents through posting, comments, uploading pictures and
videos, which leads to dynamic contents to the media.
                                              Determine Me
         Media/Device                           Type                    Explanation
                                               Example:      Example:
                                               dynamic       Arcade games allow players to
                                                             control the outcome of the
                                                             media through the role they are
                                                             playing. There is an interaction
                                                             between the machine and the
                                                             players.
                 Magazine
     Photo by True Agency on Unsplash
               Comic Book
       Photo by Miika Laaksonen on
                Unsplash
                                                   20
              Lazada
Screenshot from Lazada mobile app
            Billboard
   Photo by Muhamad Syazwan
       Jonizar on Unsplash
     Electronic Presentation
  Photo by Teemu Paananen on
            Unsplash
                                    21
              What Is It
1. Creative Industries
                                              22
3. Journalism
5. Science
What’s More
                                  Enumeration
     Individual                   2 multimedia devices or applications
 (Example)                  3D Modeling software              Smartphone
 Engineer
Student
                                         23
 Scientist
Video Blogger
Digital Artist
Writer
Multimedia Principle
       Multimedia may be a Static Media or an Active Media where static media lacks
interactivity and dynamic media provides interaction with the user. Multimedia’s impact
can be observed almost everywhere, in creative industries, education, journalism,
science and more.
What I Can Do
Search for multimedia principle and report your findings to your teacher.
                                          24
Summary
1. Motion Picture is a series of images projected on screen in rapid succession. The
   slight change of positions and movements of each image makes an illusion of
   motion. These images are called frames.
2. Cinematic Techniques. Camera Shots: Extreme Long Shot, Long Shot, Full Shot,
   Mid-shot, Close-up, and Extreme Close-up.Camera Angles: Bird’s Eye Angle, High
   Angle, Eye-level Angle, Low Angle, and Dutch Angle.
4. Script, also known as screenplay, is the text that describes the action, scenes,
   camera instructions and words to be spoken by the actors.
6. Interactive Media allows users to interact with text, graphics, sound, and video.
8. Educational Games are games that are designed to help people to learn about
   certain subjects, expand concepts, reinforce development, understand historical
   events or culture, or assist them in learning a skill as they play.
9. Multimedia is form with the combination of any of these content forms: Text, Audio,
   Still Images, Animation, Video Footage, and Interactive Media.
10. Types of Multimedia. Static Media ― also known as linear media, refers to
    contents that lacks interactivity. Dynamic Media ― also known as non-linear
    media, refers to contents that provides interactivity with its users.
                                         25
Assessment: (Post-Test)
Multiple Choice. Select the letter of the best answer among the given choices.
1. Old Style is marked by little contrast between thick and thin, and curved letter forms
   tend to tilt to the left.
   A. Verdana           B. Slab Serifs     C. Geometric         D. Old Style Serif
2. It is texts in digital format have different designs.
   A. Format            B. Typeface          C. Text           D. Message
3. It is the use text alignment to set symmetry, formality or free style.
   A. Space           B. Alignment        C. Emphasis           D. Consistency
4. It is an error on text that affect the overall impact on the message.
   A. Area            B. Typography         C. Visual            D. Message
5. Giving a design a sense of realistic effects.
   A. Texture       B. Colors             C. Space             D. Size
6. The use of different sizes of your objects in design, showing the relative importance
   of objects and information.
   A. Texture        B. Colors            C. Space             D. Size
10. Sample of Audio files that can record an interview, meeting, or any sound from the
    environment.
    A. Music        B. Sound effects      C. Sound Recording D. Audio
                                            26
      Senior High School
NOT
Multiple Choice. Select the letter of the best answer from the given choices.
   1. Which of the following is an example of an informal type of text dissemination?
      A. text message                          B. Radio news broadcast
      C. TV news broadcast                     D. None of the Above
   4. It is one of the factors that determine if a text media has covered the
      information well
       A. grammar                                     B. information specifics
       C. sources/citations                           D. All of the Above
   5. It is one of the factors that determine if a text media has reliable sources.
       A. grammar                                     B. information specifics
       C. sources/citations                           D. All of the Above
   7. What type of dimension is the video about science from National Geographic?
      A. informal multimedia                     B. formal multimedia
      C. informal text                           D. formal text
   10. What type of dimension is an official infographic about the hiring process of
       police officers posted in college institutions?
       A. informal multimedia                          B. formal multimedia
       C. informal text                               D. formal text
                                            iii
  Lesson            Assessing the Production,
                  Organization, and Dissemination
  14                  of Different Dimensions
                         Grade 12, Second Semester, Q4- Wk. 13
What I Know
        Before you go further, let us check your idea about this lesson by answering
the following questions:
1. When getting updates about COVID -19 from DOH, can we consider this as formal
   or informal source? Explain briefly your answer.
   ______________________________________________________________________
   ______________________________________________________________________
   ______________________________________________________________________
   _____________________________________________________________________.
2. How do you know that the information you get is coming from a formal source?
   ______________________________________________________________________
   ______________________________________________________________________
   ______________________________________________________________________
   _____________________________________________________________________.
                                          1
             What’s In
       In the previous module, you learned the different ways of obtaining information
and different media used to influence a target audience. However, in this module you
will be exposed to the various processes on the formal and informal ways of
organizing, producing and disseminating information across different media.
What’s New
Important Definitions
What Is It
   1. “A captain sailing from the Asia-Pacific on a public barge has been found guilty
      on illegal possession of prohibited drugs upon a docking inspection on a
      Philippine coast according to a local fisherman near the incident.”
   2. “Captain Jon Doe of the public maritime vessel RRS Marina, sailing from the
      Asia-Pacific has been apprehended by the Philippine government upon docking
                                          2
       on the Manila South Harbor on May 6, 2017.The captain was found guilty for
       illegal possession of prohibited drugs upon inspection.
                                     – Source: PHN Local Newspaper”
                                            3
       As reference, let’s look at the table below:
                                       FORMAL                      INFORMAL
                                   DISSEMINATION                DISSEMINATION
        Information           Should have thorough          Claims without evidences,
                              evidences that are not in     photos/videos are
                              any way manipulated, cut,     edited/manipulated.
                              or stretched.
          Grammar             Legit information will have   The stories/media are
                              gone through a series of      structured as click baits.
                              proofreading and editing
                              and authentication.
     Sources/Citations        Sources are cited and         Sources are informally
                              referenced.                   referenced through
                                                            mentions or simple,
                                                            unorganized citations.
What’s More
Activity 1:     Assessing a Letter. Read the following passages and decide whether
                they are formal or informal. After, explain what makes them formal
                and/or informal.
Passage 1:
Mr. Burwaghon:
Best regards,
Answer:
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
                                            4
Passage 2:
I’ve received your letter and would like to do the honour. I will be there asap.
Sincerely,
Anthony Van Houten
Answer:
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
1. List at least 3 formal ways of dissemination about the news of pandemic (in any
   dimension: text, visual, audio, motion, multimedia, manipulative); and
2. List at least 3 informal ways of dissemination about the news of the pandemic (in
   any dimension: text, visual, audio, motion, multimedia, manipulative)
3. Make sure to cite your sources and prepare to defend your work.
What I can Do
                                             5
Summary
      The word “media” comes in different dimensions, such as: text, visual, audio,
motion, and multimedia among others. The various dimensions can be produced,
organized, and disseminated either formally or informally.
      Moreover, there are differences between formal and informal passages in terms
of their presentation of information, grammar and sources.
                                          6
Assessment: (Post-Test)
Multiple Choice. Select the letter of the best answer from the given choices.
   4. It is one of the factors that determine if a text media has covered the
      information well
       A. grammar                                     B. information specifics
       C. sources/citations                           D. All of the Above
   5. It is one of the factors that determine if a text media has reliable sources.
       A. grammar                                     B. information specifics
       C. sources/citations                           D. All of the Above
   7. What type of dimension is the video about science from National Geographic?
      A. informal multimedia                     B. formal multimedia
      C. informal text                           D. formal text
   10. What type of dimension is an official infographic about the hiring process of
       police officers posted in college institutions?
       A. informal multimedia                          B. formal multimedia
       C. informal text                               D. formal text
                                             7
                                            vii
      Senior High School
NOT
Pretest
Multiple Choice.     Answer the question that follows. Choose the best answer
                     from among the given choices.
2. Which principle in designing text refers to how the text is positioned in the page?
   A. Emphasis                             C. Alignment
   B. Proximity                            D. Repetition
3. Which visual design element is usually a geometric area that stands out from the
   space next to or around it, or because of differences in value, color, or texture?
   A. Line           B. Shape            C. Value                      D. Texture
4. What visual design principle is created through the arrangement of objects in two
   dimensional space to look like they appear in real life?
   A. Directional Movement               C. Harmony
   B. Perspective                        D. Center of Interest
10. Which type of interactivity in social media refers to a menu slide that branches to
    different events?
    A. Click on Images      B. Hotspot C. Rollover                    D. Timeline
                                           iii
  Lesson            Multimedia Production and
                    Creative Multimedia Form
  14                       Evaluation
What ‘s In
      In this lesson you will produce multimedia and evaluate creative multimedia
forms according to guidelines and rubrics.
       Follow the series of instructions as your understanding is facilitated in the
learning materials provided. Answer the given learning activities.
       As you learned the different principles and elements in the previous lessons,
give your answer to the following questions:
      1. Do you remember the different design principles and elements you learned
         in previous lessons on different media and information (text, visual, audio)?
         Can you identify them.
      2. Can you apply these design principles and elements to motion media and
         information? Why or why not?
What Is It
--- a simple and flexible format of presenting information or conveying ideas whether
hand-written, printed or displayed on-screen.
                                          1
b. Text is available in different sources whether it is formal (news articles, published
   books, newspapers, magazines, advertisements, research works, etc.) or informal
   (blogs, personal e-mails SMS or text messages, online messengers, social media
   platforms, etc).
    ✓ Informal text-based materials, on the other hand, come from personal opinions
      or views on different issues, processes, etc.
c. Text can be as short such as a single sentence or phrase, or they can be as lengthy
   as news articles or investigative reporting. No matter how brief or lengthy, however,
   a text is always carefully written with the intent of sending a very specific message
   to the target audience.
d. In our exposure to text media and information, we can either be a consumer or a producer
    of content. As a consumer, these are the questions that you need to ask with regards to
    the content of text media and information:
        • Who or what institution is sending this message?
        • What techniques are used to attract and hold attention?
        • What is the language used by the writer?
        • What views are represented? Are they balanced?
        • How might the message be interpreted in different ways?
        • What is omitted, slurred or added in the message?
e. As a producer of text media and information, we need to review the media and information
   design framework: target audience, author or sender, key content, purpose, form/style and
   format.
Text as Visual
a. Typeface (also called font, font type, or type) refers to the representation or style
   of a text in the digital format.
Types of Typefaces
Serif
Serif
--connotes formality and readability in large amount of texts. This font is usually used
for the body text of books, newspapers, magazines and research publication. Also,
serif fonts give a classic or elegant look when used for title or heading.
                                             2
Examples: Times New Roman, Garamond, Baskerville
Sans Serif
Sans serif
-- brings a clean or minimalist look to the text. This font is used for clear and direct
meaning of text such as road signage, building directory or nutrition facts in food
packages. Also, sans serif fonts give a modern look and is used primarily in webpage
design.
Slab Serif
Slab serif
---carries a solid or heavy look to text. This font can be used for large advertising sign
on billboards.
Script
Script
--- draws much attention to itself because of its brush-like strokes. This must be used
sparingly and not to be used in large body text. This font is usually used in wedding
invitation cards or other formal events.
Decorative
Display or decorative
                                            3
2. Appropriateness - refers to how fitting or suitable the text is used for a specific
   audience, purpose or event. In the creation of text-based content, make sure that
   the selection criteria (tone, style, purpose, clarity) is followed. As for the choice of
   typefaces to be used, refer to the discussion of the characteristics of the fonts.
   When it comes to large body text, the font should be clear enough to read.
3. Proximity - refers to how near or how far are the text elements from each other.
   When two things are closely related, we bring them close together. Otherwise, we
   put text elements far from each other. For example, the main title and subtitle are
   usually placed close to each other.
4. Alignment - refers to how the text is positioned in the page. This can be left, right,
   center or justified.
6. Repetition - concerns consistency of elements and the unity of the entire design.
   Repetition encourages the use of repeating some typefaces within the page. When
   several typefaces are used on a page, it might distract the audience and fail to
   communicate what you want them to get from the content. To strike a balance, do
   not also use just a single typeface for a visual design product.
7. Contrast - creates visual interest to text elements. Contrast is achieved when two
   elements are different from each other. When you place a white text on a very light-
   yellow background, contrast is not achieved and the text will be difficult to read, but
   when you put a white text on a dark brown background, contrast is created.
   Contrast can be achieved in various ways, by joining the following elements: large
   font with a small font, serif and sans serif, thin elements with thin elements, cool
   color and warm color.
B. Visual-based Presentation
1. Visual media and information – materials, programs, applications and the like that
   teachers and students use to formulate new information to aid learning through the
   use, analysis, evaluation and production of visual images.
3. Formally and informally produced visual media – visual media produced by formal
   organizations such as schools, government, and established media/publishing
   outfits are considered formally produced. Other visual media are considered
   informally produced.
                                        4
4. Purpose of visual information – the primary purpose of visual information is to gain
   attention, create meaning, and facilitate retention. (Show at least one example for
   each purpose and ask learners their reactions or responses to each one).
5. Visual design elements - the building blocks or basic units in the construction of a
   visual image. (Show visual media and information that incorporates most of the
   design elements. Point out why these elements are important).
      b. Shape – usually a geometric area that stands out from the space next to or
         around it, or because of differences in value, color, or texture. Shape may
         also be organic.
      c. Value – the degree of light and dark in a design. It is the contrast between
         black and white and all the tones in between. Value can be used with color
         as well as black and white. Contrast is the extreme changes between
         values.
      e. Color – determined by its hue (name of color), intensity (purity of the hue),
         and value (lightness or darkness of hue). Color and color combination can
         play a large role in the design. Color may be used for emphasis, or may elicit
         emotions from viewers. Color maybe warm, cool, or neutral. It plays a major
         role in our visual perception, as it influences our reactions about the world
         around us. It is therefore important to create color palettes that evoke the
         appropriate audience reactions. Color has three properties.
2. Center of interest – an area that first attracts attention in a composition. This area
   is more important when compared to the other objects or elements in a
   composition. This can be by contrast of values, more colors, and placement in the
   format.
                                           5
3. Balance – a feeling of visual equality in shape, form, value, color, etc. Balance can
   be symmetrical and evenly balanced, or asymmetrical and unevenly balanced.
   Objects, values, colors, textures, shapes, forms, etc. can be used in creating
   balance in a composition.
4. Harmony – brings together a composition with similar units. If for example your
   composition was using wavy lines and organic shapes, you would stay with those
   types of lines and not put in just one geometric shape. (Notice how similar Harmony
   is to Unity – some sources list both terms).
                                           6
C. Audio-based Presentation
Directions: Watch a video clip of a Charlie Chaplin movie (silent movie) without
            an audio. Answer the following questions below.
1. How did you find the experience of watching something without audio?
   ________________________________________________________________
   ________________________________________________________________
2. Are you used to media that use multiple forms and channels? Explain.
   ________________________________________________________________
   ________________________________________________________________
D. Motion-based Presentation
Directions: Read the instructions and follow them carefully.
1. Give 3 examples of motion media and information that you are already familiar
   with.
   ________________________________________________________________
   ________________________________________________________________
   ________________________________________________________________
E. Manipulative-based Presentation
a. What is your experience using a social media account for example, Facebook,
   Instagram, Twitter, etc.?
   ________________________________________________________________
b. Why do you think Facebook is very popular? How do you interact with their social
   media accounts?
   ________________________________________________________________
                                         7
c. Given the infographic on the “Top Ten Most Popular Actions on Facebook,”which
   actions have you already done on Facebook?
   ________________________________________________________________
What’s More
A. Text-Based Presentation
Poster
                                            8
                                          Source: www.uen.org
B. Visual-based Presentation
     Discuss the following survey results about “The Power of Visual Content” by
DemandGen Report (2014):
     a. Forty percent of people will respond better to visual information than plain
        text.
     b. Publishers who use infographics grow in traffic an average of 12% more
        than those who don’t.
     c. Eighty percent of what is seen is retained.
     d. Conversions increase by 86 percent when videos are used in a landing
        page.
     e. Twenty percent of words on a web page is read by the average user.
     f. Landing pages with videos are 40 times more shareable.
           Source: http://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-
                                              visual-content- infographic
                                                   9
C. Audio-Based Presentation
                                           10
Hearing vs Listening
1. Listen to the short audio clip. (Note: This audio clip is a monologue in French):
2. Did you hear the audio or did you listen to the audio?
3. Differentiate between hearing and listening.
4. Explain the difference between hearing and listening:
                                           11
D. Motion-based Presentation
Motion Media
---In motion media:
     ✓ each picture is a frame and that motion is created by rendering or showing
        consecutively several frames per second.
     ✓ 24 frames (pictures) or more per second makes for a smooth animation.;
        videos, film, slides also make use of frames.
     ✓ the series of graphics or images follow a sequence to create a story. This
        sequence is often called a storyboard which shows a set of components (audio,
        visual, videos, etc) changing in time to create a story or a message.
---Motion media can be produced formally and informally. Informally produced motion
media are created by individuals often for personal use. Formally produced motion
media are created by professionals who follow industry standards in creating, editing
and producing motion media. Formal production of animations involves the following
steps:
    ✓ writing the story - writers and directors create the story board
    ✓ script is written and dialogue is recorded
    ✓ animators sketch major scenes; inbetweeners fill in the gaps
    ✓ background music and background details are added
    ✓ drawings are rendered
    ✓ Videos are produced in the same manner except that instead of drawing the
       scenes they are acted out and shot. Once the scenes have been shot, all clips
       are edited and put together in a final product.
      Design principles of motion media and information revolve around the following
essential elements:
   3. Motion Path refers to the route that the object will take. It shows the change
      in direction of a movement. It is important to note the triggers to the change in
      direction of an object. These triggers are often key objects or events in a story.
                                          12
   5. These elements when used with other forms of media and information
      such as audio, visual and people media create movement that convey
      different emotions, impact and results.
1. Speed, direction and timing should depict natural laws of physics. This included
   trajectories, impact on objects and reactions of the environment.
2. Timing affects recall. Fast movement sends much information Slow movement
   provides emphasis and lasting recall.
3. Transitions are used to switch between scenes. Having a clear start and finish in
   your motion path or scenes Using neutral colors at the start or end of a scene is a
   good method for creating the right mindset. It is important to know which type of
   transition to use as this sets the tone for the next event and should provide a
   smooth connection from one event to another.
5. Cartooning your graphic and text provides dynamic movement. This can be done
   by using the following movements: stretching, rotating, squashing
6. Blurring can be used in different ways. In animation, blurring can provide the
   illusion of fast movement. In videos, it is often used to censor information for
   security or decency.
7. Always review the purpose of the movement. Movement is not added for the sake
   of it.
E. Manipulative-based Presentation
                                           13
2. What are some of the types of interactivity and their purposes?
   a. Click on images
   b. Hotspot - a special region to act as a trigger to another web page. The hotspot
      could be a circle, triangle, rectangle or polygon.
   c. Rollover - an image or portion of an image that changes in appearance when
      the mouse cursor moves over it.
   d. Tabs - clicking on them displays a relevant content with an appropriate graphic.
   e. Timeline - a menu slide that branches to different events.
   f. Numbers/processes - the number of clicks and the time spent in an interactive
      function provide data points.
   g. Slideshow - non-linear interactive slideshow where the pathway through the
      show is determined by the user's interaction with it.
   h. Frequently asked questions (FAQs)
   i. Flip cards - a card that when clicked flips to display a description and other
      information.
                                           14
Interacting with the Internet
3. Online Game:
       a. Search for an online game, read the description and detailed specifications.
       b. List all the interactive actions that are available for game.
       c. Write a brief evaluation or assessment on the online game played, focusing
          on the following:
           ✓ The enjoyment or entertainment from a game online
           ✓ Interactivity of an online game
           ✓ Other features you would like incorporated, or how it could be improved
4. Online Shopping:
       a. Go to an online shopping site.
       b. Choose items to purchase and add to cart.
       c. Determine the total price of all items to be purchased.
       d. Screenshot (PrintScreen) the list of items and their price.
       e. Submit a copy of the screenshot through email.
       f. Write a brief evaluation or assessment on the online shopping experience,
          focusing on the following:
            ✓ As a means of communicating to people
            ✓ Interactivity of online shopping
            ✓ Other features you would like incorporated, or how it could be improved
                                         15
             What I Have Learned
A. Text-based Presentation
1. Identify an advocacy or issue that you would like to campaign about through a
   typography poster design. The campaign poster will have a statement consisting
   of 10-20 words. Poster statement example: “Let our children learn and play. Keep
   them in schools. Stop child labor.”
                                          16
 Spelling and       Most words are           Most words are          Words are chosen           Words        are
  readability       carefully                carefully               with less care;            chosen with less
                    chosen; writing          chosen; writing         writing          is        care; writing is
                    is clear and             is clear and            sometimes                  sometimes
                    legible.    Most         legible.    Most        unclear.      Most         unclear; some
                    words        are         words        are        words are spelled          words        are
                    spelled correctly        spelled correctly       correctly and is           spelled
                    and       proper         and       proper        grammatically              incorrectly and
                    punctuation is           punctuation is          correct.                   proper
                    employed                 employed.                                          punctuation is
                                                                                                not employed
B. Visual-based Presentation
       From the given magazine cutouts, evaluate the visual by filling up the media
and information design framework worksheet.
Infographic
    Components                       Guide Questions                                         Answers
 Target Audience           Who are the possible readers of this
                           infographic?
 Sender/Author             Who is the author of this
                           infographic?
                                                       17
Key content                   What is the tone of the text in the
                              infographic?
                              What are the sample phrases or
                              taglines that you will use to relate
                              the information?
                              What are the facts/figures that you
                              will include in the infographic?
Purpose                       What is the intention of the
                              infographic?
Form / Style                  What are the font types, colors and
                              shapes that you will use in the
                              infographic?
                              What are the words or phrases that
                              you need to emphasize in the
                              infographic?
                              How will you organize your text and
                              visual elements?
Medium / Format               Is this the best platform to use?
                              Why?
                                           Rubrics on Infographics
    CRITERIA                   5                    4                        3                    2                    1
      Content           Content is         Content is               Content is            Content is            Content is
                        accurate and all   accurate but             accurate but          questionable.         inaccurate.
                        required           some required            some required         Information is        Information is
                        information is     information              information           not presented in      not presented
                        presented in a     is missing and/or        is missing and/or     a logical order,      in a logical
                        logical            not presented in a       not presented in a    making it difficult   order, making
                        order.             logical order, but is    logical order,        to follow.            it difficult to
                                           still generally          making it difficult                         follow.
                                           easy to follow.          to follow.
Use of Visual Design    Use of visual      Visual design           Layout is cluttered.   Most visual           No visual
      Elements          design elements    elements are                                   design                design
 (point, line, shape,   are appropriate.   appropriate.                                   elements are          elements
 value, texture, and    Layout is                                                         appropriate           used.
        color)          pleasing to the                                                   Visual design
                        eye.                                                              elements are
                                                                                          inappropriate or
                                                                                          layout is messy.
                                                           18
 Use of Visual Design        Use of visual       A visual design        Two visual design      Many visual          No effort was
       Principles            design principles   principle is           principles are         design               made to
    (consistency of          are used            violated.              violated.              principles were      employ correct
   margins; typeface;        appropriately.                                                    used                 visual design
 typestyle; and colors;                                                                        inappropriately      principles.
 balance, perspective,
    harmony, unity,
    movement, and
        variety)
      Mechanics              No spelling         Few spelling           Some spelling          Some spelling        Many spelling
                             errors. No          errors. Few            errors. Some           errors. Some         and or
                             grammar errors.     grammar errors.        grammar errors.        grammar errors.      grammar
                             Text is in          Text is in authors’    Text is in authors’    Most of text is in   errors.
                             authors’ own        own words.             own words.             authors’ own         Text is copied.
                             words.                                                            words.
C. Audio-based Presentation
Producing Podcasts
1. Design a podcast about your school, class subject, or a class or school activity or
   advocacy.
2. Create a 5-minute podcast on a chosen topic using any recording device and
   computer software.
3. Study the general procedure for creating a podcast:
   a. Planning - choosing a topic and answering the guide questions
   b. Pre-recording - choosing your equipment and software for recording
   c. Creating your Podcast - audio recording and converting to MP3
   d. Uploading your Podcast - choosing where to upload through RSS Feed
4. Share in your social media account your Podcast.
5. See the rubrics for assessment of your output.
6. After completing the activity, have each group submit their output (podcast) to the
   Edmodo class.
7. Write a short reflection on what you learned about podcasts, as well as the
   importance of sound or audio in media production.
                                                  Rubrics on Podcast
      Category                  Exemplary              Proficient           Partially proficient       Incomplete         Points
                                  5-6 pts               3-4 pts                     2pts                  0-1 pt
                          Catchy and clever      Describes the topic      Somewhat engaging        Irrelevant or
                          introduction.          and engages the          (covers well- known      inappropriate
                          Provides relevant      audience as the          topic), and provides     topic that
    Introduction          information and        introduction             a vague purpose.         minimally
                          establishes a clear    proceeds.                                         engages listener.
                          purpose engaging                                                         Does not include
                          the listener                                                             an introduction or
                          immediately.                                                             the purpose is
                                                                                                   vague and
                                                                                                   unclear
                                 8-10 pts                4-7pts                  2-3 pts                  0-1 pt
                          Creativity and         Accurate information     Some information is      Information is
      Content             original content       is provided              inaccurate or long-      inaccurate.
                          enhance the            succinctly.              winded.
                          purpose of the
                          podcast in an
                          innovative way.
                          Accurate information
                          and succinct
                          concepts are
                          presented
                                                                19
                          5-6 pts                3-4 pts                    2 pts                  0-1 pt
                 Well-rehearsed,          Rehearsed, smooth        Appears                  Delivery is
                 smooth delivery in a     delivery.                unrehearsed with         hesitant and
                 conversational style.    Enunciation,             uneven delivery.         choppy and
                 Highly effective         expression, pacing       Enunciation,             sounds like the
  Delivery       enunciation and          are effective            expression, rhythm       presenter is
                 presenter's speech       throughout the           is sometimes             reading.
                 is clear and             podcast. Correct         distracting during       Enunciation of
                 intelligible. Correct    grammar is used          the podcast.             spoken word is
                 grammar is used          during the podcast.      Occasionally             distant and
                 throughout the                                    incorrect grammar is     muddled and not
                 podcast.                                          used during the          clear. Poor
                                                                   podcast.                 grammar is used
                                                                                            throughout the
                                                                                            podcast.
                         5-6 pts                 3-4 pts                    2 pts                  0-1 pt
                 Open ended               Open ended               Open ended               Only yes-or-no
                 questions are used       questions and            questions and            questions are
  Interview      that draw interesting    follow-up questions      follow-up questions      used. No follow-
                 and relevant             are used                 are occasionally         up questions are
                 information from the     appropriately.           irrelevant to the        asked.
                 interviewee.                                      topic
                         5-6 pts                 3-4 pts                    2 pts                  0-1 pt
                 The                      The                      The                      The graphics are
                 graphics/artwork         graphics/artwork (if     graphics/artwork (if     unrelated to the
                 used (if any) creates    used) relates to the     used) sometimes          podcast. Artwork
                 an effective             audio and reinforces     enhances the quality     is inappropriate
                 presentation and         content and              and understanding        to podcast.
                 enhance the              demonstrates             of the presentation.     Music is
                 podcast. Music           functionality. Music     Music provides           distracting to
 Graphic and     enhances the mood,       provides supportive      somewhat                 presentation.
    Music        quality, and             background to the        distracting              Copyright
Enhancement      understanding of the     podcast. Graphic         background to the        infringement is
                 presentation. All        and music                podcast. Use of          obvious.
                 graphic and music        enhancements are         copyrighted works is
                 enhancements are         owned by the             questionable.
                 owned by the             creator of the
                 creator of the           podcast or copyright
                 podcast or copyright     cleared.
                 cleared.
                         5-6 pts                  3-4 pts                  2 pts                   0-1 pt
                 Presentation is          Presentation is          Presentation is          Presentation is
                 recorded in a quiet      recorded in a quiet      recorded in a semi-      recorded in a
                 environment without      environment with         quiet environment        noisy
                 background noise         minimal background       with some                environment with
                 and distractions.        noise and                background noise         constant
                 Transitions are          distractions.            and distractions.        background
 Technical       smooth and spaced        Transitions are          Transitions are          noise and
 Production      correctly without        smooth with a            uneven with              distractions.
                 noisy, dead space.       minimal amount of        inconsistent             Transitions are
                 Podcast length           ambient noise.           spacing; ambient         abrupt and
                 keeps the audience       Podcast length           noise is present.        background
                 interested and           keeps audience           Podcast length is        noise needs to
                 engaged.                 listening.               somewhat long or         be filtered.
                                                                   somewhat short to        Podcast is either
                                                                   keep audience            too long or too
                                                                   engaged.                 short to keep the
                                                                                            audience
                                                                                            engaged.
                                                 TOTAL                                                          /40 pts
Source: Ann Bell, Instructor, Learning Applications for the iPod® and Handheld Computers
                                                         20
               What I Can Do
A. Text-based Presentation
1. Create a brochure for a client with specific needs. You may choose on one of the
   topics:
        a. Tourism Campaign – This brochure will invite the readers to spend their
           summer vacation in your city.
        b. Election Campaign – This brochure will promote to the readers a local
           politician who will run for mayor in the upcoming election.
        c. School Admission – This brochure will advertise to the readers a
           college/university in your place.
        d. Community Advisory – This brochure will inform the readers about the new
           policy for garbage collection schedule and segregation in your community.
B. Visual-based Presentation
Making infographics
1. Research facts and figures about a social or ethical issue on media and information
   literacy.
2. Create an infographic to show the facts and figures visually. (Alternatively, if
   research takes a long time or is not practical, you can present facts and figures
   about yourselves or topics you are familiar with instead).
                                         21
C. Audio-based Presentation
D. Motion-based Presentation
Reflection
1. Answer the following questions and include it in your ePortfolio:
   ✓ What are the best three motion media that you have seen?
   ✓ What makes these motion media memorable?
   ✓ Other reflections on motion media and information that you may want to
      share.
  Guide Questions:
   ✓ What are the various movements in the video that contribute to the
      message?
   ✓ How are the different elements of motion design used in the video?
3. Think about the future of TV News Broadcasting. Give 5 ways we may soon be
   able to interact with a TV news broadcast.
E. Manipulative-based Presentation
                                         22
✓   Lesson 9: prototype of future media and information
✓   Lesson 10: reflection and artefacts on the class debate on the impact of MIL
✓   Lesson 11: report on the effect of social media
✓   Lesson 12: text-based presentation- typography poster
✓   Lesson 13: visual-based presentation- infographics
✓   Lesson 14: audio-based presentation- podcast
✓   Lesson 15: motion-based presentation- storyboard and video
✓   Lesson 16: manipulative/interactive presentation- online survey
                                      23
Summary
2. There are guiding principles in visual design, namely: consistency, center of intent,
   balance, harmony, contrast, directional movement, rhythm, and perspective.
                                          24
              Assessment: (Post-Test)
Multiple Choice.     Answer the question that follows. Choose the best answer
                     from among the given choices.
2. Which principle in designing text refers to how the text is positioned in the page?
   A. Emphasis                             C. Alignment
   B. Proximity                            D. Repetition
3. Which visual design element is usually a geometric area that stands out from the
   space next to or around it, or because of differences in value, color, or texture?
   A. Line           B. Shape            C. Value                      D. Texture
4. What visual design principle is created through the arrangement of objects in two
   dimensional space to look like they appear in real life?
   A. Directional Movement               C. Harmony
   B. Perspective                        D. Center of Interest
10. Which type of interactivity in social media refers to a menu slide that branches to
    different events?
    A. Click on Images      B. Hotspot C. Rollover                     D. Timeline
25