Emtech Lessons 3 14
Emtech Lessons 3 14
I. INTRODUCTION/FOCUS QUESTIONS
MS Word is the most popular word processing software used today. A word processor is essentially a
computerized version of the standard typewriter. However, the computer adds features typewriters never
dreamed of having like spell check, the ability to save and store documents, copy and paste functions, the
ability to add images and shapes to documents, and many more. When attached to an email, electronic
documents, created by MS Word can be delivered in seconds. Another benefit is that it helps the user to type
faster and more accurate.
On the other hand, PowerPoint (PPT) is a powerful, easy-to-use presentation graphics software program which
allows you to create professional-looking electronic slideshows. PPT is used to present information in an
organized manner to an individual or group. Using clip art, sound clips, movie clips, graphs, organization charts,
imported Web screens, and many other features, you can easily create a presentation that will impress your
audience and convey your message clearly and professionally.
What are the things that we have to keep in mind in order for us to develop our word processing and
presentation skills through said software? Let’s find out!
III. PRE-ASSESSMENT
Choose the letter of the correct answer. Write your answers on the space provided before the number.
_______ 1. To save an existing document with a new file name or to save an existing document in a new
location, which command is used?
a. Save b. Exit c. Close d. Save as
_______ 2. To store a new or existing file with the same name, which button is used?
a. Save b. Exit c. Close d. Save as
_______ 3. Linda is creating a custom template. If she uses the tools found on the Review tab and
proofreads her document, which important question is she answering? a. Who is the intended
audience?
b. Will the template have correct calculations and functional macros?
c. Is the template easy to use?
d. Will the template have correct spelling, grammar, and punctuation?
_______ 4. To save a new file or an existing file in its same storage location, which commonly used shortcut key or
keyboard key combination is used?
a. CTRL + S b. CTRL + V c. ALT + S d. SHIFT + S
_______ 5. What is the name assigned to a file when it is saved?
a. Document title b. File title c. File name d. Document Name
_______ 6. Which of the following are valid ways to create a new presentation?
a. From scratch with a blank presentation c. Based on a template
b. Based on another existing presentation d. All of the above _______ 7. Why would you use the
Insert Picture from file command? a. To add video or audio to a slide
b. To add an image saved on your computer or a storage device
c. To search for images in Clip Art
d. All of the above
_______ 8. WordArt is a combination of...
a. Text and shapes b. Text and graphics c. Text and clip art d. Text and special effects ________ 9.
Why should you ask questions during a presentation?
a. Create fewer slides c. Reduce the amount of text
b. To engage the audience d. Question slides have fewer graphical elements
________ 10. What Ribbon would you select to create an Action Button?
a. Home b. Animation c. Insert d. Design
Label Generation
It creates a blank form document that simulates either a blank label or envelope of pre-defined size and will use
the data file that you selected to print the information, typically, individual addresses.
1. Pictures. Generally, these are electronic or digital pictures or photographs you have saved in any local
storage device.
2. Clip Art. This is generally a .GIF type; line art drawings or images used as generic representation for ideas
and objects that you might want to integrate in your document.
3. Shapes. These are printable objects or materials that you can integrate in your document to enhance its
appearance or to allow you to have some tools to use for composing and representing ideas or
messages.
4. Smart Art. Generally, these are predefined sets of different shapes grouped together to form ideas that
are organizational or structural in nature.
5. Chart. Another type of material that you can integrate in your Word document that allows you to
represent data characteristics and trends.
6. Screenshot. Sometimes, creating reports or manuals for training or procedure will require the integration
of a more realistic image of what you are discussing on your report or manual.
Parts of Microsoftword
1. Quick Access Toolbar – Collection of buttons that provide one click access to commonly used
commands such as Save, Undo or Redo. You can also customize this according to your preference.
2. Title Bar – A bar the display the name of active document.
3. Ribbon – The main set of commands and controls organized task in Tabs and groups, you can also
customize the ribbon according to your preference
4. Vertical Scroll Bar – Scroll bar to use when you want to scroll vertically through the document window 5.
Horizontal Scroll Bar – Scroll bar to use when you want to scroll horizontally through the document window.
6. Zoom Control – Used for magnifying and shrinking of the active document.
7. View Shortcut – Buttons used to change how the worksheet content is displayed. Print Layout, Full Screen
Reading, Web Layout, Outline or Draft.
8. Status Bar – It displays information about your document, such as what page you are currently viewing
and how many words are in your document, etc.
9. Ruler – It used to set the alignment and margins of the elements in the documents.
10. Document Window – The white space where you can type or attached all the data you need in the
document.
11. Insertion Point – It is the blinking vertical line in your document. It indicates where you can enter text on
the page. You can use the insertion point in a variety of ways: Blank document: When a new blank
document opens, the insertion point is located in the top-left corner of the page
Mail Merge
One of the important reasons in using computers per se is its ability to do recurring tasks automatically.
But this ability has to be honed by learning the characteristics and features of the software you use with your
computer. After all, no matter how good or advance your computer and software may be, it can only be as
good as the person using it.
In this particular part of our lesson, we will learn one of the most powerful and commonly used features
of Microsoft Word called Mail Merge. As the name suggests, this feature allows you to create documents and
combine or merge them with another document or data file. It is commonly used when sending out
advertising materials to various recipients.
The simplest solution for the scenario above is to create a document and just copy and paste it several
times then just replace the details depending on whom you send it to. But what if you have hundreds or
thousands of recipients? Would not that take too many hours? What if you have a small database of
information where you can automatically generate those letters?
Also included in the form document is what we call place holders, also referred to as data fields or
merge fields. This marks the position on your form document where individual data or information will be
inserted. From our sample document, the place holders are denoted or marked by the text with
doubleheaded arrows (<< >>) on each side and with a gray background. On a printed standard form, this will
be the underlined spaces that you will see and use as a guide to where you need to write the information that
you need to fill out. In its simplest form, a form document is literally a “form” that you fill out with individual
information. A common example of a form document is your regular tax form or application form.
2. List or Data File
The second component of our mail merged document is the list or data file. This is where the individual
information or data that needs to be plugged in (merged) to the form document is placed and maintained.
One of the best things about the mail merge feature is that it allows data file to be created fro within the
Microsoft Word application itself, or it gets data from a file created in Microsoft Excel or other data formats. In
this way, fields that needed to be filled up on the form document can easily be maintained without
accidentally altering the form or main document. You can also easily add, remove, modify, or extract your
data more efficiently by using other data management applications like Excel or Access and import them in
Word during the mail merge process.
B. Label Generation
Included in the mail merge feature on Microsoft Word is the Label Generator. It just makes sense that
after you print out your form letters, you will need to send it to individual recipients in an envelope with the
matching address printed directly on the envelope or on a mailing label to stick on. By using virtually the same
process as a standard mail merge, Microsoft Word will print individual addresses to a standard form that it has
already pre-formatted. Simply put, it creates a blank form document that simulates either a blank label or
envelope of pre-defined size and will use the data file that you selected to print the information, typically
individual addresses. So even in generating labels, the two essential components of creating a merged
document are present: the form document and the data file. Only in this case, you did not have to type or
create the form document yourself because it was already created and pre-formatted in Microsoft Word. All
you need to do is select the correct or appropriate size for the label or envelope and select the data file that
contains the addresses (data) to be printed. You can also preview your merged labels before printing if you
want to.
Parts of Microsoft PowerPoint
1. Quick Access Toolbar – Use to quickly save files and for redo and undo
2. Title Bar – We can know if what Microsoft we use and the file name of the documents
3. Outline plane – We can see all the slides that we make
4. Presentation View or Slide pane – the page where we can add the text 5. Status Bar – To view how many
slides you make
2. Go to Insert > Hyperlinks (under links category) or use the shortcut key Ctrl + K. The insert Hyperlink dialog
box would appear.
Link to Options:
a. Existing File or Web Page – creates a hyperlink to website or a local file saved in your hard drive. Just
browse your file in the dialog box or type the web address.
b. Place in This Document – creates a hyperlink that allows you to jump to a specific slide in your
presentation.
c. Create a New Document – creates a hyperlink that once clicked, creates a new document on your
specified location.
d. E-mail Address – creates a hyperlink that opens Microsoft Outlook that automatically adds your specified
recipient on a new email.
3. When done, click OK to apply your hyperlink.
Spread Sheet
1. What is a Spreadsheet Software? • allows users to organize data in rows an columns and perform
calculations on the data • These rows and columns collectively are called worksheet.
2. Examples of Spreadsheet Software:
• LibreOffice Calc
• OpenOffice.org Calc
• Google Sheets • Apple iWork Numbers
• Kingsoft Office Spreadsheets
• StarOffice Calc
• Microsoft Excel
MICROSOFT EXCEL
To open Microsoft Excel, Press “Windows Logo” + R then type “excel” then enter.
FUNCTIONS
BASIC MATH OPERATIONS:
• =SUM(x,y) or =SUM(range) – returns the sum of x and y or (all the numbers within the range)
• =PRODUCT(x,y) – returns the product of x and y
• =QUOTIENT(x,y) – returns the quotient of x divided by y
• =x-y – returns the difference of x subtracted by y
V. PRACTICE
A. Label the Parts of MS Word. write your answers on the space provided on the arrowhead pointers.
1. 4. 7.
2. 5. 8.
3. 6. 9.
VI. EVALUATION
A. Create a simple resume using the MS Word. Refer to the rubric for scoring below.
Utilization of 2 All to most tools in MS Some tools in MS word Few tools in MS word
MS Word word are being are being utilized. are being utilized.
utilized.
Activities 1 Completed all MS Completed all MS word Did not complete all
word activities on or activities using all due MS word activities
before due date date extensions
Total 5
B. Create a simple 5-slide PPT about a particular topic of your choice. Refer to the rubric for scoring below.
Criteria Weight Advanced Satisfactory Needs Improvement Score
2 points 1 point 0 point
Total 5
Reference/s: https://quizizz.com/admin/quiz/571facf488a51a473306bef2/microsoft-powerpoint-fundaments
https://quizizz.com/admin/quiz/568aa0fcc7feb98823fc0bf1/microsoft-word
http://uscm.med.sc.edu/PowerPoint.pdf https://www.cottagesofhope.org/module-5-0-introduction-
tomicrosoft-word-word-processing/
Name: _________________________________________ Strand and Section: __________________________
Teacher: _______________________________________ Period cover: ________________________________
I. INTRODUCTION/FOCUS QUESTIONS
Imaging and Design for Online Environment is an online graphics and layouts that may teach you many
effective things in order for you to use image design and its advantages. In this lesson, you will learn the basic
principles of graphics and layouts. It has balance, emphasis, movement, pattern, repetition and rhythm,
proportions, and variety.
This lesson will teach you many effective things in order for you to use image design and its advantage. You
will understand that the basic principles of graphics and layout are so simple and it is easy to use. It may help
you also on how to create a creative Infographic. Information graphics or infographics are graphic visual
representations of information, data or knowledge intended to present information quickly and clearly. They
can improve cognition by utilizing graphics to enhance the human visual system’s ability to see patterns and
trends. I can now understand and use several file formats used on the web namely jpeg, GIF, Png etc. It may
also teach you on how to easily manipulate images.
III. PRE-ASSESSMENT
What is common among the given images
below? Share your insights by writing them on
the space provided!
My Insights:
________________________________________
________________________________________
________________________________________
________________________________________
________________________________________
________________________________________
________________________________________
________________________________________ ________________________________________
INFOGRAPHICS
Information graphics or infographics are used to represent information, statistical data, or knowledge in a
graphical manner usually done in a creative way to attract the viewer’s attention.
ONLINE IMAGE FILE FORMATS
*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.
Photo manipulation is for artistic and aesthetic expression, not deception. With that in mind, this is how to put
whales in the sky, airplanes in the ocean, and far-off planets in the sky above Earth.
Before combining any images or manipulating photos, understand what you’re trying to accomplish. “You
need to have a very clear idea of what you want,” says Edwin Antonio, an artist who combines modern fashion
with historical fine art. “That way, you don’t get distracted. Just focus on your goal.”
In commercial work, you might want to get rid of elements in the frame that distract from the subject. “Photo
manipulation has always been used,” says Antonio. “Maybe there’s a trash can in the background or a line
on the floor. My clients want the focus to be on their product, rather than on a random thing lying around.”
By getting rid of unimportant visual elements, subtle photo manipulation can pull a viewer’s attention to where
it belongs.
If you’re creating digital art, think about what you’re combining and what themes you’ll be using in your work.
Know what you’re going to do before you start in on your work. Have a clear idea and an outline for your final
product before you fire up Adobe Photoshop. “It’s good to write down ideas when you have them,” says
photographer Ronald Ong. “When ideas come up, I sketch them.”
Creating new images out of existing photos is difficult, but rewarding. The best way to get good at it is to do
it. “Work on it. Try different things. It’s not going to look amazing at first, but it’s all about practice,” says
ValdesHevia. “You’ll build an eye for realism, perspective, lighting, and colors as you go along. Don’t get
discouraged.”
As you practice, learn your tools. “I learn the most just messing around in Photoshop,” says Valdes-Hevia.
“I think to myself, ‘I’ve never clicked on this. What does it do?’” Be curious, investigate, and learn the software.
“Know the name of each tool and what they’re used for,” says Antonio.
Grow your budding skills by studying photo manipulation tutorials. Find examples of photo manipulation and
try to work backward to find out what the artist did. Play around with stock photos. Keep making your own
work and putting it out there. As you do, your own worlds will emerge and your own vision will take shape.
V. PRACTICE
A. Create a simple graphic organizer about tips on photo manipulation. You may use the space at the back of
this page or on a separate sheet of paper. Refer to the rubric for scoring below.
Above Average Average Satisfactory Fair (1 point)
Criteria Weight (4 points) (3 points) (2 points) Score
Total 5
VI. ENRICHMENT
What are the differences between photo editing and photo manipulation?
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
VII. EVALUATION
Use any app or software to manipulate a photo of your choice. Refer to the rubric for scoring below.
Criteria Weight Advanced Satisfactory Needs Improvement Score
2 points 1 point 0 point
Image quality 3 Image was sharp, The image was mostly Image were
focused, and crisp clear with only internal unintentionally out of
whenever necessary areas out of focus that focus and/or
should have been sharp pixelated.
and crisp.
Total 10
Reference/s:
Crafting New Images with Photo Manipulation at
https://www.adobe.com/sea/creativecloud/photography/discover/photo-manipulation.html Contributors:
Eduardo Valdes-Hevia, Edwin Antonio, and Ronald Ong
Name: _________________________________________ Strand and Section: _________________________
Teacher: _______________________________________ Period cover: _______________________________
I. INTRODUCTION/FOCUS QUESTIONS
Online platform is a specially developed platform using Internet technology. Online platforms have
revolutionized access to any information. In our daily life today, we used Internet in doing such things and in
our learning purposes.
III. PRE-ASSESSMENT
Are you familiar with this image? What does it show? What are their uses in the world we’re living now? Share
your insights on the space provided.
My Insights:
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
1.Facebook
1. Marketplace – allows members to post, read and respond to classified ads.
2. Groups – allows members who have common interests to find each other and interact.
3. Events – allows members to publicize an event, invite guests and track who plans to attend.
4. Pages – allows members to create and promote a public page built around a specific topic.
5. Presence technology – allows members to see which contacts are online and chat.
Within each member’s personal profile, there are several key networking components. The most popular is
arguably the Wall, which is essentially a virtual bulletin board. Messages left on a member’s Wall can be text,
video or photos. Another popular component is the virtual Photo Album. Photos can be uploaded from the
desktop or directly from a smartphone camera. There is no limitation on quantity, but Facebook staff will remove
inappropriate or copyrighted images. An interactive album feature allows the member’s contacts (who are
called generically called “friends”) to comment on each other’s photos and identify (tag) people in the photos.
Another popular profile component is status updates, a microblogging feature that allows members to
broadcast short Twitter-like announcements to their friends. All interactions are published in a news feed, which
is distributed in real-time to the member’s friends.
Facebook offers a range of privacy options to its members. A member can make all his communications visible
to everyone, he can block specific connections or he can keep all his communications private. Members can
choose whether or not to be searchable, decide which parts of their profile are public, decide what not to put
in their news feed and determine exactly who can see their posts. For those members who wish to use Facebook
to communicate privately, there is a message feature, which closely resembles email.
2. Instagram
Instagram is an online mobile photo-sharing site that allows its users to share pictures and videos either publicly
or privately on the app, as well as through a variety of other social networking platforms, such as Facebook,
Twitter, Tumblr, and Flickr. Originally, a distinctive feature was that it confined photos to a square shape, similar
to Kodak Instamatic and Polaroid SX-70 images, in contrast to the 4:3 aspect ratio typically used by mobile
device cameras. In August 2015, version 7.5 was released, allowing users to upload media captured in any
aspect ratio. Users can also apply digital filters to their images. Videos on Instagram debuted in June 2013,
allowing prerecorded square standard definition resolution clips of up to 15 seconds to be shared; later
improvements added support for widescreen resolutions of up to 1080p and longer recording times for either
prerecorded (up to one minute) or disappearing live (up to one hour) videos.
Instagram was created by Kevin Systrom and Mike Krieger, and launched in October 2010 as a free mobile app.
The service rapidly gained popularity, with over 100 million active users as of April 2012[10][11] and over 300
million as of December 2014.[12] Instagram is distributed through the Apple App Store and Google
Play.[13]Support for the app is available for iPhone, iPad, iPod Touch, Windows 10 devices and Android
handsets, while third-party Instagram apps are available for BlackBerry 10 and Nokia-Symbian Devices.
3. Twitter
Twitter is an online news and social networking service where users post and interact with messages, “tweets,”
restricted to 140 characters. Registered users can post tweets, but those who are unregistered can only read
them. Users access Twitter through its website interface, SMS or a mobile device app.[10] Twitter Inc. is based in
San Francisco, California, United States, and has more than 25 offices around the world.
Twitter is about learning and adding value
It is also about adding value to others by giving or sharing something valuable to them so that they are able to
learn something. That is why I usually tweet about stuff that I read, learned or have good value. I have learned
so much from the others that is why I love twitter. It is also about helping others, I disagree with many‘experts’
that say you should only follow ‘influential’ users because I don’t judge someone that way, and because I
believe the people at Twitter don’t believe in them either. I also disagree that you should only share your own
stuff otherwise you will dilute your brand. Sure it makes sense but 24/7 sharing your own blog post and following
influential people?
BLOGGING SITES
Weebly
Weebly is one of the easiest website builders in the market. They allow you to drag and drop content into a
website, so it’s very intuitive to use (click here to see our opinion on Weebly).
By using Weebly’s website building elements, you can literally drag them into your website and have a website
built relatively quickly, and painlessly. The beauty of this system is that you can pretty much drag the elements
to wherever you want – so it’s not very restrictive on where and how you place your website content.
Weebly’s elements include pictures, paragraphs, videos, buttons, maps, contact forms – basically all the basics
for website building.
4. Tumblr
Tumblr is a popular microblogging platform designed for creative self-expression. It is considered a mindful
alternative to Facebook and other social media websites where users blog on a myriad of topics.
You can link your Tumblr account to other social networks you use and you can feed your traditional blog or
other RSS feed to your Tumblelog. You can also create static pages such as your own Questions page that
people are automatically taken to when they ask you a question. If you want to make your Tumblelog look
more lie a traditional website, you can do it by adding pages. You can make your Tumblelog private or just
make specific posts private as needed, and you can schedule posts to publish in the future.
Tumblr is perfect for people who don’t need a full blog to publish lengthy posts. It’s also great for people who
prefer to publish quick multimedia posts, particularly from their mobile devices. Tumblr is also a great choice for
people who want to join a larger community. If a blog is too much or too big for you, but Twitter is too small or
too little for you and Instagram isn’t versatile enough for you, then Tumblr might be just right for you. It’s also
easy to invite other people to contribute to your Tumblelog.
If you want to track your stats, you can add any analytics tracking code to your Tumblelog. Some users will even
burn a feed with Feed burner, create custom themes, and use their own domain names
V. PRACTICE
A. Create a simple graphic organizer about online platforms. You may use the space at the back of this page or
on a separate sheet of paper. Refer to the rubric for scoring below.
Total 5
VI. ENRICHMENT
As a student, what is the importance of knowing the different online platforms?
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
VII. EVALUATION
Identify what particular online platform does the following statements describes. Choose the letter that
corresponds to your answers. Write your answers on the space provided before each item. A.
Presentation/Visualization
B.Cloud Computing
C. Social Media
D. File Management
E. Mapping
F. Web page Creation
______ 1. The practice of using a network of remote servers hosted on the internet.
______ 2. Uses GPS to detect location and used for navigation.
______ 3. The information shared can in the form of ideas, pictures, videos or anything that you want to create
and share to virtual communities.
______ 4. Allows you to present and share presentations, infographics and videos with other people.
______ 5. Encompasses a number of important elements including color, layout, and overall graphical
appearance.
______ 6. The storing, naming, sorting and handling of computer files
______ 7. The platform does not require any web programming skill they provide a drag and drop interface and
free hosting as well.
______ 8. The practice of using a network of remote servers hosted on the internet.
______ 9. Instead of using your computer’s hard drive, you store and access your data and programs over the
Internet.
______ 10. Computer-mediated tools that allow large group of people to create, share or exchange information
______ 11. Use to communicate information clearly and efficiently.
______ 12. Simply called as “The cloud”
______ 13. A transformation taking the points of one space into the points of the same or another space. ______
14. Instead of using your computer’s hard drive, you store and access your data and programs over the Internet.
______ 15. Allows you to convert and manage files without downloading the software tool.
Referencehttps://www.slideshare.net/AngelitoQuiambao/online-platforms-for-ict-content-
development169954837
Name: _________________________________________ Strand and Section: ______________________
Teacher: _______________________________________ Period cover: ____________________________
I. INTRODUCTION
The World Wide Web is an abstract concept to many of us. It need not be, because it’s all relatively simple. A
web page is a file stored on somebody’s computer in a public directory where it can be called via the Internet.
When you call up a web page, your computer requests a file from somebody else’s computer, and then that
file is displayed on your monitor.
A web page is a simple text file with some formatting instructions in it that tell the browser (e.g. Netscape) how
to display the page. The formatting of a web page is done with Hypertext Markup Language <HTML>, which
specifies how certain parts of the page should look.
III. PRE-ASSESSMENT
Describe the picture below. Share your observations
on the space provided. My Insights:
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
WYSIWYG
WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you type, insert, draw,
place, rearrange, and everything you do on a page is what the audience will see.
4. On the Save As dialog box, locate your activities folder and create a new folder named “Sample
Webpage.”
5. Specify the filename “Sample Webpage.”
6. On the Save As type, select “Web Page (*.htm; *.html).”
7. Click the Change Title button.
9. Check the files on your Sample WebPage folder. You will see a new folder generated including your htm/html
file.
10. Open the Sample WebPage.htm file and you will see that you just created a webpage using MS Word.
VI. ENRICHMENT
What is the importance of knowing basic web page creation?
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
__________________________________________________________________________________________________________
_ _ VII. EVALUATION
A. Through a chart, list the steps on creating a basic web page using MS word.
B. Create a basic web page with educational content. Refer to the rubric for scoring below.
Total 5
Name: _________________________________________ Strand and Section: ______________________
Teacher: _______________________________________ Period cover: ____________________________
LESSON 7: BASIC WEB PAGE CREATION
I. INTRODUCTION
The World Wide Web is an abstract concept to many of us. It need not be, because it’s all relatively
simple. A web page is a file stored on somebody’s computer in a public directory where it can be called via
the Internet. When you call up a web page, your computer requests a file from somebody else’s computer,
and then that file is displayed on your monitor.
A web page is a simple text file with some formatting instructions in it that tell the browser (e.g.
Netscape) how to display the page. The formatting of a web page is done with Hypertext Markup Language
<HTML>, which specifies how certain parts of the page should look.
II. OBJECTIVES
At the end of this lesson, you are expected to:
d. identify the basic web design principles and element;
e. create a web page using Microsoft Word; and
f. give importance of knowing basic web page creation.
III. PRE-ASSESSMENT
Describe the picture below. Share your observations
on the space provided. My Insights:
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
________________________________________________
WYSIWYG
WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you type, insert, draw,
place, rearrange, and everything you do on a page is what the audience will see.
11. On the Save As dialog box, locate your activities folder and create a new folder named “Sample
Webpage.”
12. Specify the filename “Sample Webpage.”
13. On the Save As type, select “Web Page (*.htm; *.html).”
14. Click the Change Title button.
15. Input the title as seen below, then click OK then Save.
16. Check the files on your Sample WebPage folder. You will see a new folder generated including your htm/html
file.
17. Open the Sample WebPage.htm file and you will see that you just created a webpage using MS Word.
V. PRACTICE
List down what are being asked.
4. Basic Web Design Principles and Elements
5. Basic Web Design Elements Illustrations & Styles
VI. ENRICHMENT
What is the importance of knowing basic web page creation?
___________________________________________________________________________________________________________
_
___________________________________________________________________________________________________________
_
__________________________________________________________________________________________________________
_ _ VII. EVALUATION
C. Through a chart, list the steps on creating a basic web page using MS word.
D. Create a basic web page with educational content. Refer to the rubric for scoring below.
Criteria Weight Advanced Satisfactory 1 Needs Improvement Score
2 points point 0 point
Total 5
Name: _________________________________________ Strand and Section: __________________________
Teacher: _______________________________________ Period cover: _______________________________
LESSON 9: COLLABORATIVE ICT DEVELOPMENT
I. INTRODUCTION/FOCUS QUESTIONS
On what ways do ICT becomes an avenue to a social movement, change, or cause to illustrate aspects
of digital citizenship?
This lesson focuses on collaborative ICT development on positive or negative implications.
II. OBJECTIVES
At the end of this lesson, you are expected to:
a. give examples of online collaborative tools;
b. share anecdotes of how you have used ICTs to be a part of social movement, change, or cause to illustrate
aspects of digital citizenship; and
c. cite importance of collaborative ICT development.
III. PRE-ASSESSMENT
Given a chance to post something on your social media account that will surely be read by all people on Earth,
what would that be? Share your insights below!
________________________________________________________________________________________________________
________________________________________________________________________________________________________
________________________________________________________________________________________________________
WEB PORTALS
A web portal is a website that contains information from different sources and places them in one location in a
uniform way.
4. Microsoft’s Yammer offers companies to have their own social network that allows sharing and managing
content.
5. Sites like Trello offer an online to-do checklist for your entire team.
V. PRACTICE
Describe how the following tools are being used to collaborate online:
Word press
Microsoft’s Yammer
Trello
VI. ENRICHMENT
For you, how important the collaborative ICT development is? Give some examples to support your answer.
________________________________________________________________________________________________________
________________________________________________________________________________________________________
________________________________________________________________________________________________________
VII. EVALUATION
How you have used ICTs to be a part of social movement, change, or cause to illustrate aspects of digital
citizenship? Share your personal experiences on the space provided on the next page. Refer to the rubric for
scoring below.
Criteria Weight Outstanding 5 Very good 4 Average Satisfactory 2 Needs Score
points points 3 point points Improveme
nt
1 point
Organization 2 The flow of The flow of The flow of The flow of The flow of
thoughts is thoughts is thoughts is thoughts is thoughts
logical and well-expressed somehow apparently needs to
wellexpressed. but some expressed. misleading, work on.
ideas are yet, some
misleading. thoughts are
expressed.
Total 4
Name: _________________________________________ Strand and Section: _________________________________
Teacher: _______________________________________ Period cover: ____________________________
LESSON 10: INTERACTIVE MULTIMEDIA
I. INTRODUCTION/FOCUS QUESTIONS
Interactive media, also called interactive multimedia, any computer-delivered electronic system that
allows the user to control, combine, and manipulate different types of media, such as text, sound, video,
computer graphics, and animation. Interactive media integrate computer, memory storage, digital (binary)
data, telephone, television, and other information technologies. Their most common applications include
training programs, video games, electronic encyclopedias, and travel guides. Interactive media shift the
user’s role from observer to participant and are considered the next generation of electronic information
systems.
II.
OBJECTIVES At the end of this lesson, you are
expected to: a. give examples of multimedia
contents;
b. explain how to embed multimedia content from YouTube; and
c. identify a particular cause or issue for social change related to specific professional tracks.
III. PRE-ASSESSMENT
List all the word/s you know that is related to MULTIMEDIA on the arrowheads illustrated.
MULTIMEDIA
MULTIMEDIA CONTENTS
1. Videos. Through video hosting sites, you can take a video and show it to the entire world (e.g., YouTube).
2. Sound, Music, or Audio. If videos are too much for you, you can always record sounds. You can now
share your sound bites to the entire world (e.g., Soundcloud).
3. Online games. Game developers now create what is called “browser-based games.” You do not need
to install these games to your computer as they run in most updated web browsers (Adventure Quest,
Farmville, Candy Crush)
4. Online tests. Online survey forms and tests that automatically display the results when finished (Online IQ
and Personality Tests).
5. Courseware. Online courses that simulate the classroom online (e.g., E-learning Courses using a Learning
Management System)
6. Podcasts. An episodic series of audio or text files streamed online (e.g., Stuff You Should Know, TED Talks,
The Starters, Ear Biscuits).
7. Vodcasts. An episodic series of video streamed online (e.g., YouTube series/shows like Video Game High
School, Good Mythical Morning).
V. PRACTICE
Give and describe the examples of multimedia contents. Write at least three more that are not provided in the
lesson. Present your outputs on the space provided below.
MULTIMEDIA CONTENTS
VI. ENRICHMENT
How to embed multimedia content from YouTube? List down on the rows provided below.
VII. EVALUATION
Give a particular cause or issue for social change (the transformation of culture, behavior, social institutions,
and social structure over time) related to your track or strand. Then, write your ways on how you will utilize
multimedia content. Write your answers on the space provided below. Refer to the rubric for scoring below.
___________________________________________________________________________________________________________
___________________________________________________________________________________________________________
___________________________________________________________________________________________________________
___________________________________________________________________________________________________________
Criteria Weight Outstanding Very good 4 Average Satisfactory Needs Score
5 points points 3 point 2 points Improveme
nt
1 point
Content 2 The answer is The answer The answer The answer The answer
concise and includes includes some focuses on is
straightforwar mostly essential and too many apparently
d, focusing only essential and relevant concepts irrelevant.
on essential relevant concepts, but that are not
and relevant concepts, most necessarily
concepts. but some nonessentials essential or
non- are included. relevant.
essentials are
included.
Organization 2 The flow of The flow of The flow of The flow of The flow of
thoughts is thoughts is thoughts is thoughts is thoughts
logical and wellexpressed somehow apparently needs to
wellexpressed. but some expressed. misleading, work on.
ideas are yet, some
misleading. thoughts are
expressed.
Total 4
Name: _________________________________________ Strand and Section: __________________________
Teacher: _______________________________________ Period cover: ________________________________
LESSON 11: ICT PLATFORM FOR CHANGE
I. INTRODUCTION.
How would the Philippines become without ICT today? Information and Communication Technology
(ICT) represents all technological innovations focused on enhancing the practical use of all types of
telecommunication systems, advantages and disadvantages of social media for society and helps to decide,
to decide which way to go on social media. In recent years, ICT has genuinely contributed to a
transformation in our history, knowing that we can use it to make the world change for the better. We can
bring about a change in our culture from basic radio broadcasts to text brigades and social media ties. With
this, help us advocate what we want to change for the future using the website.
II. OBJECTIVE
a. Discuss the importance of ICT as a platform for change;
b. Enumerate the advantages and disadvantages of ICT; and
c. Use ICT in planning a promotion using online resources.
4. What do you call the content that uses a combination of different content forms such as text, audio, images,
animations, video and interactive content?
a. Media
b. Multimedia
d. Animation
The image above shows the different types of multimedia and its functions. It also indicates that
multimedia can be used in the business, schools, home, public places and even virtual reality. You have seen
some of these things around you. Even your cellphones either high end or not, that is still part of the
multimedia.
Types of Multimedia
a Text and Graphics - Slideshow, Presentation, Diagrams,
Infographics b Audio - Music Stations, Radio Stations c Video - Film,
Movies, Video Clips, TV Shows
d Animations – hand drawn, 2D, 3D, Motion Graphics, Stop Motion e
Games – Online games, Offline games,
f Websites - Webinars and Online meetings, Moodle activities, Blogs, Interactive contents
g Others - Virtual Reality, Augmented Reality, Holograms
EDSA (PEOPLE POWER REVOLUTION). The people power revolution lasted from 1083 to 1986. During a radio
broadcast of Radio Veritas, Cardinal Sin encouraged the Filipinos to help end the regime of then President
Ferdinand Marcos. A major protest took place along the EDSA from February 22 to 25, 1986 involving two million
Filipinos from different sectors. These included civilians, political parties, the military and religious groups.
EDSA DOS. This is also known as the 2001 EDSA Revolution, happened during January 17 to 21, 2001. It was
fueled after 11 prosecutors of the President Joseph Estrada walked out of the impeachment trial. As a result,
the crowd in EDSA grew over the course of a few days through text brigades.
Million People March. This is a series pf protest that mainly took place in Luneta Park from august 22 to 26, 2013.
There were also several demonstrations that happened around key cities in the Philippines and some location
overseas. The organizers and promoters of the Million People March used Facebook and Change.org as their,
mediums.
Yolanda People Finder. Recent storms in Philippines history gave birth to the People finder database powered
by Google. During typhoon Yolanda, the people finder was a vital tool for people across the globe to track the
situation of their relatives. This proved to be successful and is now adapted by more organizations to help
people track relatives during calamities.
(ICT Experiences)
These are experiences that occur all over the world, because of ICT they have more possibilities and more field
experiences.
V - PRACTICE
Identify the type of multimedia of the given applications, file formats or that uses multimedia. Write TG if
it belongs to Text and Graphics, A for Audio, V for Video, A for Animation, G for Games, W for Websites.
1. MS PowerPoint Ans. TG
2. MOR Ans. _____
VI. ENRICHMENT
THINK AND REACH. Directions. Answer the following questions in three (3) sentences or more. Write your answer
in a separate sheet of paper. As a guide for scoring, the teacher can create rubrics.
1. Social media can be a force of both Good and Bad? Mention specific examples.
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
2. Select three (3) Advantages and Disadvantages of Social Media for Society. Explain and add example
each.
_____________________________________________________________________
_____________________________________________________________________
_____________________________________________________________________
Directions: It is your time to bring your Facebook page to the next level by creating personal blog (video) or
slogan (written or digital) about how social media has helped families, social workers, and the government in
perceptive information during calamities or pandemic. Then write a short message describing the blog or
slogan. As a guide for scoring, the teacher can create rubrics.
VII EVALUATION
Directions: Choose the letter of the correct answer. Write your answer on a separate sheet of paper.
1. Is a computer-mediated technology that, through virtual communities and networks, encourages the
generation and sharing of knowledge, ideas, career interests and other forms of expression?
2. It is a holistic and positive approach to helping children learn how to be safe and secure, as well as smart
and effective participants in a digital world?
a. Netiquette c. Etiquette
b. Good Media d. E-learning
4. ICT as a ___________ to bringing about action and mobilize change in a population, society, or culture. ?
a. Tool c. Medium
b. Force d. All of these
5. Is a process of supporting people to: express their views and concerns, access information and services,
defend and promote their rights
a. Planning c. Advocacy
b. Empowering d. Propaganda
6. Which of faces of social media that allowed people to hide behind screens and it has taken over lives
rather than us being in control?
7. What disadvantages of social media can easily ruin someone’s status just by creating a false story and
spreading across the social media?
a. Connectivity c. Noble
b. Awareness d. Promotion
9. Which of the following is not of Educate yourself/ Connect with others?
a. Digital Communication c. Both a and b
10. In the ICT in recent history which of the following use a social media platform like Facebook as
their mediums and campaign?
Directions. The student make a short video that base on the scenario. As a guide for scoring, your teacher can
create rubrics.
ROLE-PLAY SCENARIO
Criteria: Rating:
I. INTRODUCTION
Website operators use website statistics to determine their visitor’s demographic and the time and
day they usually log in. These statistics are used to know when a site owner should publish new content and
which determine which content could affect more visitors. WordPress offers statistics about each post that
you made. You can check the blog’s popularity daily, weekly, monthly, and annually. Facebook also offers
statistical tools capable of telling the page owner about the page’s performance. It also includes the
demographics of the page's visitors which is essential in creating and posting future content.
II.
OBJECTIVES At the end of this lesson, you are
expected to:
a. identify the terms associated on Facebook statistics;
b. analyze how target are expected to respond to the proposed ICT project for social change; and c.
give importance of knowing the website statistics.
III. PRE-ASSESSMENT
Suppose you are an online influencer. How are you able to maintain or even get a greater number of followers
for a long period of time? Share your thoughts below.
_________________________________________________________________________________________________________
_________________________________________________________________________________________________________
IV. LESSON CONTENT
1.WordPress
Once you log in to your WordPress account, you are on the Reader tab by default. Simply click on My Sites
and from there you will see the statistics for your blog.
2.Facebook
In your created Facebook page, a summary of the statistics will appear on the right side of your cover photo.
Hovering your mouse pointer over “post reach” will give your more insights on which recent post reached
the most people:
Clicking on the Insights tab (located at the top of your page) will give you more in-depth statistics:
V. PRACTICE
Identify the term being described or defined. Write your answers om the space provided before the item.
__________________ 1. The overall people or demographic that saw a certain post.
__________________ 2. The overall people or demographic that saw a certain post.
__________________ 3. Reach obtained through advertisements
__________________ 4. Refers to the statistics characterizing human population usually divided by age, gender,
income, location, and language.
__________________ 5. Contains the statistics of the traffic of your Facebook page
__________________ 6. Contains the statistics about trend of page likes
__________________ 7. Contains data of the number of times your page is visited.
__________________ 8. Contains data showing when (day and time) your site visitors visit your site.
__________________ 9. Number of clicks done to your posts.
__________________ 10. Contains the summary of statistics about your page.
VI. ENRICHMENT
What is the importance of knowing your particular page statistics, specifically on the number of people
reached, likes, comments and shares?
_________________________________________________________________________________________________________
____________________________________________________________________________________________________.
VII. EVALUATION
Suppose you have your proposed ICT project for Social Change. Is having a target or intended users
important? how will you infer the target’s expected response? Write your analysis on the space provided
below. Refer to the scoring rubric given.
_________________________________________________________________________________________________________
____________________________________________________________________________________________________.
VII. EVALUATION
Organization 2 The flow of The flow of The flow of The flow of The flow of
thoughts is thoughts is thoughts is thoughts is thoughts
logical and well-expressed somehow apparently needs to
wellexpressed. but some expressed. misleading, work on.
ideas are yet, some
misleading. thoughts are
expressed.
Total 4
II.
OBJECTIVES At the end of this lesson, you are
expected to: a. identify the elements of a
concept paper;
b. explain the overview of a simplified ICT project;
c. create and analyze a google form; and
d. cite the importance of reporting the performance of an ICT project.
III. PRE-ASSESSMENT
Think of something you want to accomplish. It can be a specific task or something you want to pursue in the
future. With that, enumerate steps on how you will achieve it. Share your insights on the space provided below.
4. Support – contains the budget needed for the project. Some concept papers do not specify any
amount requested from the sponsor.
5. Contact Information – includes information on how the group can be contacted
V. PRACTICE
A. Identify the element of a concept paper that is being described. Choose your answer on the pool of
word below. Write the letter which corresponds to your answer on the space provided before each item.
B. With your own words, explain the simplified ICT project process overview. Write your answers by
completing the table below.
Planning
Development
Maintenance
VI. ENRICHMENT
With your own understanding, what is the importance of knowing the performance of a particular ICT project
through data recorded?
_________________________________________________________________________________________________________
___
_________________________________________________________________________________________________________
___
_________________________________________________________________________________________________________
___
VII. EVALUATION
In this activity, you need to gain access to the Internet using your computer or mobile phone.
1. Create a personal page about trends and current issues today using social media platforms using
www.facebook.com.
2. Evaluate and measure the impact of your ICT Project for Social Change
3. Via a survey tool, together with the members of the Website, compose a specific question that will
allow you to assess the influence of this ICT Project for Social Change. Below are some sample
questions:
o Look after you post any poems, songs, manuscripts, video clips on community belief systems,
and the like created by people from the immediate community?
o Did posting on the Website help you increase or share your knowledge and creative
expression? o As a content expert, do you feel encouraged to continue contributing to the
Website?
o Do you think this Website’s contents can be applied to various concerns such as environment,
health, and governance rationally and effectively, resulting in a mutually agreeable and
beneficial consensus for community actions?
provided on the
page
2. Page Audio, pictures, and Audio plays Audio clip plays, Audio clip
Design animation blend with correctly; but is not missing; no
the site; the audio’s animation; audible; no animation and
sound quality is pictures and clip animation; images or
excellent. art is evenly pictures missing
proportioned on
page
TOTAL 8 points
I. INTRODUCTION
ICT is one of the economic development pillars that expanded into national competitive
improvement. It can increase the quality of human life because it can be used as a learning and education
media. The resolution of sustaining an ICT project allows the user to make sets of questions, gather responses
using Google Forms, and gather input from reviews, online registrations, and customer care support.
II. OBJECTIVE
a. Evaluate the effectiveness of their online campaign through user feedback;
b. Improve the online campaign using various tools; and
c. Check the impact of their online campaign.
III. PRE-TEST
Directions: Select the letter of the best answer. Write your answer on a separate sheet of paper.
2. Which of the following is used to transfer data from one computer to another?
a. Software
b. Application
c. Upload
d. Download
4. Which of the following is used to copy data from one computer to another?
a. Software
b. Application
c. Upload
d. Download
IV LESSON CONTENT
Google Forms is a web-based app used to create forms for data collection purposes. Students and
teachers can use Google Forms to make surveys, quizzes, or event registration sheets. The form is web-based
and can be shared with respondents by sending a link, emailing a message, or embedding it into a web page
or blog post. Data gathered using the form is typically stored in a spreadsheet. Although there are other online
survey apps, Google Forms is an excellent free option.
The great news is that Google Forms can help your students meet curriculum requirements! Your students
will be able to pose a meaningful research question, select a sample group from the population using an
appropriate sampling technique, design a questionnaire without question bias, administer the survey,
analyze the data using graphs, data tables, and pivot charts, and draw conclusions from the data. Google
Forms is a useful tool for meeting objectives.
Google Forms allows you to ask both open-ended and closed-ended questions. You can use drop down
menus, multiple choice, checklists, rating scales, and short answers text boxes to gather data. Below are the
types of questions you can use in a Google Form:
▪ Text
▪ Paragraph Text
▪ Multiple Choice
▪ Checkboxes
▪ Choose from a list
▪ Scale
▪ Grid
▪ Date
▪ Time
Data validation is a rule applied to data entry to make sure that the information is correct and/or useful.
Google Forms offers many options for controlling answers provided by respondents. Questions can be set to
required to prevent respondents from skipping a question. A number or text can be restricted to a specific
entry, character count, or range. A checklist can have the number of options selected limited. As well, the
order of choices for a question can be shuffled to avoid placement within a list influencing selection.
Validation options provided by Google Forms help to improve the quality of the data recorded.
4. Create Professional Looking Forms using Themes
Google Forms helps you create a professional looking form. Themes are available allowing you and your
students to select from over twenty pre-set designs. In addition, a custom option promotes creativity. The
header, text, form background, and page background can all be customized. It is fun to explore the library
of header images (some are animated!). One feature I like is the ability to set the page background. You
can upload a picture, take a snapshot, or load an image from a URL or Google Drive to create a custom
look. With so many web apps limiting the creative process, it is refreshing that form appearance is not
restricted to only a few templates in Google Forms.
Google Forms lets you and your students collect data using multiple methods. A form can be included in
the body of an email allowing a respondent to submit their responses from their Inbox. A link can be
generated allowing respondents to answer the questions using a web-based form. Code can be
generated and then embedded into a blog or web page as another option for data collection. As well, if a
paper/pencil method is preferred the form can be converted into a PDF file using Google Chrome.
There are so many more reasons to use Google Forms – these are just a few. Look for a future post with even
MORE reasons you should use Google Forms.
8. Edit
the Confirmation page options at the bottom as you see fit.
9. Click the Send Form button. The Send Form dialog box will appear. Edit these options as you see fit.
V PRACTICE
Directions: Search other different types of websites or application platforms that use to create a website or
ICT project. Compare with each other to generate recommendations and maintain and sustain the
operation of their ICT Project for Social Change. Copy the table in your Empower Technologies
Websites or
application Similarities Differences Uniqueness
Platforms
Conceptualize a way to promote social change. (Example: Build an engaged community). After that, think
of 35 questions that will support your concept. Then, create a simple google form to translate the questions
electronically. Submit the form to your subject teacher. Be guided by the rubric for scoring below.
Application 3 The concept manifests The concept manifests The concept is totally
total understanding of some understanding of irrelevant.
the lesson. the lesson.
Total 10