media and information literacy (mil) - text information and media (part 1)
TRANSCRIPT
MEDIA AND INFORMATION LITERACY (MIL)
TEXT INFORMATION AND MEDIA (Part 1)
Definition, Characteristics, Format and Types, Text as Visual, Selection Criteria, Design Principle and Elements
Mr. Arniel V. PingSt. Stephen’s High SchoolManila, Philippines
PPT No. 23Date: September 8, 2017
Click this hypertext Go to Page 17 to go back to page 17
Learners will be able to…
•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 able to…
•evaluate the reliability and validity of text information and media and its/ their sources using selection criteria (MIL11/12TIM-IVb-5)
LEARNING COMPETENCIES
TOPIC OUTLINE
I- TEXT INFORMATION AND MEDIA
A. Definition, Characteristics, Format and Types, Sources, Advantages and Limitations, and Value
B. Text as Visual
C. Selection Criteria
D. Design Principle and Elements
VIDEO PRESENTATION
SONA: Pagsusulat ng Baybayin, LayongBuhayin ng Grupong Hibla Sanghabi
Date Published: August 30, 2017
YouTube Channel: GMA News
Link: https://www.youtube.com/watch?v=X5cXn4kodN8
TEXT
a simple and flexible format of presenting information or conveying
ideas whether hand-written, printed or displayed on-screen
(Source: MIL TG by CHED)
any ‘’human-readable sequence of characters’’ that
can form intelligible words(Rouse, 2015)
What is a text?
FORMATIVE ASSESSMENT
How is text used in the
following media?
Source:https://i.pinimg.com/736x/44/b3/eb/44b3eb3a5979ee280c96c13eb892ccbb--funny-pics-funny-stuff.jpg
Source:https://www.zazzle.com/funny+kids+tshirts
Sources:https://www.zazzle.com/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/108428193#man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-crossing-picture-id108428193
Source:http://www.pinoygagjokes.com/2014/07/50-pictures-most-funniest-pinoy-signage.html
Source:http://www.pinoygagjokes.com/2014/07/50-pictures-most-funniest-pinoy-signage.html
Source:http://www.pinoygagjokes.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 UNFORMATTED TEXT
fixed sized characters having essentially the same type of appearance
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 ARNIEL PING is a hypertext that will bring you to my SlideShare account.
This https://www.slideshare.net/arnielping is a hyperlink or link to my SlideShare account.
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
TYPEFACE
also called font, font type, or type
refers to the representation or style 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
What is a typeface?
TYPES OF TYPEFACESSource: p. 120, MIL TG by CHED
TYPES OF TYPEFACESSource: p. 120, MIL TG by CHED
TYPES OF TYPEFACESSource: p. 120, MIL TG by CHED
TYPES OF TYPEFACESSource: p. 120, MIL TG by CHED
TYPES OF TYPEFACESSource: p. 120, MIL TG by CHED
COMMON FILE FORMATS
DESCRIPTION
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 Format)
•Cross platform document exchange; default 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 FILE 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 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
1.EMPHASIS• importance or value given to a part
of the text-based content
DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
• 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
1. EMPHASIS
2. APPROPRIATENESS • how fitting or suitable the text is
used for a specific audience, purpose or event
DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
Times New Roman
ArialAharoni
RockwellEdwardian Script
Jokerman
2. APPRORIATENESS
3. PROXIMITY •how near or how far the text elements
from each other•when two things are closely related,
bring them close together
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, or justified
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 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
DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
5. ORGANIZATION
Source: MIL TG by CHED
5. ORGANIZATION
Source:https://docontent.wordpress.com/2015/04/08/want-a-good-design-remember-to-c-r-a-p-contrast-repetition-alignment-proximity/
6. REPETITION
•consistency of elements•unity of the entire design•repeating some typefaces within the page
DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
6. REPETITION
Source:https://docontent.wordpress.com/2015/04/08/want-a-good-design-remember-to-c-r-a-p-contrast-repetition-alignment-proximity/
7. CONTRAST
•creates visual interest•two elements are different from each other
DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
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
CONTRAST: TWO ELEMENTS ARE DIFFERENT
7. CONTRAST
Source:https://docontent.wordpress.com/2015/04/08/want-a-good-design-remember-to-c-r-a-p-contrast-repetition-alignment-proximity/
Discuss text design principles and elements applied in the
following media.
FORMATIVE ASSESSMENT
Source:https://www.androidpit.com/facebook-messenger-update
Source:https://downmagaz.com/business_magazine_economics/47156-entrepreneur-philippines-february-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-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. 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: RECITATION
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.
FORMATIVE ASSESSMENT:ANNOUNCEMENT POSTER
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.