Recommended
Recommended
More Related Content
Similar to Media and Information Literacy (MIL)- Text Information and Media (Part 1).pptx
Similar to Media and Information Literacy (MIL)- Text Information and Media (Part 1).pptx (20)
More from EdelmarBenosa3
More from EdelmarBenosa3 (20)
Recently uploaded
Recently uploaded (20)
Media and Information Literacy (MIL)- Text Information and Media (Part 1).pptx
- 1. MEDIA AND INFORMATION LITERACY (MIL) TEXT INFORMATION AND MEDIA PPT No. 23 Date: September 6, 2017 Click this hypertext Go to Page 17 to go back to page 17
- 2. 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
- 3. 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
- 4. 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
- 5. VIDEO PRESENTATION SONA: Pagsusulat ng Baybayin, Layong Buhayin ng Grupong Hibla Sanghabi Date Published: August 30, 2017 YouTube Channel: GMA News Link: https://www.youtube.com/watch?v=X5cXn4kodN8
- 6. 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?
- 7. FORMATIVE ASSESSMENT How is text used in the following media?
- 11. 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
- 15. TYPES OF TEXT AND COMMON FILE FORMATS
- 16. 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.
- 17. HYPERTEXT This Go to Page 1 is a hypertext that will bring you to the first slide in this presentation. 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.
- 18. 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.
- 20. FORMATTED TEXT Source: Microsoft Word
- 21. 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?
- 22. TYPES OF TYPEFACES Source: p. 120, MIL TG by CHED
- 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. 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.
- 28. 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.
- 29. FILE TYPE SELECTION WHEN SAVING AN MS WORD DOCUMENT
- 30. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED
- 31. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 1. EMPHASIS • refers to the importance or value given to a part of the text-based content • to make a point or highlighting a message, you can make the text bold, italicized, have a heavier weight, darkened or lightened (depending on your background color) or enlarged
- 32. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 1. EMPHASIS Source: https://tympanus.net/codrops/2011/10/08/25-examples-of-emphasis-applied-in-web-design/
- 33. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 2. APPROPRIATENESS • refers to how fitting or suitable the text is used for a specific audience, purpose or event • as for the choice of typefaces to be used, refer to the discussion of the characteristics of the fonts
- 34. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 2. APPROPRIATENESS Sources: • http://www.theonion.com/graphic/wrong-font- chosen-for-gravestone-9862 • http://bonfx.com/bad-typography/
- 35. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 3. PROXIMITY • refers to how near or how far are the text elements from each other • when two things are closely related, we bring them close together. Otherwise, we put text elements far from each other • for example, the main title and subtitle are usually placed close to each other
- 36. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 3. PROXIMITY Source: https://www.webdesignerdepot.com/2010/01/the-principle-of-proximity-in-web-design/
- 37. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 4. ALIGNMENT • refers to how the text is positioned in the page (left, center, right, or justified)
- 38. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 4. ALIGNMENT Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
- 39. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 5. ORGANIZATION • refers to a conscious effort to organize the different text elements in a page • ensures that while some text elements are separated from each other (based on the principle of proximity), they are still somehow connected with the rest of the elements in the page
- 40. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 5. ORGANIZATION
- 41. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 5. ORGANIZATION Source: http://www.j6de sign.com.au/6- principles-of- design/
- 42. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 6. REPETITION • concerns consistency of elements and the unity of the entire design • encourages the use of repeating some typefaces within the page
- 43. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 6. REPETITION
- 44. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 7. CONTRAST • creates visual interest to text elements • achieved when two elements are different from each other • can be achieved in various ways, by joining the following elements: white text on a dark background, dark text on a white background, large font with a small font, serif and sans serif, thin elements with thin elements, cool color and warm color.
- 45. DESIGN PRINCIPLES AND ELEMENTS Source: p. 121, MIL TG by CHED 7. CONTRAST
- 46. Discuss text design principles and elements applied in the following media. FORMATIVE ASSESSMENT
- 56. 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.
Editor's Notes
- This learning competency was already covered in the Lesson “Information Literacy” and “Information Sources”. evaluate the reliability and validity of text information and media and its/ their sources using selection criteria (MIL11/12TIM-IVb-5)
- A man blatantly ignores a traffic warning sign that reads 'No crossing, somebody was killed already' in a street in Sta. Mesa, Manila on January 22, 2011.
- Hypertext vs Hyperlink (http://www.differencebetween.com/difference-between-hypertext-and-vs-hyperlink/) •Hypertext and hyperlinks are interrelated terms and powerful tools cross linking websites on the net. •Hypertext is the word or the text that has been anchored with a reference that takes one to additional source of information instantly by just clicking on it. •Hyperlink is the URL to which this hypertext takes one to.
- Hypertext vs Hyperlink (http://www.differencebetween.com/difference-between-hypertext-and-vs-hyperlink/) •Hypertext and hyperlinks are interrelated terms and powerful tools cross linking websites on the net. •Hypertext is the word or the text that has been anchored with a reference that takes one to additional source of information instantly by just clicking on it. •Hyperlink is the URL to which this hypertext takes one to.
- Which of the following file types are you familiar with?
- 1. Emphasis - refers to the importance or value given to a part of the text-based content. When trying to make a point or highlighting a message, you can make the text bold, italicized, have a heavier weight, darkened or lightened (depending on your background color) or enlarged.
- Beautiful emphasis created by nice proportions that get our attention to what the site is about and also to the donate button.
- 2. Appropriateness - refers to how fitting or suitable the text is used for a specific audience, purpose or event. In the creation of text-based content, make sure that the selection criteria (tone, style, purpose, clarity) is followed. As for the choice of typefaces to be used, refer to the discussion of the characteristics of the fonts. When it comes to large body text, the font should be clear enough to read.
- Why is this font a wrong choice for a gravestone? Will you trust Dr. Brown if this is the font used in his calling card?
- 3. Proximity - refers to how near or how far are the text elements from each other. When two things are closely related, we bring them close together. Otherwise, we put text elements far from each other. For example, the main title and subtitle are usually placed close to each other.
- Which one shows text proximity? Why?
- 4. Alignment - refers to how the text is positioned in the page. This can be left, right, center or justified.
- 4. Alignment - refers to how the text is positioned in the page. This can be left, right, center or justified.
- 5. Organization - refers to a conscious effort to organize the different text elements in a page. Organization ensures that while some text elements are separated from each other (based on the principle of proximity), they are still somehow connected with the rest of the elements in the page. When there are many elements needed to fit in a page, start by creating a framework or a compartment for the elements. Divide the space by creating lines across the page, making it look like a cabinet with various space sizes. Once you are done compartmentalizing, you can place the different text elements on the boxes.
- 5. Organization - refers to a conscious effort to organize the different text elements in a page. Organization ensures that while some text elements are separated from each other (based on the principle of proximity), they are still somehow connected with the rest of the elements in the page. When there are many elements needed to fit in a page, start by creating a framework or a compartment for the elements. Divide the space by creating lines across the page, making it look like a cabinet with various space sizes. Once you are done compartmentalizing, you can place the different text elements on the boxes.
- How is organization achieved in this design?
- 6. Repetition- concerns consistency of elements and the unity of the entire design. Repetition encourages the use of repeating some typefaces within the page. When several typefaces are used on a page, it might distract the audience and fail to communicate what you want them to get from the content. To strike a balance, do not also use just a single typeface for a visual design product.
- How is text repetition achieved in this design?
- 7. Contrast- creates visual interest to text elements. Contrast is achieved when two elements are different from each other. When you place a white text on a very light yellow background, contrast is not achieved and the text will be difficult to read, but when you put a white text on a dark brown background, contrast is created. Contrast can be achieved in various ways, by joining the following elements: large font with a small font, serif and sans serif, thin elements with thin elements, cool color and warm color.
- How is contrast achieved in this design?
- What do you think should have done in this poster in terms of emphasis to avoid what happened in their event where chaos and stampede occurred (luckily nobody was seriously hurt). Answer: In terms of poster design, applying emphasis on the text “Strictly for first 80 Customers” could have help in avoiding chaos or stampede.