2. Table of Contents:
Definition of ICT
State of Internet Technology
Technology Convergence
Social Media
Danger in the Computer
Protection from Threat
Contextual Search
Research Skills
Mail Merge
Satirical Sites
MS Excel
3. Sources of Photos and Graphics
Online Digital File Formats for Images and Text
Image File Format
Vector Image Files
Basic Principles of Graphics and Layout
Principles and Basic techniques of Image Manipulation
Combining Text ,Graphics and Images
Basic Image Manipulation using Offline or Open Source
Software
Presentation Tool
4. ICT
(INFORMATION AND COMMUNICATION TECHNOLOGY)
It is the umbrella that includes any
communication device or application ,
encompassing: radio, television, computer
and etc.
5. State of Internet Technology
Web 1.0 Web 2.0 Web 3.0
Very few web content creator or
known as
“ read only web”.
Was used around 2004
“ read and write web”.
Discovered by Tim – Berners –
Lee (Father of WWW)
“read-write -execute
There’s no user Interaction.
“Static web”
Technology Became more and more
interactive.
( Social Media Begin)
“Dynamic web”
“ Semantic web”
Web pages were Static. The user can now interact, contribute
and create their own internet space
and content.
webm
aster
Static
web
users
web
master
Users
contributi
on
commu
nity
Web
Dynamic
wifi
6. Technology Convergence
Evolution of Technological Development that
merge into a new system bringing together
different types of applications and Media.
Ex. Smart Phone
It can Function as a telephone, camera, radio, TV and gaming console.
8. Social Media - is a collection of internet-based communication tools
and computer – assisted channels dedicated to allow users; interact,
communicate and share virtually in community and networks.
Popular free social networking sites.
Allow users to Microblog or Broadcast short
messages called TWEETS.
9. Social networking app that enables the user
to show mobile photo and video either public
or privately (not user friendly).
Design for mobile networking application,
photo-sharing, chat, and messaging services.
Assistive media is a First Internet –based
reading services for persons with visual and
reading impairment.
10. Danger of the Computer
Email Spam
Junk email, unsolicited commercial email sent from one source with
identical message to send to multiple recipients.
Email Spoofing
Deceitful email practice in which the sender address is changed so
that it would appear to have come from a different sources.
Phishing
Deceitful practice of trying to get confidential information such as
password and username.
11.
12.
13. Pharming
A dangerous hacker attack on a website
Spyware
A computer program that is installed covertly on a personal computer to
collect.
Computer worm
Dangerous computer program that replicates itself.
Computer virus
A program that duplicates itself
Hacker
A person who is able to control other people’s computer without authorization.
Trojan horse
Malicious software fronting to perform a god task but covertly performs
undesirable functions.
14. Protection from Threat
Security center- place where you can set protection.
Security Settings
1.Firewall
Protect the authorized entries, viruses, worm from the internet/network.
2.Authomatic Update
must ON
Product of Microsoft
3.Virus protection
must be ON
Current antivirus
Antivirus
locate ,find and remove virus threat that are already in your computer.
15. unlocking difficulties
Is to place (something such as a word or activity in a context).
The collecting of information about a particular
Art of devising or employing plans or strategies toward a goal.
The act of process of compailing.
An act of quoting
16. Contextualize search
Attempt to be more precise in
providing the list documents
according to the words used by
the user to search the internet
17. STEPS TO MAKE CONTEXTUALIZED ONLINE
RESEARCH
1.Identify or choose topic
2.Topic or task definition
3.Identify methods of
search: experiments, explore, survey
4.Identify reosurces of your research
ex. wikepedia,google
5.Make your research strategies
6.Compiling the research results
7.Evaluate the result of your research
8.Create a list of your references for citition
18. RESEARCH SKILLS
CRITICAL THINKING
-It is the ability to digest, reflect,and conclude from the information search
ANALYTICAL THINKING
-The ability to look, verbalize, conceptualize,and gather data attune to the
context of the subject
PROBLEM SOLVING CAPABILITY
-The ability to present solution or solve problems by presenting a decision
based on the given information
ORGANIZED DATA MINING
-It is the ability to organize and catalogue all collected materials efficiently
19. RESEARCH PRESENTATION
-It is the ability to present ideas and draw conclusions from the research
CREATIVITY AND DEVELOPED IMAGINATION
-Is the ability to look for alternative solutions to the problems needed to solve
in the research
COMPUTER LITERACY
-Knowledge of the various computer application and tools
20. STEPS IN MAKING GOOGLE SEARCH
1.Open the google site
2.On the upper right side of window,click the google apps icon
and click search 6
3.On the lower right part of the window click settings and the
google search settings pop-up list will appear
4. Click advanced search and the advance search window will
appear
5.Type the keywords that you would like to search and click the
advanced
21. IDENTIFYING GOOD SOURCE FROM
SATIRICAL SOURCE
Satirical sites are websites that report untrue or false
stories
-These sites take their cue from TV shows that report
exaggerated news that are untrue but intriguing and
funny
-These site started as spoofs of real public figures such
as political leaders or movie personalities
-Do not send those to your contact
22. HOW TO DETECT SATIRICAL NEWS
1.If it is too good to be true,then it must be so
2.If the news did not emanate from reliable news site
3.If they are from know satirical sites
23. LIST OF TOP SOURCES OF SATIRICAL
NEWS
1.Adobo chronic?(sowhatsnew.wordpress.com)
3.Eritas Times(eritastimes.com)
4.The professional
heckler(professionalheckler.wordpress.com)
24. LIST OF AMERICAN SATIRICAL SITES IN
THE US
1.The onion(theonion.com)
2.Clickhole(clickhole.com)
3.Christ Wire Global Media(christwire.org)
25. MAIL MERGE AND LABEL GENERATION
MAIL MERGE
-Is used to automatically add mailing addresses or
personalized information to your publication
26. MAILING START GROUP COMMANDS
NAME FUNCTIONS
MAIL MERGE Merges data into a publication which will be printed and
mailed. Shows step by step mail merged wizard.
EMAIL MERGE Merges data into a publication that will be sent as email
SELECT
RECIPIENTS
Chooses the list of people you intend to send the letter
to: You can type your own list, use your out look
contracts or connect to a data base
EDIT RECIPIENT
LIST
Make changes to the list of recipients and decide which
of them should access your letter
27. Write and Insert Group Commands
NAME FUNCTION
Insert Merge Field Adds a field from your recipient list to
the publication.
Address Block Adds an address to your letter.
Greeting Line Adds a greeting to your letter.
Picture Adds a picture field from your
recipient- list to publication.
Insert Personalized Hyperlink Inserts hyperlink that are customized
for each recipient.
Format Changes the format for the field
content.
28. PARTS OF MAIL MERGE
1.Recipient list
2.Publication with merge fields
3.Merged publications
29. Step 1: Creating a Recipients List
1.Click the mailings tab, go to the start group and
click select recipients.
2.On the list of options, select Type New List.
3. On the New Address List dialog box, click New
Entry and Type the recipient information.
4. Click Ok
30. Step 2: Prepare your publication
1.Create your publication in MS Word.
2. Insert any additional text that you want to
appear in every version of your mail merge
publication, such as greeting.
31. Step 3 : Create Merged Publication
1. Print
A. Click Merge to a printer
B. In the print space, select the options you want and click Ok.
2. Merge to new publication
A. Click Merge to New Publication.
B. In the new publication, click Save this Publication in the Mail
Merge task pane.
C. Type the name of your new publication and Click save.
3. Add to existing Publication
A. Click Add to Existing Publication
B. On the Open Publication dialog box, locate the publication you
want to add and click open
C. Click Save this Publication in the Mail Merge Task pane.
32. GENERATING LABELS
-Labels are used for envelope that you intend to send
out to person usually containing the name, address,
telephone,hands on: Using MS word to generate
labels.
33. Steps in Generating Labels
1. Start a new document in MS Word.
2. Go to the Mailings tab, in the Create Group, Click labels
and the Envelope and Labels dialog box will appear.
3. In the Address box, type the text you want to be placed
on the label.
4. Click the Insert Address icon if you have an address
stored In the electronic address book.
5. To change the Font or Paragraph formatting, select the
text, right-click and select the option from the drop-down
menu.
34. 6. Click Option button and the label options dialog box will
appear.
7. Select the settings like the type of printer, the supplier
that produced your label sheet and others.
8. After you make the settings, Click OK.
9. Under Print, select full page of the same label or single
label. Then in the row and column boxes, enter the numbers
that match the numbers of row and columns on the label
sheet for the label that you want to print.
10. Click Print.
35. MS POWER POINT
What is MS PowerPoint?
- It is an application intended for creating a slide
presentation.
How to create a Slide Presentation?
1. Open MS PowerPoint.
2. Click New and select your preferred design template.
3. Click insert tab new and insert text, word art or any object
in the slide.
4. Click home tab to insert new slide in our information.
36. TRANSITION
-Is the effect on the different slide
ANIMATION
-Is the effect within the object inside the
slide
37. MS EXCEL
-Is used to compute cost incurred Is the creation of projects, or
create tables for finding the researches and then create report
for business
38. PARTS OF A FORMULA IN EXCEL
-Function
-References
-Constant
-Excel functions
39. FUNCTIONS SUM-Calculate of a range of a cell
REFERENCES AVERAGE-The arithmetic mean of a range
CONSTANT MAX-Gives the maximum value in a range
OPERATORS MIN-Gives the minimum value in a range
COUNT-Counts the number of cells in the range in a cell
If-shows a scenes of calculation
40. SOURCES OF PHOTOS AND GRAPHICS
-There are many sources of photos and graphics. They
can come direct from your camera, old pictures, free
from internet or purchase from the internet or stores
1.Personal and professional photos
2.Scanned Images
3.Stock Photo Library
4.Olnine Stock Photos
41. ONLINE DIGITAL FILE FORMATS FOR
IMAGES AND TEXT
A computer will have a certain method of encoding
information to storage in the hard drive or any form
of computer storage.
PROPRIETORY FORMATS
-Are owned and controlled by individuals or
corporations and the file format specifications are not
available to the public.
42. OPEN FORMATS
-Are means and ways for storing digital information that
are free, can be used by the public and are not
encumbered by copyrights or patents
FILENAME EXTENSION
- File Format users suffixes that are added to the end
of a filename.
43. DIGITAL FILE FORMATS ARE CLASSIFIED
INTO THREE MAJOR GROUPS
1.Umcompressed or raw format
-Is usually used for storing original file format, it is a
flexible form but needs bigger memory to store.
2.Lossless file format
-Is a file format that was compressed to replicate the
original quality but a reduced file size
3. Lossy file format
-compressed using approximation of its size .
44. IMAGE FILE FORMATS
- are means of storing and storing digital images , photos
and illustrations.
These are two types classified of Image File
Format:
Raster image File
Vector Image File
45. A. Raster Image File
A. Raster Image File
- Is a mean of representing digital images bits of
information for storage, which translates into pixels when
viewed on the screen. Majority of raster files are lossy.
B. Pixels
- Is the smallest information of an image. Image using
pixels are usually represented on dots or squares that are
arranged and added together to form the picture.
- The word PIXEL comes from the word picture (pix) and
element (el).
46. Raster Image Files
- is a common formats you will encounter in the internet
and with many digital image files, such as those coming
from digital cameras. The raster image are stored as bit
maps.
Examples:
JPEG
GIF
PNG files
47. The most common types of raster image files
Filename Extension Description
.bmp Bitmap image file- is an image file
format developed and used on
Microsoft windows environment and is
stored in a graphics File format called
device- independent bitmap and has a
file extension of .bmp or .dip. Not a
common format on the world wide web
because of its large file size.
48. .gif Graphic Interchange Format File – is
an image file format that is very
popular on the World Wide Web
because of its portability and support
for animation.
.jpg JPEG Image file- standardized by the
joint Photographic Experts Group
(JPEG) is a common method for
photographic images as well as
transmission of photos on the world
wide web since it supports 24-bits per
pixel color scheme.
49. .png Portable Network Graphic (PNG) – is a
free open-source bitmap image format
made to improve on GIF which has
small file but can handle more colors
since it supports 24- bit per pixel color
scheme and supports true color (16
million colors).
.psd Photoshop Document (PSD) – is a
native file format for adobe Photoshop,
and since many are using this program
to create images, it is very popular.
Photoshop has the ability to read all of
the above formats and edit them.
50. Vector Image or Vector Graphics Files
- are lossless files created using mathematics geometric equations to
represent images in digital computer graphics.
Vector graphics has the advantage of retaining its quality to any desired
image size, unlike raster images that appear pixilated when displayed in
expand image sizes.
Vector format or graphic is preferred for those who desire quality prints and
display of images.
Examples of this type of formats are:
PDF
Encapsulated postscripts
Scalable Vector Graphics
Windows metafile
51. Types of vector image formats
Filename extension Description
.ai Adobe illustrator file-is the file extension
for graphics created using adobe illustrator
which is created using paths, and lines
connected by points instead of bitmaps,
which may include objects; color, and text.
.drw Drawing file is a generic drawing created
and stored in a vector format that uses lines
or paths to present images. These images
are output of the following
programs:appleworks,microsoft picture it,
cord DRAW and paint shop pro.
.dxf Drawing exchange format file-is a drawing
format developed and introduced by
autodesk the maker of autocad and is used
for computer aided design (cad) vector
images.
52. .ps Postscript file- is a page description
language (pdl) developed by adobe,
basically a language for printing
documents on laser printers and image
setter (high resolution printers) used
to produced camera ready copies.
.svg Scalable Vector Graphics (sgv) – File is
the most common vector graphic
format on the internet; it was
developed by the World Wide Web
consortium (w3c) to display vector
graphics.
53. Basic Principles of Graphics and Layout
LAYOUT
- is the process of planning and arranging graphics or text in a page.
GRAPHIC
- is an image or visual representation of an object. Therefore, computer
graphic are simply images displayed on a computer screen.
SYMMETRICAL
- There should be equal weights or elements on both side of the page.
ASSYMETRICAL
- It maybe asymmetrical when there is an artistic and different intensity on
one side of the page.
54. TEXT
- the text should be:
* legible
* Appropriate font face
* Left justified, right justified, center
* The flow of text should be easy to read
IMAGE
- the image should be:
* proportionate
* sharp in color
* with high resolution
* with appropriate captions
55. PROXIMITY and HARMONY
* the element should be closed together and scattered and arrange
apart from each other.
* elements should not be cluttered and not complete with each
other.
CONSISTENCY
* there should be uniformity of theme on each page.
COLOR and SHAPE
* use color to create interest by providing variety in the design (
color contrast and shape ).
EMPHASIS
* there should be one point of interest in a page.
* the elements to be emphasized should have a different size, color,
shape, or background.
56. Principles and basic techniques of image
manipulation
There are various ways to manipulate images like
resizing, cropping, adjusting color background,
balance brightness and contrast, combining
photos, combining text and photos, and clear
image to be used of a photo editing too, you can
improve and edit the pictures to be able to use
them the way you want to be able to send your
message to your message to your viewers.
57. Techniques of Image Manipulation
BACKGROUND COLOR
- you can change the background if it does not match the image
or the totality of the presentation. You can also add effects to the
background.
MULTIPLE IMAGES
- you can combine multiple images to make a point or use to
highlight your message.
SHADOW
- using shadow effect will make the image realistic.
PROPORTION
- when combining images, resize the image to make it
proportionate and realistic.
58.
59. BLENDING COLOR
- you can use color to match the background with the
other elements in the page.
TEXTURE
- adding texture allows you to blend different image.
Texture add to the depth of your art. Blending with allow
smooth transition of one image to anther.
EMPHASIS
- there should be a focal point to a page that will attract to
the viewers. The element you want to emphasize should be
sharp, big and most vibrant in your design.
60.
61. Combining Text, Graphics and Images
TRANSPARENT SHAPES
- add simple shapes with a slight transparency behind your text to
clearly ( emphasis ) see the text you want to emphasize.
FONTS and SHAPES
- fonts and shapes should complement with each other. You can use
rounded shapes.
TEXT and BACKGROUND
- text and background should be aligned to have an organized look.
CLEAN and CLEAR BACKGROUND
- use a clean and clear background for the message to be readable.
Background should not washout your massage.
62. * Basic Manipulation using offline or open
source software *
Photo editing and designing tools allow
you to make manipulate or edit images,
apply effects filters, frames, crop, and text.
63. * Various offline or open- source for image
editing *
1. PICASA – it is a Google's free photo manager to edit and
organize your photos.
2. PAINT.NET – it is a window-based alternative to the MS paint
editor. It is a free open source available in windows.
3. GOOGL SKETCH UP – it is fee, 3D modeling program with tools
that allows you to create 3D models of houses, home,
renovation, woodworks and other dimensional accuracy.
64. 4. AUTODESK PIXEL – a free photo editing tool that is
similar to Photoshop and has more 600 effects.
5. ADOBE PHOTOSHOP – is a tool to create, modify, combine
and optimize digital photos and images. It is used to performed
changes.
6. GIMP or GNU Image Manipulation Program – is a
free, open-source image/ graphics editing program used for image
retouching and editing, free- farm drawing/ painting and other
specialized tasks.
65. INSTALLING GIMP
1. go to www.gimp.org
2. then click download
3. select download GIMO directly
4. run the GIMP installer
5. Click Install
6. Wait for it to finish the installation, then Click
Download.
66. * GIMP BASICS *
PARTS OF THE GIMP WINDOWS
1. TOOLBOX – This is the part where the main tool are located such as
the tools used to crop, select, erase, and more.
2. TOOL OPTION – located below the toolbox, here you will be able to
see the options for the currently selected.
3. IMAGE WINDOW – this is where your works or image will be shown.
You will also have an option to open multiple image at the same time.
4. LAYERS DIALOG – this shows the layer structure of the images
shown in the image window. You will be allowed to manipulate it in a variety
of ways.
5. BRUSHES/ PATTERN/ GRAADIENTS – located below the layer
dialog, you will be able to see the choices of brush, patterns and
gradients that can be used in your work.
67. PRESENTATION
Is a graphic program that allows you t create slide shows
presenting a topic, lecture, demonstration to enlighten,
educate, communicate.
allows you to organize, summarize and format your
materials
Allows transitions, animation and sounds that will
captivate the audience a keep them interested.
68. Examples:
. ZOHO SHOW - an online presentation that features master slides,
template, customization the ability to insert videos/ images,
transitions/ animations, image editing, shape effects, and
easy flowchart building.
2. LINKED IN SHARE – is a web 2.0 based sliding hosting service.
Users can upload files privately or publicly in the ff. format:
PowerPoint, PDF, Keynote or open document presentations.
3. GOOGLES SLIDES - create a new presentation, and edit,
collaborate with others and present wherever you are free.
69. . SLIDE ROCKET – is an online presentation platform that lets
users create, manage, share and measure presentations. It is
provide via a SAAS model.
5. MS POWERPOINT – a slide show presentation program
currently developed by Microsoft.
6. PREZI – a cloud- based presentation software based on a software
as service model. The product employs a zooming user
interface ( ZUI ) which allows users to zoom in and out of
their presentation media.
70.
71. Hands –on : using prezi to create a presentation creating a new prezi
account:
1. Go to prezi.com
2. Click get started on the upper right corner
3.Sign up for a public account
4. Fill in the boxes with the specified information
5.After providing information, click create your free public account.
*The Prezi Canvas*
Zooming in and out
1. To zoom in, just scroll the mouse upwards, and to zoom out, scroll the
mouse downwards.
2. To zoom in the frames, just like a frame and select zoom in to frame tool
bar
3. To zoom out in the original overview, click the home button.
72. Moving around the canvas
1.To move around the canvas , click and hold, and drag the cursor to the
direction you want to go to.
Undo and Redo
1.To undo, just click the undo button, and the redo, click the redo button.
Adding / Editing text
1.To add text, just click anywhere in the canvas , and start typing. Or click to
add tittle and type .
Adding/Editing frames
1. to add a frame, select the type of frame you would like, and drag the
shape with a plus sign anywhere you want in the canvas.
2.To edit the frame , click on the frame, and you can change the color and
type of the frame or delete it in the frame toolbar.
73. You can move the frame around by clicking and holding the
hand, button, and then drag it at any direction.
4. You can increase or decrease the size of the frame by
sliding the sizing handle outward or toward the center, or
you can use the + and – buttons
5. to add an image, shape, video, and other files to the
frame, click insert.
74. * The Prezi Canvas *
EDITING IMAGES
1. you can move the image around by clicking and holding the
hand button and moving it to any direction you want.
2.you can increase or decrease the size of the image by dragging
the sizing handle away or towards the center, or you can use the + and
– buttons.
3. you can rotate the photo by painting your mouse near any
sizing handle so you can click and hold a small circle beside it,
and rotate it at any direction.
4. you can enhance, add effects and frames to your photo by
selecting effects at the picture toolbar.
75. Editing the Background
1.To add an image or change background color ,click
customize
2.You can either change the background color by
clicking color and choosing a new color or adding a
background imaging by selecting choose file.
3.You can also change the look of your present
templete by choosing one of the themes in the theme
tab.
76. Adding/ Additing Animations
1. Enter edit path mode by clicking edit path on the bottom
left. A star symbol will appear on each side of a path point
or to a fame.
2. Click the Star symbol to enter Animation edit mode.
3. When you click or hover on an object, you will see a
Green star with a number, this represent the order which
your content will fade In.
4. you can review the animation by clicking the play button
on the top right corner.
77. 5. To change the order, you can click the reset on
the top left corner to remove all the animation
present in the frame.
6. on you can also remove the animation
individually by hovering over a green star until you
see a delete button.
7. if you are satisfied with the order of your
animation, click done
