COHO + MELC QALW

Course Outline & Hand- HANDOUT No. 1

outs paired with MELC- in
Based Quality Assured
Learner’s Worksheet EMPOWERMENT TECHNOLOGIES

MELC 14: Explore the principles of interactivity and rich content in the context of Web 2.0 and the
participation of the user in the online experience. CS_ICT11/12-ICTPT-IIk- 14
Semester: 1st Sem / 2nd Quarter Week No.: 1 Day: 1-4
Lesson: The Context and features of interactivity of Web 2.0.

Review: The Evolution to Web 3.0 (Executable), Web 2.0 (writable), and
Web 1.0 is the most read only web (readable).
Web1.0 It is the “readable” phrase of the World Wide Web with flat data. In Web 1.0, there is only
limited interaction between sites and web users.
Web2.0 It is the “writable” phrase of the World Wide Web with interactive data. Unlike Web 1.0, Web
2.0 facilitates interaction between web users and sites, so it allows users to interact more freely with
each other. Web 2.0 encourages participation, collaboration, and information sharing. Examples of
Web 2.0 applications are Youtube, Wiki, Flickr, Facebook, and so on.
Web3.0 It is the “executable” phrase of Word Wide Web with dynamic applications, interactive
services, and “machine-to-machine” interaction. Web 3.0 is a semantic web which refers to the
future. In Web 3.0, computers can interpret information like humans and intelligently generate and
distribute useful content tailored to the needs of users.
PRINCIPLES OF INTERACTIVITY AND RICH TEXT USER EXPERIENCE

Page |1
 Context of Web Versions

 Features of Interactivity - means that the tool user or audience has control over the program or
presentation.
 Rich content in the online environment and the user experience - Rich user experience is the
ability of the Web to deliver full-scale GUI style applications to the client, making it easier to
interact, share and access Web content. Although rich user experience is based on rich contents, it
focuses on the rich user interface to enhance how data is presented, manipulated, & used by the
user.

FEATURES OF INTERACTIVITY OF WEB VERSIONS

Web 1.0
Static Website
(Viewing)
The Hypertext Web
Users can visit the website
Users can navigate to the tabs
Users can access published
contents
Web 2. 0 Web 3.0
Dynamic Website Semantic Website
(Reading and Viewing) (Executable)
The Social Web Artificial Intelligence Web
Users interact with the web Multi User Virtual Environment
People build own applications
Users can edit the content
like mobile application
Users can upload information Program own systems
online
Users interact with other users
Users can send commands to
the computer like post, upload,
delete and many more.

RICH CONTENT IN THE ONLINE ENVIRONMENT AND THE USER EXPERIENCE

 integration of text, sound, graphics, animations & video into a single unit.
 GUI (Graphical User Interface) a program that allows a person to work easily with a computer by
using a mouse to point a small pictures & other elements on the screen.
 Web 2.0 and 3.0 has the bigger resolution than web 1.0

EXAMPLES OF THE DIFFERENT WEB VERSIONS

WEB 1.0 WEB 2.0 WEB 3.0
Mp3.com Blogs – Blogs.com Apple Siri
Shopping Cart online Social Network (Facebook, Google Vice Command
Twitter, Instagram and etc.) Assistance

Yahoo.com Bitcoin
Youtube.com
Shareit
Google.com
Messenger
Linkdn.com
Flickr

Page |2
Difference of the Graphical User Interface of Web 1.0 to Web 2.0: (Example)

WEB 1.0 WEB 2.0

Users has the ability to navigate but only Users can post, share, react, share,
Limited to listening the music or song they comment to a certain post and even
search for. can interact with others.

REFERENCE

Adopted from

Empowerment Technology - Senior High School Alternative Delivery Mode 2020 Quarter 2 –
Module 3: Multimedia and ICT, First Edition, 2020. Page No: 9-13

Page |3