1. MEDIA AND INFORMATIONLITERACY(MIL)
TEXT INFORMATION AND MEDIA (Part1)
Definition, Characteristics, Format and Types,TextasVisual,
Selection Criteria, Design Principle and Elements

2. 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

3. 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

4. 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

5. 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

6. 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?

7. FORMATIVEASSESSMENT
How is text used in the
following media?

8. Source:
https://i.pinimg.com/73
6x/44/b3/eb/44b3eb3a5
979ee280c96c13eb892c
cbb--funny-pics-funny-
stuff.jpg

9. Source:
https://www.zazzle.com/funn
y+kids+tshirts

10. Sources:
https://www.zazzle.co
m/funny+tshirts

11. 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

12. Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html

13. Source:
http://www.pin
oygagjokes.com
/2014/07/50-
pictures-most-
funniest-pinoy-
signage.html

14. Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html

15. TYPES OF TEXT AND
COMMON FILE FORMATS

16. 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.

17. HYPERTEXT
ThisGoto Page1 is ahypertext that will
bring you to the first slide in this
presentation.

18. HYPERTEXT
ThisARNIELPINGis ahypertext that will
bring you to my SlideShareaccount.
Thishttps://www.slideshare.net/arnielping is
ahyperlink or link to my SlideShareaccount.

19. HYPERTEXT
ThisYouTubeis ahypertext that will bring
you to YouTube.
Thishttps://www.youtube.com is ahyperlink
or link that will bring you to YouTube.

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

21. FORMATTED TEXT
Source:Microsoft Word

22. 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?

23. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

24. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

25. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

26. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

27. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

28. 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.

29. 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.

30. FILE TYPE SELECTION WHEN SAVINGAN
MS WORD DOCUMENT

31. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

32. 1.EMPHASIS
• importance or value given to apart
of the text-basedcontent
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

33. •enlarged
1. EMPHASIS
• make the text bold
• Italicized
• have a heavier weight
• darkened or lightened

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

35. Source: https://twitter.com/philredcross/status/706041623839244288
1. EMPHASIS

36. 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

37. Times New Roman
Arial
Aharoni
Rockwell
EdwardianScript
Jokerman
2.APPRORIATENESS

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

39. Source: http://bonfx.com/bad-typography/
2. APPRORIATENESS

40. 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

41. 3. PROXIMITY

42. 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

43. Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
4. ALIGNMENT

44. 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

45. 5. ORGANIZATION
Source:
MILTGbyCHED

46. 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/

47. 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

48. 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/

49. 7.CONTRAST
•creates visual interest
•two elements are differentfrom
each other
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

50.  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

51. 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/

52. Discuss text designprinciples
and elements applied in the
following media.
FORMATIVEASSESSMENT

53. Source:
https://www.androidpit.c
om/facebook-messenger-
update

54. Source:
https://downmagaz.co
m/business_magazine
_economics/47156-
entrepreneur-
philippines-february-
2015.html

55. Source:
http://www.inquirer.net/pag
e-one-single

56. Source: https://cinemabravo.com/2017/05/11/sigrid-andrea-bernardos-kita-kita-to-have-ph-premiere-at-up-cine-
adarna-on-may-12/

57. Source: https://www.facebook.com/

58. Source:http://www.deped.gov.ph/

59. Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/
what-is-japanese-encephalitis

60. Source:
http://cnnphilippines.com/
news/2017/02/01/HIV-
cases-increase-2016-
DOH.html

61. Source:
https://www.rappler.com/
technology/social-
media/180340-zarks-
burger-8-pesos-rush

62. 1. If you will be writing an application
letter for college, what font will you be
using? Why?
FORMATIVE ASSESSMENT: RECITATION

63. 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

64. 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

65. 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

66. 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.