Top Banner
1 Professional and Interactive Teaching with iClass Operation Manual of iClass Learning Management System 3rd Edition: 2016 Chief Editor: Dr. Wilton Fok Co-editors: Au Yeung Hoi Hang, Prajna Ho iClass Developers: Au Yeung Hoi Hang, Law Kam Yuen, Chiang Sze Cheuk, Wong Kwan, Shravan Sunderraman, Michael Tsang Publisher: e-Learning Development Laboratory, Department of Electrical and Electronic Engineering, The University of Hong Kong Copyright © 2013-16 All rights reserved. ISBN: 978-988-15045-6-2
68

Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

Dec 07, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

1

Professional and Interactive Teaching with iClass

Operation Manual of iClass Learning Management System

3rd Edition: 2016

Chief Editor: Dr. Wilton Fok

Co-editors: Au Yeung Hoi Hang, Prajna Ho

iClass Developers: Au Yeung Hoi Hang, Law Kam Yuen, Chiang Sze Cheuk,

Wong Kwan, Shravan Sunderraman, Michael Tsang

Publisher: e-Learning Development Laboratory,

Department of Electrical and Electronic Engineering,

The University of Hong Kong

Copyright © 2013-16 All rights reserved.

ISBN: 978-988-15045-6-2

Page 2: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

2

Table of Content

1 About iClass LMS ...................................................................................................... 5

1.1 Introduction .................................................................................................................. 5

1.2 Components ................................................................................................................. 6

2 Operation of iClass Teacher Platform ......................................................................... 7

2.1 Introduction of Home Page .......................................................................................... 7

2.1.1 Teacher Login .................................................................................................................. 7

2.1.2 Home Page ...................................................................................................................... 8

2.2 Add/Join courses, topics and upload resources ......................................................... 13

2.2.1 Add/Join a new course .................................................................................................. 13

2.2.2 Add a new topic ............................................................................................................ 14

2.2.3 Upload resources and Add topic description ................................................................ 15

2.3 Create a new activity .................................................................................................. 17

2.3.1 Create a “Text” as resources ......................................................................................... 19

2.3.2 Create a “Web Browser” as resources .......................................................................... 20

2.3.3 Create a “Drawings” activity ......................................................................................... 21

2.3.4 Create a “Keywords” activity ........................................................................................ 22

2.3.5 Create “MC Questions” activity .................................................................................... 23

2.3.6 Create an “E-book” activity........................................................................................... 24

2.3.7 Create a “Open-ended” Question activity .................................................................... 25

2.3.8 Create a “Quiz” activity ................................................................................................. 26

2.3.9 Create “Audio” activity ................................................................................................. 30

2.3.10 Create a “Video” activity .............................................................................................. 31

2.3.11 Create a “Assignment” activity ..................................................................................... 32

2.3.12 Create a “Peer Review” activity .................................................................................... 33

2.3.13 Additional Details.......................................................................................................... 34

2.4 Presentation mode of activities ................................................................................. 35

2.4.1 Common steps .............................................................................................................. 36

2.4.2 Presentation mode of “Drawings” and “E-book” ......................................................... 38

2.4.3 Presentation mode of “Keywords” ............................................................................... 42

2.4.4 Presentation mode of “MC Questions” / “Quiz” .......................................................... 44

2.4.5 Presentation mode of “Audio” ...................................................................................... 46

Page 3: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

3

2.4.6 Presentation mode of “Video” ..................................................................................... 46

2.5 Course edit page ......................................................................................................... 47

2.5.1 Edit topics or activities .................................................................................................. 47

2.5.2 Course setting ............................................................................................................... 49

2.5.3 Other ............................................................................................................................. 50

2.6 Other functions in course page .................................................................................. 51

2.6.1 Switch the role between Teacher and Student ............................................................ 51

2.6.2 Join Code ....................................................................................................................... 51

3 Operation of iClass Student Platform ...................................................................... 52

3.1 How students access iClass ........................................................................................ 52

3.1.1 iPhone / iPad / iPod Touch users .................................................................................. 52

3.1.2 Android phone and tablet users ................................................................................... 52

3.1.3 All other desktop/laptop/smartphone/tablet users ..................................................... 52

3.2 Student login .............................................................................................................. 53

3.3 Enroll in a course ........................................................................................................ 54

3.3.1 By “QR Code” ................................................................................................................ 54

3.3.2 By “Join Code”............................................................................................................... 55

3.4 Course Page ................................................................................................................ 56

3.5 Activity Pages .............................................................................................................. 57

3.5.1 Drawings ....................................................................................................................... 57

3.5.2 Keywords ...................................................................................................................... 60

3.5.3 MC Questions ............................................................................................................... 60

3.5.4 E-book ........................................................................................................................... 61

3.5.5 Quiz ............................................................................................................................... 62

3.5.6 Audio ............................................................................................................................. 62

3.5.7 Peer Review .................................................................................................................. 63

3.5.8 Web Browser ................................................................................................................ 65

3.6 Other useful tools ....................................................................................................... 66

3.6.1 QR Code ........................................................................................................................ 66

3.6.2 Language Settings ......................................................................................................... 66

3.7 Student logout ............................................................................................................ 67

Page 4: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

4

4 Useful links and contacts ......................................................................................... 68

Page 5: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

5

1 About iClass LMS

1.1 Introduction

iClass LMS (Learning management system) provides a convenient, secure and efficient way to

enable interactivity in an ordinary lecture course. Students can use their mobile devices, such

as a web-based laptop application, iPhone, iPad or an Android phone to access iClass LMS

system and submit their feedback in class. The feedback can be in different formats such as text,

graphic or audio format and will be shared with fellow classmates immediately through the

classroom projector or the shared social networking platforms. This user-friendly system

enhances the level of interaction in the classroom and encourages students to participate

actively in classes. Gone are the days when classroom discussions still had to be conducted

with blackboards, pens and paper. In today’s digitalized world, interactive classes can be

conducted effectively with the use of LMS and mobile devices, creating a fresh and fun

learning experience.

System block diagram of iClass

Page 6: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

6

1.2 Components

There are major 3 components in iClass LMS:

1. Student Platform:

Native iOS application for iPad, iPhone and iPod Touch.

Native Android application for Android phones and tablets.

Web application for laptop/desktop computers.

2. Teacher Platform:

Web application runs in the existing computer in the classroom.

3. Cloud Server:

The means for exchanging information for teachers and students.

The apps can be accessed from the “Project” section on the E-Learning Development

Laboratory website (http://elearning.eee.hku.hk). The website will provide you with a link

accessing to the Apple App Store and Google Play Store, where iClass LMS Student Platform

can be downloaded.

Page 7: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

7

2 Operation of iClass Teacher Platform

The URL of our platform is as follow:

http://hku.iclass.hk

HTML5-supported browsers are recommended in order to access our platform:

Molliza Firefox 4.0 or above [Windows, Linux, Mac OS]

All version of Google Chrome [Windows, Linux, Mac OS, Android]

All version of Safari [Mac OS]

Microsoft Edge

Microsoft Internet Explorer 9.0 or above [Windows]

The recommended screen size for projection is 1024 x 768 pixels.

2.1 Introduction of Home Page

2.1.1 Teacher Login

Teachers can enter their username and password, then click “Login” to enter iClass. There

are 3 languages available: English, Traditional Chinese and Simplified Chinese.

Username

Password

Login

Language setting

Page 8: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

8

2.1.2 Home Page

Main page in divided mainly into 5 sections:

1. Left navigation bar

2. Top information bar

3. Course list

4. News feed

5. Profile

1

3

2

4 5

Page 9: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

9

2.1.2.1 Left Navigation Bar

Navigation bar includes the following icons:

iClass: go back to iClass page.

Personal picture: go to home page.

E-book shelf: go to E-book shelf .

Info: display information about iClass and the devlopment team.

Setting: switch between languages (Eng/ Traditional Chinese/ Simplified Chinese).

Admin Panel: display administrative information in different sections.

You can click “Show” at the bottom of the page to show the icons of “Member” and

“Course” sections:

“Home”: show information including status, server, guest login,

socket, number of teacher, student and total accounts and settings

(including profile pic update, feed react, feed comment and password

update).

Page 10: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

10

“Member”: overview the members’ account details here

including student number, username and role. You can click “Reset

Password” to reset your password under the column of “Action”. (For

teachers, you can reset students’ passwords here as well)

“Course”: overview the name, owners, enrollment list and

function of the courses that are controlled by your account. You can click

“Copy” to copy courses.

Note: Course code, course name and teacher’s name is needed

For the enrollment procedure, you can read 3.3 for enrolling a course.

Log off: log off the system.

Page 11: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

11

2.1.2.2 Top Information Bar

Top information bar includes the following information:

School/University logo & name

Teacher name

2.1.2.3 Course List

Course list includes all the course that you have/are enrolled.

The “Add” is for creating a new course and the “Join” is for joining other courses.

The course code is shown in [ ] following course name.

2.1.2.4 News Feed

The news feed section contains all the news relevant to the course:

Event: events are connected to the calendar and teachers can change informaiton by

clicking the label “event”.

Admin : news labelled as “Admin” can only be changed by the administrator

Note: School notices can be issued using this function

Go To Activity : news with this label means teachers can go to the

Page 12: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

12

corresponding activity directly by clicking the label.

React and Comment section

Both teachers and students can read the news and they can respond to them via “React”

and “Comment”.

2.1.2.5 Profile

Profile includes personal information such as username, full name,

telephone number , email address and so on.

There is an “Update Info” button of which you can change the

profile anytime.

You can change you password at “Change Password”.

The button at the bottom of this section is a switching button between

“Student Mode” or “Teacher Mode”.

Page 13: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

13

2.2 Add/Join courses, topics and upload resources

2.2.1 Add/Join a new course

1. Click the “Add” button to add a course or the click “Join” button to join courses.

2. To add a course, enter the course code, course name and class (optional), and then click

the tick icon to confirm. You can also click the “More details” button to specify the

course with course level, course subject and course size.

3. To join a course, you just need to fill in the corresponding join code and click “tick” to

confirm.

1.1 Add button

2.1 Course code

2.3 Class selection

2.5 Confirm button

1.2 Join button

2.4 More details

2.2 Course name

3.2 Confirm button

3.1 Join code

Page 14: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

14

2.2.2 Add a new topic

1. After adding a new course or entering in the exiting course, you can click “Add Topic” to

add contents.

2. Enter the topic name in the text field. Click the “tick” icon to confirm.

3. Once the new topic confirmed, you will see the page as the following, reminding you to

add new activities. How to add activities to topics? Please refer to Chapter 2.3.

2.1 Topic name

2.2 Confirm button

Activities

1. “Add Topic” button

Page 15: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

15

2.2.3 Upload resources and Add topic description

Teacher can upload and distribute files to students via “Topic Folder”. Teacher can upload

files such as .doc, .xls, .ppt, .pdf, image, audio (mp3) as well as video (mp4 with H264

encoding) files.

1. Click “Topic Folder” to access the library management panel.

2. To upload files onto the library, please

2.1 Select the library you want to store files.

2.2 Click the add button . A box will jump out for your selection of files.

2.3 Select the files that you want to upload.

2.4 Click “Open”. You can see the files are uploaded to the library when the name is

shown on the list.

2.5 Click “Save” to save the file into the library.

1. Click “Topic Folder” button

Page 16: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

16

3. Now you can add any files in the library to the folder. The selected files will be listed

on the right. Click “Save” button and files are uploaded to the folder.

2.3 Select a file

2.4 Open

3.1 Choose file

2.1 Choose library

2.2 Click “+” button

3.2 Save

Page 17: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

17

2.3 Create a new activity

After entering the course, you can create new activities by clicking icon at the

right top corner of the topic section.

Under a particular topic, different resources and activities can be created for students,

including:

Activities

Click “+” to add activities

Page 18: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

18

Text To place pieces of text for students to read.

Web Page To place website links for students to access the specified online sources.

Drawings To draw on a plain paper or a pre-uploaded worksheet.

Keywords To share their ideas with relevant keywords.

MC Questions To answer multiple choice questions or surveys.

E-book To read and work on an e-book.

Open-ended To add open-ended questions (applicable to long/essay questions) for

students to answer.

Quiz To answer a quiz with various question types.

Audio To submit audio clips as an answer. (Chrome supported)

Video To add videos into library. (For App only)

Assignment To give out assignments.

Peer Review To view, rate and comment on others’ work.

Page 19: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

19

2.3.1 Create a “Text” as resources

Texts can be shared to the class via this module. The content can be

instructions, discussion topics, copied content from the web etc.

1. In the “Choose Type” menu, click the “Text” icon.

2. Fill in the instruction text.

3. Click “Add” to create the “Text” resources.

1. Instruction

2. Click “Add”

Page 20: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

20

2.3.2 Create a “Web Browser” as resources

Web links can be shared to students via this module.

1. In the “Choose Type” menu, click the “Web Browser” icon.

2. Fill in the URL and Site Name.

3. Click “Add” to create the “Web Browser” resources.

3. Click “Add”

1. URL

2. Site Name

Page 21: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

21

2.3.3 Create a “Drawings” activity

Teacher can upload images (backdrop and stickers) for students to

download and respond. Works submitted by students can be

displayed on the screen to initiate class discussions

1. In the “Choose Type” menu, click the “Drawings” icon.

2. Enter the Activity name.

3. Upload backdrops and stickers to the system. The image

will be loaded to the resource box.

4. Click on the images to select.

5. Click “Add” on the top right hand corner of the page to

complete the process. Or else, you can click “Cancel” to

delete the actions.

2. Upload backdrops and stickers images

3. Choose image

4. Click “Add”

1. Enter the activity name

Page 22: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

22

2.3.4 Create a “Keywords” activity

Teachers can post textual questions for students to brainstorm and

discuss by typing keywords. Feedbacks from students can be

displayed in Tag Cloud, Pie Chart and List View format.

1. In the “Choose Type” menu, click the “Keywords” icon.

2. Enter the activity name and instructions.

3. Enter the label of the tag(s). “Keywords” activity can

support up to 6 tags. Each tag refers to one aspect of

discussion.

4. Click “Add” on the top right hand corner when finished.

3. 6 different Tags

1. Add activity name

2. Instructions

4. “Add”

Page 23: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

23

2.3.5 Create “MC Questions” activity

Teachers can create a set of multiple choice questions, which can be set

with single or multiple selections, with or without model answers.

Question-level and Class-level statistics will be generated automatically

based on students’ feedback.

1. In the “Choose Type” menu, click the “MC Questions” icon.

2. Enter the activity name.

3. Click “Add Question” button. Enter the questions and the

available options.

4. Click the “+” button to add 2 to 6 choices. Specify if there

is/are “single answer” or “multiple answers”. If it is a quiz

with correct answer(s), select the right option as the model

answer. You can also made it an open question.

5. Click “Add” to add the activity.

2. Activity name

3. “Add Question” button

4.3 Right answer

4.1 Multiple selection

4.2 Add choices

5. “Add”

Page 24: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

24

2.3.6 Create an “E-book” activity

Teacher can upload PDF in the “E-book” activity. Students can read and

take notes in the Student Platform.

1. In the “Choose Type” menu, click the “E-book” icon.

2. Enter the activity name.

3. Click “Select Files” to upload files with PDF format. You

may also drag-and-drop the files into the box. Please note

that the file size limit is 8MB and the page limit is 35 pages.

4. Click the thumbnail to select one PDF file.

5. Click “Add” to submit the activity.

1. Activity name

2. Click “Select File”

3. Click thumbnail to select

4. Click “Add”

Page 25: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

25

2.3.7 Create a “Open-ended” Question activity

You can give out open-ended questions, like long questions or essays in

this module.

1. In the “Choose Type” menu, click the “Open-end” icon.

2. Fill in the Activity name and instructions. You can also

upload references.

3. Click “Add” to create the “Long Question” activity.

4. Click “Add” 1. Activity name

2. Instructions

3. Upload attachments

Page 26: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

26

2.3.8 Create a “Quiz” activity

Teachers can create a quiz with different question types, including

matching, fill in the blanks, numerical and multiple choice questions.

Students’ feedback will be collected, and real time statistics at both

question and class levels will be generated automatically.

1. In the “Choose Type” menu, click the “Quiz” icon.

2. Fill in the details, including Quiz name, Quiz

instruction, and Time limit.

1. Quiz name

2. Quiz instruction

3. Time Limit

4. Lock quiz

Page 27: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

27

3. Click the “Add Description” button to add description to the quiz, providing students

with textual and graphical information. A reference website may also be included.

4. Click the “Add Question” button to add new questions. 4 question types are available at

the moment: Matching, Fill in the Blanks, Multiple Choice Questions and Numerical

Questions. Teacher can set the score for each question on the top right hand corner.

2.3.8.1 Matching

Fill in the Instruction text. Click the “+” button to add more matching pairs and “-”

button to remove.

1. Click “Add Description”

2. Textual description

3. Reference website

4. Insert image

1. Choose question type

1. Instruction text

2. Add matching pairs

3. Remove matching pair

Page 28: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

28

2.3.8.2 Fill in the blanks

Fill in the Instruction text and passage. Click the “help” button to show the syntax of this

question type. A real-time preview will be shown at the bottom of the page. Noted that in

iClass, “[_ _]” represents a blank as shown below.

2.3.8.3 Multiple Choices

Fill in the question text. Click the “+” button to add choices. Questions can be set with

either single or multiple selections. Fill in the choice content. Select the model answer if

there is one, otherwise leave it as an open-ended question. Click the “-” button to

remove any choice.

2. Question

3. Real-time preview

1. Question text

3. Add choices 4. Remove choices

2. “Single / Multiple” selection

5. Set the point per blank

4. Anything unclear, refer to help

1. Instruction text

Page 29: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

29

2.3.8.4 Numerical Question

Similar to “Fill in the Blanks”, fill in the Instruction text. Click the “help” button to

show the syntax of this question type. A real-time preview will be shown at the bottom

of the page. After adding all the questions, click “Add” to create the Quiz activity.

1. Instruction text

2. Question

3. Real-time preview

4. Set the point per blanks

5. “Add”

Page 30: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

30

2.3.9 Create “Audio” activity

“Audio” activity can be created to allow students to submit their

feedback in audio format. This can be used as oral assessment in all

language subjects.

1. In the “Choose Type” menu, click the “Audio” icon.

2. Enter the activity name.

3. Click the “Add” button to create the “Audio” activity.

3. Click “Add”

1. Activity name

2. Can add attachments

Page 31: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

31

2.3.10 Create a “Video” activity

You can upload educational videos to share with the class in this

module.

1. In the “Choose Type” menu, click the “Video” icon.

2. Fill in the Activity name and instructions.

3. Attachments can be added.

4. Click “Add” to create the “Video” activity.

4. Click “Add” 1. Activity name

2. Instructions

3. Upload attachments

Page 32: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

32

2.3.11 Create a “Assignment” activity

Assignments can be delivered to the class in this module. The

assignments can be uploaded in the format of .doc or .pdf to the portal

where students can download the assignment files and upload the

answered sheets onto it. Teachers can work on the marking and

feedbacks and share them with the students simultaneously.

1. In the “Choose Type” menu, click the “Assignment” icon.

2. Fill in the Activity name and instructions and then upload

attachments.

3. Click “Add” to create an “Assignment”.

5. Click “Add” 1. Activity name

2. Description

3. Deadline setting

4. Upload files

Page 33: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

33

2.3.12 Create a “Peer Review” activity

With “Peer Review”, student can view, rate and comment on

fellow classmates’ work.

1. In the “Choose Type” menu, click the “Peer Review” icon.

2. Name the activity, and select it to review.

3. Click “Add” to create the “Peer Review” activity.

3. Click “Add” 1. Activity name

2. Activity to review

Page 34: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

34

2.3.13 Additional Details

While adding any new activities, there are two items on the right:

Start time:

Teachers can set the starting date and time of the activities. The

details will be shown on the Student Platform.

Teaching plan:

Teachers can design the activities corresponding to their teaching

plan for the specific subjects or units. To assist in the design, the

following 4 elements shall be input:

“Expected Duration”

“Teaching Steps”

“Teaching Objective”

“Ways to view effectiveness”

Student can view the expected lesson plan while teachers can take the advantages of this

lesson planning to evaluate the effectiveness.

Page 35: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

35

2.4 Presentation mode of activities

The presentation mode represents the way of displaying the results of the activities on the

portal. Different types of activities share the similar interface on the presentation mode which

enables teachers to adapt it effectively. Specifically for different activities, teachers can view,

mark the results in the suitable ways.

After teachers post the activities, students can receive the teaching materials on their own

devices via the Student Platform. Students’ responses will be submitted to the system and the

results will be displayed on the Teacher Platform.

How to enter the presentation mode?

Click on any activity on the course page to enter the presentation mode for respective activity.

To enter the presentation mode, make sure that you are in “Teacher Mode”.

Switch modes between Teacher and Student by clicking

or .

Page 36: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

36

2.4.1 Common steps

This section illustrates the common steps of the teacher mode, including “Enable/Disable

student submission”, “Enable/disable student submission” and “Submission count”.

Firstly, make sure you are in teacher mode because you can enter in the presentation mode only

when you are in teacher mode. Then you can choose the activity specified by you.

2.4.1.1 Enable / disable student submission:

Click the button to toggle the setting between:

Enable submission is enabled (As default)

Disable submission is disabled

2. Students cannot submit answers

1. Students can submit answers

Page 37: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

37

2.4.1.2 Show / hide student submission:

This setting controls whether students can view others’ work in the “Peer Review”.

Click the button to toggle the setting between:

Show

Answers are visible and students can see others’ work via

“Peer Review” (As default)

Hide Answers are hidden. Click the button to toggle.

1. Submission is visible

2. Submission is invisible

Page 38: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

38

2.4.1.3 Submission count:

It shows the number of students who have submitted the question.

2.4.2 Presentation mode of “Drawings” and “E-book”

Student submission will be displayed as thumbnail image the “Responses” mode .

Teacher can enlarge a particular image, mark and give comments on students’ feedback.

2.4.2.1 Enlarge images and play slide show

1. Click the thumbnail to show the image in full screen.

2. In the show image screen, click the play button to start a slideshow.

3. You can return to the previous page by clicking “Close” button.

4. You can enlarge the image by clicking ‘Zooming” and/ or “Fullscreen”.

The number of students who submit their answers

1. Click the thumbnail to see image in full screen

Page 39: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

39

2.4.2.2 Delete specific images

Click the delete button on the top right hand corner of the thumbnail to delete the

unfavorable image.

2.4.2.3 Change sort order and display behavior

Click the “Sort” button to show the sort menu.

2. Click play button to start a slideshow

Click the cross to delete

submission

1. Click to show the sort

menu

Page 40: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

40

Then set the sort order of the thumbnails

according to different criteria, including

“Time” or “Name” or “Student ID”

“All” or “Latest”:

show whether all aubmission or only the latest

version of submission from students

“Ascending” or “Descending”:

the ascending or descending order of “Time”,

“Name” or “Student ID”.

2.4.2.4 Marking on the marking canvas

1. After clicking the thumbnail, click the

“Marking” button to enter the

marking canvas.

2. In the marking canvas, mark on the image,

give scores and comments on students’ works.

Please note that you can always click

button at the top left hand corner to return.

You can also click button to check with the

progression of marking.

1. Click the “Marking” button to enter the marking canvas

2. Sort the thumbnails by different criteria

Page 41: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

41

Marking tools are available for your marking, the details as follows:

Icon Function Further actions

Delete and clear the work

on canvas

Provide choices of colors

and size of the pen

Redo the previous step N/A

Drop files to upload onto

the canvas

Add a text into the canvas

Page 42: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

42

3. Scoring, Commenting and Uploading

After filling in the score and/or commenting, teacher can save and submit the marked

work by clicking the “Cloud” button .

2.4.3 Presentation mode of “Keywords”

This module is suggested to be used as the in-class brainstorming activity. The results of

students’ textual submission will be displayed in the formats of Tag Cloud, List View and Pie

Chart, in which enable clear and efficient understanding using visualization.

2.4.3.1 Tag Cloud

In a tag cloud, the size of word indicates its frequency among students’ submissions. A larger

word means it is more frequently submitted while a smaller word means it is less frequently

submitted. You can click the map to enlarge a specific tag cloud.

2. Make comments here

3. “Cloud” button to submit the marked work

1. “Score” button

Page 43: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

43

2.4.3.2 List View

In the list view, teachers can see the answers contributed by each student.

2.4.3.3 Pie Chart

The larger proportion in the pie, the higher percentage of students placed that keyword. You

can print and download the images with the tab button.

The formats of PNG, JPEG, PDF and SVG vector are availble for download.

1. Specific answers of each student

1.2 Larger words means more

frequently submitted 1.3 Change view format

1.1 Click the map to enlarge

Page 44: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

44

2.4.4 Presentation mode of “MC Questions” / “Quiz”

This page displays the real-time statistics on students’ submission and can be shown in Table

View and Pie Chart format.

2.4.4.1 Table view

The default view is a table view. A list of answers and scores are displayed. The number in the

box represents the score that the student has received in that particular question.

Click the button above the name list to sort the

alphabetical order.

The color of the box indicates different statuses:

Green: The answer is correct

Red: The answer is incorrect

Grey: The student has not submitted his/her answer

White: It is an open-ended question with no

correct/wrong answer

Click this button can print/download images

Enlarge the image

Page 45: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

45

2.4.4.2 Question level report - Pie chart

A pie chart will be shown when clicking on the question number at the top menu

The teacher can choose whether displaying the correct answer or not. When the correct answer

is displayed, the distribution of each option will be shown in a pie chart.

The answer in green is the correct answer while the wrong answers are shown in red.

Moreover, students who submit the correct and incorrect answers can be identified by clicking

the “Correct” and “Incorrect” buttons. The wrong answers of each student can also be

displayed.

2.4.4.3 Class level report – Class score distribution

A score distribution will be

shown when the “Class Stat”

button is clicked

in the table list view.

1. Right answer

2. Correct/Incorrect Lists

1. Click button

Page 46: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

46

Click the menu button on

the top right hand corner to

print or download the graph

in different formats.

2.4.5 Presentation mode of “Audio”

This page can play the audio feedbacks submitted by students. A table listing all the

submitted works will be shown.

2.4.5.1 Play an audio clip from students

Click the “Play” button to play a specific audio feedback from student. Click the “x” button

to remove any unwanted audio clip received.

2.4.6 Presentation mode of “Video”

2.4.6.1 Play the video clip from students

Click the “Play” button to play a specific audio feedback from student. Click the “x” button

to remove any unwanted audio clip received.

2. Print/download images

1.2 Click to delete the audio

1.1 Play the audio or pause

Page 47: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

47

2.5 Course edit page

To enter the course edit page you just need to click the “Edit” icon on the top right

corner.

2.5.1 Edit topics or activities

1. Expand/Collapse function: Click on “Expand” button , all the topics will expand

contents and click on “Collapse” button , all the topics will collapse with only

topic names displayed.

1. Edit

1. Expand/Collapse

2. Buttons

Page 48: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

48

2. Control buttons: When the topic expand contents, we can see all the activities under the

topic. At the right side of the each topic, we can see a set of buttons:

Visible/invisible When the eye icon is in green, it means the activity is visible to

students, when the eye icon is in red, it means the students cannot

see the activity on their portals.

Sequence up/down

Sequence up and sequence down. The sequence of activities.

Edit Change the contents and name of the activity.

Rename Rename the activities

Delete Delete the activities

Operation Clear/export Activity and export Answers

3. Edit topics: you may click the “Edit Topic” button to edit topics.

2. Edit buttons

1. Edit topics

Page 49: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

49

2.5.2 Course setting

Personal

information

You may see the personal information on this place including School,

Course Code, Course Name, Level, Subject, Course Size and Course

Instructor.

Privacy If you choose “Public”, then this course will be public for students to

register and if you choose “Private”, then this course is not open to

students.

Facebook

You can click this button to enable/disable students share activities to

social platform like Facebook.

Set offline Topic

Teacher may set offline topic of the course. Students may download

all the materials from the offline topic, and operate without internet

connection. Students’ feedback will be stored in the device and can be

submitted to iClass server when there is internet connection again.

Save Save all the edition.

Page 50: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

50

2.5.3 Other

The next button is “Other”.

You can view the member list by clicking “Enrollment”, then you can add or remove any

student from the course.

If you want to “Clear All Submission”, “Copy Course”, “Unenroll All students” and “Delete

Course”, please click the button accordingly. Password is needed for these actions.

1. Add Members

Page 51: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

51

2.6 Other functions in course page

2.6.1 Switch the role between Teacher and Student

1. Teacher Mode: It is now in teacher mode. This is the default setting when you enter the

course. Click this button to toggle the setting.

2. Student Mode: It is now in student mode. This shows the interface of a student’s screen.

Click this button to toggle the setting. You can`t add activities in this mode.

2.6.2 Join Code

Click the “Join Code” button, a box will jump out.

Students can register the course by

1. entering the join code, or

2. copying the course URL, or

3. scanning the random generated QR code. You may also

re-generate a QR code by clicking the refreshing button in

blue.

1. Teacher mode

1. Student mode

2. Can add activities

2. Can`t add activities

Page 52: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

52

3 Operation of iClass Student Platform

For iClass Student Platform, three versions are available:

3.1 How students access iClass

3.1.1 iPhone / iPad / iPod Touch users

iClass supports iOS5 or above. Go to Apple App Store, search:

“iClass – Interactive Class on Cloud”

URL: https://itunes.apple.com/app/id556787469

3.1.2 Android phone and tablet users

iClass supports Android 4.0 or above. Go to Google Play, search:

“iClass”

URL: https://play.google.com/store/apps/details?id=itwake.iclass

3.1.3 All other desktop/laptop/smartphone/tablet users

HTML5-supported browsers are recommended in order to access our

platform.

http://hku.iclass.hk

In the following section, we will show you the student login and enrollment procedures on an

iPad.

Page 53: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

53

3.2 Student login

1. Tap “Settings” button on the bottom.

2. Enter “hku” under “School” field, then tap “Save”.

3. Tap “HKU Portal” button, a HKU portal web page will be opened for you to login.

3. Tap “HKU Portal”

1. Tap “Settings”

2.1 Enter “hku” under School

2.2 Tap “Save”

Page 54: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

54

3.3 Enroll in a course

3.3.1 By “QR Code”

QR Code scanning function is only available for users with native iOS and Android App.

1. In the home page, tap “QR Code” button on the left menu. Scan the QR Code provided

by teacher. The Course Enrollment Menu will then appear.

2. Tap the “Tick” button to confirm the action.

1.1 “QR Code”

button 1.2 Scan QR Code

Page 55: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

55

3.3.2 By “Join Code”

1. In the home page, tap “+” button on top of the Courses Menu.

2. The Course Enrollment Menu will appear. Enter the Join Code provided by the teacher.

3. Tap the “Tick” button to confirm enrollment.

1. Tap “+” to add course

Page 56: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

56

3.4 Course Page

On the home page, students may enter a course page by tapping the course under the Course

Menu.

On the course page, a few topics are shown on the left. If it is an offline topic, there will be a

“Cloud” button to download all resources to local. A topic folder is a place for students to

download and view different files uploaded by teachers.

Tap to enter Course Page

A topic

Topic folder

Activities

Page 57: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

57

3.5 Activity Pages

3.5.1 Drawings

There are three buttons on the top-left corner, which represents three modes. The buttons in

the middle of the top bar are different drawing tools of the chosen mode.

Draw Mode:

Click the “Pen” button to enter.

1. Draw Mode button

Page 58: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

58

Text Mode:

Click the “T” button to enter. Choose different font, colour and size for the texts.

2. Text Mode button

Page 59: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

59

Image Mode:

Click the “Image Mode” button to insert pictures to the screen. Students are provided with

stickers from teachers and use different tools such as filters to edit the images.

As for the 5 buttons on the top-right corner, you may check their functions as following:

Select Select objects in the canvas, then you can cut and copy.

Resize Resize the canvas.

Setting Change background color, share and save drawing.

Review View the submitted versions of work

Cloud Submit your work to the cloud

Get stickers from teachers 3. Image Mode Button

Page 60: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

60

3.5.2 Keywords

In this module, students are suggested to put in keywords instead of a complete sentence.

Students should enter one keyword at a time.

3.5.3 MC Questions

Clear

Confirm the keyword

Enter keyword

Remove keyword

Submit

Select your answer

Click to change display question

Swipe to flip pages

Submit

Page 61: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

61

3.5.4 E-book

After teachers have uploaded e-books on the portal, students can click “Download & Read”

to open it in iClass, or click “Open In…” to open the file in other apps.

Then you will come to the first page of the e-book. You may choose any page to review or

click the edit button to edit the e-book. The editing tools are very similar to that of drawings.

Please refer to 3.5.1 for more details.

E-book index Edit

Bookmark

Choose any page to review

Swipe to flip pages

Open in iClass

Open in other apps

Page 62: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

62

3.5.5 Quiz

Tap the “Start the quiz” button to begin. After finishing, tap the “Cloud” button to submit

your work. Note that a quiz may have a time limit, and you may submit your answer once

only.

3.5.6 Audio

1. On the top right hand corner, tap the red recording button to record the voice and the

pause button to stop.

2. You can record several audio clips, then choose one or more than one. Tap the “Play”

button to playback.

3. Tick the corresponding audio clips and tap the “Cloud” button to submit.

Click here to start a quiz

1. Recording / pause button

3. Choose the audios you want to submit

4. Submit button

2. List of your recordings

Page 63: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

63

3.5.7 Peer Review

“Peer Review” is a platform for students to view, share, rate and comment on other

classmates’ works. It is also a good way for students to learn from one another.

3.5.7.1 Peer Review on “Drawings” and “E-book”

Tap to enlarge

Swipe to flip pages

Share to Facebook

Tap to show comment menu

Tap to rate (1-5 stars)

List of comments

Add your comment

Pinch to enlarge

Page 64: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

64

3.5.7.2 Peer Review on “Keywords”

Students can view the resulted Tag Cloud. The keywords with more classmates suggesting

will be enlarged and bolded. Students may give comments and carry out discussions based on

the results. They may also share the Tag Cloud via Facebook.

Pinch to enlarge

Share to Facebook

Tap to show comment menu

List of comments

Add your comment

Page 65: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

65

3.5.7.3 Peer Review on “MC Questions”

Student can check the model answer of “MC Questions” here.

3.5.8 Web Browser

Correct answer will be shown in green box

Choice distribution of the class for each question

Tap here to view the recommended website list for the topic

Page 66: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

66

3.6 Other useful tools

3.6.1 QR Code

On the home page, tap “QR Code” on the left menu to use the QR Code reader.

3.6.2 Language Settings

On the home page, tap “Settings”. Select the language you prefer, then tap tick.

Tap “QR Code”

Tap “Setting”

Page 67: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

67

3.7 Student logout

On the home page, tap “Logout” button on the left menu to sign out. All cache files

stored in your devices will be cleared.

Tap “Logout”

Page 68: Professional and Interactive Teaching with iClass · 2016. 11. 16. · 5 1 About iClass LMS 1.1 Introduction iClass LMS (Learning management system) provides a convenient, secure

68

4 Useful links and contacts

e-Learning Technology Development Laboratory, Department of EEE, HKU

Website: http://elearning.eee.hku.hk/

E-mail: [email protected]

Project Director:

Dr. Wilton Fok: Email: [email protected] Tel: 2857-8490

Development Team:

Eric Au Yeung: Email: [email protected] Tel: 6043-6251

Ken Law: Email: [email protected] Tel: 9755-0889