INFORMATION AND COMMUNTICATION TECHLOGY/IES 4. VAGUENESS -certain words are imprecise.

Information and Communication Technologies (ICT) 5. LOGIC -since machines use logic, there are certain
limitations for a computer to be able to predict what
-deals with the use of different communication the user is referring to at a given time.
technologies such as mobile phones, telephone, and
internet to locate, save, send, and edit information. Trends in ICT As the world of ICT continues to grow,
the industry has focused on several innovations which
TYPES OF WEBSITES cater to the needs of the people who benefit most out
WEB 1.0 – Static or Stationary page wherein users of it. The following trends are the current front runners
cannot interact with the page. in the innovation of ICT.

Examples: mp3.com, ofoto, aliweb, shopping carts 1. CONVERGENCE.

etc…… Technological convergence is the synergy of
WEB 2.0 – Dynamic page wherein users can interact technological advancements to work on a similar goal or
with the page. task. It is the use of several technologies to accomplish
a task conveniently.
Examples: ( SOCIAL NETWORKING SITES) Facebook,
Youtube, Tiktok , Instagram (WIKIS) wikibooks (WEB 2. SOCIAL MEDIA.
APPLICATION) google (HOSTED SERVICES)(BLOGS) Social media is a website, application, or online channel
FEATURES OF WEB 2.0 that enables web users to create, co-create, discuss,
modify, and exchange user-generated content.
FOLKSONOMY - Allows user to categorized and
classify and arrange information using freely chosen
keywords ( e.g.., tagging).

RICH USER EXPERIENCE – content is dynamic and is

responsive to user’s input.

USER PARTICIPATION - The owner of the website is

not the only one who is able to put content..

LONG TAIL – Services that are offered on demand

rather than on a one-time purchase.

SOFTWARE AS A SERVICE – uses will subscribed to

a software only when needed rather than purchasing
them.
3. MOBILE TECHNOLOGIES.
MASS PARTICIPATION – Diverse information sharing
The popularity of smartphones and tablets has taken a
through universal web access.
major rise over the years because of the devices’
WEB 3.0 AND THE SEMANTIC WEB - is a movement capability to do tasks that were originally found in
led by the World Wide Web Consortium (W3C). The personal computers. Today, the latest mobile devices
term was coined by the inventor of the World Wide use 5G Networking (LTE), which is currently the fastest
Web, Tim Berners-Lee. It provides a common mobile network.
framework that allows data to be shared and reused
across application, enterprise, and community
boundaries.

SEVERAL PROBLEMS IN USING WEB 3.0.

1. COMPATIBILITY-HTML files and current web browsers

could not support Web 3.0.

2. SECURITY -the user’s security is also in question since

the machine is saving his or her preferences.

3. VASTNESS -the World Wide Web already contains

billions of web pages.
ADVANCED PRESENTATION SKILLS AND MANIPULATING
TEXT, GRAPHICS, AND IMAGES

ADVANCED PRESENTATION SKILLS

Microsoft PowerPoint is a tool that helps you to present

data whether it is scientific, statistical, or a book report

CREATING AN EFFECTIVE PRESENTATION

A pleasurable part of presenting a report is in designing

your presentation for it enables you to be creative.
What maybe is in your mind now is to place animations,
transitions, and art. Whether these features would help
Link to options:
is generally up to you. Using these features could
sometimes distract your audience rather than help. a. Existing File or Web Page – creates a hyperlink to
Here are some quick tips in creating an effective website or a local file saved in your hard drive. Just
presentation. browse your file in the dialog box or type the web
address.
1. MINIMIZE. Keep slide counts to a minimum to
maintain clear message and keep the audience attentive b. Place in This Document – creates hyperlink that
allows you to jump to a specific slide in your
2. CLARITY. Use font style that is easy to read. Tip: a
presentation.
font size of 72 is about an inch (depends on the screen
size). A one-inch letter is readable 10 ft away; two-inch c. Create a New Document – creates a hyperlink that
letter is readable 20 ft away. once clicked, creates a new document on your specified
location
3. SIMPLICITY. Use bullets or short sentences by
summarizing the information on the screen. Limit the d. E-mail Address – creates a hyperlink that opens
content to six lines and seven words per line. (6 x 7 rule) Microsoft Outlook that automatically adds your
specified recipient on a new email 3. When done, click
4. VISUALS. Use graphics to help in your presentation,
OK to apply your hyperlink.
Instead of using a table of data, use charts and graphs.
Embedding Objects in Microsoft PowerPoint
5. CONSISTENCY. Make your design uniform and avoid
Embedding objects is easy using Microsoft
different font styles and backgrounds.
PowerPoint. With this option, you can insert an Excel
6. CONTRAST. Use light font on dark background or vice file that would look like a table to a presentation.
versa.

Using Hyperlinks in Microsoft PowerPoint

Using hyperlinks in your presentation is an easy way to

navigate slides during your presentation. Ways to insert
hyperlinks:

1. Select an object or highlight a text.

2. Go to Insert>Hyperlinks (under links category) or use

the shortcut key Ctrl+K
3. The Insert Object dialog box would appear: Options: create your own infographic. 1. Create a Piktochart
account by going to www.piktochart.com and click sign
a. Create New – creates a new file from scratch. You can up on the upper right corner of the page.  Figure 1.
select on a wide variety of files listed. The Sign-Up button of Piktochart is located on the
b. Create from File – creates a file from an existing file upper right of the screen.
saved on your hard drive; simply browse the file to use
it. Putting a check on the “link” option will allow you to
modify the Excel file inside your presentation.

What is the most visited website in the world? Think

about it for a second. Yes, it is Google. On December
2014, Alexa.com, a renowned website for ranking web
page popularity, ranks this website number one in the
entire world. Why do you think Google ranks number
one despite the countless search engines and websites
in the internet?

Basic Principles of Graphics and Layout

1. Balance. The visual weights of objects, texture,

colors, and space are evenly distributed on the screen.
2. Emphasis. An area in the design that may appear
different in size, texture, shape, or color to attract the
viewer’s attention.

3. Movement. Visual elements guide the viewer’s eyes

around the screen.

4. Pattern, Repetition, and Rhythm. These are repeating 4. The Piktochart editor will open. The Presenta Board
visual element on an image or layout to create unity in theme consist of three blocks. Select the blocks and
it. input the information as you see fit.

5. Proportion. Visual elements create a sense of unity 5. While editing a block, you can use various tools on
where they relate well with one another. the left side of the page:

6. Variety. This uses several design elements to draw a a. Graphics – allows you to insert lines, shapes, icons,
viewer’s attention. and even photos.

Infographics b. Uploads – allows you to upload images for your

infographic.
Infographics or information graphics are used to
represent information, statistical data, or knowledge in c. Background – changes the background of a selected
a graphical manner usually done in a creative way to block
attract the viewer’s attention. Infographics make
d. Text – allows you to insert text to your infographic
complex data become more visually appealing to an
with the option to add text frames.
average user.
e. Styles – allows you to modify the color scheme of
CREATING INFOGRAPHICS using Piktochart You will
your infographic.
create an infographic about COVID19 prevention using
Piktochart.com, a free online app that allows you to
f. Tools – allows you to create charts, maps, and videos.
Editing Tips:

• Double-click a text to edit the content.

• When working with objects, the toolbox on top of the

topmost block will allow you to manipulate it

• When working with charts, double-click the chart to

open the datasheet editor.

• You may rename the title of your infographic on the

top toolbar.

6. To save your work, click on Save on the top right of

the page. To save it in your computer, click on
Download. In the Download options, select the
medium-sized and the PNG file type.

Online Image File Formats

Unlike images that are found in our computer, you

must consider that website images should be more
compressed because data travels over the internet and
not everyone has a fast internet connection.
Consequently, we must use compressed images on our
websites. Likewise, even though a wide variety of
websites already support high-definition (HD) photos,
you do not have to use HD all the time. In fact, most of
the time, you do not even have to.

There are plenty of other image file formats used in the

web but most of the time you will be using these three
because of their compatibility with all major web
browsers. When inserting text to a web page, you can
simply copy a text to your HTML editor, or you can
upload it on a website as a PDF file. Most browsers
support “add-ons” so that you can open PDF files
without leaving the browser.