EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER

LESSON 5 3. CONTRAST

ADVANCED - When visual elements

placed close together

PRESENTATION SKILLS
noticeably differ from
each other

PRINCIPLES IN CREATING AN EFFECTIVE PPT 4. RHYTHM

- Rhythm is a pattern
1. MINIMIZE created by elements
- Keep slide counts to a minimum to maintain a repeatedly and varied.
clear message and to keep the audience attentive. - Repetition (repeating similar elements
consistently) and variation (changes in shape, size,
position or elements) are keys to visual rhythm.
2. CLARITY
- Avoid using fancy
font style.
5. UNITY
- Use Sans-Serif font - This principle is used to
style. unify layout elements
such as typography,
illustrations, colors, etc.
3. SIMPLICITY - With this unity, the elements in it will support and
- Use bullets or short sentences. complement each other so that the focus is
- Summarize the information on the screen to have obtained according to the desired goal.
your audience focus on what the speaker is
saying.
- Use 6x7 rule (6 lines and 7 words per slide.
6. HARMONY
- Harmony or alignment is the
suitability of one part with
4. VISUALS another in a design.
- Use graphics to help in your presentation. - Aspects in harmony can be in
- Example: Pie graphs, pictures, & icons the form of harmony in line and shape or harmony
in texture and color.
5. CONSISTENCY
- Make your design uniform. 7. EMPHASIS
- Avoid different font styles and backgrounds. - The design needs to have the
principle of emphasis which means
6. CONTRAST something that becomes the focus
- Use light font on dark or gets attention first.
background or vice
versa. 8. LAYOUT
- The layout in the design can
basically be divided into several
parts, it can be 4 parts, 3 parts, and
2 parts depending on the design
LESSON 6 needs.

IMAGING AND DESIGN

ONLINE IMAGE FILE FORMAT
FOR ONLINE ENVIRONMENT
1. JPEG
8 BASIC PRINCIPLES - also known as JPG
OF GRAPHIC DESIGN LAYOUT - file types ending in .jpg
- Joint Photographic Experts Group
1. PROPORTION - JPEG files are images that have been
compressed to store a lot of information in a
- Efforts to regulate the
small-size file.
size between one part
and another
2. GIF
2. BALANCE - file types ending in .gif
- Graphic Interchange Format
- The visual weight of
- This format compresses images but, as different
objects, texture, colors,
from JPEG, the compression is lossless (no
and space is evenly
detail is lost in the compression, but the file can’t
distributed on the
be made as small as a JPEG)
screen.
- GIFs also have an extremely limited color range
suitable for the web but not for printing.

- HAROLD, ‘24 PAGE 1 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER

3. PNG
- file types ending in .png
- Portable Network Graphics
- It also allows for a full range of color and better
compression.
- It’s used almost exclusively for web images,
never for print images.

COLOR WHEELS AND EMOTIONS TINTS, TONES & SHADES

COLOR EMOTIONS - The colors on the color wheel can also be
described by its tints, tones & shades
depending on if you blend them with white,
gray or black

TINT
- A color TINT
is a hue
blended with
white.

TONE
- A color TONE
is a hue
blended with
gray.

SHADE
- A color
COLOR WHEEL SHADE is a
hue blended
with black.

HUE
- A color HUE is a the actual or
original color.

Why is black or white not on the color wheel?

BLACK
- it is the complete absence of colors.
WHITE
- it is the presence of all colors
simultaneously.

PRIMARY COLORS
- In traditional color theory, it all starts with LESSON 7
ONLINE PLATFORMS FOR ICT
three colors – the primary colors.
- The PRIMARY COLORS on the color wheel

CONTENT DEVELOPMENT
are red, yellow and blue.

SECONDARY COLORS
- The SECONDARY COLORS are orange, PLATFORM
violet and green. - A platform-enabled website or online platform gives a
- They can be made from mixing two primary feature on which allows to manipulate the content
colors. of the website.

TERTIARY COLORS 3 TYPES OF ONLINE PLATFORM

- The TERTIARY COLORS completes the color
1. SOCIAL MEDIA PLATFORMS
wheel to 12 basic colors.
- The 6 tertiary colors are created by mixing - This platform allows you to create your personal
one primary color with an equal part account or profile.
adjacent, secondary color.

- HAROLD, ‘24 PAGE 2 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER
- After you register on this website, it will allow you to 6. VIDEO/AUDIO
create pages or even groups where you can share
- There are sites that use audio/video to help
content and ideas.
their visitors better understand what they
● X(Twitter)
are selling or teaching.
● Facebook
● Instagram
7. BACKGROUND
- Texture or background gives a more
appealing sight to your website. This will
2. BLOGGING PLATFORMS
provide your website a feeling of a surface
- A platform on where a writer or even a group of underneath.
writers can share views on an individual subject.

PRINCIPLES OF WEB DESIGN

1. PORTABLE DESIGN
Starting a Blog in Five Steps: - Website design must be portable and
1. Choose a blogging platform, domain name, accessible.
and hosting option. - You should also design your website on which
2. Design your blog using a simple theme. it can be access to a different computer
3. Modify your blog to get your desired look and platforms or devices especially for those
feel. visitors who uses mobile device to access a
4. Select the best plugins for your blog. website
5. Write compelling content that adds value to
readers. 2. DESIGN FOR LOW BANDWIDTH
- Not all user who are online are connected to a
high-speed internet connection.
3. CONTENT MANAGEMENT SYSTEM - In designing a website you need to avoid large
- This is a software where you can easily create, graphics or animations as the users may
update, organize, and publish the content of your leave the site if downloading is slow.
website.
3. DIRECTION
- Identify the order of importance of the
various elements and place them in a
sequence where the eye moves and perceives
ELEMENTS OF WEB DESIGN the things it sees.
1. TEXT - There should be consistent layout and
- This is a mandatory element of a web page. structure.
- In designing your website, make sure that to
choose well the font family and type that 4. SIMPLICITY
you need to use on your design and make the - The more option you place in your site, the
text is clear and in readable size. more difficult it is for a visitor to make a
decision and more time is required to browse
2. GRAPHICS/ILLUSTRATIONS through them
- Make sure your images or illustrations are
not pixelated or must be on good quality. 5. REGULAR TESTING
- Every device or project needs maintenance,
3. WHITE SPACE same as your website.
- Having a crowded website, it is very hard to - Website should be regularly upgraded,
direct the attention of your visitor's eye. These updated and tested so that problems will be
white space gives your website a room to quickly resolved.
breathe.

4. LINKS Which platform is superior and why?

- Links or hyperlinks allows user to jump to Social Media Platform or Blogging Platform
another site or page that is related of to your
site.

5. COLORS
CLOUD COMPUTING
- The colors you use in your design is a very - is the delivery of different services through the
important aspect. There are times that colors Internet.
become visually distracting to your viewers. - These resources include tools and applications like
- As some web designers do, they use the data storage, servers, databases, networking, and
company logo of their client as their color software.
reference on their website.

- HAROLD, ‘24 PAGE 3 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER

CLOUD COMPUTING MODEL 4. Security risk of doing things over the Internet as
opposed to your personal computer alone
5. More prone to hacking

LESSON 8
COLLABORATIVE ICT
DEVELOPMENT
According to Google Cloud: (Note: Wala sa ppt)
TEAM STRUCTURE AND DYNAMICS
FOR ICT CONTENT
SaaS GROUP
- Software as a service(SaaS) - involves people who work independently to achieve
- provides the entire application stack, delivering an its goal
entire cloud-based application that customers can TEAM
access and use. - works interdependently where each member has a
- are completely managed by the service provider specific role or function.
and come ready to use, including all updates, bug
fixes, and overall maintenance.
- Most SaaS applications are accessed directly
through a web browser, which means customers TEAM STRUCTURE
don’t have to download or install anything on their - Refers to the creation of an individual team or the
devices. creation of a multi-system.
- It is an essential component of the teamwork
process.
PaaS
- Platform as a service(PaaS)
COLLABORATION
- delivers and manages all the hardware and
software resources to develop applications through - means individuals work together to produce/
the cloud. create a well-defined content to achieve a
- Developers and IT operations teams can use PaaS to common business purpose.
develop, run, and manage applications without
having to build and maintain the infrastructure or ONLINE COLLABORATION
platform on their own. - is a work process where people are interacting
- Customers still have to write the code and manage in real-time over the internet.
their data and applications, but the environment to
build and deploy apps is managed and maintained
by the cloud service provider. TEAM MEMBERS
- An effective team structure is composed of efficient
IaaS team members who have specific roles and
- Infrastructure as a service(IaaS) responsibilities.
- delivers on-demand infrastructure resources to
organizations via the cloud, such as compute, These team members include:
storage, networking, and virtualization. PROJECT MANAGER
- Customers don’t have to manage, maintain, or - An individual who has general accountability
update their own data center infrastructure, but for the successful initiation, planning, design,
are responsible for the operating system, middleware, execution, monitoring, controlling, and closure of
virtual machines, and any apps or data. a project.

DATA ANALYST
ADVANTAGES OF CLOUD COMPUTING - Someone who gathers, processes, and
1. No need to install performs statistical analyses of data.
2. Saves hard disk space - A person who is accountable in collecting the
3. Easy access to your software data for ICT content.
4. Saves you money from buying software licenses
5. No need to update because it updates automatically
CONTENT WRITER AND EDITOR
- A person responsible for reviewing the data
DISADVANTAGES OF CLOUD COMPUTING and finalizes a complete of information.
1. Can be hampered down by slow internet speed; no
connection, no cloud computing WEB DEVELOPER
2. May still require compatible software like a browser
- The person technically develops the overall
3. You do not own the software; you are simple renting it
functionalities of a web page.

- HAROLD, ‘24 PAGE 4 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER

WEB DESIGNER 4. EXCITE

- A person responsible for creating the - (www.excite.com)
appearance, layout, and elements of a
website.
- The job involves understanding both graphic
design and computer programming.

ONLINE COLLABORATIVE TOOLS AND

PROCESS
There are plenty of tools and platforms that are available
online, making online collaboration possible and
convenient
EXAMPLES OF ONLINE COLLABORATIVE TOOLS
WEB PORTALS ● Facebook Groups
- A web portal is a website that contains information ● WordPress
from different sources and places them in one ● G Suite
location in a uniform way. ● Google Docs, Sheets, and Slides
● Microsoft Office Online
EXAMPLES OF WEB PORTAL ● Microsoft’s Yammer
● Trello
1. YAHOO ● Web Portals
- (www.yahoo.com)
- Yahoo.com offers a web portal where news, FACEBOOK GROUPS
email, weather, etc. are found in one page.
- allows you to create a group page that will allow
people in your group to communicate your
ideas.

2. IGOOGLE
- (www.igoogleportal.com)

WORDPRESS
- allows you to have multiple contributors for a
single blog

3. MSN
- (www.msn.com)

G SUITE
- is a brand of cloud computing, productivity
and collaboration tools, software and
products developed by Google.
- It comprises Gmail, Hangouts, Calendar, and
Google+ for communication

- HAROLD, ‘24 PAGE 5 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER

GOOGLE DOCS, SHEETS, AND SLIDES - is done by applying and integrating project
management processes which are organized in five
- are a word processor, a spreadsheet and a
distinct phases:
presentation program respectively, all part of a
free, web-based software office suite offered by
Google within its Google Drive service.

MICROSOFT OFFICE ONLINE

- allows multiple people to work on different
office files

I. INITIATING
- An overview of the objectives of the project,
needs, and the problem is identified.
- It is where you create the project charter with
the Project Manager assigned to the project.
MICROSOFT’S YAMMER
- offers companies to have their own social
network that allows sharing and managing
II. PLANNING
content - This is where a successful project conclusion
is worked out by the project manager and the
project team.
- The team brainstorms the ICT theme to be
published, together with the collaborative tools
and online platforms to be used.

III. EXECUTING
- This is where the project team goes about
executing the project plan once the project
plan has been constructed

IV. MONITORING AND CONTROLLING

- This is where the project manager monitors
and controls the work for a time, cost, scope,
TRELLO quality, risk, and other factors while the project
- offer an online to-do checklist for your entire is being executed.
team - It is also an ongoing process that ensures that
- It introduces boards where any member of the the project meets its focus for each project
organization or group can see the different task objective.
for a certain project.
V. CLOSING
- This happens when each phase is ended and
when each entire project is concluded.
- It happens to ensure that all the work has
been finished, completed, and approved.

LESSON 10
MULTIMEDIA AND ICT
MULTIMEDIA
- Combination of text, animated graphics, video and
sound delivered to you via electronic means. It is
PROJECT MANAGEMENT FOR ICT CONTENT what appeals to users for entertainment, learning
PROJECT MANAGEMENT and research.
- Primary characteristics of a multimedia system is the
- The application of knowledge, skills, tools, and
use of more than one kind of medium to deliver
techniques to project activities
content and functionality.
- It is needed to achieve project requirements,
usually to time and budget.

- HAROLD, ‘24 PAGE 6 of 7

EMPOWERMENT TECHNOLOGY REVIEWER 2ND SEMESTER, 2ND QUARTER
MULTIMEDIA 6. PODCAST
= - Episodic series of audio or text files streamed online
MULTI (VARIOUS)
+
MEDIA (MEANS OF COMMUNICATION)

7. VODCAST
5 ELEMENTS OF MULTIMEDIA - Episodic series of video streamed online

USES OF MULTIMEDIA CONTENT

1. EDUTAINMENT
- The goal of using the
TYPES OF MULTIMEDIA CONTENT multimedia approach is
Multimedia content that you can fine on some website to entertain the user
while being unaware that
1. VIDEOS he or she is actually
- Presents moving pictures and typically combines learning in the process.
images and sound for a compelling sound for a
compelling multimedia experience. 2. BUSINESS
- some of the most memory-intensive multimedia - Product promotion, customer
application information, communication
to employee.
- multimedia multiplies the degree of effectiveness in
promoting a product.

2. SOUND, MUSIC, OR AUDIO 3. ENTERTAINMENT

- Reinforce the user’s understanding of information - Entertainment industries produce computer games
presented. and develop animations or special effects for cartoons
and movies

3. ONLINE GAMES
- Developers now create “Browser-based games”

4. PUBLIC ACCESS OF INFORMATION

- The ability of multimedia
applications that allowed public
access to information either
online or offline.

4. ONLINE TEST
- Online survey forms/tests that show results when 5. VIRTUAL REALITY
finished - The advanced use of multimedia is what we call
virtual reality.
- VR is a combination of video, stereo and computer
graphics that attempts to create an interactive
3-dimentional environment.

5. COURSEWARE
- Online courses that simulate the classroom

GOODLUCK ^-^

- HAROLD, ‘24 PAGE 7 of 7