2. INTRODUCTION
• New generations is more on technology base. We
prefer to do things like presenting our ideas through
technologies like power point presentation, excel and
etc. We need to discover and explore beyond our
learnings to come up better output.
3. In this lesson you will learn about :
ICT and it’s current state
Technology convergence and the danger in internet and in computer
Unlocking of difficulty
Contextual Search
Steps in making contextualize online search
Research skills
Steps in making Google Search
Satirical source
Mail merge and generating Labels
4. MS Power Point
MS excel
Sources of photos and graphics
Online Digital File Formats for Images and text
Vector Image or vector Graphic files
File formats, image file formats
Common types of Raster Images are the following
Basic Principles of graphics and Layout
principles and basic Techniques of Image Manipulation
Various offline or open source for Image Editing
Combining text, graphics and Images
Installing GIMP
5. WHAT IS ICT ?
- ICT( information Communication and Technology) is
an umbrella that includes any communication device or
application, encompassing radio, television, computer and
etch. Also , a main method of getting information, attaining
services and expressing social advocacies and awareness.
6. CURRENT STATE OF ICT
Web 1.0
- In this stage of internet technology there
were very few web content creators and
many of them were so called “ read only
web”
- There were no user interaction
- Web page were STATIC
- The feedback mechanism was through
private email
- No direct comment available
7. WEB 2.0
- The term web 2.0 was used around 2004
- Internet Technology became more and more interactive ( used of social media
begins)
- -the internet become more available to everyone
8. WEB 3.0
-it is discovered by Tim Berners
Lee( father of the World Wide
Web) as the read- write – wed.
-it is referred to as the Semantic
Web or data Drives Web Content
and Response
9. TECHNOLOGY CONVERGENCE
-It is an evolution of technological development that
merge into a new system bringing together different
types of applications and media.
10. Smart Phone - as it provides functionality of various individual separate
and different devices now available in one gear . It can function as a
telephone ,camera , radio, TV and gaming console.
Social Media - it is a collection of internet-based communication
tools and computer-assisted channel dedicated to allow users to
interact
Facebook – is a popular free social networking site with more than a
billion users around the globe that allows it’s users to create profiles.
Twitter – with more than 300 million users in 2016
- allows users to microblog or broadcast short message called
“tweets”
11. Snapchat – images and video shared in this app last only for a short
period of time and they are gone
- also designed for photo sharing, chat, and messaging
service
Assistive Media – it is a none profit organization founded in 1996 in
Ann Arbor, Michigan USA
it was the first internet – based reading services for persons with
visual and reading impairment
Instagram – a social networking app that enables the users to share
mobile photo and video either publically or privately
12. DANGERS ONLINE
Email Spam – known as the junk email, usually unsolicited commercial email
sent from one source with identical message to send to multiple recipients.
spammer is the term used to refer to a person who create
electronic spam
Email Spam – known as the junk email, usually unsolicited commercial
email sent from one source with identical message to send to multiple
recipients.
spammer is the term used to refer to a person who create electronic spam
Phishing – a deceitful practice of trying to get confidential information such
as password and user name and credit cards details by making it appear as if
it comes from a trust worthy source.
13. Pharming – a dangerous hacker attack on a website which directs all traffic
to that website to another fictitious website
- it’s main objective it to obtain user name and password, as well as
credit card and financial information's and used this to steal money
electronically
Spyware – it is a computer that is installed covertly on a personal computer
to collect information or even take control over the computer without the
knowledge of the users
Computer Worm – is a dangerous computer program that replicates it self
through a network.
- some worms delete files, others disrupt the network function
and still, other send junk mail.
14. Trojan Horse – a malicious software fronting to perform a good task, but
covertly performs undesirable function with intention of entering the
computer without the users consent.
- it can erase data, can allow access the victims computer.
Computer Virus – a program that duplicates itself and then infect the
computer.
- virus can also be transferred by the used of removable storage.Hacker – be able to enter another computer, usually vandalize the victims
website, steal personal information, obtains intellectual property, and performs
credit cards fraud.
- a person who is able to enter the control other peoples computer
without authorization.
15. COMPUTER
PROTECTION
Security center – is the place where you can set additional protection from threat to your
computer, especially when using the internet
Firewall – helps in protecting your computer from un authorize enters, viruses, or
worms
- but not all allowed exemption
Automatic update – another feature of windows which when turn on wall automatically
download updates from Microsoft window website. Security center – is the place where you
can set additional protection from threat to your computer, especially when using the
internet
Virus Protection – is usually about the current anti-virus software installed in your
computer
- ANTI-VIRUS software is meant to locate, find and remove virus from
threats
it is also prevents other malware from gaining entry into your computer.
16. UNLOCKING OF DIFFICULTY
Contextualize – is place ( something, such as a word or activity ) on a
context.
Research – the collecting of information on a particular subject.
Strategy – the art of devising or employing plan or stratagems toward a
goal
- a careful plan or method
Compilation – the act or process of compiling
Citation – an act of quoting: especially the citing of a previously settled
case at law
17. CONTEXTUAL RESEARCH
-Is an attempt to be more precise the providing the list
documents according to the words used by the users to
search the internet.
- a good contextual search engine would request for
more information to narrow down the result of the search.
18. STEPS TO MAKE CONTEXTUALIZE
ONLINE SEARCH
1. Identify or choose a topic
2. Topic or task definition
3. Identify methods of search
4. Identify your resources of your research
5. Make your research strategies
6. Compiling the research result
7. Evaluate the result of your research
8. Create a list of your reference for citation
19. RESEARCH SKILLS
Critical thinking – it is the ability to digest, reflect , and conclude from the information
search
Analytical thinking – is the ability to look, verbalize, conceptualize, and gathered data
attuned to the context of the subject.
- the ability to apply synthesis, focus and critical thinking to extract
the useful information.
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 organized and catalogue all collected
materials efficiently
Research presentation – it is the ability to present ideas and draw conclusions from the
research
Creativity and developed imagination – it is the ability to look for alternative solution to
the problems needed to solve in the research
Computer literacy – knowledge of the various computer application of tools
20. STEPS IN MAKING GOOGLE SEARCH
1. Open the Google site
2. On the upper right side of the window, click the Google apps icon
and click search G .
3. Open the lower right part of the window, click settings and the
Google search setting 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 the websites that report untrue or false stories
This sites take their cue from the TV shows that reports exaggerated
news that are untrue but intriguing and funny
This site started spoof of real public figures such as political leaders or
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 the reliable new
site
3.If they are from know satirical sites
23. LIST OF TOP
SOURCES OF
SATIRICAL NEWS
1. Adobo chronicles (
adobochronicles.com)
2. So, what’s news ? (
sowhatnews.wordpress.com)
3. Eritas times ( eritas times .com)
4. The Professional heckler ( the
professional
heckler.wordpress.com)
1. The onion ( theonion.com)
2. Click hole ( clickhole.com)
3. Christwire global media (
christwire .org)
LIST OF AMERICAN
SATIRICAL SITES IN
THE US
24. MAIL MERGE AND LABEL GENERATION
•Mail merge
- Is used to automatically add mailing addresses or
personalized information to your publication
25. MS POWERPOINT
• What is powerpoint
- It is an application intended for
creating a slide presentation
1. Open ms powerpoint application
2. Click new and select your
preferred design template
3. Click insert tab menu add insert
text, work art or any object in this
slide
4. Click home tab to insert new slide
in your presentation
HOW TO CREATE A
SLIDE
PRESENTATION
• Transition
- is the effect on the different
slides
• Animation
• - is the effect within the object
inside the slide
26. MS EXCEL
- is used to compute
cost in cured in the creation
of projects, or create tables
for finching the research and
then create reports for
business or research that
you are doing
• Function
• Reference
• Contestants
• Excel function
• = SUM – calculates of a range of a cell
• =AVERAGE – the arithmetic mean of a range
• = MAX – gives the maximum value In a range
• =MIN – gives the minimum value in a range
• = COUNT – counts the number of a cell in the
range in the cell
• =IF- show a scenes of a calculation
PARTS OF
A
FORMULA
27. SOURCES OF PHOTOS AND GRAPHICS
1. Personal and professional photos – are photos taken by amateur or professional
photographer using a digital camera.
2. Scanned image – are those that you transfer from printed photos and graphics using
scanning device which you can transfer to your computer for farther improvement and
modification.
3. Stock photo library – are several photograph and created images that are available for
sale. They are in CD or DVD format and many of this images are Royalty - free , which
means that can be used without additional fees.
4. Online stock photos are found in the world wide web. The www is now the dominant
source of photos and graphics around the global because o the widely available choices
and reasonable prizes.
28. 1. Personal and Professional Photos
-are photos taken by amateur or professional photographers using a digital
camera. These image are downloaded and are stored in the computer.
2 . Scanned Images
- are those that you transfer from printed photos and graphics using scanning
devices which you can transfer to your computer for further improvement and
modification.
3. Stock Photo Library
- are several photographs and created images that are available for sale.
4. Online Stock Photos
- found in the World Wide Web. The WWW is no the dominant source of
photos and graphics around the globe because of the widely available choices
and reasonable prices.
29. Online digital file formats for images and text
A computer will have a certain method of encoding information for storage in the
hard drive or any form of computer storage. The ways of encoding and storing this
information to storage is called file formats. Digital file formats are categorized as either
proprietary or open.
Proprietary formats are owned and controlled by individuals or corporation and the
file format specifications are not available to the public. They are usually covered by
copyright and the owner has exclusive control of the present and future technology
development of this format. An example of a proprietary format is the one used is the one
used in the storage for Microsoft word, excel and PowerPoint.
30. 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
31. 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).
32. 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
33. 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.
.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.
34. Filename Extension Description
.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.
35. - are lossless files created using mathematics
geometric equations to represent images in
digital computer graphics.
B. VECTOR IMAGE OR VECTOR
GRAPHICS FILES
36. 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 are type of formats are:
PDF
Encapsulated postscripts
Scalable Vector Graphics
Windows metafile
37. 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.
38. Filename extension Description
.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.
.sgv 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.
39. 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.
*BASIC PRINCIPLES OF GRAPHICS AND
LAYOUT*
40. 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
41. 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.
42. * 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.
43. * 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.
44. 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.
45. * 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.
46. * 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
47. * 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.
48. 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.
49. 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.
50. * 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.
51. 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.
52. 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.
53. EXAMPLES:
1. 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.
54. 4. 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.
55. 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
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.
56. 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.
57. 3. 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.
58. * 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
59. Editing the Background
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.
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