Documente Academic
Documente Profesional
Documente Cultură
INTRODUCTION TO
INFORMATION AND
COMMUNICATIONS
TECHNOLOGY
1|Page
ICT: An Introduction
You wake up in the morning and search for your smartphone to read messages
and check for Facebook updates. As you go out of your room, you see your father
watching news from your flat-screen television. You also see your younger sister
watching a video she downloaded into her tablet. Your mother, meanwhile, is
preparing a meal using a recipe she just saw in Youtube. When you arrive in
school, you see almost everyone busy with their smartphones, either playing a
newly downloaded online game or updating their blogs. You, along with almost
everyone around you, are drawn towards a thing or two in today's
technological trends.
It is important to stay updated with knowledge of the trends we are going along
with, especially given that we are dealing with gadgets and electronic tools
throughout our lives. To be able to do that, we must know which specific tool to
use to assist us in gathering this information. These tools may come as a hardware
device or simply an application sitting in your desktop or laptop computers. As for
software, we also need to know how to use some of the advanced applications
since we are dealing with them most of the time either as a student or as a
professional. For example, you need to finish your homework using your
spreadsheet (e.g., Microsoft Excel), but you are having a hard time determining
the formula to use to obtain the correct result. One more instance is when you do
your research for your thesis using online resources; however, it is already taking
you hours searching for the the article you need.
ICT is an acronym for Information and Communications Technology. A good
way to think about ICT is to consider the use of technology, which enables
individuals, businesses and organizations to use digital information. ICT covers
any product that will store, retrieve, manipulate, transmit or receive information
electronically in a digital form. This covers areas under education, banking,
healthcare, government, business, and so many branches that we can think.
2|Page
1.1 Current State of ICT Technologies
COMPONENTS OF ICT
Cloud Computing
Software
Hardware
Transactions
Communication Technology
Data
Internet Access
Cloud Computing
3|Page
1.1.1.1 Elements and Tools of Web 2.0
Elements of Web 2.0
Wikis: Websites that enable users to contribute, collaborate and edit site
content.
The increasing common web apps and cloud computing rather than locally-
installed programs and services.
Mobile computing: Smart Phones, Tablets and any device in readily
accessible Wi-Fi networks.
Mash-ups: Web pages or applications that integrate complementary
elements from two or more sources.
Social networking: Facebook, Twitter, LinkedIn and Google+.
User-generated content (UGC): Websites for Writing, Editing images, audio
and video content.
Social media are Web 2.0 tools allowing people to interact with one another
exchange information, career interests, ideas, and pictures/videos in virtual
communities and networks. A more detailed discussion of this is illustrated on
Module 1.1.3.
This technology lets users organize their access to the web sites by storing the
preferred sites that have been recently accessed, and then maybe accessed later
on. Web sites dedicated to social bookmarking, such as Flickr and del.icio.us,
provide users with a place to store, categorize, annotate and share favorite Web
pages and files.
Unlike file sharing, social bookmarking does not save the resources themselves,
merely bookmarks that reference them, i.e., a link to the bookmarked page.
Descriptions may be added to these bookmarks in the form of metadata, so users
may understand the content of the resource without first needing to download it for
themselves.
4|Page
CiteULike is a web service which
CiteULike http://www.citeulike.org/ allows users to save and share
citations to academic papers.
Google
https://www.google.com/bookmarks Bookmarking service by Google
Bookmarks
5|Page
Users submit content in the form of
Reddit https://www.reddit.com/ either a link or a text ("self") post.
Links and content can be voted on.
Educational tools. There are two types of educational tools under Web
2.0. Electronic portfolios (also referred to as ePortfolios or Webfolios) are
gaining recognition as a valuable tool for learners. It is practically a storage
medium for individuals who wish to store learned information. Learning
Management Systems (LMS), however, is faculty-centered type of application
that is focused on providing tools for students to learn and be assessed with.
6|Page
LMS is owned by the institution to where it is currently being implemented while
the ePortfolio is owned by the learner. As it is more popular and common today,
LMS will be discussed further and will be the main topic on Module 1.1.4.1.
Ofoto Flickr
Akamai BitTorrent
mp3.com Napster
7|Page
domain name speculation search engine optimization
publishing participation
stickiness syndication
Adobe Flash
This is the plug-in on browsers used for delivering high-impact, rich Web content.
Designs, animation, and application user interfaces are deployed immediately
across all browsers and platforms, attracting and engaging users with a rich Web
experience.1
Microsoft Silverlight
JavaScript
JavaScript is the programming language of HTML and the Web used to define the
behavior of web pages.3 An instance of this is a new window being displayed after
clicking an image, text shown in marquee mode (string of text displayed moving
from left to right and vice versa), or a control being in and out of visibility. A more
simple library used by programmers, which is jquery, is also used to ease up the
content of code as it is already commercially free and available.
8|Page
1.1.2 The future of Web 2.0: Web 3.0
Web enthusiasts believe that the Web 2.0 is just one phase that transformed World
Wide Web into a newer and more established phase they call Web 3.0, also known
as the Semantic Web.
Tim Berners-Lee, founder of WWW, suggested that the Web can still be improved
as a whole in a more intuitive manner to serve the needs of the Internet users
better. Berners-Lee noticed that users are unable to clearly choose the site that
they need as multiple ones are being shown and indexed after entering the
keywords in the search engine. He then suggests developers and authors, singly
or in collaboration, to utilize self-descriptions to inform users of all suggested sites
to lessen users' struggle in searching for the correct information. Web 3.0 will
involve the publishing of web resources in languages intended for data (such as
XML, RDF, OWL and XHTML) to supplement them with metadata that will allow
software to analyze, classify and deliver content for more personal relevance. The
Semantic Annotations for Web Services group at W3C is defining the
specifications for the Web 3.0.
The evolution of Web 1.0 to 2.0 up until 3.0 which is where we are now is discussed
in the link below.
https://www.youtube.com/watch?v=A5d61xYzdv0
Broadband adoption
Mobile Internet access
Mobile devices
Network Computing
9|Page
Open Technologies
Open Identity
10 | P a g e
Figure 1.1.2.2a Elements of Ubiquitous Systems1
is the area of scientific research and development that explores the roles and
makes use of artificial intelligence and information technology for new products,
services and frameworks that are empowered by the World Wide Web
The threshold of the third-generation Web will have been crossed in 2007. At this
juncture, the focus of innovation will start to shift back from front-end improvements
towards back-end infrastructure level upgrades to the Web. This cycle will continue
for five to ten years, and will result in making the Web more connected, more open,
and more intelligent. It will transform the Web from a network of separately siloed
applications and content repositories to a more seamless and interoperable whole.
Because the focus of the third-generation Web is quite different from that of Web
2.0, this new generation of the Web probably does deserve its own name. In
keeping with the naming convention established by labeling the second generation
of the Web as Web 2.0, this third-generation of the Web could be called Web 3.0.
11 | P a g e
websites and applications that enable users to create and share content or to
participate in social networking. And also merely a collection of communication
channels accessed through the Web and mobile applications with the purpose
of allowing users to interact, collaborate, and exchange information, interests,
ideas, and any visual representation with another user in a Web-based community.
Social networking sites, like Facebook, also use a microblogging feature in profiles.
On Facebook, this is called "Status Updates". Bloggers can usually use a number
of service for the updates including instant messaging, e-mail, or Twitter.
micro- own
Tout Tout 2010-04 proprietary Yes Yes
blogging TOS
There are at least tens of thousands of other wikis in use, both public and private,
including wikis functioning as knowledge management resources, notetaking tools,
community websites and intranets. Ward Cunningham developed the first wiki
software, WikiWikiWeb, originally described it as "the simplest online database that
could possibly work". The encyclopedia project Wikipediais by far the most
popular wiki-based website as of today, and is in fact one of the most widely viewed
sites of any kind of the world, having been ranked in the top ten since 2007. The
12 | P a g e
table below shows a list of other wikis and the notes signifying the functions of
these sites.2
Baidu Encyclopedic/C
A Chinese encyclopedia Copyrighted
Baike hinese
Baike.co
Largest Chinese wiki. Social
m (互动 Encyclopedic networking features. Chinese Copyrighted
百科) language only
A Spanish
Base de Encyclopedic/S
language encyclopedia, with own Copyrighted/Other
datos panish
wiki software.
non-profit
Connect funded and maintained by Meyer GNU Free
organizations a Documentation
ipedia Memorial Trust. Runs on Wagn
nd foundations License and a
13 | P a g e
Name Focus Notes License
Creative Commons
License
Environmental
Ekopedi Multilingual—
sustainability merging with CC BY-SA 3.0
a Encyclopedic
Appropedia.
Encyclo
pedia of
Mathematics CC BY-SA 3.0
Mathem
atics
Family
Reference information and
History Genealogy
research guidance. In 11 CC BY-SA 3.0 US
Researc research
languages.
h Wiki
Familyp
Genealogy Family trees and history CC BY-SA
edia
Creative Commons
Gardeno Meant as a "complete plant and
Gardening Attribution
logy.org garden wiki encyclopedia"
ShareAlike
14 | P a g e
Name Focus Notes License
Internati
onal
Music A wiki library of public
Music GFDL
Score domain musical scores
Library
Project
A multi-
JurisPed Government— lingual academic encyclopedia,
CC-NC
ia Law including Arabic, Chinese, Englis
h, French, German and Spanish
Mostly copyrighted.
LyricWik
Music—Lyrics A listing of lyrics by album CC BY-SA for
i
minority of content.
Misc—
MyWikiB Allows people and enterprises to
Business GFDL and other[23]
iz write about themselves
directory
15 | P a g e
Name Focus Notes License
Written exclusively by
Scholar professionals focusing on their
Encyclopedic Copyrighted
pedia field of expertise; subject to peer
review
16 | P a g e
Name Focus Notes License
Wikiboo General—
A Wikimedia project CC BY-SA/other
ks textbooks
Wikimed
Misc—
ia A repository of free electronic CC BY-SA and
Electronic
Commo media; a Wikimedia project other
media
ns
17 | P a g e
Name Focus Notes License
Places—Great
Wikishir Gazetteer and interactive
Britainand Irela CC BY-SA 3.0
e map of Great Britain and Ireland
nd
18 | P a g e
Name Focus Notes License
Computer
WikiWiki programming, World's oldest wiki (began circa
GPL
Web specifically desi 1995)
gn patterns
Assistive Media
Assistive media is an Internet-based audio reading service for people with reading
impairments. This opens unique avenue of accessibility for said individuals with
visual, cognitive, and communication disabilities. History dates back 1996 when
David Erdody researched the availability of accessible audio-based reading
materials for his father Kenneth Harmon Erdody who is suffering from diabetic
retinopathy. Soon after, he discovered that less than 5% of U.S. publications were
provided in an alternative audio format.
The succeeding modules describe and discuss ICT tools focusing on education.
19 | P a g e
1.1.4.3 Conferencing Applications
Software Applications that can be use to contact more Person in One Device.
Messenger
Skype
Facebook Live
Avaya Phones
How Does Data Compression Work?
The camera and microphone capture analog video and audio signals from
a video conference. These data are a continuous wave of amplitudes and
frequencies representing sounds, color shades, depth and brightness.
How Does the Data Transfer Work?
Once digitally compressed, the video and audio data can be transmitted
over a digital network.
Data is sent to the other participant’s video conferencing system and then
decompressed and translated back into analog video images and audio
sounds.
The Risks
Cyber bullying
Cyber stalking
Identity Theft
Sexting
Making ‘friends’
20 | P a g e
Online grooming
Spam
Phishing
Viruses/Adware/Malware/Worm
Virus
Adware
Malware
Worm
Ignoring Updates
Easy to Guess Password
Dodgy Downloads(Torrent Sites)
Dodgy Emails
No Anti-Virus Software
Bad Software(Cracked Software)
Fall for Scams
21 | P a g e
How to Prevent
Use a firewall
Install antivirus software
Using of Proxy Websites
VPN to Hide IP
Incognito
Tor Browser (Diving Deep Web)
Cover your webcam if you have one
Install an anti-spyware package
Use complex passwords
Ignore spam
Back up your computer
Use encryption
Secure your network
Use encryption
1.2.3 Cybersecurity
What is Cybersecurity?
The connected electronic information network has become an integral part of our
daily lives. All types of organizations, such as medical, financial, and education
institutions, use this network to operate effectively. They utilize the network by
collecting, processing, storing, and sharing vast amounts of digital information. As
more digital information is gathered and shared, the protection of this information
is becoming even more vital to our national security and economic stability.
Cybersecurity is the ongoing effort to protect these networked systems and all of
the data from unauthorized use or harm. On a personal level, you need to
safeguard your identity, your data, and your computing devices. At the corporate
level, it is everyone’s responsibility to protect the organization’s reputation, data,
and customers. At the state level, national security, and the safety and well-being
of the citizens are at stake.
Cyber threats
Your online credentials are valuable. These credentials give the thieves access to
your accounts, which in turn will give them access to the money you store in your
accounts. A criminal could also take advantage of your relationships. They could
access your online accounts and your reputation to trick you into wiring money to
your friends or family. This trick which is coined as social engineering allows
criminal to send messages stating that your family or friends need you to wire them
money so they can get home from abroad after losing their wallets. This technique
22 | P a g e
is also used by these criminals to manipulate people into making them think they
are closed friends, but they actually have hidden intentions behind this.
The criminals are very imaginative when they are trying to trick you into giving them
money. They do not just steal your money; they could also steal your identity and
ruin your life.
There are two types of security threats. Attacks originating from within an
organization or from outside of the organization is known as an internal threat. An
internal user, such as an employee or contract partner, can accidentally or
intentionally mishandle confidential data, threaten the operations of internal
servers or network infrastructure devices, facilitate outside attacks by connecting
infected USB media into the corporate computer system, accidentally invite
malware onto the network through malicious email or websites. When the
mentioned attacks is done from the outside the facility, this is considered to be
an external threats. Internal threats also have the potential to cause greater
damage than external threats, because internal users have direct access to the
building and its infrastructure devices. Employees also have knowledge of the
corporate network, its resources, and its confidential data, as well as different
levels of user or administrative privileges.
Types of Attackers
Attackers are individuals or groups who attempt to exploit vulnerability for personal
or financial gain. Attackers are interested in everything, from credit cards to product
designs and anything with value.
Amateurs – These people are sometimes called Script Kiddies. They are usually
attackers with little or no skill, often using existing tools or instructions found on the
Internet to launch attacks. Some of them are just curious, while others are trying
to demonstrate their skills and cause harm. They may be using basic tools, but the
results can still be devastating.
Hackers – This group of attackers break into computers or networks to gain
access. Depending on the intent of the break-in, these attackers are classified
as white, gray, or black hats. The white hat attackers break into networks or
computer systems to discover weaknesses so that the security of these systems
can be improved. These break-ins are done with prior permission and any results
are reported back to the owner. On the other hand, black hat attackers take
advantage of any vulnerability for illegal personal, financial or political gain. Gray
hat attackers are somewhere between white and black hat attackers. The gray hat
attackers may find a vulnerability in a system. Gray hat hackers may report the
vulnerability to the owners of the system if that action coincides with their agenda.
Some gray hat hackers publish the facts about the vulnerability on the Internet so
that other attackers can exploit it.
23 | P a g e
Organized Hackers – These hackers include organizations of cyber criminals,
hacktivists, terrorists, and state-sponsored hackers. Cyber criminals are usually
groups of professional criminals focused on control, power, and wealth. The
criminals are highly sophisticated and organized, and they may even provide
cybercrime as a service to other criminals. Hacktivists make political statements to
create awareness to issues that are important to them. State-sponsored attackers
gather intelligence or commit sabotage on behalf of their government. These
attackers are usually highly trained and well-funded, and their attacks are focused
on specific goals that are beneficial to their government.
24 | P a g e
You do not even have to be an employee to be subject to cybersecurity laws. In
your private life, you may have the opportunity and skills to hack another person’s
computer or network. There is an old saying, “Just because you can does not mean
you should.” Keep this in mind. Most hackers leave tracks, whether they know it or
not, and these tracks can be followed back to the hacker.
Cybersecurity professionals develop many skills which can be used for good or
evil. Those who use their skills within the legal system, to protect infrastructure,
networks, and privacy are always in high demand.
Corporate Legal Issues
Most countries have some cybersecurity laws in place. They may have to do with
critical infrastructure, networks, and corporate and individual privacy. Businesses
are required to abide by these laws.
In some cases, if you break cybersecurity laws while doing your job, it is the
company that may be punished and you could lose your job. In other cases, you
could be prosecuted, fined, and possibly sentenced.
In general, if you are confused about whether an action or behavior might be illegal,
assume that it is illegal and do not do it. Your company may have a legal
department or someone in the human resources department who can answer your
questions before you do something illegal.
International Law and Cybersecurity
The area of cybersecurity law is much newer than cybersecurity itself. As
mentioned before, most countries have some laws in place, and there will be more
laws to come.
International cybersecurity law is still quite new. The International Multilateral
Partnership Against Cyber Threats (IMPACT) is the first, international public-
private partnership that is focused on cyber threats. IMPACT is a global
partnership of world governments, industries, and academia dedicated to
improving global capabilities when dealing with cyber threats.
What is Cyberwarfare?
Cyberspace has become another important dimension of warfare, where nations
can carry out conflicts without the clashes of traditional troops and machines. This
allows countries with minimal military presence to be as strong as other nations in
cyberspace. Cyberwarfare is an Internet-based conflict that involves the
penetration of computer systems and networks of other nations. These attackers
have the resources and expertise to launch massive Internet-based attacks
against other nations to cause damage or disrupt services, such as shutting down
a power grid.
25 | P a g e
An example of a state-sponsored attack involved the Stuxnet malware that was
designed to damage Iran’s nuclear enrichment plant. Stuxnet malware did not
hijack targeted computers to steal information. It was designed to damage physical
equipment that was controlled by computers, and used modular coding that was
programmed to perform a specific task within the malware. It used stolen digital
certificates so the attack appeared legitimate to the system.
Furthermore, compromised sensitive data can give the attackers the ability to
blackmail personnel within the government. The information may allow an attacker
to pretend to be an authorized user to access sensitive information or equipment.
If the government cannot defend against the cyberattacks, the citizens may lose
confidence in the government’s ability to protect them. Cyberwarfare can
destabilize a nation, disrupt commerce, and affect the citizens’ faith in their
government without ever physically invading the targeted nation.
26 | P a g e
employees. Furthermore, employees should receive training to understand the
best practices in safeguarding sensitive information to protect themselves and the
company from attacks. Methods to ensure confidentiality include data encryption,
username ID and password, two factor authentication, and minimizing exposure of
sensitive information.
Integrity
Integrity is accuracy, consistency, and trustworthiness of the data during its entire
life cycle. Data must be unaltered during transit and is not changed by
unauthorized entities. File permissions and user access control can prevent
unauthorized access. Version control can be used to prevent accidental changes
by authorized users. Backups must be available to restore any corrupted data, and
checksum hashing can be used to verify integrity of the data during transfer.
A checksum is used to verify the integrity of files, or strings of characters, after they
have been transferred from one device to another across your local network or the
Internet. Checksums are calculated with hash functions. Some of the common
checksums are MD5, SHA-1, SHA-256, and SHA-512. A hash function uses a
mathematical algorithm to transform the data into fixed-length value that
represents the data. The hashed value is simply there for comparison. From the
hashed value, the original data cannot be retrieved directly. For example, if you
forgot your password, your password cannot be recovered from the hashed value.
The password must be reset.
Availability
Availability is best ensured by rigorously maintaining all hardware, performing
hardware repairs immediately when needed and maintaining a correctly
functioning operating system environment that is free of software conflicts. It’s also
important to keep current with all necessary system upgrades. Providing adequate
communication bandwidth and preventing the occurrence of bottlenecks are
equally important. Redundancy, failover, RAID even high-availability clusters can
mitigate serious consequences when hardware issues do occur. Fast and adaptive
disaster recovery is essential for the worst case scenarios; that capacity is reliant
on the existence of a comprehensive disaster recovery plan (DRP). Safeguards
against data loss or interruptions in connections must include unpredictable events
such as natural disasters and fire. To prevent data loss from such occurrences, a
backup copy may be stored in a geographically-isolated location, perhaps even in
a fireproof, waterproof safe. Extra security equipment or software such as firewalls
and proxy servers can guard against downtime and unreachable data due to
malicious actions such as denial-of-service (DoS) attacks and network intrusions.
27 | P a g e
One should always secure their system from malware attacks. The following steps
are recommendations for cybersecurity.
Ensure that your operating system is up to date. This means that you must
regularly apply the most recent patches and fixes that is recommended by the
OS vendor.
Install an anti-virus software in your PC's. Also, assure that they are always
updated. This can prevent threats like viruses, Trojan horses and malwares
from causing damage into your system. The installed software should be email
to scan e-mail and files as they are downloaded from the Internet or transferred
from external media.
Firewall should always be enabled. A firewall is a set of related programs,
located at a network gateway server, that protects the resources of a private
network from users from other networks.1
Assure that the file to be downloaded is safe. Emails usually have attached
files which may tend to be unsafe as it may contain viruses and Trojan horses.
Assure that your mailing site has anti-virus extensions enabled. In addition,
download attachments only from known trusted senders (and at least verify
from the sender if he has really sent an email or not).
Be cautious accepting or agreeing to prompts. When prompted to install
any program or add-on, make sure to read and understand the agreement
before clicking on the Ok button. If you do not understand the agreement or
feel it is not necessary to install the program, cancel or close the
window. Additionally, when installing any program, watch for any check
box that asks if it's ok to install a third-party program, toolbar, etc. These are
never required and often cause more issues than good. Leave these boxes
unchecked.
28 | P a g e
will totally be erased once the user closes the browser. However, keep in mind
that browser needs to be closed after using it; its feature will be meaningless if
the device is left opened while you are still logged in.
You should take care when choosing a username or alias for your online
identity. The username should not include any personal information. It should
be something appropriate and respectful. This username should not lead
strangers to think you are an easy target for cybercrimes or unwanted attention.
Choose your passwords wisely. As much as possible, choose a password
with a combination of uppercase, lowercase, numeric, and special characters.
Never use passwords that will include any personal information like your
birthday or full name. In addition, never store them in a way that is accessible
by anyone.
Be careful when sharing documents, pictures, and other online resources
via blogs or emails.Once files are downloaded from a public computer shop,
make sure that the files are removed from the system before leaving your
terminal.
Be aware of shoulder surfing. This is an act of looking "past your shoulder"
anything that you are typing from the keyboard or on your cellular phones and
tablets without you noticing.
Verify data is encrypted. When sending confidential information over the
Internet, such as usernames, passwords, or credit card numbers, only send it
securely. To verify this, look for a small lock in the bottom right corner of
your browser window or next to the address bar. If visible, this lock should also
be in the locked position and not unlocked. We also suggest making sure
the URL begins with https. While the lock is in the locked position, data
is encrypted, which helps anyone from understanding the data if it's
intercepted. When no lock is visible or in the unlocked position, all information
is plaintext and could be read if intercepted. If a web page is not secure, such
as an online forum, use a password you wouldn't use with protected sites, such
as your online banking website.
Be aware of social engineering. This is a psychological manipulation of
people into tricking other people until the victim divulge into sharing confidential
information.
Use two-factor authentication if it is available. Two-factor
authentication adds additional protection by requiring an additional step in
verifying a login. Typically with two-factor authentication, after verifying your
password, if the service does not recognize your computer, it sends your phone
a text message with a verification code. If someone had your password but did
not have your phone, even with a valid password, they cannot access your
account.
When connecting via Wi-Fi, log on to a secure network using WEP or
WPA; this may prevent nearby users from intercepting and reading information
that has been sent to and from your PC.
29 | P a g e
1.2.5 Netiquette and Internet Chat Rooms
Netiquette, a colloquial term for network etiquette or Internet etiquette, is a set of
social conventions that facilitate interaction over networks. Interaction may be in
the form of:
1. Email
2. Chat rooms
This is the quickest way of sending a message to the recipient and are usually
embedded in most blog sites. It also shows the status of the receiver which will
give you a hint if he is available to read the message or not. The receiver may reply
immediately to the message as though he/she is conversing with the other in a
telephone.
30 | P a g e
3. Usenet
Usenet is a bulletin-type of service containing newsgroups where the users can
post messages and these posted messages are distributed via Usenet servers.
The messages posted will last only for a limited amount of time known as retention
time. Usenet users currently logged in may be able to see and reply to any of the
posts given the same channel. Some Usenet providers also allow users to
upload/download files from the site.
Like the network itself, these developing norms remain in a state of flux and vary
from community to community.The points most strongly emphasized about
netiquette often include:
using simple electronic signatures; this can be done in the settings of the
mailing site.
avoiding multiposting, cross-posting, off-topic posting, hijacking a discussion
thread, and other techniques used to minimize the effort required to read a post
or a thread.
use of unabbreviated English while users of instant messaging protocols like
SMS occasionally encourage just the opposite, bolstering use of SMS
language. However, many online communities frown upon this practice.
avoid flamewars and spam
avoid typing in all caps or grossly enlarging script for emphasis, which is
considered to be the equivalent of shouting or yelling.
Other commonly shared points, such as remembering that one's posts are (or
can easily be made) public, are generally intuitively understood by publishers
of Web pages and posters to Usenet, although this rule is somewhat flexible
depending on the environment. On more private protocols, however, such as
e-mail and SMS, some users take the privacy of their posts for granted. One-
on-one communications, such as private messages on chat forums and direct
SMSs, may be considered more private than other such protocols, but
infamous breaches surround even these relatively private media.
Beyond matters of basic courtesy and privacy, e-mail syntax (defined by RFC
2822) allows for different types of recipients. The primary recipient, defined by
the To: line, can reasonably be expected to respond, but recipients of carbon
copies cannot be, although they still might. Likewise, misuse of the CC:
functions in lieu of traditional mailing lists can result in serious technical issues.
31 | P a g e
Rule 4: Respect other people's time and bandwidth
Rule 5: Make yourself look good online
Rule 6: Share expert knowledge
Rule 7: Help keep flame wars under control
Rule 8: Respect other people's privacy
Rule 9: Don't abuse your power
Rule 10: Be forgiving of other people's mistakes
The easiest way for students to perform their research is to do it online. The
following six strategies can help online students produce stronger research1.
2. Consider that when in doubt, it's wiser to over-cite sources than risk
plagiarism: Many learning management systems employ plagiarismdetection
features that flag suspicious language for the instructor to further investigate.
It’s best to provide citations or quote phrases taken from Internet sources;
online students can use free plagiarism checkers such
as PlagScan or Turnitin to ensure an assignment complies.
32 | P a g e
3. Use Google and Wikipedia at the beginning of a research process, not the
end: The first few pages of search engine results are generally the most
popular and commercial information sources, which aren't necessarily the most
scholarly or authoritative. It's best to think of Wikipedia as a table of contents
of popular sources about an idea rather than the single most definitive source.
The links at the bottom of a Wikipedia entry are useful jumping-off points.
4. Don't think that the Web is your only source of information: Online students
can access premium databases that are not available to the public such
as ProQuest, EBSCO, JSTOR, Naxos and Elsevier. These databases contain
electronic access to published journals, magazines, newspapers, books,
reports, documents, dissertations, image collections, films, videos, curated
archives and audio recordings. The difference between searching these
collections and the entire web is that these sources are peer-reviewed and
under copyright, and do not contain commercial results.
33 | P a g e
Web Search Engines
Typically, Web search engines work by sending out a spider to fetch as many
documents as possible. Another program, called an indexer, then reads these
documents and creates an index based on the words contained in each document.
Each search engine uses a proprietary algorithmto create its indices such that,
ideally, only meaningful results are returned for each query.
As many website owners rely on search engines to send traffic to their website,
and entire industry has grown around the idea of optimizing Web content to
improve your placement in search engine results.
Common Types of Search Engines
In addition to Web search engines other common types of search engines include
the following:
Local (or offline) Search Engine: Designed to be used for offline PC, CDROM
or LAN searching usage.
Metasearch Engine: A search engine that queries other search engines and
then combines the results that are received from all.
Blog Search Engine: A search engine for the blogosphere. Blog search
engines only index and provide search results from blogs (Web logs).
Google is the world's most popular search engine, with a market share of 67.49
percent as of September, 2015. Bing comes in at second place.
The world's most popular search engines are:
34 | P a g e
1. Select a search engine. At the top of any page on your computer, type the
phrase “search engines” into the Search Bar to attain access to several
different internet sites that specifically aid in searching.
2. Type in whatever you want to search on the allotted text box.
3. Choose a few of the most specific or relevant keywords or phrases to
describe your topic. Utilize synonyms. Generally, capitalization and
punctuation are not needed. Search engines usually disregard minor words
such as "the, and, to, etc.
1. If you are to search for a series of words, the results given to you include
web pages where these words are present. If you wish to be specific with
the sequence of the words as you type them, enclose the words inside
double quotes.
2. Look for the advanced options of the site you are using if you wish to have
a Verbatim search or if you wish to restrict your search according to some
points like dates and mostly viewed links.
4. Click Search or press the Enter key on your keyboard.
5. Assess your results. Search through your list of web pages to pinpoint
information. Click the links of the sites shown to you. Of course, you must be
careful in choosing as some may lead you to cyber threats mentioned before.
35 | P a g e
Module 2:
ADVANCED APPLICATION
TECHNIQUES FOR
PRODUCTIVITY TOOLS
36 | P a g e
2.1 Word Processors
A word processor is a software application that involves composition, modification,
and printing of documents. Typical features of a modern word processor include
font application, spell checking, grammar checking, a built-in thesaurus, automatic
text correction, Web integration, and HTML exporting, among others. In its simplest
form, a word processor is little more than a large expensive Typewriter-like
machine that makes correcting mistakes possible before printing.1
Consider the video below for the brief introduction to word processors.
Word Processing Compared to Using a Typewriter
People used to rely on typewriters to create their documents. Although this is the
fastest way of having a printed document, there are several disadvantages
incorporated into it:
1. You will not be able to make changes without either retyping the entire
document, use liquid eraser to cover up the mistake, or simply overtype the
characters inside.
2. There are cases when the ribbon from the typewriter needs to be replaced.
This turned out to be messy and may result to having untidy documents.
3. Mechanical typewriters only have a single font for formatting.
4. Typewriters do not have spell checkers.
5. Some keys get stuck when they are often pressed too hard.
6. No reproduction available for the same document; what you need to do is go
to a photocopier to have a new copy of the document.
The great advantage of word processing over using a typewriter is that you can
make changes without retyping the entire document. If you make a typing mistake,
you simply back up the cursor and correct your mistake. If you want to delete a
paragraph, you simply remove it, without leaving a trace. It is equally easy to insert
a word, sentence, or paragraph in the middle of a document. Word processors also
make it easy to move sections of text from one place to another within a document,
or between documents. When you have made all the changes you want, you can
send the file to a printer to get a hard copy.
37 | P a g e
far as the individual was concerned was the typewriter. Henry Mill, an English
engineer of the early eighteenth century, is credited with its invention. He was an
English inventor who patented the first typewriter in 1714. The fact that almost
nothing is known about his early version today is evidence of its lack of success.
The evolution of typewriters up to a WYSIWYG (What You See Is What You Get)
typewriter is seen in the table below.
Year Contribution
1867
38 | P a g e
Figure 2.1.1b Selectric typewriter
1976
39 | P a g e
MultiMate used stick-on labels and a large plastic clip-on template to remind
users of its dozens of Wang-like functions, using the shift, alt and ctrl keys
with the 10 IBM function keys and many of the alphabet keys.
Disk programs made it practical to develop packages for use with personal
computers, first made available in completely assembled form in 1977.
1977 Thus the separation of the software from the hardware also opened up the
field to individuals. Word processing is now "one of the most common
general applications for personal computers."
1979
MacWrite, Microsoft Word and other word processing programs for the bit-
mapped Apple Macintosh screen were probably the first true WYSIWYG
1984 word processors to become known to many people until the introduction of
Microsoft Windows. Dedicated word processors eventually became
museum pieces.
40 | P a g e
copy: Allows you to duplicate a section of text.
undo and redo: Allows you to remove the last change done to the document
(undo) and advances the buffer to a more current state (redo). Undo rolls back
the previous action while redo rolls back the previous undo execution.
page size and margins: Allows you to define various page sizes and margins,
and the word processor will automatically readjust the text so that it fits.
search and replace: Allows you to direct the word processor to search for a
particular word or phrase. You can also direct the word processor to replace
one group of characters with another everywhere that the first group appears.
word wrap:The word processor automatically moves to the next line when you
have filled one line with text, and it will readjust text if you change the margins.
print: Allows you to send a document to a printer to get a hard copy.
Advanced Features
Most word processors support additional features that enable you to manipulate
and format documents in more sophisticated ways. These more advanced word
processors are sometimes called full-featured word processors. Full-featured word
processors usually support the following features:
41 | P a g e
spell checker: A utility that allows you to check the spelling of words. It will
highlight any words that it does not recognize. There will be suggestions that
are near to the unrecognized word with difference by either one to two
characters.
tables of contents and indexes: Allows you to automatically create a table of
contents and index based on special codes that you insert in the document.
thesaurus:A built-in thesaurus that allows you to search for synonyms without
leaving the word processor.
windows: Allows you to edit two or more documents at the same time. Each
document appears in a separate window. This is particularly valuable when
working on a large project that consists of several different files.
WYSIWYG (what you see is what you get): With WYSIWYG, a document
appears on the display screen exactly as it will look when printed.
Copying text from other applications (such as from hypertext markup language
[HTML] documents, e-mail messages, or online encyclopedias) and pasting it
into a word-processing document
Scanning printed documents and using optical-character-recognition (OCR)
software to convert the scanned documents into text characters
Using voice-recognition software to convert spoken words into text characters
Text Manipulation
Text manipulation refers to the "processing" part of word processing. Word
processors provide easy methods of deleting, inserting, copying, and moving
individual characters, words, phrases, and paragraphs—even entire pages of
information—with a few clicks of a mouse button or with such keyboard shortcuts
as Ctrl-C to copy, Ctrl-X to cut, and Ctrl-V to paste or insert text.
Text can be automatically checked for spelling and for conformance to basic
grammatical principles as the text is entered and edited.
42 | P a g e
Figure 2.1.2.1a Misspelled word underlined in red which was detected upon
typing
As shown in the image above, the word is underlined in red because the spelling
of the word is incorrect. This automatic detection depends upon the default
language set on the word processor. There is also a green underline usually seen
on words or phrases that are detected to be grammatically incorrect.
The find-and-replace feature in a word processor allows the user to search for
every occurrence of a particular character, word, or phrase within a document. For
the find feature, the located words will be highlighted as shown below. For
the replace feature, the located words are replaced with the new word inputted by
the user.
Figure 2.1.2.1b The word todo is highlighted after searching the word using find-
and-replace feature
43 | P a g e
Most word processors also include automatic correction and automatic formatting
of common errors and mechanical conventions as text is entered from the
keyboard. For example, commonly misspelled words can be automatically
corrected as soon as the misspelled words are entered; two spaces entered after
the end of a sentence can be changed automatically to one space; a lowercase
letter beginning a new sentence can be capitalized automatically. Proper
typographic quotation marks ("smart" or "curly" quote marks—" and ") and
apostrophes (') can be inserted automatically instead of the straight typewriter-
style quotation marks entered from the keyboard. Fractions and other symbols can
be formatted automatically as their keyboard equivalents are entered. For
example, when a fraction for one-half is entered as 1/2, it is changed to the
symbol ½, two hyphens (––) are changed to a long dash (—); and (c) is changed
to ©.
Text Formatting
Word-processing software typically includes "wizards" or "help" features to provide
automated formatting of common business documents. For example, a letter
wizard can assist the user to properly format a business letter, and a
résumé wizard can help the user format a professional-looking résumé.
The most-common formatting tasks are typically performed by the user as a
document is created. Individual character and word formatting includes selection
of type size, type style, and typeface. Size is measured in points, a unit of measure
in which 72 points make up an inch. Typically, 11- or 12-point type is used for basic
business documents. Newsletters, annual reports, and other such "designed"
documents may use type as small as 8 or 9 points for the basic text and as large
as 24, 36, or 48 points (or more) for main titles.
Type styles, such as italics, underline, and bold, are easily selected using
keyboard shortcuts or by selecting them from the basic font menu. Typefaces
(typeface refers to the look or design of the type) are available in thousands of
varieties, including such commonly known faces as Times Roman, Arial, Helvetica,
and Garamond.
Paragraph formatting in word processors are as follows:
1. line spacing, meaning the amount of blank space left between lines of type
(single spacing and double spacing, for example);
2. paragraph spacing (the amount of blank space that precedes or follows each
paragraph);
3. justification (all lines of type made even at both margins, or left uneven or
ragged at the right margin);
4. indentation (such as a first-line indentation at the beginning of each
paragraph).
44 | P a g e
Page and overall-document formatting includes setting margins (typically 1-inch
margins are used on the top, bottom, and both sides of such basic business
documents as letters, reports, and memos), creating columns like those used in a
newspaper or newsletter, and creating headers and footers (information such as
the page number or a chapter title that is repeated at the top or bottom of each
page of a document) like the one shown below.
Figure 2.1.2.1c Example of using headers for the title of the page/s and footers for
filename, page number and date
Most word processors also provide special layout features for formatting outlines,
tables, envelopes, and mailing labels.
Text Output
Once text has been created, edited, and formatted into a finished electronic
document, it must be put into some tangible form or lasting electronic form to be
of practical benefit. That output process usually starts with the saving of the
document on the computer's hard drive, a floppy disk, a CD, or a memory device
such as a flash drive. Saving the document, in fact, is an activity that should take
place frequently during the creation and editing processes to guard against loss
due to problems such as electrical-power failure, computer malfunctions, and
operator error.
45 | P a g e
Printing a document on paper is the most common output method; other output
methods include faxing a document directly from the word processor by use of a
computer modem, sending the document to another person by e-mail,
and converting the word-processing document to various other electronic
formats for online viewing or for eventual printing from other applications. For
example, word-processing documents are frequently converted to HTML for use
as Web pages, to portable document format (PDF) files, and to rich text format
(RTF) files for use in other computer programs (particularly other word-processing
programs).
Styles
Styles are user-created formatting commands that allow great control over
repetitive formatting structures within a document. For example, using a "style" for
each type of heading in a report will ensure consistent formatting of the headings
and will eliminate the need for a user to manually format each heading as it is
created.
46 | P a g e
Macros are stored keystrokes, or sets of editing and formatting commands, that
can be replayed whenever needed. Macros can boost productivity and take much
of the tedium out of repetitive word-processing tasks. Merging is the process of
using lists of such information as names, addresses, phone numbers, product
descriptions or model numbers, and so on to fill in designated fields or blanks in
documents to create mass mailings, address labels, directories, and catalogs.
This macro would be useful if you have several documents to work through, in
each of which you have been asked to change the main heading to bold red text. 2
If you needed to change all the sub-headings to italic blue text, you could set up
another similar macro to do that. Alternatively, you could edit the macro directly by
changing the code in the edit window.
Macros can be used to automate any task within an application program. For
example, they can be used to activate long and complex data manipulations within
a database application, or specialized formatting within any type of document.
Version Control
Version-control features allow a user to track the various stages of editing that a
document may pass through, including versions created by multiple users involved
in the creation and editing of a document. Related features such as the ability to
track changes made in a document enable multiple users to review suggested
document changes and to accept or reject proposed changes.
Automatic References and Indexes
47 | P a g e
Documents that include tables of contents, cross-references, indexes, footnotes,
endnotes, and captions will benefit from the capability of a word processor to
automatically generate and format these items.
1. headers / footers
Headers and footers are typically used in multiple-page documents to display
descriptive information. In addition to page numbers, a header or footer can
contain information such as: The document name, the date and/or time you
created or revised the document, an author name, a graphic, a draft or revision
number.3
This descriptive information can appear in many different combinations. For
example, the second page of a business letter typically contains a header with the
name of the addressee, the page number, and the date. A report can contain a
footer with the report name and a header with the page number and chapter name.
A newsletter can contain a header with a title and logo on the first page and a
footer with the title and page number of the pages that follow. Adjust your headers
and footers via the "Header and Footer" selection on the View dropdown menu on
the Menu toolbar.
2. endnote / footnote
A footnote is a term used to describe additional information found at the bottom of
a page. Often a footnote will contain the source of the information, or additional
information about the text contained in the document. You can identify any text
that points to a footnote by the small number after the text.
Meanwhile, an endnote is additional information or credits given at the end of the
document instead of at the bottom of each page. The links shown at the bottom of
this module page is an instance of a footnote.
The advantages and disadvantages of endnote and footnotes are shown below:
Footnote Endnote
48 | P a g e
Your footnotes are printed on each page
Endnotes require a separate page
when you print your research paper; no
when printed.
additional printing is necessary.
When you have a higher number of footnotes
on a single page, they can make your paper
Endnotes are not as distracting
appear cluttered or difficult to read; also, if the
and do not clutter the pages of
information in some footnotes is too lengthy,
your paper.
the footnotes may dominate the page and
distract from your paper.
Endnotes let your readers look
Footnotes are distributed throughout all the
over and digest citations and notes
pages that may require an extra effort if the
as a whole since they are all in one
user wants to group all citations as a whole.
place.
3. Index
An index lists the terms and topics that are discussed in a document, along with
the pages that they appear on. To create an index, you mark the index entries by
providing the name of the main entry and the cross-reference in your document,
and then you build the index.
49 | P a g e
4. Table of Contents
This is a feature of a word processor that lets one contain in a single page all the
list of headings and subheadings for the entire document together with the page
where they are located.
50 | P a g e
Desktop-Publishing Capabilities
Graphical images from clip-art collections, digital photographs, and scanned
images, and drawings created with graphics programs, can be integrated easily
into word-processing documents. Pages and paragraphs can be enclosed with
decorative borders. Background images and colors can be added to pages within
a document. Graphical elements such as lines, boxes, arrows, and artistic textual
headings can be created quickly and easily within most word-processing
programs.
Professional-looking documents such as newsletters, advertisements, annual
reports, brochures, and business cards can be designed with most modern word-
processing software.You may see what are the list of documents that you can
create in the succeeding module.
51 | P a g e
Word processors come with available templates that may be downloaded or may
be directly installed with the software. A template is a type of pre-formatted, fill-in-
the-blank document that is useful for maintaining a specific format each time a
document is created, especially when multiple word-processing operators are
involved.
The types of document that usually come with a template are as follows1:
1. Newsletters
Shortened form of newspaper and informational letter, a newsletter is a small
publication (as a leaflet or newspaper) containing news of interest chiefly to a
special group. Generally used to describe a periodic publication distributed by e-
mail to an opt-in list of subscribers. Newsletters are normally used by organizations
or owners of a Web site to communicate with their readers. The template allows a
user to enter the text of newsletter articles, headlines, and graphics without having
to re-create the newsletter layout for each issue of the newsletter.
2. Advertisements
An advertisement is a paid, non-personal, public communication about causes,
goods and services, ideas, organizations, people, and places, through means such
as direct mail, telephone, print, radio, television, and internet. An integral part of
marketing, advertisements are public notices designed to inform and motivate. The
word processor allows anyone to be able to create such and be able to have a
print out to be distributed or posted.2
a. Flyers
A flyer is a small piece of paper with information on it about a product or
event. This is usually printed with multiple copies and are either distributed to
individuals or posted on walls.
b. Brochures
A small booklet or pamphlet, often containing promotional material or prod
uct information. Brochures are usually printed in both sides of a paper, and then
folded out vertically before it is distributed. Because of this, information are usually
printed per columns depending on how many folds will be done
52 | P a g e
3. Certificates
This type of document is provided as a prize for something earned by winning a
contest or getting an achievement. For academic qualifications, a document that
certifies that a person has received specific education or has passed a test or
series of tests.
4. Résumé
A résumé is a document used by job seekers to help provide a summary of their
skills, abilities and accomplishments. In other words, a résumé is typically a short
and quick way for a job seeker to introduce themselves to a potential employer (In
North America a résumé should not be confused with a curriculum vitae or CV).
5. Letters
Formal letters may also be created using word processors. A letter may be, but not
limited to, any of the following:
cover letter
letter of introduction
resignation letter
internal application
student reference
Besides the mentioned items above, you may also create documents using
available templates for calendars, invoices, maps, schedules, timelines, and photo
albums.
53 | P a g e
2.1.4 Integrating images and external material
One may also insert images into a word processor. Placing an image helps in
providing a better visual of the content being discussed in the document and
usually makes the content become interesting and appealing to read.
Images may be taken from the following methods:
a. a file stored from the personal computer to be copied from an open image
handling tool, or to directly insert it into the processor. This process is also
called embedding an image. The data may also be taken from scanners/cameras
which will be pasted directly into the document.
b. a link to the location of the image file stored locally or remotely (from a network
drive)
c. a link accessed from the Internet
Modifying an Image
Picture formats may vary depending on the characteristics selected. The following
are some of the included formatting styles that the user may implement on an
image:
54 | P a g e
a. Crop
This feature is used to remove a portion of an image. For example, the image
below on the left is cropped to get the image of the singe flower. The portion of an
image may be removed from any corner of the image (top, bottom, left, or right).
b. Resize
Resizing involves changing the height and/or length of an image. The image may
be shrunk to save space for images that are too big, or enlarged to make the
image more visible or to give emphasis to some parts of it. An example of resizing
is done below; the image below on the left is resized to make it look smaller. Note
that this technique will adversely affect the resolution, causing some degree of
blurring.
c. Rotate/Flip
Rotating an image involves changing its orientation in a clockwise or counter-
clockwise manner. This may be done by either choosing the options for rotation in
the toolbar or dragging the rotation handle present on the image upon selection.
For instance, the image below is rotated 90 degrees to the right by means of
dragging the rotated-arrow symbol.
4. Text Wrapping
There are situations when the image is hard to position within the document. There
is a feature for word processors known as text wrapping which allows positioning
of the picture relative to the page and text. By default, an image is in line with
the text.
A main document contains the text and other items that remain the same in each
label. A data source contains the information that changes in each label, such as
the name and address of each recipient. 1
Merge fields that you insert into the main document instruct Word where to print
information from the data source. When you perform the mail merge, Word
replaces merge fields in the main document with information from the data source.
Each row (or record) in the data source produces an individual label.
55 | P a g e
Data Source
The data source contains the information that can vary in each label, such as a
destination address. You can open an existing data source created or you can
create a new data source and fill in the addressee information.
Here are few examples of data sources you can use for mail merge in word
processors.
Spreadsheet
An Excel spreadsheet works well as a data source for mail merge if all data is on
one sheet and the data is formatted well, so that it can be read well.
You can retrieve contact information directly from the contact list of your mailing
application, like Microsoft Outlook, on to your word processor.
You can export Apple contacts into the word processor and use it as your mailing
list for mail merge.
Database
Import data from the Database applications before you use it to perform mail
merge. For more information, see Import data from FileMaker Pro database
Text files
You can use any text file that has data fields separated (or delimited) by tab
characters or commas and data records separated by paragraph marks.
Envelope
When you have bulk mail to send to people on your mailing list, you can use mail
merge to create a batch of addressed envelopes. This is the same one used when
sending a mail via post office. The advantage of using a word processor is that you
can directly print a copy of it and fold it out to be an envelope.
Each envelope will contain an address in your mailing list. You can also create and
print envelopes without using mail merge.
56 | P a g e
Labels
One may use address labels when sending a bulk mail to people in the mailing list.
The following are the documents usually involved in creating and printing labels
using the mail merge process:
Your main document
This is the document you use to set up the layout of the labels in the mail
merge. You can also set up any content that you want repeated on each
label, such as a company logo or your return address on shipping labels.
Your mailing list
Your mailing list is the data source that Word uses in the mail merge. It's a file
that contains the addresses to be printed on the labels.
When you combine those two documents, you'll have your address labels.
Example of a form containing multiple labels are shown in Figure 2.1.5b.
Steps for Mail Merging
Mail merging requires the given steps below:
2.2 Spreadsheets
A spreadsheet is an application designed for managing and organizing the data in
tabular format. This type of document lets users arrange data in rows and columns
of a grid, allowing them to be manipulated and used in calculations. Each cell may
contain either numeric or text data, or the results of formulas that automatically
calculate and display a value based on the contents of other cells. Spreadsheets
are developed as computerized simulations of paper accounting worksheets.
Spreadsheets use formulas to process data and perform integrated calculations.
They're primarily used in business for financial statements, but are also commonly
used for production of breakdown analyses and graphs. The best known
57 | P a g e
spreadsheet formats are MS Excel and Lotus, developed in the 1980s and
introduced worldwide by the 1990s.1 Spreadsheets have now standardized most
of the old style accounting methodologies and are a primary source of raw data.
Year Contribution
Professor Richard Mattessich pioneered the development of computerized
speadsheets for use in business accounting. Mattessich's work and that of
other developers of spreadsheets on mainframe computers probably had
1961 little positive influence on Bricklin and Frankston. Dan Bricklin was
preparing a spread sheet analysis for a Harvard Business School "case
study" report and wanted a program where people could visualize the
spreadsheet as they created it.
Dan Bricklin had programmed the first working prototype of his concept in
integer basic. The program helped users input and manipulate a matrix of
five columns and 20 rows. The first version was not very "powerful" so
1978 Bricklin recruited an MIT acquaintance Bob Frankston to improve and
expand the program. Bricklin calls Frankston the "co-creator" of the
electronic spreadsheet. Frankston created the production code with faster
speed, better arithmetic, and scrolling.
58 | P a g e
Fig 2.2.2a Screenshot of VisiCalc running on an Apple II computer2
Mitch Kapor developed Lotus and his spreadsheet program quickly became
the new industry spreadsheet standard.
1983
Excel was originally written for the 512K Apple Macintosh. Excel was one
of the first spreadsheets to use a graphical interface with pull down menus
1984 and a point and click capability using a mouse pointing device. The Excel
spreadsheet with a graphical user interface was easier for most people to
use than the command line interface of PC-DOS spreadsheet products.
Excel was on the market, being the flagship product for Windows 3.0. It was
the only spreadsheet development for a quite a few years. This gave Excel
1989
the advantage over any Windows based worksheet software that came
afterwards.
IBM acquired Lotus Development and Microsoft Excel is the spreadsheet
1995
market leader.
59 | P a g e
2.2.2 Features of Spreadsheets
The following are some of the basic features of spreadsheets:1
Visual Design
Most people process data most easily when it is presented visually, rather than
simply existing as a set of hypothetical numbers in the mind. Spreadsheets allow
you to lay figures out on a grid, calculating and manipulating them visually. Often,
this may result in you being able to process the information more quickly. On a
spreadsheet, you may also notice errors or omissions that you would not have
otherwise.
Automatic Calculations
Spreadsheet software gives you the ability to enter mathematical formulas ranging
from simple arithmetic to complex statistics. This is done in a simple and intuitive
manner; to perform a calculation with two different cells on the spreadsheet, simply
click a cell, press a key for a mathematical operator such as the "+" sign and click
the second cell. This is often a much faster way to perform calculations with your
data than a calculator would be.
Dynamic Updates
In addition to the standard method of entering data in a spreadsheet -- typing
numbers in cells -- you can also create a cell with a value generated dynamically
based on other cells. For example, a cell might display the net profit on the sale of
an item by combining a value in one cell with a certain percentage. Because the
value displayed in the cell is based on the values in two other cells, the cell
dynamically updates when you change either of the referenced cells. This allows
you to test different scenarios by changing the cost of an item, or the percentage
of profit. Any time you base the value of one cell on the value of other cells, the
value of one cell updates automatically when the other is changed.
Data Analysis
Spreadsheet software gives the ability to analyze data in ways other than simply
looking at grids and lines. Most spreadsheet software can automatically create
graphs and charts from your data, giving you different ways of comparing and
analyzing information. These visual representations can also be printed and
emailed, or exported into slide shows for presentations.
60 | P a g e
The spaces that hold items of data are called cells. Rows and columns are labeled
to give each cell a cell address or reference (e.g., D3 means column D, row 3).
From the image in Figure 2.2.3a, the cell being pointed at is at C5 because it seen
at column C and row 5.
It is also possible to refer to a range of cells collectively. For instance, E4:E12
includes E4, E12 and all of the cells in-between. This is mostly done when you
want to include a range of values in an operation, say the sum or average of the
selected values.
Data may also be referenced from another worksheet. You may do that by
including the spreadsheet name followed by an exclamation point (!) . For example,
if you have the formula =Sheet2!C4, this means that you are accessing the fourth
row (4) third column (C) from worksheet which is named Sheet2.
Each cell may contain numbers, text or formulas. To place a data inside, simply
click on the cell and key in the data that you wish to input.
The equal sign (=) is used to start up an equation. For example, if you wanted to
multiply the value of cell C3 by the value D7, enter =C3*D7 in an empty cell where
you want that specific data to appear. The program will then multiply the values of
those two cells and provide you with the final result. If you specifically used
constant values in the formula, then the result will be based from the operation
used and the constants involved (e.g., =5*4 will result to 20 on the cell where the
equation is placed).
Arithmetic operators
The arithmetic operators, in order of precedence, are:
^ Exponentiation
- Negation
61 | P a g e
*/ Multiplication, division
+- Addition, subtraction
The order of precedence indicates which will be computed first. Groupings come
first, which are those enclosed in parentheses. The sequence from the table,
starting from exponentiation up to addition/subtraction, is followed next. For
multiplication and division, whichever operation is encountered first from left will
be prioritized. This goes the same with addition and subtraction.
P- PEMDAS
E - Exponents
M - Multiplication
D - Division
A - Addition
S – Subtraction
Relational operators
Relational operators compare two numbers or two strings. The result is a logical
value expressed as a number, either 1 (=TRUE), or 0 (=FALSE). The relational
operators, in order of precedence, are:
= Equality
<> Inequality
62 | P a g e
To be able to use a spreadsheet function, use the same way used in creating
formulas, include the function name, then enter the parameters and data enclosed
in parentheses (). Spreadsheet function parameters can be of the following
formats:
numbers
cell and range references
other functions
text strings which should be enclosed in quotation marks
dates and times
logical values (TRUE, FALSE)
error values.
Multiple parameters may be included in one function, but each parameter should
be separated by commas. Also, arithmetic operators can be used within
parameters. The examples below show the list of examples on possible usage
of the SQRT and SUM function.
SQRT(9)
o gets the square root of 9; only one parameter is used.
SQRT(B4)
o gets the square root of the value seen under B4 cell.
SQRT(7-D4)
o gets the square root of the difference of 7 and the value under the D4 cell.
SUM(A9:A36)
o gets the sum of all values from cell A9 up to A36
63 | P a g e
SQRT()
Gets the square root of the parameter
Mathematical functions
1. Lookup_value: The value to search in the first column of the table array.
64 | P a g e
2. Table_array: Two or more columns of data; the values in the first column of
table_array are the values searched by lookup_value.
3. Col_index_num: The column number in table_array from which the matching
value must be returned. A col_index_num of 1 returns the value in the first
column in the table_array; a col_index_num of 2 returns the value in the second
column in table_array, and so on.
4. Range_lookup: A logical value that specifies whether you want VLOOKUP to
find an exact match or an approximate match. If TRUE or omitted, an
approximate match is returned. In other words, if an exact match is not found,
the next largest that is less than lookup_value is returned. If FALSE, VLOOKUP
will find an exact match. If one is not found, the error value #N/A is returned.
Conditional Functions
Conditional functions, like conditional formatting, are great features to help you
highlight or manipulate select information based on specified criteria. A
spreadsheet evaluates the source against the criteria, and returns a value if the
logical test is “true” and a different value for “false”. In the same way, it will perform
a function, like adding or counting, based on the logical test.
IF function is straightforward. The reference cell is tested against criteria and will
return a value or perform another function if the test returns true or false.
“Logical_test” includes both the cell reference and the criteria, such as “B4 is less
than 20.”
Syntax: IF(logical_test,value_if_true,value_if_false)
In this example, we are testing against the width of a book. If the width is under
.375 in (3/8 in), the book requires a pamphlet binding (pam). If the width were equal
or over .375 in, the book would require library binding (LB).
Formulas with nested functions
In spreadsheet formulas, nesting one function within another means using one
function as an argument of another function. Here is a very simple example of a
nested formula that includes the SUM function to find the total of the values from
65 | P a g e
cell B2 up to B6, and ROUND function to round the result to the nearest integer (0
decimal places):
=ROUND(SUM(B2:B6),0)
Of all the spreadsheet functions, IF is nested more often than all others. As you
probably know, the IF function is used to evaluate a specified condition and return
one value when condition is met, and another value when the condition is not met.
However, quote often you have to deal with situations where there are more than
two possible outcomes. And if this case, you can write several IF functions and
nest them into each other:
Array formulas
A single array formula can perform thousands of calculations and replace
hundreds of usual formulas.
Supposing you have 2 columns of numbers, column A and B. And you want to
know how many times column B is greater than or equal to column A when a value
in column B is greater than 0.
This task requires comparing two ranges and you can do this by using the following
array formula:
=SUM((B2:B10>=A2:A10) * (B2:B10>0))
Statistical functions
Some basic statistical operations like finding mean, median and mode can be
implemented under spreadsheets. Below are the list of basic functions that we can
use in the spreadsheet.
66 | P a g e
Mode
Mode helps you to find out the value that occurs most number of times. When you
are working on a large amount of data, this function can be a lot of help. To find
the most occurring value, use the MODE function and select the range you want
to find the mode of. In our example below, we use =MODE(A3:A13) and since 79
is the value that is seen most of the time (three times), the result of the mode
function is this value.
Parts of a Graph
All graphs have different parts that enhances the way people may understand the
illustration:
Title: Provides a brief description explaining what the graph is all about
Labels: Both seen at horizontal and vertical sides of the graph telling what kind
of data is being shown
Scale: Number or any other data representation that shows units used on the
graphs
Key/Legend: this is seen at the side of the graph that indicates what the
color/image is representing
67 | P a g e
items corresponding to that row/column. Bar graphs are preferred if the major
concern is the magnitude of data.
3. Line graph
A line graph is a type of graph where the corresponding data is represented by
dots that are interconnected by a line. This is mostly preferred to represent data
for a given set of time as the interconnection illustrates the change in direction if
the data has increased or decreased for a certain period of time.
4. Scatter chart
Scatter charts are almost similar with line graphs except that the dots are not
connected with each other. This type of chart is best used to show the correlation
of variables. This means that it illustrates how much one variable is affected by
another.
2.3 Presentation program
A presentation program is a software package used to display information in the
form of a slide show. It has three major functions: an editor that allows text to be
inserted and formatted, a method for inserting and manipulating graphic images,
and a slide-show system to display the content.1
Presentation software (sometimes called "presentation graphics") is a category of
application program used to create sequences of words and pictures that tell a
story or help support a speech or public presentation of information. Presentation
software can be divided into business presentation software and more general
multimedia authoring tools, with some products having characteristics of
both. Business presentation software emphasizes ease- and quickness-of-
learning and use. Multimedia authoring software enables you to create a more
sophisticated presentation that includes audio and video sequences. Business
presentation software usually enables you to include images and sometimes audio
and video developed with other tools.2
There are common uses for this type of software including, but not limited to, the
following:
68 | P a g e
Some very popular presentation software, such as Microsoft's Powerpoint and
Lotus's Freelance Graphics, are sold stand-alone or can come as part of office-
oriented suites or packages of software. Other popular products include Adobe
Persuasion, Astound, Asymetrix Compel, Corel Presentations, and Harvard
Graphics. Among the most popular multimedia authoring tools are Macromedia
Director and Asymetrix's Multimedia Toolbook. These authoring tools include
presentation capability as well. Most if not all of these products come in both PC
and Mac versions.
Year Contribution
The first commercial computer software specifically intended for creating
1979 WYSIWYG presentations was developed at Hewlett Packard and called
BRUNO and later Hpickles are crunchyP-Draw.
1982
VCN ExecuVision was the first presentation program for the personal
1983
computer. This program allowed users the ability to manipulate graphics
69 | P a g e
and text not just for business data, but for all communication purposes.
Created by Visual Communications Network, Inc., the benefits of this
software program were first discussed in the journal of Institute of Electrical
and Electronics Engineers. In addition to the benefits of VCN ExecuVision,
the journal published images created by the software, illustrating the new
emerging software available for personal computers at that time.
Microsoft PowerPoint was developed by Bob Gaskins, a former Berkeley
Ph.D. student who envisioned an easy-to-use presentation program that
1984 would manipulate a string of slides. Gaskins joined a failing Silicon Valley
software firm called Forethought and hired a software developer, Dennis
Austin.2
PowerPoint was called "Presenter" initially by Gaskins, but was changed to
PowerPoint to avoid a trademark problem. This application was the first
1987 product to attract strategic venture capital from Apple and later the first
significant acquisition made by Microsoft. Forethought and PowerPoint
were purchased by Microsoft Corporation for $14 million
PowerPoint 3.0 was created, which added output of live video color
1992 slideshows including slide transitions, builds, animations, and synchronized
sound and video clips.
Slides: a container for any mixture of text, images, video, animations, links and
sound that will be displayed one by one during the presentation.
Layout: this contains formatting, positioning, and placeholders for all of the
content that appears on a slide. Placeholders are the containers in layouts that
hold such content as text (including body text, bulleted lists, and titles), tables,
charts, SmartArt graphics, movies, sounds, pictures, and clip art.
Templates: existing preset slides and presentations which allow users to
simply put text onto the page. There are already a huge number of designed
templates available to be purchased fairly cheaply from the Internet
Animation effects: that allow the various elements on each slide to appear
after a certain amount of time or when a presenter presses a button.
Slide master: this allows the style (font, font size, background etc) to be set
once and then used throughout the presentation
Transitions: this is how the presentation software “moves” the display of one
slide to another. Transitions usually include dissolving from one slide to the
next or the current slide being moved in some way to show the next slide as
though it was underneath.
Slide notes: the presenter may be able to see the current slide and any notes
associated with it on his/her display and the audience will see only the slide on
another screen or from a projector.
70 | P a g e
2.3.2.1 Slides and Layouts
A slide is considered the initial page for anything that is to be presented. Any text,
images, and videos may be placed inside it and be shown during the presentation.
The slides are shown one by one during the presentation, may it be in an animated
manner or by manual transition based from the click/key input of the presenter.
A layout is simply a style defined within a slide. This includes positioning titles,
images and block of texts to make it more presentable to the user.
3. Title
This layout allows a simple title at the center with a subtitle below it. This is used
to startup a set of slides to simply denote what the set is all about.
4. Two Content
This is almost similar with a Title with Content layout wherein the content part is
divided into two. This is useful when the user wishes to illustrate similarities or
differences between the two contents.
2.3.2.2 Animation
In presenting slides, one may be able to add animation effects. Animation has the
following benefits:
71 | P a g e
makes a presentation software more dynamic
helps the presenter to focus on important points
aids in controlling the flow of information
helps in increasing viewer interest in one's presentation.
72 | P a g e
a slide master, you save time because you don't have to type the same information
on more than one slide. The slide master especially comes in handy when you
have extremely long presentations with lots of slides.
Using Slide Master view
Whether you're making significant changes to your slides or just a few small
tweaks, Slide Master view can help you create a consistent, professional
presentation without a lot of effort. You could use Slide Master view to change just
about anything in your presentation, but here are some of its most common uses 2:
Because slide masters affect the look of your entire presentation, when you create
and edit a slide master or corresponding layouts, you work in Slide Master view.
When you go to Slide Master view, you'll see that there are several default layouts
associated with any given slide master. Most likely, you will not use all of the
layouts provided. You choose from the available layouts, the ones that work best
to display your information.
73 | P a g e
Besides the notes, the other things that the presenter can see are:
1. the current slide number
2. slide thumbnails, so that you select a certain slide if you wish to go back or skip
some slides
3. the time elapsed during the presentation
4. icons that can be clicked to execute an action.
Before the presenter can use this feature, some requirements must be met first:
1. The computer that you are using should be able to support the use of multiple
monitors.
2. Proper configuration when setting up before the presentation. This is usually
done especially if you are to use a projector.
3. Verify if your application has its presenter view feature available and is activated.
74 | P a g e
You are not limited to creating hyperlinks to other PowerPoint slides. You can
create a hyperlink to any file on your computer or network, no matter what program
was used to create the other file.
There are two separate scenarios available during your slide show presentation.
If the hyperlink is to a file created in another program, on click, the file will open
in its corresponding program. This will then be the active program on screen.
Linking (or hyperlinking) makes objects and documents “connected” to each other.
To provide an analogy, consider each slide or presentation to be an individual
computer on a network. Individual computers do some awesome work, but the
network is much more useful, and increases the worth of each individual computer.
In this case, the linking adds the “network” to your PowerPoint files. In any of the
linking scenarios, you will find that three factors are always present.
These are:
Anatomy of a Link
1. Anchor: This is the object that you click or hover upon to make the interactivity
happen. These may be any images, pictures, or any texts that when clicked will
allow you to proceed to the destination.
2. Target (Destination): This is what the "anchor" is linked to.
3. Link (Hyperlink): This is what connects the “anchor” with the “target”.
Screen Tip
A screen tip can be added to any hyperlink on a PowerPoint slide. When the viewer
hovers the mouse over the hyperlink during the slide show the screen tip will
appear. This feature can be helpful to indicate additional information that the
viewer may need to know about the hyperlink. A screen tip can be added to any
hyperlink on a presentation slide. When the viewer hovers the mouse over the
hyperlink during the slide show the screen tip will appear. This feature can be
helpful to indicate additional information that the viewer may need to know about
the hyperlink.
75 | P a g e
any computer with a web browser, whether it's your desktop, a PC at work, or a
laptop on the go.
Advantages of using Online Presentation Programs
free or low-cost
data can be accessed anywhere whenever you need it for as long as you are
online
files don't need to be carried around inside removable media devices to create
or modify their slides and give a presentation especially if there's a web browser
where the presenter is headed
it comes with different animations that normal programs from suites do not
have.
Prezi
Prezi is a type of visual storytelling medium that connects presenters more
powerfully with their audiences and customers. Unlike slides, Prezis open,
interactive canvas encourages conversation and collaboration, making
presentations more engaging, persuasive, and memorable. Now, Prezi Business
combines the awesome selling power of Prezi with an entire suite of creation,
collaboration, and analytics tools designed just for business teams.1
Google Slides
While other online presentation tools take a more dynamic approach and try to
depart from the PowerPoint-esque style of presentations, Google Sides embraces
it—and that's not a bad thing. If you're already familiar with tools like PowerPoint,
want something familiar but simple and easy to use, Google Slides is the tool for
you. In fact, we should mention it was Another of you favorite PowerPoint
alternatives. It's come a long way since it was introduced, but it manages to
incorporate a professional look and feel along with some interesting and dynamic
transitions, images, presentation themes, and other tools that make it fun and
refreshing to use.1
Like other Google Drive applications, Slides also allows you to collaborate in real
time with other users, and everything is stored on the web, in Google Drive, so you
can get to it any time, on any computer or device, or send it to anyone who needs
to see it. Slides also makes embedding your own images, charts, graphs, videos,
or just about any other type of multimedia relatively easy. Best of all, if you're
coming from a PowerPoint world, Slides can open, save, and convert PowerPoint
files. Offline editing is part of the package, and best of all, it's completely free. If
you have a Google Account, you already have access to it and don't need to sign
up for anything else.
76 | P a g e
PowToon
If you've seen animated infographics online, you might already have an idea of
what Powtoon can offer; it's perfect for creating video presentations slightly more
lively and charming than the standard PowerPoint fare, with royalty-free music and
eye-catching looks. Whether its blend of cartoony assets and sprightly animations
is the right thing for you is another question.
Such frivolity may help you stand out, but it might single you out as a presenter
who isn't taking things seriously. That said, Powtoon's dedicated Slides section
provides a more traditional editor for making more straightforward slide decks, and
anything you create there can be later tarted up in the Studio section.
Emaze
Emaze is another great online tool for creating presentations. It has a rich UI, and
lets you create great looking presentations in minutes. It has a wide range of
templates, many created by top designers, that let you make stunning content.
Emaze also has the option of creating cool 3D presentations, which stand out from
the rest. It is cloud-based, built with HTML 5 and accessible across all devices and
platforms. Emaze presentations by default are stored in the .emaze format and
require you to download the Emaze viewer to view offline (only available for
Windows and Mac). 2
Haiku Deck
It is a presentation software that is powered by Artificial Intelligence. Haiku Deck
lets you create instant presentations, with nearly zero sweat. The point of Haiku
Deck is to help make your storytelling simple and fun. Haiku Deck was founded on
the premise that simple, modern, and elegant slide decks should be the norm,
instead of overly dense, difficult to read, and difficult to digest ones. Similarly, the
service makes creating those presentations easy, thanks to its webapp (and iPad
app). Slides made using Haiku Deck focus on imagery and graphics, with a few
words per-slide, but you're free to customize your slideshows so they work best for
the story you're trying to tell.
77 | P a g e
Module 3:
IMAGING AND DESIGN
78 | P a g e
3.1 Basic Principles of Graphics and Layout
Layout
Graphics
The principles of design are balance, proximity, alignment, repetition, contrast and
white space. The principles govern the relationships between the elements used
in the design and organize the composition as a whole. Successful design
incorporates the use of the principles to communicate the intended message
effectively. They help designers organize the images and type on the page, so that
it feels more comfortable to viewers and makes a greater impact.
3.1.1 Balance
Balance is an equal distribution of weight. In terms of graphics, this applies to
visual weight. Each element on a layout has visual weight that is determined
by its size, darkness or lightness, and thickness of lines. Balance is vital to the
success of a design.
There are two main types of balance.
79 | P a g e
a. SYMMETRICAL BALANCE
80 | P a g e
b. ASYMMETRICAL BALANCE
81 | P a g e
Tips on creating balance
o Colors have weight (Red = Heavy, Baby Blue = Light)
Text/type must be legible. Use simple font. Also consider the size (Larger =
Heavier)
3.1.2 Proximity
The Principle of Proximity demands that related items be grouped together, be
move physically close to each other so that they appear as one cohesive group
82 | P a g e
rather than a bunch of unrelated bits. The basic purpose of proximity is to
organize. Simply grouping related elements together into closer proximity
automatically creates organization. If the information is organized, it is more
likely to be read and remembered.
For example, here refer to the three business cards below.
83 | P a g e
By grouping related
information together, the
design becomes more
clear and organized.
84 | P a g e
As in life, the proximity, or the closeness, implies close relationship. By
grouping similar elements into one unit, several things instantly happen: The
page becomes more organized; you understand where to begin reading the
message; and you know when you are finished. And the "white space" (the
space around the letters) automatically becomes more organized as well.
85 | P a g e
3.1.3 Alignment
New designers tend to put text and graphics on the page whenever there is
space, often without regard to any other items on the page. The Principle of
Alignment states, "Nothing should be placed on the page arbitrarily. Every item
should have a visual connection with something else on the page." When items
are aligned, the result is a stronger cohesive unit. The basic purpose of
alignment is to unify and organize the page.
86 | P a g e
Competing alignments (left and center) Left and right alignment creates
balance
3.1.4 Repetition
87 | P a g e
The card has a strong left
alignment but no repetition.
Where do your eyes look first?
When they get to the bottom of
the card, where do you look
next?
Repetition helps organize the information. It guides the reader and helps to
unify parts of the design. Repetitive elements establish a sophisticated
continuity and can "tie the whole thing together."
Business identity, also known as “branding” requires a strong use of repetition
so the customer can easily identify the business
Envelope
88 | P a g e
Letterhead & Business Card
3.1.5 Contrast
Contrast is the most effective way to add visual interest to your page. Contrast
is also crucial to the organization of information - a reader should always be
able to glance at a document and instantly understand what's going on. Add
contrast through your type face choices, line thicknesses, colors, shapes,
89 | P a g e
sizes, space, etc. The Principle of Contrast states, "If two items are not exactly
the same, then make them different. Really different."
This design lacks contrast because the size, color, and style of typeface are all the
same. It looks boring and can easily get overlooked.
By changing the font, increasing the size, and adding shapes or color, we have
used contrast to create a more eye-catching design.
90 | P a g e
o Add contrast through typeface choices, line thicknesses, colors, shapes,
sizes, space, images, etc.
91 | P a g e
3.1.6 White Space
“White space is the art of nothing. White space is the absence of text and
graphics.” It breaks up the elements on the page. It provides visual breathing
room for the eye. Add white space to make a page less cramped, confusing,
or overwhelming. White space doesn’t actually have to be white. It gets its
name from the early days of graphic design where most printing was done on
92 | P a g e
white paper. White space can be black, blue, red, etc. whatever color the
background is. White space is also referred to as “negative space”.
White space always occurs in a design from the moment you open up a blank
document, when the design begins with white space. There are two types of
white space, the undefined white space, which is what you get when you open
a new document, and active white space, which occurs when an object is
placed in an undefined white space.
White space is made of nothing, but shouldn’t be treated that way. There are
several benefits that a generous dose of white space can bring to a design.
Simply by increasing the space between elements in a layout, a design can
take on a more elegant appearance, and by injecting more white space into a
design’s typography, content becomes more legible.
93 | P a g e
New designers always tend to forget the principle of white space. They often
try to fill the entire page, but it is important to remember that in design,
sometimes LESS is MORE!
94 | P a g e
Remember these 6 principles and apply them to your designs. You will find that
they often work hand-in-hand and eventually you will begin to use them without
even thinking about it. All great designs are founded on these principles:
Representational
Analogical
Charts and graphs
95 | P a g e
Infographics are one of the most challenging types of visual communication,
primarily because their creation cannot be left to chance or luck and the difficulty
of accumulating multiple objects to form one uniform visual representation.
Depending on the complexity of data presented, an infographic can be quite an
extensive and laborious process. Data collection alone is time consuming,
because you have to carefully filter the information from the most credible resource
you can find.
What are infographics?
To communicate a message,
To present a lot of data or information in a way that is compact and easy to
comprehend,
To analyze data in order to discover cause-and-effect relationships,
To periodically monitor the route of certain parameters.
BE UNIQUE
One of the most important aspects of designing an effective infographic
is to make it engaging and memorable with a unique twist on something
that everyone can relate to.
Don’t just generate a basic bar graph or chart inside a software
application, throw in your data, and expect anyone to be super excited
about it.
96 | P a g e
Design something unique that will capture the attention of the audience
you are seeking to draw in.
Using something unexpected in an ordinary bar graph, for instance, will
draw interest and get your point across.
This Twitter infographic writes out the data, rather than visualizing it
KEEP IT SIMPLE
o Even though you want to shoot for interesting and unique, don’t throw in so
much detail and extraneous information in a way that the audience is
overwhelmed by everything going on in your infographic.
o Using too many different images and designs or filling backgrounds with too
much color or full photographs may actually make your data harder to
understand.
o The audience can be distracted trying to comprehend all the visual
information being thrown at them, hindering their ability to focus on the main
point.
o Everyone must remember that in this generation, so much information is
available that when people see too much to digest and comprehend quickly,
97 | P a g e
they are probably going to turn away or click somewhere else because it
looks too complicated to be worth their time!!
Here, there are two ways to visualize the data from the Twitter example above.
98 | P a g e
LESS IS MORE
o Keeping your text minimal will most likely produce more impact than a page
full of words.
o People are bombarded with information all day long, including blaring
images, bright colors and blinking lights. Your goal is to entice them to stop
scrolling and look at your infographic.
o An effective image will grab the attention of the audience with something
as simple as an effectively displayed word that makes them stop and read
the important information below it. Remember that you want to capture the
99 | P a g e
attention of your audience, make your statement, and entice them to click
“share”.
o Make sure your message gives them some piece of interesting information
that will not be easily forgotten.
SHARING
o The final and most important thing you want from an effective infographic
is a simple way for people to share it with their friends.
o Include links reminding people that they want their friends to enjoy the
information they have just found.
o A simple row of “share me” buttons will do. Readers can quickly forward the
information to their Facebook friends, Pinterest followers, Email contact list,
Google plus circles, and more.
o Make sure that forwarding can be done in only a couple of clicks. If it gets
too complicated, most people will close the box and move on to something
else. Only a handful of people will have the patience to copy and paste the
url manually.
o Never forget that your biggest harvest of unique visitors and audiences will
come as everyone passes your infographic around with the magic of
internet forwarding.
100 | P a g e
Share buttons we usually see when visiting a certain website. It enables us to share
the articles or any post that we want to share from the site.
JPEG images (short for Joint Photographic Experts Group) are “full-color
images that dedicate at least 24 bits of memory to each pixel, resulting in
images that can incorporate 16.8 million colors,” and are frequently referenced
by their file extension, JPG.
101 | P a g e
JPEGs are also “lossy,” meaning they retain all color information, but compress
file size by selectively discarding data—and that compression can result in a
loss of quality.
In most design programs, you can choose the degree of compression you wish
to apply to individual images—just be aware that by doing so, you also will alter
the image’s quality. As a result, if you choose the maximum quality option, your
image will most likely be indistinguishable from your original photograph, albeit
with a correspondingly larger file size.
However, JPEGs are probably not the best option for images containing text. Here
is a snippet of text saved as a JPEG.
102 | P a g e
These little grey artifacts are part of the way JPEG compression works. The very
thing that helps make photographs look more realistic at high compression sticks
out like a sore thumb when you save a text or clip art image as a JPEG file.
If large headlines look that bad, can you imagine how illegible smaller copy might
get?
GIF
103 | P a g e
PNG
104 | P a g e
In this website, you can see how only the PNGs are disabled, while JPEGs and
GIFs render just fine:
105 | P a g e
BMP
TIF
EPS
106 | P a g e
As the name implies, EPS files contain PostScript code, which is used for
storing font and vector image information.
EPS files may also include a rasterized version of the image used for
previewing the contents of the file.
107 | P a g e
3.4.1 Principles and basic techniques of image manipulation
These are the six focus points for successful image manipulation. These examples
are in no particular order of importance.
A. Proportion
Proportion is probably one of the most important things a designer must possess
if he wants to do image manipulations. This will make the image more realistic if
the original design is extremely far-fetched. For example, you cannot have your
dog bigger than your house, or your horse bigger than your car.
Remember that images that are supposed to be far away have to be smaller than
the ones that are closer. Below is an example of great proportioning.
B. Texture
Texture is the surface quality of the image. It adds to the depth of the image and
blends all the images together evenly. Blending is a huge part of image
manipulation, so textures are something a designer has to carefully select. For
example, a designer is trying to go for an image manipulation that is dark and dirty
looking, use a rough ground surface as a background texture; or if looking for
something smoother, use paper or a wall texture.
Below is an image manipulation with a grungy and dark feel to it. It uses a nice
cracked surface texture. The three dimensional elements that the artist used are
about the same color as the texture, so they blend smoothly.
Remember if you do not have a background for your photo manipulation, you
should use a texture that will match the mood you are trying to set in your art.
108 | P a g e
C. Color Blending
Not every image you use is going to match your background, your texture, or even
other images. That is where color blending comes in. Colors like pink, white,
yellow, and orange blend together easily. That is what a designer should look for
at first; colors readily blend.
An excellent example of color blending is shown below. We see many types of
different flowers throughout the whole piece. Even with a large amount, they still
blend very nicely to form a whole.
D. Emphasis on Detail
When creating a piece of art, set one area as the main focus. You want to draw
the viewer’s eyes instantly to that spot. There are multiple techniques to achieve
that. One way is to work on focusing attention on the most vibrant, colorful, or sharp
area in the design.
A good example of emphasis on a certain part of a design is the artwork below.
The fire is the first thing that catches the viewer's eye. The fire is the most vibrant
and brightest part of the image, so it instantly stands out. That is exactly what you
want: for a part of the image to instantly stand out when someone looks at the
piece of art.
109 | P a g e
E. Combining Multiple Images
Images are like missing puzzle pieces; without them, you can never fully complete
the puzzle. So choose them carefully. You may need to look at multiple stock
images before choosing the right ones for your composition.
An example of a great use of stock images is below.
There are plenty of images in this artwork, but the composition maintains its
coherence. In your design, you can use a multitude of images, but they all have to
flow properly, and be used to your advantage.
F. Shadows
Image manipulations are made so that you can bring out things that would never
happen in the real world. Shadows also make the image more realistic, because
they emphasize the object effectively. It is realistic in a way that every item has a
shadow if it needs one and every item is proportional to everything else.
110 | P a g e
Look at the image carefully and notice that the airplanes have shadows under
them. The paint brush, pencil, and the paint bucket all have shadows under them,
which all add to the realism of the image manipulation.
111 | P a g e
2. Editing Your Material
To edit the material, just right click on the material and select Edit Texture
Image from the Context menu that appears. This will open your image editing
software, in this case Photoshop.
3. Editing in Photoshop
At this stage, your image editing software, i.e., Photoshop, should have opened
automatically. Edit your image as required and once finished Flatten
Image and Save it. The file will be saved in a temporary folder.
112 | P a g e
4. The Image is Updated in SketchUp
The image is automatically updated in SketchUp once you Save and Flatten it in
Photoshop. The saved image is located in a temporary folder used by SketchUp.
113 | P a g e
And the screen shot of the material being edited in Paint Shop Pro.
Again, Flatten and Save the image to update in SketchUp. Simply, in SketchUp,
all you have to do is to use those pins to adjust your materials and if you are not
satisfied will your texture, you can just shift back to Photoshop and do some more
work on it, which is the big plus in SketchUp 7.
114 | P a g e
Here are some renders and project samples using this useful method of editing
materials. To get a good result, proper texturing is a must.
Materials Edited
115 | P a g e
3.5 Combining text, graphics and images
Graphics
Graphics may refer to any computer device or program that makes a computer
capable of displaying and manipulating pictures. The term also refers to the
images themselves.
Text
Introduction:
In SketchUp, combining text and graphics is significant since it will make the viewer
and the modeler understand each other. This can be further depicted in the
following figure using the four types of text.
Screen text - The most basic text in SketchUp, screen text (Callout 1) is fixed
to the screen regardless of how you manipulate or orbit a model. Screen text
is not attached to any entity.
Leader text - A leader is the line or arrow pointing to a model entity. Predictably,
leader text (Callout 2) has a leader line that points to a specific entity in your
model.
3D text - 3D text (Callout 3) is made of actual edges and faces that become
part of your model.
Dimensions - When you want to indicate a length, radius, or diameter, use the
Dimension tool to create a dimension entity (Callout 4). A dimension entity,
which is linked to the line, circle, or arc entity you choose, displays a
measurement automatically and updates that measurement dynamically as
you work on your model.
116 | P a g e
You create screen text and leader text with the Text tool, create 3D text with the
3D Text tool, and dimensions with the Dimension tool.
These are additional tools that can enhance your model. With colors, textures, and
photos, you can improve details that make a 3D model look realistic and complete:
With the Match Photo feature, you can apply one or more photos to a 3D model’s
faces or draw a model based on a photo. Match Photo is especially helpful if you’re
modeling an existing structure that you can photograph. By matching photos to
your model, you can show quite a bit of detail without having to create that yourself,
and SketchUp can render a model with photos faster than one with lots of detailed
geometry. To mix your own colors to simulate paint or to colorize a texture, you
need to understand a bit about how SketchUp’s color pickers reflect the underlying
technologies for digital colors.
117 | P a g e
3.6 Uploading, sharing and image hosting platforms
3D Warehouse
The 3D Warehouse is a wide collection of 3D models that is free and easily
explorable. If you have a Google SketchUp model you want to share with the world,
share with just a few people, or just store on Google’s servers for safekeeping, the
3D Warehouse is where you put it.
Two categories:
Uploading a model to the 3D warehouse can make you a SketchUp modeler, who
can fill the 3D warehouse with models. There are two options to make your model
accessible or otherwise. You can make a model public so that other 3D Warehouse
users can view and download your model. You can keep an uploaded model
private so that the model is accessible only to you on your My 3D Warehouse page.
Note: To upload models to 3D Warehouse, you need a create an account. If you
already have an account, just create a user account and sign in.
118 | P a g e
Uploading a model or component from SketchUp
From SketchUp, you can upload an open model or a component within an open
model. When you upload from SketchUp, your model or component is available as
an SKP File, COLLADA File, and optionally an STL File.
Steps To Upload Model In 3D Warehouse:
1. Open the model you want to upload in SketchUp and fiddle around with your
view until you like what you see. When you upload a model to the 3D
Warehouse, SketchUp automatically creates a preview image that’s a
snapshot of your modeling window.
3. Enter your Google account information, click the Sign In button, and fill out the
Upload to 3D Warehouse form as completely as you can.
4. Click the Upload button to add your model to the 3D Warehouse. If everything
works properly, you see a page with your model on it, along with all the
information you just entered.
Tip: Use the component option when you want to upload only a part of a SketchUp
model, such as a single building from a model of a larger development.
119 | P a g e
3.6.1 SketchUp and Google Earth
You can place a SketchUp model anywhere on the earth using Google Earth.
Google Earth is an application where you can view satellite imagery, maps, terrain,
3D buildings, from galaxies in outer space to the canyons of the ocean.
Steps to place model in Google Earth:
1. Open SketchUp.
2. Draw a model in SketchUp
3. Import the site from Google Maps by selecting the icon in the SketchUp menu
bar with the yellow arrow pointing down.
4. Type in the address of the location you want, and then click on “Select
Region” button. You can then adjust the pins at the corners and, then select
the “Grab” button.
120 | P a g e
If you don't like the background, click on it so the border turns red, then right click
and select "unlock" from the context cursor menu. The border will then turn blue.
The Original 3D image in Google Earth:
The image SketchUp after importing the Google Earth site to SketchUp:
You can move, rotate or scale your drawing on the Google Maps background, but
you will not be able to change the background. After you have the building where
you want it, and want to see how it will look in Google Earth in 3D, export it along
121 | P a g e
with the site to Google Earth by selecting the "Place Model" icon in the SketchUp
menu bar with the orange arrow pointing up.
Note that you can continue to make changes to the model in SketchUp and use
"Place Model" again to update it.
Click “Yes” to update the image in Google Earth
3D Warehouse is all about sharing and that ethos extends to websites and social
media. Before you embed a 3D model in a web page, read the 3D Warehouse
Terms of Use.
Steps to embed a 3D Warehouse model on a web page:
1. On the model details page, click the Embed tab in the sidebar on the right.
2. Select Thumbnail to get HTML code for embedding a thumbnail image of the
model. Select 3D Viewer for HTML code that embeds a 3D viewer on a web
122 | P a g e
page. For the 3D viewer to work on a web page, the visitor’s web browser
needs to support WebGL.
3. In the Embed This Model window that opens, as shown in the following figure,
copy the code snippet, which you can then insert into your web page. You may
want to save the code snippet to a TXT file that you can save to your hard drive,
especially if you don’t plan to embed the code snippet right away.
4. Click the Close button.
Tip: If you want, you can change the width and height attributes in the HTML code
snippet.
You can also share a model on Google+, Facebook, Twitter, or Pinterest directly
from the model details page.
123 | P a g e
2. Twitter
4. Tumbler
5. Instagram
124 | P a g e
Module 4:
PLATFORMS AS TOOLS
FOR ICT CONTENT
DEVELOPMENT
125 | P a g e
4.1 Presentation/ Visualization Online Platform
126 | P a g e
MindMeister provides a way to visualize information in mind
maps utilizing user modeling, while also providing tools to facilitate real
time collaboration, task management and creating presentations. By using
cloud storage, MindMeister can distribute changes in mind maps in real-time
to all users on all devices. Mind maps can be shared both privately with an
unlimited amount of users and publicly. https://www.mindmeister.com (Links
to an external site.)Links to an external site.
127 | P a g e
4.1.1 Cloud Computing Online Platform
Google Drive is an online storage that allows you to save photos, stories,
designs, drawings, recordings, and videos online and share it with others to
view, download, and collaborate. Files or folders can be shared privately with
particular users having a Google account, using their @gmail.com email
addresses. https://www.google.com/drive/ (Links to an external site.)Links to
an external site.
Google Docs allows user to create and share your work online and access
your documents from anywhere. Google Docs brings your documents to life
with smart editing and styling tools to help you easily format text and
paragraphs. It allows users to easily manage documents, spreadsheets,
presentations, surveys, and more. https://www.google.com/docs/about/ (Links
to an external site.)Links to an external site.
128 | P a g e
Box is an online file sharing and content management service for businesses.
The company uses a freemium business model to provide cloud storage and
file hosting for personal accounts and
businesses. https://www.box.com/ (Links to an external site.)Links to an
external site.
129 | P a g e
Dropbox is a file hosting service (Links to an external site.)Links to an external
site. that offers cloud storage (Links to an external site.)Links to an external
site., file synchronization (Links to an external site.)Links to an external
site., personal cloud (Links to an external site.)Links to an external site.,
and client (Links to an external site.)Links to an external site. software.
Dropbox creates a special folder on the user's computer, the contents are then
synchronized to Dropbox's servers and to other computers and devices that
the user has installed Dropbox on. Everything you keep in Dropbox is synced
automatically to all your devices. https://www.dropbox.com/?landing=fd (Links
to an external site.)Links to an external site.
130 | P a g e
Flickr, in addition to being a popular website for users to share and embed
personal photographs, and effectively an online community, is widely used by
photo researchers and bloggers to host images that they embed in blogs
and social media. https://www.flickr.com/ (Links to an external site.)Links to an
external site.
131 | P a g e
Instagram is an online mobile photo-sharing site that allows users to share
pictures and videos. Users can upload media captured in any aspect ratio and
apply digital filters to their images. Videos uploaded on Instagram can support
widescreen resolutions of up to 1080p and longer recording times for either
prerecorded (up to one minute) or disappearing live (up to one hour)
videos. https://www.instagram.com/?hl=en (Links to an external site.)Links to
an external site.
132 | P a g e
LinkedIn is a social networking site designed specifically for the business
community. The goal of the site is to allow registered members to establish
and document networks of people they know and trust professionally. It is
another example of social networking site, although its focus is business and
professional networking. https://www.linkedin.com/uas/login (Links to an
external site.)Links to an external site.
133 | P a g e
SnapChat allows users to talk with friends, view Live Stories from around the
world, and explore news. Snapchat evolved into a mix of private messaging
and public content, including brand networks, publications, and live events
such as sports and music. https://www.snapchat.com/ (Links to an external
site.)Links to an external site.
134 | P a g e
internet. https://www.skype.com/en/ (Links to an external site.)Links to an
external site.
Twitter is an online news and social networking service where users post and
interact with messages or "tweets". It is a free application that lets users
connect with people and get information around the world in the area of politics,
sports, and entertainment, news and current events. Registered users can
post tweets, but those who are unregistered can only read
them. https://twitter.com/?lang=en (Links to an external site.)Links to an
external site.
135 | P a g e
Viber is a multilingual social platform, which is available in more than 30
languages, and is known for its instant text messaging and voice messaging
capabilities. You can also share photos, videos and audio messages using
Viber. It offers you the ability to call non-Viber users through a feature named
Viber Out.
136 | P a g e
4.1.3 Nature and Purpose of Online Platforms: Web Page Creation
Weebly allows user to create a free website, blog, or online store in minutes
by using a simple drag and drop interface. It is a web-hosting service featuring
a drag-and-drop website builder. https://www.weebly.com/?lang=en (Links to
an external site.)Links to an external site.
137 | P a g e
Webs (formerly FreeWebs) is among the most popular free website creators
available and features many of the same features of other online website
builders. It only takes a few clicks in order to add e-commerce functionality to
your website as Webs has the ability to integrate your site with Paypal or
Google Checkout. Create your own social network by requiring visitors to “join”
your site. http://www.webs.com/ (Links to an external site.)Links to an external
site.
138 | P a g e
Webnode is a website creator with a user-friendly interface (think of Microsoft
Word) and operates like a content management system. With Webnode,
webpages are edited by browsing to the page first, then making the necessary
changes. This helps to better visualize how website will look and function
exactly. Change your page layout and design at anytime using the toolbar.
Webnode allows for automatic linking and navigation, so it can be particularly
useful when creating large websites with lots of
139 | P a g e
content. https://www.webnode.com/ (Links to an external site.)Links to an
external site.
140 | P a g e
4.1.4 Nature and Purpose of Online Platforms: File Management
and Mapping
Zamzar is a web-based file conversion tool that can convert your video, audio,
images, and documents from nearly any format to nearly any other format. It
supports over 1200 different conversions - Video Converter, Audio Converter,
Music Converter, eBook Converter, Image Converter, CAD Converter among
others. http://www.zamzar.com (Links to an external site.)Links to an external
site./ (Links to an external site.)Links to an external site.
141 | P a g e
Word2PDF easily converts your Word files to PDF with this online tool. Users
can select particular pages, rotate PDF pages, re-order pages, split files and
more. A PDF protection for printing, copying and editing is removed
automatically (without password). Supported formats include Word, Excel,
Powerpoint, Publisher, OpenOffice, Images, XPS, PDF among
others. http://www.word2pdf.com/ (Links to an external site.)Links to an
external site.
142 | P a g e
6. Mapping
143 | P a g e
Wikimapia is a privately owned open-content collaborative mapping project
that utilizes an interactive "clickable" web map with a geographically-
referenced wiki. http://wikimapia.org/ (Links to an external site.)Links to an
external site.
144 | P a g e
4.2 Basic Principles and Elements of Web Design
The elements of design are the basic building blocks of all design projects. The
elements of design include line, shape, texture, color, size, space and value.
The principles of design are how you apply design elements to your page. These
principles are some of the more accepted methods of design. The principles of
design are balance, contrast, emphasis, rhythm, and unity.
145 | P a g e
4.2.1 Elements of Web Design
1. Line
Line is a basic element of design. It adds to the style of a design and can enhance
the comprehension and readability of a design. Lines can be used as a border
around elements or a divider between elements.
146 | P a g e
2. Shape
Shapes are made up of closed contours and three-dimensional objects placed in
the design. Shapes are used to convey meaning and organize information. An
example would be the three basic shapes: circle, square, and triangle, considered
to be the fundamental shapes found in all design.
147 | P a g e
3. Texture
Texture is the look and feel of a surface. In two-dimensional form, texture is
essentially visual and adds richness and dimension to work. Texture can also refer
to pattern, which is visual texture.
148 | P a g e
4.2.2 Elements of Web Design (cont.)
4. Color
Color is used to generate emotions, define importance, create visual interest and
unify branding.
5. Size
In graphic design, size is used to convey importance, attract attention, and create
contrast.
149 | P a g e
6. Space
A vital part of any good graphic design, space is the area around the elements in
a design. It can be used to separate or group information. Use it effectively to give
the eye a rest, define importance and lead the eye where you want it to travel
7. Value
Value is how light or dark an area looks in a design. It is everything from the darkest
of blacks thru the brightest of whites. Used correctly, it will create depth, contrast,
and emphasis.
150 | P a g e
4.2.3 Basic Principles of Web Design
1. Balance
Balance occurs when all the design elements are equally distributed through the
design. There are essentially two types of
balance: symmetrical and asymmetrical. Symmetrical elements are arranged
equally on both sides of a composition to suggest a stable or static motion.
Asymmetrical elements create a deliberate imbalance to suggest variety or
dynamic movement.
151 | P a g e
Jeffrey Sarmiento (Links to an external site.)Links to an external site. has an
asymmetrically balanced layout with the weight of the content and images
being on the left side, and the right narrower column is sparser with
information. The asymmetrical balance activates the content.
152 | P a g e
2. Contrast
Contrast shows the differences between elements on the page. Big and small,
black and white, square and circle - these are all contrasts. Contrast stresses the
visual differences between the elements to enhance the perception of a message
intended. Contrast also draws and directs the viewer's attention to specific areas
of information.
153 | P a g e
3. Emphasis
Emphasis is often called dominance. With emphasis, designers showcase what is
of highest priority in the design. The most emphasized visual element in a design
is called a focal point, because it attracts the viewer's attention first. You can
create emphasis by taking an element and making it bigger, bolder, or brighter, by
putting it in a contrasting color, or by surrounding it with white space.
154 | P a g e
Toucouleur (Links to an external site.)Links to an external site. places a large-
sized illustration in the most prominent position of the layout. The user has to
scroll down to read the body copy on the page. This forces the viewer to spend
time looking at the illustration. Thus, the emphasis is placed on the illustration.
155 | P a g e
4. Rhythm
Rhythm or repetition is the expression of visual harmony within a design.
Repetition and rhythm attract attention in a design and allow the viewer to relax as
they recognize the pattern. The term sequence is used to refer to the viewing
order of the elements and to determine the flow of a multi-page publication such
as a magazine, book or large website.
156 | P a g e
5. Unity
Unity is achieved when all the design elements relate to one another and
project a sense of completeness. For example, an image must relate to the
text it is next to, otherwise the overall message will not make sense to the
viewer. Unity is what makes the content attractive and understandable to
the viewer. Where there is no unity in the design, the message can appear
confusing and undesirable to the viewer.
Weebly
Weebly is an easy way to build a fantastic site. First step is to pick a theme, then
pick a domain option, and build your weebly website.
157 | P a g e
Wix
Wix is a cloud-based web development platform that allows users to create HTML5
web sites and mobile sites through the use of their online drag-and-drop
tools. http://www.wix.com/ (Links to an external site.)Links to an external site.
Facebook Pages
Pages are for businesses, brands and organizations to share their stories and
connect with people. Like profiles, you can customize a Page by publishing stories,
hosting events and more. People who like your Page and their friends can get
updates in News Feed.
Select a Theme
The first step on the road to building your site is selecting a theme. Choose from a
variety of themes, all of which are responsive and built to adapt to a variety of
purposes.
You can look them up with a quick scroll through the Theme Gallery.
Domain Name
After you pick a theme, choose your site's address/domain name. Select from a
free sub-domain of Weebly.com or register a new domain name.
158 | P a g e
Click the image below for the video tutorial of building a website using weebly:
https://www.youtube.com/watch?v=4TZqFc5bDhA (Links to an external site.)Links
to an external site.
159 | P a g e
4.3.2 Designing Web Pages in Wix
To create a webpage using Wix, follow the step-by-step guide below.
160 | P a g e
3. Select a Template
You can browse from the popular templates or search for something specific. You
can also search within specific categories like websites made specifically for
consultants, service providers or marketers. Also, you can choose from a selection
of mostly blank themes and then build up from there.
161 | P a g e
4. Change Your Details
When you’ve selected a template you like, WIX will take you to a preview of the
design that you can edit by clicking, dragging and dropping the different elements
on the page. Update your business name, tagline and any other text elements on
the page. To do this, just click on the text that you want to change and then you’ll
see a text editor that lets you type in new text and change the size, font and other
elements.
5. Update Media
You’ll also have the ability to change some of the more visual elements of the site.
If there are any photos included on the template, you can click on them to change
them to a photo that’s more specific to your business. Also, you have the ability to
change the background of your page. Just click on the background option on the
sidebar, and then choose a color or upload a photo or video to serve as the
background of your website.
162 | P a g e
You don’t have to add the exact same elements. You can customize each page to
look exactly the way you want using the same method. Just click on the page you
want to edit in the navigation bar and then add whatever elements you want on
that page. Save your work and move on to edit the next page.
163 | P a g e
4.3.3 Designing Web Pages in Webnode
164 | P a g e
Select type of website and website category
From the list of more than 100 categories, select the category that describes your
business best. Based on your choice, your website will be created with relevant
text prepared for your business category and placed in your template.
165 | P a g e
The name of the category that you selected will be inserted into “Business
category”. Click “Continue”.
166 | P a g e
Fill in Contact Details
The last step is to fill in the contact details about your company. To complete the
registration process, click on “Finish” to create and launch your website.
167 | P a g e
To create a Page:
3. Select a more specific category from the drop-down menu and fill in the
required information
168 | P a g e
4. Click Get Started and follow the onscreen instructions
169 | P a g e
https://www.facebook.com/EC_shop-store-online-484998451616863/ (Links to an
external site.)Links to an external site.
170 | P a g e
Module 5:
COLLABORATIVE
DEVELOPMENT OF ICT
CONTENT
171 | P a g e
5.1 Team Structure and Dynamics for ICT Content
RESPONSIBILITIES:
1. Help the team to plan and prioritize workloads and projects.
2. Manage the team performance.
3. Manage day to day operational activities.
4.Be a technical escalation point for the team.
5. Have excellent communication skills,with the ability to communicate effectively
face-to-face.
172 | P a g e
Requirements
SKILLS
NETWORK TEAM
TELECOMMS TEAM
TEAM STRUCTURE
RESPONSIBILITIES
173 | P a g e
3. Product research for new audio video technology
4. Preparation of files.
5. Audio and video editing.
Director ICT
RESPONSIBILITIES:
1. Undertake analysis,development,implementation,integration to support core
ICT applications
2. Participate in the progressive rotation of analyst.
Collaboration software can take many forms, from simple instant messaging, to
conferencing and telephony, to video conferencing. Some applications may focus
on a specific element, while others try to incorporate multiple capabilities. An
increasing number of applications allow workers to collaborate on the same
document at the same time, wherever they might be.
There are many tools that might fall in this category, but for the purposes of this
article, we define online collaboration software as a software application, platform,
or tool that is delivered as Software-as-a-Service (SaaS), or cloud, and contains a
number of capabilities within one platform, either built directly in, or integrated with
other applications.
As the use of cloud-based software has risen exponentially in the past few years,
there are many terms that can come into play when discussing using collaboration
tools. Here are some essentials:
174 | P a g e
individual tools, planners, and spreadsheets. Now, a new generation of solutions
can enable buy-in and use from every level of an enterprise—so that collaboration
and project management can work smoothly, and scale.
Asynchronous collaboration tools: These tools are managed by a server, and
allow messages to be sent and received through the servers. In other words, these
communications happen on a schedule set by the server, not in real time.
Synchronous collaboration tools: This formal name covers online
communication tools, like Skype, Yammer, Google Chat, and so forth.
Workers have used collaboration tools as long as people have worked together on
projects. The telephone, telegraph, and other broad communication tools changed
the landscape of modern business early in the 20th century. No longer did
salesmen have to go door to door or wait for a customer to walk into a shop to
connect with prospective customers. As the internet grew late in the century,
employees began to use emails, instant messaging, VoIP (Voice over Internet
Protocol), and mainframe, and then server-based, portals to track projects and
time. Some of the organizations involved early on in collaboration tools include the
following:
Looking ahead, the trends that will be affecting small and enterprise level
collaboration tools involve the broader use of the cloud for storage, security, and
speed of response. The key for companies is to identify the needs of their
business—and their employees—because any collaboration solution requires
complete buy-in for it to really boost productivity.
175 | P a g e
Assessing Your and Your Company’s Collaboration Needs
Online collaboration software isn’t just for companies who have people working in
different locations; it’s also a valuable tool for any business that wants to increase
efficiency and effectiveness. But with so many choices, how do you choose the
right collaboration tool for your organization? As you begin your research, it’s
critical to examine your business and what types of collaboration needs it has.
Empowering workers with collaboration tools can increase productivity, help keep
deliverables on track, and improve overall workflow. There are plenty of online
options available regardless of industry, so look for solutions that have the features
you need. Some products are for designers and more creative types who need
virtual whiteboards and interactive brainstorming tools, while others are ideal for
businesses that rely heavily on office productivity tools. Still some options have a
healthy mix of features that would appeal to both designers and executives in the
company. It all depends on the functionality that you need for your specific project
or organization — some teams require the ability to create interactive prototypes,
others want microblogging and mindmapping capabilities, and others want a virtual
3D world in which to collaborate.
Remote staff members (people who work from home or on the road, or are based
in another country or time zone)
Contractors, vendors, and freelancers in the growing “gig economy”
Human resources teams
Project managers
Agile team managers and members
Developers
While it’s great to have so many options, picking the right collaboration tools can
be daunting. To help narrow your search, do a little research at your company to
get a better idea of how people would use online collaboration software. Start by
identifying the type of projects that it could be used for. Talk to the people who will
be using it and find out how they handle workflow and communication on a project.
What are the steps involved in the project? How many people are working on it?
How many departments? What content will be used? Some workers will prefer to
store discussions in a centralized location, while others may only want to be able
to make comments on specific files attached to the plan.
During this research period, meet with project owners or managers to learn more
about style preferences and how team members currently interact while working
together. What methods of communication and tracking do they use? Where do
they store project files? How do they each like to work? This will provide great
insight to the type of features that will benefit your company most.
176 | P a g e
Additionally, create a list of apps that the company frequently uses. You’ll want to
make sure that the online collaboration software you choose will integrate with
what is currently in use. Above all, figure out if the program you select will actually
help streamline your team’s work.
Now you should be prepared to evaluate the collaboration tools in the marketplace,
with your company’s unique needs in mind. To make your search easier, we’ve
created this list of five essential areas to evaluate when researching online
collaboration tools.
Understanding the following communication features will help you pick the right
collaboration software for your team.
Collaborating on work doesn’t always mean two or more people are working on
something simultaneously. Often, a document or file is created and needs to be
reviewed by other team members. This is when messaging can be incredibly
helpful in moving the process along. Users who are viewing a file should be able
to leave messages in the file. There should also be an option to share the
messages privately or with a group. In addition to leaving messages on individual
files, support for instant messaging (IM) should also be integrated into the online
collaboration tool. Whether it’s a free IM program or one the IT department
manages, sending IMs has become a common and efficient way to communicate
in the workplace. Find a solution that supports the IM method used in your
workplace or has its own form of messaging included.
Collaboration often occurs between just two people who are preparing a concept
for the group to review later. The online collaboration tool you select should enable
this type of communication. The ability for two people to work on a file together
and simultaneously have an interactive conversation about it using their
messaging preference (audio, video, or online chat) can increase productivity.
Additionally, it’s important to have privacy and access settings per individual that
177 | P a g e
can be adjusted whenever needed — there are some occasions where everyone
in the group doesn’t need to be privy to a conversation.
Verify Conference Calls Can Be Conducted Online and Over the Phone
Many workers have become accustomed to using Skype and Google Hangouts to
collaborate on projects. Participants often have to manage screen sharing and deal
with quality issues that can accompany the use of free products. When there are
multiple people on a call working on the same file, it’s useful for everyone to view
and comment on it simultaneously. Remember that video can be a strain on
networks. If this feature is important to you, make sure your company and remote
workers who are using this solution have networks with enough bandwidth to
handle it effectively.
One of the latest trends in online collaboration software is having all the
conversations about a project stored in a central location. Think of it as a bulletin
board or Facebook for business, but without the ads. Instead of inviting people to
an event where everyone leaves comments and additional commentary on specific
messages, team members have a similar messaging center for a particular project.
Introducing a new tool in the workplace has plenty of benefits. It can increase
productivity, help employees work smarter, and in the case of collaboration tools,
improve communication and help encourage team members to form personal
relationships. But sometimes adding more tools is not necessarily a good thing
when you’re looking at online collaboration software. Getting everyone to use the
same program is essential and eliminates the need to support multiple tools or deal
with the complexity of everyone using a different tool.
178 | P a g e
To help increase adoption of a new tool in the workplace, ease-of-use is critical.
People are busy and don’t have a lot of spare time to learn new tools from scratch.
And if a new tool proves to be complicated to learn or hard to use, people will
abandon it, making it a fruitless effort. However, if the new online collaboration
software has an interface people are familiar with, is easy to quickly learn and use,
adoption will be more successful. And remember, the tool you choose does not
necessarily have to be a big upfront cost: Sometimes a simple tool is the best
option.
Look for a solution that has an intuitive interface — one that is familiar and simple
to navigate. The solution should also not be overly complex nor overly simple. It
should conform to the way each individual chooses to work. Some teams opt for a
platform with dashboard functionality, so they can drag and drop designs or
documents for review, or get an at-a-glance view of project status and metrics in a
single, central information hub. Additionally, the solution should integrate with and
support other programs or methods currently in use. If a program isn’t easy to use,
the people in your organization aren’t going to adopt it.
Thanks to smartphones, tablets, and ubiquitous wifi, people don’t stop working
when they walk away from the computer. Many workers want to be able to use
their mobile devices to check in on projects while on the go, so be sure to consider
the type of mobile support available. Besides just being compatible or having a
mobile app for Windows Phone, Apple iOS, and Android devices, find out if there
are any limitations. For example, when using the mobile app version, will team
179 | P a g e
members only be able to view changes on a document, or can they also add
comments?
It’s not uncommon to find multiple computer platforms in the workplace. Designers
may be working on Macs while the business team uses PCs. Also, consider the
employees who work away from the office (either full-time or after traditional work
hours), who may use an entirely different platform at home than they do at work.
The online collaboration software you select should work seamlessly on all
platforms: Macs, PCs, and even Linux (if that’s part of your environment). A
solution that is initially compatible with multiple operating systems (OS) will likely
be scalable and support future OS updates.
Tip 3: Ensure Your Choice Has Scheduling Features to Help Keep Projects on Track
To help monitor all the moving parts of a project, the online collaboration software
you choose should have the ability to create task lists. This is more than just a
lengthy to-do list. When creating task lists, start by analyzing a project’s
deliverables and assign task owners responsible for each item. Look for an online
collaboration tool that can assign tasks to individuals, along with due dates and
sub-tasks, as well as the ability to attach files to a specific task.
Projects typically have multiple moving parts and plenty of dependencies. That’s
when scheduling is key. It’s one thing to add deadlines and tasks to the calendar,
but the ability to keep track of and automate them can help workers meet
deadlines. The online collaboration software you choose should monitor the status
of tasks and project milestones, and even send out automated reminders or an
alert to team members when a deadline is approaching, or when something has
fallen behind schedule.
180 | P a g e
For project managers, Gantt charts are visual roadmaps that identify potential
bumps in the road, so they can plan accordingly. At a glance, a Gantt chart can
show if tasks are being completed in the right order, if deadlines are being met, if
the right dependencies are in place, and if something is falling behind. Depending
on the tool you use to create a Gantt chart, it can also send out alerts and
reminders to specific team members. When it comes to collaborating, Gantt charts
are a useful tool for seeing the status of a particular document and where it is in
the workflow process. While online collaboration software isn’t synonymous with
Gantt charts, the ability to at least view a Gantt chart for a project can help keep
team members in the loop so they always know the status of their work.
Verify That the Tool Will Integrate with Your Calendar Apps
Once tasks are assigned and milestones and deadlines set, one of the easiest
ways to view that information is in a calendar. There’s no reason to re-invent the
wheel: Look for a solution that uses a standard calendar view that workers are
already accustomed to using. Additionally, look for the ability for tasks assigned to
team members to appear in their individual calendars. Many programs integrate
with existing calendar apps such as Google, Outlook, or iCal, and will automatically
add appointments and meetings to those programs.
Online collaboration software isn’t about a group of people working on a single file.
It’s about a team working on a project, which has multiple types of files. Depending
on the project’s scope, it can include a variety of file types, such as PDF, Excel,
Word, PNG or JPG (images), Google Docs, Power Point, Project files, and more.
It’s essential to have an online repository where all project files are stored,
accessible, and editable by team members.
When making files available to a group of workers both internally and externally,
security is essential. You’ll want to make sure the solution you pick conforms at
the very least to the security requirements set forth by your company’s IT
department. Additionally, if you want to manage the level of access that each user
has (to see particular details or make changes to files), look for an option that offers
role management. This can be used to assign permission levels easily.
Check that the Solution Works with the Type of Files You Use Most
Since online collaboration tools can also serve as a repository for all the files in a
project, confirm that it supports all the file types you use. Create a list of all the
possible file formats used in different projects and use that for reference when
researching features.
181 | P a g e
Confirm the Ability to Attach Feedback to Individual Files
Select a Tool that Seamlessly Integrates with Apps your Company Uses
When introducing a new tool into the office, it’s important that it works well – or is
it deeply integrated – with other applications and programs already deployed
throughout your organization. If workers can still use many of the tools they like in
conjunction with the new product, adoption will be higher. Take an inventory of the
apps already in use at your company. For example, if your organization uses cloud
storage (Box, DropBox, Google Drive, etc.), Google Apps, and other productivity
programs, you should still be able to use them within the new collaboration tool.
There are many benefits to using online collaboration tools to complete projects. It
gives team members the opportunity to edit project files, provide feedback, leave
comments, and chat with each other all in real time, without having one file that
must be “checked out” and “checked in,” or tracked for version control. It helps to
consistently maintain one current version, no matter who’s working on it or when
they’re working on it. While this method can save a lot of time and move the project
along quickly, it can also create some challenges if the collaboration software isn’t
correctly managing and tracking changes. When evaluating an online collaboration
tool, look for these keys features to handle version control and file protection.
Whether your company is big or small, one of the first questions you should ask
when looking for an online collaboration tool is if there is a limit to the number of
collaborators who can use the product. You’ll also want to know if there is a limit
to how many people can collaborate simultaneously. Collaborating on projects isn’t
limited to people just within the company. Many project contributors or team
members from outside the company, such as partners, vendors, and customers,
require access and input to the project plans. It’s important to understand if there
are any limitations for these users. For example, if someone making changes to a
file isn’t a part of your organization, find out if you will you need to pay a fee for
them to use the tool. Also ensure you can control what they can view or edit. The
182 | P a g e
online collaboration software you choose should account for all users, no matter
where they are.
In true collaboration, multiple people work on the same project plan or files
simultaneously. When this occurs, two people might be making edits to the same
section. An intelligent collaboration tool will let each person working on the file see
where the other person is making changes - even if they are occurring
simultaneously. What about when a team member works on a file offline? When it
is returned to the online environment, the file should still denote what changes
were made offline and by whom, and automatically sync up to the latest version.
When multiple people work on the project plan or file, a lot can happen. Sometimes
the project owner may not agree with all the changes made and wish to reject
changes or revert to a previous version. Perhaps the project manager wants to
include a section removed from the third version of the file. It shouldn’t be a
complicated process to find that version and merge it back into the document.
When overwriting changes, look for a lock feature, so that the final version really
is final.
Now that you have a better idea of how to research and what to look for when
picking an online collaboration tool for your organization, start your search by
deciding which features are the most important. Don’t make this list alone. After
all, this software is designed to help people work together. So, get others involved
in the decision and ask them about their process, what would make it easier for
them to work with others, and the apps and file types they currently use. Once you
have this list, rank the features in order of importance. This will help you prioritize
your needs, which will serve you well when doing your research.
With its familiar, intuitive interface, designed for how people actually work, rapid
and broad adoption occurs across your organization. Use self-service reports and
dashboards in Smartsheet to provide real-time visibility into resources, status, and
performance so you can rapidly align operations with strategy.
183 | P a g e
5.2.1 Online Collaborative Tools: Slack and in Vision
We're entering a golden era of collaboration tools. Distributed teams are much
more common, and it's easier than ever to work with individuals in different cities...
or even different continents. Collaboration tools make it easier and faster for
designers to get feedback and approve artwork in a professional manner, with
nothing getting lost in translation.
In this article, we gather together some of the best online collaboration tools that
enable creatives to work together in real time. Some are created specifically for
designers, others serve as a concept crafting whiteboard. We've also included
some more full-on project management tools for when you need to take your
collaborative project to the next level.
01. Slack
Want to improve communication within your team? Or work remotely but still stay
in touch? Collaboration tool Slack is a fantastic solution for clear, real-time
communication that keeps everyone in the loop. It's so popular now, chances are
you're using it already.
Perfect for anyone managing a team of remote employees, Slack enables project
development to move forward more smoothly. Different channels help keep
conversations on track, while having all team communication in one place ensures
no one gets left out of the loop. Slack can also help you grow your design business
by reducing email and meeting times.
02. InVision
Created specifically for designers, InVision is a web-based tool and mobile app
that turns your designs into fully active prototypes, complete with gestures,
transitions and animations. Clients can provide feedback in the form of comments
on your designs , and you can keep them up to date with the project’s progress in
real time through actionable to-do lists. Getting started on your first project
with InVision is free, but any more than that and you'll need to move to a paid plan.
03. Asana
Asana will help you stay on top of your workflow by enabling you to create to-do
lists, keep track of tasks via a project 'board', set deadline reminders, comment on
others' posts, and send requests to colleagues. Employers can also use it to keep
track of how projects are progressing. This collaboration tool first launched in 2008,
and is still very popular.
04. Trello
This project management tool is like a magical customisable to-do list on a single
interface, which you can share with others in real time. Based on a system of
184 | P a g e
'cards' (which are essentially Post-it notes), you can categorise and order text,
photos, drawings and mockups whichever way you want. There's also a nice
progress gauge so you can keep an eye on your project's pipeline, as well as the
ability to set appointment reminders. Most brilliantly of all: Trello is completely free.
05. Visme
Browser-based collaboration tool Visme collects all your team activities in one
place. It's especially good for designers because it enables you to create a variety
of visual projects, including presentations and infographics. There are built-in
features to help you monitor on each user’s workload, progress, and activity on
ongoing jobs.
06. Google Keep
Google Keep is a fantastic way to share lists and ideas (or keep them to yourself).
You can access Google Keep through its website or using the iOS or Android App.
If you're looking for an easy-to-use list app, check is a collaboration tool that's
definitely worth checking out.
07. Appear.in
You want to see all your team's smiling faces, right? That's not always possible
when working remotely, but online collaboration tool appear.in is the next best
thing. This brilliant video conversation app allows up to eight people to converse
in a chatroom, with no login or downloads required. It's free to use, or you can
bump up to a paid Pro plan for extra features.
08. Basecamp
09. Podio
Online collaboration tool Podio aims to help you improve the structure of your
workflows by offering a way to organise unwieldy stacks of work and assign
different employees specific tasks. It enables you to share files, get feedback on
work, and view the status on ongoing projects. One of the most enticing features
is its third-party integrations – it works with a whole load of services, from Dropbox
and Google Drive to Evernote. There are also mobile apps for use while you're out
of the office.
185 | P a g e
10. Red Pen
More fun than a teacher's marking pen, this feedback tool is particularly great if
you're a freelancer looking for some constructive criticism on a project. Specifically
created for designers, Red Pen lets you drag and drop your designs into a
dashboard and invite specific colleagues (or even clients) to let you know their
thoughts in real- time as you roll out your latest updates. One of Red Pen's best
features is that it keeps track of the numerous versions so you can always reclaim
that earlier design if you change your mind.
11. Mural
Mural is a creative tool for you to drag-and-drop rich media files, links and
documents onto a big HTML5 drawing board, which is a great way to collect
inspiration and gather your thoughts. It also supports collaboration that allows
designers to brainstorm cool ideas remotely. Plus, it is optimised for iPad and
gesture-friendly.
Mural is not just designed as a pinboard like Pinterest – its main goal is gathering
and organising ideas. Anyone can join you to edit and collaborate, and changes
are reflected on the board in real time. Just send an email invitation or set up a
password for the board and you are ready to go.
Tools like Mural are lighter than some of the more traditional brainstorming tools,
and if you're new to collaborative brainstorming then this could be a good place to
get started.
12. GoVisually
Free tool GoVisually allows you to mark annotations and place comments on any
part of your project. With it, designers and clients can collaborate to revise projects
online without sending painful emails, which should ultimately increase
productivity.
For your annotation you can chose an elliptical, rectangular or lasso selection, as
well as customising its colour and weight. These functions are very useful, and are
as simple to apply as you'd find in a basic drawing app.
When multiple team members are on the same page, GoVisually applies layers for
each user, like in Photoshop. Clicking on each user hides or displays relevant
content, which is particularly useful when collaborating with different departments.
Revisions can be easily upload and it is simple to switch between different versions
of the same document or project.
13. MindMeister
186 | P a g e
Mindmeister is a powerful mind-mapping tool, but also has the functionality of
many collaboration tools, so designers can use it to craft ideas and concepts. It
might feel a bit quirky to organise a design idea through mind mapping, but this is
still a great collaboration tool to try out. You can create up to three mind maps for
free, or swap to one of the paid plans if you find this tool works well for you.
14. Conceptboard
Conceptboard is an instant whiteboard for teams and projects, and designers can
also reap benefits by using it as a collaboration tool. Indeed, it's optimised for
creatives and is more like a one-stop solution for crafting concepts, managing
projects, and providing feedback at any time. There's a free version, but you'll only
be able to add up to 50 objects to each board you create. If you need more than
that, you'll need to swap to a paid plan.
15. Ideaflip
Ideaflip makes it easy for your team to quickly turn thoughts into ideas, and share
or refine them – whether your collaborator is in the same room or on the other side
of the world. A beautifully simple web app, Ideaflip is perfect for group
brainstorming and individual ideas, and offers a great way to compose, collect and
clarify your ideas. With this collaboration tool, it's free for guests to view and
contribute to boards, but to create a board yourself, you'll need to subscribe to a
paid plan.
16. ProofHub
Describing itself as the simple way for designers, teams and clients to
collaborate, Concept inbox provides you with a straightforward dashboard where
you can upload images, get fast feedback from clients and add revisions with full
version control. It also enables you to create interactive prototypes; just the thing
if you have a brilliant idea for an app and want to communicate how it would work.
18. Cage
Cage is an online collaboration tools specifically built for designers. The original
app allowed you share images of designs and get contextual feedback on them,
187 | P a g e
but it's now much more comprehensive. You can add tasks, approve files, and
even explore a more engaging experience with web-based presentations.
5.2.3 File and Folder Sharing with Google Docs, Sheets and
Slides
In recent years, web-based files have quickly gone from “interesting glimpse
of the future” to critical part of day-to-day work. But corralling work stored across
multiple web-based tools is difficult, if not impossible. Today, we’re taking the first
steps towards changing that. At Google Cloud Next ’19, we showed off a new
feature—available in open beta for Dropbox Business customers today—that lets
you work with Google Docs, Sheets, and Slides files right from Dropbox.
Once you’re signed in to both your Google and Dropbox accounts, you can create
and store Docs, Sheets, and Slides files in any Dropbox folder, right alongside
traditional files. This new feature will make it easier to organize your work by letting
you:
Search everything. Docs, Sheets, and Slides files will show up when you search
your Dropbox account. And our full-text search feature—available when searching
from our website, mobile app, and the Dropbox icon in the Windows system tray
and Mac menu bar—will show results from the content of your Docs, Sheets, and
Slides, not just the file names.
Create web-based files. You can start a shared Docs, Sheets, or Slides file right
from dropbox.com or our apps for Windows and Mac, and have it stored in
Dropbox. And when you open it, you’ll be taken straight to familiar Google editors
that launch right on dropbox.com.
Edit existing files. Now you can open .docx, .xlsx, or .pptx files from Dropbox in
Docs, Sheets, or Slides, respectively, and save them back to Dropbox in their
original format.
188 | P a g e
Manage everything
Sharing and real-time co-editing functionality is part of what’s made Docs, Sheets,
and Slides so successful, and they’re at the heart of this new feature. Adding a
Docs, Sheets, or Slides file to a shared Dropbox folder will automatically grant
members access—no need to leave Dropbox—so everyone can get to work
quickly. You’ll also be able to:
Share individual files. You can also share any Docs, Sheets, or Slides file on a
one-off basis, without adding it to a shared folder. You’ll have the option of inviting
people directly from our apps or by creating a shared link you can paste into an
email or chat.
Manage access. Whether you’re sharing directly from Dropbox or by creating a
link, you can grant recipients edit or view-only access. You can also set
permissions to team-only—to keep work inside your company—or anyone, for
sharing outside your Dropbox Business team. And since sharing is managed by
Dropbox, there’s nothing additional for team admins to manage.
Get feedback. Comments made on your Docs, Sheets, and Slides files will appear
in your Dropbox notifications, so you can stay up to date without checking multiple
places.
We’re thrilled to partner with Google Cloud to bring this new feature to teams using
Dropbox, and help them get work done more easily every day. And it’s just the first
step we’re taking to bridge web-based apps with Dropbox. Stay tuned for more
announcements soon.
Use Hangouts to keep in touch. Message friends, start free video or voice calls,
and hop on a conversation with one person or a group.
Include all your friends with group chats for up to 150 people.
189 | P a g e
Say more with photos, videos, maps, emoji, stickers, and animated
GIFs.Turn any conversation into a free group video call with up to 10
friends.
Keep in touch with friends across Android, iOS, and the web, and sync
chats across all your devices.
Message friends anytime, even if they’re offline.
Snooze your notifications so you can respond later.
See what you chatted about in the past, including shared photos and your
video call history.
Keep a record of any conversation for just a short period of time by turning
history off.
Connect your Google Voice account to make calls, send and receive SMS,
and access your voicemail.
Use Hangouts and get notifications as you move from tab to tab in Chrome,
or even without a Chrome window open.
Position Hangouts anywhere on your screen, even if you have more than
one monitor. Keep conversations in a single window or pop out the
important ones.
View and continue your conversations across devices.
Get notifications just once. After you see an alert, it’ll be removed on other
devices.
Notes:
Unlike the Chat for Google app, Hangouts doesn’t support “invisible
status”.
Mobile carrier and ISP charges may apply.
5.2.6 Prezi
Prezi is a presentation software company founded in 2009, with offices in
Budapest, San Francisco, and Riga. As of April 2018, Prezi had more than 100
million users who had created more than 325 million public presentations that
have been viewed over 3.5 billion times. The word prezi is the short form of
"presentation" in Hungarian.
History
Prezi was founded in 2009 in Budapest, Hungary, by Adam Somlai-
Fischer, Peter Halacsy, and Peter Arvai.
The earliest zooming presentation prototype had been previously developed by
Somlai-Fischer to showcase his media-art pieces. Peter Halacsy, an engineer,
190 | P a g e
saw one of these presentations and proposed to improve the software. They
were joined by entrepreneur and future CEO, Peter Arvai, with the goal of making
Prezi a globally recognized SaaScompany.
The company incorporated on May 20, 2009, and received its first major
investment from TED two months later. In November 2009, a San Francisco
office was opened and the first US employee was hired.
In early 2011, Prezi launched its first iPad application. That same year, it
received $14M in Series B venture capital funding led by Accel Partners. A
Prezi iPhone app was launched in late 2012.
In March 2014, Prezi pledged $100M in free licenses to Title 1 schools as part of
the Obama administration's ConnectED program. November of that year saw the
announcement of $57M in new funding from Spectrum Equity and Accel
Partners.
In February 2015, Prezi launched Nutshell, an app for creating 'mini-movies' from
photos.
Prezi for Android was launched in 2015, and in June 2016, the company
launched Prezi Business.
In April 2017, Prezi Next—a new HTML5-based product—was released. In May
2017, Prezi acquired Infogram, a data visualization company based in Latvia.
191 | P a g e
2. On the Course Navigtation Menu, click Pages. Click image to enlarge it.
192 | P a g e
If you want to work with an existing content page, select the page you would like to edit,
and then press the Edit button. If you want to create a new page, select
the +Page button in the upper-right side of the screen.
1. Click on the rocket ship icon that appears in the top-right corner of the
screen.
Quick Tip: If you prefer using keystrokes, you can use the keyboard
shortchut Alt-Shift-D to access Design Tools.
193 | P a g e
2. Click the Create/Edit Content dopdown item in the Design Tools menu.
Then, click the Copy Existing Content item.
3. Under Institution Template Pages you will be able to choose from seven
different templates: Assignment Instructions, Discussion Instructions,
Document, Module Overview, Quiz Instructions, Start Here, and Video
Lecture.
194 | P a g e
4. Once you have selected your template page, you are able to start editing
text by filling in your own information. If you want to adjust the template's
"theme," Click Choose a Theme on the Design Tools menu and then click
on a theme to apply it to your page.
If you would like to add or rearrange the content blocks on your page simply
select Create/Edit Content > Add/Rearrange Content Blocks. Here you will be
able to drag content blocks into your desired order by clicking on the left side of
the content blocks. You can delete a block by pressing the red X that displays to
the right, or add a new block by pressing the + Add Blocks button.
Remember to press the garnet Save button at the bottom of your content page to
save all your changes! If you do not do this and you navigate away from your
content page, then all your changes will be lost.
195 | P a g e
tutorial examines some of the information items and features generally found in
the sidebar. After reading this article, you’ll feel more comfortable in adding or
changing the content of your own sidebar.
Nested Lists
The Classic and Default WordPress Themes use nested lists to present their
sidebar information. Nested lists are a series of unordered lists of information, set
inside of each other. Here's a simple example:
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
</ul>
<ul>
<li>Beef</li>
<li>Chicken</li>
<li>Fish</li>
</ul>
<ul>
<li>Carrot</li>
<li>Celery</li>
196 | P a g e
</ul>
Each of these nested list "sections" can feature a CSS ID or class to make each
one look different or all the same, depending upon how they are styled within the
style sheet.
You don't have to use nested lists for your sidebar. That is up to you. If you do use
the nested lists as set by example in the WordPress core Themes, you need to
know how they work. To learn more about how to style your WordPress nested
lists, check out the article on Styling Lists with CSS.
Navigation
Historically, the main purpose of the sidebar has been to provide navigation
assistance for the visitor - a function commonly needed to the present day. These
navigation aids are designed to help people move about your site and find the
information you want them to see. The list of navigation items
includes Categories, Pages, Archives, and even the most recent posts. Another
navigational tool you'll see in the sidebar is a search form to help people find what
they are looking for on your site.
An example usage of the Pages list template tag in your sidebar.php file might be:
This puts the title Pages in an H2 heading and then puts the Pages in a list below
the title. This is just one sample of its usage and there are more options available
for controlling the end result of the template tag called wp_list_pages().
Listing the Categories helps the visitor find the information they want by topic. This
might look like:
197 | P a g e
<ul>
</ul>
</li>
This lists the title Categories within the menu list, and then creates a nested list
underneath to list the WordPress categories you've added to your site. If you have
no posts in a category, it will not show up on the list by default. Add a post, and it
will be there.
The original WordPress Default Theme, Kubrick, used a set of navigation tags on
its index.php template file, but you can use this same set in your sidebar to
emphasize the navigation from one post to another in chronological order:
<div class="navigation">
<div class="alignleft">
</div>
<div class="alignright">
</div>
</div>
This example puts the text for the links to the right and left parts of the screen. You
can change this to something more suitable to your sidebar's look by changing the
style sheet references or by further customizing the next and previous post links.
Post Lists
Part of helping your visitors navigate your site is to point them towards specific
posts and archives. Your most recent posts and archives can be displayed in a
variety of ways in your sidebar. The WordPress Classic and Default Themes
showcase the archives by month:
198 | P a g e
<li id="archives"><?php _e('Archives:'); ?>
<ul>
</ul>
Using the wp_get_archives() template tag, you can customize this list in a variety
of ways. Let's say you want to list the last 15 posts you've written by their title.
Replace the type=monthly as follows:
There are also Plugins which can help you customize different ways of
showcasing your lists of posts. They can be customized by category, most
commented on, most recent, most recently updated, and the list goes on.
</ul>
Several plugins will generate a list of related posts to the one you are viewing. One
of them, WordPress Related Entries Plugin by Wasabi, is easily activated and
might appear like this in your sidebar to return a result of ten related posts in a list:
<ul><?php related_posts(10, 10, '<li>', '</li>', '', '', false, false); ?></ul></li>
This is just the tip of the iceberg for ways of listing posts in your sidebar. You can
find more on your visit to the plugin sites listed below.
199 | P a g e
Meta Data
Did you know you could put anything you want in your sidebar? Some people like
to add the post meta data to the sidebar because it has information about the
post and adds links to different categories, dates, and possibly even next and
previous posts, all helping increase the visitor's navigation choices.
Part of that meta data might be a little paragraph about who you are and what the
site is about. You can add that using standard HTML and CSS and place it where
you would like it to appear in the sidebar, such as:
Remember, it's your sidebar and you can add or remove anything you want.
Link Lists
Lists of links, also called Blogrolls, are ways of listing different websites for your
viewers to visit when they are done with your site, of course. This is also a handy
way of featuring link exchanges.
Your link lists are controlled through the WordPress Link Manager. Each link can
be displayed as text or as an image. In the WordPress Default Theme, your Links
List is created with a conditional tag that only displays the Links List on the front
page and not on the rest of the web pages within the Theme. The Classic Theme
displays the Links List on every web page like this:
There are several ways of displaying your Links, and the above is just one
example. You can also customize the display of the list by using
the get_links() template tag. For example, let's say you want to display the links
only for category 2 in a list featuring images and not the link text, and sort the links
by the URL address:
200 | P a g e
<ul><?php get_links(2, '<li>', '</li>', '', TRUE, 'url', FALSE); ?></ul>
There are also a variety of Plugins for Links you can choose from to customize this
information even more.
Have your own set of links you want to share and you don't want to use the Link
Manager? Want to highlight links to specific posts or pages? Check out the article
on creating links to posts, pages, and categories.
<ul>
<?php
$order = 'user_nicename';
$user = get_userdata($user_id);
?>
<li><?php echo '<a href="' . $user->user_url . '">' . $user->display_name . '</a>'; ?><br /></li>
<?php
?>
201 | P a g e
</ul>
WordPress 1.5 used modular template files for the different parts and pieces of a
site. We are currently discussing one of them, the sidebar.php. Some Themes
feature different web pages beyond the index.php such
as archive.php, single.php, search.php, and category.php. Each of these post
pages can feature different sidebars, headers, and footers. Do you want to have
the sidebar change dependent upon whether someone is viewing a category,
archive, or the front page? We'll show you how.
In the WordPress Default Kubrick Theme, the single.php template file did not
request a sidebar. If you viewed a single post, you would see that the post
stretches across the space where the sidebar would have been. Click back to an
archive, category, or the front page and the sidebar returns. This Theme has
removed the call for the sidebar.
Placed on the single.php or the category.php template file instead of the default
tag, this different sidebar would appear on those web pages. You can then
customize sidebar2.php to feature whatever information you would like so that it is
different than the default sidebar.
If you would like to have a different sidebar on the single.php template file, and
another different sidebar visible when viewing an archive or category, edit
the archive.php or category.php template files and change the sidebar call to:
202 | P a g e
<?php include ('sidebar-cat.php'); ?>
Actually, you can use whatever name you want. You can also set up The Loop to
call different sidebars dependent upon what you are viewing, and you can learn
more about this technique in the WordPress Lesson on Exploring the Loop. You've
got the basic idea, and from here, it's up to your imagination.
register_sidebar ('custom');
} ?>
In your sidebar-templates you may now call the dynamic generated content
(widgets) by the index of your sidebars:
Or, even easier, call your sidebar by name - if your sidebar has a name of 'foo',
you can use:
203 | P a g e
<?php dynamic_sidebar('foo'); ?>
Sidebar Accessories
You can put anything you want in your sidebar. Want to have a random image or
a bit of text that changes with every view of a page on your site? How about adding
some asides which are little snips of post information? Want to add "buttons" or
icons to indicate favorite sites, or sites that do validation, or awards you've won?
How about weather reports or the latest news? You can honestly add anything you
want to your sidebar. Here's more examples of what's possible.
Randomness
Did you know you could have random images or text in your sidebar? Yep! There
are a variety of scripts and techniques for creating random images on your site,
images that change with every page or with each refreshing of the browser screen.
The key to having these things in your sidebar is making sure they fit within your
sidebar.
Vertical photographs and graphics tend to fit well with the long vertical column of
the sidebar. You can also feature horizontal images as long as they don't exceed
the width of the sidebar. If they do exceed the sidebar width, they can either
overlap, or push the rest of your content around, messing up your lovely layout.
204 | P a g e
More random content, such as text that changes with each page view, can be
added to your sidebar with the use of various plugins. This is a great feature if you
want to have a random list of links to posts within your site, or random quotes or
sayings, or other random bits of information.
Asides
Asides are like mini-posts; little tidbits you can post that show up in your sidebar
to leave a quick note about a topic or issue. These can be generated by
using Plugins or by taking advantage of the Link Manager.
Within Link Manager, create a link category called Elsewhere, for example. Enter
the links you would like to have listed in your Asides section in your sidebar. Give
them simple titles and descriptions to help identify the links. Then put the following
in your sidebar where you want your Elsewhere Asides to appear:
<h3>Worth Visiting:</h3>
<ul id="elsewhere">
<?php get_links(5, '<li>', '</li>', ' ', FALSE, '_id', FALSE, FALSE, 3, FALSE, TRUE); ?>
</ul>
There are other ways of creating asides, including using some Plugins which turn
"mini-posts" into asides:
Adding Asides
Photomatt's Asides
Coldforged's Asides
Innereyes' Rustasides
You can find more Plugins and ways to create Asides by visiting the various
WordPress Plugins sites listed below.
205 | P a g e
the test. If your site has won an award, or is part of a webring, or is a member of a
group, you can provide a graphic link to show that off, too. You can even use
graphics to create links to your RSS feeds.
The WordPress Default and Classic Themes provide a text link to validate your
site. It looks like this:
<li><a href="http://validator.w3.org/check/referer"
Language">XHTML</abbr></a></li>
To replace the link with a graphic link, like the "Valid XHTML" icon, copy the icon
to your site and try the following example, changing the file name and folders to
match your site:
<li><a href="http://validator.w3.org/check/referer"
src="http://example.com/graphics/icons/valid-xhtml10.gif"
The same technique can be used to highlight an award your site has won or any
other graphic link:
<li><a href="http://example2.com/"
src="http://example.com/graphics/icons/award42.gif"
Linking to graphics for Feeds is a little different from putting graphics in links.
WordPress uses Template Tags to display and coordinate feeds within a
WordPress site. Without a graphic, a link to a RSS 2.0 Feed looks like this:
206 | P a g e
<li><a href="feed:<?php bloginfo('rss2_url'); ?>"
</a></li>
The template tag bloginfo() has parameters for the different feeds so you don't
have to come up with the URL yourself. It's automatic. Now, let's replace the text
with a graphic.
It used to be common that Feeds were identified by an orange colored box, but
now, RSS Feeds can look like anything, but they tend to have a common look so
they are identifiable from site to site. They feature a horizontal box with two
"columns" of color, one bright and one light, saying RSS|FEED or RSS|Valid. You
can make it say whatever you want, as long as it points your visitors towards this
feature. Feedforall's DYI Feed Graphic Designer allows you to easily design your
own feed icon.
The Feed Icons site provides graphical icons using the icon created by the Mozilla
Foundation and later adopted by Microsoft. A graphical icon helps avoid some of
the issues currently associated with the wide variety of text-based icons.
<img src="http://example.com/graphics/icons/rssfeed20.gif"
We've given you some examples of how to create graphic links, buttons, or icons
in your sidebar, the rest is up to you.
207 | P a g e
If you can't find a plugin that does what you want it to do in your sidebar, you can
also write your own plugin and share that with the world to use in their sidebars.
Plugins such as Widget Logic and Dynamic Widgets now allow users to customize
the display of Widgets on pages.
Plugin Resources
We've only mentioned a few of the many different Plugins you can use in the
designing and customization of your sidebar in WordPress. You can find these and
more from the various plugin resources listed below or search the Internet for
more.
Follow the instructions very carefully as provided by the plugin author. If you have
trouble with the plugin, contact the author's site first, then the author, and if that
doesn't help, do a search on the Internet for help and then visit the WordPress
Forum for further assistance.
Categories:
WordPress Lessons
Design and Layout
Templates
208 | P a g e
5.2.6.4 Collaborating with Prezi
Adding collaborators
To start collaborating on a presentation, its owner must first give users rights to
edit, comment, or view. Please note that collaborators need a Prezi Next license
to be able to edit a presentation.
1. From the dashboard, click the three dots (...) in the thumbnail of a
presentation to get the detailed view screen.
2. Click the Collaborators icon in the top-right corner of your screen.
Alternatively, you can click the arrow icon in a presentation thumbnail
and select Add collaborators.
3. You’ll see the “Collaborators” pop-up window with the list of current
collaborators.
4. Enter the name or email of the collaborator you wish to add, then
select their rights.
5. Click Add when you’re done.
1. Click on the Share icon at the top of your screen, then select Collaborate.
2. You’ll see the “Collaborators” pop-up window with the list of current
collaborators.
3. Enter the name or email of the collaborator you wish to add, then select
their rights
4. Click Add when finished, then Done to close the pop-up.
Part of a Prezi team? You also have the option of adding everyone in your team
as a collaborator at once. Simply choose "Anyone on the team" in the collaborator
dialogue and choose the presentation rights for your team members.
Removing collaborators
If you change your mind and would like to remove a user from your presentation,
it’s easy. You can also decide to give them rights to only present or only make
comments.
1. From the dashboard, click the three dots (...) in the thumbnail of a
presentation to get the detailed view screen.
209 | P a g e
2. Click the Collaborators icon in the top-right corner of your screen.
Alternatively, you can click the arrow icon in a presentation thumbnail
and select Add collaborators.
3. You’ll see the “Collaborators” pop-up window with the list of current
collaborators.
4. Click the user’s rights located next to the person’s name to remove
or change their rights.
5. Choose the rights you want to give for the presentation, or
select Remove from presentation to remove the user completely.
6. When finished, close the pop-up window.
Prezi Next allows your team to collaborate more quickly and efficiently using
comments. Now you can give feedback on work directly where it matters.
To add a comment
1. From the editor, select the object, text, or area where you want to add a
comment.
2. Click the comment icon in the context toolbar to get the pop-up window or
right-click (CTRL/CMD + click) on the canvas.
3. Type your comment in the field and hit ENTER. You’ll see yellow dot appear
where the comment was made.
Any user who has permission to edit the presentation can add or reply to a
comment. If a presentation has any comments, all users who have commented in
the thread will be notified by email and if integration has been added, by Slack.
Moreover, a yellow dot will appear wherever a comment has been made on the
presentation and in the left sidebar.
To see all comments, click on the comments icon in the top toolbar next to the
“Present” button.
Co-editing a presentation
You can add up to 10 team members to co-edit a single presentation. You can see
the number of co-editors in a presentation next to the person icon in the upper right
corner of the editor.
To add co-editors or change collaborating rights, simply click on the icon to get the
pop-up. Then follow the directions listed above on how to add collaborators.
210 | P a g e
Module 6:
MULTIMEDIA AND ICT'S
211 | P a g e
6.1 Rich Content in the Online Environment and the User
Experience
212 | P a g e
ADVANTAGES AND DIS ADVANTAGES OF AN ONLINE ENVIRONMENT
ADVANTAGES
DISADVANTAGES
YouTube
A great example of a web 2.0 application that utilises rich user experiences
to capture and retain an audience is YouTube. I can safely say that everyone who
reads this blog post would have used YouTube at some point and can see why i
have chosen this as an example for a rich user experience. YouTube provides the
tools (with the help of google of course) for an online community that is driven by
sharing and collaboration. YouTube provides so many fantastic features for all
levels of users, meaning you dont have to invest hours of time to see a worthwhile
return in terms of the experience. YouTube has come a long way since the days
of its beginning, we can now see many features that were in the past reserved for
powerful desktop computing machines right there on the web!. YouTube is
essentially providing a service to amateur film makers/animators with the features
they give them. Users can simply jump on and create an animated video within a
213 | P a g e
few minutes using app extensions like Xtranormal Movie Maker and One True
Media. Because many of the videos that are uploaded to Youtube are from devices
not capable of high quality video recording YouTube offers an online movie editor
that can colour correct your video and even stabalise the camera shake. Although
some of the features at this stage are not as developed as the expensive desktop
applications we can see the direction that these types of Web 2.0 user experiences
are going.
Despite the horror stories (e.g., United Breaks Guitars or Boeing’s Social
Media Lesson), the benefits are undeniable when customers find you online
and engage with your content. Using digital and social tools leads to more links
to your website, better quality visits and more indexing. It also allows you to
establish your trustworthiness and credibility with customers, build relationships
with them and improve business profitability.
Are you ready to manage your online reputation? Here are several steps for you
and your company to consider.
What’s your “Google juice’? Good? Bad? Indifferent? You need to check it out.
214 | P a g e
Enter your name in quotation marks in a search window and examine the results
from the first three pages. When you monitor your search results, you’re looking
to create a baseline for terms that matter to you and your business, starting with
your name, your company name and extending to category names.
TIPS:
Ultimately, you’re looking to recreate the experience that a potential customer may
have while searching for your name and your company’s name, so keep these
ideas in mind:
Experiment with different browsers and search engines (e.g., Google, Bing,
Social Mention, etc.) as you’ll notice different results.
Be aware that Google search will personalize results so they are more
relevant to your search patterns. You’ll want to compare the results you
obtain when you search logged into your Google account (if you have one)
vs. when you are logged out.
Change your search location (see left sidebar in Google).
Test with Google instant turned on and off.
Your goal is to ‘own’ as many first page search results as possible for your
name and/or your company’s name with content you’ve created or positively
influenced. Ideally, your website address will appear at the top of those page one
results.
Complete and robust social profiles allow you to own more of those page one
results. Claim your profiles and make sure they consistently describe you
and your company. Consider those social profiles extensions of your
company’s sites; they are ways for you to extend your presence and influence.
215 | P a g e
Flickr
Twitter
TIPS:
Listen intensely
Start listening for what matters to you and your potential customers:
Create Google Alerts for your name, your company name, your URL, your
competitors, your terms of interest.
Explore Google Adwords to get a sense for which terms generate the
greatest number of monthly searches; calibrate that against what you know
about your specific customers and marketplace.
If you want to listen based on geographic proximity, you can experiment
with a Twitter tool called Monitter.
Don’t forget to analyze your web analytics (check out How to Find Content
Ideas in Your Web Analytics Report) for clues on what customers are
searching for.
Explore the results you obtain from monitoring your searches. Some may
reflect specific opportunities to address issues and ideas with customers.
When you can, find out more about specific circumstances so you can make
improvements and communicate back with your solution.
Respond! See the next section for specific tips.
Once you have a better feel for the terms that properly reflect what your
customers are looking for, consider paid listening tools.
216 | P a g e
Set expectations
Of course, you should also respond to the comments that you hear while
listening. Develop policies and guidelines so you and others in your
organization will engage consistently and respectfully with potential
customers via digital and social means:
Never forget that your reputation – online and offline – is a function of those who
represent you and interact with customers. Engage respectfully and consistently
with employees and customers. For instance, here are some thing to capture in
your guidelines:
Acknowledge comments
Encourage interaction
Ask questions
Listen intensely to what ensues
Say thank you.
For validation, look at what Fiskars — a 360+ year old scissor company — has
achieved with employees and customers with its Fiskateers Brand Ambassador
program [see Fiskars: 360 Years Young & Innovating With Customers].
For examples of policies and guidelines, see my post titled How Do I Start With
Social Media Guidelines?
217 | P a g e
Does your website meta data –- page title, description, keywords — reflect
what your content is about? For more perspective, check out
Google’s Search Engine Optimization Starter Guide.
Be sure to include the story of your business and identify your employees;
when possible, add a link to their individual LinkedIn profiles.
The more time you can spend calmly considering worst-case scenarios
before they happen, the more likely you’ll be able to avoid them for your
company. By virtue of thinking about them and creating a social media response
plan similar to what the US Army and Ohio State Medical Center have in place,
you’ll be ready to react productively and consistently that supports your company’s
online reputation.
The Web Applications in the current days have become a complete phenomenon
in today’s generation. This post is framed In order to help and redefine the way,
organizations and individuals communicate and collaborate with each other.
Further, this could notify the current generations on web applications and to identify
the architectural design of the next generation. Especially, the advancement on
the web could have a better impact on Digital Marketing.
The realistic approach of web 3.0 flags way on dynamic performances that focuses
on predicting answers based on user priority. An executable 3.0 engages dynamic
218 | P a g e
content and executes machine interaction as devices like smartphones,
automobiles are highly connected to the internet. Whereas, web 2.0 motivates data
sharing.
This article aims to be clear out the difference between Web 2.0 and Web 3.0.
219 | P a g e
Thus, a powerful data that clarifies on both web 2.0 and web 3.0 would highly help
you to get promoted on web development services. Would you like to know more
on any of the web related services and its advancements, then you could directly
reach us. We are here to help you to know much better about the advancements
and even provide services on web applications.
1. Probably another buzzword like Web 2.0 for marketing purposes. Web 3.0 is
referred to as the Semantic Web, in which the web itself will be used as a
database with more intelligent search engines, filtering tags and where the
information will be widgetized.
220 | P a g e
2. Web 3.0 is a term used to describe the future of the World Wide Web. Following
the introduction of the phrase “Web 2.0” as a description of the recent evolution of
the Web, many technologists, journalists, and industry leaders have used the term
“Web 3.0” to hypothesize about a future wave of Internet innovation.
3. Based on the development of semantic web.
4. Web 3.0 describes demand-orientated information-, communication-, and
transaction processes within the Net Economy. Due to these processes, the
consumer and the demand via individual registration-, and specification systems
represent the starting point for related e-request-, and e-customization processes
predominantly carried out by means of e-desk (request) or modified e-shop
platforms.
5. Also called the semantic Web, it is an extension of the World Wide Web where
it can be expressed a natural language understandable and usable by software
agents, thus permitting finding, sharing and integrating information easily.
6. Web 3.0 can be considered as an evolution of Web 2.0, which in turn can be
roughly seen as a service-oriented Web, enabling and encouraging user
participation and collaboration. There is no agreement about the specific features
characterizing Web 3.0, but many reaserchers agree on the major role that
semantic technologies and personalization techniques play in it. In this
perspective, Web 3.0 can thus be viewed as a semantic and personalized version
of Web 2.0.
7. Web 3.0 is a term used to describe the future of the World Wide Web. Following
the introduction of the phrase “Web 2.0” as a description of the recent evolution of
the Web, many technologists, journalists, and industry leaders have used the term
“Web 3.0” to hypothesize about a future wave of Internet innovation.
8. Web 3.0 is used to describe the evolution of the use and interaction in the
network through different paths. This includes the transformation of the network in
a database, a move towards making content accessible by multiple non-browser
applications, the thrust of artificial intelligence technologies, the semantic web, the
Geospatial Web, or Web 3D
9. It represents the third phase in the evolution of the Web. It, among other things,
supports a machine-facilitated understanding of information on the Web. Web
3.0 is a Semantic Web, a 3D Web, a pervasive Web, a large database presented
as Web pages, or a combination of these. Web 3.0 is aimed at addressing the
needs of a user in context by rolling up elements such as content, context,
community, commerce, vertical or contextual search, and personalization.
10. Web 3.0 services will be content-oriented, semantic-based, context-sensitive
services based on technologies supporting semantically enriched websites that
might support portable IDs in order to use the Web as a database and an operating
system. Examples are Eurekster, AskWiki, Twine, or Freebase.
221 | P a g e
11. Web 3.0 is defined as the creation of high-quality content and services
produced by gifted individuals using Web 2.0 technology as an enabling
platform. Web 3.0 refers to specific technologies that should be able to create the
Semantic Web.
12. Web 3.0 is a techno-social system of co-operation. Networked information
technologies are used as medium that allows humans to produce something new
together or to form cohesive social relations that are bound by feelings of
togetherness and belonging. An example for the first are wikis and for the second
social networking platforms.
13. It is the third generation of the web, and the focus is on delivering
a web experience that is personalized by being responsive to the end-users needs
and interests. Collects data based on the end-users web activity.
14. Term coined in 2006 by John Markoff of the New York Times to characterize a
paradigm shift in the evolution of the Web from dispensary (Web 1.0) to interactive
(Web 2.0) to reciprocal (Web 3.0) whereby instead of users reading the Web, as
done with Web 1.0 and 2.0, the Web also reads the users. Examples include
cookies, algorithms, and artificial intelligence that personalizes what users receive
as they explore the Internet.
15. Web 3.0 describes demand-orientated information-, communication-, and
transaction processes within the Net Economy. Due to these processes, the
consumer and the demand via individual registration, and specification systems
represent the starting point for related E-Request, and E-Customization processes
predominantly carried out by means of E-Desk (request) or modified E-Shop
platforms.
16. The term used to describe the projected evolution of the Web as an extension
of Web 2.0 which provides connective intelligence connecting data, concepts,
applications and people through recognizing commonalities and relationships
between initially independent data entities.
17. This network mode is censed to foster a new style of reception and production
of information, knowledge and meaning. It is often nominated
Semantic Web because its main aim is to construct social semantic sites and
networks where their own underlying model of meaning and knowledge is manifest
and described.
18. Web 3.0 is the technological period that includes the latest internet
technologies and applications that can produce data and share between them
through to internet connections. It is also called “semantic web.”
19. Is the creation of high-quality content and services produced by gifted
individuals using Web 2.0 technology as an enabling platform.
222 | P a g e
Data growth and Web 3.0
What is Web 3.0? If you look for a Web 3.0 definition you probably won’t find
a clear and unique explanation. In 2006, Tim Berners Lee said, “People keep
asking what Web 3.0 is. I think maybe when you’ve got an overlay of scalable
vector graphics – everything rippling and folding and looking misty – on Web 2.0
and access to a semantic Web integrated across a huge space of data, you’ll have
access to an unbelievable data resource…”.
To understand the data volumes he was talking about (and that are
constantly growing), consider these statistics (source CISCO VNI: Forecast
and Methodology, 2015-2020). Global IP traffic will increase nearly threefold over
the next 5 years, annual global IP traffic will reach 2.3 ZB per year by
2020, smartphone traffic will exceed PC traffic by 2020, and the number of
devices connected to IP networks will be more than three times the global
population by 2020. While it’s undeniable that the data volumes are growing
faster than ever before (and we will continue to create new content every second
also in the future), the debate about a Web 3.0 definition and its connections with
the digital universe of data is still open.
Below are 5 main features that can help us define Web 3.0:
1. Semantic Web The next evolution of the Web involves the Semantic Web.
The semantic web improves web technologies in order to generate, share
and connect content through search and analysis based on the ability
to understand the meaning of words, rather than on keywords or
numbers.
223 | P a g e
4. Connectivity with Web 3.0, information is more connected thanks to
semantic metadata. As a result, the user experience evolves to another
level of connectivity that leverages all the available information.
Now, In Web 3.0, while you are driving, you can simply ask your automotive
assistant a question (“I would like to watch a romantic movie and eat Japanese
food”). The search engine embedded in the car assistant provides you with a
personalized response that takes into account your location, suggesting the
closest cinema that matches your request and a good Japanese restaurant by
automatically consulting the reviews on social media. Then it might even present
a 3D menu from the restaurant in the display.
Rich media is a digital advertising term for an ad that includes advanced features
like video, audio, or other elements that encourage viewers to interact and engage
with the content.
While text ads sell with words, and display ads sell with pictures, rich media ads
offer more ways to involve an audience with an ad. The ad can expand, float, etc.
You can access aggregated metrics on your audience's behavior, including
number of expansions, multiple exits, and video completions to get granular data
on the success of your campaign.
Rich media lets agencies create complex ads that can elicit strong user response.
Using HTML5 technology, the ads can include multiple levels of content in one
placement: videos, games, tweets from an ad, etc. If you have a simple objective
to generate clicks or a more ambitious goal to create brand awareness, rich media
is the format to go with.
224 | P a g e
The differences between standard and rich media creatives are detailed below:
Studio supports different creative types to display rich media ads in different
ways on a target website. Creative types (also called formats) are assigned when
a designer makes a new creative in Studio.
Banner
A creative with a fixed size and position on a web page or in a mobile app. A
banner is the most basic rich media ad format. Rich media banner creatives can
include videos and polite download technology, which waits for the web page to
completely load before loading the creative.
Dynamic creatives
Expanding
A creative that expands beyond its initial dimensions over the top of other page
or app content. Expansion can take place after a user interacts (for example, by
click, tap, or mouse-over) or automatically when the page loads (auto-expand).
Creatives can expand in any direction, shape, or with fading effects and can
collapse on user interaction, automatically on mouse-out, or based on a timer.
225 | P a g e
Other expanding creative types include: Lightbox, multi-directional expanding, and
push-down.
Interstitial
Lightbox
Lightbox is a premium brand format for the Google Display Network. Lightbox
is an expanding creative that works on both desktop and mobile. On desktop
computers, a two-second mouseover expands the Lightbox. On mobile devices,
you tap to expand. When expanded, the Lightbox takes over most of the available
screen space to feature brand content, including videos, maps, games, and more.
Multi-floating interstitial
Push-down
An expanding creative that pushes down the content of a webpage when the
creative expands, moving the web page out of the way to display the ad. If the
push-down is frequency capped (a user can only see it auto-expand a certain
number of times during a given period), then you must build both a user-initiated
expanding version and an auto-expanding version. You must also select a setting
for this option in the trafficking stage.
Video
Videos can be included in all other formats. See VPAID below to learn about
ads that are displayed within or alongside publisher video content instead.
226 | P a g e
VPAID
227 | P a g e
An audio file format is a file format for storing digital audio data on
a computer system. The bit layout of the audio data (excluding metadata) is called
the audio coding format and can be uncompressed, or compressed to reduce the
file size, often using lossy compression. The data can be a raw bitstream in an
audio coding format, but it is usually embedded in a container format or an audio
data format with defined storage layer.
Format types
It is important to distinguish between the audio coding format,
the container containing the raw audio data, and an audio codec. A codec
performs the encoding and decoding of the raw audio data while this encoded data
is (usually) stored in a container file. Although most audio file formats support only
one type of audio coding data (created with an audio coder), a multimedia
container format (as Matroska or AVI) may support multiple types of audio and
video data.
228 | P a g e
BWF (Broadcast Wave Format) is a standard audio format created by
the European Broadcasting Union as a successor to WAV. Among other
enhancements, BWF allows more robust metadata to be stored in the file.
See European Broadcasting Union: Specification of the Broadcast Wave
Format (EBU Technical document 3285, July 1997). This is the primary recording
format used in many professional audio workstations in the television and film
industry. BWF files include a standardized timestamp reference which allows for
easy synchronization with a separate picture element. Stand-alone, file based,
multi-track recorders from AETA,[1] Sound Devices, Zaxcom, HHB
Communications Ltd, Fostex, Nagra, Aaton,[5] and TASCAM all use BWF as
[4]
229 | P a g e
Audio and video on the web Section
Web developers have wanted to use video and audio on the Web for a long
time, ever since the early 2000s, when we started to have bandwidth fast enough
to support any kind of video (video files are much larger than text or even images.)
In the early days, native web technologies such as HTML didn't have the ability to
embed video and audio on the Web, so proprietary (or plugin-based) technologies
like Flash (and later, Silverlight) became popular for handling such content. This
kind of technology worked ok, but it had a number of problems, including not
working well with HTML/CSS features, security issues, and accessibility issues.
A native solution would solve much of this if implemented correctly. Fortunately, a
few years later the HTML5 specification had such features added, with
the <video> and <audio>elements, and some shiny new JavaScript APIs for
controlling them. We'll not be looking at JavaScript here — just the basic
foundations that can be achieved with HTML.
We won't be teaching you how to produce audio and video files — that requires a
completely different skillset. We have provided you with sample audio and video
files and example codefor your own experimentation, in case you are unable to get
hold of your own.
The <video> element allows you to embed a video very easily. A really
simple example looks like this:
src
In the same way as for the <img> element, the src (source) attribute
contains a path to the video you want to embed. It works in exactly the same
way.
controls
230 | P a g e
Users must be able to control video and audio playback (it's especially critical
for people who have epilepsy.) You must either use the controls attribute to
include the browser's own control interface, or build your interface using the
appropriate JavaScript API. At minimum, the interface must include a way to
start and stop the media, and to adjust the volume.
The paragraph inside the <video> tags
This is called fallback content — this will be displayed if the browser
accessing the page doesn't support the <video> element, allowing us to
provide a fallback for older browsers. This can be anything you like; in this
case we've provided a direct link to the video file, so the user can at least
access it some way regardless of what browser they are using.
There's a problem with the above example, which you may have noticed
already if you've tried to access the live link above with a browser like Safari or
Internet Explorer. The video won't play! This is because different browsers support
different video (and audio) formats.
Let's go through the terminology quickly. Formats like MP3, MP4 and WebM
are called container formats. They contain different parts that make up the whole
song or video — such as an audio track, a video track (in the case of video), and
metadata to describe the media being presented.
The audio and video tracks are also in different formats, for example:
A WebM container usually packages Ogg Vorbis audio with VP8/VP9 video. This
is supported mainly in Firefox and Chrome.
An MP4 container often packages AAC or MP3 audio with H.264 video. This is
supported mainly in Internet Explorer and Safari.
The older Ogg container tends to go with Ogg Vorbis audio and Ogg Theora video.
This was supported mainly in Firefox and Chrome, but has basically been
superseded by the better quality WebM format. An audio player will tend to play an
audio track directly, e.g. an MP3 or Ogg file. These don't need containers.
The above formats exist to compress video and audio into manageable files
(raw video and audio is very large). Browsers contain different Codecs, like Vorbis
or H.264, which are used to convert the compressed sound and video into binary
digits and back. As indicated above, browsers unfortunately don't all support the
same codecs, so you will have to provide several files for each media production.
If you're missing the right codec to decode the media, it just won't play.
So how do we do this? Take a look at the following updated example (try it live
here, also):
231 | P a g e
<video controls>
1 <source src="rabbit320.mp4" type="video/mp4">
2 <source src="rabbit320.webm" type="video/webm">
3 <p>Your browser doesn't support HTML5 video. Here is a <a
href="rabbit320.mp4">link to the video</a> instead.</p>
</video>
Here we've taken the src attribute out of the actual <video> tag, and instead
included separate <source> elements that point to their own sources. In this case
the browser will go through the <source> elements and play the first one that it has
the codec to support. Including WebM and MP4 sources should be enough to play
your video on most platforms and browsers these days.
Each <source> element also has a type attribute. This is optional, but it is advised
that you include them — they contain the MIME types of the video files, and
browsers can read these and immediately skip videos they don't understand. If they
are not included, browsers will load and try to play each file until they find one that
works, taking even more time and resources.
VOD streaming, whereby a user selects a video program and it begins to play
immediately on the television set, or
232 | P a g e
downloading to a digital video recorder (DVR) rented or purchased from the
provider, or downloading onto a PC or to a portable device, for viewing in the
future.
Internet television is an increasingly popular form of video on demand. VOD can
also be accessed via desktop client applications such as the Apple iCloud online
content store.
Some airlines offer VOD as in-flight entertainment to passengers through
individually controlled video screens embedded in seatbacks or armrests, or
offered via portable media players. Some VOD services, such as Netflix, use
a subscription model that requires users to pay a monthly fee to access a bundled
set of content, which is mainly movies and TV shows. Other services, such
as YouTube, use an advertising-funded model, where access is free and only
some premium content requires a subscription.
233 | P a g e
An end-user license agreement (EULA) is a legal contract entered into
between a software developer or vendor and the user of the software, often where
the software has been purchased by the user from an intermediary such as a
retailer. A EULA specifies in detail the rights and restrictions which apply to the
use of the software.[1]
Many form contracts are only contained in digital form, and only presented
to a user as a click-through which the user must "accept". As the user may not see
the agreement until after he or she has already purchased the software, these
documents may be contracts of adhesion.
Software companies often make special agreements with large businesses
and government entities that include support contracts and specially drafted
warranties.
Some end-user license agreements accompany shrink-wrapped software
that is presented to a user sometimes on paper or more usually electronically,
during the installation procedure. The user has the choice of accepting or rejecting
the agreement. The installation of the software is conditional to the user clicking a
button labelled "accept". See below.
Many EULAs assert extensive liability limitations. Most commonly, an EULA
will attempt to hold harmless the software licensor in the event that the software
causes damage to the user's computer or data, but some software also proposes
limitations on whether the licensor can be held liable for damage that arises
through improper use of the software (for example, incorrectly using tax
preparation software and incurring penalties as a result). One case upholding such
limitations on consequential damages is M.A. Mortenson Co. v. Timberline
Software Corp., et al.[citation needed] Some EULAs also claim restrictions on venue
and applicable law in the event that a legal dispute arises.
Some copyright owners use EULAs in an effort to circumvent limitations the
applicable copyright law places on their copyrights (such as the limitations in
sections 107–122 of the United States Copyright Act), or to expand the scope of
control over the work into areas for which copyright protection is denied by law
(such as attempting to charge for, regulate or prevent private performances of a
work beyond a certain number of performances or beyond a certain period of time).
Such EULAs are, in essence, efforts to gain control, by contract, over matters upon
which copyright law precludes control. [2] This kind of EULAs concurs in aim
with DRM and both may be used as alternate methods for widening control over
software.
In disputes of this nature in the United States, cases are often appealed and
different circuit courts of appeal sometimes disagree about these clauses. This
provides an opportunity for the U.S. Supreme Court to intervene, which it has
usually done in a scope-limited and cautious manner, providing little in the way
of precedent or settled law.[citation needed]
End-user license agreements are usually lengthy, and written in highly
specific legal language, making it difficult for the average user to give informed
234 | P a g e
consent[3]. If the company designs the end-user license agreement in a way that
intentionally discourages users from reading them, and uses difficult to understand
language, many of the users may not be giving informed consent.
2. Simulations
These games involve taking control of real-world vehicles, including tanks, ships,
and aircraft. You learn how to control these vehicles, and use simulation games
that can also be used to train professionals. In fact, many pilots are trained
using airplane simulators before they actually take flight.
3. Adventure
These are usually single player games, and are often set in fantasy or adventure
worlds. You complete puzzles to advance levels. The game generally starts with a
back story of your character, and let you know what your mission is. You have to
figure out how to complete the mission.
235 | P a g e
4. Real-Time Strategy (RTS)
For these games, you usually need to build up your inventory of items, armies, etc.
Similar to a strategy game, RTS games move in real-time, and players can play at
once without taking turns so you can play together at the same time.
5. Puzzle
These games appeal to those who love to solve difficult puzzles. There are many
levels, from beginner to expert, and games usually have coloured shapes and
simple actions. These are brain games, with no action involved.
6. Action
You need to be fast to enjoy these fast-paced games, and you need to have
excellent reflexes. Complete challenges by fighting with enemies, and use a
character of your choice to represent yourself and jump into the action.
7. Stealth Shooter
These tend to be war games or spy-based games, where you use stealth to defeat
your enemies.
8. Combat
Fight one on one with opponents, up close and personal. You need good reflexes,
and the ability to use the controls for all kinds of fighting moves.
10. Sports
Play real-world sports like baseball, basketball, soccer, and more. As you work up
through the various skill levels, your game will involve mimicking real professional
athletes and how they move. The most popular sports games are usually based
around specific popular sporting events.
236 | P a g e
12. Educational
While many parents and teachers complain about video games, there are some
great educational games out there that can help with the learning process. Train
in a variety of subjects, using games to make learning fun instead of boring. There
are testing functions, where you can answer multiple choice questions. The most
common types of education games are for math, science, and ICT.
As more and more college students choose not to be indebted with student
loans and wish to spend time with other matters, online education has become one
of the choices for students instead of attending the normal physical classes which
would be time-consuming, herculean, and physically and emotionally draining due
to the pressure.
Below are examples of the top 8 online education tools suggested by the
parents and teachers around the world.
1. ezTalks Meetings
Among the other online classes on the list, ezTalks Meetings is so far the greatest
online tool there is in the world. As a high-quality video conferencing tool, it has a
high-definition camera that would make it more engaging for the student and the
teacher to be both participative in the class.
ezTalks Meetings is not just an online video conferencing tool for students and
teachers, it can also be used for business meetings, conference calls with your
boss and for personal use.
It also has the capability to arrange and schedule meetings, control management,
cross platform chat for a participative interaction between both parties.
237 | P a g e
2. FluentU
FluentU has become one of the ramping online language tool applications used by
the community nowadays due to its accessibility on each smartphone. It offers
Spanish, French, Chinese, German, Japanese and English. Instead of using
templates, it uses online videos, music videos, and movie trailers. These serves
as an educational learning tools for the student not only to learn the language but
also learn the accent and a part of the culture as well.
3. Memrise
Memrise uses multi-media flashcards for memorizing the lesson or topic taught.
They have online highly-trained teachers who uses scientific methods to record
your best personal learning style. They currently offer a wide range of language,
over 200 languages are being taught as of today. It is an application available for
iOS and Android version.
238 | P a g e
4. Udemy
Udemy not only offers language courses but other courses as well such as Design,
Business, Web Development, Marketing, Personal Development, and many more.
Some of the available courses are free while some are rated to be around $200.
Either way, it will be more convenient for the student to spend the day in the
comfort of his own home.
5. Mathletics
Mathletics is an online education website specifically teaching Mathematical
subjects. It is available around the world. An online space that helps students
specifically with mathematical problems to solve, memorize, and instill the lesson
into the students’ minds.
239 | P a g e
6. Edmodo
This website is not just available for students to use. They also hire professional
teachers to work with them, as long as the teacher is certified. It also gives parents
the comfort of checking the students' progress in terms of learning. This website
can also be used by teachers from other schools or campuses to provide quizzes,
homework, and tests whenever they are not available.
7. Schoology
The founders of Schoology are Jeremy Friedman, Ryan Hwang, Tim Trinidad, and
Bill Kindler. They first-handedly experienced the boredom of an online physical
class. So they came up with an online tool called Schoology which is an online
learning website not just for kids. It offers K-12, Higher-Ed, and Corporate Learning
with a wide range of courses to choose from.
8. Khan Academy
Khan Academy is a non-profit educational organization that wishes to provide
accessibility around the world through a website. It offers several basic subjects
240 | P a g e
and courses such as Science and Engineering, Computer Programming,
Mathematics, Arts and Humanities, Economics and Finance, and many more. It
has been founded by Salman Khan and has a goal to provide education to students
with have very limited access to schooling or students who wants to be home-
schooled.
Conclusion
As a conclusion, these online educational tools are so far the best evolution in
technology. They offer accessibility and freedom to students who are loaded up
with other herculean tasks such as part-time jobs that even barely pay for their
college tuition fees, students who are just too far from the world to experience a
physical class, and students who wants to avoid student loans as much as
possible. These educational learning tools for students are hands-down the best
invention there is yet in terms of education.
241 | P a g e
6.5.2 Types of Online Assessment
Pre-assessment or diagnostic assessment
Before creating the instruction, it’s necessary to know for what kind of
students you’re creating the instruction. Your goal is to get to know your student’s
strengths, weaknesses and the skills and knowledge the posses before taking the
instruction. Based on the data you’ve collected, you can create your instruction.
Formative assessment
Summative assessment
Confirmative assessment
When your instruction has been implemented in your classroom, it’s still
necessary to take assessment. Your goal with confirmative assessments is to find
out if the instruction is still a success after a year, for example, and if the way you're
teaching is still on point. You could say that a confirmative assessment is an
extensive form of a summative assessment.
Norm-referenced assessment
242 | P a g e
Criterion-referenced assessment
Ipsative assessment
History
The Open Course Ware movement started in 1999 when the University of
Tübingen in Germany published videos of lectures online for its timms initiative
(Tübinger Internet Multimedia Server).[1] The OCW movement only took off,
however, with the launch of MIT Open Course Ware at the Massachusetts Institute
of Technology (MIT) and the Open Learning Initiative at Carnegie Mellon
University[2] in October 2002. The movement was soon reinforced by the launch of
similar projects at Yale, Utah State University, the University of Michigan, and
the University of California Berkeley.[citation needed]
MIT's reasoning behind OCW was to "enhance human learning worldwide by the
availability of a web of knowledge".[3] MIT also stated that it would allow students
(including, but not limited to, its own) to become better prepared for classes so that
they may be more engaged during a class. Since then, a number of universities
have created OCW, some of which have been funded by the William and Flora
Hewlett Foundation.[3]
Principles
According to the website of the OCW Consortium, an OCW project:
243 | P a g e
Available for use and adaptation under an open license, such as
certain Creative Commons licenses.
Does not typically provide certification or access to faculty.
6.6 Webcasting
A webcast is a media presentation distributed over the Internet
using streaming media technology to distribute a single content source to many
simultaneous listeners/viewers. A webcast may either be distributed live or on
demand. Essentially, webcasting is "broadcasting" over the Internet.
The largest "webcasters" include existing radio and TV stations, who
"simulcast" their output through online TV or online radio streaming, as well as a
multitude of Internet only "stations". Webcasting usually consists of providing non-
interactive linear streams or events. Rights and licensing bodies offer specific
"webcasting licenses" to those wishing to carry out Internet broadcasting using
copyrighted material.
244 | P a g e
The shoutcasters are an integral part of competitive gaming and in some cases
it’s lifeblood. When the tension is high and things get messy on the screen, it’s the
commentator’s job to make sense of all the split-second action and be entertaining at
the same time. Not an easy task, to be sure.
But what exactly is the caster’s job and how do we tell the good ones, from the
bad?
When they are bad, we notice. Many things could go wrong during a game and
the casters have to be prepared. A bad caster isn’t knowledgeable when it comes to
the game itself and its meta environment. A bad caster gets distracted and talks about
irrelevant things at the worst of time. A bad caster could be plain annoying.
There are at least two main types of shout casters with their strengths and
weaknesses, much like the class roles in our favorite games.
A play-by-play commentator is the usually the thing that pops first to our mind
when we think casters. This is the guy who yells in the heat of battle, emphasizing the
key moments and generally hyping everything up. They bring excitement and provide
emotional feedback, that’s a key part to the eSport spectating experience. However,
they are also often accused of overhyping situations and are more prone to say funny,
inaccurate, or straight-up inappropriate things in the heat of the moment.
The other ones are the colour commentators. They are the other side of the
coin – very analytical, down to earth, sophisticated in the game’s intricacies and always
providing expert information, explaining why exactly this other guy is shouting so much.
On the downside, due to the very nature of the commentary they provide, they could
be less interesting at best, and straight-up boring at worst.
Some sort of balance has to be struck between the two styles, and this is where
teamwork pays off. Again, a concept all competitive gamers are well familiar with.
So how can you become a great shoutcaster? There is no magic potion that you have
to drink. Like any other skill set, this is something you gradually build up with hard work
and effort. But it’s not an impossible task, either. Here are some quick tips that we find
important.
Know what you’re talking about. You must know the game you’re commenting.
You have to be familiar with the mechanics, the characters, the maps and the
245 | P a g e
interactions. The lore of the game is extremely useful for colouring your commentary
and a nice way to get out of a situation you’re not prepared for.
But that’s not all. You have to know the metagame, the current trends, what the
communities are passionate about at the moment and what the developers are
announcing.
And this one goes without saying, but you must know the players! It’s their actions
that you’re commenting, it’s their play style that you’re analyzing and it’s their victories
and defeats that you are conveying to the audience.
Build a style and stick to it. There is absolutely nothing wrong with being the shouty
guy, or the brain behind the mic. There is nothing wrong with being a multi-class of
these, either. But pick your role and lock to it. This will help viewers recognise you
and adjust their expectations from the watching experience. It will help tournament
organisers recognise you and pick you for certain events over your colleagues. But
most importantly, it will help you become better at your job. When you stick to your
‘lane’ and your co-caster does the same, you are working in perfect synergy.
Be entertaining. With so much money and passion on the line, it’s sometimes easy
to forget that this is entertainment we’re watching and not an actual battle on life and
death. The audience appreciates casters who crack jokes at the right times and find
unexpected ways to communicate what’s happening on the screen. A good caster
can turn the most predictable or mundane in-game situation into a hilarious anecdote
that people will talk about after the game.
Have a catch phrase. This one ties to the previous point and might feel a little weird,
but it shouldn’t be underestimated. Think of all the big personalities associated with
eSports and video game content in general for the past ten years. You can’t hear the
words ‘Tons of damage’ and not immediately think of Phreak. Or ‘never lucky’ for
Forsen. You get the point. Having a catchphrase helps you build a following and
leave an impact in the game you’re commenting and its community.
Know your limitations and find a partner. You know what’s better than an amazing
caster? A team of amazing casters. Having a buddy by your side can help you in
more ways than one. If you separate your roles right, you’ll be able to cover all
aspects of the game in front of you. You’ll provide insightful, but also entertaining
commentary. And most importantly – you will cover each other’s back. It’s human to
get nervous, let a slip of the tongue, forget, or just don’t notice an important detail.
This is where a second pair of eyes and a friendly remark can not only remedy your
mistakes but also turn them into a fantastic moment people will remember fondly. As
the old League of Legends motivational poster states – ‘Team work OP!’.
6.6.2.2 How to be a Good Game Caster (cont.)
246 | P a g e
Do you have what it takes to be one of them? Here are some tips to help get you
there.
Personality makes up a large part of being an eSports caster. When people tune
in to listen to your casting, it’s because they like you, and as far as eSports casting
is concerned, personality is synonymous with style.
There are two main types of casting, though they aren’t mutually exclusive:
To succeed as an eSports caster, you should know which kind of commentary best
suits your personality. Match broadcasts tend to pair a play-by-play with a color
caster, so it’s better to excel at one than to be mediocre at both.
But even within the two types of casting, there is ample room for distinguishing
yourself from others. In the beginning, when you don’t yet know which style works
for you, it may help to emulate a popular caster. However, over time, you should
break away and be innovative with your own techniques, phrases, inflections,
tempo, volume, etc.
Again, people will listen to you because they like you. If you’re emulating Day9,
why would they listen to you when they can just tune into Day9’s
commentary? You are what makes your own casting unique. That’s your selling
point. Discover it and develop it.
An eSports caster cannot succeed if they don’t know the game. After all, the crux
of commentary is that you’re commentating about the game. If you have little
knowledge, what’s left for you to say? At best, you’ll speak emptiness. At worst,
you’ll be wrong about everything. This is true of play-by-play and color casters
alike.
In fact, learning the depths of a game actually provides fuel for your casting. Not
only do you know what to talk about, you can connect the dots between gameplay
and meta-gameplay, resulting in a richer broadcast for viewers. You don’t have to
be an analyst, but you should still have some insight.
247 | P a g e
Once you’ve learned the mechanics, you’ll then want to learn about factors outside
the game. Who are the players? What are their stories? Are there any rivalries or
drama going on? What’s at stake in the given match? All of this will add another
dimension to your commentary. Before you cast, you have to be prepared.
If you’re trying to break into the eSports casting scene, you’re probably a one-man
team. Until you can find someone who can handle the technical details on your
behalf (good luck finding someone who will), you’ll need to handle them yourself.
Get ready because this won’t be a walk in the park.
First, you need to pick your casting medium. Are you going to stream live on
Twitch? Or will you be making after-the-fact commentaries on YouTube? Or, if
you’re so inclined, you could choose to do audio-only commentary in a format
similar to a podcast.
Once you know the medium, you can pick the right software. I highly
recommend OBS Studio for live streaming and recording gameplay videos. It’s
free and less resource-intensive than most free streaming software. For audio-only
commentary, you could go with Audacity or one of its many alternatives.
Next, make sure you have enough hardware power. Live streaming video requires
quite a bit of CPU and GPU strength, especially if you want good quality (at least
720p). For Open Broadcaster Software, you can use their settings estimator to see
how well you can stream. You’ll also need a fast Internet connection that’s at least
1.5 Mbps upload.
Lastly, you’ll need a microphone or headset with good audio quality. At the very
least, captured audio should be crisp and clear without any static, buzzing, or other
artifacts that are harsh on the ears. Check out our article on the best essential
podcast equipmentbecause there’s some overlap there.
Produce New Content Regularly
Take a step back and put yourself in your (future) audience’s shoes. Which casters
and streamers do you watch the most? Which ones develop the widest
reputations? Are they the ones who put out a new video/stream every few weeks?
No way. The ones who gain the most traction are those who cast day in and day
out.
Ideally, you should create a new video/stream every single day. However, not
everyone has the time to live up to an ideal, especially when they’re just starting
out. In that case, you should decide on a content production schedule (e.g., every
Monday and Friday) and stick with it diligently.
248 | P a g e
The benefits are many. Each cast is practice for you, and each will be better than
the last. Furthermore, regular practice gets you comfortable with the casting
process. As your confidence grows, so will your quality.
But the greatest benefit is organic audience growth. If you stick with it,
you will develop a fanbase over time. It may take a week, a month, or even a year,
but each video/stream you put out is one more opportunity for someone to discover
you. On the contrary, if you quit, you guarantee failure.
At the end of the day, successful eSports casting is about overcoming mental
hurdles. Anyone can learn the mechanics of a game, how to talk like a
commentator, and how to use the right equipment – as long as they keep a right
mind.
Be scared. Casting for eSports is public speaking and public speaking can
be terrifying. It’s okay to be scared. Allow yourself to be. Embrace the fear and use
it as fuel for continued growth and improvement. If you aren’t scared, then you’re
underestimating the difficulty of being a caster.
Be bold. Don’t let your fears stop you. Don’t be afraid to be yourself. Don’t hesitate
to promote yourself whenever appropriate. It’s okay to be scared as long as you
don’t use it as an excuse to huddle within your comfort zone.
Be humble. There’s always room for improvement, even after you think you
understand everything there is to know about casting. Whether constructive or not,
listen to whatever criticisms come your way. As Neil Gaiman famously said:
“When people tell you something’s wrong or doesn’t work for them, they are almost
always right. When they tell you exactly what they think is wrong and how to fix it,
they are almost always wrong.”
6.6.3 Podcasting
Podcasting is the preparation and distribution of audio files using RSS to
the computers of subscribed users. These files may then be uploaded to digital
music or multimedia players like the iPod. A podcast can be easily created from a
digital audio file. The podcaster first saves the file as an MP3 and then uploads it
to the Web site of a service provider. The MP3 file gets its own URL, which is
inserted into an RSS XML document as an enclosure within an XML tag.
249 | P a g e
they next connect. Although podcasts are generally audio files created for digital
music players, the same technology can be used to prepare and transmit images,
text, and video to any capable device.
Yes, literally.
For those completely new to the podcast scene, podcasts are a series of audio
files made available online. Most podcasts are set up like a TV or radio show, with
different “seasons” and episodes focused on varied topics featuring special guests.
Listeners can subscribe to specific podcasts, download new episodes, and listen
whenever it’s convenient to them.
While podcasts have been around for about a decade — think back to 2004 when
Apple’s iPod minis were all the rage, and iTunes Music Store had just gone
international — there’s been a surge in listenership in the last couple years that’s
getting a lot of attention from business owners, celebrities, advertisers, and
consumers alike.
Let’s take a closer look at six reasons why the rising popularity of podcasts could
matter for your business:
250 | P a g e
1. It doesn’t take much to get started.
One of the things that makes podcasts so compelling for businesses — especially
businesses with smaller staffs and limited budgets — is that they don’t require a
significant investment to get started. Something as simple as recording on a
smartphone or tablet should be perfect for your first few episodes.
Because podcasts are also very conversational, you won’t need to write out
everything you want to say. You can create an outline ahead of time to help you
stay on topic, but most of the conversation will be fine unscripted.
If so, you’re probably wondering — what’s the benefit of adding a podcast to this
list?
This will help you convey tone, timing, humor, and excitement in a way that even
the most talented writers struggle to get across on a page.
That’s why most podcast listeners listen to podcasts through their smartphones,
tablets, or other mobile devices. Listeners are able to listen to podcasts while
getting ready in the morning, driving to work, or cooking dinner.
Podcast fans can easily incorporate listening time into their daily routines, which is
probably why one in five weekly podcast users consume six or more podcasts a
week.
251 | P a g e
4. You can become an industry expert.
What kinds of industries are using podcasts? A quick perusal of iTunes will show
you everything from knitting to craft beer to economics are all fair game.
Think about your expertise and audience, and what topics you could cover on an
ongoing basis. Remember that podcasts also work well for interviews, so you don’t
have to worry about being the expert on every topic you want to cover.
You also shouldn’t be concerned about your expertise being too niche; in fact,
niche podcasts may work well because you have less noise to fight through. You
could also have an easier time of being featured on a platform like iTunes if there
are less podcasts focused on your specific topic.
While the length of podcast episodes varies quite a bit, keeping episodes to 15 -
30 minutes increase the likelihood that listeners can consume full episodes without
interruption.
Beyond the time investment, podcasts inspire loyalty because listeners are getting
to know and trust you. This will move potential customers through the buying cycle
more quickly and give you opportunity to keep them updated on your business’s
offerings.
New listeners who come across your podcast are often those who are searching
out information on a specific topic. This ensures you’re reaching them with the right
information at the right time.
Additionally, you can add subscribe buttons to your email newsletters and website
to engage those who are already familiar with your business.
252 | P a g e
Ready to dip your toes into the podcast stream?
Even if the idea of starting a podcast appeals to you, you may feel unsure about
taking on another commitment.
Listen to what’s out there: Find out what’s already being created and think
about how your approach would compare. You can find recent episodes of our
new podcast, Small Biz Stories here.
Appear on existing shows: If starting your own podcast isn’t realistic for you
right now, you can still benefit from podcasting as a featured guest on existing
podcasts. Spend some time researching popular podcasts related to your
industry. Ask customers what podcasts they listen to. Once you find podcasts
that could be relevant to your industry, or that you think you could add value to,
look for opportunities to build relationships with the hosts. If you have your own
content that you think they’ll find interesting, share it with them so that they can
see the type of value you could offer.
Becoming a great podcast host takes some skills, practice, and a few key
characteristics! To help your podcast thrive, you have to learn to create the
conversation your audience desires, become an expert on the subject, and really
seek out the best guests to interview on your show. Of course, each of our
podcasts has a unique spin and requires any number of important podcast host
traits to make it a success. So take these 10 characteristics and implement them
as a start to creating the successful podcast you’ve always dreamed of.
One of the best tips for a podcast host is to speak to your audience like they
are in the room with you. Don’t tell them about what they “will hear” or how
“great the interview was”. Instead, let them discover it along with you, in
“their” moment. This helps your listeners to feel like they are right there with
253 | P a g e
you, listening to the interview for the very first time as it is happening.
Although this is not true, it definitely creates a much more life-like
atmosphere and draws your listeners into the crucial and sometimes
intimate conversations of your podcast. Most importantly, think of your
listener as a third person listening in to your conversation, not a crowd of
people listening to your conversation. This creates a one-on-one feel,
inviting them into the conversation with you to go on the journey together!
There’s nothing worse than going off on a tangent simply because you
forgot what you were talking about in the first place. Knowing your subject
matter is critical when it comes to keeping your audience engaged and
actually allowing them to walk away from the episode having learned what
you set out to teach them. Being well-prepared and researched in your topic
can help you stay focused and gives you a clear path of the conversation.
It is important to keep a narrow focus and make sure that you are not losing
anyone along the way. True knowledge and expertise trump a simple
opinion every time!
Podcasts are not all about shoving information down your listeners’ throats.
Oftentimes people get bored when there is too much information thrown
their way. Instead, break the information up by adding in stories, personal
anecdotes, or something for your audience to relate to and remember down
the road. Your listeners are much more likely to remember a story than a
bunch of facts strung together. Keep in mind, you cannot assume that
everyone learns the way that you do. Find new ways to be a good teacher
and a great communicator and you are sure to get your message across
effectively.
In order to be a great podcast host, you have to be one with the audience,
and understand what’s running through their mind the entire duration of the
show. Throughout the episodes, keep reminding yourself of what they would
be feeling or what they would be thinking. By knowing their thoughts, you
will be able to ask much better questions of your guests, really digging into
what your audience is after. As the podcast host, it is your job to deliver the
254 | P a g e
content they want to hear, and you can only do that when you truly
understand what makes your audience tick.
Sometimes a podcast guest can make or break your episode. If your guests
are inexperienced with the podcasting format, do your due diligence to
make sure that they get the right tools, even set up a practice run, and really
get them acquainted with the world of podcasting. Now, remember, just
because someone has asked to be featured on your show does not mean
that they are a good fit. Again, what does your audience want? Will this
guest benefit them and give them the valuable content that they are looking
for? Don’t be afraid to ask these tough questions and really vet your guests
to find those golden interviews!
Before the interview, make sure to research your guest and become familiar
with their work. Take the time to read their books, listen to other podcasts
that they’ve been interviewed on, and really get accustomed to their topic
of choice. To dig even deeper, send out a pre-interview survey to get to
know them better. Gather as much information about your guest, including
their bio and headshot, so that you can give them a big thank you and share
their details out with your listeners to really give them the value and
exposure above and beyond what is expected. On top of that, say thank
you by sending them a gift or something to remember the podcast by.
255 | P a g e
8. Encourage Respectful Debates
Part of being a skilled interviewer and great podcast host is learning how to
read the conversation. Every conversation as the potential to go really well,
really badly, or simply fall flat. This is where it is key for you to guide your
guests along the conversation, encouraging interesting topics and diving
into each aspect of what the guest has to offer. Now, keep in mind, often
listeners really enjoy a spirited debate, a conversation that really gets into
the nitty-gritty of a topic, especially one that is close to their hearts. As the
host, you have to guide these debates and encourage them to be respectful
of all sides. Again, giving your listeners the excitement of it all without it
getting too heated or uncomfortable.
When it comes to your episode title, first impressions are key! There needs
to be a hook that draws listeners in and give them a hint of what is to come
without giving it all away! If your podcast has been running for a while, it can
often be hard to come up with creative, catchy titles. This is where
interesting content comes into play; make sure to ask guests things that
have never been said on other podcasts, dig into topics that aren’t often
covered, and really find that unique twist to add to your show, even if the
guest is not new to the audience. Be your own creator, and really embrace
that side of yourself.
10. Be Authentic
Finally, but most importantly, just be authentically you. At the heart of it all,
you have to be authentic on your show. There’s nothing better than knowing
that as the host, you are giving it your all! Listeners want to connect with
you, the real you. Not some made up version of someone you wish you
were. That is what will make your show the most unique because nobody
can tell it like you can. Only you have the perspective and the point of view
to share your message with your audience. At the end of the day, they tune
in to hear your authentic voice and to relate to all that you have to share
with them.
256 | P a g e
257 | P a g e