EMPOWERMENT

TECHNOLOGIES

An Introduction to Information and

Communication Technology (ICT)

Abegail S. Comandao, MIT Walfredo

G. Santos, MSIT,MAED Londren U.

Velasco, MIT, MBA Edward N. Cruz,

MIT

ALL RIGHTS RESERVED. No part of this material may be reproduced or transmitted in any form or by any means-
electronic or mechanical including photocopying-without written permission from the authors.
2019.
 2

EMPOWERMENT TECHNOLOGIES
An Information and Communication Technology(ICT)

Copyright 2019 By Authors:

Abegail S. Comandao, MIT Walfredo

G. Santos, MSIT,MAED Londren U.

Velasco, MIT, MBA Edward N. Cruz,

MIT

All RIGHTS RESERVED. No part of this module may be used or reproduced in any form by any means graphic,
electronic, or mechanical including photocopying or information storage without the prior permission from the
author and publisher.
 3

Preface
This book aims to develop and enhance students' ability to differentiate Information and Communications
Technology. It aims to familiarize with Rules of Netiquette, Rules of Netiquette, Advanced Word Processing Skills,
Advanced Spreadsheet Skills, Advanced Presentation Skills.

It also covers Imaging and Design for Online Environment, Online Platforms for ICT Content and Development, Basic
Web Page Creation, Using Static Web site and Online Platform, Collaborative ICT Development and Development of
Computer Software and Multimedia.

The course also teaches Algorithm, Flowcharts and Number System, Present and Future Technology, Information
and Communication Technology for Social Change and How to maintain and sustain the operation of an ICT project
for social Change.

It includes managing and reflecting on the Nature of ICT, ICT Project Maintenance and the Disadvantages of ICT.
This Book is written substantially composed of 17 Chapters:

Lesson 1 - Introduction to Information and Communication Technology

Lesson 2 - Rules of Netiquette
Lesson 3 - Advanced Word Processing Skills
Lesson 4 - Advanced Spreadsheet Skills
Lesson 5 - Advanced Presentation Skills
Lesson 6 - Imaging and Design for Online Environment
Lesson 7 - Online Platforms for ICT Content and Development
Lesson 8 - Basic Web Page Creation, Using Static Web site and Online Platforms
Lesson 9 - Collaborative ICT Development
Lesson 10 - Development of Computer Software and Multimedia Lesson 11 - Algorithm, Flowcharts and Number
System Lesson 12 - Present and Future Technology
Lesson 13 - Information and Communication Technology for Social Change
Lesson 14 - How to Preserve and Stand the Process of an Information Communication Technology Project for
Community Change
Lesson 15 - Reflecting on the Nature of ICT
Lesson 16 - ICT Project Maintenance
Lesson 17 - The Disadvantages of ICT
 4

Acknowledgement
The authors would like to express their praises to almighty God in the process of putting this book together.

To their institution, Our Lady of Fatima University for being so supportive to the College of Computer Studies.

To the College of Computer Studies headed by the College Dean Dr. Raymond S. Macatangga for giving the authors
this opportunity and for his continuous support and motivation to finish this book.

To their respective campus administrators for being so generous and kind in giving their time to finish this book.
And lastly, to their families and loved ones for giving them support and love.

And above all, LORD JESUS CHRIST.

 5

Dedication
The authors would like to dedicate this book to the SHS faculty members of different campuses of Our Lady of
Fatima University.

To the students of College of Computer Studies especially the freshmen students who will use this book as their
guidelines.
Lastly, to our families, for all our hard work and time finishing this book is all for you,
 6

Table of Contents
Lesson 1 - Introduction to Information and Communication Technology 1
Introduction 1
The Data Processing Cycle 4
Terminologies in Information Processing Cycle 5
Different Websites Platform 5
Activity 1
9

Lesson 2 - Rules of Netiquette 10

INTRODUCTION 11
Computer Ethics 13
Computer Virus 14
Online Research Skills 15
CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS 16
Activity 2 18

Lesson 3 - Advanced Word Processing Skills 20

INTRODUCTION 20
Parts of Microsoft Word 21
Most commonly used Icons in MSWord 22
Page Lay Out 26
Editing Text in word processors 29
Assignment: 32
Activity #3 32

Machine Problem #1 33
 7

Lesson 4 - Advanced Spreadsheet Skills 34

INTRODUCTION 34
Modifying the Entries 36
Creating Formulas in MS Excel 37
Creating Charts
38
Creating Formulas function in MS Excel 39
Assignment
40
Activity # 4 41

Machine Problem #2 42

Lesson 5 - Advanced Presentation Skills 43

INTRODUCTION 43
Common command icon in slide show presentation 44
Assignment 47
Activity # 5 48

Lesson 6 – Imaging and Design for Online Environment 49

Creating an Info graphic 51
Types of Image Files
53
ACTIVITY #6 55

Lesson 7 - Online Platforms for ICT Content and Development 56

CONTENT MANAGEMENT SYSTEM 58
Web Applications for Content Development 59
Dynamic Web Applications 60

E-COMMERCE 60

Animated Web Applications 61

Web Application with a content management system 61

ACTIVITY #7 63

Lesson 8 - Basic Web Page Creation

INTRODUCTION 64
Basic Tag Command in HyperText Mark Up Language (HTML) 64
Steps in creating page design using online platform (WORDPRESS) 67
Assignment: 70
 8

Activity # 8 71

Lesson 9 – Using Static Web Site and Online Platforms 72

Team Structure 72
Desktop and Media Services Team 73
Online collaborative tools and processes 74
Wrike
74

Smart sheet 76

ACTIVITY#9 76

Lesson 10 – Collaborative ICT Development 77

Operating System 77
Application Software 79
System Software 79
Programming Software 79
Package Software 80
Database Software 80
Interactive Multimedia 81
Rich Content in Online Environment 81
Assignment: 84
Activity # 10 84

Lesson 11 – Algorithm, Flowcharts and Number System 86

INTRODUCTION
86
Sample Flowchart
88
The Number System 89
Assignment: 91

Lesson 12 – Present and Future Technology 94

Introduction 94
Security Cameras 95
Transportation System 95
Business Industry 96
Robotics Technology 97
Assignment: 100
 9

Lesson 13 – Information and Communication Technology for Social Change 101

Requirements in creating an ICT Project for Society
101
Concepts in managing the ICT Project 101
The Social Change 101
ACTIVITY #13 102

Lesson 14 – How to maintain and sustain the operation of

an ICT project for social Change 104
Foundation for Maintaining and Sustaining the
Operation of an ICT Project for Social Change 104
Technical Issues in ICT 105
ACTIVITY 105

Lesson 15 – Reflecting on the Nature of ICT 106

Social Media 106

Transportation 106
Entertainment 107
ACTIVITY 108

Lesson 16 – ICT Project Maintenance 109

Assessing the ICT project
Identifying the problem
Gathering Information
Planning

Development 110
Activity#16 110

Lesson 17 - The Disadvantages of ICT 112

List of areas that has seen the disadvantages of ICT
Concepts in solving the disadvantages caused by ICT 113

Bibliography 114
 10

An Introduction to Information and

Communication Technology

Abegall S. Comandao, MIT

Walfredo G. Santos, MSIT, MAED
Londren U. Velasco, MIT, MBA
Edward N. Cruz, MIT
 11

Lesson
Introduction to Information
1 and Communication
Technology

Performance Standard:

1. Define the history behind Information and Communication Technology

2. Identify the concepts of Information and Communication Technology and how they relate to
the computer system
3. Differentiate development and contributors of Information Technology
4. Discuss different platforms, Sites and content
5. Differentiate Web 2.0 to Web 3.0
6. Discuss the World Wide Web

Content Standard:
1. Information and Communication
Technology
2. ICT and Computer system
3. Development of Computer Technology

INTRODUCTION

In today's world, Information and Communications Technology (ICT) relates the need of our society to adapt the
several communication channels - television, radio, mobile phone, and the computer system (aside from the
countless facilities and uses linked with them like video -conferencing and distance learning) - to daily tasks.
The influx of ICT is regularly vocalized in a certain state, for example ICT in education, health, or the industry. The
countries in the west see that the status of ICT lies not in the technology itself but rather in its capacity to produce
better access to information and communication in the society. Countless nations around the world have recognized
groups for the elevation of ICT. There is a perspective that developing countries are lagging behind progressive
countries in terms of technology and their economy.
 12

Figure 1 The ICT Workbook for SHS

A comprehensive approach to education has been the tool of the local government
to prepare the nation for ICT.
There are some studies that emphasize the present educational programs are not suited enough to meet
the needs of the career of an individual. Another concept about ICT is that it is a tool for recording, keeping,
processing, regaining, transferring, and getting information. Information Technology also encompasses electronic
communication devices that include disciplines and systems used in treating and handling data. The effect of ICT has
changed the way individuals live, labor, and acquire knowledge.

It is a belief that the practice of knowledge by training is one of the vital tasks of educational institutions'
procedure the out dated approaches of teaching are no longer able to meet the needs of today's learners in society.
The latest technologies offer a variety of tools fit for learning of any single person.

It is recommended to create modules or workshops for students and teachers pertaining to methods of IT
and ICT education. Most experts say that teaching IT rests on the knowledge and capability of an individual. For
example, people who are in the field of medicine are advised to learn technology
 13

related to medical concerns such as information about someone's health condition based on his/ her computerized
hospital profile or internet resources about herbal medicinal plants; in engineering it is about controls of robotic
machines needed in industry; in entertainment animation features of the movie industry; in public services, online
transactions of the various governmental departments; and in the business and trade sector marketing and sales of
their products.
To achieve such objectives, there are things to consider such as the need for the software.

There are certain concepts of software that are needed in adapt ICT:

1. A consideration in the proper use of ICT involving software is consistency rather than technology adaption. The
ideal principle involved is to plan well before choosing the software. Although there is access to computerized
software tools; it is the ability of the individual, ingenuity of the users and good supervision by the handlers that
matter in order to maximize the potential of ICT.

2. Adaptability to change is a necessity for the software to be able to cope with trends as time progresses.
Hardware in ICT are susceptible to deteriorate as they are exposed to environmental factors such as dirt or humidity,
shaking due to transit of equipment, and the like. At certain points, they are prone to failure. Unlike hardware where
the problem can be traced and/or replaced by determining the affected components, software is not vulnerable to
the environmental changes. It does not wear down; it works exactly the same way even after years since it was first
developed.

3. In ICT, software is custom-made. Most software are primarily designed before they are developed to suit the
clients' needs. Planning customized ICT includes recognizing various modules for the development before they are
finalized. A lot of people can easily work on these modules by making the development highly flexible. In
customizing the software, manipulating a program into units is a tough task since each component is greatly
interlinked with other components. It also entails a lot of ability to assimilate different units into one.

Let us travel the world of technology that was influenced by a technology breakthrough called the "Computer." Let
us recall the development of computers and its areas of influence.

Computers have been around since the early 1930's and notable contributors and inventors of the predecessors
of computer technology were: Charles Babbage, Herman Hollerith, Lady Ada Augusta Byron, John Napier, William
Oughtred, Alan Turing, John Von Neumann, John Atanasoff, Clifford Berry, John W. Mauchly and J. Presper Eckert
Howard Aiken, Engelbart and Blaise Pascal.
 14

Figure 3 The CORE VALUES OF ICT WORKBOOK FOR SHS

There were revolutionary improvements on its features such as the Pascaline, the Differential Engine,
Napier's Bone, Slide Rule, MARK1, ENIAC (Electrical Numerical Integrator and Calculator), EDVAC (Electronic Discrete
Variable Automatic Computer), UNIVAC (UNIVersal Automatic Computer I) and IBM (International Business
Machines). The first phase of computers were considered to be large, heavy and occupied a lot of space then while
the latter phase is light and can be hand-carried with multitasking features.

Truly computers have reached a new generation so that we can define the word computer as an electronic
device capable of processing, storing, producing information and of communication.
Another evolution of computers involved the influx of the network and Information Technology bywords of
today are: William Henry Gates III, Mark Elliot Zuckerberg, Steve Jobs, and other computer inventors. Their
innovations include: Microsoft, Apple, ARPANET, Yahoo, Google, YouTube, Facebook, and Wikipedia - which are some
of the greatest contributions in the history of computers.

As for the future of computers, one known technology that involves computer is Robotics where a
computer microcontroller serves as the brain of the electro-mechanical and programmable machines. Notable
robots at present are ASIMO, Big Dog, Curiosity, Android Der, Simrod, Jason Jr. and Da Vinci which are just some of
the most notable computer controlled robots.
The Data Processing Cycle

Computers need to process data or information to produce an output. Data can be defined as any letters,
numbers or symbols without context or more aptly called "unprocessed data."

Information data that means data that are meaningful and useful. This can only be possible if the user
input data which means entering data into the computer which will in turn be processed. Such date is then
processed and later on processed data becomes displayed data, also called output. The data processing cycle can be
seen in the illustration below:
 15

Figure 4. The Data Processing Cycle

Terminologies in Information Processing Cycle

1. Editing is the process of changing or modifying a data.

2. Verifying is the process of double checking the validity of a data.
3. Coding is the process of making the data in concise form.
4. Calculating is the process of doing computation process to data.
5. Storing is the process of saving data for future use.
6. Retrieving is the process of getting data that was previously stored for used.
7. Searching is the process of finding data or information for information purposes.
8. Printing is the process of making a hardcopy of data.
9. Scanning is the process of checking for virus infection or integrity of computer to avoid malfunctions.
10. Browsing is the process of using the Internet for viewing purposes.

Assignment:

1. Research about other inventors and their inventions that contributed to the development of computers. Put your
research in a portfolio.

Values Integration:

Group the students into five. In a piece of a paper, list down one particular person who they think inspires them to
achieve their goal. Each student should cite the reason why they chose that person as a role model. After the
grouping, they will discuss the person they chose and then explain the values of cooperation, obedience, discipline
and respect for others opinion.
 16

Different Websites Platform

WordPress

WordPress is among the older folks within the community of web-designing platforms, since its approach in 2003.

WordPress is among the foremost well-known blogging platforms utilized over the globe due to the easy-to-operate

environment. The client isn't required to have coding skill as WordPress offers devices to oversee your website

without bother. The pre-built functionalities implanted in these platforms makes a difference to effectively set

subjects and plugins which offers customization to the client. The notoriety of website depends upon its ranking on

search engines and owing to the SEO instruments advertised by WordPress, it's exceptionally simple to form the

website search engine neighborly.

PHP

PHP is a server-side scripting language which offers amazing versatility while developing dynamic

websites. The beauty of PHP is that despite being an open-source development platform, it offers a plethora of

functionalities and benefits like a paid scripting language would. Web-designing has done using PHP guarantees a

robust and durable website structure which is capable of handling mass-traffic. Although, the requirement for using

PHP is that a user needs to have a grip on programming languages, which makes it selectively accessible to

developers only. Thus, if you are web-development Company striving to develop platform independent, server &

database friendly and secure website, PHP is the best trick in your bag.

Joomla
Joomla is among the foremost favored Content Management Systems that's being used for a long time. It may be a

favored instrument for creating websites with different functionalities and effective web applications. Joomla's

quick and simple to edit environment offers a solid web-design that guarantees the keenness of the data, which

isn't conceivable without a CMS. Since Joomla is made by utilizing PHP and MYSQL, which are both open source

stages, Joomla moreover is an open-source and flexible foundation. Hence, in the event that you are trying to find

a secure and versatile web designing platform, go for Joomla!

17
 18

World Wide Web

The World Wide Web (WWW), commonly known as the Web, is an information space. The World Wide

Web (WWW), commonly known as the Web, is an information space where reports and other web

resources. The World Wide Web (WWW), commonly known as the Web, is an information space where

archives and other web resources are recognized by Uniform Asset Locators. The World Wide Web

(WWW), commonly known as the Web, is an data space where archives and other web resources are

distinguished by Uniform Asset Locators (URLs, such as https://www.example.com/ The World Wide Web

(WWW), commonly known as the Internet, is an data space where records and other web resources are

distinguished by Uniform Asset Locators (URLs, such as https://www.example.com/), which may be

interlinked by hypertext, The World Wide Web (WWW), commonly known as the Web, is an data space

where reports and other web assets are recognized by Uniform Asset Locators (URLs, such as

https://www.example.com/),

WEB 2.0 VS WEB 3.0

Web 2.0 could be a writable and more social oriented World Wide Web that employments Google as a catalyst to

perform. Though, Web 3.0 could be a dynamic metadata web that's enhanced in performing individual help for a

person utilizing the Semantic web. The archive sort Web 2.0 is inactive and utilizes Google watchword to recover

data to the clients. On the other hand, the exceedingly versatile Web 3.0 employments databases with metadata to

hunt for the data. Web 2.0 makes utilize of categorized substance labeled by individuals whereas Web 3.0 utilizes

Fake intelligence combined with substance administration to help the clients. It is additionally to be famous that

Web 3.0 is able of generating crude information because it holds a more noteworthy grasp on the data to be

recovered and disseminated to the clients. Web 2.0 having been a user-friendly interface with abundance of data,

isn't customized information supplier as that of Web 3.0. Way better Collaboration and interaction with the websites

can offer assistance in obtaining more reasonable data to the instance that the user is expecting for.
 19

Activity #1

Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

Assessment Task 1

I. Instructions: Enumerate the items related to each category. Write your answer to the corresponding
column.
1930's Inventors Hardware and Software in present time Notable persons in the area of Network
and Information Technology

II. Illustrate the Data Processing Cycle. Explain each component or phase.

______________________________________________________________
_
______________________________________________________________
_
______________________________________________________________
_
______________________________________________________________
_
 20

Lesson
Rules of Netiquette
2
Performance Standard:

1. Identify the terms in Internet technology

2. Define modern terms in the Internet application
3. Adapt proper computer ethics in using computers
4. Discuss online security and safety
5. Discuss Copyright and Intellectual property rights
6. Contextualized online search and research skills

Content Standard:

1. The Internet Technology

2. Terminologies in Internet
3. Computer Ethics
4. Online Security and Safety
 21

INTRODUCTION

During the early days, man was not aware how vast the earth was and there were limited ways to
communicate. Lack of transportation and scarcity of information were the reasons for each man to be
isolated and be
content with the environment he
had been used too.

But those days are gone and new

technology has arrived that define
today's generation. This is the age of
the "Internet". The Internet had
been given many definitions, such as
interconnection of networks that
spans beyond thousands of miles,
thus the wide networks of computers.
This phenomenon that has brought
colloquial words, such as "information
burn-out" a term that describe a
person being bombarded by too Figure 63 A depiction of a global community.
much
information because of the large bulk of information that comes from the Internet.

Truly this wonder of technology has helped man in many cases in his life; therefore, it is just fitting to recognize
the evolution of this technology.

The world was recovering from the impact of World War 2 that occurred around the middle of 1940's. The
healing process is evident in putting peace as the priority. Man has learned the mystery of technologies never seen
before the war. The Industry sector was flourishing; new ways of transportation were made; discoveries in the field
of science has reach outside of mother earth and man has seen the wonders of new gadgets that are useful to then
house home choir and entertainment via media has brought life to the society.

But at the back of it all, there is a growing anxiety between two protagonist nations that are considered the
heroes of World War 2: The United States of America, and Union of Soviet Socialist Republic. The two countries
were challenging each other in founding new technologies that man had never seen and experience; before, the
Russians started their rivalry by launching a technology of the first satellite that orbits the earth called "Sputnik".
That USSR launch satellite opened up the eyes of the world to how vast the technology is that this communist state
possessed. Not to be outdone, the United States
 22

reacted by prioritizing their own space exploration. From then on, the United States gathered all the talented
professionals that could help in improving the security of the country. One of the main ideas is to use computers to
monitor the movement of its nemesis Russia, an agency called Advance Research Project Agency ARPA later on
called DARPA was tapped to head this security strategy in the early 1970's. The idea was to exchange information by
communicating thru one internet. As the time passed the security concerns of the so-called cold war was over since
the Soviet Union collapsed too into splinters of countries.

The technology left behind which is the Internet was used by several universities. That time, the " backbone of
internet" from then on was a means of remote communication. The early type of e-mail (electronic mail) was the
primary method of transmitting messages. This was done around early 1980's, by typing the message and sending
the message to a recipient through an internet address. For protection a network protocol is implemented called
"Transmission Control Protocol (TCP)" where which is used together with "Internet Protocol (IP)". This
technology created around mid-1980's is encrypted to packets that resent a message to the sender if the message
was not delivered.

There are terms that are common in Internet Technology:

Bandwidth refers to frequency of data transmission measured in Hertz.

Chat a real time electronic communication where participants type their messages and reply back. Cyberspace

refers to all the totality of all the unit connected to the computer network and their contents. Downstream is the

speed of downloading files in the Internet Download is the process of getting files via the Internet

Electronic Mail (E-Mail) is used by typing text to send or receive messages all over the world.

Internet Protocol is a number associated with a device, network card or home address.
File Transfer Protocol is used to transfer file remotely to any destination where a client is connected in the
network.
Firewall a software or hardware that limits access to a computer network.

Group discussion refers to a group of users in the internet that are linked and have similar preferences and
interests.
Homepage is the starting point of a website.

HyperLink is a word or phrase that has a URL attachment

Hyper Text MarkUp Language (HTML) is the programming language format that the web browser gets it.
 23

Internet Service Provider (ISP) is the company that sells Internet access to users.

Mosaic is a graphical software browser designed around 1993 later on becomes Netscape navigator.

Search Engine refers to the ability of a website to search and display similar terms to the search item in the
internet.

Server is a computer that manages the network

Spam is a chain letter distributed to any user passed then to another users.

Thread a series of message with the same subject.

Transmission Control Protocol / Internet Protocol (TCP/IP) the communication protocol used in the Internet

Web Browser a software needed in order to find, retrieve, view and send information over the internet. Webpage

a unit or page that can be seen on the screen usually a part of a website.

Website it consists of one or more webpage

World Wide Web (WWW) is a protocol that lets one link to the Internet
Universal Resource Locator (URL) simulates an address that is used to locate a server that usually hosts a certain
website.

Upload is the process of putting files in via the Internet.

Upstream is the speed of uploading files in the Internet.

Computer Ethics

Computer Ethics can be defined as an act that involves morality and values in computer usage.
Have you ever wondered if the files such as software, picture, music and video that is installed in your computer is
legal? Well if you are not sure: Here are some tips that you should consider before installing files:

1. You got your file without any permission from the legal owner of that file that is considered "piracy" to some
extent.
2. Piracy of file is punishable by law.
3. A registered file that is for sale distribution should have some compensation from the developer either based on
direct transaction or payment.
4. People who used a file without permission to the rightful owner can be called a "hacker".
5. Don't worry because there are files called open source, freeware or even shareware that are legal to be
downloaded based on the license agreement.
 24

6. Your file should have been registered on line to the original manufacturer or sealed with the company
insignia.
7. Don't just purchase files from any person without any legal connection with the original manufacturer.
8. There are government agencies that can be reached to ask about queries regarding the authenticity of
the file you are using they can be reached via direct communication with the department or through
their websites.
9. Most files that are purchased legally usually are only for the consumption of that single person or
entity but cannot be shared with others.
10. Be responsible in using computers by preventing the spread of computer virus.
Computer Virus

It refers to programs that attack other files in computers and brought damage, such as corruption
of files.

Here are symptoms of computer virus infection:

1. The file is already corrupted or cannot be opened anymore.

2. Constant stalling of computers is observed disrupting the work.
3. A strange message appears on the screen.
4. Slowness of computer is occurring frequently.
5. Software programs are not executing properly.
Ways to prevent Computer Virus infection:

1. Avoid inserting portable storage devices in computers that are suspected to be infected by computer
viruses
2. Install Anti-virus software and update it frequently via the Internet.
3. Quarantine or delete files suspected of virus.
4. Set up automatic virus scanning software to the computer.
5. Be cautious in downloading files from the Internet.
 25

Intellectual Property Rights

It alludes to the legal rights of a software or even hardware developer in a product that he originally
made.

Copyrights

may be a legitimate term utilized to depict the rights that makers have over their scholarly and aesthetic works.
Works secured by copyright extend from books, music, paintings, sculpture, and movies, to computer programs,
databases, promotions, maps, and technical drawings.

Piracy
It is an act of using software such as programs, systems, games, picture, music and video of other
developers or authors without their permission and its used for personal or income generating purpose.
Hackers

They are individuals who maliciously attack or steal files from other computer users.

Online Research Skills

1. Check your Sources

• Evaluating Web Resources
• Accuracy and Objective
• Coverage
2. Ask Good Questions
• The answers you get in the literature depend on the questions you pose.
3. Go Beyond the Surface
• Persistency is proceeding to seek after data to pick up a wide perspective
4. Be Patient
5. Respect Ownership
Strength
• Internet researching is faster than other medium. For example, when you searching with the book in
the library it takes long time in searching about the topic.
• Internet researching will save user's physical distance. For example, you need to go to library and
during the information about the topic it will make you spend your physical things.
• You can shear information with other people very quickly.
• Quality of information also better than other medium.
• Strength include speed, quickness, and a total ignore for physical distance.
 26

Weaknesses
• for students
• it looks as it were the 35,000 Web locales that the staff of investigate master and curators and
instructors have assessed and affirmed when making the substance on finding Dulcinea.
• It could be a look engine for understudies, instructors, and administrators.
• It draws from the trusted asset from universities, government, and established noncommercial sites.
CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS

• Internet research has strengths and weaknesses.

• 6. USE YOUR NETWORKS

• Possibility of leak someone's personal information. And it can make negative effect in your life
• There is so many incorrect information that we trying to find.
• You can get many harmful objects such as advertising.
• Weaknesses incorporate unrecognized predisposition troubles in confirming a writer's qualifications
(and thus the precision or pertinence of the information obtained).
1. Online Safety and Security is the knowledge of maximizing the user's personal safety and security.

2. Protecting your computer with strong security is the one of the ways to help us secure and protects
our computers.
3. Trojans are the example fake antivirus programs
4. Botnets is an infection that will enlist your computer as an agent in fraudster arsenal.

5. Internet research is the orderly examination into and think about of materials and sources in arrange to
set up facts and reach modern conclusions.

• Respecting intellectual property rights of makers and deliver Strengths

• Show enthusiastic flexibility by continuing in information looking in spite of challenges.

• Utilizing social networks and information tools to assemble and share information.
 27

Assignment:

1. Cite some disadvantages of software piracy.

2. What is Internet Research
3. What's going to happen if virus infects your computer?
4. Why do you have to secure website?
5. What are the strengths in online and research skills.

Values Integration:

"Honesty is the best policy!", goes the saying. One thing that is noticeable in our society is the rampant sale of
pirated software's. In this chapter, students, learned the lesson of honesty and consequences of using pirated
software.
 28

Activity # 2
Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

I. Instruction: Identification: Write your answer on the space provided.

__________1.This is a number associated with a device, network card or home address.

__________2.This is used to transfer file remotely to any destination where a client is
connected
in the network.
__________3.It is the communication protocol used in the Internet
__________4.It is a software needed in order to find, retrieve, view and send information over
the internet.
__________5.This is a software or hardware that limits access to a computer network.
__________6.It is a unit or page that can be seen on the screen usually a part of a website.
__________7.This consist of one or more webpage
__________8.It refers to a group of users in the internet that are linked and have similar
preferences and interests.
__________9.It refers to frequency of data transmission measured in Hertz.
__________10.It is a real time electronic communication where participants type their
messages
and reply back.
__________11.This is a protocol that lets one link to the Internet
__________12.It simulates an address that is used to locate a server that usually hosts a
certain
website.
__________13.This is the process of putting files in via the Internet.
__________14.This is used by typing text to send or receive messages all over the world.
__________15.It is the speed of uploading files in the Internet.
 29

II. Essay: Explain ways to prevent Computer Virus infection: Write your
answer on the space provided.
 30

Lesson
Advanced Word Processing Skills
3
Performance Standard:

1. State the importance of word processors in modern day computing

2. Explain the environment of word processors
3. Apply the correct formats in the activities.

Content Standard:
1. Word processors
2. Microsoft Word
3. Formatting Toolbars

INTRODUCTION Word processors

The advent of technology involves the use of word processors that have multiple function from creating
templates, to web-based documents. Numerous word processor include the following features: ability to
modify font properties, adjust paragraphs, modify the size and orientation of documents , insert images,
and employ the template-based document editor. One common word processor is Microsoft Word.

Opening Microsoft Word

1. In Microsoft Windows desktop, click the Microsoft Word icon.

2. The Microsoft Word editing page appears. (see Figure 2)
Document! - Microsoft Word
Home Insert Page Layout References Mailings Review View

Figure 27 The Microsoft Word Environment

 31

2. Menu Tab 6. Horizontal Ruler

3. Toolbar 7. Document Area
4. Minimize, Restore and Close buttons 8. Vertical Scrollbar

1. Title bar - it refers to the area where the filename of the current document can be displayed.

2. Menu Tab - it is recently called a ribbon this area is where all the commands can be found.

3. Toolbars - it is the area which contains a stack of icon commands that can be run

4. Minimize, Restore and Close -it is used to adjust the viewing of windows.

5. Vertical Ruler - this is used to measure pages, text and paragraphs in their vertical position.

6. Horizontal ruler- this is used to measure pages, text and paragraphs in their horizontal position.
 32

7. Document area- this is the area where text and images are placed.

8. Vertical Scrollbar- this is used to navigate the document vertically by scrolling the button or by clicking the up or
down arrows.
Most commonly used Icons in MSWord

Save - This icon command is used to save or store the current file.

Undo- This icon command is used to undo the current activity and return the previous action

Redo - This icon command is used to redo the current activity that was done after the current action.

The Home tab is a menu bar that compromises of ribbon link of Clipboard, Font, Paragraph, Styles and Editing

Paste – This icon command is used to paste the text or object to the current
location of the cursor.

Cut - This icon command is used to cut or remove a text or object.

Copy - This icon command is used to paste the text or object to the target
destination.

Format Painter - This icon command is used to apply format to a text based on the formats of selected
text.

Font Face - This icon command is used to select and then apply a font face.

9.5 -
Font Size - This icon command is used to change the size of the text.
 33

Bold - This icon command is used to format the text to boldfaced.

Italic - This icon command is used to format text to italicized.

Underline – This icon command is used to format the text to underlined.

Strikethrough - This icon command is used to strike a line through. the

text.

Subscript – This icon command changes the text to subscript.

SuperScript - This icon command changes the text to superscript.

Grow Font - This icon command increases the size of the text.

Shrink Font- This icon command decreases the size of the text.

Text Effects - This icon command changes the text effects.

Change Case – This icon command is used to change the case from upper case to lower case or
vice versa.

Text and Highlight Color - This icon command highlights selected text for emphasis.
 34

Font Color – This icon command changes the colors of the text.

Clear Formatting - This icon command removes the previously applied text format.

Bullets - This icon command is used to add sequence of bullets to selected items.

Numbering – This icon command is used add number in chronological sequence to items.

Multi Level list – This icon command is used add multi-level list with different hierarchy.

Align Text Left - This icon command formats the selected text to the left.

Center –This icon command formats the line text selected to the center position.

Align Text Right - This icon command format the line text selected to the right alignment.

Justify- This icon command format justifies all the line text selected or paragraph.

Blank Page - This icon command inserts a new blank page .

Table – This icon command creates a series of row and column similar to a matrix of table.
 35

Picture - This icon command is used inserts a picture in the document.

Clip Art - This icon command is used to insert graphics from the clip art gallery.

Shapes - This icon command is used to insert shape.

Chart - This icon command is used to insert a chart.

Header – This icon command is used to add header to

the document.

Page Number – This icon command is used to insert a

page number.

Text Box - This icon command is used to insert a text

box.

Word Art - This icon command is used insert text with preformatted styles.

Symbol - This icon command is used to insert symbols.

 36

Page Lay Out - This menu is composing of command for page layout specially for users viewing and printing
needs.

Margins - This icon command is used to insert margins from top, bottom, left and right of the
document.

Orientation -This icon command is used to set up the orientation either portrait or
landscape.

Size - This icon command is used to select the paper size of the current document.

Columns - This icon command is used set up the document by number of columns.

Watermark - This icon command is used put a watermark style to image in the background

Bring Forward - This icon command is used to place the image forward.

Send Backward -This icon command is used to place the image backwards.
 37

Review - This menu command give emphasis on text meaning, spelling and grammars.

Spelling and Grammar – This icon command is used to

check the spelling and grammar.

Research – This icon command is used to search for

the meaning of a word via online.

Thesaurus – This icon command is used to search for

the meaning via the dictionary.

View – This menu command gives option for viewing he document.

Print Lay Out – This icon command is used to modify

the display of the current document.

Zoom – This icon command is used to enlarge the

focus of the current page.

100 % - This icon command is used to display the page

100%.
.

Format –This menu command is used to format or modify the figure or image selected

Remove Background – This icon command is used to

remove the background that was
selected.

Corrections – This icon command is used to adjust the

image either brightness and contrast.
 38

Colors - This icon command is used to adjust the color tone and saturation of an image.

Crop - This icon command is used to crop the selected edges of an image.

Save As- This icon command is used to save a file base on the destination folder selected.

Print - This icon command is used to print the current document.

Open - This icon command is used to open the folder where a file is located for used.

Close - This icon command is used to exit the word processor.

 39

Editing Text in word processors:

I Change the Font without using the mouse.

. 1. In the document are type the word God is good! .

2. Press SHIFT + Up arrow key button.
(The word God is good! should be highlighted.)
3. Press CTRL + } ( close curly braces) for at least 10 x the word
God is good! should be enlarge.
4. Press ALT+H then ALT + FN.

Figure 29 God is good!

Figure 30 Using ALT + H

5. Press Tab continuously until Font Color (Automatic) is selected;

 40

Figure 31 The Font Dialog Box

6. Press down arrow key the color palette appears; then using the direction keys select a color then Enter;
then press TAB until OK then Enter.

Figure 32 The Color Palette

II. Inserting a Picture, border and word art.

1. Select Insert, click picture, Select a picture from the Insert picture window.
2. Select the picture then click Insert.
 41

Figure 33 The Insert Picture Dialog Box

Inserting a Border

1. Select Page layout tab, select Page Borders tool, select a style then click Insert.

Figure 34 The Border and Shading dialog box

 42

Inserting a Word Art

1. Click the Insert table.

2. Select the Word Art tool; Click word art style.
3. The container 'Your text here' appears.
4. Type your text. v

i
6---------------------------o
i

Figure 35 Insert Word Art

Creating columns in word processors

1. Select Page Layout tab , Click Columns tool, Select More Columns,
2. The Columns dialog box appears; Select a Pre-sets then click OK.

Figure 36 The Columns dialog box

 43

Assignment:

1. Cite (10) advantages of word-processing

Values Integration:
Students learn the importance of making presentable documentation such that word processors like Microsoft Word
develop their creativity in presenting portfolio needed in their study.
Activity #3

Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

 44

Figure # Label the parts of Microsoft Word

1. ____________________ 6.
____________________
2. ____________________ 7.
____________________
3. ____________________ 8.
____________________
4. ____________________ 9.
____________________
5. ____________________ 10.
Machine Problem # 1 : Familiarizing with font face, font style, font color, borders and backgrounds. Step #1
____________________

Compose your own poem according to any of the following categories.

(Personal Life, Family, Society or Environment)

Step #2: Design the following with different font style, font face, font size and font color. Step #3

Add Background picture and borders

 45

Lesson
Advanced Spreadsheet Skills
4
Performance Standard:

1. Define the functions of a Spreadsheet program

2. Appreciate the development computing using Microsoft Excel
3. Identify the parts of MS Excel and its basic functions
Content Standard:

1. The Spreadsheet program

2. Microsoft Excel
3. The Functions of MS Excel
INTRODUCTION

In today's world the business sector has reach a milestone unmatched by the past transactions, the
accounting principle had reach new heights that had helped the progress in transaction. The
Electronic Spreadsheet refers to a program that is customized to perform computations similar to
accounting principles. It is also capable of producing formulas, creating charts and reports.
 46

Figure 38 Parts of the Microsoft Excel Environment

1. Title Bar 6. Cell

2. Menu (Ribbon) 7. Worksheet

3. Tools 8. Cell Pointer
4. Cell Address 9. Column
5. Formula Bar 10. Row
Title bar - This refers to the area where the filename of the current document is displayed. Menu

Tab- This area is where all the commands can be displayed and run.

Tools- This area holds a stack of icon commands that can be run.

Cell Address - This displays the current position in row and column of the cell pointer. Formula Bar -

This displays the formula used for a particular cell.

Cell -This refers

Worksheet - Thistorefers
an individual cell. adjacent cells in one sheet.
to the whole

Cell pointer- this refers to the current position in the worksheet where data entries can be entered. Column -

This refers to the cluster of cells in vertical position indicated by letters.

Row - this refers to the cluster of cells in horizontal position indicated by numbers.

The Tools

Orientation - This command is used to adjust or modify the angle of a text.

Wrap Text - This command is used to wrap the text within the cell.

Merge and Center - this icon command is used to merge cells into one single unit.

% Percent - This command is used to add a percentage symbol

Comma- This command is used to add commas to currency type entries.

Increase Decimal - This command is used to increase the decimal places.

 47

Decrease Decimal- This command is used to decrease the decimal places.

Auto sum - - this icon command is used to get the sum of all numeric data selected.

Columns- This command is used to compare values across categories.

Line - - This command is used to display a chart that shows trends overtime.

Pie - This command is used to display chart contribution of each value and a total.

Bar - This command is used to display a chart that compares values.

Insert function - This command is used to insert functions or formulas.

From Access - This command is used to insert Microsoft Access data.

Sort A to Z - This command is used to arrange the data alphabetically from a to z.

Sort Z to A - This command is used to arrange the data from z to a.

Sort- =This command is used to arrange data based on criteria.

Modifying the Entries

A. Adjusting Columns.
 48

1. Point the mouse pointer at the edge of a cell to adjust cell length (a double headed arrow appears)
then drag.
2. Drag the double- headed arrow to your desired location.

Figure 39 The Double Head Arrow

B. Sorting Data
1. Type the following names;

2. Create a range names. Then click Sort A to Z.

C. Using AutoFill
1. Enter two consecutive numbers;
2. Highlight their cells.
3. Drag the bottom right edge of the cell.

Creating Formulas in MS Excel

1. Type the following data. Select cell address B1. Type PRELIMINARY QUIZ. Select cell address B1, highlight
ell addresses B1 to F1; Click Mail Merge. ( 1. Refer to number in Figure for the Output)
2. Select cell address F4. Type the formula: =AVERAGE (C4:E4) , press Enter. ( 2. Refer to number in Figure for
the Output)
3. Select cell address F4. in the tools then click Decrease Decimal. Format it to two decimal places.
4. Select F4 then drag the Auto Fill handle up to F8. ( 2. Refer to number in Figure for the Output)
 49

Figure 40 Creating Formulas in MSExcel

Creating Charts

1. Range from the cells B3 up to F8 ; Click Insert from the Menu Tab.

Figure 41 Range from the cells B3 up to F8

2. Click Column. Then click any 3D Column style.

Figure 42 The Column

3. The Chart below appears.

 50

Figure 43 The Column Chart

Creating Formulas function in MS Excel:

1. Go to G4. Type the following formula: =(F4>85,”EXCELLENT”,”GOOD”) then press Enter key.
2. Used autofill to copy the formula for the rest of the rows.

Figure 44 Creating Formulas

 51

Assignment:

1. Using MS Excel, solve for the Quiz Average:

Create a Column Chart and put the appropriate label and legend.
Formula:
Quiz Average = Quizl + Quiz2 + Quiz3

Name Quiz 1 Quiz 2 Quiz 3 Quiz Average

1 Rizal, Jose 85 100 85
90 90 75
2 Bonifacio,
Andres
3 90 90
Mabini, 100
Apolinario

Values Integration:

Microsoft Excel is the most widely used software in the world, the knowledge learned from this lesson not only
improves their skills but also enhances their focus, discipline and ingenuity by learning techniques in making
formulas and designing charts.
 52

Activity # 4

I. Instructions: Identify the parts of Microsoft Excel according to the number . Write your
answer your answer on the space provided.

1._____________________________ 6.______________________
2._____________________________ 7.______________________
3._____________________________ 8.______________________
4. _____________________________ 9.______________________
5. _____________________________ 10.______________________

11._____________________________ 14.______________________
12._____________________________ 15.______________________
13._____________________________
 53

Machine Problem #2

Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

I. Instructions: Create a grading system that will display a remarks according to grade intervals. Use IF
Function for the remarks.
*Base your remarks on the Grades table below.

Range of Grades Remarks

Less than 75 Fail
75 to 80 Pass
Greater than 80 Good

Figure # Grades Table

 54

Lesson
Advanced Presentation Skills
5
Performance Standard:
1. Define the functions of a presentation program
2. Appreciate the purpose of presentation programs
3. Identify the parts of MS PowerPoint

Content Standard:

1. The Presentation programs

2. The Microsoft PowerPoint
3. The Functions of MS Power Point

INTRODUCTION
Marketing strategy is a necessity in the progress of a business. In this lesson a Presentation program refers to
an application program that is useful for presenting documents, such as business proposals, lessons in the field
of education, and seminars.
 55

Figure 47 Parts of Microsoft PowerPoint Screen

1. Title bar - this refers to the area where the filename of the current document is displayed.
2. Menu tab - this area is where all the commands can be displayed and run.
3. Tools- this area holds a stack of icon commands that can be run.

4. File Menu Button- This holds the menu for opening, creating, saving and printing of files.

5. Sorter panel - It displays the slides in miniature form in its proper order.

6. Status Bar - This displays the current slide and number of slides in the presentation.
7. Guide bar - This can be used for remarks with regards to the slide but is not displayed during the
presentation.
8. Presentation Slides - It refers to the current slide in the presentation.
9. View Buttons - It is composed of buttons that are most commonly used for viewing.

10. Zoom in Zoom out - It can be used for magnifying the current slide.

Common command icon in slide show

presentation

From Beginning Animation pane

From Current Slide Sound

Rehearse Timing Duration

 56

Creating a Slide with Text, WordArt, Background color,

Inserting a picture and animation.

1. Open PowerPoint. From the presentation slide,

select the container “Click to add title”.
2. Type the text For example: Our Lady of Fatima
University.

Figure 48 Creating Slide and Format Background

3. Right click the presentation slide, from the menu choose Format Background.
4. The Format background dialog box appears; Select the Gradient fill; Select Preset
colors then choose a color. Click Apply to All then click Close.
 57

5. Select a container with text; click Format the Word Art Style appears. ; from the
choices select a word art style.

Figure 50 Format Word Art

6. The sample format appears

Figure 51 The sample output

7. From the Slide panel next page Right Click below the current slide. Then from
the menu select New Slide. Afterwards From the menu select Insert Click Picture.

Figure 52 Inserting Picture

8. Select a picture; Click Open.

Figure 53 Select a Picture

 58

1. From the menu select Animations, select Fly In; Select Slide Show then
Select from the beginning to run the slides.

Figure # Animation

Figure # Animation

Assignment:
1. Create a presentation about your family:
Required minimum of 10 slides with pictures and sounds.

Values Integration:

Today's business has reached a point that presenting business transactions is a necessity to attract potential
customers. The Microsoft PowerPoint is an essential tool in doing this with its user -friendly controls, attractive text,
pictures and animation. Creativity and appreciation for beauty of presentations are values that are developed in the
student's personality.
 59

Activity # 5
Name: __________________ Score:_____________________

Section: _________________ Date: ______________________

1. Instruction: Identification: Write your answer on the space provided.

____________1. It displays the slides in miniature form in its proper order.

____________ 2. This refers to the current slide in the presentation.

____________3. This is composed of buttons that are most commonly used for viewing.

____________4. It can be used for magnifying the current slide.

____________5. This refers to the area where the filename of the current document is
displayed.

____________6. This area holds a stack of icon commands that can be run.

____________7. This contains the menu for opening, creating, saving and printing of files.

____________ 8. This displays the current slide and number of slides in the presentation.

____________9. This can be used for remarks with regard to the slide but is not displayed
during the presentation.

____________ 10. This area is where all the commands can be displayed and run.

II. Enumeration: List down five common command icons in a slide show presentation.

1. ____________________________________

2. ____________________________________

3. ____________________________________

4. ____________________________________

5. ____________________________________
 60

Lesson Imaging and Design for Online

Environment
6
1. Discuss Basic Principles of graphics lay-out
2. Creating Info graphics
3. Discuss different Online file formats or images
4. Principles and basic techniques of image manipulation
5. Uploading, sharing, and image hosting
Content Standard:

1. Basic Principles of Graphics lay-out

2. Basic Techniques and principles of image manipulation
3. Formats of images
Creating a web page is like creating a work of art. There are certain things that you need to consider in
order to get your message across.
1. Balance. The visual weight of objects, texture, colors, and space is evenly distributed on the
screen.

2. Emphasis. An area in the design that may appear different in size, texture, shape or color to attract the viewer's
attention.
 61

3. Movement. Visual elements guide the viewer's eyes around the screen.

4Pattern, Repetition, and Rhythm. These are the repeating visual element on an image or layout to create unity
in the layout or image. Rhythm is achieved when visual components make a sense of organized development.

5. Proportion. Visual elements create a sense of unity where they relate well with one another.
 62

Principle of Variety Design

Creating an Info graphic Step 1: Ideate

Start by considering the commerce side of your infographic creation.

Your promoting, inventive and commerce groups have to be work together to brainstorm and choose on

an thought for your infographic. Begin with a pool of 8-10 thoughts. Investigate each

to discover other substance and data on your chosen point, and see to see on the off chance that there are other

infographics out there that have as of now secured your thought. In the event that so,

what extra data and esteem can your infographic offer?

Step 2: Investigate, Arrange and Write

Once you've chosen on your thought, you'll got to compile the information that your infographic will illustrate.

To make beyond any doubt you're telling a compelling story from the starting to the conclusion of your infographic

— one that joins actualities, figures and visuals together — take the time to arrange out the structure

and composing of your infographic's content. The visual structure of your data ought to be clear and coherent, and

the composing ought to communicate together with your group of onlookers in a way that best reverberates with

them.
 63

Step 3: Select Your Colors

Did you know that colors account for 85% of the reason why individuals make a buy? In reality,

when individuals observe fair three seconds of an advertisement, 62% of them have as of now made

their choices around the brand based on the colors shown within the ad. That's why choosing the

correct colors plays an amazingly vital part within the victory of your infographic.
Step 4: Select Your Font(s)

After choosing your color scheme, it's time to pick the right font(s) for your content. Fonts make or break your

infographic's readability.

The right font choices add ambience and personality to your infographic, while the wrong font choices clutter the

page and obscure the information.

If you have the resources, it's worth getting your graphic designer to experiment with a few different fonts to see

which ones best support the creative direction of your infographic.

Step 5: Decide Your Infographic Introduction and Visual Hierarchy

Once you've chosen your colors and font(s), you wish to think around the wireframe and introduction of

your infographic. Almost all websites use vertical orientation, so CopyPress prescribes that you

just think difficult some time recently you select horizontal. The another step includes making your

visual pecking order. The infographic needs central focuses that the rest of the plan complements.

Step 6: Create Your Advancement Plan

You need your target group of onlookers to really see and lock in together with your last work. That's why you

wish to discover the culminate places to make a big appearance and convey the infographic. Think about all

your possessed and paid substance goals and social media channels you'll be able use, as well as impacts you know

who seem possibly work with you to assist intensify your content.

.
 64

You'll too require other components, like promo scraps from the substance, to advertise your unused infographic.

Make a list of what you'll require some time recently the infographic is wrapped up so that you will be prepared to

induce a kick off on your promoting as before long as the substance is complete.

Step 7: Set Your ROI Goals

Make sure you set return on investment (ROI) goals for the infographic, if you haven't already done so in the

planning phase. You want to be able to measure whether your infographic has met your objectives or not at the end

of your campaign, so you can demonstrate your ROI to the leadership team.

For example, if your goal is to increase leads, you want to make sure that you have included a call-to-action within

your infographic to contact your company or complete a lead gen form for access to additional resources. This way,

you can measure the number of leads your infographic is generating.

Types of Image Files

• JPEG (or JPG) - Joint Photographic Experts Group.

• PNG - Portable Network Graphics.
• GIF - Graphics Interchange Format.
• TIFF - Tagged Image File.
• PSD - Photoshop Document.
• PDF - Portable Document Format.
• EPS - Encapsulated Postscript.
• AI - Adobe Illustrator Document.

Image Manipulation Principles and Basic Techniques

Assets around different picture control strategies like picture editing, mixing, combining
and combining Pictures, extricating portion of an picture and more.

• Foundation Picture Preparing -Assets approximately creating foundation pictures, including and expelling a foundation of
an picture utilizing picture control techniques.

• Mixing, Combining and Blending Pictures — Assets approximately mixing and blending different pictures into a
single picture with the assistance of systems like .NET and more.
.
• Extricating Portion of an Picture — Assets approximately extricating portion of
an picture or extricating picture information utilizing systems such as JavaScript, GIMP and more
 65

• Flip, Modify, and Reflect Pictures — Assets approximately how to naturally flip an picture, modify picture colours,
or make reflect pictures utilizing systems such as HTML5, jQuery and more.

• Creating Picture Thumbnails — Assets almost producing reduced-size forms of pictures utilizing systems and
programming dialects like PHP, ASP.NET and more.
.

• Producing PDF from Picture — Assets around creating PDF records from pictures utilizing PHP, JavaScript and more

• Picture Color Check and Palette Location — Assets around extricating colors from pictures utilizing systems dialect like
PHP, Java and more.

• Picture Trimming and Programmed Trimming — Asset approximately picture editing, a usefull highlight in web
application that permits the client to edit an picture on a web page and spare it for afterward use.

• Picture fitting — Assets almost fitting pictures into browsers and Div holders utilizing systems dialect like CSS, jQuery
and more.

• Picture Overlay Content — Assets around how to overlay content on an picture utilizing CSS, HTML and
JavaScript, counting illustrations instructional exercises and more.

•Picture Cushioning — Assets approximately picture cushioning, a property that's utilized to produce space around
an picture by clearing an zone around the image.

•Picture Turn and Introduction — Assets almost turning pictures and changing
their introduction utilizing picture control methods and programming dialects like CSS, JavaScript and jQuery.

• Uploading — is the transmission of a record from one computer framework to another, more often than
not bigger computer system

• Picture sharing, or photo sharing— is the distributing or exchange of a

user's advanced photographs online. Picture sharing websites offer administrations such as
uploading, facilitating, overseeing and sharing of photographs (freely or privately)

• Picture hosting— it may be a facilitating benefit permits individuals to upload pictures Picture hosting— it may be
a facilitating benefit permits people to transfer pictures to an Online site. The picture have will at that point store
the picture onto its server, and appear the person diverse sorts of code to permit others to see that image.
66
 67

ACTIVITY #6

1. 1. Your teacher will give you activities that will allow you to assess existing websites and
online assets based on the standards of format, realistic, and visual message design.
2. You will be given an opportunity to hone picture control procedures on
existing pictures to alter or improve their current state to communicate a message for
a particular purpose.
3. To extend your skill, you will be guided by your teacher/instructor to
make an unique or subordinate ICT substance to viably communicate a visual message in an
internet environment related to your particular proficient track.
.
 68

Lesson Online Platform for ICT

Content and Development
7
Performance Standard:

1. Discuss what is online platforms and purpose of it

2. Discuss different Web Applications for content Development
3. Discuss the content management system and cloud computing in platforms

Online stage could be a extraordinarily created stage utilizing Web innovation. Online platforms have
revolutionized access to any information. In our daily life today we used Internet in doing such things and in our
learning purposes. Here are some examples of Online Platforms:

Facebook is the biggest and the most popular social platform in the Internet. It is commonly used by students
and is a gaining ground among professionals too.
 69
Commercial center - permits clients to post, examined and react to classified ads.
• Bunches - permits clients who have common interface to find each other and interact.
• Occasions - permits clients to publicize an occasion, welcome others clients and track those who plans to attend.
• Pages - permits clients to form and advance a open page built around a particular and chosen topic.
• Nearness innovation - permits clients to see which contacts are online and conceivable to chat as before long as
possible.

Instagram is an internet versatile media-sharing location that permits clients to share pictures
and recordings either freely or secretly on the app. Journalist commonly uses this online platform.
 70

Twitter is an internet news and social organizing benefit where clients post and connected with messages,
"tweets," limited to 140 characters. Enrolled clients can post tweets, but those who are unregistered can as it
were examined them.

CONTENT MANAGEMENT SYSTEM

Content Management System (CMS) permits one to distribute, alter and control, organize and erase web substance.
It is commonly utilized in blogs, news websites, and online shopping. Cloud Computing

Cloud Computing

Cloud Computing is the conveyance of computing services—servers, capacity, databases, organizing, computer
program, analytics and more—over the Web ("the cloud"). Companies advertising these
computing administrations are called cloud suppliers and ordinarily charge for cloud
computing administrations based on utilization, comparable to how you're charged for water or electricity
at domestic. You're likely utilizing cloud computing right presently, indeed if you don't realize it. In the event
that you employ a web benefit to send mail, alter records, observe motion pictures or TV, tune in to music,
play diversions or store pictures and other files, it is likely that cloud computing is making it all conceivable behind
the scenes. The primary cloud computing administrations are scarcely a decade ancient, but as of
now a assortment of organizations—from modest new businesses to worldwide enterprises, government offices to
nonprofits—are grasping the innovation for all sorts of reasons.
 71

Employments of cloud computing:

• Make modern apps and services

• Store, back up and recuperate data
• Have websites and blogs
• Stream sound and video
• Provide program on demand
• Analyze information for designs and make predictions
Advantages of Cloud Computing:

• No need to install
• Saves hard disk space
• Easy access to your files
• Saves money
• No need to update
• Minimum system requirements
• Back-up and data recovery are relatively easier

Disadvantages of Cloud Computing:

• Can be hampered down by slow internet speed

• May require compatible software
• You do not own the software
• Security risks
• More prone to hacking

• Limited control over the infrastructure

Web Applications for Content Development Static Web Application

Inactive Web Application

If you select to make a inactive web app, the primary thing to know is that this kind of web
app shows exceptionally small substance and isn't exceptionally flexible.

They are ordinarily created in HTML and CSS. In any case, energized objects such as standards, GIFs, recordings, etc.,
may too be included and appeared in them. They can moreover be created with jQuery and Ajax.

In expansion, adjusting the substance of static web apps isn'tsimple. To do this, you to begin with need to download
the HTML code, at that point adjust it and at long last transfer it again to the server. These changes can as it
were be made by the webmaster or by the advancement company that arranged and planned the app within the to
begin with place.

Examples of inactive web app improvement incorporate proficient portfolios or advanced curriculums. Essentially, a
webpage presenting a company may too make utilize of this kind of web application to show contact data or the
like.
 72
Energetic Web Applications

Energetic web applications are much more complex at a specialized level. They utilize databases
for stacking information and their substance are overhauled each time the client gets to them. They for
the most part have an organization board (called CMS) from where chairmen can adjust or alter the
app's substance counting content and images.

Many diverse programming dialects can be utilized for energetic web app improvement. PHP and ASP
are the foremost common dialects utilized for this reason since they permit you to structure the content.
In this kind of app, overhauling substance is exceptionally straightforward and the server
doesn't indeed ought to be gotten to when adjusting it.

In expansion, it permits the usage of bounty of highlights such as gatherings or databases. Plan - other
than substance - can be altered to coordinate the administrator's preferences.
E-COMMERCE
In the event that the internet application is a web store or shop, its improvement is likely to take after that
of mcommerce or an e-commerce location. This kind of app's advancement handle is more complicated since it
must empower electronic installments through credit cards, PayPal or other installment strategies. The developer
must moreover make a administration board for
the director. It'll be utilized for posting unused items, upgrading or erasing them and overseeing orders and
payments.
.
 73

Portal Web Applications

By portal, we are alluding to a kind of application in which we get to a few of its areas or categories
through a domestic page. These apps can incorporate bounty of things: gatherings, chats, e-mail,
browsers, regions gotten to through enrollment, the most recent substance, etc.

Animated Web Applications

An animation is unavoidably related with Streak innovation. This programming
approach permits for displaying substance with enlivened impacts.
It too empowers more imaginative and advanced plans and is one of the
foremost broadly utilized innovations by creators and inventive executives.
The disadvantage inalienable to creating energized web applications is that this kind
of innovation isn't reasonable for web situating and SEO optimization
purposes since look motors cannot accurately examined the data they contain.

Web Application with a content management system

Content must be persistently upgraded when it comes to web app improvement,
so introducing a substance administration framework (CMS) may be a genuine choice to consider. The chairman can
make utilize of this CMS to actualize changes and updates.
These substance directors are instinctive and exceptionally simple to handle. A
few illustrations of substance administration frameworks are:
 74

• WordPress: it's without a doubt the foremost widespread

content supervisor around. There's bounty of data, instructional exercises and guides available on the web that
will assist you redo it and get it how it works. In expansion to all this, it's free.

• Joomla: this cm is the moment most well known after WordPress. It doesn't have
as numerous clients as the last mentioned but does have a solid community and is
additionally exceptionally intuitive.
• Drupal: it's a free computer program CSM. It's exceptionally versatile and is particularly suggested for
building up communities.
 75

ACTIVITY #7

With your teacher's guidance, you can start exploring online platforms for expression of mission statements of
social impact organizations. On deeper reflection, you should be better skilled by now in online search using
relevant keywords in this activity. Likewise, from a technical and skills perspective you should be able to do the
following:

1Assess existing online creation devices, stages and applications

in creating ICT substance for particular proficient tracks.

2. Apply web plan standards and components utilizing online creation apparatuses, stages, and applications to
communicate a message for a particular reason in your proficient track.

3. Make an unique or subsidiary ICT substance utilizing online creation devices, stages, and applications
to viably communicate messages related to your proficient track.
 76

Lesson Basic Web Page Creation Using Static

8 Website and Online Platform

Performance Standard:

1. Identify the advantages of web pages

2. Define the different tags in Hyper Text Mark-Up Language
3. Apply basic HTML tags in creating a web page
4. Steps in web page design using online platform
Content Standard:

1. The Web Pages

2. The Hyper Text Mark Up Language
3. Using HTML tags
INTRODUCTION

The Internet has been a source of information and communication. This is evident through its component
called a website. The website refers to an Internet service that contains information composed of a group of web
pages. A web page is a single page that contains text with hyperlinks; and a hyperlink is a text that is connected to
another web page. A change in webpage occurs every time the hyperlink is clicked.

A tag refers to an HTML command that is used to develop and design the webpage. It is a word that is
between a less than and greater than symbol. A close tag refers to an html command that supresses the previous
format used. Tag parameter is attribute supplementary command in a tag.
Basic Tag Command in HyperText Mark Up Language (HTML)

1. <HTML> refers to a tag that declares the CONTENT as an HTML document.

Syntax:
<HTML> statement and tags </HTML>
2. <HEAD> refers to a tag that is placed at the beginning of the other HTML tags.
Syntax:
<HEAD> Javascript or Cascading Style Sheet (CCS) code </HEAD>
3. <TITLE> refers to a tag that displays a text in the titlebar.
Syntax:
<TITLE>this is my Project in Computer </TITLE>
 77

4. <BODY> refers to a tag that modifies the content body of the web page.
Syntax:
<BODY BGCOLOR="GREEN"> Statement </BODY>
Parameter:
BGCOLOR = changes the background color.
BACKGROUND = changes the image of the webpage.
Syntax: <BODY BACKGROUND="PICTURE.JPG">
5. <B> means bold and refers to a tag that changes the text to boldface.
Syntax:
<B> Fatima </B>
6. <I> means italic it refers to a tag that change the text to italic.
Syntax:
<I> Fatima </I>
7. <U> means underline it refers to a tag that underlines a text.
Syntax:
<U>Fatima </U>
8. <FONT> refers to a tag that modifies the text font.
Syntax:
<FONT COLOR=“YELLOW" SIZE=10 FACE=“CALIBRI">
Parameter:
COLOR= changes font color of the text SIZE = changes the font size of the text FACE = changes the font face of the
text
9. <BR> means break it refers to a tag that is used to place the text to the next line.
Syntax:
<BR>FATIMA
10. <IMG SRC> means image source and it refers to a tag that is used to insert picture to the webpage
Syntax:
<IMG SRC="PICTURE1 .jpg" HEIGHT=100 WIDTH=100>
Parameter:
HEIGHT = changes the height of the picture WIDTH = changes the width of the picture
11. <A HREF> means anchor hyper reference it refers to a tag that is used to make a text or image a hyper link.
Syntax:
<A HREF="SAMPLE.HTML">next page </A>
12. <TABLE> refers to a tag that is used to add a table in a webpage.
Syntax:
<TABLE BORDER=1>
Statement
</TABLE>

13. <TH> means table header and refers to a tag that is placed in the first column of the table row.
Syntax:
<TH> NAMES </TH>
14. <TR> means table row and refers to a tag that adds a row to a table.
Syntax:
<TR> </TR>
 78

15. <TD> means table distance and refers to a tag that adds a column in a table.

Syntax:
<TD> JOSE RIZAL </TD>
16. <MARQUEE> refers to a tag that is used to move text or image in the web page.
Syntax:
<MARQUEE> FATIMA </MARQUEE>
17. <CENTER> refers to a tag that is used to put text in the center.
Syntax:
<CENTER> FATIMA</CENTER>
18. <!----> refers to a tag that is used to indicate a remark about the web page.
Syntax:
<! -- This is my Project ^
19. <ol> means ordered list and a tag that indicates the name of a list of ordered items.
Syntax:
<ol> List of Student names</ol>
20. <li> means list a tag that indicates the item of each list.
Syntax:
<li> Jose Rizal</li>
21. <H1> means headerl a tag that increases the size of the text.
Syntax:
<H1> Fatima </H1>
22. <FORM> refers to tag that is used for adding objects to the web page.
Syntax:
<FORM >
23. <INPUT TYPE= TEXT> refers to the tag that is used add a textbox in the web page.
Syntax:
<INPUTTYPE="TEXT" SIZE=30 NAME="SURNAME">
Parameter:
Size = change the length of the character of text allowed in the textbox Name = names
the textbox
24. <INPUT TYPE=CHECKBOX> refers to the tag that is used to add a checkbox in the
web page.
Syntax:
<INPUT TYPE= CHECKBOX >
25. <INPUT TYPE= BUTTON> refers to the tag that is used to add a button.
Syntax:
<INPUT TYPE=BUTTON>
 79

Steps in creating a webpage:

1. Open Notepad program. Type the following the text.

<HTML>
<TITLE> My Project in Computer </TITLE>
<BODY BGCOLOR="green">
<HEAD> <!—Javascript Code --> </HEAD>
<CENTER><FONT COLOR ="white" SIZE=7>
OUR LADY OF FATIMA UNIVERSITY</CENTER><BR>
<FONT COLOR ="yellow" SIZE=5 FACE="Garamond">
Jose Rizal</BODY></FONT></HTML>
2. Click File > Save As > type the filename. "PROJECT.HTML". Click Save.
3. The file icon changes to the default web browser. Then double-click the file.

Output webpage:

Figure # the Webpage Output Steps in creating page design using online platform (WORDPRESS)

Step 1 Find and purchase a domain

Selecting a trade group title may be a crucial part of the presence and promotion associated with your business.
Ideally, this ought to be a .com that incorporates your business title or network group. Whereas your web have
might give a space for gratis, most specialists propose keeping your business group and hosting services separately
to guarantee you've got possession and control over your domain.

Step 2 Sign up for a web host service provider

In spite of the fact that there are free alternatives, our best wagered is to go with a paid have, once more to
guarantee quality and control. There are numerous reasonable web has to select from. Since you need to introduce
WordPress, fair check that the have offers the WordPress script in its library (most incorporate it)

Step 3 Interface your domain and web host service provider

After you sign up for web hosting, you'll get data almost how to log in to your account and the address of your host's
name servers (two arrangement of numbers). Duplicate the name server data, and after that
 80

head to your domain registrar and include the name server data to your domain name. This tells the domain
registrar where the domain ought to point to.

Step 4 Run a copy of word press

Gone are the days after you had to download the script from the WordPress downloading site and then transfer to
your host. Most has offer a speedy introduce choice through their script library. Log into your have account (i.e.,
cPanel) and discover the WordPress script (on the off chance that you're uncertain where usually in your cPanel,
inquire your have). Press on "Introduce" and demonstrate where you need the script to introduce.

In case you need your entirety location on WordPress, utilize your domain name, taking off the catalog choice blank
(i.e., www.yourdomain.com/. If you need your entirety location on WordPress, utilize your domain name, l clearing
out the catalog choice clear (i.e., www.yourdomain.com/). On the off chance that you as of now have website and
need to introduce a blog in a different folder, compose within the folder name after your domain. For case, in the
event that you need WordPress for your web journal, you'll introduce it in www.yourdomain.com/blog/. The
introduce will make the "web journal" envelope and install WordPress there. Amid the introduce, you'll moreover
provide your admin title, web journal title, and e-mail, which is able be included in WordPress, in spite of the fact
that you'll be able alter the web journal title and mail afterward.

When finish, you will be given a link to the recently made WordPress location and a password and you need to
change the password.

Step 5 Browse the WordPress Dashboard

The good thing about WordPress is that indeed when it's updated, the essential features remain the same. Once you
learn where everything is and how it works, you're great to go. Log in to your WordPress location utilizing your
admin name and password. Once logged in, you will be taken to your dashboard. On the cleared out may be a menu
of all the standard options:

• Dashboard: Homepage of your dashboard.

• Posts: Web journal articles.
• Media: Pictures, recordings, etc., are kept for future use. You'll be able include media specifically to this folder or
on the fly when composing a post or page. On the off chance that you add media to a page, it'll be stored in your
Media folder
• Pages: Inactive content such as your "About Me" page. In the event that your home business offers a benefit,
you'd put your benefit data on a page.
• Comments: Oversee and direct comments cleared out on your site.
• Appearance: Oversee and customize your location subject, organize your sidebar widgets, make menus (as
permitted by your subject), and get to the theme's editor.

• Plugins: Include, remove, and overhaul plugins. A few plugins include menu highlights straightforwardly to the
Dashboard menu, whereas others get included as a submenu thing beneath Tools or Settings.
• Users: Manage individual who enroll as guests, as well as oversee consents of those to whom you provide access.
For example, in the event that you have a virtual assistant, you wish to permit her to update and to make a
difference to the site.
• Tools: Import and send out WordPress information. A few plugin settings are obtained through the Tools menu.
• Settings: Set up how your web journal is studied, how comments are posted, make your permalink structure
(how your blog substance URLs look), and more. Numerous plugin settings are gotten to through the settings.
 81

Step 6 Select a WordPress Theme

WordPress offers default topics, or you can have a look and place themes from the WP theme library. Click on
"Appearance," and then tap on "Theme." If you just like the default theme, you'll be able to leave it the same, but
select the "Customize" option (under the "Appearance" option) to change particular features such as color and the
header. You can alter the theme by clicking on a different theme, and after that clicking on "Activate." If you don't
like the default choices, you can include a new theme. One way is to press on "Add Theme" where you will be able
get to a theme library.

Basically click "Install" and after that tap on "Activate" to select the theme. Another alternative is to look for themes
from other sources. To utilize these themes, you wish to download them from the source, at that point in you
WordPress Dashboard, press "Add Themes" and then "Upload Theme." Use the browse button to search the theme
you downloaded, click on the file (it's usually a zip file), and then upload. Then click on "Install" and then "Activate."
Note that a few themes add menu items to your left navigation tools. Also, a few have customization options such
as including your social media links.

Step 7 Organize sidebar and widgets

Beneath "Appearance" and after that "Widgets," you'll see a list of widget options such as "Recent Posts" and
"Archives." Ordinarily, the default widgets in your sidebar are "Recent Posts," "Recent Comments," and "Meta." The
good thing about WordPress is that adding or removing widgets essentially includes dragging and dropping where
you need them. Whereas numerous widgets serve a particular work (for case, listing your most later posts), there's a
Text widget that permits you to include anything you need including code.

This is often a good place for including your email list sign-up script or member item codes. The standard sidebar is
on the right-hand side of your blog/site, but in some cases your theme may permit you to select where the sidebar
is found. Other times the theme might have more than one sidebar, for instance, two on the left, and three at the
bottom.

Step 8 Arrange your plugins

WordPress comes ready-made with two plugins. Askimet is the anti-spam plugin you'll need to enact by getting a
free activation code. Fair tap on the interface within the Askimet plugin to urge one. There are millions of plugins
that include cool highlights and capacities to your website. For instance, a few plugins will make a storefront on your
WordPress location. But numerous plugins run behind the scenes to keep the location secure and running easily.
Essential plugins you ought to add include security (to keep the programmers out), cache (to assist progress speed
and execution), reinforcement, and SEO. Plugins can be added under the "Plugin" alternative of the menu. Like
topics, you'll be able rummage around for plugins inside the WP library, or get them from other sources and transfer
them to your WP location.
 82

Step 9 Add Content to your website

Begin by including your inactive pages such as "About Me," "Contact," and any other information you want your
guests to have (such as a media tool). If in case you're running your WordPress location like a standard website and
need a particular home page (e.g., About Me) to appear when visitors arrive, go to "Settings" and then "Reading"
and toggle "Static Page," and after that select what page or post you want on your homepage. If in case you’re
running a blog, you can leave the default setting, "Your Latest Posts."

Once you have got your pages, include posts related to your blog (web journal ) or home business topic. Both pages
and posts work the same. Click on "New Page" or press "New Post" under "Page" or "Post" in the dashboard menu.
Type your title to the title box and your content below. WordPress gives you two choices to add your content:
"Visual," which is what-you-see-is-what-you-get, and "Text." In the event that you’ve got code you need to
incorporate in you page or post (such as an affiliate link), press the "Text" tab to include it. On the right-hand side of
the page, you'll see options to publish or plan your post, categorize it (including adding new categories), tag it
(including adding new tags), and add a highlighted picture.

Assignment:
1. List down 10 educational web sites. Explain the importance of the researched website.
2. List down 5 additional web page design using online platform

Values Integration:

The students' creativity in designing is developed in web page development. The html activity also improves also
their critical thinking. Values of responsibility is also achieved since the theme for the webpage they are developing
is educational.
 83

Activity # 8

Name: __________________ Score:_____________________

Section: _________________ Date: ______________________

I. Instruction: Identification: Write your answers on the space provided.

___________ 1.It refers to the tag that is used to add a textbox in the web page.

___________ 2. It pertains to the tag that is used to add a checkbox in the web page.

___________ 3. It refers to the tag that is used to add a button.

___________ 4. It means a tag that is used to move text or image in the web page.

___________ 5. It relates to a tag that is used to put text in the center.

___________ 6. It pertains to a tag that is used to indicate a remark about the web page.

___________7. It concerns a tag that declares the content as an HTML document.

___________ 8. It pertains to a tag that is placed at the beginning of the other HTML tags.
___________ 9. It means a tag that displays text in the title bar.
___________ 10. It applies to a tag that modifies the content body of the web page.

___________ 11. This means bold and it refers to a tag that change the text to boldface.

___________ 12. It means image source and it refers to a tag that is used to insert picture to the
Webpage.
___________ 13. This means anchor hyper-reference and it refers to a tag that is used to make a
Text or image a hyperlink.
___________ 14. It pertains to a tag that is used to add a table in a web page.

___________ 15. It pertains to table row refers and it to a tag that adds a row in a table.

___________ 16. It means ordered list and is a tag that indicates the name of a list of ordered items.

___________ 17. This is a tag that indicates the item of each list.

___________ 18. It means header1 and is a tag that increases the size of the text.

___________ 19. It refers to a tag that is used for adding objects to the web page.

___________ 20. This means table row and it refers to a tag that adds a row to a table.
 84

Lesson Collaborative ICT Development

9
Performance Standard:

1. Discuss the ICT content team structure and trends

2. Identify certain collaborative tools and procedures

Content Standard:

1. Team Structure and Dynamics for ICT

2. Different collaborative tools and processes

Team Structure

1. Competence in strategic thinking, analytical and technical thinking.

2. Project management, leadership and team building skills
3. Ability to work across team
4. Good command of oral language proficiency and writing abilities
5. Good interpersonal communication skills and the ability to work under pressure with others and
fix problems
Information System Groups
Responsibilities:

1. Help the team to plan and prioritize workloads and projects

2. Manage the team performance
3. Manage day to day operational activities
4. Be a technical escalation point for the team
5. Have excellent communication skills with the ability to communicate effectively face-to-face

Requirements
1. A good instance of a dynamic source would be a website that is regularly updated.
2. The word dynamic is characterized by continuous change
 85

Skills of Network Team

1. Changes can be made quickly and mistakes may go unnoticed

2. There may be conflicting information on different websites.
3. The Information may be biased or completely wrong.
4. Information overload

Telecoms Team

1. Can be updated rapidly as change occurs

2. A large number of people can access the information at the same time
3. It is easy to find associated information or cross-reference information
4. You don't have to learn where to search for the information.
5. Can have access to a lot of content
6. Often relatively inexpensive to keep compared to the production of static information sources.

Team Structure Responsibilities

1. Prepare strategic and operation plans for the information communications technology (ICT).
2. Manage and provide oversight for the information of an ICT system etc.
3. Ensure development, implementation and maintenance of all polices related to ICT.
4. Develop and manage the planning and budgeting for the ICT services.

Desktop and Media Services Team

1. Masters degree in computer science

2. Software Engineering, Computer Engineering, Information and Communication Technology, Electronics and
Telecommunications.
3. Required a minimum of 3 years of experience in the ICT setting with working expertise in project management,
strategic planning, finance, accounting and procurement

Responsibilities

1. Staffing of events
2. Video editing and post production
3. Product research for new audio video technology
4. Preparation of files
5. Audio and video editing.
Director ICT Responsibilities
1. Undertake analysis, development, implementation and integration to support core ICT Applications.
2. Participate in the progressive rotation of analyst
 86

Online collaborative tools and processes

Managing a virtual team presents a challenge distinctive to a traditional team. Of course, the most evident

is the absence of real contact or face-to-face interaction. The significance of face-to-face meeting can never be

stressed enough. They facilitate a better understanding of interacting parties through non-verbal cues and body

language. Conversations in these situations also tend to be lighter, therefore, presenting new opportunities, along

with the fact that different social interactions take place during such meetings.

Access and developments in cloud technology create it more "face to face" than ever before to interact

with virtual teams. It's the next best thing, and for some, virtual team leadership has become the order of the day,

particularly when it comes to income and talent sourcing. We line up some of the finest internet collaboration tools

for virtual teams in this guide. These instruments share communication, project management and document

management characteristics, intended to move duties and projects from initiation to completion. We also highlight

the distinctive characteristics of each of these collaborative tool software to assist you match your priority

requirements with the relevant product.

Wrike

Wrike is one of our leading cloud projects management alternatives for you, with great

collaborative tools that maintain your team in line with the duties and operations of each other. Its 3-

Pane Project View makes it simple to see the large image in one look while enabling you to drill down to

individual task information. This implies that project leaders can reduce the clutter of daily operations

while maintaining control over particular fields that require attention, such as bottlenecks or problems.

Likewise, the entire team can interact via the activity stream using @mentions, providing all users

immediate access to each other for urgent issues.

Wrike won our Best Project Management Software Award 2018

For a single project, Wrike is just as simple to follow as managing multiple concurrently. It utilizes folders

and tags that enable you to organize activities and subtasks across one or more projects in a hierarchy. Once you log

into the scheme, the left panel on the dashboard indicates the structure of the directory, while the center panel

indicates the functions of the particular project. On the other side, the right pane details the individual duties, while

an activity stream allows you to scroll up and down for the current operations.

This easy configuration implies you can work on general advancement to help you make strategic decisions

while maintaining a hands-on control over the advancement of each team member. You are also within each

individual team member's earshot, so communication is quick and clear.

 87

For example, a user can send you a direct request or idea and, with your approval, can be shared for action with

the entire team at once. Even non-Wrike users, like suppliers or a creative agency, can be invited to participate

in order to give everyone clear visibility and clarity. Likewise, Wrike forms allow job applications to be simplified

and prioritized, including requests for issues or changes, creative briefs, and suggestions. Overall, Wrike is ideal

for virtual teams for task management, task prioritization, workload management and interactive Gantt chart

timeline.

1. 3-Pane View. The software's signature function enables you to see the large image on the left pane
(folders), the activities for individual projects on the center pane and the individual job information on the right
panel.
2. URL-based requests. Work applications such as change or issue, suggestions and creative briefs can be
communicated at once via URL, enabling even non-Wrike users to view and cooperate on the assignment or
problem.
3. Interactive timeline. A Gantt timeline graph is updated in real time, providing you the latest progress status
for each accomplished task as it occurs.
4. Activity stream. Let's see the latest team and individual events in real time ; it also allows you to interact
directly with a user via @mention.
5. Document management. The software integrates with the most helpful document management systems
such as Google Docs, Dropbox and Box.

Monday.com

Formerly Dapulse, Monday.com is a common software for cloud cooperation. It enables streamline the

process of team members ' contributions, from concepts to alternatives and perspectives. The software is

constructed on a framework of social collaboration that allows participants to exchange ideas easily and quickly.

Training is hardly needed ; the software is intuitive even for the least technical expert. The software also organizes

progress information in an intuitive manner that makes it easy to monitor projects and daily operations. It utilizes

rows, called pulses, in order to maintain all communication in one board. You can mention customers or

organizations, comment or thumb up the job of a team member and receive real-time notification via mobile or

desktop. It also allows you to drag and drop files in one place and share this centralized information bank with your

team. Advanced planning function for tasks and projects also guarantees that manual entry mistakes are avoided.

The software notifies you of overlapping schedules or approaching deadlines that are useful in managing shared

funds or keeping a close tab on deliverables. As with the simplicity of an IM chat tool, a specific information can be

rapidly searched within the platform.

 88

1. Social collaboration. As with the simplicity of an IM chat tool, a specific data can be rapidly searched within the
platform.
2. Pulses. The software provides one place for all team members to be notified of duties or problems, discussed or
shared insights. Pulses are rows on a board that acts as a single space for project-specific team interaction.
3. Searchable platform. All project data from discussions and task assignments to file attachments is searched
rapidly across the platform.
4. Single-glance timeline. Let's see you rapidly who is working on what, enabling you to measure deadlines against
real-time advancement or assess the workload versus the running capacity of the team.
5. Client-friendly. Allows you to invite clients to the scheme through permissions, transparency and credibility.

Smart sheet

Smart sheet is an enterprise collaboration tool that is accessible from any device and browser, making it ideal for

virtual teams. It combines the time-tested use of spreadsheets with the ease of a visual timeline and basic

collaboration tools like file sharing, Gantt charts and discussions.

The software also lets you automate workflows and can be customized to unique processes. For extended

capabilities, it integrates with important productivity tools and systems like Google Apps, Salesforce and Box.

Other key features include email integration, version control, task management, project hierarchy and web forms.

1. Familiar to users of spreadsheet. The interface is constructed around spreadsheet tasks, so that with little
difficulty almost anyone can rapidly adapt to the UI of the software. Creation of sheets is simple.
2. Flexible access. You can access files and information from any browser or device.
3. Configurable processes. Although it can automate repetitive workflows, it can also be tailored to suit distinctive
procedures.
4. Highly structured. Worksheets with folders and workspaces can be organized.
5. Features live chat, inclusion of social media, email integration and alerts & reminders to maintain everyone in
the loop.

ACTIVITY #9

Share anecdotes of how you used ICTs as part of a social movement, change, or cause to
demonstrate aspects of digital citizenship. You can use any ICT or digital tool to share your
insight. You can write a journal or blog entry or even an internet picture narrative for your output.
 89

Lesson Development of Computer Software

and Multimedia
10
Performance Standard:

1. Analyse the development of software technology

2. Appreciate the functionality of software
3. Use the techniques in improving the software's efficiency.
4. Discuss Interactive Multimedia

Content Standard:

1. The Software
2. System Software
3. Application Software and Multimedia

INTRODUCTION

To interact with the computers a need for software or program is a necessity as it is a component that is
used as a means of controlling the process to be done by the personal computer. There are different types of
software, such as Operating System, programming language, database, multimedia, web development, network
software, and system software.

Operating System (OS) is primarily used to control the computer process such as computing, printing
and internet connection.

There are known companies involved in software such as Microsoft, Linux or Mac OS. Most popular of all in
the market which holds more than 80% of operating systems is Microsoft (MS) Windows based.
The Microsoft Windows product has many releases. The most popular are : Windows 95, Windows 98,
Windows XP, Windows 7, Windows 8, and currently Windows 10 ; The Linux Operating System releases
are Red Hat, Fedora and SuSe ;

How an OS works:
1. Windows XP runs primarily on an Operating System 32bit
technology while Windows 10 in 64bit so a compatible hardware is
recommended in installing this type of OS.
2. Application software will run on OS platform compatible with it
the Microsoft Office package such as Word, Excel, PowerPoint and
other software bundles usually functions with MS Windows.
Figure 21 The OS FAT simulator
 90

Organizing the data to be processed in OS has a principle called Allocation Table.

Design 1: Suppose the memory capacity of a system unit is 1,024kb. Here is a simple illustration on how it works:
(The 0 indicates the address while the Free Space indicates the capacity that can be process by
the memory)

Design 2: When the Operating System is loaded the allocation table is

re-designed.

Suppose the size of the OS is 312kb and it is loaded with the

redesigned memory allocation;
In this case from the top partition the address 0
Indicates it, processes the 0S (312kb). Then a new address is
created address in which it indicates the Free Space of 312 of
712kb:

Formula: 1,024 - 312 = 712 for the free space Figure 22 The OS FAT with Free Space
allocation; and 0 + 312 = 312 for the new address.

Design 3: Suppose two programs- a word processor and are to be

processed simultaneously. Let us presume that the word processors size
is 100kb and Anti-virus size is 50kb. The allocation table is re-designed:

Formula:
312 + 100 = 412 for the 2nd new address 412 + 50 = 462 for the 3rd new
address 1,024 - 462 = 562 for the free space

Figure 23 The O i

Design 4: Let us presume that each file or process is called a job; Let us
analyze the table below.

Figure 24 the OS FAT with 4 Job Allocation

 91

Application Software are software with a specific function to produce, such as word processing, spreadsheet,
presentation, graphics, and video editing .

Here are notable application software and their area of functionality:

Software Functionality
Wordprocessor This software specializes on word processing such as producing text, documents,
letters, calling cards, brochures, leaflets and memorandum.
Spreadsheet This software is similar to an accounting system and can use formulas, for are grading,
inventory, payroll, billing, registration and voting system. It is also equipped with
creating graphs such as line, bar and pie chart.
Presentation This software is useful in presentations such as business proposals, corporate
meetings, seminars and educational activities.
Graphics This software specializes in editing images. Common types of image file formats are:
.JPG (.JPEG Joint Photographic Experts Group), .BMP (Bitmap) and .GIF (Graphics
Interchange Format).
Sound Editor This software enhances sound, such music mixing, clearing sounds, converting music
and sound effects.
Video Editor This software is primarily use is to edit videos. One of its functionality is rendering text,
images, sound and animation.
Publisher
This software is primarily design to published newspapers, journals, magazines, and
books.

System Software are software that help and supports the operating system in maintaining the computers: Here
are notable system software and their area of functionality:

Software Functionality
Scandisk
This software are primarily designed to check the integrity of the system. It checks if
there are possible bad sectors in the cluster of the array of data installed in the
system unit.
Disk Defragmenter
This software is used to re-arrange the cluster and sector to each category it is
related. Therefore, it helps in speeding up the activities in the system unit.
Anti-Virus This software is used to disinfect or remove computer virus thus helping the system
unit process data without virus corruption.

Programming Software these are software that is used to create customized systems that are the requirements
specified by an entity for its primary purpose. A programming language is a set of instructions needed to direct
and control a system.

Customized system Functionality

Payroll System This customized system is used for computing the salary of employees of a certain
business or profession.
Inventory System This customized system is used for organizing the stocks of an entities equipment,
merchandise and assets.
 92

Registration System This customized system is used for controlling records such as personal profiles,
attendance monitoring, and scheduling activities of an entity.
Billing System This system is used for computing the consumption of an entity such as electricity,
water, communication, and internet service.
Sales System This system is used for sales and retail where the real time computation of
transactions is done.

Voting System This customized system is used for computing voters turn out similar to a survey
system where the candidates votes are tallied. It usually includes a chart for graphic
analysis.
Crime System This customize system is used to record, analyse and interpret data that are related
with crimes. It usually is used by authorities like the police and criminal investigation
agencies.
Accounting System
This system is for accounting processes such as trial balancing, sales/ expenses and
assets monitoring. It is very helpful in speeding up and producing accurate accounting
methods.

Package Software refers to software that are bundled with the Operating or System software. Here are some
examples of package software:

Software Functions
Computer Games
This software are usually bundled with any electronic gadgets such operating system
or customized built by programmers using sophisticated programming languages.
Games nowadays are either 2D or 3D in form. There are embedded programs in
microchip that are used for virtual reality type of games.
Calculator This miniature program is bundled to any operating system in the market and function
just as a normal calculator with extra features as add-ons.
Calendar
This miniature programs are bundled to any operating system that gives the user the
features of a common calendar and a schedule organizer at the same time.
Media player This program is used to play music or videos normally attached to a folder called
accessories.

Database Software these refers to software for storing large volumes of information and controlling purposes is
one of its features. A common database software has a table that is used in partitioning the data or files. Here is a
simple graphical idea of how a database software works:

Text
Text
Images
Images
Sound
Sound
Videos
Videos
Data are save to the database. Data are retrieved from the database

Figure 25 the Database

 93

Interactive Multimedia

Interactive media or also called as interactive multimedia, is any computer-delivered

electronic framework that allows the user to manage, integrate, and control diverse sorts of media,
such as text, image, sound, video, computer graphics, and animation. Interactive media combines
computer, memory storage, digital (converted into binary) data, television, telephone, and other
information technologies. Their most common applications incorporate preparing programs, video
recreations, electronic reference books, and travel guides. Interactive media divert the user’s role from
observant to participant, and considered as the next generation of electronic information systems.
A personal computer system with conventional magnetic-disk memory storage technically
qualifies as an interactive media type. Since the computer's growth in the mid-20th century, more
sophisticated interactive technologies have been in use, such as flight simulators in the aerospace
industry, for example. However, the word was coined in the early 1990s to describe high-capacity PCs
with optical (laser) memory devices and digital sound systems.
The most popular media machine is a PC with a digital speaker unit and a CD-ROM drive
(compact disc read-only memory) that retrieves information and instructions from a CD-ROM optically.
Many devices also incorporate a handheld device that is used to interact with the computer (e.g. a
control pad or joystick). These systems allow users to read and rearrange text sequences, animated
images, and sound that are stored on CD-ROMs of high capacity. Systems with CD write-once read-
once units (WORM) enable users to also generate and store sounds and pictures. Some PC-based
media systems also incorporate TV and radio.
Cable television services with computer interfaces that allow spectators to communicate with
television programs were among the interactive media technologies under commercial growth by the
mid-1990s ; high-speed interactive audiovisual communication systems that depend on digital data
from fiber optic lines or digitized wireless transmissions ; and small-scale artificial sensory
environments for virtual reality applications.

Rich Content in Online Environment

Contrast

If two or more related elements are displayed differently, contrast occurs, and the greater the
difference, the greater the contrast

- The significant point of efficient comparison, for instance, is to take comparable components on a
web page and transform them into distinctive entities, sections, asides or containers.

-Some of the most popular ways of creating contrast components include variations in their
characteristics, such as color, which seems to be today's most popular method.

-Size, shape, texture, orientation, position, and motion are other characteristics. However, two
comparable components with a higher degree of comparison do not always correspond to an
attractive visual experience.
 94

Perhaps with the use of color values attributed to text and typography components on a website, the
finest examples of using contrast can be proved. The foreground color to test is the text itself, and then
the background color is just that — no matter what background the text is layered on top of, an image,
gradient, or RGB, a color for that matter.

- In fact, the use of effective color contrast in web design is

very essential not only for the aesthetic value, but for web
accessibility. Many individuals are blind or visually
impaired in color and ensuring that the contrast color of
your website is adjusted offers additional responsiveness
and accessibility. .

Proximity

Web proximity implies comparable or associated components should be grouped together, while
unrelated or dissimilar components should be separated.

The physical relationships and spaces between components of web design generate a level of emphasis,
including variables like
1. Isolation
2. Similarity
3. Eye movement and direction
4. Continuance
5. Persistence of vision

As components overlap or touch, the main attention is usually

given to the top layer. Have you noticed the puzzle piece
"Proximity" on the left? Did your eye first gravitate to the
piece of purple puzzle, then move up and left to scan the
remaining parts? However, if the other objects near by are in
vivid contrast, the overlapping object suddenly becomes
overshadowed ; the contrasting components will stand out as
objects get closer together
. Different outcomes can be achieved by striking a equilibrium
between proximity and contrast and even manipulating the
two values.
White space
Whitespace, often referred to as negative space
- It iis the part of a page left unmarked, the part left unmarked, or (as Mark would quote) the empty
space in a section.
- The space between graphics, columns, pictures, text, margins and other components in terms of web
design.
- It's the space left untouched to smooth things out and make a page elegant.
- It's also the blank space that reminds us that simpler designs are beautiful and we don't need to build
a text-filled design and graphics to give a clear and direct message.
 95

Alignment
- Alignment enables us to consciously decide how and where to place components on the page.
- Alignment develops order and order conveys harmony ; thus, a correctly balanced blueprint brings
together web page components. The orderly arrangement of components transmits sound growth
and structure.
- Using strategic positioning enables us to create stronger and more convincing compositions and the
use of a grid system offers a normal guide for the positioning of elements.
- We would end up with arbitrarily positioned components without an alignment approach, with little
or no connection to extra or similar attributes. Without alignment, a haphazard selection of open-
ended disorder would be the look and feel of your website.
- Hidden as an original design component, it lies in the background.
- The backbone of your web design is an integral part of your template or theme.

The sample design shown in Figure A begins with a logo on the top left, header and navigation area
horizontally aligned along the right side, and the picture banner section just below the navigation
segment. The left sidebar is aligned under the logo and extends to the top of the segment of the footer.
The primary part of content is left aligned with the banner and header. In the remaining region, a right
side bar fills and is vertically aligned with the right edge of header or navigator and picture banner
segments. The footer expands the specified page's complete width.

Figure A
 96

Assignment:

1. List some movies that were assisted by software and can be used for animation.
2. Define Multimedia and Interactivity
3. What are the rich content in the online environment

Values Integration:

The students' self- confidence and nationalism is boosted when they learn that there are Filipinos that were known
to be the animators of critically limited international movies, that has been. This encourages them that their dreams
can be achieved if they work hard and be honest in their work.
 97

Activity # 10

Name: __________________ Score:_____________________

Section: _________________ Date: ______________________

I. Identification. Write your answer on the space provided.
__________1. This miniature program is bundled with any operating system in the market and
functions Just as a normal calculator.
__________2. This miniature program are bundled with any operating system that gives the
user the features of a common calendar and a schedule organizer.
___________3. This software is primarily used to control the computer process such as
computing, Printing, internet connection.
___________4. These are software with a specific function to produce such as word
processing, or spreadsheet.
___________5. This software specializes on word processing such as producing text,
documents, letters, calling cards, brochure, leaflets and memoranda.
___________6. This software is similar to an accounting system and uses formulas for
grading, inventory, payroll, billing, registration and voting system.
___________7. These are software that help and support the operating system in maintaining
the computers.
___________8. It is also equipped with creating graphs such as line, bar, and pie chart.
___________9. This software is useful in presentation such as business proposals, corporate
meetings, seminars and educational activities.
___________10. This customized system is used for sales and retail where real- time
computation of transactions is done.

II. Complete the acronyms: Write your answer on the space provided.

1. JPG = _________________________________
2. GIF =__________________________________
3. BMP=_________________________________
4. OS = __________________________________
5. MS = _________________________________
 98

Lesson Algorithm, Flowcharts and Number

System
11
Performance Standard:

1. Identify the principles of Algorithm

2. Define the different purposes of flowcharting
3. Identify the steps in the Number System

Content Standard:

1. The Algorithm
2. Flowcharts
3. The Number System
INTRODUCTION

Algorithm refers to a procedure of sequences to follow in achieving an objective. This principle is

highly attained in the area of computer flowcharting. It be can related to things like what can be done at a
certain situation and gives a planned idea on how achieve it. This term is similar to the word logic and critical
thinking or planning - as well as computer techniques and strategies - that is generally defined as a higher form
of intelligence. Experience can also be a good factor in creating algorithms for the person doing it will base
solutions on first-hand experiences.

For example, a computer programmer wants to design a Payroll system. There are possible ways that
this can be achieved:

Step 1 First possibility is to learn all the information needed with regard to the system from the entity
that requested for that type of program. The reason is that we do not want to start something that based mainly
on theories because the consequences is that one's idea is different from the one requesting is the system.
Therefore the programmer needs to modify his work. Hence, his time, effort and money were wasted.

Step 2 Know his own capabilities if his computer skills are sufficient enough to achieve the objective; it
is but logical to set a timetable in finishing a certain phase to monitor if there is progress.

Step 3 Ask suggestions and assistance if possible from other resource persons who have background
on payroll systems.

Step 4 Request for logistics, such as computer hardware, software and - if possible - dataware. One
main wonder why projects, such as those in system development, become delayed. It could be because of lack of
sufficient logistics.
 99

Step 5 Show the progress of your work based on timetable given so that immediate concerns can be
address and solved.

Step 6 If the payroll system is finished do a pilot test and solve the possible glitches that were
discovered.

Step 7 Maintain the payroll system and study possible additional improvement to the system.

Flowchart is an organized flow of illustrations represented by different figures with altering functions each figures
are connected by direction arrows.
Types of Flowchart figures:

Terminal symbol is used to declare the start point or end point.

2. Initialization /Preparation symbol is used to symbolize the variables for the

algorithm or programs.

3. Process symbol is used to symbolize the process of computation in the

algorithm or programs.

4. Decision symbol is used to symbolize a condition that would be

answerable by either True or False.

5. Input /Output symbol is used to symbolize the process of

accepting or displaying data in the flowchart.

6. Direction Arrow symbol is used to symbolize the flow in the

flowchart.

7. Connector symbol is used to symbolize the connection in the

flowchart specially if there are loops or iteration.
 100

Sample Flowchart:

1. Create a flowchart that will get the average of 3 inputted numbers . If the average is greater than 50, then display
" The average is greater than 50". Otherwise, display "The average is less than 50."

Figure 55 The Flowchart

 101

The Number System

The Number System was a concept about how computers work. This principle was influenced by the
computer architecture design created by John Von Neumann who constructed the Von Neumann architecture.

The number conversion system is a principle that involves changing the number system according to the following:

1. Binary digits in the number system includes 0 and 1.

Example: 10001, 10101, 11111
2. Octal digits in the number system compose of 0 to 7
Example: 145, 208, 555
3. Decimal digits in the number system compose of 0 to 9
Example: 10000, 374, 992
4. Hexadecimal digits in the number system composed of 0-9,A,B,C,D,E and F.
Example: 45, AC, D8F

Conversion from Binary to Decimal.

N= Variable for the Number System.

The base 2 represent that the N value is under binary.

The base 8 represent that the N value is under octal.
The base 10 represent that the N value is under decimal.
The base 16 represent that the N value is under hexadecimal.

Steps in converting binary to decimal :Multiply each binary digit by the base 2. The base of 2 is raise to the
power of N. In which N depends on the position of the digit from right to leftmost digit, the N value start in the
following order 0,1,2,3,4..and the like up to the final digit . After getting the products for each digit, add all the
products then the sum output will represent the decimal equivalent.
 102

Conversion from Decimal to Binary

Steps in converting decimal to binary: Divide each decimal digit by 2 get the remainder, do the same step until
the final dividend is already 0 or 1. Then arrange the remainder for each line by putting each digit in an array form
starting from right to left.

Conversion from Binary to Octal:

 103

From the Octal conversion table group the binary by 3 starting from its right going to the left, do the step up to
the last digits. The number of octal digits in the group should be three; if not the leftmost value is
automatically equal to zero.

Conversion from Hexadecimal to Binary

From the Hexadecimal conversion table group the binary by 4 starting from its right going to the left; do the step up
to the last digits. The number of hexadecimal digits in the group should be four if not the leftmost value is
automatically equal to zero.

Hexadecimal Conversion Table

0000 0 1000 8
0001 1 1001 9
0010 2 1010 A
0011 3 1011 B
0100 4 1100 C
0101 5 1101 D
0110 6 1110 E
bin 7 1111 F

Assignment:
1. Create a flow chart that will display the word Fatima 50 times using iteration
principle.
Values Integration:
Critical thinking, decision making and strategies are the values that
students will develop in this lesson that are very helpful in finding the correct solution
in different situations that they encounter in life.
 104

Activity # 11

Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

Instruction:

I. Convert the following number system. Show your solution.

1.

2.

3.

4.

5.
 106

Lesson
Present and Future Technology
12
Performance Standard:

1. Identify the current areas and trends of technology affecting our society
2. Define the latest innovations and future of technology
3. Appreciate the advantages of future technology
Content Standard:

1. The current trends in technology

2. Future Technology
3. Advantages of Future Technology

INTRODUCTION

Areas where current technology is adapted:

1. Assistive Medical Technology

Medical technology has been one of the beneficiaries of this computer age. The Braille system is a
technology that uses a keyboard in helping the physically-impaired in manipulating a computer. Other examples of
assisted devices are: OCR or Optical Character Recognition, Screen Reader, Magnification and Voice Recognition. One
notable person, Stephen Hawking, who suffers from ALS - also known as Lou Gehrig's Disease - uses a computer-
based communication system for communication and interaction.
2. Communication Devices

Computers are connected to any type of electro-mechanic devices and this is called E mbedded system. It
can refer to mobile devices or communication gadgets.

Mobile gadgets such as cellphones, tablets and iPods are gadgets used for communication. There are
microchips with embedded programs installed in these devices. They have features that function on portable
gadgets which control the operation of computer functions.

Mobile phones offer a lot features, such as communication service, music and videos, games, internet
connection, calendars, schedulers, storing images, apps, camera and video recording. These are just the most
common features. They vary in size and as time goes by, such gadgets evolve to smaller packages that are lightweight
but maintain the same features.
 107

Security Cameras advance household gadgets such

Digital Televisions, Audio system, microwave, washing machines,
air condition unit and closed circuit television
(CCTV) for security are included on this list.

Figure 64 The Closed Circuit Television (CCTV)

When choosing a mobile phone, there are things to

consider such as:
1. ) Think of what you need. Consider what is
essential, such as saving money.
2. ) Check the integrity of the manufacturer of the
mobile gadgets you are buying. Sometimes, not all features
work. A credible manufacturer offers technical
maintenance for warranty.
3. ) Check all the features of the mobile phone if they
function well. Let the person selling the product test it
before you leave the store.
4. ) Beware of buying second-hand products. You are
not sure of its integrity since it has been used already and
there might already be alarming defects. Buy a new one if
possible.
5. ) Avoid purchasing mobile phones that are not
updated with the latest technology. You might buy phones
that are already obsolete. This would lessen technical
service since the spare parts and technology are no longer
available.

3. Transportation System Figure 65 The Electronic Transport System.

In the area of transportation system, the

bullet trains in Japan is an example of locomotives powered by microchip that are embedded with programs that
control sensor to perform automatic control, avoid collisions, use velocity control and GPS system or Global
Positioning System). Traffic congestion is a familiar problem here in Manila roads are commonly clogged because of
the sheer volume of automobiles passing by EDSA and certain narrow roads. One solution is the automatic stop light
traffic scheme where it adjusts to the current situation of road condition. It automatically adjusts and prioritizes
roads that are too congested lessening the volume of cars passing by intersections. Buses use a computerized
ticketing system. It is a process in which a bus conductor just presses on a touch screen portable device the
destination of the passenger then the machine automatically processes the fare and prints it. The toll gates in Luzon
namely NLEX and SLEX use an E-Pass technology that uses a sensor which reacts to cars entering
 108

and exiting the tollgate. It simply allows a car to

pass by after detecting an e-pass gadget
attached to the car and it recomputes its
current balance stored.

Likewise, parking space now a days uses a

sensor technology that locates a parking slot if it
is available for a vehicle to park it is also
equipped with an embedded program that
gathers data regarding the volume of
occupant vehicles occupant for the day. Figure 66 The North Luzon Expressway tollgate.

Modern Airplanes are equipped with microchip that are program to navigate as autopilot. This
innovation has help airline industry in preventing accidents cause by machine malfunction or sudden
health illness to the pilot.

4. Business Industry

The banking industry has interconnected its

service via an ATM or Automated Teller
Machines the network connection can perform
deposit, withdrawals, balancing accounts and can be
used 24 hours a day. This technology not just
stretches out here in local banks but also to bank
branches abroad making it much more convenient
for clients of bank who travel internationally.

Figure 67 An Automated Teller Machine

 109

6. Robotics Technology

Robotics technology has been described as the future of

technology. There are numerous articles written about it but let us
have a general idea why this topic really matters. The word robot is
a czechs word meaning robota. To do work or labor unlike what the
movies foretold in cinema plays like transformer, terminator and
iron man movies. This future technology was not designed for
robots to engage in war in war to man or conquer the world, but to
help man with some limitations he cannot do.

Figure 68 A Microcontroller.
Robots today are powered by a chip or a microcontroller
(a microcontroller which serves as the brain of the robot). This is embedded by programming languages in
computer. They are programmed to carry out the instructions to be perform. There are areas were robots are
essential. These are the following:
1. Medical technology is where robots as a necessity had been tested for the last 10 years and it has
proven that in crucial situations such as performing
surgery to save lives or as simple as sorting and
distributing medicine based on a patient is
prescription. Da Vinci is robotic a tethered robot that
uses its manipulators (serves like human arms) and
End effector that are interchangeable (like human
hands and fingers) in performing such delicate
operations such as heart surgery. Since its innovation
it saved many lives already, this wonder robot is
actually controlled by a doctor using a console
operator because robots are more stable with its
particular functions unlike humans who are
susceptible to human errors such as physical health Figure 69 A PBOT robot.
and emotion. The Da Vinci had successful rate in the
field of medicine's history.

2. Space Technology - during the past-man has wandered what it's like in outer space the landing of man in the
moon and space exploration conducted by NASA (National Aeronautics Space Agency). It has still haven't reach to
the point of knowing the real secret of outer space until robotics steps- in. The robot rover named "curiosity" was a
breakthrough in space exploration in the planet Mars. In its exploration it has sent numerous images of the surface
of Mars. It also sent pictures that water might had been exist in
 110

Mars based on some water marking found in rock samples. The space exploration is a step to learn be if it's possible
to live in outer space in the failure because of signs that earth might uninhabitable in the near future because of
pollution.

3. Underwater Exploration Technology emphasizes that the earth is surrounded by large bodies of water. There are
things that are still not explored by man in the vast seas. Scientific agencies of different world governments had
collaborated with different large companies to fund underwater explorations. The interest in underwater
exploration has many benefits; these are : a.) possible cure for diseases such as cancer and HIV infections might be
found on underwater organisms; b.) Retrieve wreckage of sunken ships or planes and, c.) discovery of new
biological organisms which is a need of science.
4. Industry, Entertainment and Household Technology notes that
had been using industrial robots for the last 10 years but unlike
the first industrial robots, these robots in factories have helped
the growth in revenue of businesses. The car industry especially
in Japan is booming Japan is considered as the number one
country pioneering in robots. One particular robot is ASIMO, a
humanoid robot created by Honda car manufacturer which is a
robot that would later on replace man in industrial work. In the
area of entertainment, there are robots named HRP4 or Actroid
Der which mimic human behaviour. They look like humans with
sense abilities to talk, show emotions, and walk. Most work jobs
at home such as security concerns, controlling appliances,
playing music and watching the TV, doing the laundry and even
cooking have a bright future as inventors are developing
technologies that cater to these needs. There are robots like
PaPero that are designed to help man in household work. Figure 70 A humanoid robot.
 111

Assignment:

1. List down other technologies that affect our society.

Values Integration:
The last chapter gave us a glimpse of the present now and the future of technology. The students learned to
appreciate the values of creativity, hard work and discipline in achieving a goal. They also develop social
responsibility by using computers to help others.
 112

Activity # 12

Name :__________________ Score:_____________________

Section: _________________ Date: ______________________

I. Instruction: Identification: Write your answers on the space provided.

____________1. This is the meaning of the Czech word ‘robot’.
____________2. It serve as the brain of the robot.
____________3. This is a tethered robot that performs such delicate operations such as heart surgery.
____________4. This robot was sent for space exploration to planet Mars planet that returned images
of its extra-terrestrial terrain.
____________5.It is a humanoid robot created by Honda Car Manufacturing.

II. Enumeration: Write your answers on the space provided.

Give five (5) Tips in buying a mobile phone.

1._____________________________________________________

2. _____________________________________________________

3. _____________________________________________________

4. _____________________________________________________

5. _____________________________________________________

Give five (5) areas were robots are useful.

6._____________________________________________________

7. _____________________________________________________

8. _____________________________________________________

9. _____________________________________________________

10. _____________________________________________________
 113

Lesson Information and Communication

Technology for Social Change
13
Performance Standard:
Lesson Objectives:

• Create a project that will use technological concepts for improvement of a specific problem in society
• Recognize the stages in achieving the objective

Requirements in creating an ICT Project for Society

1. Introduction - describe the summary or short idea about the project.

2. Resolve - indicates the benefits of doing the project.
3. Narrative - define all the functionality of the components of the project and how they function.

4. Logistics - itemize the requirements of the project in terms of materials or cash. Concepts in managing the

ICT Project
1. Strategize - the process of researching about the target ICT Project.
2. Development - the concrete actions employed in achieving the ICT Project.
3. Testing - the process of conducting an initial testing of the ICT project.
4. Implementation- to implement the ICT project in the environment of system of the target beneficiary.
5. Maintenance - it is a response to the experience encountered by the target users of the ICT project.
The Social Change

Our society encounters daily changes brought about by technological changes namely: communication devices,
transportation, government services, entertainment, business, education, science and technology, as well as
disaster management. ICT projects, such as GRAB, WAZE or Netflix has changed the way our society converges.
 114

10 Areas that ICT Project for Social Change has aided:

1. Health and Wellness

2. Environment
3. Science & Technology
4. Education
5. Disaster Management
6. Transportation
7. Social well being
8. Government Services
9. Entertainment
10. Business
ACTIVITY #13

After you have showcased, with your teacher's guidance, start collaborating with your group mate in developing a
common Information Communication Technology prototype for community alteration covering the following steps:
1. Preparation and abstracting an Information Communication Technology Project for community alteration
2. Research for ICT Projects, Audience profiling, (demographics and psychographics)
3. Planning and copywriting, i.e. writing textual content for Information Communication Technology Projects
4. Evolving and building the Information Communication Technology project around an advocacy such as any of
the following:

a. Anti-drug campaigns
b. Minority voting volunteer deployment
c. Animal safety and rights
d. Ecological preservation and accomplishment
e. Modernized Information Communication Technology matters like cyber-bullying, copyright infringement, green
technology, and Internet obsession.

Please note that there are many more causes. Some causes are more specific or relevant to your locality.
You will need to create a group website (separate from the one from the prior lesson) as platform to document your
project online. Here's a link to a Google Site Template that could be useful for the purpose:
https://sites.google.com/ site/projectwikitemplate_en/
 115

ACTIVITY

1. Recognized a local cause or issue for Community Changes related to your specific professional tracks that can
be addressed or discuss using an Information Communication Technology Project for Community Changes.
2. For your pre-work, make sure you do a search on the example advocacies discussed earlier.
3. Examine how target users and audiences are expected to respond to the proposed Information Communication
Technology Project for Community Changes on the basis of content, worth, and user experience.
4. Part of your collaborative work entails creating a survey on how participants respond to a call to action in social
networks, like Facebook.
5. Take part in multimedia content in the strategy and development to best enhance the user experience and
deliver content of an ICT Project for Social Change
6. Ask yourself: What kind of content would encourage or motivate you to participate in a call to action?
7. Create a working model of an ICT Extend for Social Alter. The model seem take the frame of a printed infographic
or indeed hand-drawn on a poster-sized material.
 116

Lesson How to Preserve and Stand the Process of an

Information Communication Technology
14 Project for Community Change
Lesson Objectives:

• To maintain the operation of an ICT Project for social change

• To define the skills needed to maintain ICT projects

Concepts in maintaining and sustaining the operation of an ICT Project for Social Change:

1. After implementing the ICT Project, it is expected that feedbacks will emerge pertaining to
the actualization of the ICT project.
2. A binding contract should be documented between the developer of the ICT project and
user/s.
3. User manuals should be added in the implementation of the ICT project.
4. There should be a feasibility study if the ICT project is needed by society.
5. Social change must be considered in conducting an ICT project.

Frame Structure refers to the Knowledge in ICT skills refers to the

following: following:
· ICT (provision of Internet) · Users

· Transportation · Computer Professionals

· Establishment

Government
 117

Technical Issues in ICT

A Computer Professional refers to a person with advanced skills in computer technology, so-called Information
Technology. This profession is very dynamic in the sense that it has defined how future ICT skills can change various
aspects of society.
The computer professionals could be any of the following:

1. Programmer or Developer
2. Software Engineer
3. Network Administrator
4. Security System Engineer
5. Database Engineer
6. Digital Animator (Multimedia)
7. Computer Instructor
8. Computer Technician

ACTIVITY #14

Create a report on the execution of their ICT Venture for Social Alter on
the premise of information assembled from accessible checking instruments and assessing techniques.
 118

Lesson Reflecting on the Nature of ICT

15
Lesson Objectives:

• To reflect on the ICT needs of society

• To define the functions of ICT products

It is human nature to seek security and comfortability in life, therefore ICT only evolves with the needs of
its user. Here is the list of conventional needs of man which reflects the importance the nature of ICT.
1. The need for social interaction. As they say, "No man is an island," it is innate in human beings to find
someone to talk to, play sports with, jam with a band, celebrate birthdays with others, and the like.
There are technologies that were created to adapt to this need.

Social Media. The use of Internet for interaction through social media has already reached the point that
almost everything we do revolves around it.

• Facebook. A guy named Mark Zuckerberg from the United States thought of creating a social network
that will connect each user from around the globe in a fashion that it is just like chitchatting in a
cafeteria. And eureka! There it is! The FACEBOOK phenomenon - as it is fondly called FB - was
acknowledged by majority of the people in society that they commonly use such mobile APP most of the
time. Why? The motive is it is easy and fun to practice.

Transportation. Used of transportation is a common need since everyone has to go somewhere either to
their office, school, business, and the like. The mediums of transportations that provide such are: taxi,
bus, train, ship, or airplanes.

• Uber/Grab. Do you often experience hassles in hailing a taxi cab going to the office or getting a
ride coming home? Time and money are wasted just waiting to get a ride or getting stuck in
traffic; thus, Travis Kalanick and Garrett Camp developed a technology called Uber which was
designed to support the transportation needs of
 119

passengers. It can pinpoint the identity of the taxi driver, his/her current location and the fare of the
passenger.

Communication and Information. Most people use technology in communicating with friends or
doing business transaction. It also involves the principle of searching and gathering information.
• Smartphone. I call it the "All in one device!" Why not? Imagine this: contact a person, listen to
music, watch TV or movies, browse the Internet, save files, transfer files, perform business
transactions, play games, use APPs (word processor, spreadsheet, presentation), and the like. The
capability of this device goes on. According to history the first prototype of the smartphone was in a
showcase called COMDEX around the early 1990's. This device can be charged and it accepts simple
text messages and calls.

Entertainment. It refers to the use of music, movies, games or animation that serve as source of
entertainment.

YouTube. During the early 70's in Manila - the capital of the Philippines - movies were flourishing with
the influx of people at the cinemas or theatres. Now here comes Youtube where people can watch
past or even present movies, share/upload videos or even watch TV programs. This video up loader
app also includes NETFLIX in which users can pay for viewing some current movies.
 120

ACTIVITY #15

1. Make an account on http://appropedia.org and type in a piece of to assist collaboratively construct Appropedia.
To make an account, go to this location: http://www.appropedia.org/index.php?
title=Special:UserLogin&returnto=Appropedia%27s+offline+ content+bundle&type=signup

To ensure confirmation of creation of the Appropedia account, make sure you possess a personal email address that
you can access and use regularly.

2. Type in a reflexive piece or yield utilizing an ICT apparatus, stage, or application of choice on the
learning encounters experienced amid the semester. You have got the choice to utilize any of the taking after forms:

0 Video blog

0 Presentation or image gallery 0 Website 0 Illustrated document 0 Podcast or webcast

 121

Lesson
Information Communication
16 Technology Project Maintenance
Lesson Objectives:

• To identify the needs of an ICT project

• To define proper maintenance discipline in an ICT project

Assessing the ICT project. An ICT project is defined as a project that necessitates a technology-based
structure to be applied to the needs of the common society, such as household needs or even the most
complicated events like outer space exploration.
There is a cycle to be followed to achieve quality ICT Project Maintenance:

Identifying the problem. An ICT project is applied if there is a current or future problem that may be
encountered by a technology-based system. Thus, it is necessary to identify these problems first,
document and review them before passing them onto the next phase. Sometimes the main cause of
problems with ICT Project Maintenance starts with this phase.

Gathering Information. After identifying the problem, it is now time to gather all the other information
related to problem. This phase instructs one to be observant or research about documents relevant to the
problem. It takes time to gather the necessary information, but it is worth it because one does not have to
repeat the same task just because one fast tracks one's research.

Planning. Let's talk about it. An individual or a group type of system developers must go through this
phase. They should communicate through meetings how they would approach the problem.

This phase establishes the objectives to be done, time management, budget and manpower skills in the
planning phase if it is properly done to limit the repetition of problems. Therefore, lesser maintenance is
needed by the system.

Development. The starting phase of programming or executing different tasks is the longest part of the
ICT project. Here are some tasks that might be done in this phase:

Programming. Suppose the system to be developed is a web-based system, programmers should learn
how to program different languages, such as Python or PHP programming.
 122

If it is a remotely operated technology, s/he should study about microcontroller technology - specifically
using Arduino - and even Android Studio for developing apps for mobile phones.
Network Installation or PC Troubleshooting. It is necessary for IT professionals to be equipped with PC
troubleshooting and network skills and knowledge.
Documentation. It is not always development, there must be documentation. It pertains to the need to
document all the requirements of the ICT project. For example, organizational chart, GANNT chart,
Materials and Budget breakdown, Schematic diagrams or Legal documents are ICT Project documents.

Testing. This phase refers to pre-test of the developed system to see if it complies with the desired
objectives. Frequently, there are instances that testing is repeated in several occasions before
implementation. In testing there are standards used to evaluate functionality, usability, reliability,
portability and suitability.

Implementation. This phase is where the system is actually deployed to the client. It is important that a
training for the expected users precedes this.

Maintenance. After implementation, developers receive feedback. As the saying goes, "There is no
perfect system." Feedback can be problems relayed to the developers wherein they analyze the cause of
the glitches at this point. They then repeat the phases of the affected modules or aspects of the ICT
project.

Activity# 16

Extend Archive Portfolio (for a Trade Portable Application) For this assignment you may work in your
app extend groups to oversee the advancement and testing of a small mobile application. You may ought to pay
to specific consideration to the planning and testing of your app, with all stages conveyed on time etc.
Each group will moreover got to oversee any potential dangers within the advancement of the app, such
as misfortune of records and issues with group individuals etc. To be regarded competent in
this assignment each group must create, audit and yield documentation at each organize of the venture (and for
each component of competency) as requested:

• Extend Start Documentation ie. a extend constitution for the app extend and
a trade case consolidating monetary possibility calculations
 123

• Extend Arranging Documentation ie. a comprehensive venture administration arrange covering all
the different required perspectives, counting a Work Breakdown Structure in Microsoft Venture 2010, 2013 or
2016
• Extend Group Documentation ie. a partner administration arrange and an discretionary group contract
• Extend Execution Documentation ie. a venture status report covering quality control, scope changes, dangers and
issues etc. Understudies will too be anticipated to illustrate stages within the advancement of their app.
• Venture Closure Documentation ie. a finish report covering
IT back and support, catastrophe recuperation methods, extend sign-off and lessons learned etc.
• Extend Introduction & Item Show ie. a group introduction to the course (eg. utilizing PowerPoint) covering
all viewpoints of the extend sketched out over, with a show of the ultimate app

Archive formats and rules will be accessible after each of the important subjects are secured. It
is emphatically suggested that each group employments Google Docs. This ought
to guarantee a reasonable dissemination of the workload, and permit all group individuals to memorize all
the critical PM concepts. Teams are likely to be asked to yield between times adaptations of records in
printout shape, and yield their last extend record portfolio on Canvass.
General Points
• Each team must maintain a Website, such as a Google Sites Website, with all the relevant material available for
the team for the duration of the project.
• All archives are to be displayed in portfolio shape ie. a organizer of records submitted on Canvass
• Each report ought to incorporate a header (eg with the title of the report and group members' names) and a footer
(eg with the date and page number).
• All group individuals must sign the appraisal cover sheet(s).
• Delicate duplicates are to be held by all group individuals as reinforcements. Google Docs is preferred.
 124

Lesson The Disadvantages of ICT

17
Lesson Objectives:

• To identify the disadvantages of ICT

Information and Communications Technology (ICT) has come a long way, it has affected every aspect of our
society from personal and social life, infrastructure, transportation, agriculture, business, health, to
government services and more. Unfortunately, not everything is perfect. Currently, there are events in our
society that has seen the negative effects of ICT.
Here is a list of areas that has seen the disadvantages of ICT:

1. Data Privacy. Right now some popular social media networks are being investigated for their liability in
using the data that they had collected from their users that are using their social network.
2. Terrorism. Around the globe, it has been rampant for terrorists to use the power of social media
networks for recruitment, harassment or for influencing the beliefs of internet users in some precarious
societies. This action signifies violence that produce damage to infrastructure, social detriment or physical
harm, and even loss of human lives.
3. Fake News. During political seasons such as elections - locally or abroad - some corrupt people are
smearing the reputation of their opponents by concocting stories that are false news by posting or uploading
in social media networks.
4. Pornography and Violence. Some irresponsible internet users post messages or upload videos that are
very sensitive and can affect users that are minors.
5. Scam. The Internet is a tool to do business but persons with malicious intentions use online transactions
in scamming possible unknowing victims.
6. Addiction. In our society, too much reliance to technology has turned them to be over-reliant to
computing devices that unfortunately affect their interest in education, cause them to neglect work and bring
about laziness.
7. Health. The rise of technology-based health issues has been reported worldwide, such as poor eyesight,
hearing loss, dizziness, radiation, physical injuries and even death caused by major accidents.
8. Psychological behavior. Teenagers are the most vulnerable to this problem. There is an increase in violent
behavior of young children acting aggressively caused by some network games that they play.
 125

9. Crimes. There is an increase in crime-related violence such as robbery, homicide and murder using
technology.
10. Accidents. Drivers are tempted to use their mobile phones while driving that may cause accidents.

Concepts in solving the disadvantages caused by ICT

1. Parental Guidance. Parents are still the best persons to guide younger children to be responsible in using
technologies particularly the Internet and smart phone.
2. Education. It is highly suggested that the Commission on Higher Education (CHED) and the Department of
Education (DepEd) produce and train the teachers to further educate students in the proper use of technologies.
3. Government Agencies. The national government should provide funds to assist in the infrastructure in educating
students and other members of society.
 126

Bibliography

Teukolsky (2015), AP Computer Science A Barrons 7 th Edition, Barrons Educational Service

Laudon et..al(2013) Management Information System: Pearson Horizon Edition

Miller (2013) Computer Basics Absolute Beginners Guide 6 th Edition: QUE Pearson Education

Kendall et..al (2014) System Analysis and Design 9 th Edition : Pearson Edition

Matthews (2014) Windows 8.1 for Seniors Quick Step: McGraw Hill

Shelly et..al (2010) Discovering Computers Complete 2 nd Edition :Cengage Learning

Brian et..al(2013) Using Information Technology : Mc Graw Hill