Online Collaborative Tools for Creation and Co-

WEEK 1 creation of ICT Contents that may be used

currently include the following:
A. TEAM STRUCTURE AND DYNAMICS
FOR ICT CONTENT • Facebook Groups • G Suite
 Group - people work independently to achieve • Google Chat/ Hangouts • Google Drive
its goal.
 Team - works interdependently where each • Google Docs, Sheets, and Slides
member has a specific role or function. • Microsoft Teams • Microsoft's Yammer
 Team Structure - creation of an individual
team or the creation of a multi-system. • MS Office 365 • Prezi • Trello • Zoom
 Collaboration - individuals work together to
• Skype/ Viber/ Kakao Talk/ WeChat/ Line
produce/ create a well-defined content to
achieve a common business purpose. USING GOOGLE DRIVE FOR
 Online collaboration - work process where COLLABORATION
people are interacting in real-time over the
internet. It provides a smooth process in the Google Drive - provides a service for file storage
development of ICT content even without on clouds and collaboration for online sharing,
working together physically. editing, and organizing through "Shared Folders."

4 PARTS OF COLLABORATION IN A ONLINE PLATFORMS FOR HOSTING ICT

FLOW PROCESS CONTENT

1. Sharing - documenting explicit knowledge. • Presentation/ visualization (Prezi, Soho,

2. Understanding - adopting the process Slideshare, Mindmeister)
knowledge.
• Cloud computing (Google Apps)
3. Reflection - analyzing or interpreting shared
information. • Social Media (Facebook Pages, Tumblr)
4. Expression - the process of making known
ones thought or feelings. • Web Page Creation (Wix, Weebly)

TEAM MEMBERS • Blog sites (Blogger, Wordpress, Livejournal,

Issuu)
 Manager - has general project accountability
for the successful initiation, planning, design, CHARACTERISTICS OF GOOD
execution, monitoring, controlling, and closure COLLABORATIVE TOOLS AND
of a project. PLATFORMS
 Data Analyst - gathers, processes, and In choosing an appropriate tool, the team must
performs statistical analyses of data. A person consider the following:
who is accountable in collecting the data for
ICT content. • The tool must be user friendly.
 Content Writer and Editor - responsible for
• The tool has elements that are appropriate for the
reviewing the data and finalizes a complete of
team's goal.
information.
 The Web Designer - responsible for creating • The tool prioritizes security and privacy.
the appearance, layout, and elements of a
website. The job involves understanding both C. PROJECT MANAGEMENT FOR ICT
graphic design and computer programming. CONTENT
 The Web Developer - technically develops the FIVE PHASES OF PROJECT
overall functionalities of a web page. MANAGEMENT:

• Initiating - An overview of the objectives of the

B. ONLINE COLLABORATIVE TOOLS AND project, needs, and the problem is identified. It is
PROCESSES where you create the project charter with the
Project Manager assigned to the project.
 • Planning - successful project conclusion is
worked out by the project manager and the project WEEK 2
team. The team brainstorms the ICT theme to be
MULTIMEDIA AND ICT
published.
LINEAR WEBSITES
• Executing - project team goes about executing
the project plan once the project plan has been  Predetermined sequence of content.
constructed. The curation of ICT content may occur  Emphasis on storytelling or guiding users
in this phase for quality assurance. Content writers through a process.
and editors are essential in this phase.  Limited interactivity and navigation options.
• Monitoring and Controlling - project manager  Suitable for presenting content in a specific
monitors and controls the work for a time, cost, order or for educational purposes.
scope, quality, risk, and other factors while the  Characteristics of Nonlinear Websites:
project is being executed. Other members, NON-LINEAR WEBSITES
primarily the web developer, may work in this
phase collaboratively with the project manager.  Flexible navigation allowing users to explore
content freely.
• Closing - This happens when each phase is ended
 Rich interactivity with various interactive
and when each entire project is concluded. It
elements.
happens to ensure that all the work has been
 Users have control over their browsing
finished, completed, and approved.
experience.
D. CURATING EXISTING CONTENT FOR  Suitable for presenting diverse content or
USE ON THE WEB facilitating exploration and discovery.

 Content curation - process of publicly WEB 2.0 allows users to communicate and
gathering, organizing, adding value, and collaborate with each other virtually.
openly sharing digital information artifacts on
WEB 3.0 relies on the use of machine learning and
a specific topic or area of audience interest.
artificial intelligence.
STEPS IN CREATING AND CHOOSING
MULTIMEDIA
VALUABLE ICT CONTENT:
Multimedia - triggers the different senses to
1. Define your objectives - specify the main goal
function well through the use of different
that needs to be promoted in your content.
multimedia contents like texts, music, photos or
2. Research and analyze - extract information
images, interactive content, animations, and videos.
from different resources regarding the topic
you want to write.
TYPES OF MULTIMEDIA CONTENT
3. Organize the structure of your article - give
an overview of your topic to help readers 1. Videos - digital moving visual image
understand what your topic is. generated through video hosting sites (e.g.,
4. Summarize and proofread - create a YouTube).
summary of the information you have gathered 2. Sound, Music, or Audio - listen in the plain
and analyzed to make sure your article is free speech, you can always record a sound through
of graphical errors. your gadget and share it to the entire world.
(e.g., WavePad)
THREE (3) RULES IN CREATING QUALITY
3. Online Games - "Browser-based Games"
CONTENT
where you do not need to download and install
• Informative – it should provide valuable and in your PC and it is playable online via
useful information to the reader. browser (e.g., EverWing, Word Blitz, Piano
• Interesting - it should catch the readers' Music).
attention from the title to the last part of your 4. Online Tests - online survey forms that
content. automatically tabulate and calculate the results
• Relevant – it should reflect how much you when it's done (e.g., Online IQ, and Personality
know the subject of your content enough and Test).
who it is being written to make it relevant to
both.
 5. Courseware - alternative tool to educate sharing and collaboration. Most powerful
learners through online coaching. (e.g., platform to use if you want to generate instant
Moodle Mobile). and massive public reactions to whatever
6. Podcasts - series of a digital audio files that is concerns or issue that you have.
available on the internet for downloading to
desktops or mobile devices. (e.g., TED Talks) ICT IN THE RECENT HISTORY OF
7. Vodcasts - series of videos streamed online PHILIPPINES?
that is available on the internet for History of the Philippines has been one of the few
downloading to mobile devices. (e.g., YouTube countries shown unity and democracy for social
series). change. These advocacy for social change would
USES OF MULTIMEDIA IN DIFFERENT have not been possible without the role of ICT.
FIELDS 1. EDSA (People Power Revolution) - The People
Power Revolution lasted from 1983 to 1986.
 Education - Multimedia content improves the
During a radio broadcast of Radyo Veritas,
learning process and motivate the students to
Cardinal Sin encouraged the Filipinos to help end
interact well in the class.
the regime of then President Ferdinand Marcos. A
 Entertainment - The special effects and
major protest took place along EDSA from
animations that are being applied in all modern
February 22 to 25, 1986 involving two million
movies are the products of multimedia content.
Filipinos from different regions and sectors. These
 Business - Many businesses integrate media
include civilians, political parties, the military and
content on their advertisement as their
religious groups. The radio broadcast helped to
marketing strategy to attract prospect clients or
change the course of history. Without it, Filipinos
consumers.
would not have been moved into action.
 Medicine - The field of medicine integrates
multimedia content to analyze further their 2. EDSA II - This was also known as the 2001
field of study and to train future doctors and EDSA Revolution which happened during January
practitioners easily through visual presentation. 17 to 21, 2001. It was fueled after 11 prosecutors of
 Mathematics and Scientific Research -with then President Joseph Estrada walked out in the
the help of the videos, models, and impeachment trial. As a result, the crowd in EDSA
courseware, we can easily understand the grew over the course of few days through text
methods used to solve complex problems. brigades. Like the first People Power Revolution,
 Government - Multimedia is very useful in all Edsa Dos would not have been successful without
government agencies around the world. They the text brigades.
use multimedia to deliver information,
3. Million People March - This was a series of
procedures, and regulations from one place to
protest that mainly took place in Luneta Park from
another.
August 22 to 26, 2013. There were also several
demonstrations that happened in key cities in the
Philippines and some locations overseas. It
condemned the misuse of the Priority Development
Assistance Fund (PDAF). Though dubbed as the
Million People March, the number of total
attendees was only around 400,000. Despite that, it
WEEK 3-5 was still considered a success as it clearly
demonstrated how powerful social media
LESSON 3 : ICT AS PLATFORM FOR
campaigns are. The organizers and promoters of
CHANGE
the Million People March used Facebook and
 Advocacy - way of expressing views, Change.org as their media.
opinions, concerns information access and on
4. Yolanda People Finder - Recent storms in the
establishing to all one's rights and
Philippine history gave birth to the people finder
responsibilities through any possible means or
database powered by Google. During typhoon
ways.
Yolanda, the people finder was a vital tool for
 Social Media - collective term for website
people across the globe to track the situation of
applications which focus on community-based
their relatives. This proved to be successful and is
input, communication, interaction, content-
now adapted by more organizations to help people tools or resources that will help you to achieve and
track relatives during calamities. attain your goals.

PLATFORM FOR PLACING PETITIONS OR REALISTIC - (Are your skills enough to reach
CHANGE ADVOCACY your goal?) Knowing yourself is the key to your
success. Be honest with yourself and know your
Change.org - "world's platform for change" where capabilities and the things that you cannot do. Be
anyone from the online community can create a realistic toward your goals as well as on your
petition and ask others to sign it. Change.org gives capacity to do.
access to more people by allowing the online
community to affix their digital signatures on a TIME-BOUND- (When exactly do you plan to
petition. accomplish it?) Give yourself a deadline. Every
goal should have a target date to finish. Having
HOW TO MAKE A SIMPLE PETITION deadlines motivates oneself to do more efficiently
USING CHANGE.ORG PLATFORM and helps you to be focused in reaching your goals.
1. Log in first using your account and the search CONCEPT PAPER
and click the word "petition"
 Summaries of projects or issues that
2. Select a topic of what kind of issue are you
contemplate interests, experience and expertise
petitioning on?
that commonly serves as a purpose of
3. Write your petition title on the box. delivering an in-depth discussion of a certain
topic that a person has a strong position on.
4. Choose the recipient(s) of your petition. It can be  Used as a mainstream educational tool to
people or organizations which has the power to develop and to create solution to a certain
solve your problem. problem or issue.
 Provides guidance for the implementation of a
5. Estate your problem that you would like to solve
project, concept paper carries and gives good
6. Upload a photo or video that captures the practices, viewpoint, advocacy, belief and
emotions of your story; values or other correlated issues that needs and
promotes action to be taken in the future.
7. Then lastly click the word publish.  Your concept paper can range from (2) two to
(3) three pages for a small research project to
up to 20 pages for immense research projects.
CONCEPT PAPER FORMAT
LESSON 4: PLANNING AND a) the e font style should be formal such as Times
CONCEPTUALIZING THE CONTENT New Roman, Garamond, Baskerville or smilar
Serif typefaces
SMART GOAL TO TARGET
b) the line and paragraph spacing should be in
SPECIFIC (What do you want to do or want to
double space
achieve?) Set a real goal that is direct, detailed and
meaningful. Make sure that your goals are focused c) the font size should be at 12 points.
and can identify a concrete outcome. Knowing
what you wanted to achieve is knowing the KEY POINTS ON MAKING YOUR CONCEPT
leverage to success. PAPER

MEASURABLE (When will you know when you 1. Rise with a concept topic or idea that you are
reach it? What are the signs of your success?) Make genuinely interested.
sure that you goal is trackable and quantifiable. 2. Write down the questions associated the topic or
Defining your own definition of "success" will aid idea you have chosen.
you to estimate your current achievement level on
reaching your specific goals. 3. Create a possible solution from each. of the
questions that you have developed.
ATTAINABLE (Is it possible for you to reach
your goal?) Work towards a goal that is challenging 4. Classify what kind of data you need that will
but possible and doable. Check if you have the answer your questions and identity how will gather
the Information needed.
5. Identify how you will analyze, interpret, and 6. Contact Information - includes information on
present the overall data you gathered. how the you can be contacted. These includes the
following (but not limited to): a) name/s of the
ELEMENTS OF A CONCEPT PAPER FOR creator/s, b) address, c) phone or telephone number,
SOCIAL ADVOCACY d) email address, and e) website.
1. Title Page - will serve a lot in terms of getting LESSON 5: RESEARCH FOR CONTENT IN
the audience interest, so make sure to have a short SOCIAL ADVOCACY
but a catchy and interesting title of your chosen
topic. Gives a fully overview of what the concept Advocacy - act of supporting a cause or proposal:
paper is all about and what are the things you are the act or process of advocating.
resounding out about.
Social Media - collective online communication
2. Introduction - most important part of your channels dedicated to community input, interaction,
concept paper. You must keep on pursuing an content- sharing and collaboration.
adding value to convince the reader about your
project's mission and vision. It should be detail Research - creation of new knowledge and/or the
your mission or goal and the vision or dream you use of existing knowledge in a new and creative
have in taking up this concept paper. Your way so as to generate new concepts, methodologies
introduction should also contain the following: and understandings.

AUDIENCE PROFILING
 the clear problem you wanted to solve;
 why did you like to investigate under this Audience profiling - process of defining exactly
study. who your target audience is by unifying and
 how your research or concept paper would be analyzing their behaviors across multiple platforms
helpful for others and touchpoints.
 what are the clear evidence that your study is
beneficial and necessary to be discussed. 1. Demographics is one of the methods in
Lastly, what making your introduction critical audience profiling that defines not only the
is that making it you need to make a clear and population of your audience but also the work that
good impression to the possible readers. they do. It also tells where they live, their gender,
age, income level, religion, ethnicity, education
3. Purpose - includes the reasons why your chosen level, and knowledge level.
project or advocacy campaign is worth all the time
effort and money. You need to make a strong 2. Psychographics is the classification of people
atmosphere of purpose. Your purpose should not according to their personal characteristics, lifestyle,
only be to prove your right, but it is more about on attitudes, social class, aspirations, values, tastes,
how you can help other people in the purpose of activities and interests. s and other psychological
your chosen concept paper. criteria.

4. Description - includes all the necessary INFOGRAPHICS

information, data and details about your project. Infographic (or information graphic) is "a visual
This element talks about the steps and procedure on representation of information or data". Composed
how you will do things properly. It also expounds of set of collection of various imagery, charts, and
the methods and plans on how you will answer the text that gives an easy-to-read and easy-to-
problems of the concept and in revealing the understand synopsis of a certain topic or issue.
efficacy of your solution to the problems.
STEPS IN MAKING YOUR INFOGRAPHICS
5. Support - contains your budget needed for the
project. Every project needed funds to be published 1. Outline The Goals Of Your Infographic (Why
and materialized their certain cause, thus support are you making this infographic?) - This is the
from a sponsor/s necessary to be consider. hardest part which talks about on what should your
Remember that support does not only means infographic be about? What is the core message
monetary things, but it can also be as moral support you want to deliver and how. you will deliver it?
from your friends, relative and among others, You should remember to recognize that you're
depending on the topic or cause who have chosen. creating an essential infographic, so that your
audience can gain something very specific from
reading it.
2. Collect Data For Your Infographic (What question pyramid you developed in the first step.
should you present?) - After knowing what your This is to guide your layout and information flow.
Infographic is all about, now you have to gather
data of your chosen topic. These are the two 5. Add Style To Your Infographic Design (Value
different styles and approaches. you can use on added content.) - This is about putting your own
gathering and collecting your data: style and personal touch, just be creative in
combining text, shapes and images in your most
a. Self-made data- this approach requires more creative way. Your added value of style can also
time for you need to ask around, send some emails, showcase your uniqueness making your created
do research online, create your own made survey infographics attractive to the viewer's attention.
and process your own conclusion.
LESSON 6: DESIGNING AND DEVELOPING
b. Data sources this is the easiest way to gather SOCIAL ADVOCACY
information to get ready-made information that you
can find on the books, magazines, newspaper and Design - plan or specification for the construction
internet. There are plenty of public and private data of an object or system or for the implementation of
sources that you can e in your infographics. an activity or process, or the result of that plan or
specification in the form of a prototype, product or
3. Visualize The Data In Your Infographic process.
(Decide how to present data visually.) Visualizing
your data is about choosing the type of infographic CONTENT PURPOSES
you want to use. There are different types of 1. Inform - voice out your thought in increasing
infographics as shown below: understanding and making meaningful knowledge
1. Statistical Infographics - shows a to share with others. Communicate with the
summary or overview of data with one or audience with your heart. (e.g. Documentaries,
more graphs, tables or lists. News, Vlog and etc.)
2. Timeline infographics (time-oriented) - 2. Inspire - Infuse your advocacy and learning with
shows progress of information over a a sense of meaning and purpose to motivate and
chronological time period. uplift your audience. Create new possibilities and
3. Process Infographics - demonstrates a desire to be taken. Inspire them to take actions.
linear or branching process as how to teach (e.g. Advocacy Video, Inspirational Video/Film,
the workings of an object or flow chart Endorsements, Testimonials and etc.)
showing choices in a decision process.
4. Informational Infographics - most likely 3. Educate - empower your audience with the
a poster that summarizes topic with some proper knowledge. Make them aware and impart
extra bits of information. learning. through your advocacy. (e.g. Vlog, DIY
5. Geographic Infographics - displays data Video, Tutorial and etc.)
with a location map.
4. Entertain - Ignite wonder, awe, and
6. Compare/Contrast Infographics -
entertainment through leaming. Learning is not
similarities or differences as a "this versus
always being serious, but it becomes more adequate
that" infographic or as a table or simple list.
if the person is enjoying while doing it. (e.g.
7. Hierarchical Infographics - demonstrates
Musical/Lyrical Video, Short Film, Viral Videos
a chart with levels.
and etc.)
8. Research-based Infographics - is similar
to the statistical infographic, but based on DEVELOPING SOCIAL ADVOCACY
research. It can be used to compare unlike
items with popular sets of data.  Development phase - one of the crucial stages
9. Interactive Infographics - gives viewers in constructing and producing your social
the control to modify the infographic and is advocacy, because this phase is where skills
web-based. and creativity should foster.
 Fair Use - means you can use copyrighted
4. Layout The Elements Of Your Infographic materials without a license but only for certain
Design (All that's left is layout and design)-This purposes. These includes commentary,
step is all about placing them all together into an criticism, reporting, research, and educational
attractive looking infographic design. You can purposes. In accordance with this, fair use
create a natural form of information flow using the must follow these prescribed guidelines: a.)
 majority of the content you created must be of (50) years from the end of the year in which
your own; b.) give credits to the copyright the recording took place.
holder; and c.) don't make money out of the g. Architectural works - These are blueprints
copyrighted work. and similar plans for building. Works of
 Creative Commons - American non-profit applied art shall be protected for twenty-five
organization devoted to to expanding the range (25) years from the date of its creation.
of creative works available for others to build
Tools or software in developing your own video
upon and share legally. The organization has
content but not limited to:
released several copyright-licenses known as
Creative Commons licenses free of charge to 1. VideoPad - one of the best video editing tools to
the public. take your first steps in the world of multimedia
 All copyright law under Republic Act 8293- video editing. It is perfect for anyone starting to
Intellectual Property Code of the play around with video compositions as it is simple
Philippines covers a broad range of creative and easy to use.
works.
 Copyright or author's right - legal term used 2. Blender - open-source program that is entirely
to describe the rights that creators have over free to use Blender was designed is 3D animation
their literary and artistic works. Works covered suite that comes with a very useful video editor.
by copyright and its validity ranges from the The editor allows you to perform basic actions like
following medium: video cuts and splicing and more.
a. Literary works - prose such as books, news 3. Shotcut - fully open-source program, This
story, scientific paper, novel, poetry, or any means after downloading it, you get access to all
other forms of "word-only". The validity of the features without the need for a paid upgrade.
copyright under literacy works applies during This video editor supports a wide range of video
the lifetime of the author plus fifty (50) years formats and boasts a great collection of tutorial
after death. videos.
b. Musical works - applies to both the lyrics and
the music. Under musical works, the copyright 4. Openshot - entirely open source. It has an easy
falls under fifty (50) years from year recording to use drag and drop interface. Openshot packs
took place. features including unlimited layers and audio
c. Dramatic works - includes any accompanying mixing. It also allows real-time previews when you
music. Copyright in dramatic, works whether create transitions between your clips. This free
published or unpublished, expires fifty (50) editor has also a nice balance between advanced
years after the end of the year of creation. features and a simple interface, good for beginners
d. Pictorial, graphic and sculptural works - and advanced creator.
These are photographs, drawings, paintings,
and any other kinds of two or three-
dimensional art. These works' copyright
applies under fifty (50) years from the
publication.
e. Motion pictures and other audiovisual
works - These are movies, television shows,
YouTube videos, and any kind of multimedia.
The audio-visual works shall be protected for
fifty (50) years from the date of publication. If
it is unpublished, it is protected for fifty (50)
years from the date of creation.
f. Sound recording - These are separate
copyright that protects a recording artist's
rendition of a work. Performances not
incorporated in recordings shall be protected
for fifty (50) years from the end of the year in
which the performance took place. Sound or
image and sound recordings and performances
incorporated therein shall be protected for fifty