EMTECH 4TH QUARTER REVIEWER by
(CMS) CONTENT MANAGEMENT
FFAD
LESSON 7: CREATING WEB
CONTENT: ICT ONLINE
PLATFORMS
 Website is a set of related resources from
the web (WWW)
 Its primary role is for information and
entertainment.
PLATFORM-ENABLED WEBSITE
 Platform-Enabled Website or Online
Platform gives a feature on which allows
to manipulate the content of the website.
 Most of the online platforms required you
to:
 Register in order to publish;
 Manipulate, organize, or;
 Even delete a certain web content
Types of ONLINE PLATFORMS
 Social Media Platforms
 Blogging Platforms
 Content Management System or CMS
SOCIAL MEDIA PLATFORMS
 Social Media Platforms allows you to create
your personal account or profile.
 Social Media platforms enables you to
connect yourself to other users and get
updates on their news feed.
 Facebook, twitter, Instagram, Snapchat
BLOGGING PLATFORMS
 A platform where a writer or even a group
of writers can share views on an individual
subject.
 Is comparable to a newsletter, where you can
add menus, design or even multimedia of a
subject.
 Word press, blogger, Tumblr, Typepad,
Squarespace
SYSTEM
 A feature of this platform is that you can
publish your own website and manage its
content through internet or in a single
computer.
 Facebook, twitter, Instagram, Snapchat,
Portal
SEVEN ELEMENTS of WEB PAGE
DESIGN
 Text
- A mandatory element of a web page.
- Choose well the family font and type to
use.
- Make sure the text is clear and in
readable size.
 Links
- Links or Hyperlinks allow user to jump
to another site or page that is related to
your size.
- The World’s Word Website
 White Space
- A room to breathe.
- Having a crowded website makes it
very hard to direct the attention of your
visitor’s eye.
 Graphic/Illustrations
- Make sure your images or illustrations
are not pixelated or must be of good
quality.
 Video/Audio
- Help visitors to better understand what
they’re selling or teaching.
- Helpful for website that affects tutorial
of certain subject.
 Color
- Plays a very important aspect on the
design.
- Colors can become visually distracting
to your viewers.
- You may use the company logo of their
clients as their color reference on their
website.
  Background
- Texture or background gives a more
appealing sight to your website.
- Provides a feeling of a surface
underneath.
PRINCIPLE of WEB DESIGN
 Principles to create a usable and effective
website.
 Portable Design – Website design must be
portable and accessible. You need to be
compatible with other operating systems and
web browsers.
 Design for Low Bandwidth – Not all users
who are online are connected to a high-speed
internet connection. In designing a website,
you need to avoid large graphics or
animations as the users may leave the site if
downloading is slower.
 Direction – Identify the order of importance
of the various elements and place them in a
sequence where the eye moves and perceives
the things it sees. There should be a consistent
layout and structure.
 Regular Testing – Every device or project
needs maintenance, same as your website.
Websites should be regularly upgraded,
updated, and tested so that problems are
quickly resolved. Visitors Who have
encountered any errors like problems in
loading or viewing in your website will not
hold on.
 Simplicity – the more option you place in
your site, the more difficult it is for a visitor
to make a decision and more time is required
to browse through them as what they usually
say, “simplicity is beauty.” Minimize your
options.
LESSON 8: COLLABORATIVE ICT
DEVELOPMENT WEB PAGE
DESIGN
 A webpage is a document written in
HTML that can be made accessible
through the use of internet or using an
internet browser.
 HTML is the backbone of a web page.
 Hypertext Markup Language is used
to write and make web pages or simply
known as computer code.
 The computer reads these codes and
then with the use of other tools,
converts it into a user-friendly and
readable web page that we can browse
through.
Web page
– A web page is accessed through the use of
a unique URL (Uniform Resource Locator)
address.
– A web page is a primary source of
information dissemination in the online
community.
Web Portals and Online
Collaboration Tools
WEB PORTALS
– A web portal is a website that contains
information from different sources, and
places them in one location in a uniform
way.
– Examples are Facebook, YouTube, Yahoo!,
Google.
ONLINE COLLABORATIVE TOOLS
– These are tools that can help your group
“go the distance” and work as if you
already have your own office.
– Goals of these platforms:
  These platforms enable users and  Multimedia is the presentation of text,
admins promote interpersonal pictures, audio, and video with links and
communication. tools that allow the user to navigate,
 Enhances interactivity. engage, create, and communicate using a
 Establish a common goal that will result computer.
to greater outcome of ICT readiness on  Multimedia is a combination of one or
an individual or group more media such as text, graphics,
– Easy
drawings, and images, audio, video and
– Collaborative
– Efficient animations.
Media Platforms for Online  Multimedia allows the content to be
presented in a nonlinear way, which
Collaborative ICT Development
allows the reader to be active rather than
– Presentation and Visualization
– Cloud Computing passive.
– Social Media Venues  Categories of Multimedia:
– Web Page  Linear Multimedia
– Blog or Publisher  Non-Linear Multimedia
Linear Multimedia
– Non-interactive multimedia
– End-user cannot control the content of the
application.
– User can interact with the application thru:
– clicking on icons
– control the flow of the media.
– change the pace at which media is
displayed.
Non-Linear Multimedia
– Also known as hypermedia content
– End-user is allowed to navigationally
control to rove through multimedia content
at his own desire.
– Offers user interactivity to control the
movement of data.
– Example:
– Computer Games
– Websites
– Self-paced computer-based training

COMPONENTS/CONTENTS OF
MULTIMEDIA
 TEXT
– Used to form words, phrases, and
paragraphs
LESSON 9: USING MULTIMEDIA TO – Texts can be in variety of fonts ands sizes
to watch the whole presentation
CREATE A CONTENT-RICH
– Text are used to communicate
ONLINE ENVIRONMENT information or serve as a supplement to
the information provided by other media.
 GRAPHICS
– Sketch, chart, or photograph
– Graphics add appeal to the multimedia
application
– Graphics are at the heart of any
multimedia presentation
– Visuals enhances the effectiveness and
presentation of the concept
 ANIMATIONS
– A sequence of still photographs being
flipped through
– A set of visuals that give the impression
of movement
 VIDEOS
– Photographic images that appear to be in
full motion
– Moving image accompanied by sound
– Through video hosting sites, you can take
a video and show it to the entire world
– Example: Youtube, Tiktok
 AUDIO
– Any sound, whether it is music,
conversation, etc.
– Delivers the joy of music, special effects,
and other forms of entertainment
– Used as part of the context and enhance
interaction
– If videos are too much for you, you can
always record sounds. You can now share
your sound bites to the entire world.
– Example: Sound Cloud, Spotify
LESSON 10: THE WORLD WIDE WEB
Tim Berners-Lee
 GAMES
– Online Games - Game developers now
create what is called “browser-based
games”. You do not need to install theses
games to your computers, they run in
most updated web browsers.
– Offline Games – These are games
installed in out mobile devices that do not
require data to run.
 WEBSITES
– Webinars and Online meetings, Blogs,
Interactive contents like Courseware
 PODCASTS
– An episodic series of audio or text files
streamed online
– Example: Ted Talks
 VODCASTS
–An episodic series of video streamed
online
– Youtube Series/Video Games High
School, Good Mythical Morning
 FEATURE?
– Interactivity is the fundamental feature
of multimedia.
– It is the user ability to interact with a
certain application.
– It is the user who will determine what
content should be delivered, when should
be delivered, and how would it be
delivered.
 In ENGINEERING
– Multimedia is frequently used by
software engineers in computer
simulations for military or industrial
training.
– The man who invented the World Wide Web
year 1989.
– He is a British Computer Scientist
– After graduating from Oxford University, he
became a software engineer at CERN
– Tim Berners-Lee said that: "In those days,
there was different information on different
computers, but you had to log on to different
computers to get at it. Also, sometimes you
had to learn a different program on each
computer. Often it was just easier to go and
ask people when they were having
coffee…”
 – World Wide Web Consortium (W3C)
is an international community devoted to
developing Open Web Standards.
– By 1990, Tim had written the three
fundamental technologies that remain the
foundation of today's web:
 HTML: Hypertext Markup Language
 URI: Uniform Resource Identifier
 HTTP: Hypertext Transfer Protocol
THREE FUNDAMENTAL
TECHNOLOGIES OF WWW
 HTML: Hypertext Markup Language
 URI: Uniform Resource Identifier
 HTTP: Hypertext Transfer Protocol
1. HTML: Hypertext Markup Language
– is a language made up of elements,
which can be applied to pieces of text to
give them different meaning in a
document, structure a document into
logical sections, and embed content
such as images and videos into a page.
– is the most basic building block of the
Web.
– It defines the meaning and structure of
web content.
– Hypertext refers to links that connect
web pages to one another, either within
a single website or between websites.
– Markup is used to annotate text,
images, and other content for display in
a Web Browser
2. URI: Uniform Resource Identifier
– Is sequence of characters used to
identify resource location or a name or
both over the World Wide Web
– Classified as a locator, a name, or both.
– Two Subsets of URI: URL, URN
 URL: Uniform Resource Locator
– A subset of URI that describes the network
address or location where the source is
available.
– Begins with the name of the protocol to be
used for accessing the resource.
URI Syntax Components
1. SCHEME - It is the protocol used to retrieve a
resource. Scheme provides the type of application
your device uses to open a URL.
2. AUTHORITY
Preceded by a double forward slash. Contains
two sub-components – a Domain name and a
Port
Domain Name
Mostly used Protocols/Schemes
 Hypertext Transfer Protocol (HTTP) - Allows
users to access data from web pages using
hypertext links.
 Hypertext Transfer Protocol Secure (HTTPS)
- Protects data transmission between the user’s
browser and site
 File Transfer Protocol (FTP) - Used for a file
transfer between different devices via a network
 Mail to - This allows users to send an email to a
specific email address listed on a webpage with
just one click of the URL as opposed to having to
copy the address and enter it into an email client.
- the registered name of the resource.
Port
- the specific number that identifies which
web service you’re requesting on a web
server.
https://www.example.com/forum/questions/?
tag=networking&order=newest#top
3. PATH
- Identifies the specific location of a web
page, a post, or either files that users
want to access within the domain name.
- It may also contain a file extension.
https://www.example.com/forum/questions/?
tag=networking&order=newest#top
4. QUERY STRING
- The string delivers the data about the
resource on the web servers and is
preceded by a question mark.
- It usually contains a key and value pairs
separated by an ampersand.
https://www.example.com/forum/questions/?
tag=networking&order=newest#top
5. FRAGMENT IDENTIFIERS
- Fragment identifier or an anchor appears
at end of URL and is introduced by a
hash sign.
- It refers to a specific section within a web
page.
https://www.example.com/forum/questions/?
 URN: Uniform Resource Name
- URN SYNTAX/COMPONENTS
- The leading scheme:
- urn: and it is case sensitive
- Namespace Identifier (NID) is a
namespace identifier that should be
registered in the
- Internet Assigned Numbers Authority
(IANA) can include letters, digits, or a
hyphen followed by a colon
- Namespace-specific string (NSS) is a
namespace-specific string that identifies
the internet resource. It may
contain American Standard Code for
Information Interchange codes, digits,
punctuation marks, and special
characters.
- –
3. HTTP: Hypertext Transfer Protocol
- The protocol used to transfer hypertext
between two computers is known as
HyperText Transfer Protocol.
- It is a set of rules for transferring data
from one computer to another.
- Data such as text, images, and other
multimedia files are shared on the
World Wide Web.
- Whenever a web user opens their web
browser, the user indirectly uses HTTP.
- It is an application protocol that is used
for distributed, collaborative,
hypermedia information systems.
LESSON 11: ICT AS MEDIUM
FOR ADVOCACY
ICT (INFORMATION AND
COMMUNICATIONS TECHNOLOGY)
– The term information and communications
technology (ICT) is generally accepted to
mean all technologies combined, that
allow people and organizations to interact
in the digital world.
Information and Communications
Technology is the convergence of
computing, telecommunication, and
governance policies for how information
should be accessed, secured, processed,
transmitted and stored.
POS AND NEG IMPACTS OF
INFORMATION AND COMMUNICATION
TECHNOLOGY
POSITIVE IMPACTS : PEOPLE
 Access to information –
 Better and often cheaper,
communications
 New opportunities for leisure and
entertainment
 Make contacts and form relationship
with people around the world
 Ability to obtain goods and services
from wider range of suppliers
 Improved access to education –
 Distance learning and on-line tutorials
 New ways of learning
- Interactive multimedia
- Virtual Reality
 New job opportunities
 - Flexible and mobile working
- Virtual Offices
- Jobs in communications industry
 New tools, new opportunities –
 ICT are used for processes that been out
of reach on previous years
- Photography
 ICT can be used to help people
overcome disabilities
- Screen magnifier
- Screen reading software
NEGATIVE IMPACTS : PEOPLE
 Job loss –
- Economic consequence
o Loss of income
- Social Consequence
o Loss of status and self-esteem
- Example:
- Manual operations replaced by
automation
- Robots replacing people on assembly
 Reduced personal interaction –
- Lost of socialization and connection
- Isolation
- Depression and Anxiety
 Reduced physical activity –
- Sedentary lifestyle
- Health problems
o Obesity
o Heart disease
o Diabetes
o Eyestrain
POSITIVE IMPACTS : ORGANIZATION
 Communication -
 Cost savings
o Email/messaging instead of post
o Video conference instead of travelling
to meetings
o E-commerce websites instead of sales
catalogues
 Easier banking payments
 Information Management -
Organizations can benefit from using ICT
for information management
o Data mining of customer information
to produce lists for targeted
advertising
 Security –
 Although ICT can bring us security issues
but it can also solve/reduce security
problems
o Encryption methods
o Physical security
o Fingerprint
o Iris recognition
o Facial recognition
NEGATIVE IMPACTS : ORGANIZATION
 Cost –
 Hardware and software are expensive
 Both purchasing and maintenance
 ICT system requires specialist to
maintain and on coping up on ever-
changing technology.
 Competition –
 If organizations are competing for
costumers, donations, or other means of
funding nationally or internationally,
they may lose out to other organizations
that can offer the same service for less
money.
 Security –
 Organizations have the legal obligations
to protect data such as customers
information.
 It is organizations obligation to protect
their customers from their rivals.
POSITIVE IMPACTS : SOCIETY

 Increasing more opportunities for 
education’ 
 Improves the communication
 Allowing people to participate in a wider,
even worldwide society 

NEGATIVE IMPACTS : SOCIETY
 Digital divide
 Reducing level of education and
understanding due to vast amount of
incorrect and misleading information that
is available

LESSON 12: DIGITAL CITIZENSHIP
DIGITAL CITIZENSHIP
– It is a term use to a social responsibility
in the digital world. It involves the
appropriate and responsible use of
technology to all users. It is more than
being safe online.
– Norms of appropriate and responsible
technology use.
DIGITAL CITIZEN
– It is a term use to describe a person who
uses the online and technology world
safely and responsibly.
– As a digital citizen, we need to have the
ability to discern what is positive to share
online and what should not be exposed.
Respecting others works and giving proper
credits is a must to a digital citizen.
NINE ELEMENTS OF DIGITAL
CITIZENSHIP
 Digital Health and
Welfare
 Digital Law
 Digital Rights and
Responsibility
 Digital Secutiry and
Privacy
Digital Access
– Full electronic participation in society
– Not everyone has the same opportunity
when it comes to technology
– To become productive citizens, we need to
be committed to make sure that no one is
denied digital access.
Digital Commerce
– Electronic buying and selling of goods.
– A large share of market economy is being
done electronically.
– Users need to learn about how to be
effective consumers in a new digital
economy.
Digital Communication and Collaboration
– Electronic exchange of communication
– Everyone has the opportunity to
communicate and collaborate with anyone
from anywhere and anytime.
Digital Fluency/Literacy
– Process of teaching and learning about
technology and use of technology
– Learners must be taught how to learn in a
digital society.
– Involves educating people in a new way.
Digital Etiquette
– Electronic standards of conduct or
procedure
– It is not enough to create rules and policy,
we must teach everyone to become
responsible digital citizens in this new
society.
Digital Health and Welfare
– Physical and psychological well-being in a
digital technology world
– Eye safety, repetitive stress syndrome,
and sound ergonomic practices are issues
that need to be addressed in a new
technological world.
– Internet Addiction as psychological issue
Digital Law
– Electronic responsibility for actions and
deeds
– Legal framework governing digital
activities,
– Ethics of technology within the society
– Users need to understand that stealing or
causing damage to other people’s work,
identity, or property online is a crime.
Digital Rights & Responsibilities
– Freedom extended to everyone in a digital
world
– entitlements and obligations of individuals
and entities in the digital domain.
– Digital citizens have the right to privacy,
free speech, etc.
 – Basic digital rights must be addressed,
discussed, and understood in the digital
world.
– These two areas must work together for
everyone to be productive.
Digital Security and Privacy
– Electronic precautions to guarantee safety.
– As responsible citizens, we must protect
our information from outside forces that
might cause disruption or harm.
– No sharing of password and personal
information online.

BY FFAD