www.shsph.blogspot.com Empowerment Technologies QUARTER 2 MODULE 8 Developing and Constructing the ICT Project TECHNICAL VOCATIONAL LIVELIHOOD www.shsph.blogspot.com Empowerment Technologies – Grade 12 Quarter 2 – Module 8: Developing and Constructing the ICT Project 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 royalties. Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names, trademarks, etc.) included in this module 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 - Schools Division of Pasig City Development Team of the Self-Learning Module Writer: Chirelyn P. Delavega Editor: Name Reviewers: Janeth M. Pineda Illustrator: Name Layout Artist: Rizza Joy Magno Management Team: Ma. Evalou Concepcion A. Agustin OIC-Schools Division Superintendent Aurelio G. Alfonso EdD OIC-Assistant Schools Division Superintendent Victor M. Javeña EdD Chief, School Governance and Operations Division Manuel A Laguerta EdD Chief, Curriculum Implementation Division Education Program Supervisors Librada L. Agon EdD (EPP/TLE/TVL/TVE) Liza A. Alvarez (Science/STEM/SSP) Bernard R. Balitao (AP/HUMSS) Joselito E. Calios (English/SPFL/GAS) Norlyn D. Conde EdD (MAPEH/SPA/SPS/HOPE/A&D/Sports) Wilma Q. Del Rosario (LRMS/ADM) Ma. Teresita E. Herrera EdD (Filipino/GAS/Piling Larang) Perlita M. Ignacio PhD (EsP) Dulce O. Santos PhD (Kindergarten/MTB-MLE) Teresita P. Tagulao EdD (Mathematics/ABM) Printed in the Philippines by Department of Education – Schools Division of Pasig City www.shsph.blogspot.com Empowerment Technologies QUARTER 2 MODULE 8 Developing and Constructing the ICT Project www.shsph.blogspot.com Introductory Message For the Facilitator: Welcome to the Empowerment Technologies with Grade 12 Self-Learning Module on Developing and Constructing the ICT Project! This Self-Learning Module was collaboratively designed, developed and reviewed by educators from the Schools Division Office of Pasig City headed by its Officer-in-Charge Schools Division Superintendent, Ma. Evalou Concepcion A. Agustin, in partnership with the City Government of Pasig through its mayor, Honorable Victor Ma. Regis N. Sotto. The writers utilized the standards set by the K to 12 Curriculum using the Most Essential Learning Competencies (MELC) in developing this instructional resource. This learning material hopes to engage the learners in guided and independent learning activities at their own pace and time. Further, this also aims to help learners acquire the needed 21st century skills especially the 5 Cs, namely: Communication, Collaboration, Creativity, Critical Thinking, and Character while taking into consideration their needs and circumstances. In addition to the material in the main text, you will also see this box in the body of the module: Notes to the Teacher This contains helpful tips or strategies that will help you in guiding the learners. As a facilitator you are expected to orient the learners on how to use this module. You also need to keep track of the learners' progress while allowing them to manage their own learning. Moreover, you are expected to encourage and assist the learners as they do the tasks included in the module. www.shsph.blogspot.com For the Learner: Welcome to the Empowerment Technologies Self-Learning Module on Developing and Constructing the ICT Project! 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 material while being an active learner. This module has the following parts and corresponding icons: Expectations - This points to the set of knowledge and skills that you will learn after completing the module. Pretest - This measures your prior knowledge about the lesson at hand. Recap - This part of the module provides a review of concepts and skills that you already know about a previous lesson. Lesson - This section discusses the topic in the module. Activities - This is a set of activities that you need to perform. Wrap-Up - This section summarizes the concepts and application of the lesson. Valuing - This part integrates a desirable moral value in the lesson. Posttest - This measure how much you have learned from the entire module. www.shsph.blogspot.com EXPECTATIONS At the end of the learning period, the students shall have: 1. define the term “prototype”; 2. developed a working prototype of an ICT Project for Social Change; 3. collaboratively participate in the creation and development of an ICT project; and 4. observe proper attitude in dealing with your partner/s in developing and creating ICT project. PRETEST Directions: Unscramble the following set of letters by rewriting it correctly. 1. I T S E E W B 2. R O P P Y O E T T 3. R E S S P R O W D 4. I A L O C S H C G N A E 5. V E P O E E M D T L N RECAP Directions: Unscramble the following set of letters by rewriting it correctly. 1. N E C O C P T 2. G R E E E I D S W N B 3. T I P N W Y G O C I R 4. O L I C T O N L A A B R O 5. U O C T O I M N C A I M N www.shsph.blogspot.com LESSON After all the planning and conceptualizing stage, let us proceed with the stage that involves the actual creation of your project. For this module, we aimed to develop a working prototype for your ICT project. It is defined as a sample model of a product or representation of a design concept which is used to communicate or test the concept, process, or design (Medium.com). Since prototype’s purpose is for testing, it often failed, and this failure revealed the defects and issues that needs to refine or to solve. Prototype helps creator avoids wasting of energy, time, and money when implementing weak or inappropriate solutions. Types of Prototype: 1. Low fidelity prototype refers to paper prototype such as sticky notes and sketches that is ideal for brainstorming and high-level collaboration. It does not focus on the details, use cheaper materials, or use different interaction techniques. 2. High fidelity (Hi-fi) prototype refers to a prototype that almost represent the final product. The types of prototype may differ depending on its fidelity. It determines to what degree the prototype looks like its real-world version or behaves like it. As mentioned in the article (Ergomania UX, 2017), the idea behind the five dimensions of fidelity was developed by Carolyn Snyder. www.shsph.blogspot.com Now, let us begin the development stage. It involves the production of images, infographics, et cetera that you will use to promote your group’s advocacy, to share awareness, to reach your target audience and to bring a social change. These are the hosting platforms you can use to create your website: 1. Wordpress is an open source software you can use to create a beautiful website or blog, and the most popular online pulblishing platform. Describe by Steele (2020), it is world-known Content Management System. Before proceeding to website creation, it requires download and installation. 2. Wix is a leading cloud-based development platform. It gives you the freedom to build, design, operate and grow your website exactly the way you want it, whether you support your activism, display your creations, or try out new ideas. Here are the 6 steps: a) Sign up for a free website builder. Choose what kind of website you want to create. a) Customize a template or get a website made for you. Choose your starting point. b) Drag and drop 100s of design features. Add text, galleries, videos, vector art and more. c) Get ready for business. Add an online store, booking system, members area and blog. d) Publish your website and go live. Start building your professional online presence. e) Drive traffic to your site. Use advanced SEO tools and integrated marketing solutions. 3. Jimdo is known as cloud website builder. It was founded in 2007, and became popular due to its simplicity, functionality, affordability and customizability. You can start different types of web projects such online www.shsph.blogspot.com portfolios, landing pages, business website, etc. It is both useful for newbies and web design pros (Steele, 2020). 4. Google Site is a structured wiki- and Web page-creation tool offered by Google. It was released on February 28, 2008. It has 2 version, namely New Sites (sites.google.com) and Classic Sites (sites.google.com/classic). 5. Facebook is an example of social networking site. Set up your Facebook profile with your name or your company's name by clicking the “Info” button below the profile picture. One of its advantages is how simple and easy it is to share media such as photos, videos, and other website links. Unlike the other website hosting platform, Facebook page is not customizable so you have limited color schemes and personal branding. Image source: https://www.facebook.com/TEDEducation www.shsph.blogspot.com ACTIVITIES ACTIVITY 1: ASK YOURSELF Directions: Write your answer with this question, “what kind of content would encourage or motivate you to participate in a call to action?” ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ACTIVITY 2: ICT PROJECT (PROTOTYPE) Directions: Create a hi-fi prototype website of your ICT project. Choose whatever platform you want to use. Follow your drawn design from the Module 7. In addition, produce 2 multimedia contents such as video, audio, or interactive game. Website Name: ___________________________________________________________ Website Link: ____________________________________________________________ Short Description about your Website: ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ __________________________________________________________________________ www.shsph.blogspot.com Please, be guided by this rubric. 10 Simplicity Web page is too busy. People reading it cannot fine what they want quickly. Structured/ Navigation / Format Audience Color Scheme Consistency Excessive use of graphic elements. Background, text format, and color usage are randomly chosen. Pages seem unrelated. 12 Web page is somewhat busy. People reading it will have difficulty finding what they want quickly. Excessive use of graphic elements. Background, text format, and color usage are randomly chosen with few consistent elements throughout. Little thought went into the choice of colors. Little thought went into the choice of colors. Choice of colors and combinations are negative. Colors do not match the character of the site. Tone of language not appropriate. Use of graphics and/or colors is not appropriate for audience. Content is confusing and difficult to follow. Site is difficult to navigate. Audience is not defined or poorly defined through confusing use of tone and language structure. Content is somewhat confusing and difficult to follow. Site is somewhat difficult to navigate. Too much textual information. 15 20 Content is simple and direct. Appealing graphic elements are included appropriately. Differences in type size and/or color are used well. Background, text format, and color usage are somewhat consistent with little inappropriate variation. Color is used somewhat appropriately to produce an atmosphere that expresses the character of the Web site. Tone of language is mostly appropriate. Use of graphics and colors is mostly appropriate for audience. Content is presented in a clear manner that is easy to follow. Navigation is difficult. Content is simple and direct. Design is easy to understand in many ways. Background, text format, and color usage are carefully chosen to produce a consistent screen layout for all your pages. Color is appropriately used to produce an atmosphere that expresses the character of the Web site. Tone of language appropriate for audience. Use of graphics and colors is appropriate for audience Audience is well defined. Content is presented in a clear manner that is easy to follow. Readers can get around your website with ease. There are no blind links. Resource documentation www.shsph.blogspot.com None of the resources used are documented. Documentation is incomplete or poorly done. Documentation is mostly complete with one or two errors. All text, graphics, sounds, and multimedia resources are documented and correctly organized in alphabetical order. WRAP-UP I. Directions: Complete the K-W-L chart below about the module’s topic. VALUING Directions: Write down your realization during the production of your website. Did you do your prototype as a team, or individual? List down your experiences, realizations, and observations on the image below. www.shsph.blogspot.com POSTTEST Directions: Unscramble the set of letters by rewriting it correctly. 1. F E T I D L Y I 2. I O D J M 3. B A H D T R E 4. D H P E T 5. E C F A K B O O KEY TO CORRECTION Here are the answers: www.shsph.blogspot.com References • • • • • • • • Yuvienco, Joel. Empowerment Technologies (Student Reader). 1st ed. Pasig City: Department of Education, 2016. Innovative Training Works, Inc. Empowerment Technologies. 1st ed. Manila: Rex Bookstore, 2016. Ramirez, Virginia. “What is a Prototype?” Medium.com. Posted on August 5 ,2018. Accessed October 25, 2020 https://medium.com/nycdesign/what-is-a-prototype-924ff9400cfd Ergomania UX. “Paper prototype fidelity.” Posted on December 5, 2017. Accessed on October 25, 2020 https://medium.com/@ergomania_UX/paper-prototype-fidelityf021d7044bad Sconde, Hera. “Developing and Constructing ICT Project” Power point presentation. Prezi.com. Posted on February 13, 2018. Accessed on October 25, 2020 https://prezi.com/p/zid-_ir_xac0/developing-andconstructing-ict-project/ About the Wix.com Accessed on October 25, 2020 https://www.wix.com/ Steele, Howard. “Jimdo vs WordPress: Which is Better?” Posted on July 10, 2020. Super Website Builders. Accessed on October 25, 2020 https://superbwebsitebuilders.com/jimdo-vswordpress/#:~:text=While%20Jimdo%20is%20a%20code,and%20intui tive%20web%20design%20approach. n.d. “Google Sites” Accessed on October 25, 2020 https://en.wikipedia.org/wiki/Google_Sites#:~:text=Google%20Sites% 20is%20a%20structured,support%20collaboration%20between%20diff erent%20editors. Rubric Source: Liquigan, Boots. DIWA Senior High School Series: Media and Information Literacy. Makati City: Diwa Learning Systems Inc.
