Download to read offline
More Related Content
Similar to Group 3-Approaches to Instruction Report pptx
Group 3-Approaches to Instruction Report pptx
- 1. APPROACHE S TO INSTRUCTIO N EDUC 209 EDUCATIONALINNOCATION & TECHNOLOGY PREPARED BY: QUILICOT, LAPUT, MEJILA, MONTECILLO, NAPONE, PAMISA OCTOBER 5, 2024 Southern de Oro Philippines College
- 2.
- 3. Multimedia Instruction 1 4 25 3 Variety of Media Personalization Cognitive Load Theory Feedback Mechanisms Interactivity Key aspects of Multimedia Instruction:
- 4. 1 4 2 5 3 Enhanced Engagement Real-World Connections Improved Retention Accessibility Cateringto Different Learning Styles Benefits of Multimedia Instruction: Multimedia Instruction
- 5. 1 4 2 3 Quality ofContent Technology Requirements Evaluation Implementation Considerations: Multimedia Instruction
- 6.
- 7. GRAPHICS The term "graphics"encompasses a broad range of visual elements, including images, designs, and representations used for various purposes. Elements of Graphic Design: 1.Lines 2.Shapes 3.Colors 4.Space 5.Texts 6.Image
- 8. Elements of GraphicDesign - LINES
- 9. Elements of GraphicDesign - SHAPES
- 10. Elements of GraphicDesign - COLORS
- 11. Elements of GraphicDesign - SPACE Positive space refers to the shapes of objects. It usually refers to anything that is considered the main focus of the page. Negative space is the white space or empty space which is the part of the design that is not there, the space between the visual elements. This can also be the background colour of a design. Negative space can be just as integral to the design as the positive space. Negative space is important because it helps frame and contain a composition plus it also connects or disconnects shapes to suggest relationships between shapes. Negative space avoids visual clutter and looks clean which can help balance a composition and help focus the viewer on something specific.
- 12. The basic elementof multimedia, text provides information, instructions, and narratives. It's used for headings, descriptions, explanations, and even as part of visual elements like text art. Considerations when arranging texts: • Font Style • Font Sizes • Font Color Elements of Graphic Design - TEXT
- 13. Download free fontstyles: https://www.dafont.com/, https://befonts.com/, https://www.fontspace.com/ Elements of Graphic Design - TEXT - FONT STYLE
- 14. Elements of GraphicDesign - TEXT - FONT SIZE
- 15. Elements of GraphicDesign - TEXT - FONT COLOR
- 16. Elements of GraphicDesign - IMAGE • Visual Storytelling: Images play a crucial role in multimedia by conveying information visually, adding context, and enhancing emotional impact. • Types of Images: Multimedia utilizes various image types, including photographs, illustrations, graphics, diagrams, and icons. File Formats: jpeg, png, gif, tiff, psd, eps, svg, ai • Visual Appeal and Engagement: Images can be used to capture attention, illustrate concepts, and create a visually appealing and engaging experience.
- 17.
- 18. GRAPHIC DESIGN TOOLS OnlineOffline
- 19. Audio adds anotherdimension by incorporating sound, music, or spoken words. It can set the mood, provide narration, enhance storytelling, and create a more immersive experience. Background music, voiceovers, sound effects, and even ambient noise can all be used to enhance the emotional impact and overall effectiveness of multimedia content. AUDIO
- 20. Video brings motionand dynamic storytelling to multimedia. It can be used for demonstrations, tutorials, presentations, and even as part of interactive experiences. Videos can capture attention, facilitate information retention, and offer a more engaging way to convey complex ideas or narratives. VIDEO
- 24. Tools for EditingVideo Online Offline
- 25. Animation adds movementand visual interest to multimedia content. It can be used to explain concepts, create engaging characters, and add a playful or dynamic element to presentations. Animation can be used to guide the viewer's attention, enhance storytelling, and make multimedia content more memorable ANIMATION
- 26.
- 27. Resources: • Types ofFonts, Examples, and When to Use Them - Piktochart • https://www.lenovo.com/ph/en/glossary/what-is-graphic/? orgRef=https%253A%252F%252Fwww.google.com %252F&srsltid=AfmBOorBfASSkLItkE1A0z- SJ6E5abEyijpMJT2votGXSkd7ZO3VEQWv • https://www.vedantu.com/computer-science/multimedia • https://www.zekagraphic.com/shape-psychology-in-graphic- design/ • https://ph.pinterest.com/pin/792915078121498844/ • https://254-online.com/space-as-a-visual-element-of-graphic- design/ • https://www.clovercreativegroup.com/fonts-and-their- psychological-associations-unveiling-the-hidden-meanings
- 28.
- 29. Modular Approach The modularapproach to instruction in a classroom setting involves organizing the curriculum into distinct units or modules, each covering a specific topic or skill. This method allows teachers to present information in smaller, more manageable chunks and provides students with flexibility in their learning pathways.
- 30. Online Courses Examples ofModular Approach Higher Education Programs Professional Development K-12 Education Language Learning Workshops & Short Courses
- 31. Advantages of ModularApproach Flexibility for Teachers Engagement and Motivation Personalized Learning Improved Mastery Clear Assessment Focus
- 32. Disadvantages of ModularApproach Resource Intensive Potential Gaps in Knowledge Lack of Cohesion Increased Preparation Time Assessment Challenges
- 33.
- 34. MICRO-TEACHING A method usedto train teachers in teaching skills is called microteaching. With this method, the instructor is placed in a real- world scenario where their abilities are enhanced and they typically have a deeper comprehension of the material.
- 36. What are theapproaches to micro teaching? direct instruction experiential learning
- 37.
- 38. .Microteaching is referredto as a programme whereby student teachers in teacher education are equipped with subject content and various methodologies to deliver the curriculum content of a specialised subject. According to Otsupius (2014), microteaching is a training method that is used in teacher training institutions globally to give novice teachers an opportunity to attain teaching skills.
- 39. In general, themost effective microteaching approaches are tailored to the needs of the students and the specific context.
- 48. Computer assisted instruction (CAI) Prepared by: AlfonsoT. Pamisa, Jr.
- 49. ☑️ A self-learning technique,usually offline/online, involving interaction of the student with programmed instructional materials. ☑️ Computer-assisted instruction (CAI) is an interactive instructional technique whereby a computer is used to present the instructional material and monitor the learning that takes place. ☑️ CAl uses a combination of text, graphics, sound and video in enhancing the learning process. Computer Assisted instruction (cAi)
- 50. TYPICAL CAI ☑️text ormultimedia content ☑️multiple-choice questions ☑️problems ☑️immediate feedback ☑️notes on incorrect responses ☑️summarizes students' performance ☑️exercises for practice ☑️worksheets and tests
- 51. ☑️Drill-and-practice: Drill and practiceprovide opportunities or students to repeatedly practice the skills that have previously been presented and that further practice is necessary for mastery. ☑️Tutorial: Tutorial activity includes both the presentation of information and its extension into different forms of work, including drill and practice, games and simulation. ☑️Games: Game software often creates a contest to achieve the highest score and either beat others or beat the computer. ☑️Simulation: Simulation software can provide an approximation of reality that does not require the expense of real life or its risks. ☑️Discovery: Discovery approach provides a large database of information specific to a course or content area and challenges the learner to analyze, compare, infer and evaluate based on their explorations of the data. ☑️Problem Solving: Types of cai
- 52. ☑️one-to-one interaction ☑️great motivator ☑️freedomto experiment with different options ☑️instantaneous response/immediate feedback to the answers elicited ☑️self pacing - allow students to proceed at their own pace ☑️helps teacher can devote more time to individual students ☑️privacy helps the shy and slow learner to learn. ☑️Individual attention ☑️learn more and more rapidly multimedia helps to understand difficult concepts through multi sensory approach ☑️self directed learning - students can decide when, where, and what to learn Advantages of cai
- 53. ☑️may feel overwhelmedby the information and resources available ☑️ over use of multimedia may divert the attention from the content ☑️learning becomes too mechanical or non availability of good CAl packages ☑️lack of infrastructure Limitations of cai
- 54. Thank You F OR Y O U R A T T E N T I O N Southern de Oro Philippines College Approaches to Instruction
Editor's Notes
- #6 multimedia refers to the integration of different forms such as text, audio, images, video, and animation to create a richer and more engaging user experience. correct use of these elements can make our multimedia more effective in delivering information, more engaging and improve memorabilit
- #7 Graphics are used to communicate information, convey ideas, or enhance the visual appeal of various forms of media. In the realm of technology, computing, programming, and communications, graphics play a vital role in user interfaces, digital art, gaming, web design, and more. It's more than just a picture; it's a deliberate and strategic use of visual elements to convey meaning, information, or emotions.
- #8 Text might be the simplest portion of a multimedia experience, but it is often the most important.
- #9 Text might be the simplest portion of a multimedia experience, but it is often the most important.
- #10 Text might be the simplest portion of a multimedia experience, but it is often the most important.
- #11 "Space" in graphics refers to the area surrounding, between, and within the elements of a design. It's not just empty space, but a powerful tool that shapes how we perceive and interact with visual information Why Space Matters in Graphics: Guiding the Viewer's Gaze: Strategic use of space directs our attention to specific focal points within a design. 2 Establishing Hierarchy: Space helps establish a hierarchy of information, emphasizing the most crucial elements and ensuring messages are conveyed effectively. 2 Enhancing Aesthetics: Space contributes to the overall aesthetic quality of a design, creating a sense of balance and harmony, making a design visually pleasing. 2 Effective Communication: Space is a silent communicator in design. It allows for subtle but effective delivery of messages, adding depth and meaning to a composition. 2
- #12 choosing the right font and formatting ensures readability and conveying the intended message effectively
- #13 Serif fonts, characterized by small decorative strokes (serifs) at the ends of their letterforms, have a long history and remain a popular choice for various design applications. They exude a sense of elegance, sophistication, and tradition, making them suitable for projects that require a classic, refined, or authoritative feel. Sans serif fonts, characterized by the absence of decorative strokes (serifs) at the ends of their letterforms, exude a clean, modern, and minimalist aesthetic. They are often associated with technology, simplicity, and a sense of clarity, making them a popular choice for various design applications. Script fonts, often referred to as cursive fonts, mimic the flowing strokes of handwriting. They evoke a sense of elegance, personality, and a touch of the handwritten, making them a popular choice for projects that require a touch of sophistication, artistry, or a personal touch.
- #14 Documents 10-12 font size for body title 14-16 presentations at least 36pt
- #15 dark font on a lighter background light font on a dark background
- #16 JPEG (or JPG): Type: Raster Compression: Lossy Uses: Widely used for photographs, web images, and general-purpose images. Offers good compression, but quality degrades with repeated editing and saving. Pros: Small file size, widely supported. Cons: Lossy compression can lead to quality degradation. PNG: Type: Raster Compression: Lossless Uses: Ideal for web graphics, logos, and images with transparent backgrounds. Provides excellent quality and supports transparency. Pros: Lossless compression preserves quality, supports transparency. Cons: Larger file size than JPEGs. GIF: Type: Raster Compression: Lossless Uses: Primarily for animated images and simple graphics. Limited to 256 colors. Pros: Small file size, supports animation. Cons: Limited color palette, not ideal for complex images. TIFF: Type: Raster Compression: Lossless or Lossy Uses: High-quality images for printing, photography, and professional applications. Pros: Excellent quality, supports various color depths. Cons: Large file size, not ideal for web use. PSD: Type: Raster Uses: Adobe Photoshop's native format, used for editing and storing layered images. Pros: Supports layers, allowing for non-destructive editing. Cons: Can only be opened in Photoshop, large file size. PDF: Type: Vector or Raster (depending on the content) Uses: Excellent for sharing documents, preserving formatting, and embedding images. Pros: Universal format, maintains formatting, can include images and text. Cons: Can be large if it contains complex graphics. EPS: Type: Vector Uses: Commonly used for vector graphics, especially for printing. Pros: Scalable without quality loss, widely supported. Cons: Can be large if it contains complex graphics. SVG: Type: Vector Uses: Ideal for web graphics, icons, and logos. Offers scalability and flexibility. Pros: Scalable without quality loss, lightweight, supports animation. Cons: Not all browsers support all SVG features. AI: Type: Vector Uses: Adobe Illustrator's native format, used for creating and editing vector graphics. Pros: Supports advanced vector editing features. Cons: Can only be opened in Illustrator, large file size.
- #17 Text might be the simplest portion of a multimedia experience, but it is often the most important.
- #18 Text might be the simplest portion of a multimedia experience, but it is often the most important.
- #21 1. Eye-Level Shot: Definition: The camera is positioned at the same height as the subject's eyes, creating a neutral and relatable perspective. Effect: This angle fosters a sense of normalcy and intimacy, allowing viewers to connect with the subject as an equal. It's often used for dialogue scenes, building empathy and trust between characters and the audience. 2. Low-Angle Shot: Definition: The camera is positioned below the subject's eye level, looking upwards. Effect: This angle makes the subject appear larger, more powerful, and dominant. It can evoke feelings of awe, fear, or intimidation, often used for villains, heroes, or characters in positions of authority. 3. High-Angle Shot: Definition: The camera is positioned above the subject's eye level, looking downwards. Effect: This angle makes the subject appear smaller, more vulnerable, and less powerful. It can create feelings of isolation, helplessness, or a sense of being observed. Often used to emphasize a character's vulnerability, weakness, or to create a sense of distance or detachment. 4. Dutch Angle (Canted Angle): Definition: The camera is tilted, creating a diagonal or skewed perspective. Effect: This angle creates a sense of unease, disorientation, or instability. It can enhance tension, confusion, or a psychological imbalance, often used in suspenseful or horror scenes. 5. Bird's Eye View (Overhead Shot): Definition: The camera is positioned directly above the subject, looking straight down. Effect: This angle creates a sense of detachment, objectivity, or a feeling of being observed from a distance. It can be used to establish a location, show a scene's layout, or create a sense of chaos or confusion. 6. Worm's Eye View: Definition: The camera is positioned very low to the ground, looking upwards. Effect: This angle exaggerates the size and dominance of the subject, often creating a sense of awe or vulnerability. It can be used to make a character appear larger than life or to create a sense of being overwhelmed. 7. Point-of-View (POV) Shot: Definition: The camera simulates the perspective of a character, showing the scene through their eyes. Effect: This angle creates a highly immersive experience, allowing viewers to directly connect with the character's perspective. It can be used to build identification with a character, to limit information, or to create a sense of voyeurism.
- #22 1. Pan: Definition: A horizontal rotation of the camera, either left or right, while keeping its position fixed. Effect: Reveals new information, creates a sense of space, emphasizes relationships between characters or objects, and can be used to follow a moving subject. A slow pan can build suspense, while a rapid pan can create a sense of urgency. 2. Tilt: Definition: A vertical rotation of the camera, either up or down, while keeping its position fixed. Effect: Emphasizes the scale or height of a subject, creates dramatic tension, and can be used to show a character's perspective. A slow tilt can create a sense of mystery, while a rapid tilt can create a sense of disorientation. 3. Dolly: Definition: The camera is physically moved towards or away from the subject, often on a wheeled platform or track. Effect: Creates a sense of movement, fluidity, and depth. It can be used to emphasize a character's emotional journey, establish a relationship between characters and their environment, or create a sense of intimacy or distance. 4. Tracking: Definition: The camera moves parallel to the subject, often following their movement. Effect: Creates a sense of immersion, continuity, and action. It can be used to follow a character's journey, to emphasize a sense of urgency, or to reveal a scene in a dynamic way. 5. Crane: Definition: The camera is moved vertically or horizontally using a crane or jib, allowing for sweeping, elevated perspectives. Effect: Creates a sense of grandeur, scale, and drama. It can be used to establish a location, to reveal information from a unique perspective, or to create a sense of awe or vulnerability. 6. Handheld: Definition: The camera is held by the operator, creating a shaky, sometimes erratic movement. Effect: Creates a sense of immediacy, realism, and intimacy. Often used in action sequences, scenes of intense emotion, documentaries, or to convey a character's perspective. 7. Zoom: Definition: Adjusting the focal length of the lens to make subjects appear closer or farther away without physically moving the camera. Effect: Creates a sense of emphasis, can simulate movement, and can be used to transition between shots. A slow zoom can build suspense, while a rapid zoom can create a sense of disorientation or shock. 8. Steadicam: Definition: A camera stabilization system that allows for smooth and fluid movement, even when the operator is walking or running. Effect: Creates a sense of fluidity, immersion, and dynamic movement. It can be used for complex, uninterrupted shots through various environments, enhancing storytelling through its versatility and smoothness. 9. Dutch Angle: Definition: The camera is tilted, creating a diagonal or skewed perspective. Effect: Creates a sense of unease, disorientation, or instability. Often used in suspenseful or horror scenes to enhance tension, confusion, or a psychological imbalance.
- #23 1. Extreme Long Shot (ELS): Definition: The subject is very small in the frame, often showing a vast landscape or a wide view of the environment. Effect: Creates a sense of distance, isolation, or vastness. It can be used to establish a location, show the scale of a scene, or create a sense of epic grandeur. 2. Long Shot (LS): Definition: The subject is shown from head to toe, usually with some background visible. Effect: Provides a sense of context and allows viewers to understand the subject's surroundings. It can be used to show movement, action, or to establish a character's relationship to their environment. 3. Medium Long Shot (MLS): Definition: The subject is shown from the knees up, often used for dialogue scenes or to show a character's actions. Effect: Provides a balance between intimacy and context. It allows for some emotional connection with the subject while still providing a sense of their surroundings. 4. Full Shot (FS): Definition: The subject is shown from head to toe, filling the frame. Effect: Creates a sense of completeness and allows for a full view of the subject's body language and posture. It can be used for action scenes, to show a character's movement, or to emphasize their physical presence. 5. Medium Shot (MS): Definition: The subject is shown from the waist up, often used for dialogue scenes or to show a character's reactions. Effect: Creates a sense of intimacy and allows viewers to focus on the subject's expressions and body language. It's a versatile shot size that can be used for various purposes. 6. Medium Close-Up (MCU): Definition: The subject is shown from the chest up, focusing on the face and upper body. Effect: Increases intimacy and allows viewers to connect with the subject's emotions and reactions. It's often used for dialogue scenes or to show a character's internal thoughts or feelings. 7. Close-Up (CU): Definition: The subject's face fills the frame, focusing on their eyes, mouth, and expressions. Effect: Creates a sense of intensity and intimacy, allowing viewers to deeply connect with the subject's emotions. It can be used for dramatic moments, to reveal a character's inner turmoil, or to emphasize a specific detail. 8. Extreme Close-Up (ECU): Definition: The frame focuses on a specific detail of the subject, such as an eye, a hand, or an object. Effect: Creates a sense of isolation, magnification, or emphasis. It can be used to highlight a specific detail, to create a sense of claustrophobia, or to reveal a character's inner thoughts or feelings.