tables for data presentation, use charts and

ADVANCE PRESENTATION graphs.

SKILLS (EM TECH 4)
Presentation Skills
Consistency – Make your design uniform.
Microsoft PowerPoint -it is a presentation-
Contrast – Use a light font on a dark
based program that uses graphics, videos, etc.
background or vice versa. This will make the
to make a presentation more interactive and
test easier to read.
interesting.
PRESENTATION SKILLS
-The file extension of a saved PowerPoint
presentation is “.ppt”. To open Microsoft PowerPoint, Press “Windows
Logo”+ R then type “PowerPoint” then enter.
*A PowerPoint presentation comprising slides
and other features is also known as PPT. KEY TERMS
*It includes graphics, charts and tables which is Slide – is a single page of a presentation..a
usually well known in business administrations. group of slides may be known as a slide deck.

TIPS IN CREATING AN EFFECTIVE Design Template – pre-designed graphic styles

PRESENTATION that you can apply to your slides.

Minimize – Keep slide counts to a minimum to Animation – is a set of effects which can be
maintain a clear message and to keep the applied to text or graphics within a slide.
audience attentive.
Transition – are motion effects that when in
Clarity – Avoid being fancy by using a font style Slide Show view add movement to your slides
that is easy to read. Make sure that it is also big as you advance from one slide to another.
enough to be read by the audience.

* Consider the big screen during your report.

* TIP: A font size of 72 is about an inch.
A one-inch letter is readable 10 feet away; a
two-inch letter is readable 20 feet away.

Simplicity – Use bullets or short sentences.

*Limit the content to six lines and seven words

per line. This is known as the 6*7 rule.

Visuals – Use graphics to help in your

presentation. However, too many graphics
might distract the audience.Instead of using
USING HYPERLINKS IN e. Email Address - creates a hyperlink that
opens Microsoft Outlook that automatically
MICROSOFT POWERPOIN(EM TECH adds your specified recipient on a new email.
4.1)
3. When done, click OK to apply your hyperlink.
USING HYPERLINK
* TIP: Notice how the word you selected is now
Using hyperlinks in your presentation is an easy underlined and is colored blue that changes to
way to navigate slides during your presentation. purple whenever the link is previously visited.

We use hyperlink to navigate from one

webpage to another.
Types of Views in MS PowerPoint
Hyperlinks have two basic parts:
1. Address of the webpage - it is either an email
Normal View-simplified layout of the page so
address, or other location they are linking to
you can quickly key, edit, and format the text.
2. Display text - it can also be a picture or shape.
Notes Page View - displays your slides on the
WAYS TO INSERT HYPOTHESIS top portion of the page, with the speaker notes
for each slide in the notes pane on the bottom
1. Select an object or highlight a text. of the pane.
2. Go to Insert > Hyperlinks (under Links group)
or use the shortcut key Ctrl + K. The Insert
Hyperlink dialog box would appear. Outline View - displays all the text in a
PowerPoint slide show in outline form
LINK TO OPTIONS: regardless of the design, objects and
a. Existing File or Web Page-creates a hyperlink animations.
to website or a local file saved in your hard Slide Shorter View- displays mini versions of
drive. slides and allowS you to re-arrange them.
* Just browse your file in the dialog box or type
the web address.
TYPES OF PRESENTATION
b. Place in This Document - creates a hyperlink
that allows you to jump to specific slide in your Informative - Keep an informative presentation
presentation. brief and to the point
d. Create a New Document- creates a hyperlink Instructional - Your purpose in an instructional
that once linked, created a new document on presentation is to give specific directions or
your specified location. orders.

Decision Making - Identify your goal and

components.
Persuasive - Which the speaker has a goal of elements create a sense of organized
convincing. movement.

PROPORTION-visual elements create a sense of

unity where they relate well with one another.
BASIC PRINCIPLES OF GRAPHICS AND
VARIETY-elements to draw a viewers uses
LAYOUT
several design attention. It can be created via
typography, color, images, textures, and
virtually any other design element. It prevents
BALANCE - the visual weight of objects, texture, designs from becoming monotonous and
colors and space is evenly distributed on the boring.
screen.

EMPHASIS - area in the design that may appear

different in size, texture, shape, or color to INFOGRAPHICS
attract the viewer's attention.
Are used to represent information, statistical
MOVEMENT- visual element that guide the data or knowledge in a graphical manner
viewer's eyes around the screen. usually done in a creative way to attract the
viewer's attention.

Controlling the elements in a composition such Infographics make complex data become more
that the eye is led from one to the next and the visually appealing to an average user.
information is transmitted appropriately to your
audience is known as a movement.
CREATING INFOGRAPHICS USING PIKTOCHART

1. Create a Piktochart account by going to

PATTERN -a repetition of design elements (as www.piktochart.com and click sign up on the
seen in things like wallpaper patterns). upper right corner of the page.
REPETITION - reinforces an idea or perception. 2. Fill out the Sign Up page with the information
It can be done via things like using the same needed; alternatively, you can connect with
format for headers, reusing the same colors, Google+ or Facebook.
images or similar choices.
3. Once you have created an account and
RHYTHM- the spacing between elements can logged in, Click Create New on the upper right
create rhythm, either regular or irregular. hand corner of the screen then select
Rhythm can be used to create a variety of Infographics then a template that you want.
emotions, including calmness (with regular
rhythms) and excitement (with irregular 4. The Dashboard contains your previously
rhythms).Rhythm is achieved when visual created visuals. On the left corner contains your
options of what visual you want to create. Just 3. PortableNetwork Graphics-.png
select infographics.
°Screenshots, high compatibility
5. While editing a block, you can use the various
tools on the left side of the page: TIPS IN EDITING IMAGE FOR WEBSITE

a. Graphics allows you to insert lines, shapes, 1.Choose the right file format - try to make a
icons, and even photos. real-life photograph into GIF to see the
difference between PNG, GIF, and JPEG.
b. Uploads - allows you to browse and upload
images from your local disk for your 2. Choose the right image size - know how much
infographic. space you want the image to consume. Or have
a "preview" image where the audience has the
c. Background changes the background of a option to "see full size."
selected block.
3. Caption it - Remember to put a caption on
d. Text allows you to insert text to your images whenever possible. If it is not related to
infographics with the option to add text frames. the web page, then remove it.

e. Color Scheme allows you to modify or create VARIOUS FEATURES IN CREATING WEB
new color scheme of your infographics. CONTENT
d. Tools - allows you to create charts, maps and 1. Viewer - picture viewer that has the same
videos. features with most image viewers (orientation).

2. Editor-alters the appearance of a single

image
6. To save your work, click on check Saved
button on the top right of the page. To save it in 3. Batch Editor-alters the appearance of comlex
your computer, click DOWNLOAD. or multiple images.

ONLINE IMAGE FILE FORMATS 4. Page arranges several photos to create a

single one; similar to a mosaic.
You have to consider that website images
should be more compressed because data 5. Combine links several images together to
travels over the internet and not everyone has a form a bigger image.
fast connection.
6. Animated GIF - allows you to create an
1. Joint Photographic Experts Group-.jpeg or.jpg animated GIF from several pictures.

°Real-life photographs, high compression 7. Print - readies pictures for printing.

2. Graphics Interchange Format-.gif 8. Splitter - divides a single photo into multiple

parts.
°Computer generated graphics
9. Screen Capture-captures the screen and save
it.
10. Color Picker-grabs a pixel from your screen
to be used in editing.

11. Raw Converter-converts RAW images

(uncompressed images usually from digital
camera) to JPEG.

12. Rename photos- allows user to rename a

batch of photos.

13. Paper Print - useful tool for printing your

own calendars, sheets, lined paper, graph
paper, etc.
 Reader - allows you to see articles from other
blogs including the ones you follow.
ONLINE PLATFORMS FOR ICT
CUSTOMIZING YOUR BLOG
DEVELOPMENT
1. Click Customize
( Em tech Lesson 5)
2. Divided into two parts;
1. Social Media Platforms Websites like
Facebook allow you to create not only personal * Right - your blog
accounts but also pages and groups where you
* Left - control keys.
can share content.
CUSTOMIZER CONTROLS
*Downside - "one size fits all" (it will look the
same as other pages. a) Site Identity - includes options of changing
your site's title, tagline, site icon, and footer
WEBPAGE-specific, by section lang.
credit.
WEBSITES-general
b) Colors - Changes the header text color and
2 . Blogging Platforms - focus on content and the background color,
design (WordPress, Tumblr, and Blogger).
c) Fonts - Changes the default fonts for
* looks like a newsletter where you are given headings and content.
options to change the design to your liking.
d. Header Image - changes the image at the top
* You can manipulate it but it will not surpass of your page. There are also suggested header
social media. that you can use.

CONTENT MANAGEMENT SYSTEM e. Background Image-changes the image of the

page's background.
A Content Management System (CMS) is a
computer application (sometimes online or f. Menus - shows the navigation bar and the
browser-based) that allows you to publish, edit pages that will be accessible at the top of your
and manipulate, organize, and delete web page.
content.
g. Widgets-add-ons to the site, like a twitter
CMS is used in blogs, news websites, and sidebar, calendar, and clock among others.
shopping.
h. Homepage Settings-allows you to have a
CREATING YOUR OWN BLOG USING static front page. * Your blog is a dynamic
WORDPRESS because, every time you publish a post, it
changes.
My Site - includes controls regarding your
content that you post.
i. AMP - Stands for Accelerated Mobile Pages. c.Blog Posts - allows you to add, delete and edit
This allow you to change the design for mobile blog posts
devices for it to load faster.
d. Site Pages - allows you to add, delete and
CREATING A BLOG POST edit pages on your blog.

1.Click "Write" on the upper right corner of e. Media - allows you to add images,
your dashboard. documents, videos, and audio, wordpress offers
up to 3gb space for a free account.
2. Take note the two tabs: Visual and html.
f. Comments - view the audience comments
* Visual - typical rich editor. done on your blog posts.
* HTML code g. Customize - allows the editing of the site's
3. On to the right is the "Post Settings" icon. look.

a. Status changes the time and date shown of h. Sharing-allow you to connect your blog to
when the post was posted. other social networking sites.

b. Categories and Tags - are important in i. People - allows you to collaborate with other
organizing your post. people in working with your blog.

c. Featured Image - Set a featured image as part j. Plugins - these are add-ons/tools that will
of your post. enhance your blog's popularity, security,
appearance, and posting options.
d. Sharing-allows you to share your posts to
other social media accounts. k. Domains - allows you to purchase domains
for your blog.
e. Post Format - Changes the format of your
post to better suit its content. I. Settings - include settings for your blog that
involve your experience while writing a blog
4. Make sure you put your post in a category. post and your reader's ability to interact with
You can easily add a category whenever you your page
post.
m. WP Admin - contains more options for your
5. Add specific keywords that relate to your blog.
post.

OTHER SITE OPTIONS

a. View Site - shows a preview of your site

b. Plan - option where in case your blog grows

in the future, you may opt to change your plan
to other paid subscriptions.
(Em tech Lesson 6) 5. The editor is pretty easy to use. The center shows the preview
of your website. The design tools are located on the right. It is
now time to edit the website to your liking. Use the following tips
BASIC WEB PAGE CREATION to achieve it.

What is WYSIWYG? Internet Threats

WYSIWYG is the acronym for What You See Is 1. MALWARE-Stands for malicious software
What You Get. This means that whatever you
A. VIRUS-a malicious program designed to replicate itself and
type, insert, draw, place, rearrange, and transfer from one computer to another either through the
everything you do on a page is what the audience Internet and local networks or data storage like flash drives and
CDs.
will see.
B. WORM-a malicious program that transfers from one computer
Creating a Website using Microsoft Word
to another by any type of means. Often, it uses a computer
network to spread itself. For example, the ILOVEYOU worm (Love
1.Open Microsoft Word.
Bug Worm) created by a Filipino.
2. Type anything on the page like "Welcome to my Website."
C. TROJAN- a malicious program that is disguised as a useful
3. Click on File > Save As > Browse. program but once downloaded or installed, leaves your
unprotected and allows hackers to get your information.
4.On the Save As dialog box, locate your activities folder and
create a new folder named "Sample Webpage." Rogue security software- tricks the user into posing that it is a
security software. It asks the user to pay to improve his/her
5.Specify the filename "Sample Webpage." security but in reality, they are not protected at all.

6.On the Save As type, select "Web Page (*.htm; *.html)." D. SPYWARE- a program that runs in the background without you
knowing it (thus called "spy"). It has the ability to monitor what
7. Click the Change Title button. you are currently doing and typing through keylogging.

8. Input the title as seen below, then click OK then Save Keyloggers -used to record the keystroke done by the users. This
is done to steal their password or any other sensitive information.
9. Check the files on your Sample WebPage folder. You will see a It can record email, messages, or any information you type using
new folder generated including your htm/html file. your keyboard.

10. Open the Sample WebPage.htm file and you will see that you E. ADWARE-designed a program to send you advertisements,
just created a webpage using MS Word. mostly as pop-ups.

Creating Your Own Website using Jimdo 2. SPAM-Unwanted email mostly from bots or advertisers. It can
be used to send malware.
Jimdo is WYSIWYG web hosting service. It offers free,
professional, and business web hosting service Jimdo also has an 3. PHISHING-It goal is to acquire sensitive personal information
iOS and Android app which you can use to manage your website like passwords and credit card details. This is done by sending you
whenever you do not have access to a PC. For this exercise you an email that will direct the user to visit a website and be asked to
will create own personal website that focuses on your passion or update his/her username, password, card, or personal
hobby. information.

2. You will be instructed to choose a template. Pick any template Pharming-a more complicated way of phishing where it exploits
that you want. the DNS (Domain Name Service) system.

3. Chooses URL for your website. Enter your email and password.

4. Your website will be generated and soon you will end up in the
site's WYSIWYG editor
Online Collaborative Tool In creating and co-creating ICT content, storage, and organization
of files is is necessary. It will be safe and convenient if the content
will be stored on clouds and available for the members to edit and
organize anytime, anywhere. However, each member should be
A Group involves people who work independently to achieve its responsible sible in keeping the files. Google Drive provides a
goal, while a Team works interdependently where each member service for file storage on clouds and collaboration for online
has a specific role or function. sharing, editing, and organizing throug h "Shared Folders."

An effective team structure works collaboratively. It is the key to

the success of the ICT project. Collaboration means individuals
work together to produce/ create a well-defined content to FIVE PHASES OF PROJECT MANAGEMENT
achieve a common business purpose. In creating ICT content,
most teams work collaboratively online. Online collaboration is a Initiating - An overview of the objectives of the project, needs,
work process where people are interacting in real-time over the and the problem is identified. It is where you create the project
internet. It provides a smooth process in the development of ICT charter with the Project Manager assigned to the project.
content even without working together physically
Planning - This is where a successful project conclusion is worked
Team Members: An effective team structure is composed of out by the project manager and the project team. The team
efficient team members who have specific roles and brainstorms the ICT theme to be published, together with the
responsibilities. These team members include: collaborative tools and online platforms to be used.

Project Manager: An individual who has general accountability for Executing- This is where the project team goes about executing
the successful initiation, planning, design, execution, monitoring, the project plan once the project plan has been constructed. The
controlling, and closure of a project. curation of ICT content may occur in this phase for quality
assurance. Content writers and editors are essential in this phase.
Data Analyst: Someone who gathers, processes, and performs After all the preparation has been done, publishing the ICT
statistical analyses of Data. A person who is accountable in content online may now take place.
collecting the data for ICT content.
Monitoring and Controlling - This is where the project manager
Content Writer and Editor: A person responsible for reviewing the monitors and controls the work for a time, cost, scope, quality,
data and finalizes a complete of information. risk, and other factors while the project is being executed. It is
also an ongoing process that ensures that the project meets its
The Web Designer - A person responsible for creating the focus for each project objective.
appearance, layout, and elements of a website. The job involves
understanding both graphic design and computer programming. Closing- This happens when each phase is ended and when each
entire project is concluded. It happens to ensure that all the work
The Web Developer - The person technically develops the overall has been finished, completed, and approved.
functionalities of a web page.

Online Collaborative Tools for Creation and Co-

creation of ICT Contents

Online collaborative tools for ICT content development that may

be used currently include the following:

Facebook Groups

G Suite

Google Chat/ Hangouts

Google Docs, Sheets, and Slides

Google Drive

Microsoft Teams

Using Google Drive for Collaboration