Empowerment Technologies Module 1 to 5 created by my with references, Study Guides, Projects, Research of Technology

Download Empowerment Technologies Module 1 to 5 created by my with references and more Study Guides, Projects, Research Technology in PDF only on Docsity! Address: San Joaquin Road, Poblacion, Malvar, Batangas 09171601390 info@shsinmalvar.org www.shsinmalvar.org Republic of the Philippines Department of Education REGION 1V-A CALABARZON SCHOOLS DIVISION OF BATANGAS PROVINCE MALVAR SENIOR HIGH SCHOOL POBLACION, MALVAR, BATANGAS Empowerment Technologies Quarter 1 – Module 4: The Principles and Techniques of Design and Applications to Develop ICT Content Module in Empowerment Technologies Author: MARIA BUENASGRACIA O. NOBLETA School: SENIOR HIGH SCHOOL IN MALVAR, School Address: MALVAR, BATANGAS For the learner: Welcome to the Empowerment Technologies Alternative Delivery Mode (ADM) Module on The Principles and Techniques of Design and Applications to Develop ICT Content. This module was designed to provide you with fun and meaningful opportunities for guided and independent learning at your own pace and time. You will be enabled to process the contents of the learning resource while being an active learner. This module has the following parts and corresponding icons: What I Need to Know This will give you an idea of the skills or competencies you are expected to learn in the module. What I Know This part includes an activity that aims to check what you already know about the lesson to take. If you get all the answers correct (100%), you may decide to skip this module. What’s In This is a brief drill or review to help you link the current lesson with the previous one. What’s New In this portion, the new lesson will be introduced to you in various ways such as a story, a song, a poem, a problem opener, an activity or a situation. What is It This section provides a brief discussion of the lesson. This aims to help you discover and understand new concepts and skills. What’s More This comprises activities for independent practice to solidify your understanding and skills of the topic. What I Have Learned This includes questions or blank sentence/paragraph to be filled in to process what you learned from the lesson. What I Can Do This section provides an activity which will help you transfer your new knowledge or skill into real life situations or concerns. Assessment This is a task which aims to evaluate your level of mastery in achieving the learning competency. Additional Activities In this portion, another activity will be given to you to enrich your knowledge or skill of the lesson learned. This also tends retention of learned concepts. Answer Key This contains answers to all activities in the module. NOTE: please do not write ANYTHING on this MODULE, write your answers on your notebook. Guide Questions 1. Which examples would you consider as having a good layout? Explain your answer. 2. Which examples do not have a good layout? Why do you say so? What improvements can be done to the layout? 3. Who do you think should be the target audience of such materials? Justify how the objects, images, or text used in the layout cater or do not cater to the target audience. What’s New Activity 1: Work with it!!! Directions. Do what is asked Guide Questions: 1. Can you recall how do you create your Gmail? Is it simple? 2. What facts do you have about the common requirements in signing-up in any online platforms? 3. What are the pros of having a Gmail account? What is It NATURE OF ONLINE PLATFORMS Presentation or Visualization – this is an online platform that allows you to present and share presentations, infographics and videos with other people • Cloud Computing – dictionary.com defines Cloud Computing as “Internet-based computing in which large groups of remote servers are networked so as to allow sharing of data-processing tasks, centralized data storage, and online access to computer services or resources”. • Cloud Computing is a platform often referred to simply as “the cloud”. In other words, instead of using your computer’s hard drive, you store and access your data and programs over the Internet. • Social Media – dictionary.com also defines Social Media as “websites and other online means of communication that are used by large groups of people to share information and to develop social and professional contacts”. • The information shared can be in the form of ideas, pictures, videos or anything that you want to create and share to the virtual communities. The information you share will be the basis of the people to interact, share content and collaborate with you and the large group of people. iv • Web Page Creation – this is an online platform that lets you build a web page that includes colors, text, images, and often contain links to media such as video and audio. The platform does not require any web programming skill as they provide a drag and drop interface and free hosting as well. v • File Management – this is an online platform that allows you to convert and manage files like images, video, documents, audio and more to other formats without downloading software tool. vi Basic Web Design Principles The most important factor in web design is the end user. So, in designing your own web pages, remember the following principles: Principle #1: Visual Language • Use a consistent template on each page with a uniform color scheme. • Use contrasting colors between text and background (dark over light or vice versa). Create the most contrast in the area where you want more attention to. • Avoid too large or too small font size. Avoid too many typefaces too. • Use common font style to similar items across the web pages. • Make important links or menus more prominent in terms of color. • Use high-quality pictures • Images used should follow the rule of thirds as a rough guideline. “The rule of thirds states than an image is most pleasing when its subjects or regions are composed along imaginary lines which divide the image into thirds — both vertically and horizontally.” http://www.cambridgeincolour.com/tutorials/rule-of-thirds.htm Principle #2: Balance • There should be a balance distribution of heavy and light elements on the page. • Proper alignment of text and images in a web page helps maintain consistency in design. • Important information is placed near the top. • The size of a button should be proportional to its expected frequency of use. • Group similar things together in terms of shape, color or shading. • Create a pattern which will make your page easier to use, remember and understand Principle #3: Paradox of Choice • “Paradox of choice means the more choices you provide, the easier for others to choose nothing.” Hence, you should eliminate unimportant or distracting menus or options. Basic Web Design Principles and Elements Platforms and Applications • Focus on user needs • Design around context of the multiuser in a multi-screen and in a multi-device. Principle #4: Focus on Content • Know the purpose of your web page so you could match the content with the purpose. • Content should be spellchecked. • Content should be organized. • There should be a clear delivery of content. • Include images on your content not just pure text. • Content should be updated. Always add something new to your content. If you have nothing to add, you can pick some free articles or free e-books at: http://www.web-source.net/free_articles.htm or http://www.web-source.net/free_ebooks.htm • Just make sure to acknowledge the author or include the author’s resource box. Principle #5: Simplify • Minimal design does not always mean an effective design. However, when choosing between simple and the opposite, the former is always a better choice than the latter. Hence, strive to have a simple design. • Keep content simple. • Use minimal animated graphics. • Maintain a look and feel across all the web pages. Basic Web Design Elements Web design elements are building blocks of a webpage. Here are the basic elements that were handpicked and organized for you to consider in your web design: Element #1: Illustrations and Styles • Illustrations include lines, shapes, texture and color which are fundamental elements that should not be overlooked. • Lines are used to organize, connect, and separate information and design elements. Combined with shapes, color, and texture they give us a visual grammar which you can use to communicate. Element #2: Links vii • Links are the most basic interface on web pages. Links should be distinctive in color from other types of text in a webpage. Keep links and regular text styled consistently to avoid users from thinking whether or not the text is a link. • Make sure your links are working. Element #3: Buttons and Menus viii • Just like links, buttons and menus are also essential to web pages and they too need consistent styles. • Buttons and menus should be well-organized. • Button labels and menus should be clear and easy to understand. Element #4: Images ix • Images also aids in communicating your message to the viewers. Aside from being used as fillers, images also helps in leaving a lasting first impression. • Use specific images that are related to your content so that it will draw attention not only to the content but to your web page as a whole. j. In your Inbox, click the message of Tumblr asking for your confirmation. k. Within the message, click Verify email address. l. The page below will appear when the verification is successful. Click skip to your web dashboard. m. Close the tab and go back to your gmail account. Sign out to your gmail account, close the tab and then go back to Tumblr. n. To log out your Tumblr account, click the face account and then click Log out. GETTING STARTED WITH WIX a. Go to Wix by typing www.wix.com in the address bar of your browser. Wix homepage will appear. b. Click Start Now. Sign In Page will appear c. If you want to sign in using your social media account on Facebook or Google, click the corresponding button. However, you can also sign in using your available email. Enter your email and password and then click Go. d. Enter your email and password again for verification. e. Click Go. When successful, a welcome page will appear. f. Select a category. Customizable templates will be displayed for you to choose from according to the selected category. If you are not decided on what category to use, choose anything and the selection can be changed later. g. Click Go and you’re ready to create your own website. h. To log out to your Wix account, hover to the arrow beside your username and then click Logout. What’s More Activity 4: ACROSS 1. 3. 5. MEDIA 7. 8. 10. DOWN 2. DRIVE 4. 6. 9. Activity 5: YOUR EXIT TICKET Directions: Complete the table 321 Exit Ticket by writing what is being asked. 321 EXIT TICKET 3 Things I learned 2 Things I Found Interesting 1 Questions I still have What I Can Do Activity 6: Look for the hidden words What I Have Learned Assessment Multiple choice: Match column A with the correct answer on column B COLUMN A COLUMN B ____ 1. This is an online platform that allows you to convert and manage files like images, video, documents, audio and more to other formats without downloading software tool. ____ 2. This is an online platform that allows you to present and share presentations, infographics and videos with other people. ____ 3. The information shared can be in the form of ideas, pictures, videos or anything that you want to create and share to the virtual communities. The information you share will be the basis of the people to interact, share content and collaborate with you and the large group of people. ____ 4. Is a platform often referred to simply as “the cloud”. In other words, instead of using your computer’s hard drive, you store and access your data and programs over the Internet. ____ 5. In this kind of platform, no coding skills are required. Instead, you manipulate with design components using an editor window and get the chance to choose what elements are placed on your page. ____ 6. Are unique full page layout that contains generic information which can be replaced by the users with their own personal information. ____ 7. You can use this to backup your files in the cloud and access them anywhere. ____ 8. It is a base of technologies designed to run within an online environment and provides interactive online services. ____ 9. You can use this to share text, photos, quotes, links, music, and videos from your browser, phone, desktop, email or wherever you happen to be. This is a microblogging service that has recently become a popular social media site. ____ 10. This is an online platform that lets you build a web page that includes colors, text, images, and often contain links to media such as video and audio. The platform does not require any web programming skill as they provide a drag and drop interface and free hosting as well. a) Tumblr File Management b) Slideshare c) online platform d) Wix e) Google Drive f) Web Templates g) Social Media h) Mapping i) Cloud Computing