Here are some key points about infographics:
- Infographics use visual elements like charts, diagrams and images to present information clearly and concisely.
- They make complex data and concepts easier to understand at a glance through visual representation.
- Effective infographics follow principles of visual design like hierarchy, proximity, alignment and contrast to guide the eye.
- Common types of infographics include process diagrams, organizational charts, timelines, maps and comparison charts.
- Tools like Canva, Piktochart and Visme make it easy for anyone to create professional-looking infographics.
- When done well, infographics can be an engaging way to share knowledge on websites, in reports or on
signed off_Empowerment TechG11._q1 Mod2_Applied Tech.._v3.pdfwithmysense
Here are the basic steps to add a hyperlink in Microsoft Word:
1. Select the text or object you want to make into a hyperlink.
2. On the Insert tab, in the Links group, click Hyperlink.
3. In the Insert Hyperlink dialog box, choose where you want the hyperlink to
go:
- Existing File or Web Page - Enter the URL or select a file from your
computer.
- Place in This Document - Create an internal link to another part of the
current document.
- E-mail Address - Enter an email address to create a mailto: link.
4. Optionally, you can enter a screen tip to display when
signed off_EmpowermentG11Tech_q2_ Mod7_managemaintainonline_v3.pdfwithmysense
The document provides information about managing, maintaining, and sustaining an online ICT project for social change. It discusses Republic Act 8293, which states that no copyright exists for works of the Philippine government, but prior approval is needed to use such works for profit. It also notes that borrowed materials in the book are owned by their respective copyright holders. The document was produced by the Department of Education Region X and provides tables of contents and instructions for readers.
signed off_EmpowermentG11 Tech_q1 _Mod1_Empwerment _.pdfwithmysense
Here are some key points about online safety habits based on the self-check activity:
- Talking to strangers online can put your personal information and safety at risk. It's best to only interact with people you know personally.
- Sharing passwords allows others access to your accounts which can enable cybercrimes like identity theft. Keep passwords private.
- Posting about future vacations alerts potential burglars when your home will be empty. It's safer to share travel plans after returning.
- Unsecured websites may download malware or steal personal data. Only visit reputable sites using HTTPS encryption.
- Ranting online can have real-life consequences like damaging your reputation or career. Consider thoughts carefully before
Collated unit instructional design daniel downsDaniel Downs
This document describes the learning objectives, outcomes, and learner analysis for an ethnic heritage website unit. The objectives focus on designing a 4-5 page website using HTML and CSS that expresses a student's cultural heritage. The outcomes emphasize organized content and design. A learner analysis identifies the students as high schoolers with varying computer skills taking a web design course for fun and skill-building. Characteristics like interests in technology and team sports are described.
This document provides information about a mathematics module on solving problems involving permutations and combinations. It includes notes for teachers, learners, and parents/guardians. The module contains 4 lessons that teach learners about permutations of n taken r at a time, permutations of n distinct objects arranged in a circle, distinguishable permutations, and combinations of n taken r at a time. Each lesson includes learning objectives, assessments, and examples to help learners understand the concepts and solve related problems. The module aims to help learners develop skills in basic counting techniques for solving permutation and combination problems.
signed off_Empowerment TechG11._q2_ Mod5_collaborativeictdev_v3.pdfwithmysense
Here are the steps to evaluate your classmate's website using the rubric:
1. Review your classmate's entire website carefully.
2. Use the rubric criteria (Content, Target Purpose, Crediting Sources, Development of Ideas) to evaluate different aspects of the website.
3. For each criteria, determine which description level (Keep Working, Getting There, Got It) best matches the quality of your classmate's website.
4. Provide specific feedback on strengths and areas for improvement. For example, for "Content":
- The information is accurate but could be more comprehensive with additional research.
5. Repeat this process for each criteria.
6. You may also want to
This 7-week unit plan for 8th grade technology focuses on design and modeling. Students will learn skills in areas like sketching, technical drawing, computer-aided design, and prototyping. They will apply these skills to design solutions to needs and opportunities. Assessments include quizzes, homework, and a unit quiz. Students will build skills in literacy, problem-solving, and understanding technology's impact on society. The unit went well overall, though students struggled with computer modeling at first. For future iterations, the teacher aims to incorporate more self-directed learning, review games, and current events.
signed off_Empowerment TechG11._q1 Mod2_Applied Tech.._v3.pdfwithmysense
Here are the basic steps to add a hyperlink in Microsoft Word:
1. Select the text or object you want to make into a hyperlink.
2. On the Insert tab, in the Links group, click Hyperlink.
3. In the Insert Hyperlink dialog box, choose where you want the hyperlink to
go:
- Existing File or Web Page - Enter the URL or select a file from your
computer.
- Place in This Document - Create an internal link to another part of the
current document.
- E-mail Address - Enter an email address to create a mailto: link.
4. Optionally, you can enter a screen tip to display when
signed off_EmpowermentG11Tech_q2_ Mod7_managemaintainonline_v3.pdfwithmysense
The document provides information about managing, maintaining, and sustaining an online ICT project for social change. It discusses Republic Act 8293, which states that no copyright exists for works of the Philippine government, but prior approval is needed to use such works for profit. It also notes that borrowed materials in the book are owned by their respective copyright holders. The document was produced by the Department of Education Region X and provides tables of contents and instructions for readers.
signed off_EmpowermentG11 Tech_q1 _Mod1_Empwerment _.pdfwithmysense
Here are some key points about online safety habits based on the self-check activity:
- Talking to strangers online can put your personal information and safety at risk. It's best to only interact with people you know personally.
- Sharing passwords allows others access to your accounts which can enable cybercrimes like identity theft. Keep passwords private.
- Posting about future vacations alerts potential burglars when your home will be empty. It's safer to share travel plans after returning.
- Unsecured websites may download malware or steal personal data. Only visit reputable sites using HTTPS encryption.
- Ranting online can have real-life consequences like damaging your reputation or career. Consider thoughts carefully before
Collated unit instructional design daniel downsDaniel Downs
This document describes the learning objectives, outcomes, and learner analysis for an ethnic heritage website unit. The objectives focus on designing a 4-5 page website using HTML and CSS that expresses a student's cultural heritage. The outcomes emphasize organized content and design. A learner analysis identifies the students as high schoolers with varying computer skills taking a web design course for fun and skill-building. Characteristics like interests in technology and team sports are described.
This document provides information about a mathematics module on solving problems involving permutations and combinations. It includes notes for teachers, learners, and parents/guardians. The module contains 4 lessons that teach learners about permutations of n taken r at a time, permutations of n distinct objects arranged in a circle, distinguishable permutations, and combinations of n taken r at a time. Each lesson includes learning objectives, assessments, and examples to help learners understand the concepts and solve related problems. The module aims to help learners develop skills in basic counting techniques for solving permutation and combination problems.
signed off_Empowerment TechG11._q2_ Mod5_collaborativeictdev_v3.pdfwithmysense
Here are the steps to evaluate your classmate's website using the rubric:
1. Review your classmate's entire website carefully.
2. Use the rubric criteria (Content, Target Purpose, Crediting Sources, Development of Ideas) to evaluate different aspects of the website.
3. For each criteria, determine which description level (Keep Working, Getting There, Got It) best matches the quality of your classmate's website.
4. Provide specific feedback on strengths and areas for improvement. For example, for "Content":
- The information is accurate but could be more comprehensive with additional research.
5. Repeat this process for each criteria.
6. You may also want to
This 7-week unit plan for 8th grade technology focuses on design and modeling. Students will learn skills in areas like sketching, technical drawing, computer-aided design, and prototyping. They will apply these skills to design solutions to needs and opportunities. Assessments include quizzes, homework, and a unit quiz. Students will build skills in literacy, problem-solving, and understanding technology's impact on society. The unit went well overall, though students struggled with computer modeling at first. For future iterations, the teacher aims to incorporate more self-directed learning, review games, and current events.
This document discusses online collaborative tools that can be used for communication and collaboration. It defines key terms like web portal and online collaboration. It then provides examples of several popular online collaborative tools like Facebook, G Suite, Microsoft Teams, Dropbox, Lark, Trello, WordPress and Yammer. It explains their features and functions. Finally, it outlines some advantages of using online collaborative tools like having a centralized hub for files, enabling file sharing and hosting online meetings, and allowing for live chat.
Ict week 1 computer definition, purpose & importanceAllan Tomas
This module provides information about computers and their uses. It defines a computer as an electronic device that uses electricity and can accept, process, and produce data and information. The module also discusses the input-process-output (IPO) cycle that computers follow to transform data into information. Additionally, it covers the capabilities and limitations of computers as well as their uses in personal, business, communication, education, science/research, transportation, and artificial intelligence applications. Learners complete various activities to demonstrate their understanding of computers and appreciation for their importance.
Empowerment Tech-Mod2_Multimedia and Interactivity.pdfChris selebio
This document provides an introduction to a self-learning module on multimedia and interactivity. It discusses expectations for what students will learn, including summarizing multimedia concepts and recognizing multimedia elements on websites. It also reviews concepts from previous lessons, such as rich content and user participation. The lesson defines multimedia and its basic elements like text, graphics, animation, video and audio. It describes linear and non-linear multimedia and gives examples. Students are provided activities to identify multimedia on websites and improve website designs. The module aims to teach students how to promote advocacy using multimedia.
This unit introduces middle school students to digital media and advertising through various lessons and activities. Students analyze commercials and advertisements, track commercial data using spreadsheets, and create their own video commercial using a web 2.0 tool. Formative assessments include student presentations, peer critiques, and use of rubrics. The goal is for students to develop skills in technology and digital media important for future careers. Interviews with teachers found the project beneficial and engaging for all students when appropriately modified.
Here are the key objectives for a martial arts instructor:
1. Ensure student safety and well-being by establishing standards for instructor qualifications and techniques.
2. Provide high-quality instruction to students of all ages and skill levels, from young children to adults, in order to build confidence and motor skills.
3. Establish a standardized grading system to evaluate students' progress as they advance in their martial arts training.
4. Maintain the long-term viability of the martial arts school by delivering a valuable program that motivates students to continue their education.
The document outlines the objectives, duties, and responsibilities of a martial arts instructor, which include teaching students of all ages proper techniques, administering belt tests to evaluate progress, planning safe and effective class schedules, and maintaining a clean training facility with functioning equipment. The action plan emphasizes the importance for instructors to continuously expand their own knowledge through further learning opportunities in order to most effectively teach students.
mis policy (shared using http://VisualBee.com).VisualBee.com
Here are the key objectives for a martial arts instructor:
1. Ensure student safety and well-being by establishing standards for instructor qualifications and techniques.
2. Provide high-quality instruction to students of all ages and skill levels, from beginners to advanced practitioners.
3. Enhance student confidence and skills through the practice of martial arts techniques and principles.
4. Maintain the long-term viability of the martial arts school by delivering a valuable service that attracts and retains students.
5. Establish worldwide procedures and a grading system to standardize the practice of martial arts.
The students will include people of all ages, from young children to adults and the elderly. Instructors must be
This document discusses Technology Livelihood Education (TLE) - Information and
Communication Technology (Computer Systems Servicing) Exploratory Course for Grades 7
and 8. Specifically, it covers Module 3 on Performing Mensuration and Calculation.
The module aims to teach students how to identify objects or components to be measured,
convert decimal to binary, compute the actual storage capacity and speed of various devices,
and apply techniques to check conversions and computations. It also discusses maintaining
measuring instruments.
The document provides definitions for terms like mensuration, measurement, and calculation.
It also describes common measuring instruments used in computer system servicing like
You're correct. Diagrams A and B represent functions since each element in the domain corresponds to exactly one element in the range. Diagram C is not a function since the element 2 in the domain corresponds to more than one element in the range, 5 and 7.
Great job recalling the concepts of relations and functions! Now let's proceed to representing real-life situations using functions.
Empowerment Tech-Mod8_Developing and Constructing the ICT Project.pdfChris selebio
1. The document provides guidance for students on developing and constructing an ICT project prototype. It defines a prototype as a sample or representation of a design concept used to test ideas.
2. Students are instructed on different hosting platforms they can use to create websites for their ICT projects, including WordPress, Wix, Jimdo, Google Sites, and Facebook. Guidelines are provided for each platform.
3. Students are given activities to complete, including reflecting on motivational content and creating a prototype website for their ICT project along with 2 multimedia contents. A rubric is also provided to guide students.
Here are the key points about uses of multimedia in different fields:
- Education - Multimedia encourages interaction and active learning. It helps explain complex topics easily. Students can learn at their own pace.
- Entertainment - Multimedia is widely used in movies, music, video games, etc. It engages and entertains the audience.
- Business - Companies use multimedia for presentations, demos, training. It helps promote their products/services effectively.
- Advertising - Ads use multimedia like videos, animations to grab attention and convey messages persuasively.
- Medicine - Used for medical education, simulations, remote diagnosis and treatment. 3D/VR helps understand body parts.
- Engineering
This document provides information about a self-learning module on web page design using templates and online WYSIWYG platforms. It includes details about the module such as the writers and editors involved in developing it. The module covers creating a web page using Microsoft Word, creating a website using a free host, designing a website using an online WYSIWYG platform, and editing and inserting elements onto a website. Key terms related to the topic such as WYSIWYG, HTML, CSS, templates, and Jimdo are also defined.
This document outlines an intensive design workshop to help participants design pedagogically informed learning experiences using digital technologies. The workshop activities are based on the 7Cs of learning design framework, which consists of conceptualizing, creating, communicating, collaborating, considering, combining, and consolidating the design. Participants will engage with conceptual tools, work in groups, and develop a storyboard for their course design. The goal is for participants to learn how to design face-to-face, blended, or online courses by applying learning design resources and considering theoretical underpinnings and technologies that support different pedagogical approaches.
Here are the answers to the true/false questions in the "What I Know" section:
1. True
2. True
3. True
4. True
5. True
6. False (the correct shortcut is msconfig)
7. True
8. True
9. True
10. True
11. False (the correct way to open System Configuration is to click Start > Run and type msconfig)
The document discusses different levels of technology integration in education - literacy, adapting, and transforming - based on Grappling's Technology and Learning Spectrum model. It provides examples for each level. Literacy involves basic technology skills, while adapting uses technology to enhance existing lessons. Transforming level uses technology to allow student-centered, collaborative projects that solve real-world problems and are shared outside the classroom. The document also reviews relevant standards for students, teachers, and administrators regarding effective educational technology use.
Media and Information Literacy- Performance Task (Project) Digital Poster Ma...Arniel Ping
Learning Competencies
Learners will be able to…
A. create a text and visual digital poster which will campaign for high school students to be a responsible user and competent producer of media information (SSHS);
B. organize a creative and interactive symposium where students will present their posters and discuss its subject and message to junior high school students (SSHS); and
C. produce and evaluate a creative text and visual based presentation using design principle and elements (MIL11/12TIM-IVb-6/ MIL11/12VIM-IVc-10)
Aims and objectives of teaching computer science, Introduction, Aims of teaching computer science, Objectives of teaching computer science, Bloom's taxonomy of objectives, Cognitive domain, Affective domain and psychomotor domain
This document provides information on drafting floor plans, including technical terms and area planning considerations. It discusses the three main functional areas of a house: living areas, sleeping areas, and service/mechanical chore areas. For each area, it provides guidance on layout, sizes, and noise control considerations. Specific rooms discussed include the living room, bedrooms, kitchen, and bathroom. The document emphasizes the importance of logically dividing a building's functions into specific areas during the design process.
This lesson plan outlines a photography project for 5th grade students where they will create digital silhouettes expressing a verb through poses. Students will take self-portraits, remove backgrounds using Photoshop Elements, and add colors and text to create "iExpress" portraits inspired by iPod ads. The plan details objectives, standards, assessments, required technology and materials, procedures for guiding students through each step, and considerations for classroom management.
Inquiry and information_fluency_mini_lessonsCherelleR
This lesson teaches students about international business practices and cultural differences. Students will research a foreign country and create a brochure highlighting differences from U.S. business practices. The brochure covers topics like currency, dining, social customs, dress code, and business protocol. Creating the brochure helps students understand why knowledge of other cultures is important when working with international clients or in global companies. Students will cite sources and be evaluated using a rubric.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
More Related Content
Similar to signed off_Empowerment TechG11.q1_ Mod3_Imaging_Design_v3.pdf
This document discusses online collaborative tools that can be used for communication and collaboration. It defines key terms like web portal and online collaboration. It then provides examples of several popular online collaborative tools like Facebook, G Suite, Microsoft Teams, Dropbox, Lark, Trello, WordPress and Yammer. It explains their features and functions. Finally, it outlines some advantages of using online collaborative tools like having a centralized hub for files, enabling file sharing and hosting online meetings, and allowing for live chat.
Ict week 1 computer definition, purpose & importanceAllan Tomas
This module provides information about computers and their uses. It defines a computer as an electronic device that uses electricity and can accept, process, and produce data and information. The module also discusses the input-process-output (IPO) cycle that computers follow to transform data into information. Additionally, it covers the capabilities and limitations of computers as well as their uses in personal, business, communication, education, science/research, transportation, and artificial intelligence applications. Learners complete various activities to demonstrate their understanding of computers and appreciation for their importance.
Empowerment Tech-Mod2_Multimedia and Interactivity.pdfChris selebio
This document provides an introduction to a self-learning module on multimedia and interactivity. It discusses expectations for what students will learn, including summarizing multimedia concepts and recognizing multimedia elements on websites. It also reviews concepts from previous lessons, such as rich content and user participation. The lesson defines multimedia and its basic elements like text, graphics, animation, video and audio. It describes linear and non-linear multimedia and gives examples. Students are provided activities to identify multimedia on websites and improve website designs. The module aims to teach students how to promote advocacy using multimedia.
This unit introduces middle school students to digital media and advertising through various lessons and activities. Students analyze commercials and advertisements, track commercial data using spreadsheets, and create their own video commercial using a web 2.0 tool. Formative assessments include student presentations, peer critiques, and use of rubrics. The goal is for students to develop skills in technology and digital media important for future careers. Interviews with teachers found the project beneficial and engaging for all students when appropriately modified.
Here are the key objectives for a martial arts instructor:
1. Ensure student safety and well-being by establishing standards for instructor qualifications and techniques.
2. Provide high-quality instruction to students of all ages and skill levels, from young children to adults, in order to build confidence and motor skills.
3. Establish a standardized grading system to evaluate students' progress as they advance in their martial arts training.
4. Maintain the long-term viability of the martial arts school by delivering a valuable program that motivates students to continue their education.
The document outlines the objectives, duties, and responsibilities of a martial arts instructor, which include teaching students of all ages proper techniques, administering belt tests to evaluate progress, planning safe and effective class schedules, and maintaining a clean training facility with functioning equipment. The action plan emphasizes the importance for instructors to continuously expand their own knowledge through further learning opportunities in order to most effectively teach students.
mis policy (shared using http://VisualBee.com).VisualBee.com
Here are the key objectives for a martial arts instructor:
1. Ensure student safety and well-being by establishing standards for instructor qualifications and techniques.
2. Provide high-quality instruction to students of all ages and skill levels, from beginners to advanced practitioners.
3. Enhance student confidence and skills through the practice of martial arts techniques and principles.
4. Maintain the long-term viability of the martial arts school by delivering a valuable service that attracts and retains students.
5. Establish worldwide procedures and a grading system to standardize the practice of martial arts.
The students will include people of all ages, from young children to adults and the elderly. Instructors must be
This document discusses Technology Livelihood Education (TLE) - Information and
Communication Technology (Computer Systems Servicing) Exploratory Course for Grades 7
and 8. Specifically, it covers Module 3 on Performing Mensuration and Calculation.
The module aims to teach students how to identify objects or components to be measured,
convert decimal to binary, compute the actual storage capacity and speed of various devices,
and apply techniques to check conversions and computations. It also discusses maintaining
measuring instruments.
The document provides definitions for terms like mensuration, measurement, and calculation.
It also describes common measuring instruments used in computer system servicing like
You're correct. Diagrams A and B represent functions since each element in the domain corresponds to exactly one element in the range. Diagram C is not a function since the element 2 in the domain corresponds to more than one element in the range, 5 and 7.
Great job recalling the concepts of relations and functions! Now let's proceed to representing real-life situations using functions.
Empowerment Tech-Mod8_Developing and Constructing the ICT Project.pdfChris selebio
1. The document provides guidance for students on developing and constructing an ICT project prototype. It defines a prototype as a sample or representation of a design concept used to test ideas.
2. Students are instructed on different hosting platforms they can use to create websites for their ICT projects, including WordPress, Wix, Jimdo, Google Sites, and Facebook. Guidelines are provided for each platform.
3. Students are given activities to complete, including reflecting on motivational content and creating a prototype website for their ICT project along with 2 multimedia contents. A rubric is also provided to guide students.
Here are the key points about uses of multimedia in different fields:
- Education - Multimedia encourages interaction and active learning. It helps explain complex topics easily. Students can learn at their own pace.
- Entertainment - Multimedia is widely used in movies, music, video games, etc. It engages and entertains the audience.
- Business - Companies use multimedia for presentations, demos, training. It helps promote their products/services effectively.
- Advertising - Ads use multimedia like videos, animations to grab attention and convey messages persuasively.
- Medicine - Used for medical education, simulations, remote diagnosis and treatment. 3D/VR helps understand body parts.
- Engineering
This document provides information about a self-learning module on web page design using templates and online WYSIWYG platforms. It includes details about the module such as the writers and editors involved in developing it. The module covers creating a web page using Microsoft Word, creating a website using a free host, designing a website using an online WYSIWYG platform, and editing and inserting elements onto a website. Key terms related to the topic such as WYSIWYG, HTML, CSS, templates, and Jimdo are also defined.
This document outlines an intensive design workshop to help participants design pedagogically informed learning experiences using digital technologies. The workshop activities are based on the 7Cs of learning design framework, which consists of conceptualizing, creating, communicating, collaborating, considering, combining, and consolidating the design. Participants will engage with conceptual tools, work in groups, and develop a storyboard for their course design. The goal is for participants to learn how to design face-to-face, blended, or online courses by applying learning design resources and considering theoretical underpinnings and technologies that support different pedagogical approaches.
Here are the answers to the true/false questions in the "What I Know" section:
1. True
2. True
3. True
4. True
5. True
6. False (the correct shortcut is msconfig)
7. True
8. True
9. True
10. True
11. False (the correct way to open System Configuration is to click Start > Run and type msconfig)
The document discusses different levels of technology integration in education - literacy, adapting, and transforming - based on Grappling's Technology and Learning Spectrum model. It provides examples for each level. Literacy involves basic technology skills, while adapting uses technology to enhance existing lessons. Transforming level uses technology to allow student-centered, collaborative projects that solve real-world problems and are shared outside the classroom. The document also reviews relevant standards for students, teachers, and administrators regarding effective educational technology use.
Media and Information Literacy- Performance Task (Project) Digital Poster Ma...Arniel Ping
Learning Competencies
Learners will be able to…
A. create a text and visual digital poster which will campaign for high school students to be a responsible user and competent producer of media information (SSHS);
B. organize a creative and interactive symposium where students will present their posters and discuss its subject and message to junior high school students (SSHS); and
C. produce and evaluate a creative text and visual based presentation using design principle and elements (MIL11/12TIM-IVb-6/ MIL11/12VIM-IVc-10)
Aims and objectives of teaching computer science, Introduction, Aims of teaching computer science, Objectives of teaching computer science, Bloom's taxonomy of objectives, Cognitive domain, Affective domain and psychomotor domain
This document provides information on drafting floor plans, including technical terms and area planning considerations. It discusses the three main functional areas of a house: living areas, sleeping areas, and service/mechanical chore areas. For each area, it provides guidance on layout, sizes, and noise control considerations. Specific rooms discussed include the living room, bedrooms, kitchen, and bathroom. The document emphasizes the importance of logically dividing a building's functions into specific areas during the design process.
This lesson plan outlines a photography project for 5th grade students where they will create digital silhouettes expressing a verb through poses. Students will take self-portraits, remove backgrounds using Photoshop Elements, and add colors and text to create "iExpress" portraits inspired by iPod ads. The plan details objectives, standards, assessments, required technology and materials, procedures for guiding students through each step, and considerations for classroom management.
Inquiry and information_fluency_mini_lessonsCherelleR
This lesson teaches students about international business practices and cultural differences. Students will research a foreign country and create a brochure highlighting differences from U.S. business practices. The brochure covers topics like currency, dining, social customs, dress code, and business protocol. Creating the brochure helps students understand why knowledge of other cultures is important when working with international clients or in global companies. Students will cite sources and be evaluated using a rubric.
Similar to signed off_Empowerment TechG11.q1_ Mod3_Imaging_Design_v3.pdf (20)
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIVladimir Iglovikov, Ph.D.
Presented by Vladimir Iglovikov:
- https://www.linkedin.com/in/iglovikov/
- https://x.com/viglovikov
- https://www.instagram.com/ternaus/
This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation.
Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners.
This case study covers various aspects, including:
People: The contributors and community that have supported Albumentations.
Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions.
Challenges: The hurdles in monetizing open-source projects and measuring user engagement.
Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration.
Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community.
Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations.
Mental Health: Maintaining balance and not feeling pressured by user demands.
Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth.
Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects.
Explore more about Albumentations and join the community at:
GitHub: https://github.com/albumentations-team/albumentations
Website: https://albumentations.ai/
LinkedIn: https://www.linkedin.com/company/100504475
Twitter: https://x.com/albumentations
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Zilliz
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Building RAG with self-deployed Milvus vector database and Snowpark Container...Zilliz
This talk will give hands-on advice on building RAG applications with an open-source Milvus database deployed as a docker container. We will also introduce the integration of Milvus with Snowpark Container Services.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
Presentation of the OECD Artificial Intelligence Review of Germany
signed off_Empowerment TechG11.q1_ Mod3_Imaging_Design_v3.pdf
1.
2. Empowerment Technology - Senior High School
Alternative Delivery Mode
Quarter 1 - Module 3: Imaging and Design For the Online Environment
First Edition, 2020
Republic Act 8293, section 176 states that: No copyright shall subsist in any work
of the Government of the Philippines. However, prior approval of the government
agency or office wherein the work is created shall be necessary for exploitation of
such work for profit. Such agency or office may, among other things, impose as a
condition the payment of royalty.
Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this book are owned by their respective copyright
holders. Every effort has been exerted to locate and seek permission to use these
materials from their respective copyright owners. The publisher and authors do not
represent nor claim ownership over them.
Published by the Department of Education – Region X – Northern Mindanao
Regional Director: Dr. Arturo B. Bayocot, CESO V
Development team of the module
Author:
Alan R. Martinez
Editors:
Reviewers:
Jay Michael A. Calipusan
Myra Rachelle G. Calipusan
Eric John N. Brandino
Illustrator
Layout Artist:
Alan R. Martinez
Management Team: Himaya B. Sinatao
Printed in the Philippines by
Department of Education - Alternative Delivery Mode (DepEd-ADM)
Office Address: Masterson Avenue, Upper Balulang, Zone 1, Cagayan de Oro
City, Cagayan de Oro, Lalawigan ng Misamis Oriental
Telefax: ________________________________________________
E-mail Address: ________________________________________________
Development Team of the Module:
Author: Alan R. Martinez
Reviewers: Jay Michael A. Calipusan
Myra Rachelle G. Calipusan
Eric John N. Brandino
Illustrator: Jay Michael A. Calipusan
Layout Artist: Alan R. Martinez
Management Team:
Chairperson: Dr. Arturo B. Bayocot, CESO III
Regional Director
Co-Chairpersons: Dr. Victor G. De Gracia Jr., CESO V
Asst. Regional Director
Mala Epra B. Magnaong
CES, CLMD
Members: Dr. Bienvenido U. Tagolimot, Jr.
Regional ADM Coordinator
Elson C. Jamero
EPS-Designate-TLE
Printed in the Philippines by: Department of Education – Regional Office 10
Office Address: Zone 1, Upper Balulang Cagayan de Oro City 9000
Telefax: (088) 880-7071, (088) 880-7072
E-mail Address: region10@deped.gov.ph
3. Senior High School
Empowerment
Technology
Quarter 1 - Module 3:
Imaging and Design For the
Online Environment
This instructional material was collaboratively developed and reviewed by
educators from public and private schools, colleges, and or/universities. We
encourage teachers and other education stakeholders to email their feedback,
comments, and recommendations to the Department of Education at action@
deped.gov.ph.
We value your feedback and recommendations.
Department of Education ● Republic of the Philippines
4. Table of Contents
What This Module is About…………………………………………………………………i
What I Need to Know……………………………………………………………………….i
How to Learn from this Module………………………………………………………….....ii
Icon of this Module………………………………………………………………………….ii
What I Know………………………………………………………………………………..iii
Lesson 1:
Evaluate Existing Websites And Online Resources
What I Need to Know…………………………………………..………………………….…1
What's New: Evaluate the design of Arngren website. ………………………………………2
What Is It: Basic Principles of Graphics and Layout………………………………………….3
What's More: Different Principles of Design and Elements of Design Used.
(Website) …………………………………………………...………………………………..7
What Is It: What is Infographic? …………………………...…………………………………8
What More: Different Principles of Design and Elements of Design Used
(Infographic) …………………………………………….………………………………….10
What I Have Learned: Synthesizing Your Learning……..………………………………….11
What I Can Do: Giving Advice for Good Design………..…………………………………..12
Use Image Manipulation Techniques
What’s In…………………………………………………………………………..………..13
What I Need to Know………………………………………………………………………..13
What's New: Different ways to Manipulate Images…………………………………………14
What Is It: Photo Editing Software………………………………………………………….14
What’s More: Gathering Client Information ……………………..………………………....25
What I Have Learned: Creating Election Paraphernalia…………………………………...25
What I Can Do: Create an awareness campaign against water pollution…………………26
Summary: ………………………………………………………………………..……...….27
Assessment: (Post -Test) ……………………………………………………….…….……28
Key to Answers: …………………………………………………………………….………29
References: …………………………………………………………………………..…….30
5. i
What This Module is About
We all know that a graphic design plays a very important role in world today. Everybody
loves beautiful design. Some would say a good design is magical but actually they just use a
set of tools properly and apply the rules to have a good design. Hopefully, this module will
help you improve your creativity in designing, may it be in website, tarpaulin or in infoghaphic.
This module is all about imaging and design for online environment. It covers the following
topics of:
1. Basic principles of graphics and layout
2. Principles of visual message design using infographics
3. Online file formats for images and text
4. Principles and basic techniques of image manipulation
5. Basic image manipulation using Photoshop or open source software
6. Combining text, graphics, and images
7. Uploading, sharing, and image hosting platforms.
What I Need to Know
At the end of this module, you should be able to:
1. Evaluate existing websites and online resources based on the principles of
layout, graphic, and visual message design. (CS_ICT11/12-ICTPT-Ie-f-7 );
2. Use image manipulation techniques on existing images to change or
enhance their current state to communicate a message for a specific
purpose. (CS_ICT11/12-ICTPT-Ie-f-8);
3. Create an original or derivative ICT content to effectively communicate a
visual message in an online environment related to specific professional
tracks. (CS_ICT11/12-ICTPT-Ig-h-9)
6. ii
How to Learn from this Module
A guide for you in going throughout the module:
• Carefully read all the lessons.
• Follow the directions and/or instructions in the activities and exercises diligently.
• Answer all the given tests and exercises.
• You can use the internet if you need more information about the lesson.
Icons of this Module
What I Need to
Know
This part contains learning objectives that
are set for you to learn as you go along the
module.
What I know This is an assessment as to your level of
knowledge to the subject matter at hand,
meant specifically to gauge prior relatedt
knowledge
What’s In This part connects previous lesson with that
of the current one.
What’s New An introduction of the new lesson through
various activities, before it will be presented
to you
What is It These are discussions of the activities as a
way to deepen your discovery and
understanding of the concept.
What’s More These are follow-up activities that are
intended for you to practice further in order to
master the competencies.
What I Have
Learned
Activities designed to process what you have
learned from the lesson
What I can do These are tasks that are designed to
showcase your skills and knowledge gained,
and applied into real-life concerns and
situations.
7. iii
What I Know
Multiple Choice:
Directions: Read and answer the questions below. Write the letter of the correct
answer.
______1. Which principle of design have equal distribution of visual weight?
A. Space C. Proximity
B. Balance D. Alignment
______2. Which principle of design duplicate the characteristics of similar elements?
A. Repetition C. Proximity
B. Balance D. Alignment
______3. Which principle of design refers to lining up the elements?
A. Space C. Rhythm
B. Contrast D. Alignment
______4. Which principle of design use conflicting elements or colors?
A. Space C. Rhythm
B. Contrast D. Alignment
______5. What kind of balance occur when a design have equal graphic weight?
A. Symmetrical balance C. Asymmetrical balance
B. Linear balance D. Radial balance
______6. What kind of balance occur when a design have unequal graphic weight?
A. Symmetrical balance C. Asymmetrical balance
B. Linear balance D. Radial balance
______7. What kind of balance occurs when the design elements swirl out?
A. Symmetrical balance C. Asymmetrical balance
B. Linear balance D. Radial balance
______8. Which element of design defined by points moving in space?
A. Direction C. Shape
B. Texture D. Line
______9. Which element of design refers to the area that an object occupies?
A. Direction C. Shape
B. Texture D. Line
______10. Which element of design refers to the surface quality of a shape?
A. Direction D. Shape
B. Texture D. Line
8. iv
______11. Which element of design is used to create emotions to the viewer?
A. Colors C. Size
B. Texture D. Line
______12. Which element of design refers to the relationship of the area occupied
by one shape to that of another?
A. Direction C. Size
B. Texture D. Line
______13. Which principle of design maintains a relationship between items that go
together?
A. Space C. Repetition, Pattern, and Rhythm
B. Balance D. Proximity
______14. Which principle of design duplicates the characteristics of similar
elements to contribute to design consistency?
A. Space C. Repetition, Pattern, and Rhythm
B. Balance D. Proximity
______15. Which principle of design that is left blank?
A. Space C. Repetition, Pattern, and Rhythm
B. Balance D. Proximity
9. 1
Lesson
Evaluate Existing Websites And Online
Resources
1
What I Need to Know
Before we can produce a high-quality design project whether designing a
website, designing a tarpaulin, creating banners or logos, we need to know and
follow the basic principles and elements of design. You may ask why? Well, because
people care about the way things look. Take a look at the picture below.
The picture above shows a good web design website. It uses the different
elements on its design properly. Not only that, the website designer also follows the
rules in organizing and placing the different elements in making website design.
Photo Credit: https://www.carousell.ph/
10. 2
What’s New
Activity 1 – Evaluate the design of Arngren website.
In creating any design, we should always remember the different types of elements to be
used and how to use them properly. Given the picture below, what can you say about the design of
the website? Do you like the design of Arngren website? Why? Why not?
Photo Credit: http://arngren.net/
11. 3
What is It
Basic Principles of Graphics and Layout
The elements and principles of design are the building blocks of a successful
beautiful design. The elements of design are the things or tools that make up a design
while the Principles of design are what we do to those elements.
The Elements of Design
These are the materials or tools to make different designs or Arts.
LINE – Lines are defined by points moving in space. It can
create a sense of movement or direction in your design.
Line is can be smooth, rough, straight, curve, broken, thick
or thin.
SHAPE – A shape is an enclosed space, the boundaries of
which are defined by other elements of art like lines, colors,
values or textures. Shapes can be used to create patterns
and draw the viewer’s attention.
DIRECTION – Applying motion to create the visual illusion of movement. Use
horizontal direction for calmness, stability and tranquility while vertical direction for
emotions of balance, formality and alertness.
SIZE (SCALE) – Size is basically the relationship of the
area occupied by one shape to that of another. Large
elements means more significant than the small one.
TEXTURE – Texture refers to surface appearance of an
object given by the dimensions, form, thickness,
arrangement, and amount of its basic parts.
COLOR – Color is light redirected off objects. It is used
to create curiosity and emotions to the viewer’s. It has
three main characteristics: hue (these are red, green,
blue, etc.), value (lightness/ darkness), and intensity
(saturation, or amount of pigment) and temperature
(warm and cool).
Image: "Lines" by Alan R. Martinez
Image: "Shapes" by Alan R. Martinez
Image: "Scale" by Alan R. Martinez
Image: "Texture" by Alan R. Martinez
Image: "Color" by Alan R. Martinez
12. 4
The Principles of Design
These are the rules that help you organize and place the materials to make arts
or designs.
1. BALANCE – Balance in design is the state of equal relationship. It means equal
distribution of visual weight in a design. It can be achieved by adjusting the visual
weight of each element, in terms of size, color, textures, shapes or contrast.
Balance in graphic design provides stability and structure to a design.
There are different kinds of balance:
Symmetrical balance occurs when identical weights are on equal sides of
a composition.
Asymmetrical balance occurs when a design have unequal graphic weight on
either side, but those unequal graphics need to balance each other (un-evenly
balanced).
https://www.pexels.com/photo/light-landmark-building-
architecture-135018/
Image: "balance" by Alan R. Martinez
https://pixabay.com/photos/black-and-white-trees-road-path-
692155/
13. 5
Radial balance occurs when the design elements swirl out from a central
axis (emanating from a central point)
2. PROXIMITY – Proximity maintains a relationship between items that go together.
It helps creates organization by grouping the same elements together or in close
proximity. The elements should be connected visually.
3. ALIGNMENT – Alignment refers to lining up the elements of a design along the
top, bottom, center or sides of the elements. It allows us to create order and
organization in our design. The whole point of the alignment is that nothing in your
design should look as if it were placed there randomly.
https://www.apple.com/mac/
https://www.pexels.com/photo/brown-and-black-round-concrete-
surface-3602215/
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_c
ss_social_login
14. 6
4. REPETITION, PATTERN, AND RHYTHM – Repetition duplicates the
characteristics of similar elements to contribute to design consistency. It
strengthens a design by tying together individual elements; pattern is a regular
arrangement of alternated or repeated elements like shapes, lines or colors;
rhythm--is a combination of elements repeated, but with variations.
5. CONTRAST – Contrast refers to the use of conflicting elements or colors while still
remaining harmonious and unified when the artwork is viewed as a whole. It allows
you to give emphasis to key elements in your design.
6. SPACE – It refers to the area that an object occupies. Both positive and negative
space should be considered in graphic design. White space gives your design
breathing room.
https://pixabay.com/illustrations/circle-district-colorful-structure-
2891368/
https://www.apple.com
Fish image from https://pixabay.com/vectors/swordfish-fish-
marine-sea-ocean-311074/ modified by: Alan R.
Martinez
15. 7
What’s More
Activity 2 – Different Principles of Design and Elements of Design Used.
Based on the given picture below, identify what Principles of Design and Elements of Design
being used.
Principles of Design Used
1.
2.
3.
4.
5.
Elements of Design Used
1.
2.
3.
4.
5.
16. 8
What is It
What is Infographic?
The term Information graphic or Infographic
is a photographic presentations of data and
information that use the different elements of
design to make data easily understandable at a
glance. Infographics make complex messages
become more visually appealing to the viewers.
Visual Message Design can help with
effectiveness of delivery of a message. It can lend
assistance in presenting your ideas clearly.
Some Tools For Creating Infographics
1. Biteable https://biteable.com/infographic/
2. BeFunky https://www.befunky.com/features/infographic-maker/
3. Visme https://www.visme.co/make-infographics/
4. Cacoo https://cacoo.com/
5. Snappa https://snappa.com/create/infographics
6. Canva Infographic Maker https://www.canva.com/create/infographics/
7. Google Chart https://developers.google.com/chart/
8. Piktochart http://piktochart.com/
9. Infogram http://infogr.am/
10. Mind the Graph https://mindthegraph.com/
https://commons.wikimedia.org/wiki/File:Wom
en_Degraded_in_Music_Videos_Infographics.p
ng
17. 9
Principles of Visual Message Design using Infographics
1. Be unique
Be creative is one of the most important aspect of designing an effective
infographic.
.
2. Keep it simple
Make a design easy to understand. Straight to the point and focus more
on the message.
3. Less is more
Focus on what matters. Keep your text minimal will most likely produce
more impact than a page full of words.
4. Sharing
Share it with your friends. It is the most important and effective thing to
do in making infographic.
Tutorials and trainings in Creating Infographics using Piktochart
1. Visit youtube website. Open your favorite browser and type in
www.youtube.com in the address bar.
2. Search Infographic Tutorials. Type in piktochart infographic tutorials in the
search bar.
2. Watch Tutorials. Select a video and start watching tutorials.
18. 10
What’s More
Activity 3 – Different Principles of Design and Elements of Design Used.
Based on the given picture below, what can you say about the infographic in terms of design?
What is the message of the infographic?
Screen capture from: https://visual.ly/community/infographic/computers/think-you-click
19. 11
What I Have Learned
Activity 4 – Synthesizing Your Learning
Answer the following questions based on your learning. Be brief and concise. From your own
understanding, make a list on:
1. What makes a good design?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
2. What makes a good infographics?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
20. 12
What I Can Do
Activity 4 – Giving Advice for Good Design
The website below is considered as on of the worst design website of 2018 by
https://www.loungelizard.com/top-5-worst-website-designs-of-2018/. As a student who knew the
different Elements of Design and Principles of Design, what advice can you give to the creator of
arngren website to make it more attractive?
21. 13
Lesson
Use Image Manipulation Techniques
2
What’s In
. In lesson 1, you have learned how to make a good design by applying the
different Element of Design and following the Principles of Design. You were also
able to distinguish what is a good and a bad design
What I Need to Know
How do you manipulate text and images?
What is the best image format to be use in your projects?
What is the best resolution in creating your projects?
The questions above are some of the few questions that comes into mind
when we talk about Photo Editing Sofware. The picture above is the Graphical user
interface (GUI) of GIMP Photo Editor that we will be using throughout the lesson 2.
Before we go further, you need to answer the first activity of the lesson
22. 14
What’s New
Activity 1: Different ways to manipulate images
Image manipulation is an art that involves enhancing or modifying an image
using different methods and techniques to achieve desired result. By using image
manipulation on your photos, you can remove blemishes on your face, change
backgrounds, smooth out rugged areas, and so on and so forth.
Different ways to manipulate images
1. Resizing 5.
2. 6.
3. 7.
4. 8.
What Is it
Photo editing and designing software allow you to manipulate or edit images.
In order to perform image manipulation, you need to have basic knowledge of image
editing operations such as cutting, cropping, replacing and more.
For this, you need an image editing software for image manipulation practices.
The followings are some examples of image editing software:
Adobe Photoshop
Gimp
Corel Draw
Pixlr Editor
PAINT.NET
InPixio
23. 15
Online File Formats for Images and Text
Image file format refer to how data associated to the image will be stored. It
can be compressed to decrease file size of the image. There are two different
compression you can choose when enhancing your images: lossy and lossless
compression. Lossy compression reduces file size by removing redundant
information means that some data from the image file is lost. While Lossless
compression retains values and manages to lower file size.
Common image file formats
Name Extension Color Compression Common Uses
Joint
Photographic
Experts
Group
.jpg,
.jpeg
24- bit Lossy Used for Online photos and / or
artwork
Graphic
Interchange
Format
.gif 8 – bit Lossless Animated graphics like banner
ads, email images and social
media memes
Portable
Network
Graphics
.png Up to
24-bit
Lossless High-quality transparent web
graphics. Considered as best
image file type for web graphics.
Tagged
Image
File Format
.tif,
.tiff
24-bit lossless Primarily used in photography
and desktop publishing.
Image resolution refers to the number of pixels in an image or the detail an
image holds. It is identified by the height and the width of the image. A pixel is just
one unit of the whole digital image it is the smallest unit of an image. The higher the
resolution, means that there more pixels per inch (PPI), resulting in more pixel
information and creating a high-quality, crisp image.
24. 16
What is GIMP?
GIMP is a cross-platform image editor available for
GNU/Linux, OS X, Windows and more operating systems. It is free
software, you can change its source code and distribute your
changes.
GIMP means "GNU Image Manipulation Program". It is free
software to download at http://www.gimp.org/. GIMP was built for
a Linux system, but it can also runs on any platforms like Windows and Mac OS.
Gimp Tutorials
Download and install Gimp Image Editor
a. Open your browser and visit
http://www.gimp.org/.
b. From the GIMP website, click on the button that says “Download” to
proceed to the download page.
c. Scroll down and look for the Current Stable Version. Click Download
GIMP directly.
d. Choose where you going to save your GIMP installer and Click Save.
Wait for the download to finish, it may take some time.
e. To install the GIMP application, Double click or Right Click on the file
installer to start the installation.
f. Just follow the on screen instruction to install the GIMP.
25. 17
g. For more detailed instruction on how to download and install Gimp in
your computer, please visit youtube website and type in “How to
download and Install Gimp” in the search bar and click search. See
picture below for the guide.
Crop and Resize an image.
a. Open GIMP photo editor and click on File > Open to open the image you
wish to crop and resize.
b. The image opens in a new editing window. Select
the rectangular icon from the GIMP toolbar.
c. After select that tool, move your mouse to the
image window and create a selection that you
wish to crop.
d. Then, select Image > Crop to selection from the
menu bar or you can also right click the image window and select Image
> Crop to selection.
e. To resize the image, you can click Image > Rescale Image.
f. Enter your desired width and click Scale. The image will then be resized
and automatically rescaled using the width you entered.
g. If you are satisfied with the result, you may now save you file by clicking
File > Save as.
26. 18
h. For the instruction on how to crop and resize an image, please visit
youtube website and type in “gimp tutorial resize and crop image” in the
search bar and click search. See picture below for the guide.
Color Adjustment.
a. Open GIMP photo editor and click on File > Open to open the image you
wish to adjust the color.
b. Click Colors > Levels from the menu bar or right click the image
window and select Colors > Levels.
c. Click on textbox beside Channel to view the four options: RGB
(Red,Green, Blue) and alpha.
d. You can adjust the red channel by selecting it and changing the value or
adjusting the input and output level.
e. You can continue adjusting the color levels by selecting the “Green” or
“Blue” channel options and then dragging the triangular slider buttons for
the preferred effect.
f. If you are satisfied with the result, you may now save you file by clicking
File > Save as.
27. 19
g. For more tutorials about applying color adjustment on an image, please
visit youtube website and type in “gimp tutorial Color Adjustment” in the
search bar and click search. See picture below for the guide.
Brightness and Contrast.
a. Open GIMP photo editor and click on File > Open to open the image
you wish to adjust the brightness and contrast.
b. Click Colors > Brightness-Contrast from the menu bar or right click
the image window and select Colors > Brightness-Contrast
c. A new dialogue box will appear so that you can adjust your settings.
d. You can adjust the "Brightness" and "Contrast" by clicking and dragging
the scrollers left or right or by entering a value into the text boxes.
28. 20
e. You can click on “Edit these Settings as Levels" to bring up the
"Levels" pop-up window.
f. The "Brightness-Contrast" is a simpler version of the changes that you
can make with "Levels". "Levels" gives you much more control over the
editing process.
g. For the instruction on how to apply color adjustment on an image, please
visit youtube website and type in “gimp tutorial Brightness & Contrast” in
the search bar and click search. See picture below for the guide.
Text Tutorial.
a. Open GIMP photo editor. And Create a new document by clicking File
> New. Just accept the default value then click OK.
b. Open the Type tool by clicking on the black "A" in the Toolbox window
or by just pressing the letter “A” in your keyboard.
c. Select the Philosopher font type. If you don’t have philosopher font you
can download it here
https://www.ffonts.net/Philosopher.font?text=ABCDEFG
29. 21
d. Type the word “Google” in the image window.
e. Highlight 2 letter “G” and change the color to blue. Next, highlight the
first letter “o” and change their color to red, highlight the next letter “o”
and change their color to yellow lastly highlight the letter “l” and change
their color to green.
f. Don’t forget to lock the transparency when you’re done.
g. The next step is to convert the text into an image. Right click on your
google text layer and then click "Discard Text Information".
h. GO to your google layer. Right Click > Duplicate Layer, lock
transparency and fill the layer with black.
i. Open Gaussian blur by click Filters > Blur > Gaussian blur
30. 22
Do a Gaussian blur of 10 pixels.
j. Select the layer that contains the colored Google logo and Open Bump
Map by clicking Filter > Map > Bump Map. Enter the following
information:
Azimuth: 90
Elevation: 45
Depth: 7
Leave the default value for X offset, Y offset, Water level and Ambient.
k. For more tutorials about Text and Text effects, please visit youtube
website and type in “gimp text effects” in the search bar and click search.
See picture below for the guide.
Image Manipulation (Bear on the Road).
a. Open GIMP photo editor and click on File > Open
b. Locate the 2 images (European brown bear and road). If you don’t have
these images please download it here:
Bear : https://pixabay.com/photos/european-brown-bear-brown-bear-
3336849/
Road : https://pixabay.com/photos/road-scenery-destination-4125391/
31. 23
c. Select the Free Selection Tool from the tool bar.
d. Go to the tool option, and tick on Feather edges.
e. Change the value of the radius to 10
f. Create a selection in the image(A) then press
CTRL+X to cut the selection and go to the next
image and press CTRL-V paste (B).
g. You can used the move tool to adjust the bear image.
h. Erase the unwanted outer image by using the Eraser Tool from the
tool bar then go to tool option and select the brush size.
i. Click and drag the outer image to delete.
j. Finally, click on Colors > Hue Saturation
k. Adjust the saturation.
l. For more tutorials about image manipulation, please visit youtube
website and type in “gimp manipulate images” in the search bar and
click search. See picture below for the guide.
Figure 1 :A 2Figure 2 :B
32. 24
Combining Text, Graphics, and Images
Combining text, graphics, and images in your design will make your message
clearer.
Transparent shapes
o Add simple opacity to your shape to see clearly the text you want to
emphasize. It adds an elegant and focal point to your design
Fonts and Shapes
o Used the right font size (not to small and not to big) and font type in your
design and combined it with a nice shapes.
Text and background
o Organized your design. Make used of the different text alignment on an
image(s).
Clean and clear background
o Less is more. Focus on what matters. Use a clean and clear background
for the message to be readable.
33. 25
What’s More
Activity 2: Gathering Client Information
You were approach by a politician and asked you to make election tarpaulin
for him. In this case, write down at least five (5) questions that you would want to ask
him/her before making the tarpaulin.
Five (5) Questions:
1.
2.
3.
4.
5.
What I Have Learned
Activity 3: Creating Election Paraphernalia
Make a tarpaulin layout based on the importations you gathered on activity 2.
Rubric for Tarpauline Design
Criteria 4 3 2 1
Graphics −
Clarity
Graphics are all in
focus and the
content easily
viewed and identified
Most graphics
are in focus and
the content
easily viewed
and identified
Most graphics
are in focus but
the content is not
easily viewed
and identified
Many graphics are
not clear or are
too small.
Attractiveness The tarpaulin
design is
exceptionally
attractive in terms
of design, layout,
and neatness.
The tarpaulin
design is
attractive in
terms of design,
layout, and
neatness.
The tarpaulin
design is
acceptably
attractive though
it may be a bit
messy.
The tarpaulin
design is
distractingly
messy or very
poorly designed. It
is not attractive.
34. 26
What I Can Do
Activity 4: Create an awareness campaign against water pollution
Directions: Design an Awareness Campaign against water pollution. You can used
any image editing tools (Photoshop, Gimp , etc.)
Size: 4ft x 8ft
Rubric for Tarpauline Design
Criteria 4 3 2 1
Content
Student can
accurately
answer all
questions
related to facts
in the poster
and processes
used to create
the tarpaulin
design.
Student can
accurately
answer most
questions
related to facts
in the poster
and processes
used to create
the tarpaulin
design.
Student can
accurately
answer about
75% of
questions
related to facts
in the poster
and processes
used to create
the tarpaulin
design.
Student appears
to have
insufficient
knowledge about
the facts or
processes used
in the tarpaulin
design.
Graphics −
Clarity
Graphics are all
in focus and the
content easily
viewed and
identified
Most graphics
are in focus and
the content easily
viewed and
identified
Most graphics
are in focus but
the content is not
easily viewed
and identified
Many graphics are
not clear or are
too small.
Attractiveness
The tarpaulin
design is
exceptionally
attractive in
terms of design,
layout, and
neatness.
The tarpaulin
design is
attractive in
terms of design,
layout, and
neatness.
The tarpaulin
design is
acceptably
attractive
though it may
be a bit messy.
The tarpaulin
design is
distractingly
messy or very
poorly designed.
It is not
attractive.
Mechanics
Free of
grammatical
errors
Mostly free of
grammatical
errors
Frequent
grammatical
errors
Too frequent
grammatical
errors
35. 27
Summary
Elements of Design - Elements of Design are the materials or tools to make
different designs or Arts.
Line – Lines are defined by points moving in space.
Shape – Shape refers to the area that an object occupies
Direction – Applying motion to create the visual illusion of movement.
Size (scale) – Size is basically the relationship of the area occupied by one shape to
that of another.
Texture – Texture refers to surface appearance of an object given by the dimensions,
form, thickness, arrangement, and amount of its basic parts.
Color – Color is light redirected off objects
Principles of Design - Principles of Design are the rules that help you organize and
place the materials to make arts or designs.
Balance – Balance in design is the state of equal relationship
Symmetrical balance occurs when identical weights are on equal sides of a
composition.
Asymmetrical balance occurs when a design have unequal graphic weight on either
side, but those unequal graphics need to balance each other (un-evenly balanced).
Radial balance occurs when the design elements swirl out from a central axis
(emanating from a central point)
Proximity – Proximity maintains a relationship between items that go together.
Alignment – Alignment refers to lining up the elements of a design along the top,
bottom, center or sides of the elements.
Repetition, pattern, and rhythm – Repetition duplicates the characteristics of similar
elements to contribute to design consistency.
CONTRAST – Contrast refers to the use of conflicting elements or colors while still
remaining harmonious and unified when the artwork is viewed as a whole.
SPACE – Space is the part of a design that is left blank.
Infographic -The term Information graphic or Infographic is a photographic
presentations of data and information that use the different elements of design to make
data easily understandable at a glance.
Photo editing Tool - Photo editing Tool and designing software allow you to
manipulate or edit images.
Image file format - Image file format refer to how data associated to the image will be
stored. It can be compressed to decrease file size of the image.
Lossy compression- Lossy compression reduces file size by removing redundant
information means that some data from the image file is lost.
Lossless compression - Lossless compression retains values and manages to lower
file size.
Image resolution - Image resolution refers to the number of pixels in an image or the
detail an image holds.
Pixel - Pixel is just one unit of the whole digital image it is the smallest unit of an image.
Gimp - GIMP is a cross-platform image editor available for GNU/Linux, OS X,
Windows and more operating systems.
36. 28
Assessment: (Post-Test)
I. Directions: Identify every item below if it belongs to the elements of design or the
principles of design. Write E if it belongs to the Elements of Design and write P if it
belongs to the Principles of Design.
1. Color
2. Proximity
3. Direction
4. Alignment
5. Space
6. Texture
7. Contrast
8. Size
9. Balance
10. Line
II. Directions: Read the statements below an answer. Write “T” if the statement
is true and write “F” if the statement is false.
1. Infographic is a presentations of data and information that use the different elements
of design to make data easily understandable at a glance.
2. Pixel refers to the number of pixels in an image or the detail an image holds.
3. Visual Message Design can help with effectiveness of delivery of a message.
4. Lossy compression retains values and manages to lower file size.
5. In Elements of Design, large elements gives more significant than the small one.
37. 29
Answer Key
Pre-Test Answer Key:
Lesson
1
Activity
1:
Evaluate
the
design
of
Arngren
website
(Answers
may
vary
based
on
personal
inclination.)
Pre-Test
1.
b
2.
a
3.
d
4.
b
5.
a
6.
c
7.
d
8.
d
9.
c
10.
b
11.
a
12.
c
13.
d
14.
c
15.
a
Post-Test
Part
I
1.
E
2.
P
3.
E
4.
P
5.
P
6.
E
7.
P
8.
E
9.
P
10.
E
Part
II
11.
T
12.
F
13.
T
14.
F
15.
T
Lesson
1
Activity
2:
Different
Principles
of
Design
and
Elements
of
Design
Used.
(Website)
Elements
of
Design
Principles
of
Design
Line
Asymmetrical
Balance
Shape
Proximity
Texture
Alignment
color
Contrast
Space
Lesson
1
Activity
3:
Different
Principles
of
Design
and
Elements
of
Design
Used.(Infographics)
(Answers
may
vary,
as
this
is
a
personal
question.
However,
the
learner
must
be
able
to
give
the
principles
of
visual
message
used.)
Lesson
1
Activity
4:
Synthesizing
Your
Learning
Used.(Infographics)
(Answers
may
vary,
as
this
is
a
personal
question.
However,
the
learner
must
be
able
to
give
pointers
of
a
good
design.)
Lesson
1
Activity
5:
Giving
Advice
for
Good
Design
(Answers
may
vary
)
The
website
designer
should
use
the
Elements
of
Design
properly.
He/She
should
follow
the
rules
or
the
Principles
of
Design.
38. 30
References:
Toptal.com, “The Principles of Design and Their Importance”, Accessed January 31, 2019, ,
https://www.toptal.com/designers/ui/principles-of-design,
Medium.com/, “10 Basic Principles of Graphic Design”, Accessed January 20, 2019,
https://medium.com/@anahatrawal/10-basic-principles-of-graphic-design-b74be0dbdb58
Hawaii.edu, “Elements of Design”, Accessed January 19, 2019,
http://www2.hawaii.edu/~meidor/art_101/elements_of_design.html
99designs.com, “The 6 elements of design”, Accessed January 19, 2019,
https://99designs.com/blog/tips/elements-of-design/
Ivanexpert.com ,” The 5 Types of Digital Image Files: TIFF, JPEG, GIF, PNG, and Raw
Image Files, and When to Use Each One”, Accessed January 20, 2019,
https://www.ivanexpert.com/blog/2010/05/the-5-types-of-digital-image-files-tiff-jpeg-gif-png-
and-raw-image-files-and-when-to-use-each-one/
Designshack.net ,“Designing an Infographic? 5 Elements You Must Include”, Accessed
January 19, 2019, https://designshack.net/articles/graphics/5-key-infographic-elements/
Imagify.io ,” Lossy vs Lossless Image Compression ”,Accessed January 19, 2019,
https://imagify.io/blog/lossless-vs-lossy-image-compression/
“Desource.uvu.edu, “Visual Design Theory & the Web”, Accessed January 27, 2019,
http://desource.uvu.edu/dgm/2740/IN/steinja/lessons/03/l03_04.html?m=1
Johnlovett.com, “Original Design Overview”, Accessed January 27, 2019,
https://www.johnlovett.com/design-overview
Creativemarket.com, “10 Basic Elements of Design”, Accessed January 27, 2019,
https://creativemarket.com/blog/10-basic-elements-of-design
Char.txa.cornell.edu, “Art, Design, and Visual Thinking”, Accessed January 28, 2019,
http://char.txa.cornell.edu/language/PRINCIPL/principl.htm
En.wikipedia.org, “Visual design elements and principles”, Accessed January 28, 2019,
https://en.wikipedia.org/wiki/Visual_design_elements_and_principles
99designs.com, “The 7 principles of design”, Accessed January 29, 2019,
https://99designs.com/blog/tips/principles-of-design/
Venngage.com ,“What is an Infographic? Examples, Templates & Design Tips”, Accessed
January 20, 2019, https://venngage.com/blog/what-is-an-infographic/
Wmich.edu,“ Using GIMP to Crop and Resize an Image”, Accessed January 29, 2019,
https://wmich.edu/helpdesk/webgimp
Gimp.org ,“Tutorials”, ”, Accessed January 20, 2019, https://www.gimp.org/tutorials/