ICT Quarter 1 - Module 1 Multimedia Basics (MB) PDF

8 ICT Quarter 1 – Module 1 Multimedia Basics (MB) 1  Identify multimedia elements in various forms (graphics, animation, sound, video, etc.) as encountered and used in daily life (entertainment, education, business, etc.) (SSP_TLE-CT8MB-Ia-b-1.1) 2 ...

8 ICT Quarter 1 – Module 1 Multimedia Basics (MB) 1  Identify multimedia elements in various forms (graphics, animation, sound, video, etc.) as encountered and used in daily life (entertainment, education, business, etc.) (SSP_TLE-CT8MB-Ia-b-1.1) 2  Supplementary Learning Module for Junior High School Learners LESSON 1 MULTIMEDIA BASIC (MB) In this module you will understand and of the nature and importance of multimedia content. Apply the principles of design in creating a media using the multimedia elements. At the end of the module you should be able to: Identify the multimedia elements in various forms (graphics, animation, sound, video, etc.) as encountered and used in daily life (entertainment, education, business, etc. Explain design elements and principles as it applies to various media. Discuss the relevance and impact of digital multimedia content on the individual and on society. Directions: You have to answer the pre-test for you to measure how much you know about the topic. You can start now. GOOD LUCK! 1. Which of the following multimedia element is produced by vibration, as perceived by the senses of hearing? a. Graphic b. Audio c. Video d. Animation 2. Which of the following refers to a multimedia element that uses technology to capture, record, process, transmit and reconstruct moving pictures? a. Animation b. Video c. Text d. Audio e. Graphic 3. Which of the following often used for answering specific questions or for general browsing of information (stored on CD/DVD ROM) a. Entertainment and Games b. Kiosk 3  c. Education and Training Products d. Database Products e. Reference Products f. Briefing Products 4. Which of the following is similar to textbook or training manuals but have added media such as audio, animation and video? a. Database Products b. Reference Product c. Briefing Products d. Entertainment and Games e. Kiosk f. Education and Training Products 5. In the Principles of Design it provides stability and structure to a design. a. Proximity b. Repetition c. Space d. Balance e. Alignment f. Contrast 6. Which of the following Principles of Design creates order and organization? a. Proximity b. Repetition c. Space d. Balance e. Alignment f. Contrast 7. Which of the following Principles of Design refers to the distance or area between, around, below, or within elements? a. Proximity b. Repetition c. Space d. Balance e. Alignment f. Contrast 8. Which of the following is a combination of text, graphic, sound, animation, and video that is delivered interactively to the user by electronic or digitally manipulated means? a. Advertisement b. Banner c. Multimedia d. Hypermedia 9. Which of the following used for answering specific questions or for general browsing of information. (stored on CD/ DVD ROM)? a. Reference Product b. Database Products c. Education and Training Products 4  d. Kiosk 10. Which of the following occurs when the visual weight of design elements evenly divided in terms of horizontal, vertical, or radial. This style relies on a balance of two similar elements from two different sides? a. Balance b. Asymmetrical balance c. Contrast d. Symmetrical balance Introduction to Multimedia Multimedia Derived from the word “Multi” and “Media” –Multi Many, Multiple, –Media Distribution tool & information presentation – text, graphic, voice, images, music and etc. Multimedia is a combination of text, graphic, sound, animation, and video that is delivered interactively to the user by electronic or digitally manipulated means. Five Elements of Multimedia 1. Text A broad term for something that contains words to express something. Text is the most basic element of multimedia. A good choice of words could help convey the intended message to the users (keywords). Used in contents, menus, navigational buttons 5  2. Graphics Two-dimensional figure or illustration Could be produced manually (by drawing, painting, carving, etc.) or by computer graphics technology. Used in multimedia to show more clearly what a particular information is all about (diagrams, picture). 3. Audio Produced by vibration, as perceived by the sense of hearing. In multimedia, audio could come in the form of speech, sound effects and also music score. 4. Animation The illusion of motion created by the consecutive display of images of static elements. 6 Document continues below Discover more from: Computer System Servicing CSS 2023 44 documents Go to course Research 33 Computer System Servicing 100% (2) Computer Systems Servicing NC II 230819 101619 8 Computer System Servicing 100% (1) March 23,2023 - Thanks 1 Computer System Servicing None Networking lp - LAN CABLING 5 Computer System Servicing None Untitled design 5 Computer System Servicing None Add a heading 1 Computer System Servicing None  In multimedia, animation is used to further enhance / enriched the experience of the user to further understand the information conveyed to them. 5. Video Is the technology of capturing, recording, processing, transmitting, and reconstructing moving pictures. Video is more towards photo realistic image sequence / live recording as in comparison to animation. Video also takes a lot of storage space. So plan carefully before you are going to use it. I. Direction. Write TRUE if the statement is correct and FALSE if it is wrong. ______ 1. Text is the most basic element of multimedia. ______ 2. Video is more towards photo realistic image sequence / live recording as in comparison to animation. ______ 3. Multimedia is a combination of text, graphic, animation, and video that is delivered interactively to the user by electronic or digitally manipulated means. ______ 4. A Picture means a thousand words. ______ 5. In multimedia, animation is used to further enhance / enriched the experience of the user to further understand the information conveyed to them. II. Identification. Direction: Identify the appropriate term described in each sentence. _____________________ 1. Distribution tool & information presentation. _____________________ 2. Used in multimedia to show more clearly what a particular information is all about example diagrams. _____________________ 3. In multimedia, it could come in the form of speech. _____________________4. It Is the technology of capturing, recording, processing, transmitting, and reconstructing moving pictures. _____________________ 5. Used in contents, menus, navigational buttons. 7 III. Identify what elements of multimedia shown in the boxes. Write your answers in the space provided. _____________________ ________________________ _____________________ ________________________ _____________________ _____________________ ________________________ ________________________ ________________________ ________________________ _______________________ ________________________ 8 Explain design elements and principles as it applies to various media (SSP_TLE-CT8MB-Ia-b-2.1) 9  Last Supper Mona Lisa Look at the two pictures and describe this artwork made by Leonardo da Vinci. _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ Good job in finishing the activity! Now, take time to process the information you acquired by accomplishing the next task. Elements of Design The elements of design are the things that make up a design. 1. Line 2. Shape 3. Direction 4. Size 5. Texture 6. Color 1. Line The linear marks made with a pen or brush or the edge created when two shapes meet. 10 2. Shape A shape is a self contained defined area ex. Squares, circles, free formed shapes or natural shapes. 3. Direction All lines have direction Horizontal, Vertical or Oblique. Horizontal suggests calmness, stability and tranquility. Vertical gives a feeling of balance, formality and alertness. Oblique suggests movement and action. 4. Size Size is simply the relationship of the area occupied by one shape to that of another. 5. Texture Texture is the surface quality of a shape - rough, smooth, soft hard glossy etc. 6. Color Color is light reflected off objects. Color has three main characteristics: 1. hue or its name (red, green, blue, etc.) 2. value (how light or dark it is) 3. intensity (how bright or dull it is). The Principles of Design The Principles of design are what we do to design elements. How we apply the principles of design determines how successful the design is. 1. Balance 2. Proximity 3. Alignment 4. Repetition 5. Contrast 6. Space 11 1. Balance Balance in design is similar to balance in physics. A large shape close to the center can be balanced by a small shape close to the edge. Balance provides stability and structure to a design. It’s the weight distributed in the design by the placement of your elements. Balance in graphic design can be divided to two types. Symmetrical balance-occurs when the visual weight of design elements evenly divided in terms of horizontal, vertical, or radial. This style relies on a balance of two similar elements from two different sides. Asymmetrical balance-occurs when the visual weight of design elements are not evenly distributed in the central axis of the page. This style relies on visual games such as scale, contrast, color to achieve a balance. We often see a design with the big picture offset by the small but visible al games. 2. Proximity Proximity creates relationship between elements. It provides a focal point. Proximity doesn’t mean that elements have to be placed together, it means they should be visually connected in someway. 12  3. Alignment Allows us to create order and organization. Aligning elements allows them to create a visual connection with each other. 4. Repetition Repetition strengthens a design by tying together individual elements. It helps to create association and consistency. Repetition can create rhythm (a feeling of organized movement). 5. Contrast Contrast is the juxtaposition of opposing elements (opposite colors on the color wheel, or value light / dark, or direction - horizontal / vertical). Contrast allows us to emphasize or highlight key elements in your design. Some types of contrast to keep in mind are the relative darkness (called value in color theory), weight, form, placement, quantity, texture, and scale. Without contrast, a designed piece may appear static, uninteresting, and hard for the reader to access because it is not immediately clear what to look at first.  6. Space Space in art refers to the distance or area between, around, above, below, or within elements. Both positive and negative space are important factors to be considered in every design. I. Multiple Choice: Directions: Encircle the letter that best corresponds to your answer in a given statement. 1. Which of the following principle of design allows us to create order and organization? b. Repetition c. Alignment d. Contrast e. Space 2. Which of the following principle of design provides stability and structure to a design? a. Space b. Contrast c. Alignment d. Balance 3. Which of the following principle of design creates relationship between elements? a. Proximity b. Balance c. Contrast d. Alignment 4. Which of the following element of design that the surface quality of a shape - rough, smooth, soft hard glossy etc.? 14  a. Color b. Texture c. Size d. Line 5. Which of the following element of design that made with a pen or brush or the edge created when two shapes meet? a. Size b. Texture c. Shape d. Line II.Write TRUE if the statement is correct and FALSE if it is wrong. _______________ 1. Without contrast, a designed piece may appear static, uninteresting, and hard for the reader to access because it is not immediately clear what to look at first. _______________ 2. Aligning elements allows them to create a visual connection with each other. _______________ 3. Horizontal Direction gives a feeling of balance, formality and alertness. _______________ 4. Asymmetrical balance occurs when the visual weight of design elements evenly divided in terms of horizontal, vertical, or radial. This style relies on a balance of two similar elements from two different sides. _______________ 5. Proximity provides focal point. IV. What principles of design are used in the following pictures? Describe each. 1. __________________________________________ __________________________________________ __________________________________________ __________________________________________ 2. ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ 15 3. ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ 4. ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ 5. ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ ___________________________________________ Rubrics: Criteria 1 2 3 Content Student answer Student is at ease Students answer _____/ Knowledge incorrectly with with correct correctly and uncomfortable with content, but fails to demonstrates full content and can elaborate. knowledge (more demonstrate basic than required) principles. 16  D Discuss the relevance and impact of digital multimedia content on the individual and on society 17  Importance of Multimedia There are a number of fields where multimedia could be of use. Examples are:- –Business –Education –Entertainment –Home –Public Places 1. Business Use and Applications o Sales / Marketing Presentation o Trade show production o Staff Training Application o Company Kiosk 2. Education Use and Applications o Courseware / Simulations o E-Learning / Distance Learni o Information Searching 3. Entertainment Use and Applications o Games (Leisure / Educational) o Movies o Video on Demand – Online – 4. Home Use and Applications o IPTV o Satellite TV o Games 18  5. Public Places Use and Applications o Information Kiosk o Smart Cards, Security Multimedia Products 1. Briefing Products 2. Reference Products 3. Database Products 4. Education and Training Products 5. Kiosk 6. Entertainment and Games 1. Briefing Products Small, straightforward, linear products used to present information quickly and concisely. Characteristic of briefing product: Short Development Cycle Limited Number of Presentations Usage of text to present information with limited use of graphic, audio and video. Have few navigational controls. (mouse click and button press to move from one page to another) Content and the format are suitable for the audience and fulfill the purpose of the presentation. Examples: 1. Corporate Presentation 2. Sales Presentation 3. Educational Lectures 19 2. Reference Products Often used for answering specific questions or for general browsing of information. (stored on CD/ DVD ROM) Characteristic of reference product: Used by wide range of user (small – adult) Have navigational menu, book marking, searching, printing utility 2 Basic classes of reference product: 1. Generalized Content (dictionary/encyclopedia) - Broad treatment of content at a limited depth 2. Detailed Content Focus on specific area and provide extensive information. Good usability and success depends on: The developers understanding the body of information and how the end user will want to access it. Help function should always available to explain how to access and use the information. Examples are electronic forms of: 1. Encyclopedia 2. Dictionaries 3. Cookbooks 4. Historical 5. Informative Scientific surveys 3. Database Products Similar to reference product in a sense that large amount of information are made available to the end user. Focus on storing and accessing the actual data (multimedia data such as text, graphic, audio, animation and video) Characteristics of Database Products are: Manages multimedia data (large data) Descriptive finding methods 20  Examples: Google Search Google Earth 4. Education and Training Products Similar to textbook or training manuals but have added media such as audio, animation and video. Make up a significant share of the multimedia market ranging from pre- kindergarten to postgraduate offerings from technical to corporate training products. Shares the same characteristics as Reference Product 5. Kiosk Products A product which is usually stationed at public places and allow the user to find information interactively and also other types of transaction. Characteristics of Kiosk Products: Limited target users and usage. User friendly and easily used by user. Fast response. Categories of Kiosk 1. Point of Information-Provide certain information (example map, timetable etc) 2. Point Of Sales System-Allow users to purchase or make orders 21 6. Entertainment & Games Most popular Shipped in the form of Interactive CD / DVD ROM. Characteristics of E & G Products: Immersive. Requires constant feedback and interaction with the user. Challenging and sometimes intriguing for user Enabled online play for more than one user experience. I. Multiple Choice: Directions: Encircle the letter that best corresponds to your answer in a given statement. 1. Which of the following often used for answering specific questions or for general browsing of information (stored on CD/DVD ROM) a. Entertainment and Games b. Kiosk c. Education and Training Products d. Database Products e. Reference Products f. Briefing Products 2. Which of the following is similar to textbook or training manuals but have added media such as audio, animation and video? a. Database Products b. Reference Product c. Briefing Products d. Entertainment and Games e. Kiosk f. Education and Training Products 3. Which of the following is small, straightforward, linear products used to present information quickly and concisely? a. Briefing Products b. Database Products c. Reference Products d. Kiosk e. Entertainment and Games 4. Which of the following is an example of database product? a. Surveys 22  b. Encyclopedia c. Mozilla Firefox d. Photo Booth 5. Which of the following is an example of Briefing products? a. Broadband Internet b. Encarta c. Facebook d. YouTube e. Presentation II. Direction. Briefly explain and Give reasons, facts, details that show you understand. 1. Why is multimedia important? ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ____________________________________________ 2. What is the role of multimedia in education? ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ____________________________________________ 3. Give some examples of Educational Multimedia? ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ____________________________________________ 4. What is the advantage and disadvantages of multimedia? ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ Criteria Points 3 2 1 Explanation A complete Good solid Explanation is response with response with unclear the detailed clear explanation explanation 23  Demonstrated Show Shows Response knowledge complete substantial shows a understanding understanding complete of the of the some questions, problem, ideas understanding mathematical, and processes of the ideas, and problem. processes. III. Enumerate or list down what are asked for each of the following. 1-5. Give Five examples of Database Product? ______________________________ ______________________________ ______________________________ ______________________________ ______________________________ ______________________________ 6-10. Give Five examples of Entertainment and games product? ______________________________ ______________________________ ______________________________ ______________________________ ______________________________ ______________________________ Congratulations on finishing the supplementary learning module! You have just had an amazing learning journey and for sure, you will have the same in the succeeding modules. This time share to the class your final insights by completing the following sentence prompts. 24  Answer Sheets Quarter 1- Module 1 Name: _________________________________ Score: __________ Section: _______________ Date: ____________ MULTIMEDIA ELEMENTS Try this 1. ___________________ 6. ___________________ 2. ___________________ 7. ___________________ 3. ___________________ 8. ___________________ 4. ___________________ 8. ___________________ 5. ___________________ 10. ___________________ Apply what you learned I. 1. ___________________ 4. ___________________ 2. ___________________ 5. ___________________ 3. ___________________ II. 1. ___________________ 4. ___________________ 2. ___________________ 5. ___________________ 3. ___________________ III. 1. ___________________ 4. ___________________ 2. ___________________ 3. ___________________ PRINCIPLES OF DESIGN Do this ___________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ Apply what you learned I. 1. ___________________ 4. ___________________ 2. ___________________ 5. ___________________ 3. ___________________ 25  II. 1. ___________________ 4. ___________________ 2. ___________________ 5. ___________________ 3. ___________________ III. 1. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ 2. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ 3. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ 4. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ 5. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ IMPORTANCE OF MULTIMEDIA Apply what you learned I. 1. ___________________ 4. ___________________ 2. ___________________ 5. ___________________ 3. ___________________ II. I. 1. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ 2. ___________________________________________________________ ___________________________________________________________ _________________________________________________________ 26