media and information literacy (mil) - text information and media (part 1)

Post on 22-Jan-2018

19.021 Views

Category:

Education

511 Downloads

Preview:

Click to see full reader

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

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

top related