www.shsph.blogspot.com Empowerment Technologies QUARTER 2 MODULE 1 Multimedia and ICTs (Part I) TECHNICAL VOCATIONAL LIVELIHOOD www.shsph.blogspot.com Empowerment Technologies – Grade 12 Quarter 2 – Module 1: Multimedia and ICTs (Part I) 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 1 1. Rich Content in the Online Environment and the User Experience 2. Web 2.0, Web 3.0 and User Participation in the Web www.shsph.blogspot.com Introductory Message For the Facilitator: Welcome to the Empowerment Technologies with Grade 12 Self-Learning Module on Multimedia and ICTs (Part I)! 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 Multimedia and ICTs (Part I)! 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. understood the principles of the rich media content in the context of Web 2.0 and participation of the user in the online experience; 2. assessed a Web 2.0 web page; and 3. appreciated the importance of integrating rich media content on the website. PRETEST Directions: Match each term to its best definition. A B ___1. Rich Content a. characterized on the basis of how the person experiences and perceives something specific ___2. User Experience b. other users can contribute to content of the website through comments ___3. Online Environment c. the overall experience of a person using a product such as a website or computer application, especially in terms of how easy or pleasing it is to use. ___4. Semantic Web d. the ability to contribute content and interact with other web users. ___5. User Participation e. a component of Web 3.0 f. consists of different media formats (sound, video and images) used at same time and place. www.shsph.blogspot.com RECAP Directions: Name the images shown in the box below. the situation of two or more people working together to create or achieve the same thing. - Cambridge Dictionary is a website that contains information from different sources and places them in one location in a uniform way. LESSON WEB 2.0, WEB 3.0 AND USER PARTICIPATION IN THE WEB Do you remember these three evolutions of the web? Based on our previous lesson, web 1.0, 2.0, and 3.0 are theoretical concepts that define the problems that developers, as well as users, could face and tackle. It all began with Web 1.0, which defined the web as readonly. It concentrated on content that was mainly owned by the companies. In 1996, it started from 45 million global user and eventually grew 1 billion + global users in 2016 when Web 1.0 eventually evolved into Web 2.0. At this state, its focused more on the community and the contents were from shared information. Due to the dynamic characteristic, Web 2.0 was described as “the wildly read-write web.” Unlike the two, the Web 3.0 is best described as a “read-write-execute” and www.shsph.blogspot.com “the portable personal web.” It focused more on the individual and the consolidated dynamic content. WEB 1.0 “the mostly read only web” home pages WEB 2.0 “the wildly read-write web” focused on communities blogs owning content sharing content HTML, portals XML, RSS web forms web applications directories (taxonomy) tagging (folksonomy) Netscape page views advertising Google cost per click word of mouth focused on companies WEB 3.0 “the portable personal web” focused on the individual lifestream consolidating dynamic content the semantic web widgets, drag & drop mashups user behavior (“me-onomy”) iGoogle, NetVibes user engagement advertainment The image shows the differences of the three These three terms are very different from each other, but they have one thing in common: user participation. This term was mentioned in the module 2 as one of the features of Web 2.0. It is defined as “the owner of the website is not the only one who is able to post content; others are able to post content of their own by means of feedback, reviews and evaluations.” RICH CONTENT IN THE ONLINE ENVIRONMENT AND USER EXPERIENCE An active participation of the user is a good sign that the website has a rich media content. These media contents used advanced technology that allows advanced animations and/or supports audio/radio for advertising and communicating immediately for instant user interactions. These are the examples: 1. YOUTUBE - To attract and keep an audience, this platform maximizes its rich media content to show what they valued the most; freedom of expression, freedom of information, freedom of opportunity and freedom to belong. YouTube www.shsph.blogspot.com provides the tools where people can freely speak their voices, freely access for information and education, a chance to discover and build their ventures, and find communities that shared same interests and passions. 2. FACEBOOK - Through this social networking site, people freely connect and communicate with friends and family, easily find communities, and can grow businesses. Through its rich media content, information may be shared through photos, videos, messages, and status. Rich content also influences and modifies the online environment. For website developers and designers, a well-conceptualized website is a matter of concern. They are following these elements: 1. USEFULNESS OF THE WEBSITE The usefulness of a website really depends to the individual who uses it. It is important to identify the users or target audience to be able to show the usefulness of the website. 2. ADHERENCE TO FUNCTIONALITY This is also a challenge to pay attention to accessibility. Integrating rich media content is not only designed; it must have a function. Failure to view a link correctly on a specific screen or in a browser is a case of a malfunction. It greatly affects the user experience and the online environment you are creating. 3. USABILITY It is a measure of how simple it is for a user to manipulate the site (especially for the infrequent or brand-new users) and how convenient it is to use on the long term (for daily visitors). 4. INFLUENCE Before, most of the websites developed were Web 1.0, owned by companies, and serve a commercial purpose such selling products, services, subscriptions, etc. While it's not more sophisticated than we have now, it maximizes the functionality of the website for effective advertising to influence the consumers. 5. VISUAL DESIGN Aside from the function, rich media content must contribute to the over-all aesthetic of the website. Integrating rich media content must be placed well www.shsph.blogspot.com and in strategically places of your websites. It contributes to user experience and online environment. When World Wide Web started, it has 45 million global users only, but when it evolved into Web 2.0, the number of the users got higher. It shows that having a rich media content gives a different effect on the user experience and creates a great online environment. ACTIVITIES ACTIVITY I: EVALUATING WEB PAGES In this activity, the learner will choose one website (attach a screen capture of the home page your chosen website) and evaluate it using the criteria below. Website Name: ___________________________________________________________ URL: _____________________________________________________________________ Paste here a screen capture. www.shsph.blogspot.com On the scale 1-10, evaluate the features of the site carefully. Afterward, write a comment or two as to why you rated certain criteria a certain value. Scale Point Criterion: Overall look of the website Comment: Does it look professional? Navigation Is the navigation easy to use? Do the links work? Content Does it have relevant content? Is the information adequate? Correctness Is the site free from errors? Images Are there images that are related to the site? Are they displayed correctly? Customer Experience Does the site offer several ways to contact the owners? Write the strengths and weaknesses of the website. _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ Write the features that should be present and the features that should be removed from the website. _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ www.shsph.blogspot.com WRAP-UP Direction: Explain the organizational chart below based on what you understand from the lesson User Participation Web 1.0 Web 2.0 Web 3.0 "the mostly read only web" "the wildly readwrite web" "the portable personal web" ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ Online Environment Rich Content User Experience ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ www.shsph.blogspot.com VALUING Why is it important to create an online environment that is close to the one we currently have? ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ There are some websites that does not employ web 2.0 features. Do you think these websites must upgrade or not? Why? ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ POSTTEST Directions: Match column A to column B. A B ___1. Web 1.0 a. semantic web ___2. Web 2.0 b. used advanced technology of immediate user interaction ___3. Web 3.0 c. the quality or state of being usable ___4. Rich Media Content d. 1 billion + global user (2016) ___5. Usability e. the links must be functional f. 45 million global user (1996) www.shsph.blogspot.com KEY TO CORRECTION Here are the answers: 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. Strickland, Marta. “The Evolution of Web 3.0.” Powerpoint presentation, Slideshare. Published on April 24, 2008. Accessed August 19, 2020 https://www.slideshare.net/mstrickland/the-evolution-of-web-30/27The_Evolution_to_Web_30Web Getting, Brian. “Basic Definitions: Web 1.0, Web 2.0, Web 3.0.” Practical Ecommerce. Published on April 18, 2007. Accessed on August 19, 2020. https://www.practicalecommerce.com/Basic-Definitions-Web-1-0-Web2-0-Web-3-0 Unknown. “5 Elements of the Online User Experience.” Interaction Design Foundation. Published on 2016. Accessed on August 19, 2020. https://www.interaction-design.org/literature/article/5-elements-of-theonline-user-experience Hingpit, Rosden. “Lesson * Empowerment Technologies.” Powerpoint presentation. Slideshare. Published on Jan 16, 2018. Accessed on August 19, 2020. https://www.slideshare.net/RosdenHingpit/lesson-8empowerment-technologies?fbclid=IwAR1YMXcCseyWr3a_YYbFw5jqyCaENE7Vuv4EfBaTu3Crfz0fJDyKreWKkg Reis, Rick. “The Role of Presence in the Online Environment.” n.d. Accessed on August 19, 2020. https://tomprof.stanford.edu/posting/1081#:~:text=The%20online%20e nvironment%20is%20often,the%20instructor%2C%20and%20the%20con tent.
