Technology – application of scientific knowledge for practical purposes

Internet – large computer network that is made up of thousand networks

Web Browsers – computer program used to open and browse web pages
Time Berners-Lea (1989) – discovered world wide web identified by URL’s
CURRENT STATE OF ICT
Information Communication Technology (ICT) – extended term of Information
Technology
- stresses the role of Unified Communications and the integrated of
telecommunication, computers, etc.
Web 1.0 – term coined to differentiate the 1 st stage of www in comparison with the
present stage of the internet technology
- statistic and called “read only web”
- feedback mechanism is through private emails
- web master-static web-users
Web 2.0 – first used around 2004
- internet tech became more interactive and more available for everyone
- interact-contribute-create
Web 3.0 – read-write-execute web
- semantic web
Technology Convergence – evolution of technological developments that merge into a
new system bringing together
Mobile Media – handheld devices
- used as personal interactive, internet-enabled and user-controlled
Assistive Media – non-profit organization in Michigan USA
- first internet-based reading service for people with visuals and reading
impairments
KEY TERMS
Folksonomy – categorize and classify information
Hashtag – used to categorize posts in website
Social Media – website, application or online channels that enable users to create or
co-create, discuss, modify and exchange, user-generated content

ONLINE SAFETY, SECURITY AND ETIQUETTES

Internet – information super highway
Online Safety – knowledge of maximizing the user’s personal safety and security risks
in private information and property

 Internet Threats
1. Malware – malicious software
a) Virus
b) Work
c) Trojan
d) Spyware
e) Adware
2. Spam – unwanted email
3. Phishing – unwanted acquisition
4. Botnet – group of compromised computers
5. Denial of Service Attack – disrupts computer access
Online Security – catch all term security for very broad issue covering security for
transactions made over the internet
Online Ethics – respect yours and others privacy, the biggest threat to your privacy is
you, your own bas self

CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS

Internet Research – has a profound impact on the way ideas are formed and
knowledge is created
Research Skills
- Identify your knowledge
- Cite your sources
- Develop your research strategy
- Manage your bibliography
Mail Merge – MS Word feature
 - powerful tool for writing and sending a personalized letter or email to many
different people at the same time

IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT

Image – representation of the external form of a person or thing in art
- may be 2 dimensional (photograph, screen display)
- may be 3 dimensional (statue, hologram)
Graphics – visual images or designs on some surfaces (walls, canvass, screen, paper
or stone to inform, illustrate and entertain)
Layout – process of planning and arranging graphic element in a page or template
Basic Elements of Graphic and Layout
1. Balance – equal distribution of weight
- determined by the darkness or lightness, thickness of lines and size
- crucial to the success of design

 Kinds
a) Symmetrical Balance – evenly allocated on both sides of pages, visual
weight is distributed evenly, either vertically or horizontally
b) Asymmetrical Balance – order of different objects on the same weight on
each side of the page
- color, shape, size, texture, and value can be used in balancing
2. Proximity – ensemble related objects together and moved them physically close
to each other to create less clutter and more organized layout
- organized information is more likely to read the most
 Things to Remember
- organization is clearer
- white is not trapped within elements
- appears to be more room on the page
3. White Space – art of nothing
- known as negative space
- portion of a page left unmarked: margins, gutters, and space between columns,
line of type, graphic, figures or objects, drawn or depicted
 Kinds
a) Undefined white space
b) Active white space
4. Alignment – nothing should be placed on the page arbitrary
 - every item should have a visual connection with something else in the page
- create order
- look clean
5. Repetition – process of repeating elements
- goes with consistency of your design on font, font size, patterns and colors
- guides reader and help to more parts of the design become more united
- aids to organized information
Infographic – an example that applied repetition to the design
- used to represent information, statistical data or knowledge in a graphical
manner usually done in a creative way to attract viewers attention
5 Basic Principle
- be unique
- make it simple
- be creative and bold
- less is more
- the importance of getting it across
6. Color – determined by its hue (name of color), intensity (purity of hue) and value
(lightness or darkness)
Color Theory – study of how colors make people feel and their effects on a
design
Hue (pure color) – pure spectrum of colors referred to by the color name
Tint (add white) – lightens the color but it doesn’t make it brighter
Tone (add grey) – reduce the intensity of any color
Shade (add black) – darkens color, it remains the same hue only a darker
version
Analogous – 3 colors: side by side
Complementary – 2 colors: opposite
Triadic – 3 colors: equally spaced around the wheel

hue
shade
tint
tone
white grey black

7. Contrast – divergence of composing elements (opposite colors on the color

wheel or, value light/dark, or direction horizontal/vertical)
- allows us to emphasize of highlight key elements in your design
- can e applied through the color, size, shape