website prototype

25
Using QR Codes for Classroom Activities Creative Commons License: Some rights reserved A. Introducti on C. Lesson topics B. Learning obje ctives E. Learning asses sment Section A. Introduction The text found in this area will include the following: a. A brief welcome introduction to the web-based lesson. b. Descriptions about the popular use of mobile devices and apps amongst students and teachers. c. Descriptions about the website: what it is about and the context in which it will be used (instructor-facilitated professional development session for teachers about using QR codes for classroom activities). About this website: Requirements: Before participants continue with the rest of the lesson, they will be first reminded of the required materials in the lesson: a wi-fi enable mobile device (tablet or smartphone). They can use their own or the ones provided by the instructor. What do you know about QR codes? Participants will be directed to a pre-test using the hyperlinked button below. Click here to check your prior knowledge. A slideshow of images (using javascript) showing items with QR codes will be placed here. (Check out this example .) F . Resources D. Sharing Ideas Banner Image QR eative Adventures

Upload: aismbio

Post on 17-Aug-2015

76 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

Section A. Introduction

The text found in this area will include the following:a. A brief welcome introduction to the web-based lesson.b. Descriptions about the popular use of mobile devices and apps amongst students and teachers.c. Descriptions about the website: what it is about and the context in which it will be used (instructor-facilitated professional development session for teachers about using QR codes for classroom activities).

About this website:

Requirements:

Before participants continue with the rest of the lesson, they will be first reminded of the required materials in the lesson: a wi-fi enable mobile device (tablet or smartphone). They can use their own or the ones provided by the instructor.

What do you know about QR codes?Participants will be directed to a

pre-test using the hyperlinked button below.

Click here to check your prior knowledge.

A slideshow of images(using javascript)

showing items with QR codes will be placed

here.(Check out this example.)

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 2: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Continue to Section B.

Pre-test on QR codes:

An interactive 10-item quiz (using Proprofs.com) will be embedded here.

(Check out this example.)

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 3: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section B. Learning Objectives

The learning objectives for the lesson will be listed here.

At the end of the lesson, the participant will be able to:

1. Objective 1

2. Objective 2

3. Objective 3

4. Objective 4

5. Objective 5

6. Objective 6

Continue to Section C.

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 4: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

Instructions:

This text area will introduce the lesson topics. It will also give instructions on how to navigate the lesson topics, including a reminder about knowledge check questions for each topic as well as the learning assessment (post-test) after all topics have been covered.

Topic 1. What are QR codes?Topic 2. How do we scan QR codes?Topic 3. How do we create QR codes?Topic 4. How do we creatively use QR codes for classroom activities?Topic 5. What helpful tips can we follow to effectively use QR codes?

Continue to Topic 1.

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 5: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1. What are QR codes?

This will contain the following information:a. What QR codes are and brief history of development.b. Comparing common barcodes and QR codes

c. Common uses of QR codesd. Requirements for using QR codes: wi-fi enabled mobile device with QR code scanner app.

Image of common barcode

Image of QR code

Embedded Youtube video to introduce QR

codes(Check out this

example.)

Check your understanding

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 6: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Review Question:

Topic 1. What are QR codes?

A review question (using Proprofs.com) will be embedded here.

(Check out this example.)

Continue to Topic 2.

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 7: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2

Topic 2. How do we scan QR codes?a. Requirement:This is to remind participant to be ready with a mobile device.

b. How to download a QR code scanner app:This will give instructions on how to download a QR code scanner app on a mobile device.

c. How to scan a QR code:This will show an illustrated jobaid (image) on how to scan a QR code using a mobile device.

Embedded Youtube video showing how to scan a QR

code.(Check out this

example.)

Image: Job aid

Check your understanding

Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 8: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 2. How do we scan QR codes?Review Question:

A review question (using Proprofs.com) will be embedded here.

(Check out this example.)

Continue to Topic 3.

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 9: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 3

Topic 3. How do we create QR codes?

Topic 1 Topic 2

This will show an illustrated job aid (image) on how to scan a QR code using a mobile device.

Embedded Youtube video showing how to create a QR

code.(Check out this exampl

e.)

Image: Job aid

Check your understanding

Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 10: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Review Question:

A review question (using Proprofs.com) will be embedded here.

(Check out this example.)

Topic 3. How do we create QR codes?

Continue to Topic 4.

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 11: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

Text information to introduce the variety of classroom activities that uses QR codes.1. QR codes + collaborative documents and file sharing2. QR codes + online surveys, polls & quizzes3. QR codes + voice recording & podcasts4. QR codes + videos & presentations 5. QR codes + infographics6. QR codes + image maps7. QR codes + message boards, forums & social media8. QR codes + scavenger hunts & other games

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 12: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 1. QR codes + collaborative documents and file sharing

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 13: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 2. QR codes + online surveys, polls and quizzes

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 14: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 3. QR codes + voice recording & podcasts

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 15: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 4. QR codes + videos & presentations

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 16: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 5. QR codes + infographics

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 17: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 6. QR codes + image maps

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 18: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Example 7. QR codes + message boards, online forums & social media

Sample QR code image

to be scanned

Brief description.

This image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 19: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Brief description.

Example 8. QR codes + scavenger hunts & other games

Sample QR code image

to be scannedThis image map (iPad) will be used as navigation for the different examples of QR code applications in the classroom. (Click on any icon below to explore the different examples.)

Examples of creative applications of QR codes

in the classroom

After exploring all 8 examples, click the button

below for a review question.

Check your understanding

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 20: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson TopicsSection C. Lesson Topics

Review Question:

A review question (using Proprofs.com) will be embedded here.

(Check out this example.)

Continue to Topic 5.

Topic 1 Topic 2 Topic 3 Topic 4

Topic 4. How do we creatively use QR codes for classroom activities?

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 21: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson Topics

Topic 5. What helpful tips can we follow to effectively use QR codes?

This will show a list of tips or suggestions on how to effectively use QR codes such as:1. Size of QR codes to be printed2. Distortion of QR code shapes3. Cutting QR code print outs4. Colored QR codes5. Adding logo or other artwork on QR codes6. Places were to put QR codes7. Adding URLs

Check your understanding

Topic 1 Topic 2 Topic 3 Topic 4 Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 22: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section C. Lesson TopicsSection C. Lesson Topics

Topic 1 Topic 2 Topic 3 Topic 4

Review Question:

A review question (using Proprofs.com) will be embedded here.

(Check out this example.)

Topic 5. What helpful tips can we follow to effectively use QR codes?

Continue to Section D.

Topic 5

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 23: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section D. Sharing Ideas

An online forum will be embedded here (using Nabble.com).

1. Participants will post a message to answer the following questions:a. What school subject(s) are you teaching?b. Describe a creative application of QR codes in a specific lesson for your subject.

2. Participants will post a comment on the ideas of other participants.

(Check out this example.)

Continue to Section E.

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 24: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section E. Learning Assessment

Continue to Section F.

Post-test on QR codes:

An interactive 10-item quiz (using Proprofs.com) will be embedded here.

(Same items as pre-test)

(Check out this example.)

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures

Page 25: Website prototype

Using QR Codes for Classroom Activities

Creative Commons License: Some rights reserved

Section F. Resources

Back to Introduction

This will show a list of QR codes resources for teachers.1. QR code scanner apps2. Online QR code generators3. Teacher blogs4. Other resources

Text information commending the participant for completing the lesson.

A. Introduction

C. Lesson topics

B. Learning objectives

E. Learning assessment

F. Resources

D. Sharing Ideas

Banner Image QR eative Adventures