EMPOWERMENT TECHNOLOGIES organizations to create, share, or exchange
information, career interests, ideas, and
Quarter 2 Module 1: pictures/videos in virtual communities and
The Nature & Purposes of Online Platforms & networks.
Applications
Twitter – online social networking
ONLINE PLATFORMS FOR ICT CONTENT
service that enables users to send and
DEVELOPMENT
read short 140- character messages
Online Platform – is technologies that are called “tweets”.
grouped to be used as a base upon which other Facebook – is for-profit corporation and
applications processes or technologies are online social networking service
developed.
Web Page Creation - encompasses a number of
6 EXAMPLES OF ONLINE PLATFORM important elements including color, layout, and
overall graphical appearance.
Presentation/Visualization – communicates
information clearly and efficiently via statistical Wix - a cloud-based web development
graphics, plots, and information. platform that allows users to create
HTML5 websites and mobile sites
Prezi – helping to reinvent the art of through the use of their online drag and
presentation. drop tools.
Zoho – an online project management Weebly – a web-hosting service
app that helps you plans your work and featuring a drag and-drop website
keeps track of your progress. builder.
SlideShare – to build quickly from
concise, well presented content from File Management - is the storing, naming,
top experts. sorting and handling computer files.
MindMeister – an online mind-mapping
Zamzar – web application to convert
tool that lets you capture, develop, and
files.
share ideas visually.
word2pdf – convert Word files to PDF
Cloud Computing – the practice of using a (Portable Document Format) with this
network of remote servers hosted on the online tool.
internet to store, manage, and process data,
Mapping - a transformation taking the points of
rather than a local server or a personal
one space into the points of the same or
computer.
another space.
Google Drive - keep all work in one
Google Maps – a desktop web mapping
secure place with online file storage.
service developed by Google.
Dropbox - keeps your files safe, synced,
Waze – to facilitate user’s vehicle
and easy to share.
navigation, it also gives users the
Social Media - are computer-mediated tools provisions for manipulating maps (e.g.,
that allow people, companies and other adding new roads, and many more)
CONTENT MANAGEMENT SYSTEM (CMS) Quarter 2 Module 2:
Collaborative ICT Development
Is a computer application (sometimes
online or browser based) that allows Upon creating a website/blog…
you to publish, edit and manipulate,
1. Target Audience
organize, and delete we content.
2. Good Quality
Is used in blogs, news website, and
3. Updated Regularly
shopping.
4. Interaction
Without the needs for specialized
technical knowledge (without needing COLLABORATIVE ICT
to write all the code form scratch)
1. Web Portals
Without a content management system, you’d A website that contains information
need to write a static HTML file and upload it to from different sources and places them
your server. in one location.
News, Email, Weather are found in one
With a content management system like
page.
WordPress, you can just write your content in
an interface that looks a good bit like Microsoft The information found in the image
came from different website/sources.
Word.
Example of Popular CMS ONLINE COLLABORATIVE TOOLS
1. Facebook
WordPress maintains over 65.1%
2. WordPress
market share on websites with a known
3. Google Drive and Microsoft Office
content management system.
Online
Blogs – is a discussion or informational website 4. Microsoft’s Yammer
published on the web consisting of discrete, Driving employee engagement and
often informal diary-style text entries (“posts”). participation across entire company.
Enable leaders and employees to
o Posts – are typically displayed in reverse
engage and co-create company culture.
chronological order, so that the most
Ask questions, knowledge, and
recent post appear first, at the top of the
feedback crowdsource ideas using org-
web page.
wide communities.
BLOGGING SITES EXAMPLES 5. Trello
WordPress
Blogger
Medium
Squarespace
Tumblr
Quarter 2 Module 3: 4. JIMDO – provides users with WYSIWYG
Web page design using templates and online web authoring tool, so users do not
WYSIWYG platforms need to know HTML language to create
a website.
Definition of Terms:
Jimdo has tools that will allow
1. WYSIWYG editor – it allows you to you to sell your products online.
create and design a web page without Create your own photo gallery,
any coding knowledge. and videos, and many more.
2. Hypertext Markup Language – set of You can also maximize the
markup symbols or codes inserted into search engine by properly
a file intended for display on the tagging your site.
internet. 5. Template – a ready-made design for a
The markup tells web browsers website.
how to display a web pages 6. Search Engine Optimization – a feature
words and images. that maximizes the search engine
“<>” – element or tag optimization feature so visors can easily
HyperText Markup Language is locate your website.
the computer language that Search Essentials – outline the
facilitates website creation. most important elements of
3. Cascading Style Sheets – used to set building a Google-friendly
the style in web pages that contain website, it can also help make
HTML elements. your site appear in our search
Inline CSS contains the CSS results.
property in the body section Google Search Console –
attached with element is known provides tools to help you
as inline CSS. This kind of style submit your content to Google
is specified within an HTML tag and monitor how you’re doing
using the style attribute. in Google Search, it can even
Internal or Embedded CSS can send you alerts on critical issues
be used when a single HTML that Google encounters with
document must be styled your site.
uniquely. The CSS rule should SEO expert (Search Engine
be within the HTML file in the Examination expert) – is
head section. someone trained to improve
External CSS contains separate your visibility on search
CSS file which contains only engines.
style property written in a
separate file with .css extension
and should be linked to the
HTML document using link tag.
Quarter 2 Module 4: 7. After that, you can choose on the
Interactive Multimedia Playback options, and then you are
done!
MULTMEDIA CONTENTS
1. Videos
Can be accessed through any video Quarter 2 Module 5:
hosting sites. ICT as a Platform for Change
You can react, provide comments, and
ICT – refers to the technologies that provide
also share.
access to information and means of
2. Sound, Music, or Audio
communication through the internet, phones,
Enables you to share your sound bites
etc.
to the entire world.
3. Online Games THE ROLE OF ICT IN RECENT HISTORY
Also known as “browser based games:.
You do not need to install these games 1. EDSA (People Power Revolution)
to your computer as they run in most 2. EDSA Dos
updates web browsers. 3. Million People March
4. Online Tests 4. Yolanda People Finder
Online survey forms and tests that
EDSA (People Power Revolution)
automatically display the results when
finished. “Bloodless Revolution”
5. Courseware Newspaper publications including
Online courses that simulate the “oligarchic press” and broadcasting
classroom online. stations were shut down.
6. Podcasts Calling for actions to bring back
An episodic series of audio or text files democracy due to the Tyrannical
streamed online. Martial Law where life threatening
7. Vodcasts abuses were executed.
An episodic series of video streamed Proclaimed on September 21, 1972
online. Radio Veritas
o A 24-hour AM Radio Station,
ADDING A YOUTUBE VIDEO TO WIX WEBSITE
served as the primary
1. Go to Wix.com communication platform for the
2. Click Add Elements democratic movement
3. Go to the category of Video & Music o Operated by the Roman
4. At the Single Video Players, select the Catholic Church.
YouTube video element. o Only radio station that covered
5. Once it’s added, click ‘Change Video’ events w/c the government
6. Change the web address to the desired owned stations didn’t.
URL video of choice. The Philippines Revolution of 1986,
from February 22-25, has been
acclaimed as the first televised Change.org
revolution in the history.
“World’s platform for Change”
Marcos was overthrown by Corazon
Aquino being the 11th president of the Gives access to more people by
Philippines. allowing the online community to affix
ICT plays a vital role in the revolution as their digital signatures.
it becomes the eye opener to the Petitions done through signing a paper.
Filipinos to see, what is the reality Hosted several petitions that help solve
beyond the reign of a dictator and the following problems: economic
authoritarian president. problems, criminal injustice, abuse of
human rights, lack of education, etc.
EDSA Dos
STEPS IN CHANGE.ORG
2001 EDSA Revolution
It was fueled after 11 prosecutors 1. Click the Start a petition.
walked out of the impeachment trial. 2. Find the scope of your petition.
3. After you choose your scope, select the
Text Brigades
topic that best fits your petition.
The case of Estrada being involved in
4. Then write your petition title.
gabling money “jueteng” and tobacco
5. Once you’re done with the petition title,
excise tax; perjury and plunder.
tell your story.
As a result, the crowd in EDSA grew
6. You can add and image or pictures,
over the course of few days through
which is optional.
text brigades.
7. Then you can sign up or log in.
Million People March 8. They will ask you whether you would
like campaign support, and it will be up
Series of protest in Luneta Park from to you whether you want one or not.
August 22-26, 2013. 9. Now you’re ready to publish the
To condemn the misuse of the PDAF petition.
Facebook and Change.org. 10. You could also chip which is entirely up
Total attendees are 400,000. to you too.
Yolanda People Finder
Recent storms gave birth to the People
Finder database.
Vital tools for people to track situations.
Powered by Google.
This proved to be successful and is now
adapted by more organizations to help
people track relatives during calamities.