I NTEGRATING W EB TOOLS FOR
      P ERFORMANCE - BASED
      C HINESE        C LASSROOMS
徐佳音   Joanne Shang
TODAYS M EET

Listen. Talk. Listen
• embrace the backchannel
• connect speaker and your audience
• in realtime




• Everything going on in the room that is not coming from
  the speaker.
• Encourage the audience to use the live stream to ask
  questions, pass notes, make comments ...
W EB TOOLS . . . .
                Why? Why? Why? 為什麼?


To integrate a rich selection of web 2.0 tools
with the performance-based activities to
strengthen the

5 C’s    learning experience in

   listening, speaking,
         reading and writing.
W EB TOOLS . . . .
            Why? Why? Why? 為什麼?

Overarching Objective:
        a. Support performance-based activities
        b. Engage digital natives
        c. Achieve higher order of 21st Century learning
           – 4 C’s:

               Communication
               Collaboration
               Critical Thinking
               Creativity
P INYIN & C HARACTERS
       拼音、漢字/拼音、汉字
C HINESE L ITERACY -S OUND S YSTEM
    http://www.chineseliteracy.net/summer/cssystem.swf
MIT – H ANYU P INYIN T UTORIAL
    http://web.mit.edu/~jinzhang/www/pinyin/
Y ELLOW B RIDGE /A RCH C HINESE
http://www.yellowbridge.com/chinese/character-stroke-order.php?searchChinese=1&zi=%E5%9B%BD
D IM   SUM
             http://mandarintools.com/
P OPUP C HINESE
    http://popupchinese.com/chinese/adso
O RAL C OMMUNICATION &
                   M ULTIMEDIA
S KYPE - S YNCHRONOUS
     http://www.skype.com/intl/en-us/
V OICETHREAD - A SYNCHRONOUS
           http://www.voicethread.com
G LOGSTER – R ETHINK P OSTER
                             https://www.glogster.com

                                      What can you do on
                                      a glog?
                                      • text / image
                                      • audio / video
                                      • hyperlink to URL
                                      • embeddable



What is the significance of glogging?
•   creative, attractive, critical thinking, language use
•   sharing, peer learning,critique, comment, privacy
RIA – R ICH I NTERNET A PPLICATION
        http://clear.msu.edu/teaching/online/ria/
MSU-CLEAR
                       http://clear.msu.edu/teaching/online/ria/


            What can you put/do in an Audio Dropbox
            or Conversation?
            • Listen and respond to a prompt
            • Set time limit
            • Downloadable mp3
What is the significance of Audio Dropbox or
Conversation?
• integrate listening, speaking skills
• asynchronous communication
• AP Chinese Conversation
V OKI –   SPEAKING AVATAR
                   http://www.voki.com


           What can you do in Voki?
           • Record speaking/reading
           • Read from text
           • embeddable


          What is the significance of
          making a Avatar?
          • personalized spokesperson
          • listen to native voice
          • It calls your cell phone
C OLLABORATIVE L EARNING &
         C OURSE M ANAGEMENT




Mindmeister
M INDMEISTER –                     MIND - MAPPING
                                  http://mindmeister.com




Big Picture
 • Visualize your thinking, sort out complicated ideas
 • Structure / classify linguistic elements
 • Collaborative learning
W IKISPACES
                     https://wikispaces.com

     What can you do on a wiki page?
     •   Repository of sts’ performance
     •   Upload/download files
     •   Links – internal/external
     •   Embed – from other tools
     •   Blog
     What is the significance of having a wiki
     in our Chinese classroom?
     • resource sharing
     • collaborative learning
     • learning community
     • make tutorial
     • hw assignment
G OOGLE D OCS
                        http://docs.google.com




     Test input           Poetry interpretation
Chinese 2 withpainter     Yuan or Maple Bridge




    Spreadsheet
                                 Survey
   UH curriculum
                                   …?
UH master names list
Q UIZLET –        C OLLABORATIVE S TUDYING
                                   http://quizlet.com


What can you do in Quizlet?
• Record/review vocab
• Audio playback built-in
• Mobil studying

                      What is the significance of
                      making a Quizlet?
                      • Repository in cloud
                      • Listen to native voice
                      • Collaborative learning
L ANG -8 – S OCIAL             NETWORKING
               LEARNING          C OMMUNITY     http://lang-8.com/

What can you do on Lang-8 ?
•       Write journal in target language
•       Native member correct it
•       You correct other learners’ journal




    What is the significance of Lang-8 ?
    •    Social Network Services
    •    Collaborative learning
    •    Global community
L INOIT –             STICKY NOTES ON                WALL
                                       http://linoit.com/home




Gallery Walk
 • Sentence wall
 • Post it, read it, critique it, learn it
 • Collaborative learning
TOON D OO
             http://www.toondoo.com


      What can you do in a Toon?
      • tell a story
      • scramble and arrange
      • for story narration
      What is the significance of
      making a Toon?
      • context, main idea
      • lower affective filter
      • fun extension
21 ST C ENTURY L EARNING
                     21 ST C ENTURY T EACHING
other 21st Century tools . . .
   1. Google Earth
   2. Skitch
   3. Evernote
   4. Audacity
   5. Textanim
   6. Youtube –
       1. animated character etymology,
       2. digitized 清明上河圖,
       3. 成语故事,
       4. Drama
   7. World News –
       1. Online classified: For Rent, Restaurant Ads, Travel Ads
請不吝賜
 教 ! 踴躍分享!


                 Joanne.Shang@da.org

Integrating Web Tools for
Performance-based Chinese Classroom

Integrating Webtools for Performance-based Chinese Classroom

  • 1.
    I NTEGRATING WEB TOOLS FOR P ERFORMANCE - BASED C HINESE C LASSROOMS 徐佳音 Joanne Shang
  • 2.
    TODAYS M EET Listen.Talk. Listen • embrace the backchannel • connect speaker and your audience • in realtime • Everything going on in the room that is not coming from the speaker. • Encourage the audience to use the live stream to ask questions, pass notes, make comments ...
  • 3.
    W EB TOOLS. . . . Why? Why? Why? 為什麼? To integrate a rich selection of web 2.0 tools with the performance-based activities to strengthen the 5 C’s learning experience in listening, speaking, reading and writing.
  • 4.
    W EB TOOLS. . . . Why? Why? Why? 為什麼? Overarching Objective: a. Support performance-based activities b. Engage digital natives c. Achieve higher order of 21st Century learning – 4 C’s: Communication Collaboration Critical Thinking Creativity
  • 5.
    P INYIN &C HARACTERS 拼音、漢字/拼音、汉字
  • 6.
    C HINESE LITERACY -S OUND S YSTEM http://www.chineseliteracy.net/summer/cssystem.swf
  • 7.
    MIT – HANYU P INYIN T UTORIAL http://web.mit.edu/~jinzhang/www/pinyin/
  • 8.
    Y ELLOW BRIDGE /A RCH C HINESE http://www.yellowbridge.com/chinese/character-stroke-order.php?searchChinese=1&zi=%E5%9B%BD
  • 9.
    D IM SUM http://mandarintools.com/
  • 10.
    P OPUP CHINESE http://popupchinese.com/chinese/adso
  • 11.
    O RAL COMMUNICATION & M ULTIMEDIA
  • 12.
    S KYPE -S YNCHRONOUS http://www.skype.com/intl/en-us/
  • 13.
    V OICETHREAD -A SYNCHRONOUS http://www.voicethread.com
  • 14.
    G LOGSTER –R ETHINK P OSTER https://www.glogster.com What can you do on a glog? • text / image • audio / video • hyperlink to URL • embeddable What is the significance of glogging? • creative, attractive, critical thinking, language use • sharing, peer learning,critique, comment, privacy
  • 15.
    RIA – RICH I NTERNET A PPLICATION http://clear.msu.edu/teaching/online/ria/
  • 16.
    MSU-CLEAR http://clear.msu.edu/teaching/online/ria/ What can you put/do in an Audio Dropbox or Conversation? • Listen and respond to a prompt • Set time limit • Downloadable mp3 What is the significance of Audio Dropbox or Conversation? • integrate listening, speaking skills • asynchronous communication • AP Chinese Conversation
  • 17.
    V OKI – SPEAKING AVATAR http://www.voki.com What can you do in Voki? • Record speaking/reading • Read from text • embeddable What is the significance of making a Avatar? • personalized spokesperson • listen to native voice • It calls your cell phone
  • 18.
    C OLLABORATIVE LEARNING & C OURSE M ANAGEMENT Mindmeister
  • 19.
    M INDMEISTER – MIND - MAPPING http://mindmeister.com Big Picture • Visualize your thinking, sort out complicated ideas • Structure / classify linguistic elements • Collaborative learning
  • 20.
    W IKISPACES https://wikispaces.com What can you do on a wiki page? • Repository of sts’ performance • Upload/download files • Links – internal/external • Embed – from other tools • Blog What is the significance of having a wiki in our Chinese classroom? • resource sharing • collaborative learning • learning community • make tutorial • hw assignment
  • 21.
    G OOGLE DOCS http://docs.google.com Test input Poetry interpretation Chinese 2 withpainter Yuan or Maple Bridge Spreadsheet Survey UH curriculum …? UH master names list
  • 22.
    Q UIZLET – C OLLABORATIVE S TUDYING http://quizlet.com What can you do in Quizlet? • Record/review vocab • Audio playback built-in • Mobil studying What is the significance of making a Quizlet? • Repository in cloud • Listen to native voice • Collaborative learning
  • 23.
    L ANG -8– S OCIAL NETWORKING LEARNING C OMMUNITY http://lang-8.com/ What can you do on Lang-8 ? • Write journal in target language • Native member correct it • You correct other learners’ journal What is the significance of Lang-8 ? • Social Network Services • Collaborative learning • Global community
  • 24.
    L INOIT – STICKY NOTES ON WALL http://linoit.com/home Gallery Walk • Sentence wall • Post it, read it, critique it, learn it • Collaborative learning
  • 25.
    TOON D OO http://www.toondoo.com What can you do in a Toon? • tell a story • scramble and arrange • for story narration What is the significance of making a Toon? • context, main idea • lower affective filter • fun extension
  • 26.
    21 ST CENTURY L EARNING 21 ST C ENTURY T EACHING other 21st Century tools . . . 1. Google Earth 2. Skitch 3. Evernote 4. Audacity 5. Textanim 6. Youtube – 1. animated character etymology, 2. digitized 清明上河圖, 3. 成语故事, 4. Drama 7. World News – 1. Online classified: For Rent, Restaurant Ads, Travel Ads
  • 27.
    請不吝賜 教 !踴躍分享! [email protected] Integrating Web Tools for Performance-based Chinese Classroom

Editor's Notes

  • #2 Free!!
  • #3 Instead of ignoring / prohibiting the backchannel, TodaysMeet helps you leverage its power!Tapping into the backchannel lets you tailor and direct your presentation to the audience, andThe audience can share insights, questions and answers…..lLike NEVER before!!
  • #4 Be a 21st Century teacher…. educator for the born-digital learners.
  • #5 To provide the students the opportunity to acquire knowledge of the Chinese language and culture via performance-based activities Ensure 21st century readiness for all studentsto achieve the following high order of learning: 21 世紀學習模式辨識性思考(慎思明辨)
  • #6 Pinyin – learn & practiceDictionary – stroke sequence, radical
  • #7 Dr. Der-lin Chao of Hunter College.
  • #16 Created by the Center for Language Education and Research at Michigan State University, RIA Materials are perfect for foreign language learners. These rich Internet applications can be used to record, upload, mix and memorize new foreign language vocabulary words and phrases.
  • #18 Lower affective filter
  • #20 Online sticky notes for Group!!Pictures, Youtube/Vimeo links, text, attachment!Collaborative learning – gallery walk
  • #21 Significance – what can you use it for?To strength what
  • #24 Lang-8 is a SNS (Social Networking Service) site for language exchange and international communication. In this site, you can write in the language you are studying, and other users (whose native language is the language you are studying) can correct your journal. And you can also correct the journals of those who are studying your native language.
  • #25 Online sticky notes for Group!!Pictures, Youtube/Vimeo links, text, attachment!Collaborative learning – gallery walk
  • #26 Help sts focus on task in a context, focus on main idea
  • #27 Pinyin – learn & practiceDictionary – stroke sequence, radicalCreativity – mixed-media living posterSpeaking – avatar spokespersonWriting – comic design