MEDIA AND INFORMATIONLITERACY(MIL)
TEXT INFORMATION AND MEDIA (Part1)
Definition, Characteristics, Format and Types,TextasVisual,
Selection Criteria, Design Principle and Elements
Learners will be ableto…
•define text in the context of multimedia (SSHS);
•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)
LEARNING COMPETENCIES
Learners will be ableto…
•evaluate the reliability and validity of text
information and media and its/ theirsources
using selection criteria (MIL11/12TIM-IVb-5)
LEARNING COMPETENCIES
TOPIC OUTLINE
I- TEXTINFORMATIONANDMEDIA
A. Definition, Characteristics, Format andTypes,
Sources,Advantages and Limitations, and
Value
B. Textas Visual
C. Selection Criteria
D. Design Principle and Elements
VIDEO PRESENTATION
SONA: Pagsusulat ng Baybayin,Layong
Buhayin ng Grupong HiblaSanghabi
Date Published: August 30, 2017
YouTubeChannel: GMA News
Link: https://www.youtube.com/watch?v=X5cXn4kodN8
a simple and flexible format of
presenting information or conveying
ideas whether hand-written, printedor
displayed on-screen
(Source: MIL TGbyCHED)
TEXT
any ‘’human-readable
sequence of characters’’that
can form intelligiblewords
(Rouse, 2015)
What is atext?
FORMATIVEASSESSMENT
How is text used in the
following media?
Source:
https://i.pinimg.com/73
6x/44/b3/eb/44b3eb3a5
979ee280c96c13eb892c
cbb--funny-pics-funny-
stuff.jpg
Source:
https://www.zazzle.com/funn
y+kids+tshirts
Sources:
https://www.zazzle.co
m/funny+tshirts
Photo Credit: NOELCELIS/AFP/GettyImages
Source: http://www.gettyimages.com/detail/news-photo/man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-
news-photo/108428193#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.pin
oygagjokes.com
/2014/07/50-
pictures-most-
funniest-pinoy-
signage.html
Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html
TYPES OF TEXT AND
COMMON FILE FORMATS
TYPESOFTEXT DESCRIPTION
HYPERTEXT serve to link different electronic
documents and enable usersto jumpfrom
one to other in anonlinearway
PLAINTEXTor
UNFORMATTEDTEXT
fixed sized characters having essentially
the same type ofappearance
FORMATTEDTEXT 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 SystemsInc.
HYPERTEXT
ThisGoto Page1 is ahypertext that will
bring you to the first slide in this
presentation.
HYPERTEXT
ThisARNIELPINGis ahypertext that will
bring you to my SlideShareaccount.
Thishttps://www.slideshare.net/arnielping is
ahyperlink or link to my SlideShareaccount.
HYPERTEXT
ThisYouTubeis ahypertext that will bring
you to YouTube.
Thishttps://www.youtube.com is ahyperlink
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
TYPEF
ACE
also called font, font type, ortype
refers to the representation or
style ofatext in the digital format
usually comprised of alphabets,
numbers, punctuation marks,symbols
and other specialcharacters
Source: p. 119,MIL TGbyCHED
What is atypeface?
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
FORMATS
DESCRIPTION
TXT(text) •Unformatted text document by an editor as
notepad on Windowsplatform
DOC(document) •anative format for storing documentscreated
by MSWord package
•contain arich set of formattingcapabilities
RTF(Rich Text
Format)
•Crossplatform document exchange; default
format for Mac OSX’sdefault editorTextEdit
Source:p.149, Media and Information Literacy by Boots C.Liquigan, Diwa Learning SystemsInc.
COMMON FILE
FORMATS
DESCRIPTION
PDF(Portable
Document
Format)
•developed by Adobe systemsfor crossplatform
exchangeof documents, supports image and
graphics
PS(PostScript) •apagedescription language used mainly for
desktop publishing
Source:p.149, Media and Information Literacy by Boots C.Liquigan, Diwa Learning SystemsInc.
FILE TYPE SELECTION WHEN SAVINGAN
MS WORD DOCUMENT
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
1.EMPHASIS
• importance or value given to apart
of the text-basedcontent
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
•enlarged
1. EMPHASIS
• make the text bold
• Italicized
• have a heavier weight
• darkened or lightened
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
1. EMPHASIS
2.APPROPRIATENESS
• how fitting or suitable the text is
used for aspecific audience,
purpose or event
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
Times New Roman
Arial
Aharoni
Rockwell
EdwardianScript
Jokerman
2.APPRORIATENESS
Sources: http://bonfx.com/bad-typography/
2. APPRORIATENESS
Source: http://bonfx.com/bad-typography/
2. APPRORIATENESS
3.PROXIMITY
•how near or how far the text elements
from eachother
•when two things are closelyrelated,
bring them closetogether
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
3. PROXIMITY
4.ALIGNMENT
• how the text is positioned in the page
• left, center, right, orjustified
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
4. ALIGNMENT
5.ORGANIZATION
• conscious effort to organize thedifferent
text elements in apage
• ensures that while some text elementsare
separated from each other, they are still
somehow connected with the rest of the
elements in the page
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
5. ORGANIZATION
Source:
MILTGbyCHED
5. ORGANIZATION
Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
6.REPETITION
•consistency of elements
•unity of the entiredesign
•repeating some typefaces within
the page
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
6. REPETITION
Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
7.CONTRAST
•creates visual interest
•two elements are differentfrom
each other
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
 white text on adarkbackground
 large fontwith asmall font
 serif and sans serif
 thin elements with wideelements
 cool color and warm color
CONTRAST: TWO ELEMENTS ARE DIFFERENT
7. CONTRAST
Source:
https://doc
ontent.wor
dpress.com
/2015/04/0
8/want-a-
good-
design-
remember-
to-c-r-a-p-
contrast-
repetition-
alignment-
proximity/
Discuss text designprinciples
and elements applied in the
following media.
FORMATIVEASSESSMENT
Source:
https://www.androidpit.c
om/facebook-messenger-
update
Source:
https://downmagaz.co
m/business_magazine
_economics/47156-
entrepreneur-
philippines-february-
2015.html
Source:
http://www.inquirer.net/pag
e-one-single
Source: https://cinemabravo.com/2017/05/11/sigrid-andrea-bernardos-kita-kita-to-have-ph-premiere-at-up-cine-
adarna-on-may-12/
Source: https://www.facebook.com/
Source:http://www.deped.gov.ph/
Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/
what-is-japanese-encephalitis
Source:
http://cnnphilippines.com/
news/2017/02/01/HIV-
cases-increase-2016-
DOH.html
Source:
https://www.rappler.com/
technology/social-
media/180340-zarks-
burger-8-pesos-rush
1. If you will be writing an application
letter for college, what font will you be
using? Why?
FORMATIVE ASSESSMENT: RECITATION
2. Youwill create acleanliness drive
campaign poster for your school.
Which of the design principle and
elements will ensure thatthe text in
your poster isreadable?
FORMATIVE ASSESSMENT: RECITATION
3. Youwant to share your narrative
report, which is in aword document
format, to your classmates butyou do
not want them to edit its content.
What options are available to you?
FORMATIVE ASSESSMENT: RECITATION
Youwere given atask by your class
adviser to create atext-based poster to
inform your classmates and teachersthat
your section will be moved from your
current classroom to room 415 starting
September 18, 2017.
FORMATIVE ASSESSMENT:
ANNOUNCEMENT POSTER
REFERENCES
Media and Information Literacy
Curriculum Guide by DepEd
Media and Information LiteracyTeaching
Guide by CHED
Media and Information Literacy byBoots
C.Liquigan, Diwa Learning SystemsInc.

mediaandinformationliteracymil-textinformationandmediapart1-170907011110-converted.pptx