The	
 21st	
 Century	
 Teachers	
 Use	
 the	
 21st	
 Century	
 Tools

By	
 Joanna	
 Huang
joannahuang@cdnis.edu.hk

LTT Dept. &
Chinese Dept.
Project-based learning
專題研習
video: an introduction to project-based
learning
• “Project-based learning is a dynamic approach
to teaching in which students explore realworld problems and challenges,
simultaneously developing cross-curriculum
skills while working in small collaborative
groups.”
• “It is filled with active and engaged learning,
it inspires students to obtain a deeper
knowledge of the subjects they are
studying.”
• “In the process of completing their
projects, students also hone their
organizational and research skills and develop
better communication with their peers and
adults.”
• reference: http://www.edutopia.org/projectlearning-introduction
Task-based language teaching
任務式教學法
video
• Pre-task phase, Task phase, Post-task phase
• “Task-based language teaching (TBLT) is an
approach which offers students material
which they have to actively engage in, in order
to achieve a goal or complete a task.”
• “TBLT seeks to develop students’
interlanguage through providing a task and
then using language to solve it.”
• reference: Nunan, D. (2004), Task-based
Language Teaching. Cambridge: Cambridge
University Press.
• reference:http://tblt.net/?p=16
• reference:http://www.mhhe.com/
socscience/foreignlang/top.htm
Teaching and Learning with
Technology

• To be or not to be?
• Are you a
21st Century Teacher?
G6 MSL Class: Skype with Taiwan School (2008/2009)
Task-based language teaching & technology infusion
本校六年級與臺灣忠信學校跨國的語文交流活動
-Home Page
G6 Skype with Taiwan School 忠信學校 (2009/2010)
-Learning material posted in Wiki 上載教學內容
G6 Skype with Taiwan School 忠信學校 (2009/2010)
-Student’s Writing in Wiki 視訊活動前的寫作活動
G6 Skype with Taiwan School 忠信學校 (2009/2010)
-Student’s Writing in Wiki 視訊活動前的寫作活動
G6 Skype with Taiwan School 忠信學校 (2010/2011)
-Collaboration Page in Wiki 協同合作互動網頁
G6 Skype with Taiwan School 忠信學校 (2010/2011)
-Collaboration Page in Wiki 協同合作互動網頁
G6 Skype with Taiwan School 忠信學校
- Third Lesson 第三次視訊會議活動	
 (	
 2008/2009	
 Year )
Video
G6 Skype with Taiwan School 忠信學校
-	
 Fourth Session 第四次視訊會議活動	
 (2009/2010	
 Year)
Video
G6 Skype kype with Taiwan School 忠信學校 :
-Students’ reflection 學生的反思	
 2008/2009
G6 Skype kype with Taiwan School 忠信學校 :
-Students’ reflection 學生的反思	
 2009/2010
G6 Skype kype with Taiwan School 忠信學校 :
-Post-skype Questionnaire

2010/2011
G6 Skype with Taiwan School 忠信學校 :
-Students’ feedback 學生的反饋
G5 Global Project with YK Pao School, Shanghai (2009/2010)
Project-based learning & technology infusion
五年級和上海包玉剛學校的環保專題作業
- Tool: Ning Blog
Main Page
http://huang-laoshi.ning.com/
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
- Students’ Discussion in Forum
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業
- Project Videos
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
- Skype Video Conference of CDNIS & YK Pao School
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
- Skype Video Conference of CDNIS & YK Pao School
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
- One of the Keynote / Quick Time Player Movie Video Project
G5 Global Project with YK Pao School, Shanghai 上海包玉剛學校
五年級環保專題作業	
 Environment Project
- Students’ thoughts/feedback/suggestion in Blog
G5 Ancient Chinese Civilization Project WebQuest Tool with GoogleSites
Project-based learning https://sites.google.com/site/ancientchinesecivilization/Home
五年級中國古代文明專題作業指引	
 2009/2010,	
 2010/2011
- Introduction 簡介
G5 Ancient Chinese Civilization WebQuest
五年級中國古代文明專題作業指引	
 2009/2010,	
 2010/2011
- Process 過程
G5 Ancient Chinese Civilization WebQuest
五年級中國古代文明專題作業指引	
 2009/2010,	
 2010/2011
- Task 任務
G5 Ancient Chinese Civilization Project

五年級中國古代文明專題作業
- Students’ project	
 學生的專題作業
G5 Ancient Chinese Civilization Project

五年級中國古代文明專題作業
- Students’ project	
 學生的專題作業
G5 Ancient Chinese Civilization Project

五年級中國古代文明專題作業
- Students’ project 學生的專題作業
G5 Schoology Class Platform 2010/2011
五年級中文班的平臺	
 http://www.schoology.com/course/1906086/materials
G5 Schoology Class Platform
五年級的平臺
- Students’ thoughts/feedback/suggestion in Schoology
G5 Schoology Class platfrom
五年級的平臺
- Students’ thoughts/feedback/suggestion in Schoology
G5 Schoology Class Platform
五年級的平臺
- Students’ group presentations
PYP Transdisciplinary Theme: Where we are in place and time

五年級中國古代文明專題作業
- Summative Assessment 總結性評估
CDNIS School Moddle platform 2010/2011
class curriculum/handouts/activities/assessment
CDNIS School Moddle platform
class curriculum/handouts/activities/assessment
CDNIS School Moddle platform
class curriculum/handouts/activities/assessment
CDNIS School Moddle platform
class curriculum/handouts/activities/assessment
CDNIS School Moddle platform
G11 Language B Higher Level 2011/2012
CDNIS School Moddle platform
G11 class curriculum/handouts/activities/assessment
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
http://cdnis-huang-laoshi-g8-lkaade-1112.wikispaces.com/
Homepage with detailed scaffolding approaches
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
Homepage with detailed scaffolding approaches
G8 Chinese Script Writing: 2008/2009
- Group 2 Story 第二組的劇本創作
G8 Chinese Script Writing:
- Group Two History 第二組劇本創作的詳細記錄
G8 Chinese Script Writing: 2008/2009
- Student Feedbacks in Wiki 完成劇本後,學生的反思
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2009/2010
different colors may be used to organize script
G8 Chinese Script Writing:
- Group 2 Video Production
第二組的劇本錄像
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2009/2010
Video Production
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
Reflection
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
Post-task questionnaire data analysis
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
Post-task questionnaire data analysis
G8 Chinese Script Writing: 八年級的中文劇本創作	
 2011/2012
Post-task questionnaire data analysis
G7/G8 China Trip Project:
- Students are in private flickr group
G7/G8 China Trip Project 七年級和八年級的中國之旅專題作業:
- Teacher Sets Clear Rules and Expectations 訂定明確的規則指引
G7/G8 China Trip Project 七年級和八年級的中國之旅專題作業	
 
http://www.flickr.com/photos/huang_laoshi/
Project-based learning, task-based language teaching and technology infusion
- Photo Description and Comments in Flickr Album 相片描述和他人的回應
G7/G8 China Trip Project 七年級和八年級的中國之旅專題作業:
- Photo Description and Comments 相片描述和他人的回應
G7/G8 China Trip Project 七年級和八年級的中國之旅專題作業:
- Photo Description and Comments 相片描述和他人的回應
G7/G8 China Trip Project 七年級和八年級的中國之旅專題作業:
- Photo Description and Comments 相片描述和他人的回應
G7/G8 China Trip Project:
- Students give feedbacks to teacher 學生的心得分享
G7/G8 China Trip Project:
- Students give feedbacks to teacher 學生的心得分享
G7/G8 China Trip Project 2009/2010:
- Using technology: “Pages” to create booklet Project
利用電子圖像及文字與他人分享中國之旅
G7/G8 China Trip Project 2009/2010:
- Using technology to create booklet Project
利用電子圖像及文字與他人分享中國之旅
G7/G8 China Trip Project - Sample created by Huang Laoshi
- Using technology: iPhoto to create own project
以電子圖像及文字與他人分享北京之旅	
 	
 Trip Electronic Photo-book Video
Besides, iMovie /M4v Project is created for trip
sharing
製作電子圖像:
Overseas trip project - Sample created by Huang Laoshi
- Using technology to create own project
以電子圖像及文字製作個人或協同合作的作業 Trip Electronic Photo-book Video
Overseas or local trip project - Sample created by Huang Laoshi
- Using technology to create own project
以電子圖像及文字製作個人或協同合作的作業,並加以錄音	
 Podcast
G10 MYP Discussion Activities
Tool: Twitter http://twitter.com/joanna_huang
- Teacher uploads discussion topics to Twitter platform
G10 MYP Discussion Activities
Tool: Twitter
- Students upload their ideas/opinions to Twitter platform
G9 MYP Class: Story Writing Project 故事創作
- Students create their stories with any software they like
G9 MYP Class: Story Writing Project 故事創作
- Students create their stories with any software they like
Conclusion 結論:	
  因材施教,因時制宜
Apply and modify various approaches to motivate learning interest
and suit differentiation needs whenever necessary.
Canadian International School of Hong Kong

Q & A

香港加拿大國際學校
Chinese	
 Studies	
 Department,	
 Joanna	
 Huang
中文部	
 黃老師	
 joannahuang@cdnis.edu.hk

11th Chinese Articulation Workshop (K-12), Apr. 20-21, 2012

  • 1.
    The 21st Century Teachers Use the 21st Century Tools By Joanna Huang joannahuang@cdnis.edu.hk LTT Dept. & Chinese Dept.
  • 2.
    Project-based learning 專題研習 video: anintroduction to project-based learning • “Project-based learning is a dynamic approach to teaching in which students explore realworld problems and challenges, simultaneously developing cross-curriculum skills while working in small collaborative groups.” • “It is filled with active and engaged learning, it inspires students to obtain a deeper knowledge of the subjects they are studying.” • “In the process of completing their projects, students also hone their organizational and research skills and develop better communication with their peers and adults.” • reference: http://www.edutopia.org/projectlearning-introduction
  • 3.
    Task-based language teaching 任務式教學法 video •Pre-task phase, Task phase, Post-task phase • “Task-based language teaching (TBLT) is an approach which offers students material which they have to actively engage in, in order to achieve a goal or complete a task.” • “TBLT seeks to develop students’ interlanguage through providing a task and then using language to solve it.” • reference: Nunan, D. (2004), Task-based Language Teaching. Cambridge: Cambridge University Press. • reference:http://tblt.net/?p=16 • reference:http://www.mhhe.com/ socscience/foreignlang/top.htm
  • 4.
    Teaching and Learningwith Technology • To be or not to be? • Are you a 21st Century Teacher?
  • 5.
    G6 MSL Class:Skype with Taiwan School (2008/2009) Task-based language teaching & technology infusion 本校六年級與臺灣忠信學校跨國的語文交流活動 -Home Page
  • 6.
    G6 Skype withTaiwan School 忠信學校 (2009/2010) -Learning material posted in Wiki 上載教學內容
  • 7.
    G6 Skype withTaiwan School 忠信學校 (2009/2010) -Student’s Writing in Wiki 視訊活動前的寫作活動
  • 8.
    G6 Skype withTaiwan School 忠信學校 (2009/2010) -Student’s Writing in Wiki 視訊活動前的寫作活動
  • 9.
    G6 Skype withTaiwan School 忠信學校 (2010/2011) -Collaboration Page in Wiki 協同合作互動網頁
  • 10.
    G6 Skype withTaiwan School 忠信學校 (2010/2011) -Collaboration Page in Wiki 協同合作互動網頁
  • 11.
    G6 Skype withTaiwan School 忠信學校 - Third Lesson 第三次視訊會議活動 ( 2008/2009 Year ) Video
  • 12.
    G6 Skype withTaiwan School 忠信學校 - Fourth Session 第四次視訊會議活動 (2009/2010 Year) Video
  • 13.
    G6 Skype kypewith Taiwan School 忠信學校 : -Students’ reflection 學生的反思 2008/2009
  • 14.
    G6 Skype kypewith Taiwan School 忠信學校 : -Students’ reflection 學生的反思 2009/2010
  • 15.
    G6 Skype kypewith Taiwan School 忠信學校 : -Post-skype Questionnaire 2010/2011
  • 17.
    G6 Skype withTaiwan School 忠信學校 : -Students’ feedback 學生的反饋
  • 18.
    G5 Global Projectwith YK Pao School, Shanghai (2009/2010) Project-based learning & technology infusion 五年級和上海包玉剛學校的環保專題作業 - Tool: Ning Blog Main Page http://huang-laoshi.ning.com/
  • 19.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project - Students’ Discussion in Forum
  • 20.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 - Project Videos
  • 21.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project
  • 22.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project - Skype Video Conference of CDNIS & YK Pao School
  • 23.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project - Skype Video Conference of CDNIS & YK Pao School
  • 24.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project - One of the Keynote / Quick Time Player Movie Video Project
  • 25.
    G5 Global Projectwith YK Pao School, Shanghai 上海包玉剛學校 五年級環保專題作業 Environment Project - Students’ thoughts/feedback/suggestion in Blog
  • 26.
    G5 Ancient ChineseCivilization Project WebQuest Tool with GoogleSites Project-based learning https://sites.google.com/site/ancientchinesecivilization/Home 五年級中國古代文明專題作業指引 2009/2010, 2010/2011 - Introduction 簡介
  • 27.
    G5 Ancient ChineseCivilization WebQuest 五年級中國古代文明專題作業指引 2009/2010, 2010/2011 - Process 過程
  • 28.
    G5 Ancient ChineseCivilization WebQuest 五年級中國古代文明專題作業指引 2009/2010, 2010/2011 - Task 任務
  • 29.
    G5 Ancient ChineseCivilization Project 五年級中國古代文明專題作業 - Students’ project 學生的專題作業
  • 30.
    G5 Ancient ChineseCivilization Project 五年級中國古代文明專題作業 - Students’ project 學生的專題作業
  • 31.
    G5 Ancient ChineseCivilization Project 五年級中國古代文明專題作業 - Students’ project 學生的專題作業
  • 32.
    G5 Schoology ClassPlatform 2010/2011 五年級中文班的平臺 http://www.schoology.com/course/1906086/materials
  • 33.
    G5 Schoology ClassPlatform 五年級的平臺 - Students’ thoughts/feedback/suggestion in Schoology
  • 34.
    G5 Schoology Classplatfrom 五年級的平臺 - Students’ thoughts/feedback/suggestion in Schoology
  • 35.
    G5 Schoology ClassPlatform 五年級的平臺 - Students’ group presentations
  • 36.
    PYP Transdisciplinary Theme:Where we are in place and time 五年級中國古代文明專題作業 - Summative Assessment 總結性評估
  • 37.
    CDNIS School Moddleplatform 2010/2011 class curriculum/handouts/activities/assessment
  • 38.
    CDNIS School Moddleplatform class curriculum/handouts/activities/assessment
  • 39.
    CDNIS School Moddleplatform class curriculum/handouts/activities/assessment
  • 40.
    CDNIS School Moddleplatform class curriculum/handouts/activities/assessment
  • 41.
    CDNIS School Moddleplatform G11 Language B Higher Level 2011/2012
  • 42.
    CDNIS School Moddleplatform G11 class curriculum/handouts/activities/assessment
  • 43.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 http://cdnis-huang-laoshi-g8-lkaade-1112.wikispaces.com/ Homepage with detailed scaffolding approaches
  • 44.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 Homepage with detailed scaffolding approaches
  • 45.
    G8 Chinese ScriptWriting: 2008/2009 - Group 2 Story 第二組的劇本創作
  • 46.
    G8 Chinese ScriptWriting: - Group Two History 第二組劇本創作的詳細記錄
  • 47.
    G8 Chinese ScriptWriting: 2008/2009 - Student Feedbacks in Wiki 完成劇本後,學生的反思
  • 48.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2009/2010 different colors may be used to organize script
  • 49.
    G8 Chinese ScriptWriting: - Group 2 Video Production 第二組的劇本錄像
  • 50.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2009/2010 Video Production
  • 51.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 Reflection
  • 52.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 Post-task questionnaire data analysis
  • 53.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 Post-task questionnaire data analysis
  • 54.
    G8 Chinese ScriptWriting: 八年級的中文劇本創作 2011/2012 Post-task questionnaire data analysis
  • 55.
    G7/G8 China TripProject: - Students are in private flickr group
  • 56.
    G7/G8 China TripProject 七年級和八年級的中國之旅專題作業: - Teacher Sets Clear Rules and Expectations 訂定明確的規則指引
  • 57.
    G7/G8 China TripProject 七年級和八年級的中國之旅專題作業 http://www.flickr.com/photos/huang_laoshi/ Project-based learning, task-based language teaching and technology infusion - Photo Description and Comments in Flickr Album 相片描述和他人的回應
  • 58.
    G7/G8 China TripProject 七年級和八年級的中國之旅專題作業: - Photo Description and Comments 相片描述和他人的回應
  • 59.
    G7/G8 China TripProject 七年級和八年級的中國之旅專題作業: - Photo Description and Comments 相片描述和他人的回應
  • 60.
    G7/G8 China TripProject 七年級和八年級的中國之旅專題作業: - Photo Description and Comments 相片描述和他人的回應
  • 61.
    G7/G8 China TripProject: - Students give feedbacks to teacher 學生的心得分享
  • 62.
    G7/G8 China TripProject: - Students give feedbacks to teacher 學生的心得分享
  • 63.
    G7/G8 China TripProject 2009/2010: - Using technology: “Pages” to create booklet Project 利用電子圖像及文字與他人分享中國之旅
  • 64.
    G7/G8 China TripProject 2009/2010: - Using technology to create booklet Project 利用電子圖像及文字與他人分享中國之旅
  • 65.
    G7/G8 China TripProject - Sample created by Huang Laoshi - Using technology: iPhoto to create own project 以電子圖像及文字與他人分享北京之旅 Trip Electronic Photo-book Video
  • 66.
    Besides, iMovie /M4vProject is created for trip sharing 製作電子圖像:
  • 67.
    Overseas trip project- Sample created by Huang Laoshi - Using technology to create own project 以電子圖像及文字製作個人或協同合作的作業 Trip Electronic Photo-book Video
  • 68.
    Overseas or localtrip project - Sample created by Huang Laoshi - Using technology to create own project 以電子圖像及文字製作個人或協同合作的作業,並加以錄音 Podcast
  • 69.
    G10 MYP DiscussionActivities Tool: Twitter http://twitter.com/joanna_huang - Teacher uploads discussion topics to Twitter platform
  • 70.
    G10 MYP DiscussionActivities Tool: Twitter - Students upload their ideas/opinions to Twitter platform
  • 71.
    G9 MYP Class:Story Writing Project 故事創作 - Students create their stories with any software they like
  • 72.
    G9 MYP Class:Story Writing Project 故事創作 - Students create their stories with any software they like
  • 73.
    Conclusion 結論: 因材施教,因時制宜 Apply and modify various approaches to motivate learning interest and suit differentiation needs whenever necessary.
  • 74.
    Canadian International Schoolof Hong Kong Q & A 香港加拿大國際學校 Chinese Studies Department, Joanna Huang 中文部 黃老師 joannahuang@cdnis.edu.hk