Text Media and Information Language ppt.

text media and information language

1. MEDIA AND INFORMATION LITERACY(MIL)
TEXT INFORMATION AND MEDIA
Definition, Characteristics, Format and Types, Text as Visual,
Selection Criteria, Design Principle andElements
Mr. Arniel V.Ping
St. Stephen’s High School Manila,Philippines
PPT No.23
Date: September 8,2017
Click this hypertext Go to Page 17to go back to page 17

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)
LEARNINGCOMPETENCIES

3. Learners will be ableto…
•evaluate the reliability and validity of text
information and media and its/ their sources
using selection criteria(MIL11/12TIM-IVb-5)
LEARNINGCOMPETENCIES

4. TOPICOUTLINE
I-TEXT INFORMATION ANDMEDIA
A.Definition, Characteristics, Format and Types,
Sources, Advantages and Limitations, and
Value
B.Text asVisual
C.Selection Criteria
D.Design Principle andElements

5. VIDEOPRESENTATION
SONA: Pagsusulat ng Baybayin,Layong
Buhayin ng Grupong HiblaSanghabi
Date Published: August 30,2017
YouTube Channel: GMANews
Link:https://www.youtube.com/watch?v=X5cXn4kodN8

7. a simple and flexible format of
presenting information or conveying
ideas whether hand-written, printedor
displayedon-screen
(Source: MIL TG byCHED)
any‘’human-readable
sequence of characters’’ that
can form intelligiblewords
(Rouse,2015)
What is atext?
TEXT

8. FORMATIVEASSESSMENT
How is text used inthe
followingmedia?

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

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

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

12. Photo Credit: NOEL CELIS/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

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

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

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

16. TYPES OF TEXT AND
COMMONFILEFORMATS

17. TYPES OFTEXT DESCRIPTION
HYPERTEXT serve to link different electronic
documents and enable users to jump from
one to other in a nonlinearway
PLAINTEXT or
UNFORMATTEDTEXT
fixed sized characters having essentially
the same type ofappearance
FORMATTEDTEXT appearancecanbechangedusingfont
parameters(bold,underline,italic,font
size,fontcolor,etc.)
Source: p.144, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.

18. HYPERTEXT
This Go to Page 1is a hypertext that will
bring you to the first slide in this
presentation.

19. HYPERTEXT
This YouTubeis a hypertext that will bring
you toYouTube.
This https://www.youtube.comis a hyperlink
or link that will bring you toYouTube.

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

21. FORMATTEDTEXT
Source: MicrosoftWord

22. TYPEFACE
also called font, font type, ortype
refers to the representation or
style of a text in the digitalformat
usually comprised of alphabets,
numbers, punctuation marks, symbols
and other specialcharacters
Source: p. 119, MIL TG byCHED
What is atypeface?

23. TYPES OFTYPEFACES
Source: p. 120, MIL TG byCHED

24. TYPES OFTYPEFACES
Source: p. 120, MIL TG byCHED

25. TYPES OFTYPEFACES
Source: p. 120, MIL TG byCHED

26. TYPES OFTYPEFACES
Source: p. 120, MIL TG byCHED

27. TYPES OFTYPEFACES
Source: p. 120, MIL TG byCHED

28. COMMONFILE
FORMATS
DESCRIPTION
TXT (text) •Unformatted text document by an editor as
notepad on Windowsplatform
DOC(document)•a native format for storing documents created
by MS Wordpackage
•contain a rich set of formattingcapabilities
RTF (RichText
Format)
•Cross platform document exchange; default
format for Mac OS X’s default editorTextEdit
Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.

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

30. FILE TYPE SELECTION WHEN SAVINGAN
MS WORDDOCUMENT

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

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

33. 1.EMPHASIS
•make the textbold
•Italicized
•have a heavierweight
•darkened orlightened
•enlarged

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
•howfittingorsuitablethetextis
used for a specific audience,
purpose orevent
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

37. Times NewRoman
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 howfarthetext elements
from eachother
•whentwothingsare closely related,
bring them closetogether
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

41. 3.PROXIMITY

42. 4.ALIGNMENT
•how the text is positioned in thepage
•left, center, right, orjustified
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

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

44. 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 thepage
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

45. 5.ORGANIZATION
Source:
MIL TG byCHED

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 ofelements
•unity of the entiredesign
•repeating some typefaces within
thepage
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

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 visualinterest
•two elements are different from
eachother
DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG byCHED

50. white textonadarkbackground
large font witha small font
serif and sansserif
thin elements with wideelements
cool color and warmcolor
CONTRAST: TWO ELEMENTS AREDIFFERENT

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 design principles
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.Ifyou will be writing an application
letter for college, what font will you be
using?Why?
FORMATIVE ASSESSMENT:RECITATION

63. 2. You will create a cleanliness drive
campaign poster for your school.
Which ofthedesign principle and
elementswill ensurethatthetextin
your poster isreadable?
FORMATIVE ASSESSMENT:RECITATION

64. 3. You want to share your narrative
report, which is in a word document
format, to your classmates but you do
notwantthem to edit its content.
What options are available toyou?
FORMATIVE ASSESSMENT:RECITATION

65. REFERENCES
Media and Information Literacy
Curriculum Guide byDepEd
Media and Information Literacy Teaching
Guide byCHED
Media and Information Literacy byBoots
C. Liquigan, Diwa Learning SystemsInc.