Click this hypertext Go to Page 17 to go back to page 17

TEXT INFORMATION AND

MEDIA
 OBJECTIVES
 Describe the different dimensions of text information and
media.MIL11/12TIM-IVb-3
 Comprehend how text information and media is/are formally
and informally produced, organized, and disseminated.
MIL11/12TIM-IVb-4
 Evaluate the reliability and validity of text information and
media and its/their sources using selection criteria.
MIL11/12TIM-IVb-5
 VIDEO PRESENTATION
SONA: Pagsusulat ng Baybayin, Layong
Buhayin ng Grupong Hibla Sanghabi

Date Published: August 30, 2017

YouTube Channel: GMA News
Link: https://www.youtube.com/watch?v=X5cXn4kodN8
 a simple and flexible format of
presenting information or conveying
What is a text?ideas whether hand-written, printed
or displayed on-screen
(Source: MIL TG by CHED)
TEXT
any ‘’human-readable
sequence of characters’’ that
can form intelligible words
(Rouse, 2015)
 FORMATIVE ASSESSMENT

How is text used in the

following media?
Source:
https://i.pinimg.com/736
x/44/b3/eb/44b3eb3a597
9ee280c96c13eb892ccbb
--funny-pics-funny-stuff.
jpg
Source:
https://www.zazzle.com/funny
+kids+tshirts
Sources:
https://www.zazzle.co
m/funny+tshirts
Photo Credit: NOEL CELIS/AFP/Getty Images
Source:
http://www.gettyimages.com/detail/news-photo/man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-news-photo/108
428193#man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-crossing-picture-id108428193
Source:
http://www.pinoygagj
okes.com/2014/07/50-
pictures-most-funniest
-pinoy-signage.html
Source:
http://www.pino
ygagjokes.com/
2014/07/50-pict
ures-most-funni
est-pinoy-signa
ge.html
Source:
http://www.pinoygagj
okes.com/2014/07/50-
pictures-most-funniest
-pinoy-signage.html
 TYPES OF TEXT AND
COMMON FILE FORMATS
TYPES OF TEXT DESCRIPTION
HYPERTEXT serve to link different electronic
documents and enable users to jump from
one to other in a nonlinear way
PLAINTEXT or fixed sized characters having essentially
UNFORMATTED the same type of appearance
TEXT
FORMATTED TEXT appearance can be changed using font
parameters (bold, underline, italic, font
size, font color, etc.)
Source: p.144, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.
 HYPERTEXT

This Go to Page 1 is a hypertext that will

bring you to the first slide in this
presentation.
 HYPERTEXT

This YouTube is a hypertext that will bring

you to YouTube.

This https://www.youtube.com is a hyperlink

or link that will bring you to YouTube.
 UNFORMATTED TEXT

Source: https://blog.xamarin.com/mobile-apps-with-visual-basic-xamarin-forms/
 FORMATTED TEXT

Source: Microsoft Word

 What is a also called font, font type, or type
typeface?
TYPEFAC refers to the representation or style
E of a text in the digital format
usually comprised of alphabets,
numbers, punctuation marks, symbols
and other special characters

Source: p. 119, MIL TG by CHED

TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED
COMMON FILE DESCRIPTION
FORMATS
TXT (text) • Unformatted text document by an editor as
notepad on Windows platform
DOC (document) •a native format for storing documents created
by MS Word package
•contain a rich set of formatting capabilities
RTF (Rich Text •Cross platform document exchange; default
Format) format for Mac OS X’s default editor TextEdit

Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.
 COMMON DESCRIPTION
FILE
FORMATS
PDF (Portable • developed by Adobe systems for cross platform
Document exchange of documents, supports image and
Format) graphics
PS (PostScript) • a page description language used mainly for
desktop publishing

Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.
FILE TYPE SELECTION WHEN SAVING AN
MS WORD DOCUMENT
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

1.EMPHASIS
• importance or value given to a part
of the text-based content
1. EMPHASIS

• make the text bold

• Italicized
• have a heavier weight
• darkened or lightened
• enlarged
1. EMPHASIS

Source: https://tympanus.net/codrops/2011/10/08/25-examples-of-emphasis-applied-in-web-design/
1. EMPHASIS

Source: https://twitter.com/philredcross/status/706041623839244288
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

2. APPROPRIATENESS
• how fitting or suitable the text is
used for a specific audience,
purpose or event
2. APPRORIATENESS
Times New Roman
Arial
Aharoni
Rockwell
Edwardian Script
Jokerman
2. APPRORIATENESS

Sources: http://bonfx.com/bad-typography/
2. APPRORIATENESS

Source: http://bonfx.com/bad-typography/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

3. PROXIMITY
• how near or how far the text elements
from each other
• when two things are closely related,
bring them close together
3. PROXIMITY
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

4. ALIGNMENT
• how the text is positioned in the page
• left, center, right, or justified
4. ALIGNMENT

Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

5. ORGANIZATION
• conscious effort to organize the different text
elements in a page
• ensures that while some text elements are
separated from each other, they are still
somehow connected with the rest of the
elements in the page
5. ORGANIZATION

Source:
MIL TG by CHED
5. ORGANIZATION

Source:
https://doco
ntent.wordp
ress.com/20
15/04/08/w
ant-a-good-
design-rem
ember-to-c-
r-a-p-contra
st-repetition
-alignment-
proximity/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

6. REPETITION
•consistency of elements
•unity of the entire design
•repeating some typefaces within
the page
6. REPETITION

Source:
https://doco
ntent.wordp
ress.com/20
15/04/08/w
ant-a-good-
design-rem
ember-to-c-
r-a-p-contra
st-repetition
-alignment-
proximity/
 DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

7. CONTRAST
•creates visual interest
•two elements are different from
each other
CONTRAST: TWO ELEMENTS ARE DIFFERENT
 white text on a dark background
 large font with a small font
 serif and sans serif
 thin elements with wide elements
 cool color and warm color
7. CONTRAST

Source:
https://doco
ntent.wordp
ress.com/20
15/04/08/w
ant-a-good-
design-rem
ember-to-c-
r-a-p-contra
st-repetition
-alignment-
proximity/
 FORMATIVE ASSESSMENT

Discuss text design principles

and elements applied in the
following media.
Source:
https://www.androidpit.co
m/facebook-messenger-u
pdate
Source:
https://downmagaz.co
m/business_magazine_
economics/47156-entre
preneur-philippines-feb
ruary-2015.html
Source:
http://www.inquirer.net/page-
one-single
 Source:
https://cinemabravo.com/2017/05/11/sigrid-andrea-bernardos-kita-kita-to-have-ph-premiere-at-up-cine-adarna-on-may-1
2/
Source: https://www.facebook.com/
Source: http://www.deped.gov.ph/
Source:
http://news.abs-cbn.com/focus/multimedia/infog
raphic/09/04/17/what-is-japanese-encephalitis
Source:
http://cnnphilippines.com/
news/2017/02/01/HIV-cas
es-increase-2016-DOH.ht
ml
Source:
https://www.rappler.com/te
chnology/social-media/180
340-zarks-burger-8-pesos-r
ush
 INDIVIDUAL ACTIVITY:
 Create a Slogan with the theme:


 Responsible Users of Media: Keeping a safer

internet usage
 RUBRICS
Slogan Rubrics
Criteria 10 8 5 3
Quality of Writing / Catchy, memorable understandable but Somewhat catchy Difficult to
Visual Effectiveness and understandable with some and understandable understand
irrelevance
Grammar Usage Exceptional use of 1 incorrect grammar/ 2 incorrect 3 or more
Grammar spelling grammar / spelling incorrect use of
grammar /
spelling
Content / Relatability Excellent Relation to Satisfactory Related Fairly Related to the Not related to the
the Topic to the Topic topic topic

Creativity Highly original Satisfactorily Somewhat creative Lack of creativity

creative slogan creative and originality
 FORMATIVE ASSESSMENT: RECITATION
1. If you will be writing an application
letter for college, what font will you be
using? Why?
 FORMATIVE ASSESSMENT: RECITATION
2. You will create a cleanliness drive
campaign poster for your school.
Which of the design principle and
elements will ensure that the text in
your poster is readable?
 FORMATIVE ASSESSMENT: RECITATION
3. You want to share your narrative report,
which is in a word document format, to
your classmates but you do not want
them to edit its content. What options
are available to you?
 FORMATIVE ASSESSMENT:
ANNOUNCEMENT POSTER

You were given a task by your class

adviser to create a text-based poster to
inform your classmates and teachers that
your section will be moved from your
current classroom to room 415 starting
September 18, 2017.
REFERENCES
 Media and Information Literacy
Curriculum Guide by DepEd
 Media and Information Literacy
Teaching Guide by CHED
 Media and Information Literacy by Boots
C. Liquigan, Diwa Learning Systems Inc.