Centre for Learning and Teaching

WBLE Training
Web-Based Learning Environment
Version 1.0 (August 2009)

Prepared by :

Albert Yong and Jass Kok

Table of Content
Part
1

Topic

Kick-start WBLE

Link to a File or Web Site

Document Management
Add Other Type of Resources

4-6
7-9
10-12
13-18
20-29, 36-40, 46-48
30-35, 41-45
49-61

Add an Activity

General Information
Summary Label
Administration Settings
News Forum (Announcement)

Add a Resource

Page Number

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum

Reduction of Content Size

63-66
67-71
72-76
77-90
91-95
96-109
110-114
115-119
120-124
2

Part 1
Kick-start WBLE

Kick-start WBLE
General Information
Turn Editing On / Off
Common Icons

Summary Label
Administration Settings
Set Number of Weeks
Set Start Date

News Forum
Post an Announcement / Forum
4

Click to toggle
editing on/off

Common Icons
Indent Right

Indent Left

Move

Delete

Update

Show / Hide

Grouping
6

Kick-start WBLE
General Information
Turn Editing On / Off
Common Icons

Summary Label
Administration Settings
Set Number of Weeks
Set Start Date

News Forum
Post an Announcement / Forum
7

Click to update
Summary Label

Click to save
changes

Kick-start WBLE
General Information
Turn Editing On / Off
Common Icons

Summary Label
Administration Settings
Set Number of Weeks
Set Start Date

News Forum
Post an Announcement / Forum
10

Click to set up
course

11

Click to save
changes

12

Kick-start WBLE
General Information
Turn Editing On / Off
Common Icons

Summary Label
Administration Settings
Set Number of Weeks
Set Start Date

News Forum
Post an Announcement / Forum
13

Click to create a
news forum

14

Click to add a
forum topic

15

Click to post forum

16

Click to update
Summary Label

17

Click to save
changes

Exercise 1:
Create Summary
Labels for all other
weekly sections
18

Part 2
Add a Resource

19

Add a Resource
Link to a File or Web Site

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Add Other Type of Resources

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document
20

Click to add a
resource. Select
Link to a file or web
site

21

Click to upload a
file

22

Click to create
Slides folder

Slides

Click to create a
folder

Click to go to Slides
folder

23

C:\Resource\Lecture1.ppt

Click to browse for

Lecture1.ppt in
your resource
folder. Click to
upload the file
Click to go to
Parent Folder

24

Exercise 2:
Click to upload
another file:
Lecture2.ppt

Check the box and

click the small
button next to
With Chosen Files

25

Click Move to
Another Folder.
Click the Slides
folder

Click Move Files to

Here

26

Click to choose this

file to link

27

Click to save and

return to course
page

28

Exercise 3:
Add a link for Lecture2.ppt you
have uploaded earlier into
Week 1. The name of the link
should be called Lecture 2

29

Add a Resource
Link to a File or Web Site

Add Other Type of Resources

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document

30

Click to move
document to other
weeks section

31

Click the box to

move selected file
here

32

Exercise 4:
Update the name
of the link to
Lecture Material 2

33

Click to hide the

document

34

Depending on
settings, this
document will
appear invisible to
students

35

Add a Resource
Link to a File or Web Site

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Add Other Type of Resources

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document

36

Exercise 5:
Create a new folder
in Parent Folder by
the name Template

Exercise 6:
Upload
IVIC_Date.mht file
into Template
Folder
37

Exercise 7:
Create a document
link for
IVIC_Date.mht

38

Exercise 8:
Create a web link
for
www.google.com

39

Q&A 1:
Click these two links one
after another. What
difference do you
observe?

40

Add a Resource
Link to a File or Web Site

Add Other Type of Resources

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document

41

Click to indent the two

web links so that they
appear like supporting
documents to
Lecture Material 2

42

Click to delete the

document

43

Click to confirm
deletion of the
document

44

45

Add a Resource
Link to a File or Web Site

Add Other Type of Resources

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document
46

Exercise 9:
Create a file link for
ivic_brochure.pdf

Click to save and

display the new
web link
47

48

Add a Resource
Link to a File or Web Site

Add Other Type of Resources

Create Folder
Upload File
Move File to Specific Folder
Link to Power-point File
Link to Downloaded Web File
Link to Web Site
Link to PDF File

Insert a Label
Compose a Text Page
Compose a Web Page
Directory Listing

Document Management

Move Document
Update Document
Hide / Show Document
Indent Document to Right / Left
Delete Document
49

Exercise 10:
Indent Conference
Brochure to the
right

Click to
Insert a Label

50

Click to
save and return to
course
51

Click to Compose a
Text Page

52

Paste 5 paragraphs from

www.wikipedia.com.
Window setting:

53

Click to Compose a
Web Page for the
same 5 paragraphs

54

Q&A 2:
Click the two completed
text and web pages. What
is the difference between
the two?

55

Text Page
Plain text only

56

Web Page

Formatted text plus

more!

57

Click to create a
Directory Listing

58

Click to save and

display the new
web link
59

Click to return to
course page

60

61

Part 3
Add an Activity

62

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
63

Click to add an
Assignment in
Week 1. Click on
Advanced
Uploading of Files

64

Type these in

Select suitable start

and due dates
(and times)

Click to save and

display
65

Click to return to
course
66

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
67

Click to add a Chat

room in Week 1

68

Type in these info

Select a suitable
start date and time

Click to save and

display

69

Click to enter the

chat room

For better
performance, use
this link

70

Type a Hi
message and press
Enter key

Click to close
windows

71

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
72

Click to save and

Type in these info
display

73

Type these info for

Click to save and
Choice 1 and all
display
other

Click to save and

display

74

These are optional

settings

Click to select a
These are optional
choice and then
settings
click to save choice

75

76

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
77

Click to add an
Database in
Week 1

78

Type in these info

Type
Set in
these
these
info
info

Click to save and

display
79

Click to add a Text

field

80

Type this info in

and add into
database

81

Click to add a Radio

button

82

Type in these info

and save changes

83

Exercise 11:
Add a Checkbox
field

84

Exercise 12:
Add a Menu field

85

Exercise 13:
Add a URL field

86

Exercise 14:
Add a Textarea
field

87

Exercise 15:
Add Full Name,
Nick Name, Current
CGPA, Date of
Birth, and Photo

Click to go to
Template tab

88

Click to save
template and then
click Add Entry tab

Exercise 16:
Add your personal
info
89

Click View List tab

to view the entire
student list

90

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
91

Type in these info

Click to save and

display

92

Click to add a new

entry

93

Type in these info

Click to save
change

94

95

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
96

Type in these info

Set these info

97

Set these info

based on your
evalution

Click to save and

display
98

Select Default for

Quiz 1 from list.
Quiz 1 is the name
of quiz created
earlier

Click to add Short

Answer

99

Type these info

100

Type in this info

101

Type in these info

for Answer 1 and
Answer 2
accordingly

Click to save
changes
102

103

104

Click to save
changes
105

Click to move
question up

106

Click Preview tab to

test run the quiz

107

Type DC and click

Submit button

Select the choices

accordingly

Click to submit all

your work when
done
108

109

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
110

Type in these info

Click to save and

display

111

Type your
contribution in this
box. Your text will
be added
collectively into the
Wiki topic

Click to save your

text

112

Click History tab to

see other students
contributions,
besides yours

113

114

Add an Activity

Assignment
Chat
Choice
Database
Glossary
Quiz
Wiki
Forum
115

Type in these info

Click to save and

display

116

Click to add new

discussion topic

Type the subject

title

Type your
points/ideas here

Click to post to
forum

Part 4
Reduction of Content Size

120

Compression Methods
Prepare Materials in MS Power-point 2007
rather than MS Power-Point 2003
Compress Pictures in MS Power-point Documents
Tend to perform better with lots of pictures in it

Convert Document to PDF format (Optional)

Tend to perform better with fewer pictures

Compress File by Zip Tools (Optional)

A useful tool to group multiple files together
121

Sample Results
May reduce size

- 46%

- 59%

- 11%

- 66%

- 15%

2003 Format

122

Compressing Pictures in
MS Power-point 2007

Click to save file

as

Click to Compress
Pictures

123

Compressing Pictures in
MS Power-point 2007
Click to perform
compression
settings

Ensure these are

checked and then
click OK button

124

Centre for Learning and Teaching

Thank You!