WBLE Training Prepared by : Albert Yong and Jass Kok Web-Based Learning Environment Version 1.0 (August 2009) Centre for Learning and Teaching

Table of Content PartTopicPage Number 1 Kick-start WBLE General Information Summary Label Administration Settings News Forum (Announcement) Add a Resource Link to a File or Web Site Document Management Add Other Type of Resources 20-29, 36-40, , Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum Reduction of Content Size

Part 1 Kick-start WBLE 3

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 5

Common Icons Indent RightMoveUpdate Delete Show / Hide Grouping Indent Left 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 8

9 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 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 20

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

Click to upload a file 22

Click to create a folder Slides Click to create Slides 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

Check the box and click the small button next to With Chosen Files… Exercise 2: Click to upload another file: Lecture2.ppt Exercise 2: Click to upload another file: Lecture2.ppt 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 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 – 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 30

Click to move document to other week’s section 31

Click the box to move selected file here 32

Exercise 4: Update the name of the link to Lecture Material 2 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 36

Exercise 5: Create a new folder in Parent Folder by the name Template Exercise 5: Create a new folder in Parent Folder by the name Template Exercise 6: Upload IVIC_Date.mht file into Template Folder Exercise 6: Upload IVIC_Date.mht file into Template Folder 37

Exercise 7: Create a document link for IVIC_Date.mht Exercise 7: Create a document link for IVIC_Date.mht 38

Exercise 8: Create a web link for Exercise 8: Create a web link for 39

Q&A 1: Click these two links one after another. What difference do you observe? 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 – 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 41

Click to indent the two web links so that they appear like supporting documents to Lecture Material 2 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 – 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 46

Exercise 9: Create a file link for ivic_brochure.pdf 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 – 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 Document Management – Move Document – Update Document – Hide / Show Document – Indent Document to Right / Left – Delete Document Add Other Type of Resources – Insert a Label – Compose a Text Page – Compose a Web Page – Directory Listing 49

Exercise 10: Indent Conference Brochure to the right Exercise 10: Indent Conference Brochure to the right Click to Insert a Label Click to Insert a Label 50

Click to save and return to course Click to save and return to course 51

Click to Compose a Text Page 52

Paste 5 paragraphs from Window setting: Paste 5 paragraphs from 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? 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

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

65 Type these in Select suitable start and due dates (and times) Select suitable start and due dates (and times) Click to save and display

66 Click to return to course

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 67

68 Click to add a Chat room in Week 1

69 Type in these info Select a suitable start date and time Click to save and display

70 Click to enter the chat room For better performance, use this link

71 Type a “Hi” message and press Enter key Click to close windows

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 72

73 Click to save and display Type in these info

74 Click to save and display Type these info for Choice 1 and all other

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

76

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 77

78 Click to add an Database in Week 1 Click to add an Database in Week 1

79 Type in these info Set these info Click to save and display

80 Click to add a Text field

81 Type this info in and add into database

82 Click to add a Radio button

83 Type in these info and save changes

84 Exercise 11: Add a Checkbox field Exercise 11: Add a Checkbox field

85 Exercise 12: Add a Menu field Exercise 12: Add a Menu field

86 Exercise 13: Add a URL field Exercise 13: Add a URL field

87 Exercise 14: Add a Textarea field Exercise 14: Add a Textarea field

88 Click to go to Template tab Exercise 15: Add Full Name, Nick Name, Current CGPA, Date of Birth, and Photo Exercise 15: Add Full Name, Nick Name, Current CGPA, Date of Birth, and Photo

89 Click to save template and then click Add Entry tab Exercise 16: Add your personal info Exercise 16: Add your personal info

90 Click View List tab to view the entire student list

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 91

92 Type in these info Click to save and display

93 Click to add a new entry

94 Type in these info Click to save change

95

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 96

97 Type in these info Set these info

98 Set these info based on your evalution Click to save and display

99 Click to add Short Answer Select Default for Quiz 1 from list. Quiz 1 is the name of quiz created earlier

100 Type these info

101 Type in this info

102 Type in these info for Answer 1 and Answer 2 accordingly Click to save changes

103

104

105 Click to save changes

106 Click to move question up

107 Click Preview tab to test run the quiz

108 Type “DC” and click Submit button Select the choices accordingly Click to submit all your work when done

109

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 110

111 Click to save and display Type in these info

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

113 Click History tab to see other students’ contributions, besides yours

114

Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 115

116 Type in these info Click to save and display

Click to add new discussion topic

Type the subject title Click to post to forum Type your points/ideas here

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

2003 Format Sample Results 122 May reduce size- 46% - 59%- 11% - 66%- 15%

123 Click to Compress Pictures Compressing Pictures in MS Power-point 2007 Click to save file as…

124 Compressing Pictures in MS Power-point 2007 Click to perform compression settings Ensure these are checked and then click OK button

Centre for Learning and Teaching Thank You!