M3L1: Online Platforms for ICT and Content
Development
Online Platforms - is a specially developed platform
using Internet technology. It has revolutionized access to
any information. In our daily life today we used Internet
in doing such things and in our learning purposes.
- is a base of technologies designed to run within an
online environment and provides interactive online
services. Online platforms currently include, but are not
limited to:
● Presentation or Visualization
- Allows you to present and share presentations,
infographics, and videos with other people.
- Use to communicate information clearly and
efficiently.
● Cloud Computing
- Simply called as “The cloud”
- Access anytime, anywhere
- The practice of using a network of remote
servers hosted on the Internet.
- Instead of using your computer’s hard drive, you
store and access your data and programs over
the Internet.
● Social media
- Computer-related tools that allow large group of
people to create, share or exchange information,
interest and
- The information shared can in the form of ideas,
pictures, and videos or anything that you want to
create and share to virtual communities.
● File Management
- The storing, naming, sorting, and handling of
computer files.
- Allows you to convert and manage files without
downloading the software tool.
● Mapping
- A transformation taking the points of one space
into the points of the same or anther space.
- Uses GPS to detect location and used for
navigation.
● Webpage Creation
- Encompasses a number of important elements
including color, layout, and overall graphical
performance.
- The platform does not require any web
programming skill they provide a drag and drop
interface and free hosting as well.
Web Templates - are unique full page layout that
contains generic information which can be replaced by
the users with their own personal information.
WYSIWYG (What you see is what you get)
- In this kind of platform, no coding skills are required.
Instead, you manipulate with design components using
an editor window and get the chance to choose what
elements are on your page.
BASIC WEB DESIGNS
Basic Web Design Principles
1. Visual Language
● Color scheme
● Focus of content using contrasting color
● Use of consistent font size and color
● Make important links noticeable
● Use high quality pictures
2. Balance
3. Paradox of Choice
● The more choices you provide, the easier for
others to choose nothing.
● Focus on users need
● Design sites for multiplatform and multiscreen
4. Focus on Content
● Know the purpose of your web page so you
could match the content with the purpose.
● Include images on your content not just pure text
● Content should be spellchecked.
● Content should be organized.
● Content should be updated.
5. Simplify
● Keep content simple.
● Use minimal animated graphics.
● Maintain a look and feel across all the web
pages.
Basic Web Design Elements
1. Illustration and Styles
- Illustrations include lines, shapes, and texture
and color which are fundamental elements that
should not be overlooked.
- Lines are used to organize, connect, and
separate information and design elements.
Combined with shapes, color, and texture they
use a visual grammar which you can use to
communicate.
2. Links
- Links are most basic interface on web pages.
Links should be distinctive in color from other
types of text in a webpage. Keep links and
regular text styled consistently to avoid users
from thinking whether or not the text is a link.
Make sure your links are working.
3. Buttons and Menus
- Buttons and menus are also essential to web
pages and they too need consistent styles.
- Buttons and menus should be well-organized.
 - Button labels and menus should be clear and
easy to understand.
4. Images
- Images also aids in communicating your
messafge to the viewers. Aside from being used
as fillers, images also helps in leaving a lasting
first impression. Use specific images that are
related to your content so that it will draw
attention not only to the content but to your web
page as a whole.
M3L2: Collaborative ICT Development
Online Collaboration - It is the process of connecting
users digitally to communicate in an online space. It is
usually supplemented using a software system that lets
team members chat using video, audio and text.
Online Collaboration Tools - Is a software used by
users who are working on a task at the same time or
different times; in one place or in various places.
Uses of Collaboration Software
a. Communication
b. Conferencing
c. Coordination
File Sharing Tools
Google Drive - is a cloud-based storage solution that
allows you to save files online and access them
anywhere from any mobile phone, tablet or computer.
OneDrive - is a cloud storage service developed by
Microsoft that allows you to store all your important files
in one place and then access them virtually anywhere.
Dropbox - it gives you a folder on your computer that
automatically backs up and syncs your files across all
your devices and also keeps them in cloud so you can
access them from any computer, anywhere in the world.
Presentation Visualization Tools
Blogging Tools
WordPress.com - is a platform for self-publishing that is
popular for blogging and other works.
Basic Web Designs Principles & Elements
● Identify a web project
● Develop site contents
● Determine your audience
● Design the site and navigation
● Develop the web media elements
● Construct the website and webpages
Content Management Systems (CMS)
- refers to a software application or a set of related
programs which are used to create and manage digital
content.
M3L3: Multimedia and Interactivity
Multimedia - is the use of computer to present and
combine text, graphics, audio, and video with links and
tools that let the user navigate, create, and
communicate.
4 Components of Multimedia
1. Computer - to coordinate what you see and
hear, and to interact with.
2. Links - to connect the information.
3. Navigational tools - that let you traverse the
web of connected information.
4. Interactivity - ways for you to gather, process
and communicate your own information and
ideas.
If one of these components is missing, you do not have
multimedia, you have mixed media. For example, if you
have no computer to provide interactivity, you have
mixed media, not multimedia. If there are no links to
provide a sense of structure and dimension, you have a
bookshelf not a multimedia. If there are no navigational
tools to let you decide the course of action, you have a
movie not a multimedia. If you cannot create and
contribute your own ideas, you have a television not a
multimedia.
5 Elements of Multimedia
1. Text
2. Graphics
3. Audio or Sound
4. Video
5. Animation
Web User Participation - it means that web users are
participating in the web content creation, tagging and
sharing. Social networking includes creating user profiles
to social networking applications and communicating
with other web users through those applications.
More Tools
1. Webcasting - a media presentation distributed
over the Internet using streaming media
technology to distribute a single content source
to many simultaneous listeners/viewers.
Media Platform Webcaster - video webcasting
platform that helps organization easily produce,
broadly distribute, and monitor large scale,
deeply interactive live and mock webcast to an
audience of unlimited size.
2. Podcasting - it is the practice of using the
Internet to make digital recordings of broadcast
available for downloading to a computer or
mobile device. (soundcloud, outmedia.org)
 3. Vodcasting - also called as vlogging, adds
video to the downloadable sound files podcast
listeners are used to. (youtube, vimeo)
M4L1: Imaging and Design for the Online
Environment
Elements of Design
Line - a mark made by a pointed tool such as a brush,
pen or stick; a moving point.
Shape - a flat, enclosed area that has two dimensions,
length and width.
Color - one of the most dominant elements created by
light.
Properties of color:
● Hue (Name)
● Value (Shade and tints)
● Intensity (Brightness)
Value - degree of lightness or darkness
Form - objects that are three-dimensional having length,
width and height
Texture - describes the feel of an actual surface.
Space - used to create illusion of depth.
The Principles of Design
Balance - the distribution of visual weight of objects,
colors, texture and space.
Rhythm - created when one or more elements of design
are used repeatedly to create a feeling of organized
movement.
Variety - use of several elements of design to hold the
viewer’s attention and guide the viewer’s eye through
and around the work of art.
Emphasis - part of design that catches the viewer’s
attention.
Unity - the feeling of harmony between all parts of the
work of art which creates a sense of completeness.
Pattern - repeating an object or symbol all over the work
of art.
Repetition - works with pattern to make the work of art
seem active.
Proportion - the feeling of unity created when all parts
relate well with each other.
Movement - the path of viewer’s eye takes through the
work of art.
Contrast - the arrangement of opposite elements (light
vs, dark, rough vs. smooth, small vs. large etc.)
The Principles of Layout Design
Purpose and Audience - approach page layout the
same way that you do writing; determine your audience,
define your purpose, and communicate your message.
When you’re writing, you present information in a logical
order, so do the same when you lay out the page.
Organizing Information - Photographs, pull-quotes,
decks, and headlines help you tell the story. Other
elements such as subheads, boxes, rules, and white
space help you organize the story. For example, if you
laid out 3 short articles on the same page, you would
use rules, white space, and headlines to show readers
that the articles were separate, not related. A good
layout improves readability by arranging text and
graphics in a logical order.
Getting Attention - In today’s media-intensive culture,
people often decide that reading an ad, brochure, or
newsletter is not worth their time, so even if your
publication is important, it may end up in the
wastebasket. An unusual design, however, can spark
their interest. Even the most sophisticated readers get
bored with staid designs.
Balance - Balance is another word for concerns about
symmetry and asymmetry. Symmetry provides stability
and rest for the eye, while asymmetry creates tension
and visual interest. Finding ways to create balance often
depends on the piece.
Alignment - Unify the appearance of your publication by
aligning the elements on individual pages and creating
strong page-to-page alignments, as well. Alignment ties
all the elements on a page together and unifies the
publication.
Proximity - place related information in proximity, and
separate unrelated information with white space, rules,
and borders.
M4L2: ICT as a Platform for Social Change
Digital Citizenship - It refers to the utilization of
information technology (IT) in order to engage in society,
politics, and government. As per K. Mossberger, et al.,
digital citizens are “those who use the Internet regularly
and effectively.”
Digital Citizenship Principles
1. Engage Positively
- Respect the right of others to participate and
have an opinion.
- Ask before tagging other people or posting
photos.
- Report offensive or illegal content.
- Stand up and speak out about cyberbullying–
protect your friends.
- Don’t respond to hurtful or nasty comments–
block and report cyberbullying.
- Speak to your parents or trusted adult about
upsetting online experiences.
- Report threats of violence to the police (collect
the evidence to show them)
2. Know Your Online World
 - Learn how new skills will help you explore the
online world.
- Recognize online risks and how to manage
them.
- Look out for suspicious emails and scams.
- Use secure websites for financial and retail
services.
- Keep passwords secret, strong and unique.
- Know how to report bullying behavior on social
media sites.
3. Choose Consciously
- Choose privacy and security settings carefully
and check them regularly.
- Choose friends wisely online– not everybody
online is who they claim to be regularly review
your connections and remove people.
- If you have made a mistake, apologize and take
down offensive material as soon as possible.
- Ask for permission before uploading pictures of
your friends.

ICT AS MEDIUM FOR ADVOCACY

- Advocacy is a process of supporting and enabling
people to express their views and concerns. Access
information and services, defend and promote their
rights and responsibilities.

M4L3: Developing an ICT Project for Social Change

Concept Paper - it is a document used to convince a

panel of potential funders to help a product,
program/project, or service become a reality.
5 Elements of Concept Paper
Introduction - includes your mission and vision and a
brief introduction of your project/campaign.
Purpose - includes the reason why the project/campaign
is worth your sponsor’s time, effort and money.
Description - includes all the necessary information
about the project. It involves the website/s or page you
are going to produce and the purpose of each and how
they work in unison.
Support - contains the budget needed for the project,
though some concept papers do not specify any amount
requested from the sponsor.
Contact Information - includes information on how the
group can be contacted.

A concept paper/project must met the SMART criteria

● S-pecific
● M-easurable
● A-ttainable
● R-ealistic
● T-ime-bounded