Module 5 Students
Module 5 Students
Empowerment Technologies
Quarter 3 – Module 7:
ONLINE PLATFORMS: ICT CONTENT
DEVELOPMENT
l
NegOr_Q3_ETECH11_Module7_V2
Property of Schools Division of Negros Oriental I lrmds.depednodis.net I (035) 225 2376 / 225 2838
Media and Information Literacy – Senior High School
Alternative Delivery Mode
Quarter 3 – Module 7: Online Platforms: ICT Content Development
Second Edition, 2021
Republic Act 8293, section 176 states that: No copyright shall subsist in any
work of the Government of the Philippines. However, prior approval of the
government agency or office wherein the work is created shall be necessary for
exploitation of such work for profit. Such agency or office may, among other things,
impose as a condition the payment of royalties.
l
Introductory Message
This Self-Learning Module (SLM) is prepared so that you, our dear learners, can
continue your studies and learn while at home. Activities, questions,
directions, exercises, and discussions are carefully stated for you to understand
each lesson.
Each SLM is composed of different parts. Each part shall guide you step-by-step
as you discover and understand the lesson prepared for you.
Pre-tests are provided to measure your prior knowledge on lessons in each SLM.
This will tell you if you need to proceed on completing this module or if you need
to ask your facilitator or your teacher’s assistance for better understanding of the
lesson. At the end of each module, you need to answer the post-test to self-check
your learning. Answer keys are provided for each activity and test. We trust that
you will be honest in using these.
In addition to the material in the main text, Notes to the Teacher are also provided
to our facilitators and parents for strategies and reminders on how they can best
help you on your home-based learning.
Please use this module with care. Do not put unnecessary marks on any part of
this SLM. Use a separate sheet of paper in answering the exercises and tests. And
read the instructions carefully before performing each task.
If you have any questions in using this SLM or any difficulty in answering the
tasks in this module, do not hesitate to consult your teacher or facilitator.
Thank you
l
What I Need to Know
This module was designed and written with you in mind. It is here to help you
master the context of Empowerment Technologies. It contains varied activities that
can help you as a Senior High School student to succeed in environments that
require the use of computer and the Internet.
The module contains lesson in Online Platforms for ICT Content Development
Happy learning!
Content Standard:
The learners demonstrate an understanding of: apply the principles and
techniques of design using online creation tools, platforms, and
applications to develop ICT content for specific professional tracks.
Performance Standard:
The learners shall be able to: independently apply the principles and
techniques of design using online creation tools, platforms, and
applications to create original or derivative ICT content for use in specific
professional tracks.
1 NegOr_Q3_ETECH11_Module7_V2
What I Know
A. Multiple Choice: Select the letter of the best answer from the given choices.
III. Rearrange the following steps in chronological order by numbering them from 1
to the last number of the steps. Write X if the step does not belong.
A Posting Using Word Press Steps on How to start a Blog
Disable Auto sharing Add/Write new blog posts and
Change the format, category, add pages
tags Design your blog by choosing a
Preview your post, once satisfied, theme
click on Publish Set up your blog through web
Add the title, edit the ULR, then hosting
add the content of your post Configure your blog
On your dashboard, go to Add logo, change colors and
Post>Add New structure
2 NegOr_Q3_ETECH11_Module7_V2
Online Platforms for ICT
ICT Content Development
What’s In
Online platforms that you can use for ICT content development are social
media platforms like Facebook and Google Plus, and blogging platforms like
WordPress, Tumblr, and Blogger. Social Media are hampered by low customization
but are strengthened by their popularity. On the other hand, blogging platforms are
not as popular but are highly customizable.
What’s New
Blogs, news, and shopping websites use CMS which stands for Content
Management System. CMS is a computer application that allows you to publish,
edit, manipulate, organize and delete web content.
Cloud computing applications are those that do not need any installation
and are readily available over the Internet. You just need an Internet connection to
access it. Cloud computing has its pros and cons, but it is up to us on what we
want and how we want to use it.
3 NegOr_Q3_ETECH11_Module7_V2
What is It
We will focus on platforms that will allow us to share our own content to the
rest of the world. We will also create a few of them to experience what it is like to
use all of them.
1. Social Media Platforms. Websites like Facebook allow you to create not only
personal accounts but also pages and groups where you can share content.
The only downside of this is that you are restricted to Facebook’s “one-size -
fits -all” design
On the plus side, Facebook has billions of users. LinkedIn is another
example of a social networking site where its focus is on business and
professional networking
2. Blogging Platform. Websites like Word Press, Tumbler, and Blogger focus on
content and design. It typically looks like a newsletter where you are given
options to change the design to your liking. Though you can manipulate the
design, social media platform’s popularity is still unrivaled. The amount of
customization in blogs is also unrivaled depending on the content
management system implemented by the provider.
Content Management
A Content Management System (CMS) is a computer application
(sometimes online or browser-based) that allows you to publish, edit and
manipulate, organize and delete web content. CMS is used in blogs, news
websites, and shopping.
4 NegOr_Q3_ETECH11_Module7_V2
Tips for choosing a blog topic:
Are you an expert in something?
Are you passionate about something?
Are you learning something new and want to write about your process?
Here’s an example: If you are highly interested in fitness and you like to train, it’s
wise to share your wisdom in a blog that is related to fitness or cover topics on
training and nutrition. Through the blog, you’ll be able to get new clients.
Note: You don’t need to choose your blog topic right away, but it’s good if you
already have something in mind.
In that way, you’ll have no limitations related to your blog content (such as
images and videos). Your blog will look more professional, better looking, and can
be improved later on. Plus, you actually own your blog. Of course, if you don’t plan
to blog for more than a few weeks, a free blog might make sense. In every other
case, we recommend the self-hosted route.
5 NegOr_Q3_ETECH11_Module7_V2
It’s free to use (open-source)
It’s very flexible with hundreds of free (and premium) blog themes
It has a large developer community
WordPress is being updated and improved regularly
You will have full control over your blog
STEP 3 – Set Up Your Blog Through Web Hosting (and Register Domain
Name)
To get started with a self-hosted WordPress blog, you’ll be going to need to buy
a
domain name and choose a WordPress web hosting.
Of course, you don’t need to use Bluehost, especially when you already have
a web host. Whichever hosting company you choose, make sure it has “one-click
installs” for blogging platforms such as WordPress. This will make your set up
process much easier.
If you get stuck registering a domain name and signing up for Bluehost, below
is a quick step-by-step guide that we made.
Registering a domain name and choosing a web hosting plan on Bluehost
(EXPANDS)
Install WordPress. Once you have signed up with Bluehost, you’re able to install
your WordPress blog. Don’t worry, most reputable web hosting companies offer
one- click install for a WordPress blogging platform, so it should be very easy.
6 NegOr_Q3_ETECH11_Module7_V2
STEP 4 – Configure Your WordPress Blog
Once you have your admin account for WordPress all set up (the previous
step), you can proceed to visit your new dashboard:
Just go to yourdomain.com/wp-admin and input the access details for your admin
account. Once you log in, you’ll see this:
Even though WordPress is already 100% operational, there are still some
settings that you should go through in order to customize your WordPress blog.
1. General Settings
Start by going to the left sidebar and clicking on Settings → General.
In this section, you can also check if your blog address (URL) is in order, set
the timezone you’re in, and your preferred language. Another important thing
to note is that Bluehost has a Coming Soon feature in the last section of
General
7 NegOr_Q3_ETECH11_Module7_V2
Settings. Once you’re ready to go live with your blog make sure to turn this feature
off.
2. Visibility in Google
The next, super-important thing that you must do is make sure that search
engines such as Google can index your new blog.
To do that, go to Settings → Reading (again, from the main sidebar) and make
sure that the field labeled “Discourage search engines from indexing this site”
remains unchecked. Like so:
If you don’t do that, your blog might end up literally invisible to Google.
3. Permalinks
The “permalinks” settings define how WordPress will go about creating
individual URLs – webpage addresses – for each of your individual blog posts or
sub- pages. Though the idea might sound a bit advanced, setting this is very
simple.
Just go to Settings → Permalinks. Once there, set your permalinks to the “Post name”
variant, like so:
This is the most optimal setting of the ones available and also the one
preferred by Google and other search engines.
8 NegOr_Q3_ETECH11_Module7_V2
Go back to your WordPress dashboard and navigate to Appearance → Themes.
Once there, click on “Add New”:
What you’re going to see are the most popular free WordPress themes in the
market. And the best part is that you can install any of them with just one click. Go
ahead and spend a while browsing through this list to find something that really
suits your business and the main purpose behind your new blog. Once you do see
a theme you like, you can get it installed onto your blog by clicking on “install” next
to the theme’s name, followed by “activate”.
Note: What you’re doing here is just changing the look of your blog. You’re
not erasing any of your content. You can change your themes as often as you
want, without having to worry about your pages vanishing.
Depending on your current theme, you’ll get a different set of options in the
sidebar menu, but the most common ones will include:
“Site Identity” – this is where you can set your blog title again, plus add a
logo image and a site icon (aka. favicon).
“Colors” – for adjusting the basic colors used throughout the design.
“Header” – for setting your header graphic or image.
“Background” – for setting your background graphic, image, or color.
“Menus” – more on this later on.
9 NegOr_Q3_ETECH11_Module7_V2
“Widgets” – more on this later on as well.
And other, theme-dependent settings.
Since you probably already have your site title and tagline set up, what
you’re going to be doing here is adding your company logo and favicon. Both are
quite easy to do:
To add your logo, just click on the “Select logo” button. On the next screen,
WordPress will let you know what sort of graphics are acceptable for logos.
After uploading your logo, you should see it inside the live preview
window.
To add your favicon, click on the button labeled “Select image” under the “Site Icon”
section:
The process is quite similar here as well – WordPress will tell you what sort
of an image it’s expecting. However, the thing that’s different here is that once you
do add your favicon, it won’t actually get displayed anywhere in the preview. To see
it, look at the main top bar of your web browser, next to the blog title. An example
from this site:
10 NegOr_Q3_ETECH11_Module7_V2
You can pick basically whatever image you wish for your site header, as long
as it’s of sufficiently high quality. WordPress will let you know about the minimal
requirements for your header image right on the upload screen.
4. Change Background
Some themes come with the ability to set the main background for your whole
website. Most commonly, these options will allow you to set a custom image or a
solid color to be in the background. Either way, you can get quite interesting effects
if you experiment with this long enough.
11 NegOr_Q3_ETECH11_Module7_V2
Here is a great overview of how adding posts and pages works on WordPress .
As you would imagine, once you click the “Publish” button, your page becomes
visible to the public.
Creating new posts works exactly the same as creating new pages. The only
difference is that your posts are going to be displayed automatically on
your homepage, while your pages need to be added to a menu if you want anyone
to find them.
12 NegOr_Q3_ETECH11_Module7_V2
To create a new menu, go to Appearance → Menus. Once there, look through
the list of the available pages (the pages you’ve created so far) and click the
checkboxes next to the ones that you want to have in your new menu. Then, click
on “Add to Menu”. You’ll see your pages listed in the section on the right.
At this stage, you can also drag-and-drop those pages to realign them. When
you’re done, you can also select one of the checkboxes under “Display location” (see
below). Most commonly, your main navigation location should be listed there – in
our case, it’s “Top Menu”. When we click on the main “Save Menu” button, my
menu is going to be set.
What you can do with all those widgets is place them in one of the
predefined widget areas – usually within the sidebar or the footer. For example, we
can drag- and-drop the “Recent Posts” widget to our “Footer 1” widget area. You
can do the same with any of the other available widgets. Just grab them from the
section on the left and drag-and-drop them onto any of the widget areas that your
theme gives you.
Note: The widget areas that you see in your admin panel depend on the theme
that you’re currently using.
13 NegOr_Q3_ETECH11_Module7_V2
Cloud Computing: Understanding the Cloud
What is the cloud? You may have heard people using terms like the cloud,
cloud computing, or cloud storage. But what exactly is the cloud? Simply put, the
cloud is the Internet—more specifically, it's all of the things you can access
remotely over the Internet. When something is in the cloud, it means it's stored on
Internet servers instead of your computer's hard drive.
Why use the cloud? Some of the main reasons to use the cloud are
convenience and reliability. For example, if you've ever used a web-based email
service, such as Gmail or Yahoo! Mail, you've already used the cloud. All of the
emails in a web-based service are stored on servers rather than on your computer's
hard drive. This means you can access your email from any computer with an
Internet connection. It also means you'll be able to recover your emails if something
happens to your computer.
Let's look at some of the most common reasons to use the cloud.
1. File storage: You can store all types of information in the cloud,
including files and email. This means you can access these things
from any computer or mobile device with an Internet connection, not
just your home computer. Dropbox and Google Drive are some of the
most popular cloud-based storage services.
14 NegOr_Q3_ETECH11_Module7_V2
2. File sharing: The cloud makes it easy to share files with several people
at the same time. For example, you could upload several photos to a
cloud-based photo service like Flickr or iCloud Photos, then quickly
share them with friends and family.
3. Backing up data: You can also use the cloud to protect your files. There are
apps such as Carbonite that automatically back up your data to the cloud.
This way, if your computer ever is lost, stolen, or damaged, you'll still be able
to recover these files from the cloud.
2. Pixlr: Pixlr is an image editing application that runs in your web browser.
Much like Adobe Photoshop, it includes many advanced features, like color
correction and sharpening tools.
3. Google Docs: Google Docs is an office suite that runs in your browser. Much
like Microsoft Office, you can use it to create documents, spreadsheets,
presentations, and more. And because the files are stored in the cloud, it's
easy to share them with others.
15 NegOr_Q3_ETECH11_Module7_V2
Advantages Disadvantages
1. No need to install
2. Saves hard disk space 1. Can be hampered down by slow
3. Easy access to your Internet speed; no connection, no
software/ cloud computing
files; can be ran anywhere as 2. May still require compatible
long there is Internet connection software like a browser
4. Saves your money from buying 3. You do not own the software; you
software like licenses and are simply renting it.
additional hard disk space 4. Security risk of doing things over
5. No need to update because it the Internet as opposed to your
updates automatically personal computer alone
6. Minimum system requirements 5. More prone to hacking
7. Back up and data recovery 6. Limited control over the
are infrastructure itself
relatively easier than on
a physical device.
ETech Terms
Cloud Computing - means storing and accessing data and programs over the
internet instead of your computer's hard drive.
Content Management System (CMS) – a computer application that
allows you to publish, edit, manipulate, organize, and delete with
content.
Blogging – focuses on content and design. It typically looks like a newsletter
where you are given options to change the design to your liking.
Social Media Platforms – allow you to create not only personal accounts
but also pages and groups where you can share content.
WordPress – a free blogging platforms
Theme – the overall design of a website.
Vlogging (short for “video blogging”) - is the daily practice of capturing and
sharing vlogs characteristically featuring a vlogger shooting themselves at arm’s
length throughout their everyday activities.
16 NegOr_Q3_ETECH11_Module7_V2
What’s More
Activity 1:
.
2. What basic principles of design did you follow in your blog layout? Explain.
3. Besides WordPress and Piktochart, what are the other cloud computing
software you have used so far?
What I Can Do
Activity 3:
1. Research ten uncommonly used Filipino words, their definition, and example
for each when used in a sentence.
2. Create a blog post about these words using the blog you created.
3. Choose three of these words and video someone (or yourself) to pronounce
these three words using all of them in individual sentences. Upload these
videos on YouTube.
4. Embed those videos as part of your post.
Activity 4:
Add your classmate’s blog to your reading list (when logged into your
WordPress account, simply visit their site, and click on Follow). Update your blog at
least once a week. Talk about anything that interests you and your readers.
Comment on your classmates’ posts and respond to any comments given to you.
17 NegOr_Q3_ETECH11_Module7_V2
Assessment
A. Multiple Choice: Select the letter of the best answer from the given choices.
III. Rearrange the following steps in chronological order by numbering them from 1
to the last number of the steps. Write X if the step does not belong.
A Posting Using Word Press Steps on How to start a Blog
Disable Auto sharing Add/Write new blog posts and
Change the format, category, add pages
tags Design your blog by choosing a
Preview your post, once satisfied, theme
click on Publish Set up your blog through web
Add the title, edit the ULR, then hosting
add the content of your post Configure your blog
On your dashboard, go to Add logo, change colors and
Post>Add New structure
18 NegOr_Q3_ETECH11_Module7_V2
Additional Activity
.
4. What advances in health care occurred because of the computer and/or
integrated circuit?
7. What new job possibilities are there that don't exist today?
19 NegOr_Q3_ETECH11_Module7_V2
References
Books
Empowerment Technologies. Rex Book Store Inc. and Innovative Training Works,
Inc., First Edition 2016
Web Sites
Schaferhoff, Nick, “How to Start a Blog: Step-By-Step Guide for Setting Up Your
Own Blog”, accessed January 20, 2021,
https://websitesetup.org/how-to- start-a-blog-guide/