EMTECH(REVIEWER)

Internet

- is the system of interconnected computer networks that use the internet

networks that use the internet protocol suite(TCP/IP) to link billions of devices.
- Means of connecting a computer to any other computers anywhere in the world
via dedicated routers and servers.
- Sometimes called simply “the Net”, is a worldwide system of computer networks
– a network of network in which user at any one computer can get information
from any other computer.

4 main periods of divide the era of ICT

- Premechanical
- Mechanical
- Electromechanical
- Electronics

Information and Communication Technologies

- it deals with the use of different communication technologies such as mobile

phones, telephone, internet to locate, save, send, and edit information.

ICT in the Philippines.

- Philippines is dub as the “ICT Hub of Asia” because of huge growth of ICT-related
jobs, one of which is BPO, Business Process Outsourcing, or call centers.
- ICT Department in the Philippines is responsible for the planning, development,
and promotion of the country’s information and communications technologies
”ICT” agenda in support of national development.

World Wide Web

- An information system on the internet that allows documents to be connected to

other documents by hypertext links, enabling the user to search for information
by moving from one document to another.
- Is an information space where documents and other web resources are
identified by URL’s, interlinked by hypertext links, and can be accessed via the
internet.
- Invented by Tim-Berners lee.
Web Pages

- Web page is a hypertext document connected to the World Wide Web.

- It id a document that is suitable for the world wide web

Websites

- A location connected to the internet that maintains one or more pages on the
World Wide Web.
- It is a related collection of World Wide Web(WWW) files that includes a
beginning file called home page.

Web Browser

- It displays as a web page on a monitor or mobile device.

- Is a software application for retrieving, presenting, and traversing information
on the world wide web.

Static Web pages

- Static is web 1.0

- Dynamic web 2.0, 3.0.
- Static web page is known as flat page or stationary page in the sense that the
page is “as is” and cannot be manipulated by the user.
- The content is also the same for all users that is referred to ad Web 1.0.

Dynamic Web pages

- Web 2.0 is the evolution of web 1.0 by adding dynamic web pages.
- The user able to see websites differently than others e.g social networking sites,
wikis, video sharing sites.
- Web 2.0 allows user to interact with the page, the user may be able to comment
or create a user account.
- Most websites that we visit today are Web 2.0.

Static vs. Dynamic Web page

- “Static “means unchanged or constant, while “dynamic” means changing or

lively.
- A static is one that is usually written in plain HTML and what is in the code of the
page is what is displayed to the user. A dynamic site is one what is written using
a server-side scripting language such as PHP,ASP,JSP or ColdFusion.
-
Features of Web 2.0

1. Folksonomy – allows the user to categorize and classify information using freely
chosen keywords.
Ex. tagging by facebook, twitter, use tags that start with the pound sign#, referred to
as hashtag.
2. Rich User Experience – content is dynamic and is responsive to users input.
3. User Participation – the owner of the website is not the only one who is able to put
content. Others are able to place content on their own by means of comments,
reviews, and evaluation.
Ex. Lazada.com, amazon.com
4. Long Tail – services that are offered on demand rather than on a one-time
purchase. This is synonymous to subscribing a data plan that charge you for a
amount of time you spent in the internet, or a data plan that charges you for the
amount of bandwidth you used.
5. Software as a Service –users will be subscribe than purchasing the.
Ex. Google docs used to create and edit word processing and spread sheet.
6. Mass participation – diverse information sharing through universal web access.
Web 2.0’s content is based on people from various cultures.

Web 3.0 and Semantic Web

- Semantic Web is a movement led by the World Web Consortium(W3C).

- The W3C standard encourages web developer to include semantic content in
their web pages.
- Semantic web is a component of Web 3.0.
- Semantic web provides a common framework that allows data to be shared and
reused across application, enterprise, and community boundaries.
- The aim of Web 3.0 is to have machines or servers to understand the user’s
preferences to be able to deliver web content specifically targeting the user.

Problems with Web 3.0

 Compatibility
 Security
 Vastness
 Vagueness
 Logic
Trends in ICT

1. Convergence – is the synergy of technological advancement to work on a similar

goal or task.
2. Social media – is a website that enables web user to create, co-create, discuss,
modify, and exchange user-generated content. It started together with the Web 2.0
and are used in communicating and socializing with other in virtual communities
and network.

Virality
- it is defined as the rate of reposting or sharing of photos, pieces of information,
or ideas published in one’s social media or page.
- It is the measurement of the effectiveness of social media application.

Six Tyoes of Social Media

1. Social Network – these are the sites that allows you to connect with
other people with the same interest or background. (Fb and Google)
2. Bookmarking Sites – these are sites that allow you to store and manage
links to various website and resources. (Stumbleupon and Pinterest)
3. Social news – these are the sites that allow user to post their own news
items and links to other news resources. (reddit and Digg)
4. Media Sharing – these are sites that allow you to upload and share media
content like images, music, and video. (Flicker, YouTube, Instagram)
 5. Microblogging – these are sites that focus on short updates from the
user. Those subscribed to the user will be able to receive updates.
(Twitter, Plurk)

6. Blogs and Forum – these websites allows user s to post their content.
Other users are able on their comment on the said topic. (WorldPress and
Tumlr)

3. Mobile Technologies – popularity of smartphones and tablets. Latest mobile

devices use 4g Networking LTE, which is currently the fastest mobile network.
Mobile devices use different operating system.

4. Assistive media - is non-profit service designed to help people who have visual
and reading impartments. A data base of audio recordings is used to read to the
user.

ONLINE DAFETY AND SECURITY

Internet Threats:

1. Malware – stands for malicious software

Types: virus, worm, trojan, spyware, adware
2. Spam – unwanted email mostly from bots or advertisers. It can be used to send
malware
3. Phishing – its goal is to acquire sensitive personal information like passwords and
credit card details.

Copyright Infringement
If you create something-an idea, an invention, a form of literary work, or a research,
you have the right of how it should be used by others. This is called intellectual
property.

Why is netiquette important?

It establishes good behavior while on the Net.
Remember… There is a real person on the other end of your message.
Rule no. 1: Remember the Human
- The golden rule “Do unto others as you would have them unto you”
- Stand for yourself, but don’t hurt others’ feeling
- Put yourself in their shoes
- Comments online can be misinterpreted.
~avoid sarcasm
~use smiley if you think your comment may be misunderstood as being rude.
- Ask yourself, Would I day this to his/her.
If the answer is no, then rewrite and reread.
- Remember – Your chats can be saved and emails can be forwarded. You never
know where your conversation may end up.

Rule no.2: Follow the same rules online that you follow in real life

- Be ethical
~just because the computer can seem like a “barrier” between you and other
persons or situation, that is not an excuse to lower your ethical standards.
- Breaking the law is bad netiquette
~if you are tempted to do something illegal in cyberspace, chances are, it’s bad
netiquette.

Rule no. 3: Know where you are in cyberspace

- Netiquette varies from domain to domain

~ For example, on a TV series discussion board (such as what’s happening next
on an MTV show.), it may be perfectly fine to “gossip” about what you favorite
character will do next
~However, on a sports column, spreading rumors about the writer or a
particular player may make you very popular.
- So… Lurk before you leap
~if you are interested in contributing your opinion to a message board or
discussion forum, first get a sense of how people act. Then go ahead and
participate.

Rule no.4: Respect other’s people’s time and bandwidth

- When you send someone email forwards, you are taking up some of their time.
Make sure the person you’re emailing wants your forwards.
- Ensure that you don’t send email forwards to anyone’s work email address.
Always pass along to someone’s personal email account(not their work account).
- Above all, make sure you aren’t wasting the other person’s time. Imagine getting
a bunch a junk email from your cousin and how frustrated you’d be that it
wasted your time!.
- Bandwidth is the information-carrying capacity of the wire and channels that
connect everyone in cyberspace.
- Respect other’s bandwidth.

Rule no.5: Make yourself look good online

- Take advantage of your anonymity
~Networks, particularly discussion boards, allow you to reach out to someone
you would’ve otherwise not known.
~None of them can see you! You won’t be judged by the way you look, the color
of your skin, the way you talk, etc.
~However, you will be judged on the quality of your writing.
~Spelling and grammar do matter! You don’t want to appear dumb or look like
you don’t know what you’re talking about.
- Be pleasant and polite
- Don’t use offensive language
- Don’t be confrontational just for the sake of confrontation!

Rule no.6: Share expert knowledge

- The strength of cyberspace is in its numbers. The reason asking online works is a
lot of knowledgeable people are reading the questions
- The internet was founded and grew because scientists wanted to share
information. Gradually, the rest of us joined in.
- So, do your part! You have something offer; don’t be afraid to share what you
know.
- Just make sure you’re right-remember Rule no.5.

Rule no. 7: Help keep flame wars under control

- Flaming – what people do when they express a strongly held opinion without
holding back any emotion.
- Yes, sometimes flaming and be amusing, but when it goes on and on and on, it is
unfair to other members of the group. They can get boring fast!
- So, try to settle an “e-pal” down if they are involved in flaming. Do your part to
keep it under control.

Rule no. 8: Respect other people’s privacy

- You’d never go through your friend’s deck drawer, so don’t read their email
either.
 - Don’t SNOOP!
- It could cost you a friendship or your job in the long run.
- Put yourself in their shoes-You wouldn’t want anyone reading your email, would
you.

Rule no.9: Don’t abuse your power

- when using the library (or anyone’s) computer, you may have the administrative
rights to download program or other things online.
- Make sure to get permission before you do so… recklessly downloading a ton of
programs can lead to security issues such as viruses or worms.
- Don’t abuse your power

Rule no. 10: Be forgiving of others people’s mistake

- Occasionally, you may come into contact with “web newbies”.They may
~Make spelling wrong
~Begin flame wars
~Ask silly question
~Or given an unnecessarily long answer
- Remember to BE KIND
- If you decide to point someone’s mistake. Do it politely, and preferably by
personal message, rather in public.
- Remember… you were as once too.

IMAGING AND DESIGN FOR ONLINE ENBIRONMENT

Google has a lot more sites in its index.

BASIC PRINCIPLES OF GRAPICHS AND LAYOUT

1. Balance – a distribution of visual weight on either side of vertical axis.

Symmetrical balance uses the same characteristics. Asymmetrical uses different
but equally features.
2. Contrast – the arrangement of opposite elements in acompositions so as to create
visual interest.
~light vs dark
~rough vs smooth
~small vs large
3. Emphasis – used to make certain parts of artwork stand out. It creates the enter in
which an Artist draw your eye first.
4. Movement – how the eye move through composition;
-leading the attention if the viewer from one aspect of the work to another
-can create the illusion of action.
5. Pattern – the repetition of specific visual elements such as a unit of shape or form. A
method to organize surfaces on a consistent regular manner.
6. Rhythm – regular repetition of, or alternation in elements to create cohesiveness
and interest.
-cohesiveness- the quality of sticking together =, or of causing things to stick
together.
7. Proportion – visual elements create a sense of unity where they relate well with
one another
8. Variety – this uses several design elements to draw a viewer’s attention
9. Alignment – it helps create a sharp, ordered appearance by ensuring the elements
have pleasing connection with one another.
10. Proximity – is also helpful in creating organization on a page, since similar oelate
elements should be grouped together to create a relationship between them