MIL Reviewer PDF
MIL Reviewer PDF
Mixed reality
Is a blend of physical and digital
worlds, unlocking natural and intuitive
3D human,computer, and
environmental interactions.
➢ A mix of virtual reality and
augmented reality
➢ Designed by Alex Kipman in
which he designed the AR 2.0
called the “Microsoft HoloLens”.
Hologram
Hologram technology is a
three-dimensional projection which can
be seen without using any special
equipment such as cameras or
glasses.
5. Ubiquitous Learning
➢ Ubiquitous learning ot U-learning is a
kind of e-learning experience that
“implies a vision of learning which is
connected across all the stages on
which is connected.
3. FORMATTED TEXT
LESSON 13: TEXT INFORMATION AND ➢ Its appearance can be changed
MEDIA using font parameters (bold,
underline, italic, font size, font color,
etc.).
TEXT
TYPES OF TYPEFACES
➢ A simple and flexible format of
presenting information or conveying 1. SERIF
ideas whether hand-written, printed ➢ It connotes formality and
or displayed on screen. readability in large amount of
➢ Very powerful as well as texts.
disseminating information, providing ➢ It used for the body text of
and giving suggestions. books, newspapers,
magazines and research
publication.
FORMAL ➢ It gives a classic or elegant
Sources: look when used for title or
News Articles, Published Books, heading.
Newspapers, Magazines, Advertisements, ➢ E.g. Times New Roman,
Research Works. Garamond, Baskerville
Text-based Materials: 2. SAN SERIF
It was created and distributed by ➢ brings a clean or minimalist
established institutions (such as publishing look to the text.
companies, news agencies, etc.) and go ➢ used for clear and direct
through a rigorous process of editing or meaning of text such as road
evaluation and are usually governed by signage building directory or
censorship of the state. nutrition facts in food
INFORMAL packages.
Sources: ➢ give a modern look and is used
Blogs, Personal E-mails, SMS Or Text primarily in webpage design.
Messages, Online Messengers, Social ➢ E.g. Arial, Helvetica, Tahoma,
Media Platforms. Verdana, Calibri
2. APPROPRIATENESS
➢ This format compresses images
LESSON 14: VISUAL INFORMATION AND but, as different from JPEG, the
MEDIA compression is lossless (no
detail is lost in the compression,
but the file can’t be made as
VISUAL MEDIA small as a JPEG).
- are sources of information in the form ➢ GIFs can also be used for
of visual representations. These can be animations.
abstractions, analogues, rough 4. PNG
illustrations, or digital reproductions of ➢ PNG stands for Portable
the objects. Visual message design is a Network Graphics.
symbol with meaning. ➢ It also allows for a full range of
color and better compression.
PURPOSE OF VISUAL INFORMATION It’s used almost exclusively for
gain attention web images, never for print
create meaning images.
facilitate retention 5. BMP
➢ Short for "Bitmap." It can be
TYPES OF VISUAL MEDIA pronounced as "bump,"
(Visual Information - Visual Media) "B-M-P," or simply a "bitmap
image."
Photography
➢ The BMP format is a commonly
Video
used raster graphic format for
Screenshots saving image files.
Infographics
Data Visualization (charts and graphs) VISUAL DESIGN ELEMENTS
Comic Strip/Cartoons 1. LINE
Memes ➢ describes a shape or outline. It
Visual Note-Taking can create texture and can be
thick or thin. Lines may be
COMMON VISUAL MEDIA FILE TYPES actual, implied, vertical,
1. JPEG horizontal, diagonal, or
➢ JPEG stands for Joint contour lines.
Photographic Experts Group, 2. SHAPE
which created this standard for ➢ usually, a geometric area that
this type of image formatting. stands out from the space
➢ JPEG files are images that have next to or around it, or
been compressed to store a lot because of differences in value,
of information in a small-size color, or texture. Shape may
file. also be organic.
2. TIFF 3. VALUE
➢ TIFF stands for Tagged Image ➢ the degree of light and dark in a
File Format. design. It is the contrast
➢ TIFF images are uncompressed between black and white and
and thus contain a lot of all the tones in between. Value
detailed image data (which is can be used with color as well
why the files are so big). as black and white. Contrast is
3. GIF the extreme changes between
➢ GIF stands for Graphic values.
Interchange Format.
4. TEXTURE 3. BALANCE
➢ the way a surface feels or is ➢ a feeling of visual equality in
perceived to feel. Texture can shape, form, value, color, etc.
be added to attract or repel Balance can be symmetrical
interest to a visual element. and evenly balanced, or
Visual texture is the illusion of asymmetrical and un- evenly
the surfaces peaks and valleys, balanced.
resulting in a feeling of 4. HARMONY
smoothness or roughness in ➢ Brings together a composition
objects. with similar units.
5. COLOR ➢ e.g, maintaining the use of
➢ determined by its hue (name of wavy lines and organic shapes
color), intensity (purity of the in your composition.
hue), and value (lightness or 5. CONTRAST
darkness of hue). Color and ➢ offers some change in value
color combination can play a creating a visual discord in a
large role in the design. composition. Contrast shows
the difference between shapes
and can be used as a
background to bring objects out
and forward in a design. It can
also be used to create an area
of emphasis.
6. DIRECTIONAL MOVEMENT
➢ a visual flow composition. It can
6. FORM be through the suggestion of
➢ a figure having volume and motion in a design as you move
thickness. An illusion of a from object to object by way of
3-dimensional object can be placement and position.
implied with the use of light and 7. RHYTHM
shading. Form can be viewed ➢ a movement in which some
from many angles. elements recur regularly. Like a
dance, it will have a flow of
PRINCIPLES OF VISUAL DESIGN objects that will seem to be like
1. CONSISTENCY the beat of music.
➢ of margins, typeface, typestyle, 8. PERSPECTIVE
and colors is necessary, ➢ Created through the
especially in slide presentations arrangement of objects in
or documents that are more two-dimensional space to look
than one page. like they appear in real life.
2. CENTER OF INTEREST Perspective is a learned
➢ an area that first attracts meaning of the relationship
attention in a composition. This between different objects seen
area is more important when in space.
compared to the other objects
or elements in a composition.
This can be by contrast of
values, more colors, and
placement in the format.
harmony, and expression of
LESSON 15: AUDIO INFORMATION AND emotion.
MEDIA
PRINCIPLE OF SOUND DESIGN
1. MIXING
HEARING ➢ the combination, balance and
➢ the act of perceiving sound by the ear. control of multiple sound
➢ Accidental elements.
➢ Involuntary 2. PACE
➢ Effortless ➢ time control, editing, order of
events(linear, non-linear or
LISTENING multi-linear).
➢ requires concentration so that you brain 3. STEREO IMAGING
processes meaning from words and ➢ Using left and right channel for
sentences. depth. This refers to the aspect
➢ Focused of sound recording and
➢ Voluntary reproduction.
➢ Intentional 4. TRANSITION
➢ how you get from one segment
SOUND PRINCIPLE AND ELEMENTS or element to another.
(CHARACTERISTIC AND PURPOSES OF
SOUND) TYPES OF TRANSITIONS
1. VOLUME 1. Segue
➢ intensity of a sound. ➢ one element stops, the next
2. TONE begins ("cut" in film).
➢ the audible characteristic of a 2. Cross-fade
sound. ➢ one element fades out, the next
3. PITCH fades in, and they overlap on
➢ is how high or low a sound is. the way.
4. LOUDNESS 3. V-Fade
➢ refers to the magnitude of the ➢ First element fades to inaudible
sound heard. before the second element
begins.
PURPOSES OF A SOUND 4. Fade to Black
Give instructions or information. ➢ V-Fade with some silence
Provide feedback. between elements.
To personalize or customize. 5. Stereo Imaging
➢ Using left and right channel for
ELEMENTS OF THE SOUND DESIGN depth.
1. Dialogue
➢ speech, conversation,
voice-over.
2. Sound Effects
➢ any sound other than music or
dialogue.
3. Music
➢ vocal or instrumental sounds (or
both) combined in such a way
as to produce beauty of form,
According to According to According
LESSON 16: MOTION INFORMATION AND purpose Source to Audience
MEDIA
● Education ● Personal ● Private /
MOTION MEDIA ● Entertainment ● Social Media Public
- Is a visual media that gives the ● Advertising ● Media ● General /
appearance of a movement can be a Companies Directed
collection of graphics, footage, videos.
2. DIRECTION
➢ Movement from one direction to
another, the growing or
shrinking of an object.
3. TIMING
➢ It can be objective or subjective.
➢ Can be used to clarify or
intensify the message or the
event. Using a pause can help
time the events.
4. TRANSITION
➢ Used to switch between scenes.
6. BLURRING
➢ In animation, blurring can
provide the illusion of fast
movement.
➢ In videos, it is often used to
censor information for security
or decency.
three-dimensional effect, so that
LESSON 17: MANIPULATIVE INFORMATION viewers perceive that an image
AND MEDIA has depth as well as height and
width, similar to objects in the
INTERACTIVE MEDIA real world.
➢ a method of communication in which
the program's outputs depend on the 3. VIDEO GAMES (MULTIPLAYER)
user's inputs, and the user's inputs in ➢ a game played by electronically
turn affect the program's outputs. manipulating images produced
➢ engage the user and interact with by a computer program on a
his/her in a way that non-interactive display screen.
media do not. 4. ROLE-PLAYING GAMES (RPG)
➢ a game in which players
EXAMPLES OF INTERACTIVE MEDIA assume the roles of characters
1. SOCIAL MEDIA in a fictional setting.
➢ sent friend request ➢ Players take responsibility for
➢ responded to friend request acting out these roles within a
➢ Liked a post narrative, either through literal
➢ followed a site acting or through a process of
➢ commented on a friend's post structured decision-making or
➢ uploaded a file character development.
➢ chat with a friend
➢ sent a private message 5. MASSIVELY MULTIPLAYER ONLINE
2. ONLINE BOOKING ROLE-PLAYING GAME (MMORPG)
➢ search for flight ➢ any story-driven online video
➢ booked a flight and paid through game in which a player, taking
credit card on the persona of a character in
➢ web-check-in. a virtual or fantasy world,
interacts with a large number of
STEPS IN FORMAL PRODUCTION OF other players.
ANIMATIONS WRITING THE STORY.
➢ Script is written and dialogue is 6. INTERACTIVE WEBSITES
recorded.
➢ Animators sketch major scenes, in 7. VIRTUAL REALITY AND IMMERSIVE
between are fill in the gaps. ENVIRONMENTS
➢ Background music and background ➢ the computer-generated
details are added. simulation that can be
➢ Drawings are rendered. interacted with in a seemingly
real or physical way by a person
PLATFORMS OF INTERACTIVE MEDIA using special electronic
1. MOBILE APPS equipment (helmet with a
➢ a software application screen inside or gloves fitted
developed specifically for use with sensors).
on small, wireless computing
devices (smartphones and 8. SOCIAL MEDIA
tablets), rather than desktop or ➢ websites or online services
laptop computers where users are the creators
and consumers of the content,
2. 3D TV and where social interactions
➢ a television display technology (commenting, liking, posting,
that enables a
talking) are the main features of TYPES OF INTERACTIVITY AND THEIR
content. PURPOSES
1. CLICK ON IMAGES
2. HOTSPOT
INTERACTIVITY ➢ a special region to act as a
➢ The communication process that takes trigger to another web page.
place between humans and computer The hotspot could be a circle,
software. triangle, rectangle or polygon.
➢ The most constant Form of interactivity
is typically found in games, which need 3. ROLLOVER
a continuous form of interactivity with ➢ an image or portion of an image
the gamer. that changes in appearance
when the mouse cursor moves
INTERACTING WITH SOCIAL MEDIA over it.
1. ONLINE SHOPPING
➢ compare prices; compare 4. TABS
features of similar items; add to ➢ clicking on them displays a
cart; choose payment type; relevant content with an
track delivery; get advice from appropriate graphic.
experts; search products; check
local availability; get product 5. TIMELINE
recommendations. ➢ a menu slide that branches to
different events.
2. ONLINE GAMING
➢ choose a game; play with 6. NUMBERS/PROCESSES
computer; play with others; ➢ the number of clicks and the
choose a level, in- game time spent in an interactive
customization, etc function provide data points
HYPERTEXT
➢ is a text which contains links to other
texts. The term was invented by Ted
Nelson around 1965.
HYPERMEDIA
➢ a is not constrained to be text-based.
It can include other media, e.g.,
graphics, images, and especially the
continuous media –sound and video.