Learning Goals

1. Identify and solve routine hardware and software

problems that occur during everyday computer use;
2. Demonstrate ethical use of computers;
3. Select and use proper tools and technology resources
to accomplish different tasks and solve problems;
4. Explain basic concepts on hardware, software and
connectivity;
5. Discover networking concepts; and
6. Explore programming using Scratch.
 SECTION 1 The Growth of Technology
Technology makes possible what was once impossible,
and it is a process that will continue for as long as there
are people with the desire to make things better.
This section allows you to discover the reason why you
need to study information technology.
SECTION 1 The Growth of Technology
LESSON 1: Technology Through the Years

1. Identify some
technology trends
2. Explain how these
technology trends are
changing people’s lives
3. Outline significant facts
that led to the first
computer
SECTION 1 The Growth of Technology
Life Before Computers
1. The Number System
2. Computation Tools
3. The First Place-Value Number System
4. The Invention of the Abacus
5. More Major Developments
SECTION 1 The Growth of Technology
Technology Trends
• Touch Screen
• Gesture Interface
• 3D
• Motion Capture in Filmmaking
• Mobile Devices
SECTION 1 The Growth of Technology

LESSON 2: Making Sense of Data

• Define data and

information
• Explain how data is
organized
SECTION 1 The Growth of Technology

Data organization

• Bit
• Byte
• Word
• Character
• Record
• File
• Database
SECTION 2 Establishing Computer Essential
As ubiquitous as the computer has become, it is now
essential that anyone who wants to be functional in
society be able to know how to use it. While it is easy to
learn how to work a few things on a computer just by
tinkering with one for a while, it is always better to learn
about the fundamentals in a formal setting to avoid
making mistakes and ruining things unintentionally.
SECTION 2 Establishing Computer Essential

LESSON 3: The Computer Has Many Faces

• Classify different
computers according to
size, purpose, data
processed, or storage
capacity
• Identify other ways of
classifying computers
SECTION 2 Establishing Computer Essential

Computers According to Size

• Microcomputer
• Minicomputer
• Mainframes
• Supercomputers
SECTION 2 Establishing Computer Essential

Computers According to Purpose

• Special Purpose Computers

• Genera Purpose Computers
SECTION 2 Establishing Computer Essential

Computers According to Data Processed

• Analog Computers
• Digital Computers
• Hybrid Computers
SECTION 2 Establishing Computer Essential

LESSON 4: Power in Computers

1. Explain input/output
operations
2. Explain processing and
computation operations
3. Explain logic operations
4. Identify the computer’s
strengths
SECTION 2 Establishing Computer Essential

Input / Output Operation

• Read Data
• Write Data
• Read / Write
 Sequential Access
 Random Access
SECTION 2 Establishing Computer Essential

Processing and Computation Operation

• Origination
• Input Preparation
• Processing
• Output Preparation
SECTION 2 Establishing Computer Essential

Logic Operation
SECTION 2 Establishing Computer Essential

The Computer Strengths

• Speed
• Accuracy
• Consistency
• Reliability
• Communication
• Memory Capability
SECTION 3 The Virtual World
A computer can be a gateway to a world of information
that is possibly greater than any library that ever
existed. Anyone may enter this world and contribute to
its vastness with the proper tools and know-how.
This section furnishes the student with information on
how to make things like websites and browsers work
over the Internet. It shows them how this virtual world
has a written language of its own which makes
possible the creation of websites.
SECTION 3 The Virtual World

LESSON 5: Unfolding the Net

1. Narrate the history of the

Internet
2. Identify the different Internet
technologies and applications
of the Internet
3. Identify online resources and
tools
4. Explain and predict the future
of the Internet
SECTION 3 The Virtual World

History of Internet
SECTION 3 The Virtual World

Internet Technologies and Application

• Local Area Network (LAN)
• Wide Area Network (WAN
• Wireless Fidelity (WiFi)/ WiMax
• General Packet Radio services (GPRS)
• 4G LTE (Fourth Generation Long Term
Evoloution)
• Voice Over Internet protocol (VoIP)
• Multimedia Streaming
• Broadband
• Cluster/Grid Computing
SECTION 3 The Virtual World

Online Resources and Tools

• Email
• Search Engine
• Chat
• Blog
• P2P (Peer-to-Peer) Network
• Social Networks
SECTION 3 The Virtual World

Internet Trends and Predictions

• Mobile Devices will overtake that of desktop in connecting

to the internet for online services.
• Migration of Information and Entertainment to the Internet
will continue to grow. It will be more available in digital form
and online.
• Collaboration and real-time interaction over the internet will
become bigger and more frequent.
• Computing devices will proliferate as embedded RFID and
Bluetooth technology will allow home appliances to be
connected to a home personal network and to the Internet
• Virtual classes will allow home-schooling system.
SECTION 3 The Virtual World

LESSON 6: How the Net Connects

1. Identify the basic

components of a network
2. Define networking
concepts
3. Design a basic local area
network (LAN)
4. Demonstrate how basic
connection to the Internet
using dial-up is done
SECTION 3 The Virtual World
Basic Hardware and Software Connectivity

The different components of Internet

connectivity include the following:
• Host Computer
• Network Interface card (NIC)
• Hub or switch
• Router
• Internet Service Providers (ISP)
• Network Services
• Network Sockets
SECTION 3 The Virtual World
How the Net Connects?

Network Concepts

Designing a Local area Network (LAN)

Basic Internet Connection Using Dial-Up

SECTION 3 The Virtual World
LESSON 7: Language of the Web

1. Explain the HTML scripting

language
2. Apply the basic principles
in HTML programming
3. Use standards in HTML
tags
4. Create a simple Web page
SECTION 3 The Virtual World
Scripting Languages

• HTML tags
 <html>,<head>,<body><H1> to <H6>,<p>
 <a>,<ol>,<ul>,<li>,<dl>,<dt>,<dd>,<img>

• Basic HTML Programming

1. Start with a tittle
2. Add headings and paragraphs
3. Add a bit emphasis
4. Add interest to your pages using images
5. Add links to other pages
6. Use various kinds of lists

• Creating your own page

 <html> …. </html> element - It is the root of an HTML document.

 <head> …. </head> element - This element contains information about the page

 <title> …. </title> element - It is used to set the title of the page in the browser.

 <body> …. </body> element - place all the content that will be displayed in the window

<body> Attributes:
 background  to set the background image
 bgcolor  to set background color
 text  to set the font color
Headings
<p>…</p> element
Character Formatting
element Uses
<b>…</b> Displays text in bold
<i>…</i> Displays text in italic
<u>…</u> Displays Underlined text
<s>…</s> Used to identify text that is no longer relevant
^… Format the text as superscript
_… Format the text as subscript
<pre>…</pre> Preformatted text allows you to format the text the way
you want it
<br> and <hr> element
<br> is used to separate each line. <hr> causes the browser to display a horizontal
line (rule) in the document.

<hr> attributes:
 size – height of the rule in pixels (default: 2 pixels)
 width – width of the rule in pixels or in percentage of screen width (default:
100%)
 noshade – draw the rule with a flat look instead of a 3D look (default: not set)
 align – aligns the line (default: center)
 color – sets a color for the rule (default: No set)
list
Ordered List

Attribute:
<ol>
 start  sets the beginning value
<li>item 1</li>
 type  sets the numbering style
<li>item 2</li>
….
<li>item n</li>
</ol>
list
Unordered List Description List

<ul> <dl>
<li>item 1</li> <dt>Coffee</dt>
<li>item 2</li> <dd>Cappuccino</dd>
…. <dd>Espresso</dd>
<li>item n</li> <dd>Mocha</dd>
</ul> <dt>Tea</dt>
<dd>Earl grey</dd>
<dd>Green tea</dd>
Type Attribute:
<dd>Chai tea</dd>
 disc
</dl>
 circle
 square
 <img>…</img> Element
• attribute:
• src - contains a path to the image file that you
want to embed
• alt - used to provide some fallback text in case
the image cannot be loaded.
• height – the desired height of the image
• width – the desired width of the image
• align – to align the image on the page (values:
bottom, middle, top, left, right, texttop,
absmiddle, baseline and absbottom)
<a> … </a> Element
• Hyperlinks in HTML are created using the <a>
element. As well as linking to other pages on
the web, you can also use the <a> element to
link to parts of the current page.
• Attributes:
• href
• name
• target
SECTION 4 Practical Computing

The computer can be a practical tool that takes the

place of many common home and office gadgets. For
example, it is a media player, typewriter, post office,
organizer, and network device all at the same time. All
these capabilities are covered in this section, which
addresses the basic needs of the student for a solid
hands-on grasp of the everyday practical applications
of computers
SECTION 4 Practical Computing

LESSON 8: Hooking Up via E-mail

1. Demonstrate how e-mail

works
2. Demonstrate the use of
Webmail
3. Use Outlook Express Identify
E-mail
4. Etiquette and Netiquette
SECTION 4 Practical Computing
Hooking Up via E-mail
• How does E-mail work?
• Using Webmail
• Using Outlook
• Email Etiquette and Netiquette
• Responsible Use of E-mail
Thank You