部落格也是教學平台
-嵌入工具實作
 連育仁
 lienyujen@facebook.com
網路練習的優勢
• 課後作業
• 聽說讀寫打線上演練
• 延伸教學場域
• 創造在課堂教學無法實踐
  的教學創意
• 宣傳效益


                From: http://blog.huayuworld.org/yehlaoshi2/
網路教學現況調查
• http://blog.huayuworld.org/lienyujen/12043/20
  12/03/25/110158
• 結合google form、countif函式、圖表及部落格”插
  入原始碼”功能
• 參考教學:
http://briian.com/?p=5438
熟悉問卷功能,可以用來?




        http://4.bp.blogspot.com/-ow0f_Ukb3L0/TggG2_sWaoI/AAAAAAAAAG8/LvlwzxE-PPs/s1600/thinking1.jpg
部落格的功能
• 發表文章
 ▫ 發佈通知
   行事曆(google calendar)
 ▫ 張貼教材
   張貼文字
   直接下載
   影音檔案
• 線上互動
 ▫ 文字互動
 ▫ 影音互動
 ▫ 上傳檔案互動
部落格的能耐
• 非同步互動
• 同步溝通
 ▫ 文字
 ▫ 影音
部落格/Facebook & Google +
• 目的單純 / 功能複雜
• 教學專用 / 社群互動
• 互動工具外掛 / 互動功能內建
能嵌入華文網部落格的
聽、說、讀、寫及打字工具




  http://d2f8dzk2mhcqts.cloudfront.net/0645_Conceptual_Photos/Awesome_Creative_Works__4.jpg
聽、說服務




http://www.voki.com/   http://clear.msu.edu/teachin
                                                      http://soundcloud.com
                       g/online/ria/audioDropbox/
代替老師說話的可愛虛擬人物
http://www.voki.com/



• Henny老師教學
 ▫ http://blog.huayuworld.org/hch
   en/7746/2009/05/27/31901


• 第一個voki人物:
  ▫ http://www.voki.com/cr
    eate.php

                                    http://www.voki.com/pickup.php?scid=4804823&height=400&width=300
編輯你的Avatar
• 改變”長相”
• 錄製聲音
• 記得,adobe
  flash的啟用設
  定必需設定為
  允許
發佈虛擬人物
張貼於部落格
• 新增文章
• 選擇箭頭所示之
  html按鈕
• 張貼剛才複製的
  原始碼
• 點選update按鈕
線上錄音回覆-Audio dropbox




• http://clear.msu.edu/teaching/online/ria/audio
  Dropbox/
• 點選new user免費註冊
新增專案
產出專案嵌入檔
觀看/收聽回應
An idea:



       1. What's his name?
       2. How old is he?
       3. How’s his dog?
       4. How many sisters does he has?
雲端個人播音室

• 線上註冊
 ▫ http://soundcloud.com/
• 能將錄音檔、錄音集
  嵌入部落格
• 能透過行動裝置錄音
發佈第一串音軌
取得嵌入語法
錄音即時播送
• 點選個人檔案
• 選擇”share”取得嵌入碼
閱讀服務




  http://quizlet.com/
製作字卡




詞彙來源 http://media.huayuworld.org/lang/basic/ch_read/619/o.htm
取得嵌入碼
實例




http://blog.huayuworld.org/lienyujen/12038/2012/03/25/110161
書寫服務


        http://web.mtc.ntnu.edu.tw:88/STROKES/




       http://web.mtc.ntnu.edu.tw:88/ebook/
實例
• http://blog.huayuwor
  ld.org/lienyujen/1204
  0/2012/03/25/11016
  2




                          圖:取自華文網
免安裝中文輸入法的線上打字板
• http://www.google.com/transliterate
http://blog.huayuworld.org/lienyujen/12038/2
012/03/25/110153




                                               • 步驟如左圖
                                               • 語法(直接複製貼
                                                 上即可):
                                                 <iframe
                                                 height="400"
                                                 src="http://ww
                                                 w.google.com/tr
                                                 ansliterate/"
                                                 width="600"></
                                                 iframe>
將部落格轉為同步教學平台
     • Skype
      ▫ http://www.skype.com/intl/zh-
        Hant/tell-a-friend/get-a-skype-
        button/

     • Wiziq
      ▫ http://www.wiziq.com/
混成教學策略

            同步
     非同步    教學
      教材

           課室
           教學




         混成式教學
推薦及參考部落格
•   葉老師的中文課
•   http://blog.huayuworld.org/yehlaoshi2
•   福和市中文學校
•   http://blog.huayuworld.org/elainehsu
•   非新實用主義派
•   http://blog.huayuworld.org/ivclaoshi
• 實作練習與創意發想
• 如何善用上述工具,將教學、華文網部落格功能
  完整結合?
• 上述工具是否對教學有益,若無,缺點為何?如
  何改進?

CSD_部落格也是教學平台-嵌入工具實作