Lesson 5

Online Platforms for ICT Content Development

Week 5: September 28 – October 1, 2020

Topics:
 Terms used in Collaborative ICT Development
 Online Collaborative Tools and Web Portal
 Web Design Principles and Elements

Lesson Objectives:
 Discuss what is online platforms and purpose of it
 Discuss different Web Applications for content Development
 Discuss the content management system and cloud computing in platforms
 Identify Web Design Principles and Elements

Online stage could be an extraordinarily created stage utilizing Web

innovation. 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.

Facebook would not be that interesting if it were not for all your friends. In
fact, the more friends you have, the more content you get.

This also rings true for other websites and blogs. It is now time for us to
create collaborative
Day 1 ICT Content.
PP r re - T e s
e - T e st t

AA . . M u l t
M u l ti ip pl el e C h o
C h oi ci ce e: : W r i t
West Central CollegeW r i teof e t thArts
he e l el etand Science Inc. | Empowerment Technologies
1 1. . I t p r o tt te er r o of f t th e c o
I t p r ov vi di de s l i h e c or rr re ec t a n
mm e ee t i n g e s l iv ve e a au ud d i io / v i d c t a n s sww e r o n
5 e tin s , tr o / v i e o c e r o n aa s e p a r
s e p a ra at te e s h e e
a a. . W e bg s , t ra ai in n i ni n g g, , o or r p r ed se o co omm mm u u n n i ci ca t i o n s h e et t o of f p a p e
W e b C C o on f e r e p e n
r e s e n t ta at ti o n s a t b
i o n be et tww e e n p a p
b b. . O n l i n n f e r en nc ce e i v
o n s vi ia a t h e I n e t w
e n t w o o o or m o
O n l i ne e CC o l l a b c c. . E E n c r y t h t
e I n te er rn n e t . r
r m o re e l ol c a t i
o l l a bo or ra at i o n n p t e t. o o
c a t i on n s s t o
2 2. . I t i s tio n d d. . S SS Lc r( y p ti oi on n to
I t i s t th h e e s t a n S L (S Se ec cu r e S
d u r o c
 W C o e r o r e st ta ab bl i s h i
b b. . O n el i bn C on nf fe er re en nc ce e l i s h ni n g g a n e n
O n l i ne e CC o l l a b c c. . E E n c r y a n e n c cr ry yp t e d
o l l a bo or ra at i o n n c r yp pt ti oi on p t e d l il ni n k b e
3 3. . I t i s t i o n d d. . S S L ( n k b et
I t i s a ad d d i t i o S S S
L ( Se ec cu u r e S o c
mm a al i c i o u d n
i t i o n a al l l a y e r r e S o ck ke et t L a y e
lic io s in l a y e r o of f s e c u L a y er r) )
a a. . W e bu s i n t te en nt t. . s e c u r ri ti ty y t h a t
t h a t mm a ak e s
W C o
b b. . O n el i bn C on nf ef er re en nc ce e k e s c co on n t e n t
t e n t u un n r re a d a
O n l i ne e CC o l l a b c c. . E E n c r y e a d ab bl el e f o r
o l l a bo or ra at i o n n p t
4 4. . _ _ _ _ tio n d d. . S S Lc r( y p ti oi on n f o r p pe eo op l
p
_ _ _ ___ __ _ _ _ S S L (S Se ec u r e S
t to og ge t h e r _ _ _ _ s i m c u r e S o o c k e t
c k e t L L a ay ye r )
e t h e r i ni n r e a_l - s i m p pl yl y p pu u t t, , i ti t i s a n e r)
r e a l -t ti imm e o v e i o
a a. . W e b
W C o e o v er r t th h e i sn ta n on n l il in n e e c co ol ll al b o r a
b b. . E n ec br C on nf fe er re en nc ce e e i n te er rn n e t a b o r at ti oi on t h a
n
E n c ry yp p t ti o n c. e t
c.OO n n l il ni n e C o l l
t h at t l el et ts s a a g r o u p
io n e C o l al ab b o r a t i g r o u p o of p e o p
BB . . C h o o d. S S o o f p e o pl el
C h o os se e y yo u r a d. S L (
S L (S S e ec cu r e S r a t n
io n
o u r an ns sww e r f o u r e So oc ck e t L
e r f or r i ti te em s n k e t L a ay ye r )
GG S S u i t e m s nu umm b e r 5 e r)
u b e r 5 t to o 1 0 i n
WW o o r d iPt er 1 0 i n t th h e b o x
e b o x b e l o
rd e s b e l oww . .
F F a ac ce b o P o r e ss s
e b o o k k GG r o u p OO n n l i n e C
r o u ps s l i n e C o ol ll a b o r
Y Y a ah h o o . c l a b o ra at ti iv ve T o o
5. o o m e T o ol sl s
5. _ _ _ _ _ _ _ _ _ _ _ WW e eb P oo . c o m
g gr ro ou p t_o _ _ _ _ _ _ _ _ _ _ a al ll ol oww s y o b P or rt ta al l
6. u p t o c co om m u s y o u u t to c r e
6. _ _ _ _ _ _ _ _ _ _ _ m m u n n i ci ca t e y o c r ea at te e a g
a te o u a gr ro ou up p p a g
t to oo ol s , s _o _ _ _ _ _ _ _ _ _ _ i si s a b ry o u r r i di de ea as s p a ge e t th h a t w
7. l s , s of ft tww a r e a a b ra an n d d o f a t w i li ll l a l l o w
7. _ _ _ _ _ _ _ _ _ _ _ a n
r e a n d d p pr o d u c l
o f c ol ou ud d c o m a l l o w p pe o p l e
ro c t p e o p l e i ni n y
f of ou un d i _n _ _ _ _ _ _ _ _ _ _ o of ff fe er s a d u c ts s d d e ev ve el ol op pe ed b c yo m pu ut ti ni n g g, , p pr ro d u c
8. n d o
i n on ne e p pa g e r s w e
a w eb b p po r t a l d G
b y G o oo og gl e . o d t i v
u c t i vi it ty y a n d
_
8. _ _ _ _ _ _ _ _ _ _ a g e o r t a l a a ww e eb p o le a n d c co ol ll a b o r
y yo ou u a l r e_ _ _ _ _ _ _ _ _ _ _ a ar re e t o o l s b p or rt ta al l w h . e r l a b o ra at
a l r ea d y h to o th a w h e re e n ne w s ,
e w s , e emm a i l , w
9.9. _ _ _ _ _ _ _ _ _ _ a_ d y ha av ve e y yo ou ur r o ow nl s o t h at t c ca an n h he el pl p y o u a i l , w e ea at th e r ,
h e r , e et tc c.
p pl al ac e s _t h _ _ _ _ _ _ _ _ _ _ i si s a a w e wb n of ff if ci ce e. . y o ur r g gr ro ou p “
c e s e m w e site u p “g go o t th e d
h e d i si st ta an c e ”
10. ._ _ _ _ _ _ _ _ _ _t h_ e m i in n o on n e e l ol oc ca t i bo ns i t e t th h a at t c co on n t ta i n s
10 n c e ” a an n d w o r
d w o rk k a
_ _ _ __ _ _ _ _ _ a l a t in a in in f
_ a ll ol oww s y oi ou n i n a a u un n i fi fo or rmm w sa i n fo or rmm a at ti oi on n f r o m
s y o u t to o h a v e y f r o m d di fi f e r e n
h a v e mm u u l t i p wl a y. . f f e r e nt t s o u r c
s o u r ce es s a
l t i p el e c co on t r i b a
n t r i bu ut to or s f o
r s f or r a a s i n g l
s i n g el e b bl o g .
lo g .

11

||

Terms used in Collaborative ICT Development

West Central College of Arts and Science Inc. | Empowerment Technologies

5
 Online Platforms - are technologies that are grouped to be used as a
base upon which other applications processes or technologies are developed.
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. 

File Management - the storing, naming, sorting and handling of

computer files. Allows you to convert and manage files without
downloading the software tool.

Online
platforms Social Media - computer-mediated tools that allow large group of
currently people to create, share or exchange information, interest. The
information shared can in the form of ideas, pictures, videos or
include, anything that you want to create and share to virtual communities.
but are
not
limited to: Mapping - a transformation taking the points of one space into
the points of the same or another space. Uses GPS to detect
location and used for navigation.

Web Page Creation - encompasses a number of important

elements including color, layout, and overall graphical appearance.
The platform does not require any web programming skill they
provide a drag and drop interface and free hosting as well. 

West Central College of Arts and Science Inc. | Empowerment Technologies

5
 Online Collaborative Tools and Web Portal

Collaboration tool is a catchall term used for different types of software and online services that
allow people to work together on common projects, regardless of their physical location. It can be
something as simple as email and as complex as sophisticated project management software.

Day 2
WEB DESIGN PRINCIPLES AND ELEMENTS
Web Templates and WYSIWYG Platforms “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. Web templates are
unique full page layout that contains generic information which can be replaced by the users with
their own personal information. But before anything else, we should first understand the basic web
design principles and its elements.

WEB DESIGN PRINCIPLES

PRINCIPLE #1 VISUAL LANGUAGE PRINCIPLE #4 FOCUS ON CONTENT

• Color Scheme • Know the purpose of your web page so
• Focus of Content using Contrasting color you could match the content with the
• Use of consistent font size and color purpose.
• Make important links or menus noticeable • Include images on your content not just
• Use high quality pictures that follows the pure text.
rule of third • Content should be spellchecked.
• Content should be organized.
PRINCIPLE #2 BALANCE • Content should be updated.

PRINCIPLE #3 PARADOX OF CHOICE Principle #5: SIMPLIFY

• “The more choices you provide, the easier • Keep content simple.
for others to choose nothing.” • Use minimal animated graphics.
• Focus on Users need • Maintain a look and feel across all the
• Design Sites for multiplatform and web pages.
multiscreen
West Central College of Arts and Science Inc. | Empowerment Technologies
5
 BASIC WEB DESIGN ELEMENTS
ILLUSTRATIONS & STYLES • Illustrations include lines, shapes,
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 us a
visual grammar which you can use to communicate.

LINKS • Links are the 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.

BUTTON AND MENUS • Just like links, 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.

IMAGES • Images also aids in communicating your message 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.

 Assessment : About ME!

A. Let us create a website that is about YOU! To help you with your content, fill in the following
blanks to serve as key points to build the skeleton of your website:

o What will be the main title of your website?

o Introduction (Welcome message of your website)
o What are the details that you will share about you?
o Your social media accounts
o Your interests
B. Draw your WEBSITE here!

West Central College of Arts and Science Inc. | Empowerment Technologies

5