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

2. Table of Content PartTopicPage Number 1 Kick-start WBLE General Information Summary Label Administration Settings News Forum (Announcement) 4-6 7-9 10-12 13-18 2 Add a Resource Link to a File or Web Site Document Management Add Other Type of Resources 20-29, 36-40, 46-48 30-35, 41-45 49-61 3 Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 63-66 67-71 72-76 77-90 91-95 96-109 110-114 115-119 4 Reduction of Content Size 120-124 2

3. Part 1 Kick-start WBLE 3

4. 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

5. Click to toggle editing on/off 5

6. Common Icons Indent RightMoveUpdate Delete Show / Hide Grouping Indent Left 6

7. 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

8. Click to update Summary Label 8

9. 9 Click to save changes

10. 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

11. Click to set up course 11

12. Click to save changes 12

13. 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

14. Click to create a news forum 14

15. Click to add a forum topic 15

16. Click to post forum 16

17. Click to update Summary Label 17

18. 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

19. Part 2 Add a Resource 19

20. 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

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

22. Click to upload a file 22

23. Click to create a folder Slides Click to create Slides folder Click to go to Slides folder 23

24. 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

25. 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

26. Click Move to Another Folder. Click the Slides folder Click Move Files to Here 26

27. Click to choose this file to link 27

28. Click to save and return to course page 28

29. 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

30. 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

31. Click to move document to other week’s section 31

32. Click the box to move selected file here 32

33. 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

34. Click to hide the document 34

35. Depending on settings, this document will appear invisible to students 35

36. 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

37. 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

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

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

40. 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

41. 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

42. 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

43. Click to delete the document 43

44. Click to confirm deletion of the document 44

45. 45

46. 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

47. 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. 48

49. 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

50. 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

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

52. Click to Compose a Text Page 52

53. Paste 5 paragraphs from www.wikipedia.com. www.wikipedia.com Window setting: Paste 5 paragraphs from www.wikipedia.com. www.wikipedia.com Window setting: 53

54. Click to Compose a Web Page for the same 5 paragraphs 54

55. 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

56. Text Page Plain text only 56

57. Web Page Formatted text plus more! 57

58. Click to create a Directory Listing 58

59. Click to save and display the new web link 59

60. Click to return to course page 60

61. 61

62. Part 3 Add an Activity 62

63. Add an Activity Assignment Chat Choice Database Glossary Quiz Wiki Forum 63

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

65. 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. 66 Click to return to course

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

68. 68 Click to add a Chat room in Week 1

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

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

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

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

73. 73 Click to save and display Type in these info

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

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

76. 76

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

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

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

80. 80 Click to add a Text field

81. 81 Type this info in and add into database

82. 82 Click to add a Radio button

83. 83 Type in these info and save changes

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

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

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

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

88. 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. 89 Click to save template and then click Add Entry tab Exercise 16: Add your personal info Exercise 16: Add your personal info

90. 90 Click View List tab to view the entire student list

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

92. 92 Type in these info Click to save and display

93. 93 Click to add a new entry

94. 94 Type in these info Click to save change

95. 95

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

97. 97 Type in these info Set these info

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

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

100. 100 Type these info

101. 101 Type in this info

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

103. 103

104. 104

105. 105 Click to save changes

106. 106 Click to move question up

107. 107 Click Preview tab to test run the quiz

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

109. 109

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

111. 111 Click to save and display Type in these info

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

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

114. 114

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

116. 116 Type in these info Click to save and display

117. Click to add new discussion topic

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

120. Part 4 Reduction of Content Size 120

121. 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

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

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

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

125. Centre for Learning and Teaching Thank You!