- Semantic – Ability of web
technologies to understand and
ET REVIEWER
WHAT IS ICT? – (Information and
communications technology/technologies) is
the infrastructure and components that
enable modern computing.
- Locates, save, send and edit
information
WORLD WIDE WEB (1989) – Tim –
Berners Lee
- WWW, W3, The Web
- Interconnected system of public
webpages accessible through the
internet
- It can be static or dynamic
ADVANTAGES OF STATIC WEBS
- Lower once-off cost
- Faster loading
- Cheaper hosting required as they
use less bandwidth and server
resources
DISADVANTAGES OF STATIC WEBS
- Might have higher maintenance
costs if content changes often
- No user restrictions or advanced
functionality
- Developer dependent
WEB 2.0 – Capability of people the means
to collaborate and show information online
FEATURES OF WEB 2.0
- RICH USER EXPERIENCE: Content
is dynamic and is responsive to
user’s input
- FOLKSONOMY: Categorize and
classify using chosen keywords
(tagging, hashtags)
- USER PARTICIPATION: The owner
of the website is not the only one
who is able to put content.
- LONG TAIL: Services that are
offered on demand and rather than
on a one-time purpose (ex:
subscribing to a data plan)
- SOFTWARE AS A SERVICE: Users
will subscribe to a software only
when needed rather than purchasing
them (ex: software rental)
- MASS PARTICIPATION: Diverse
information sharing through
universal web access (ex: social
media)
WEB 3.0 – Semantic.
interpret human generated content
- The internet is able to predict the
best possible answers to your
question by “learning from your
previous choices.”
TRENDS IN ICT
CONVERGENCE - a synergy of
technological advancements to work on
similar goal or task (Ex: smart phones,
cloud Technologies and LTE
Technologies.)
SOCIAL MEDIA – is a website,
application or online channel that
enables web users to create, co-create,
discuss, modify and exchange user
generated contents.
TYPES OF SOCIAL MEDIA
1. SOCIAL NETWORKS – are
sites that allow you to connect
with other people with the same
interests or background (ex:
Facebook)
2. BOOKMARKING SITES – are
sites that allow you to store and
manage links to various websites
and resources ( ex: Pinterest)
3. SOCIAL NEWS – are sites that
allow users to post their news
items or links to other news
sources (ex: reddit)
4. MEDIA SHARING – are sites
that allow you to upload and
share media content like images,
music and video (ex: YouTube,
Instagram)
5. MICROBLOGGING – are sites
that focus on short updates from
user (ex: Twitter)
6. BLOGS AND FORUMS – are
websites that allow users to post
their content by posting
comment/s (ex: Blogger and
Word press)
MOBILE TECHNOLOGIES – devices
capable to do task that were originally done
in personal computers (ex: smartphones
and tablets)
ASSISTIVE MEDIA – is a non-profit service
designed to help people who have visual
and reading impairments.
OPERATING SYSTEMS USED BY DIFF
MOBILE DEVICES
a. IOS
b. Android
c. Blackberry
 d. Windows Phone OS
e. Symbian
f. Windows Mobile
RULES OF NETIQUETTE
NETIQUTTE – is a network etiquette. The
DO’s and DONT’S of online
communications.
1. Remember the human
2. Adhere to the same standards online
that you follow irl
3. Know where you are in cyber space
4. Respect other people’s time and
bandwidth
5. Make yourself look good online
6. Share expert knowledge
7. Help keep flame wars under control
8. Respect other people’s privacy
9. Don’t abuse your power
10. Be forgiving of other people’s
mistakes
KINDS OF ONLINE THREATHS
INTERNET THREATHS
1. MALWARE – stands for malicious
software
a. VIRUS – designed to replicate itself
and transfer from one computer to
another either through the internet
and local network or data storage
like flash drives and CDs
b. WORM – transfers from one
computer to another by any type of
means. Example: I Love You worm
made by ONEL DE GUZMAN
c. TROJAN – disguised as a useful
program but once downloaded or
installed, leaves your PC
unprotected and allows hackers to
get your info
ROGUE SECURITY SOFTWARE
– tricks user into posing that it is a
security software. It asks you to
pay to improve his/her security but
in reality, they are not protected at
all.
d. SPYWARE – a program that runs
in the background without you
knowing it. Has the ability to
monitor what you are currently
doing and typing through key
logging.
KEYLOGGERS – used to record
keystroke done by the user
e. ADWARE - a program designed to
send you advertisements, mostly
as pop-ups
2. SPAM – unwanted email mostly from
bots or advertisers. It can be used to
send card details.
3. PHISHING – its goal is to acquire
sensitive personal information like
passwords and credit details.
PHARMING – a more complicated way
of phishing where it exploits the DNS.
PRODUCTIVITY TOOLS
- Productivity software
- Are software that people use to
create and produce professional
quality documents, presentations,
databases, charts, graphs and more
3 BASIC FUNCTION OF THESE
PRODUCTIVITY TOOLS ARE:
1. MS WORD – writing skills
2. MS PowerPoint – presenting skills
3. MS Excel – numeracy skills
INTRODUCTION TO MICROSOFT WORD
WHAT IS WORD PROCESSING?
- The use of computer to write or
create letters, reports and
documents
- Enables you to save time and to
improve the appearance of your
documents.
A BRIEF EXPLANATION OF THE WORD
WINDOW
QUICK ACCESS TOOLBAR - Provides you
with access to commands you frequently
use
GROUP - Common buttons with a common
purpose are clustered together
TAB - The ribbon is broken down into 7
Tabs. Each tab has a common purpose and
consists of several groups.
EACH OF THE TABS CONTAINS THE
FOLLOWING TOOLS:
1. HOME - Clipboard, Font, Paragraph,
Styles and Editing
2. INSERT - Pages, Tables,
Illustrations, Links, Header & Footer,
Text and Symbols.
3. PAGE LAYOUT - Themes, Page
Setup, Page Background, Paragraph
and Arrange.
4. REFERENCES - Table of Contents,
Footnotes, Citations & Bibliography,
Captions, Index and Table of
Authorities.
5. MAILINGS - Create, Start Mail
Merge, Write & Insert Fields,
Preview Results and Finish.
6. REVIEW - Proofing, Comments,
Tracking, Changes, Compare and
Protect.
 7. VIEW - Document Views, DON’TS
Show/Hide, Zoom, Window and
Macros. - Crowd info
- Using sentences with punctuation
RULER – you can use the ruler to change marks
the format of your document quickly
COLOUR DO’S
INSERTION POINT – The blinking vertical
line in the document indicates where the - Have a colour palette
text will appear when you begin typing - 2 – 4 colours/shades
- With dark and light colours
DOCUMENT SCREEN – the white area of - Add a neutral colour
the screen in where you typed text appears - Colours that are easy on the eyes
STATUS BAR – this now can be - Observe contrast on text and
customised by right clicking and selecting backgrounds
desired options. Desired options may - Dark BG and light text
include page number/number of total page, - Take note of colour wheel
word, insert, caps lock and zoom slide
COLOUR DON’TS
ZOOM SLIDE – Allows you to
increase/decrease the amount of the - Multiple colour schemes
document you see on the screen - Vibrant colours
- Hard to read combinations
SCROLL BAR – Allows you to view entire
workbook by moving it up, down (vertical DO’S BACKGROUNDS
scroll down) left or right (horizontal scroll
- Simple backgrounds are preferred
bar)
- Solid colours or pictures at the sides
INTRODUCTION TO MICROSOFT - High contrast to the colour of your
POWERPOINT text
MS POWERPOINT – is a powerful DON’TS BACKGROUNDS
presentation software that helps you
produce an effective presentation in the - Gradient backgrounds
form of on-screen slides. - Hard to use one font colour
- Blends into the colour
TERMS, VIEWS AND FUNCTIONS
INTRODUCTION TO MICROSOFT EXCEL
SLIDE
- Organize data in rows and columns
- A single page or may be known as a - Performs calculations on the data
slide deck
EXAMPLE OF SPREADSHEET
DESIGN TEMPLATES SOFTWARES:
- This is pre-made to apply your slides 1. Google Sheets
2. Apple iWork
ANIMATION
3. Star Office Cells
- This is a segment within a slide 4. Microsoft Excel

TRANSITIONS KEY TERMS IN MS EXCEL

- Are motions to advance from one - CELL – Where data/information is

slide to another placed
- ACTIVE CELL – the selected cell
BEFORE CREATING A POWERPOINT
- COLUMN HEADING – the box at
1. Know your audience the top of each column containing a
2. Know your topic transitions letter
- ROW HEADING – the row number
DO’S AND DON’TS IN A POWERPOINT - FORMULA BAR – displays the
PRESENTATION
content of the cell
DO’S
(SOME) FUNCTIONS
- 7x7 rule per slide 1. SUMIF (Range ,”CRITERIA” ,
- 7 lines max ; 7 words/line Range)
- Summarize content Ex: (E1:E8, “PEN”, G1:G8)
- Use bullets 2. COUNTIF (Range, Criteria)
 Ex: (B2:B9, 2006) - Process of ensuring released
3. POWER (Number, Power) designed elements are placed
Ex: (A1, B1) together
4. SUBTOTAL (Function, Range)
6) CONTRAST
- Divergence of opposing elements

IMAGING AND DESIGN FOR ONLINE

ENVIRONMENT
IMAGE
- A representation of the external form
of an object or thing in art
2 KINDS OF IMAGES
1) 2 DIMENSIONAL (2D) – height,
width but without depth
2) 2 DIMENSIONAL (3D) – Has depth
INFOGRAPHICS
INFORMATION + GRAPHICS
- Used to represent information,
statistical data or knowledge in a
graphical manner usually come in a
creative way to attract viewers
attention
PRINCIPLES IN MAKING AN EFFECTIVE
INFOGRAPHIC DESIGN

GRAPHICS - the products of the graphic 1) Be unique

arts, especially commercial design or 2) Make it simple
illustration. 3) Be creative and bold
4) Less is more
LAYOUT – Arrangement of the visual 5) Importance of getting it across
elements. A part of graphic design
ONLINE IMAGE FILE FORMATS
BASIC PRINCIPLES OF GRAPHICS AND
LAYOUT 1) JPEG – Joint Photographic Experts
Group
1) BALANCE 2) GIF – Graphic Interchange Format
- Visual, weight of the elements 3) PNG – Portable Network Graphics
objects, texture, color
TWO KINDS OF BALANCE IMAGE MANIPULATION TECHNIQUES
a. Symmetrical – evenly distributed
1) CROPPING – cutting parts away to
b. Asymmetrical – unevenly
remove distracting or irrelevant
distributed
elements
2) COLOR
2) COLOR BALANCE – the ambience
- Is used for emphasis or may elicit
and tone of light of the picture
emotions from viewers
a. HUE – Name of the color
b. INTENSITY – The purity of the
3) BRIGHTNESS AND CONTRAST
color
c. VALUE – Lightness or darkness
4) COMPRESSION AND RESIZING –
of the color
the bigger the image, the larger the
file
3) ALIGNMENT
- The way visual elements are
arranged 5) FILTERS
a. EDGE ALLIGNMENT – either left
or right 6) CLONING – Duplicating elements
b. CENTER ALLIGNEMNT –
aligned at the center
7) REMOVING THE COLOR
4) REPETITION
- The process of repeating the 8) COMBINING TEXT GRAPHICS
elements AND IMAGE

5) PROXIMITY