MODULE 1

Online Platforms, Sites, and Content

Do you now agree that ICT has made the world go round? Due to various ICT
innovations, anyone can say that it has changed the way we do things. One of the
changes brought by ICT are the online platforms. The development of these various
online platforms, sites, and content was made possible because of the internet. The
World Wide Web became the interface choice for internet users due to its ease of
use and its multimedia ability to transmit text, graphics, audio, and video and to
retrieve detailed information from anywhere in the world in seconds. Throughout the
development of the web, the following versions were created:

Web 1.0 Web 2.0 Web 3.0

- Dynamic web pages.
- Static web pages.
- Users are able to - It allows data to be shared
- Content was interact with the page and resused accross
stored directly in by commenting or application, enterprise, and
the website files. creating user community boundaries.
- Example: You can accounts. - it aims to understand user's
only read the - Browsers can be preferences to be able to
content of a web used as interface, deliver web content
and you cannot application software, specifically targeting the user.
enter comments in and file storage.
the web pages. - Example: You can still do
- Example: You can what you can do in the Web
comment, download 2.0 with additional feature
videos and images, wherein the web stores your
and create your e-mail preferences. If you search for
account. "dog", then the web will give
you results based from your
past choices.
 There are various key features of Web 2.0 which include the following:

Folksonomy

This feature allows the user to categorize

and classify information using keywords.
Tagging (use of hashtag “#”) is one
example of this which was popularized by
social networking sites such as Twitter,
Instagram, and Facebook.

Rich User Experience

This feature refers to the

dynamic content of the website where it
responds to the user’s input. One good
example is when you logged in using
your user account in Facebook, the
content that will be displayed on the
page depends on the content of your
account.

User Participation

This feature refers to the ability

of the web to get participation for its
audience. It means that the owner of the
web is not the only one who can provide
the content. Users and other viewers of
the site can comment, provide reviews
and evaluations, and answer a poll.

Long Tail

This feature refers to services

that are offered on demand rather than
one-time purchase. At times, users can
opt to go for time-based pricing instead
of file size-based pricing or vice versa.
 Software as a Service

This feature allows users to

subscribe to software only when needed
rather than purchasing them. It is like
renting a software for a minimal fee.

Mass Participation

This feature allows diverse

information sharing through universal
web access. It caters content based on
people from various cultures.

With the three versions of the web presented earlier, Web 3.0 is not yet fully
implemented because of these various reasons:

1. Compatibility – There are various files that could not support Web 3.0 such as
HTML files and other current web browsers.
2. Security – The user’s security can be compromised since the machine is storing
the user’s preferences and searches.
3. Vastness – There are billions of web pages already in the World Wide Web.
4. Vagueness – There are certain words that are imprecise. For example, the
meaning of the words “old” and “small” would depend on the user.
5. Logic – There are certain limitations in logic. A computer may not be able to
predict what the user is referring to at a given time.

Information and Communication Technology Trends

ICT innovations are inevitable. As it continually grows, it had catered the needs of the
people. The following outlines the trends in ICT:

1. Convergence – This refers to the use of several technologies to accomplish a

task conveniently. For example, you can now use your smartphone to edit word
documents and sync files to your personal computers.

2. Social Media – This refers to a website, application, or online channel that

enables you to create, discuss, modify, and exchange user-generated content. It
is classified as the following:
 Social Bookmarking Social Media Micro- Blogs and
Networks Sites News Sharing blogging Forums

Sites that Sites that Sites that Sites that Sites that
allow you to allow you allow Sites that
allow you focus on allow
connect with to store users to to upload short
other people and post their users to
and share updates post their
with the manage own news media from the
same links to items or content
content like user for which
interests various links to images, their
and websites other enables
music, and followers others to
background and news video. to receive
s. resources. sources. comment
updates. on the
Flicker said topic.
Facebook StumbleUpon reddit
Twitter

YouTube Blogger
Google+ Pinterest Digg
Plurk

Instagram WordPress

Tumblr

3. Mobile Technologies – This refers to the capabilities of mobile phones similar to

the personal computers such as mobile network for internet connection and
various operating systems.

iOS for Apple

devices such
as the iPhone
Windows and iPad
Mobile
Android as an
developed by
open source
Microsoft for
OS developed
smartphones
by Google
and pocket
PCs.

Mobile
WebOS which Operating
is originally Systems Blackberry
used by OS used in
smartphones Blackberry
but now used devices
for smart TVs

Windows
Symbian
Phone OS
which is the
which is a
original
closed source
smartphone
and propriety
OS used by
OS developed
Nokia devices
by Microsoft
4. Assistive Media – This refers to a nonprofit service designed to help users with
visual and reading impairments. For example, audio recordings in a database can
read web content to a user.
 Module 2

TEN RULES OF NETIQUETTE

Rule No. 1: Remember the human

 Remember that you are talking face to face with another person when you are
online.
 Remember that internet let people meet online but not necessarily face to
face.
 Remember this saying when sending an email: Would I say this to the
person’s face.

Rule No. 2: Adhere to the same standards online that you follow in real life.
 You need to behave the same way online that you do in real life.
 You need to remember that you can get caught doing things you should not
be doing online just like you can in real life.
 You are still talking to a real person with feelings even though you can’t see
them.

Rule no. 3: Know where you are in cyberspace.

 Always take a look around when you enter a new domain when surfing the
web.
 Get a sense of what the discussion group is about before you join it.

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

 Remember people have other things to do besides read your email. You are
not the center of their world.
 Keep your post and emails to minimum by saying what you want to say.
 Remember everyone won’t answer your questions.

Rule no. 5: Make yourself look good online.

 Be polite and pleasant to everyone.
 Always check your spelling and grammar before posting.
 Know what you are talking about and make sense saying it.

Rule no. 6: Share expert knowledge

 Ask questions online
 Share what you know online.
 Post the answers to your questions online because someone may have the
same question you do.

Rule no. 7: Help keep flame wars under control

 Netiquette does not forgive flaming.
  Netiquette does however forbid people who are flaming to hurt discussion
groups by putting the group down.

Rule no. 8: Respect other people’s privacy.

 Do not read other people’s mail without their permission.
 Going through other people’s things could cost you, your job or you could
even go to jail.
 Respect other people’s privacy.

Rule no. 9: Don’t abuse your power.

 Do not take advantage of other people just because you have more
knowledge or power than them.
 Treat others as you would want them to treat you if the roles were reversed.

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

 Do not point out mistakes to people online.
 Remember that you were once the new kid on the block. You still need to
have good manner even though you are online and cannot see the person
face to face.

(Notes taken from https://ictcom444251764.wordpress.com/blog/)

COPYRIGHT INFRINGEMENT

In addition to the netiquettes mentioned above, one of the most common

violation over the internet is the copyright infringement. An idea, research, invention,
and literary work are considered an intellectual property. As users of the internet, not
everything is free for use. Below are tips that you need to consider in avoiding
copyright infringement.
U n d e r s ta n d B e R e s p o n s ib le B e C r e a tiv e K n o w th e L a w

C o p y r ig h t g e n e r a lly T h e a b s e n c e o f th e W h e n y o u g e t c r e d it T h e r e v a r io u s la w s in
d o e s N O T p r o te c t w o r d " c o p y r ig h te d " is a b o u t s o m e th i n g , c o p y r ig h t.
u n d e r ly in g id e a s & n o t a v a lid d e f e n s e m a k e s u r e th a t it is " fa ir u s e " m e a n s th a t a n
fa c ts a llo w in g y o u to a g a in s t c o p y r ig h t . I t 's o u t o f y o u r o w n in te lle c tu a l p r o p e r ty c a n b e
e x p r e s s s o m e th in g in y o u r r e s p o n s ib ility to c r e a tiv ity . u s e d w ith o u t a c o n s e n t a s
y o u r o w n w o r d s b u t fi n d its c o p y r ig h t lo n g a s it is u s e fo r o th e r
g iv e c r e d it to th e s ta t e m e n t. s ta te d p u r p o s e s
s o u r c e . In th e P h ilip p in e s ,
c o p y r ig h ts o n ly la s t a
life tim e o f th e a u th o r p lu s
5 0 y e a r s .

INTERNET SAFETY AND SECURITY

Aside from learning the proper way to behave online, internet security is also
a priority. Internet is a powerful tool in promoting one’s business, staying in touch
with friends, and a source of entertainment. However, it is one of the most
dangerous places when you do not know what are you doing. The following table
provides a list of information with its risks.

Type of Information Risks

First Name Hackers may already know a lot of stuff about you even
with your first name alone.
Last Name Sharing your last name is riskier than sharing your first
name. It is even riskier when you share both. Several
cybercrimes are a result of just matching faces with the
name.
Middle Name This is not as risky ast the first name and last name but
when hackers know other things about you, it will still be
a risk sharing this information.
Current and previous In most cases, people stealing identities study their
schools subject and may use name of schools as verification.
Cellphone number Posting this in public will cause random strangers to text
and call you and may result to scams and fraud activities.
Name of mother and Riskier when their fullnames are provided. Mother’s
father maiden name is often asked to be an answer of a secret
question whenever you forget your password.
Name of siblings Sharing this may cause strangers to pretend and dupe
you.
Address Disclosing this will cause criminals to easily find you.
Home phone number Scams uses this information to decieve you.
Birthday Having this in your profile causes you to be vulnerable
with identity theft.

(Adopted from Empowerment Technologies, Innovative Training Works, Inc. First Edition)

In addition to the information that you should not disclose, there are threats
that you should be aware of when using the Internet:
 Spam

Malware

Phishing

Internet Threats

Internet Threat Description

Malware - Malicious software
Forms:
 Virus – replicates itself and transfer
from one computer to another
 Worm – uses computer network to
spread itself. Example: ILOVEYOU
worm (Love Bug Worm)
 Trojan – disguises as a useful
program but leaves PC unprotected
and allows hacker to get your
information.
Spam

- Unwanted email from advertisers

which can also be used to send
malware

Phishing - Acquires sensitive personal

information like passwords and
credit card numbers.
 - Emails that provide direct link to
users where they have to update
their information like username,
password, etc.
- Pharming is a more complicated
way of phising which exploits the
Domain Name Service (DNS)
system.

ONLINE RESEARCH

Internet is a vast source of information. There are times when you need do
not actually see what you are looking for when searching. Below are the simple
search strategies that you can use in order to narrow down your searches.

Four search strategies

 Keyword searching
- Most common strategy when you enter terms to search
- Use quotation marks to search as a phrase and keep the words linked
together
- Common words are ignored (That, to, which, a, the …)
Note: + plus symbol is used to include a word
- minus symbol is used to exclude a word
 Boolean
- enter words and connect them with AND to include sites where both words
are found
Uses: joining different topics (i.e. global warming AND California)
- enter words and use OR if you require at least one of the terms in the search.
Uses: join similar or synonymous topics (i.e. global warming OR greenhouse
effect)
- use NOT when you want to search for the first term and exclude sites that
have the second term (i.e. Washington NOT school).
 Question
- A question may be entered in the search field of search engine
 Advanced
- Features are offered on many engines by going to an “Advanced search”
page and making selections. Effective in narrowing search returns to a
specific topic or phrase.
 Module 3

How to Use Mail Merge in Microsoft Word

Mail Merge is most often used to print or email form letters to multiple
recipients. Using Mail Merge, you can easily customize form letters for individual
recipients. Mail merge is also used to create envelopes or labels in bulk.
This feature works the same in all modern versions of Microsoft Word: 2010,
2013, and 2016.

Mail Merge Step-by-step procedure:

1. In a blank Microsoft Word document, click on the Mailings tab, and in the Start
Mail Merge group, click Start Mail Merge and then click Step-by-Step Mail Merge
Wizard
Step 1

Step 3
2. Select your document Step 2
type. In this demo we will select Letters. Click Next: Starting
document. Select the starting document. In this demo we will use the current (blank)
document. Select Use the current document and then click Next: Select
recipients.

Step 4

Step 6

Step 5

Step 7
Two Components of Mail Merge
1. Form Document - It is generally the documents that contains the main body of
the message we want to convey or sent.

2. Data File - This is where the individual information or data that needs to be
plugged in (merged) to the form document is placed and maintained.

 When performing a Mail Merge, you will need a Word document (you can
start with an existing one or create a new one) and a recipient list, which is
typically an Excel workbook.

 To use Mail Merge: 1. Open an existing Word document, or create a new

one. 2. From the Mailings tab, click the Start Mail Merge command and
select Step by Step Mail Merge Wizard from the drop- down menu.

 The Mail Merge pane appears and will guide you through the six main
steps to complete a merge.
 Integrating Images and External Materials
 Integrating or inserting pictures in your document is fun and it
improves the impression of your document. A common use of inserting a
picture on a document is when you are creating your resume. Though
seemingly simple to do, your knowledge on the different kinds of materials
that you can insert or integrate in a Word document and its characteristics
can help you create a more efficient, richer document not only in content
but also in physical form. A better understanding of the physical form of
your document as well as the different materials you would integrate in it
would allow you to be more efficient and versatile in using Microsoft Word.


 Kinds of Materials
 There are various kinds of materials Microsoft Word is capable of
integrating to make the documents richer, more impressive, and more
informative.

 1. Pictures
 Generally, these are electronic or digital pictures or photographs you
have saved in any local storage device. There are three commonly used
types of picture files. You can identify them by the extension on their file
names.

 2. Clip Art
 This is generally a .GIF type; line art drawings or
images used as generic representation for ideas and
objects that you might want to integrate in your document.
Microsoft Word has a library of clip arts that is built in or can
be downloaded and used freely. There are still other clip
arts that you can either purchase or freely download and
use that come from third-party providers.


 3. Shapes
 These are printable objects or materials that you can integrate in
your document to enhance its appearance or allow you to have some tools
to use for composing and representing ideas or messages. If you are
designing the layout for a poster or other graphic material for advertising,
you might find this useful.










 4. Smart Art
 Generally, these are predefined sets of different shapes grouped together
to form ideas that are organizational or structural in nature. If you want to
graphically represent an organization, process, relationships, or flow for
infographic documents, then you will find this easy and handy to use.












 5. Chart
 Another type of material that you can integrate in your Word document that
allows you to represent data characteristics and trends. This is quite useful
when you are preparing reports that correlate and present data in a
graphical manner. You can create charts that can be integrate in your
document either directly in Microsoft Word or imported from external files
like Microsoft Excel.

 6. Screenshot
 Sometimes, creating reports or manuals for training or procedures will
require the integration of a more realistic image of what you are discussing
on your report or manual. Nothing can get you a more realistic image than
a screenshot. Microsoft Word even provides a snipping tool for your
screen shots so you can select and display only the part that you exactly
like to capture on your screen.









 Module 4
Creating an Effective Presentation

The most fun part in creating presentations is the design part. Do you agree?
Why is that so? Because in this part, you are given an opportunity to show your
creativity. However, there are principles that you need to consider in order to create
an effective presentation.

1. Minimize
Your slide count should be kept in minimum to maintain a clear
message and to keep the audience attentive. Keep in mind that the
presentation is only your visual aid. Most of the information should still come
from you as the reporter.

2. Clarity
In order for the words to be easily
read by your audience, make sure that font
Tip: 72 font size is
style can be easily read. Moreover, make
about an inch and
sure that the font size is big enough and can be read up to
consider how big the screen that you will be 10 feet away.
using during the presentation or reporting.

3. Simplicity
When creating presentations, avoid using paragraphs. Use bullets or
short sentences / phrases. Summarize the information on the screen to have
your audience focus on what you are discussing, otherwise, they will end up
reading your slides rather than listening to what you are saying. Do the 6x7
rule, limit the content to six lines and seven words per line.

4. Visuals
Most of the audience would
love to see visuals in your
presentation. Use graphics to
Tip: Use graphs & motivate them NOT to distract
charts instead of them. Too many graphics in the
tables.
slides may cause confusion and
distraction from your audience.
Moreover, make sure that visuals
are still related to what you are
presenting. Instead of presenting
numbers in a table format, you may
use charts such as pie chart, bar
graph, line graph, etc.
 5. Consistency
Consistency is the key! You have to make sure that font styles are
background are not too many that will distract the audience. Make your design
uniform by choosing a theme that you can explore when creating your
presentation.

6. Contrast
If there is black then there is white! You have to use light font on dark
background or vice versa. In most cases, dark background is preferred due to
the brightness of the screen.

Using Hyperlinks in Microsoft PowerPoint Hyperlink – is a

word, phrase, object,
There are different presentations software
shape, or image that
that you can explore. For the purpose of discussing
you can click on to
hyperlinks, we will be using Microsoft PowerPoint
jump to another
2019 since it is commonly and widely used. Other
section of your
buttons or icons may appear different in your own
presentation.
version of the software.

1. Select an object or highlight text. In this

example, the button LESSON was selected.

2. Go to Insert tab and look for Hyperlinks or Links icon.

3. A dialog box will pop-out with four possible options on the left side.

Link to Options:
a. Existing File or Web Page – this option will let you create a hyperlink to
website or local file saved in your computer. This means that you are
linking your file to another file or website.
b. Place in This Document – this option will let you create a hyperlink that
allows you to jump to a specific slide in your presentation.
c. Create a New Document – this option will let you create a hyperlink that
onc clicked, it will direct you to a new document on your specified location.
d. E-mail Address – this option will let you create a hyperlink that opens
Microsoft Outlook, the emailing software of your computer, and it will
automatically add your specified recipient on a new email.
4. After selecting any of the options above, click OK to apply your hyperlink. In
this example, we choose option b – Place in This Document. Then we choose
where in the document should it be linked which is Slide 2. This means that
whenever you click the LESSON button, it will direct you to Slide 2 of your
presentation.
Embedding Files and Data in Microsoft PowerPoint

It is best to be able to embed different files in

your presentation. This is for you to make sure that all
Embed – in ICT, it
files you needed during your reporting is already in your
means adding or
presentation file. In the following steps, we are
embedding an Excel File to your slide presentation. integrating objects,
files such as videos,
1. Go to the Insert tab. images, etc. into an
2. On the Text group, click on Object. existing file.

3. The Insert Object dialog box would appear with two options on the left.
Options:
a. Creates New – this option will let you create a new file from scratch. You
can select from a wide variety of files listed.

b. Create from File – this option will let you create a file from an existing file
saved on your computer hard drive. You have to browse the file on its
location. Putting a check on the “link” option will allow you to modify or edit
the Excel file inside your presentation file.
When you click on browse, you are going to select the Excel file that you
need to embed. In this example, we are embedding deped email shs.xlsx
file.

After choosing the file you needed, click Open. The filename will appear at
the bottom corner of the dialog box. Then click OK. This will direct you
back to the Insert Object dialog box. Notice that the file you’ve chosen will
also appear on the text box allotted.
4. Once you are done, click OK. This steps still apply in inserting other objects
and files like images, videos, music, etc.
 Module 5
Graphic software programs
 Which can be broadly grouped into vector graphics editors, raster
graphics editors, and 3D modelers are the primary tools with which a
user may manipulate, enhance, and transform images. Many image
editing programs are also used to render or create computer art from
scratch.
BASIC OF IMAGE EDITING
RASTER IMAGES are stored in a computer in the form of a grid of
picture elements or pixels.
VECTOR IMAGES such as Adobe Illustrator, Inkscape and etc. are
used to create and modify vector images, which are stored as descriptions of
lines, Bezier curves and text instead of pixels.
DIFFERENCE BETWEEN RASTER AND VECTOR IMAGES

RASTER IMAGES use many colored pixels or individual building blocks to

form a complete image JPEGs, GIFs and PNGs are common raster image
types. Almost all of the photos found on the web and in print catalogs are
raster images.

VECTOR IMAGES alternatively, allow for more flexibility. Constructed using

mathematical formulas rather than individual-colored blocks, vector file
types such as EPS, AI and PDF are excellent for creating graphics that
frequently require resizing.

3D MODELING (OR MODELLING) is the process of developing a

mathematical representation of any three-dimensional surface of an object
via specialized software. The product is called a 3D model. It can be
displayed as a two-dimensional image through a process called 3D
rendering or used in a computer simulation or physical phenomena. The
model can also be physically created using 3D printing devices.
 IMAGE FORMATS
Ø JPEG is a commonly used method of lossy compression for digital
images, particularly for those images produced by a digital photography.
Ø PNG (PORTABLE NETWORK GRAPHICS) is a raster graphics file format
that supports lossless data compression.
Ø GIF a lossless format for image files that supports both animated and
static images.
Ø BMP is a raster graphics image used to store bitmap digital images
Ø EPS used in vector-based images in Adobe Illustrator.
Ø SVG is an XML-based vector image format for two-dimensional graphics
w/ support for interactivity and animation
Ø .3ds is one of the file formats used by the Autodesk 3Ds Max 3D
Modelling, animation and rendering software.
Ø .fbx is an exchange format, in particular for interoperability between
Autodesk products and other digital content creation software

FEATURES OF IMAGE EDITORS

SELECTION One of the prerequisites for many of the app mentioned below
is a method of selecting part(s) of an image, thus applying a change
selectively without affecting the entire picture
Ø MARQUEE TOOL for selecting rectangular or other regular polygon-
shaped regions
Ø LASSO TOOL for freehand selection of a region
Ø MAGIC WAND TOOL selects objects or regions in the image defined by
proximity of color or luminance

LAYERS which are analogous to sheets of transparent acetate, stacked on

top of each other, each capable of being individually positioned, altered and
blended with the layers below, w/o affecting any of the elements on the
other layers.
IMAGE SIZE resizing images in a process often called image scaling, making
them larger, or smaller. High image resolution cameras can produce large
images which are often reduced in size for Internet use.

CROPPING creates a new image by selecting a desired rectangular portion

from the image being cropped. The unwanted part of the image is discarded.
Image cropping does not reduce the resolution of the area cropped.

BEFORE
AFTER
 CLONING uses the current brush to copy from an image or pattern. It has
many uses: one of the most important is to repair problem areas in digital
photos.

IMAGE ORIENTATION – Image editors are capable of altering an image to

be rotated in any direction and to any degree. Mirror images can be created
and images can be horizontally flipped or vertically flopped. Rotated image
usually requires cropping afterwards, in order to remove the resulting gaps
at the image edges.

SHARPENING AND SOFTENING– Sharpening makes images clearer. Too

much sharpening causes grains on the surface of the image. Softening
makes images softer that removes some of the highly visible flaws. Too much
causes the image to blur.

SATURATION- is an expression for the relative bandwidth of the visible

output from a light source. As saturation increase, colors appear more
“pure.’’ As saturation decreases, colors appear more ‘’ washed-out.’’

CONTRAST AND BRIGHTENING

Contrast of images and brighten or darken the image. Underexposed images
can be often be improved by using this feature.
Brightening lightens the image so the photo brightens up. Brightness is a
relative expression of the intensity of the energy output of a visible light
source.
Adjusting contrast means adjusting brightness because they work together
to make a better image.
PHOTO MANIPULATION
Photo manipulation involves transforming or altering a photograph using
various methods and techniques to achieve desired results. Some photo
manipulations are considered skillful artwork while others are frowned upon
as unethical practices, especially when used to deceive the public, such as
hat used for political propaganda, or to make a product or person look
better.

DIFFERENCES
PHOTO EDITING – signifies the regular process used to enhance photos
and to create them ‘’Actual editing simple process’’. Also includes some of
the regular programs used for editing and expose how to use them.

PHOTO MANIPULATION – includes all simple editing techniques and have

some manipulation techniques like erasing, adding objects, adding some
graphical effects, background correction, creating incredible effect, change
elements in an image, adding styles, eliminating blemishes from a person’s
face and changing the features of a person’s body.

Infographics also known as data visualization, information design, and

communication design

 It is any graphic that display and explains information, whether that

be data or words. When we use the term ‘’infographics’’, we’re using it
as a general term used to describe data presented in a visual way.

 Infographics are important because they change the way people find
and experience stories. Infographics are being used to augment
editorial content on the web, it creates a new way of seeing the world
 of data, and they help communicate complex ideas in a clear and
beautiful way.

TYPES OF INFOGRAPHICS
1. Statistical
2. Process Flow
3. Geographic

PROCESS OF MAKING INFOGRAPHICS

1. Research
a) Know what is needed b) Take a reference
c) Know the audience d) Decide the type of infographics

2. Brainstorm
a) Gather ideas b) Build thought process

3. Design
Choose your tool and start designing

4. Review
Cross check the data to deliver flawless output

5. Launch
a) Make it viral b) Share on social network

BEST PRACTICES WHEN CREATING INFOGRAPHICS

a) Maintain a structure
b) Don’t use more than 3 color pallets
c) Typography matters a lot
d) Include source and references
 Module 6
The Nature and Purpose of Online Platforms and Application
An online platform is a base of technologies designed to run within an online
environment and provides interactive online services.
Online platforms currently include, but are not limited to:
• Presentation or Visualization
• Cloud Computing
• Social Media
• File Management
• Mapping
• Web Page Creation

Presentation or Visualization
• Allows you to present and share presentations,
infographics and videos with other people.
• Use to communicate clearly and effectively

Cloud Computing

What is cloud computing, in simple terms?

Cloud computing is the delivery of on-demand computing services -- from
applications to storage and processing power -- typically over the internet and on a
pay-as-you-go basis.

How does cloud computing work?

Rather than owning their own computing infrastructure or data centers,
companies can rent access to anything from applications to storage from a cloud
service provider.
One benefit of using cloud computing services is that firms can avoid the
upfront cost and complexity of owning and maintaining their own IT infrastructure,
and instead simply pay for what they use, when they use it.
In turn, providers of cloud computing services can benefit from significant
economies of scale by delivering the same services to a wide range of customers.

What are examples of cloud computing?

Cloud computing underpins a vast number of services. That includes
consumer services like Gmail or the cloud back-up of the photos on your
smartphone, though to the services which allow large enterprises to host all their
data and run all of their applications in the cloud. Netflix relies on cloud computing
services to run its video streaming service and its other business systems too, and
have a number of other organizations.
Cloud computing is becoming the default option for many apps: software
vendors are increasingly offering their applications as services over the internet
rather than standalone products as they try to switch to a subscription model.
However, there is a potential downside to cloud computing, in that it can also
introduce new costs and new risks for companies using it.
Social Media
Computer-mediated tools that allow
large group of people to create, share or
exchange information or interest. The
information shared can in the form of ideas,
pictures, videos or anything that you want to
create and share to virtual communities.

File Management
The storing, naming, sorting and handling of computer files allows you to
convert and manage files without downloading the software tool

What is file management?

The data that we work with on computers is kept in a hierarchical file system in
which directories have files and subdirectories beneath them. Although we use the
computer operating system to keep our image data organized, how we name files
and folders, how we arrange these nested folders, and how we handle the files in
these folders are the fundamental aspects of file management. The operating
system's organization of our data can be enhanced by the use of cataloging
programs, which make organizing and finding image files easier than simply relying
on the computer's directory structure. Another feature of catalog programs is that
they can streamline backup procedures for better file protection.

Storage vs. Organization

It's helpful to approach file management issues
by separating the concept of Storage from the
concept of Organization. Storage describes how you
handle the files: What's in a folder? What kind of
folder names do you use? How do you design a folder
hierarchy?
Organization, by contrast, describes how images are grouped according to
content, usage or value. Organization lets you find all pictures of Josie, or all
pictures done for the Acme Company, or all images used in my portfolio. We
recommend that your organization be based fundamentally on metadata, rather
than on folders.
There are two main problems with using folders for organization. The first is
that the work you can do to organize with folders is very limited. There must be one
top-level organizational method, which can only be subdivided in a limited way
before the system becomes too cumbersome and breaks down. Is it most important
to divide by date, client, project, subject matter, rating, or usage? Furthermore,
information that is dependent on folder structure is very fragile. If you remove an
image from a folder that designates what that image is, that content information
can be lost.
While folder structure can be helpful in organizing your images, we suggest that
the main job of folders should be as a storage structure.
Mapping

A transformation taking the point of one

space into the point of the same or another space.
Uses GPS to detect location and used for navigation

Web Page Creation

Encompasses a number of important
elements including color, layout and over all
graphical appearance. The platform does not
require any web programming skill they
provide a drag and drop interface and free
hosting as well.

Web Templates and WYSIWYG Platforms

WYSIWYG = “what you see is what you get”. In this kind of platform, no
coding skills are required. Instead, you manipulate with design components using
an editor window and get the chance to choose what elements are on your page.
Web templates are unique full page layout that contains generic information
which can be replaced by the users with their own personal information.

Basic Web Design Principles and Elements

1. Purpose
Good web design always caters to the needs of the user. Are your web
visitors looking for information, entertainment, some type of interaction, or to
transact with your business? Each page of your website needs to have a clear
purpose, and to fulfill a specific need for your website users in the most effective
way possible.

2. Communication
People on the web tend to want information quickly, so it is important to
communicate clearly, and make your information easy to read and digest. Some
effective tactics to include in your web design include: organizing information using
headlines and sub headlines, using bullet points instead of long windy sentences,
and cutting the waffle.

3. Typefaces
In general, Sans Serif fonts such as Arial and Verdana are easier to read
online (Sans Serif fonts are contemporary looking fonts without decorative finishes).
The ideal font size for reading easily online is 16px and stick to a maximum of 3
typefaces in a maximum of 3 point sizes to keep your design streamlined.

4. Colours
A well thought out colour palette can go a long way to enhance the user
experience. Complementary colours create balance and harmony. Using contrasting
colours for the text and background will make reading easier on the eye. Vibrant
colours create emotion and should be used sparingly (e.g. for buttons and call to
actions). Last but not least, white space/ negative space is very effective at giving
your website a modern and uncluttered look.

5. Images
A picture can speak a thousand words, and choosing the right images for
your website can help with brand positioning and connecting with your target
audience. If you don’t have high quality professional photos on hand, consider
purchasing stock photos to lift the look of your website. Also consider using
infographics, videos and graphics as these can be much more effective at
communicating than even the most well written piece of text.

6. Navigation
Navigation is about how easy it is for people to take action and move around
your website. Some tactics for effective navigation include a logical page hierarchy,
using bread crumbs, designing clickable buttons, and following the ‘three click rule’
which means users will be able to find the information they are looking for within
three clicks.

7. Grid based layouts

Placing content randomly on your web page can end up with a haphazard
appearance that is messy. Grid based layouts arrange content into sections,
columns and boxes that line up and feel balanced, which leads to a better looking
website design.

8. “F” Pattern design

Eye tracking studies have identified that people scan computer screens in an
“F” pattern. Most of what people see is in the top and left of the screen and the
right side of the screen is rarely seen. Rather than trying to force the viewer’s visual
flow, effectively designed websites will work with a reader’s natural behaviour and
display information in order of importance (left to right, and top to bottom).

9. Load time
Everybody hates a website that takes ages to load. Tips to make page load
times more effective include optimising image sizes (size and scale), combining code
into a central CSS or JavaScript file (this reduces HTTP requests) and minify HTML,
CSS, JavaScript (compressed to speed up their load time).

10: Mobile friendly

It is now commonplace to access websites from multiple devices with
multiple screen sizes, so it is important to consider if your website is mobile
friendly. If your website is not mobile friendly, you can either rebuild it in a
responsive layout (this means your website will adjust to different screen widths) or
you can build a dedicated mobile site (a separate website optimised specifically for
mobile users).

Online Creation Tool

Slideshare – you can use this to upload and share your
professional videos and slide presentation
 Google Drive – you can use this to backup your files in
the cloud and access them anywhere. You can also use
other applications of Google along with Google Drive.

Tumblr – you can use this to share text, photos,

quotes, music, and videos from your browser, phone,
desktop, email or wherever you happen to be. This is a
microblogging service that has recently become a
popular social media site.

Wix – you can use this to create your web site or mobile
site. Wix.com Ltd. is an Israeli software company, providing
cloud-based web development services. It allows users to
create HTML5 websites and mobile sites through the use of
online drag and drop tools.

Google application bundle and useful apps

My Account – gives you an access to your Google account settings and tools.
Search – is a web search engine of Google that allows you to find anything you can
think of.

Google Maps– is a desktop web mappingservice of Google that provides

information about geographical areas around the world.

YouTube – is a video-sharing website of Google.

Google Play – is the official app store of google for android smartphones and
tablets.

Google News – is a computer generated news site of google whose source

aggregated from sources all over the world.

Gmail - is a free email service developed by Google. Users can access Gmail on the
web and using third-party programs that synchronize email content through POP
or IMAP protocols. Gmail started as a limited beta release on April 1, 2004 and
ended its testing phase on July 7, 2009.

Google Calendar is a time-management and scheduling calendar service developed

by Google. It became available in beta release April 13, 2006, and in general release
in July 2009, on the web and as mobile apps for the Android and iOS platforms.
Google Calendar allows users to create and edit events.

Google Calendar is a time-management and scheduling calendar service developed

by Google. It became available in beta release April 13, 2006, and in general release
in July 2009, on the web and as mobile apps for the Android and iOS platforms.
Google Calendar allows users to create and edit events.

Google Photos is a photo sharing and storage service developed by Google. It was
announced in May 2015 and separated from Google+, the company's former social
network. Google Photos gives users free, unlimited storage for photos up to 16
megapixels and videos up to 1080p resolution.

Google Docs is a word processor included as part of a free, web-based software

office suite offered by Google within its Google Drive service. This service also
includes Google Sheets and Google Slides, a spreadsheet and presentation program
respectively.

Google Sheets is a spreadsheet program included as part of a free, web-based

software office suite offered by Google within its Google Drive service. The service
also includes Google Docs and Google Slides, a word processor and presentation
program respectively.

Google Drive is a file storage and synchronization service developed by Google.

Launched on April 24, 2012, Google Drive allows users to store files on their
servers, synchronize files across devices, and share files.