MEDIA AND INFORMATION LITERACY - FIRST SEMESTER FINAL TERM

TEXT AND VISUAL INFORMATION AND MEDIA

○ People Power brought greater freedom

○ Knowledge were passed on through
for Philippine media
word of mouth
○ New Constitution recognized the vital
○ Careers: Town crier (Umalohokan),
role of communication and information
messenger, community scribe
in nation building.
○ Press freedom influenced the growth in
media careers.
○ Knowledge and education was limited
to the elites
○ Only the elite spoke and understood
○ Careers: web designer, online
Spanish, thus, communication was
instructors, digital producers, bloggers,
limited.
animators, programmer, archivist,
○ Careers: book writers, newspaper
metadata analyst, data miner, user
writer, editor, publisher, copyreader,
experience designer, call center agents,
artist
virtual assistants

○ Major newspaper, radio broadcasting

Text Information
and movies became available
- is a simple and flexible format of
○ Used the English language
presenting information or conveying
○ Careers: book writers, newspaper
ideas whether hand-written, printed, or
writer, editor, publisher, copyreader,
displayed on-screen
artist, cartoonist, reporter, producer,
broadcaster

1. A text has limitations and requires

efforts to comprehend.
○ The golden age of Philippine
2. A text can communicate everything at
Journalism
once.
○ Advertising, Communication Education,
3. A text is any media or product we wish
and press freedom flourished
to examine.
○ Careers: book writers, newspaper
4. A text seems to be easily forgettable
writer, editor, publisher, copyreader,
and can be seen everywhere.
artist

○ Takeover of media and the press and

the image engineering (historical
distortionism) of the Marcoses in the
name of nationalism.

1
MEDIA AND INFORMATION LITERACY - FIRST SEMESTER FINAL TERM

TEXT AND VISUAL INFORMATION AND MEDIA

I. Hypertext 1. Printed newspaper

- Serve to link different electronic 2. Posters
documents and enable users to 3. Research papers
jump from one to another in a 4. Journals
nonlinear way 5. Tweets
II. Unformatted Text 6. Other SocMed Textual Output
- Fixed size characters having
essentially the same type of
appearance
1. Availability
III. Formatted Text
- printed materials are already
- Appearance can be changed
available on a variety of topics
using font parameters
and in many different formats
and they are adjustable to many

1. TXT (Text) 2. Flexibility

- Unformatted text document by - Adjusted in different purposes
an editor as notepad in (print and digital) and may be
Windows platform used in lighted environment

2. Doc (Document) 3. Portability

- A native format for storing - they easily transported to
documents created by another place without the aid of
Microsoft Word package machine or electricity

3. RTF (Rich Text Format) 4. User-friendly

- Cross platform document; - easy to use; no extra effort to
default format for Mac OS X's search
default editor TextEdit
5. Economical
4. PDF (Portable Document Format) - inexpensive to produce or
- Developed by Adobe systems purchase
for cross platform exchange of
documents, support images
and graphics
1. Text as a knowledge building and
communication tool is that it lacks the
5. PS (PostScript)
inherent expressiveness of speech.
- a page description language
2. Text may accurately record spoken
used mainly for desktop
word, but the strategic and emotive
publishing
qualities and impact of speech are
diminished on the page.

2
MEDIA AND INFORMATION LITERACY - FIRST SEMESTER FINAL TERM
TEXT AND VISUAL INFORMATION AND MEDIA
● How we write, arrange, put different
fonts, use a certain style
● Style or appearance of text
● The art of working with text
(from video)
1. Serif
- Little strokes attached to the main part
of the letter
- Classic Look - Good for traditional
projects (Print publications)
2. Sans Serif
- French: Without Serif
- Cleaner and modern than serif; Easier to
read
3. Display
- Come in: Script, Blackletter, ALL CAPS,
and Fancy
- Decorative nature: Best for small
amounts of text (Titles, Headers,
Graphic-Heavy Designs)
Fonts
● Have their own language
● Can be casual, neutral, exotic, or
graphic
● Think about your message and pick a
fonts that fits
● Comic Sans, Curlz, Brush Script,
Papyrus, Hobo - Outdated and
Overused Fonts
● When deciding what fonts to use, less is
more (1-2 fonts only)
● Opposites attract & Different but
Complementary- Bold & Light, Short
with Tall, Decorative with Simple, etc.
1. Hierarchy
- Used to guide the reader’s eye to
whatever is most important
- Shows them where to begin and where
to go next using different levels of
emphasis
- High-level items are usually larger,
bolder, or different in some way
2. Leading
- Space between lines of text (line
spacing)
3. Tracking
- Overall space between characters
(Character spacing)
4. Kerning
- Space between specific characters
- Varies because each letter fits together
differently
● Refers to materials, programs,
applications and the like that we use to
formulate new information to aid
learning through the use, analysis,
evaluation, and production of visual
images
● Canva, Photoshop
1. Gain Attention
2. Facilitate Retention
3. Create meaning
3
MEDIA AND INFORMATION LITERACY - FIRST SEMESTER FINAL TERM

TEXT AND VISUAL INFORMATION AND MEDIA

4. TIFF (Tagged Image File Format)
- A computer file used to store raster
1. Non-Projected
graphics and image information; it is a
- Is a type of visual media that requires
handy way to store high-quality
no projection material or electric power.
images before editing if you want to
They include cartoons, charts, comic
avoid lossy file formats.
strips, flash cards, illustrations, maps,
- Very detailed images
models, pictures, posters, etc.
- Ex: Printed (Hard Copy Format) Images
5. BMP (Bitmap)
in Books
- Images are device independent and
require no graphics adapter to display
2. Projected
them; image data in this file format are
- It uses bright light to pass through a
usually uncompressed or compressed
transparent picture by means of a lens
with a lossless compression
or electronic power like film strips,
- Especially useful when working with
projectors, and presentations
photographs or when you want to
- Ex: Use of television, projectors
create images that look very real

1. GIF (Graphic Interchange Format)

- A digital file format devised in 1987 by
the Internet service provider
CompuServe as a means of reducing
the size of images and short animations
- Projected media only

2. PNG (Portable Network Graphics)

- A graphic file format that supports data
compression and was developed to
replace GIF
- Without background 1. Internet
- Example: Logos 2. Print
3. Broadcast Media
3. JPEG or JPG (Joint Photographic
Expert Group)
- A standard image format for containing
1. Visual media provides greater impact
lossy and compressed image data;
and retention among audiences from
despite the huge reduction in file size it
entertainment to education.
maintains reasonable image quality
2. Visual media are useful to learners for
- In the past, it was required to only have
understanding complex content into a
3 letters - so jpg
simpler one.

4
MEDIA AND INFORMATION LITERACY - FIRST SEMESTER FINAL TERM

TEXT AND VISUAL INFORMATION AND MEDIA

3. It attracts the learner, motivates to focus
on learning and easily remember the
learning process.

Guidance is needed, however, since

unregulated use of visual media especially for
children may be harmful to some content that
are violent or inappropriate.

(from video)
Images
- In design, they are the hook that draw
the viewer in - they create a strong
impression
- Set designs apart by finding
high-quality images that are sharp,
clear, distinct, memorable, and are free
of distortion (Ex. Stock - free/low-cost
images)
- The best images are open-ended - they
set the tone for your project but leave
room for interpretation
- Technical Side: Blurry or pixelated can
give the wrong impression
- If you enlarge a smaller image, it loses
quality because images are in Raster
Format (made up of pixels)
- Vector Format: You can make the image
any size, big or small, without losing
quality - rendered using geometry
- Size and colors might not work - Crop,
Check Filters/Presets, or Resize them to
enhance the image
- Add photos, graphics and visuals to
make the work more engaging