Information and Communication Technology (ICT) deals

with the use of different communication technologies

such as mobile phones, telephone, Internet, etc. to
locate, save, send, and edit information

ICT in the Context of Global Communication

Information and Communication Technology (ICT)
plays an important part in our lives and in all
aspects in our society. ICT has become the main
method of communication, getting information and
education, attaining services from businesses,
hospitals, utilities, government, purchasing
products and services, doing personal and
business transactions, and expressing social
advocacies and awareness

The Current State of ICT

Web 1.0 is a term coined to differentiate the first stage of the World Wide Web (WWW) in
comparison with the present stage of the internet technology. At the beginning of the WWW,
there were very few web content creators and many of them were so called “read only web”
since
there was no user interaction.

Web 2.0- The transition between the end of Web 1.0 and beginning of Web 2.0 cannot exactly
be determined, since the change was gradual as the
internet technology became more and more interactive. The term Web 2.0 was first used around
the year 2004 to differentiate the current
internet technology with the past technology, Web 1.0.
Web 3.0 is named and referred to by web experts as semantic web or data driven web content
and
response. As the user interacts or responds, contributes and collaborates on the web,
the context of the search of the user is processed by a programming language to help the user
by presenting options of what the person is interested in.
Technological Convergence- provides functionality of various individual separate and different
devices now available in one gear. The smartphone can function as a telephone, camera, radio,
TV, and gaming console. All these tasks were once only available and useable on a singular
and different gadget.

Social media is a collection of internet-based communication tools and computer-assisted

channels dedicated to allow users to interact, communicate, and share information in a virtual
community and network.

Online System, Function, and Platforms

Online Platform- are technologies designed to run online to provide interactive online services.
Online System- are online versions of Information Systems.
Information System- it is a process of tools for storing, managing, using, and gathering of data
and communications and organizations.
- Are systems that manage and process information, when put up online, it becomes an
online system.
Online Platforms
1) Social media
- Social Network- allows you to connect with other people with the same interest or
background.
- Bookmarking Site- allows you to store and manage links to various websites and
resources.
- Social News- allows user to post their own news items.
- Media Sharing- uploading and sharing media content
- Blogs and Forum- outlet for some to write about themselves.
2) Search Engines- are websites that allows you to search internet content. Ex. Google,
Ecosia
3) Communication Services- are enterprises that provide communication solutions. These
enterprises are called providers. Ex. Smart
4) Payment System- make sure your valuable info is protected and secured. Ex. Gcash
5) Advertising Platform- allows users to create and manage advertising campaigns,
generate reports, and retrieve info. Ex. facebook ads
Online Research and Applied Productivity Tools
Contextual Search- Internet is different from the traditional way of getting information which
returns a
list of papers or documents relevant to the request of the user.
- an attempt to be more precise in providing the list of documents according to the words
used by the user to search the Internet.
Steps to Make Contextualized Online Search
1. Identify or choose a topic.
2. Topic or task definition
3. Identify methods of research
4. Identify resources of your research
5. Make your research strategies
6. Compiling the research results
7. Evaluate the results of your research.
8. Create a list of your references for citation.
Critical Thinking
Analytical Skill
Problem solving capability- ability to present
solutions or solve problems by presenting a decision
based on the given information.
Organized Data mining- well-planned design of the
database of all the research materials either inside the
computer or hard copies.
Research Presentation- the ability to present the ideas and draw conclusions from the research,
be able to explain in writing the purpose, steps, goals, and objective of the research
Creativity and developed imagination- ability to
look for alternative solutions to the problems needed to
solve in the research and thinking not only within the
context but also beyond the usual approaches to the
research objectives
Computer Literacy- Knowledge of the various computer
applications and tools

Online Safety
practices and precautions that should be observed when using the internet to ensure that the
users as well as their computers and personal information are safe
from crimes associated with using the internet,
- Stalking
- Identity Theft
- Privacy violations
- Harassment
Online Safety Measures
● Never give personal info.
● Do not give any banking or sensitive info,
● Never open messages or attachments
● Regularly view privacy settings
● Delete browsing data before leaving public comp.
● Keep software updated
● Do not download or install, from unknown
Online Threats
An act performed by a knowledgeable computer user
sometimes referred to as hacker that illegally browses or steal someone's information
Types of Threats
Phishing- email sent from an Internet criminal
disguised as an email from a legitimate
Pharming- malicious website that resembles a
legitimate website, used to gather usernames and passwords.
Internet Scam- misleads the user in many ways attempting to take lead of them.

Internet Bots- network of zombie computers that have

been taken over by a robot or bot that performs large-scale malicious acts.
Malware- spyware and adware.malicious software disguised as real software often secretly
installed,
intended to transfer and gather private information, like passwords, without the user's
permission.
Adware - Adware (short for advertising - supported software) is a type of malware that
automatically delivers advertisements. Ex. Banner Ads & Pop-up Ads
Spyware - A type of malware that functions by spying on user activity without their knowledge.
Ex. Keylogger

Virus and Worm

Trojan Horse
Commonly known as a "Trojan, is a type of malware that disguises itself as a normal file or
program to trick users into downloading and installing malware..

Iloveyou Virus/ Love bug/ love letter

Created by a Filipino student: Onel De Guzman and Reonel Ramones.
Computer Bug- A malfunction on a computer system through its runtime.
Cyber Stalking- The use of the internet or other electronic device to harass or stalk individual,
group
or organization
Cyber Bullying- The act of tormenting, threatening,
harassing or embarrassing another person using the internet or other technologies.
Spam- An unsolicited email, instant messages, or
social media messages.
Spoofing- criminal who impersonates another individual or organization, with the intent to gather
personal or business information.

Online Ethics and Netiquette

Netiquette- Comes from the word Network and Etiquette.
- Is a set of rules and norms for acceptable
conduct or behavior online.
Computer Ethics- Concerned with how computing professionals should make decisions
regarding professional and social conduct.
Privacy- Refers to the right of individuals to deny or
restrict the collection and used of information about them.

Authentication- A process where users verify their identity.

- Deals with the problem of determining whether a user should be allowed access to a
particular system.
Four Commonly authentication methods:
- User identification, Passwords
-Possessed Objects, ATM
- Biometric Device, Finger print
- Call back System
MODULE #3
SOURCES OF PHOTOS AND GRAPHICS
● Personal and Professional Photos
● Scanned Images
● Stock Photo Library
● Online Stock Photos
ONLINE DIGITAL FILE FORMATS FOR IMAGES AND TEXT
● Propriety formats
● Open formats
● File format
● Lossy file format
IMAGE FILE FORMATS
● Raster Image File
● Vector Image Files

Raster Image Formats

.bmp Bitmap Image File, developed and used in Microsoft Windows environment and is stored
in a graphics file format called device-independent bitmap (DIB) and has a file extension of .bmp
or .dib
.gif- Graphical Interchange Format File is an image file format that is very popular on the World
Wide Web because of its portability (small file size) and support for animation
.jpg JPEG Image File - standardized by the Joint Photographic Expert Group (JPEG) is a
common method for photographic images as well as transmission of photos on the World Wide
Web since it supports 24-bits per pixel color scheme.
.png Portable Network Graphic (PNG) is a free, open-source bitmap image format made to
improve on GIF which has small file but can handle more colors since it supports 24-bit per pixel
color scheme and supports true color (16 million colors).
.psd Photoshop Document (PSD) is a native file format for Adobe Photoshop, and since many
are using this
program to create images, it is very popular.

Types of Vector Image Formats

.ai Adobe Illustrator File is the file extension for graphics created using Adobe Illustrator which is
created
using paths and lines connected by points instead of bitmap, which may include objects, color,
and text.
.drw Drawing file is a generic drawing created and stored in a vector format that uses lines or
paths to represent images.
.dxf Drawing Exchange Format File is a drawing format developed and introduced by Autodesk
the maker of
AutoCAD and is used for computer aided design (CAD) vector images.
.ps PostScript File is a page description language (PDL) developed by Adobe, basically a
language for printing documents on laser printers and imagesetter (high resolution printer) used
to produce camera ready copies.
.svg Scalable Vector Graphics (SVG) File is the most common vector graphic format on the
internet ; it was
developed by the World Wed Web Consortium (W3C) to display vector graphics.

BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

Layout is the process of planning and arranging graphics or text in a page or book. A good
layout should have a balanced make uo alignment of elements. Remember that simplicity is the
key to a good layout.
- Symmetrical
- Asymmetrical
- Text
- Image
- Proximity and harmony
- Consistency
- Color and Shape
- Emphasis
PRINCIPLES AND BASIC TECHNIQUES OF IMAGE MANIPULATION
There are various ways to manipulate images like resizing, cropping, adjusting color
background, balance, brightness and contrast, combining photos, combining text and photos,
and adding effects.

Techniques of image manipulation:

- Background color
- Multiple Images
- Shadow
- Proportion
- Blending Color
- Texture
- Emphasis

Web Design, Multimedia, and ICT

A web page is a document which is designed for the World Wide Web and is accessible using a
web browser such as Firefox, Google Chrome, Microsoft Internet Explorer, or Apple's Safari. It
may contain many kinds of data or resources which you can see, hear,
and interact with. A web page may contain text, graphics, sound, video, and animation.

-There are many available software that you can use to design a web page. Examples of
website builders are Adobe Dreamweaver, MS Publisher,Squarespace, Weebly, Wix, Xprs,
Voog, Strikingly,Wordpress, ZohoSites,GoDaddy, and Google Sites.
Importance of Website in Business
The world wide web has become the means of generating more business than any other
advertising medium. The Internet can be accessed 24/7. Today,
everything you need like online shopping or information can be obtained with the click of a
mouse.

A website for your business can serve several purposes. It can give your customers a detailed
description of your company and its latest offers.In addition, it can be used as a brochure to
advertise your products. and its biggest advantage is its availability for viewing daily for
twenty-four hours.

You can also create the website for other companies by putting up your own business of website
design service.
BASIC WEB DESIGN PRINCIPLES AND ELEMENTS
Web design is a concept of planning, creating, updating, and maintaining websites. A good web
design allows the user to understand the message,
contents, and ideas in the most convenient way.

Web Design Elements

In order to come up with a technically and visually good appealing and effective web design,
elements must be arranged in a way that is pleasing to the eye,
well-coordinated, and maintaining good balance among the elements.
Text - font family and type must be chosen well, clearly, and in a readable size.

Graphics/Illustrations - must be with good quality and well arranged with the text and other
elements. Infographics may be used.

Shapes - can be used to denote an enclosed boundary in the overall design. Any king of
shapes, like regular geometric or abstract shape, that will fit the users' design can be placed.
You can experiment with any shape you find suitable.

Background - or texture can help provide your website with a feeling of a surface underneath.
This element must be used to bring out the content given on the website to make it look more
appealing.

Color - must blend well and complement the elements on the page. Use vibrant and bold colors
that will attract but not too distracting.

Video/Audio - will help viewers easily understand what you are teaching or selling.

Links - will allow users to connect to another site or page that is related to the content of your
page or site.
Web Design Principles
A good web design must contain elements that are not only appealing but should be functional,
responsive, and useful. To create a usable and effective website, follow the basic principles of
an effective web design.

Portable Design - website design must be portable and accessible by users who have different
browsers, operating systems, and computer platforms. You should always test for compatibility
by viewing your pages in other browsers.

Design for Low Bandwidth - website design must be accessible at a variety of speeds. Avoid
large graphics or animations as the users may leave the site if downloading is slow.

Direction - identify the order of importance of the various elements and place them in a
sequence where the eye moves and perceives the things it sees. There should be a consistent
layout and structure.

Accessibility - When a visitor enters the website, he/she must be able to easily access the
information. This means that the text must be legible/readable, the colors must create visual
harmony and balance, and images should be of high equity.

White spaces - Use white deliberately in your design as a breathing space. White spaces may
also be used to show the division of contents.

Simplify - the more options you place on your site, the more difficult it is for a visitor to make a
decision and more time is required to browse through them. To simplify it, remove distracting
options and clutter.

Convenience - to allow a visitor to make an action, the click buttons should be conveniently
located and accessible. The larger the Share or Order buttons, the more easily and quickly for
the customer to click them.

- the website should be regularly upgraded, updated, and tested so that problems will be quickly
resolved.

CREATING A WEB PAGE

WYSIWYG - is an acronym for "what you see is what you get". A WYSIWYG editor is a system
in which content (text and graphics) can be edited in a form closely resembling its appearance
when printed or displayed as finished product, such as a printed document, web page, or slide
presentation.

Examples of wysiwyg platforms HTML editor:

Wix - is a pure WYSIWYG, free cloud-based web development platform that allows users to
create HTML5 websites and mobile sites.
Weebly - is a free website builder, blog, and web-hosting service.
Drupal - is a free and open-source content management system (CMS) based on PHP and
MySQL.
Wordpress - is a free and open-source content management system (CMS) based on PHP and