1. INTRODUCTION TO WEB-BASED
INSTRUCTION (WBI)

2. “Web-based Instruction (WBI) is a
hypermedia-based instructional program
which utilizes the attributes and
resources of the World Wide Web to
create a meaningful learning
environment where learning is fostered
and supported.”
(Khan, 1997)

3. “Application of cognitively oriented
instructional strategies within a
constructivist and collaborative learning
environment, that utilizing the
attributes and resources of the World
Wide Web.”
Relan & Gillami, 1997

4. Teaching and learning supported by the
use of Internet technology, using
electronic resources distributed over the
Web.

5. Web-based
Instruction
(WBI)
Web-based
Online
Teaching
Instruction
and Learning
TERMINOLOGIES
Online Online
Teaching Training
& Learning

6. Economy Technology
Teaching
and
Learning

7.  Saving the cost:
 Material production
(eg: CBT, live broadcast, web-based learning
objects)
 Transportation
(eg: distance learning, virtual education)

8.  A complete package of instructional
technology delivery
 Medium
▪ Web + Multimedia + Streaming
 Content providers
 Learning objects and materials
 Easy updating

9.  Face-to-face vs independent learning
 Objectivist vs constructivist
 On-site vs off-site
 Support traditional and face-to-face teaching and
learning
 Motivation
 Excitement
 Enjoyable

10. “The potential benefit from for formulating
evaluation methodologies for the Web (for
instructional materials) depends on whether or not
the Web will become a permanent medium or a
passing fad? In fact, the Web will likely soon become
the most popular medium for the delivery of
distance education type materials.”
(Nichols, 1995)

11.  Anytime, anywhere (24 X 7)
 Student-centered
 E-moderation
 Interactivity (System, Peer and Instructor)
 Contents Updating and Distributions

12.  Course Outline
 Overview of the course structure
 Provide hyperlinks to course pages
 Simple HTML pages containing material relevant to that
part of course.
 Course Materials
 Pages of more structured course contents
 Notes, concepts mapping, reading materials
 Texts, simple graphics, audio.

13.  Exercises & Assignments
 Areas for students to do exercises and
assignment.
 To be completed by students as they work
through the course materials.
 Computer automated assessment: True false
questions, objectives, fill in the blank.
 Teacher assessment: Semi-structured, essays.

14.  E-mail
 For mailing purposes, notification of assignment due
dates, feedback of assignments.
 Notice-board / Announcement Page
 Useful feature that may appear as soon as a student
enter the web site.
 Eg: Pop-up windows – Javascript.

15.  Multimedia resources
 One major advantage of WBI – multimedia
resources can be accessed and stored within
the learning environment.
 Simulations, Virtual Reality, Animatronics,
etc.
 More sophisticated educational materials.

16.  Advanced elements demand more time, cost and
resources.
 Conferencing Tools
 Class List & Student Homepage
 Online Assignment & Assessment
 File Upload Area
 Calendar
 Search Tools
 Etc…

17.  To reduce travel expenses.
 For outreach to other students.
 To improve training quality.
 To improve training efficiency or timing.
 To boost the image of the training
organization.