智慧型表單 變！變！變！diana...
TRANSCRIPT
智慧型表單 – 變！變！變！Diana Lu
主講人：陸霞瑛
智慧型表單 – 變！變！變！Diana Lu
智慧型表單 – 變！變！變！Diana Lu
智慧型表單 – 變！變！變！Diana Lu
Google Docs 在中文教學上的應用
發佈資訊
共筆與協作
互動
線上評量
智慧型表單 – 變！變！變！Diana Lu
簡介
• Google Docs可以詳盡的記載每位學生繳卷的時間及輸入的答案，資料就存在試算表上讓老師檢視學生的學習成果。
智慧型表單 – 變！變！變！Diana Lu
Google Docs 之功能與運用
Google Docs ─ Document (文件)
Google Docs ─ Presentation (簡報)
Google Docs ─ Spreadsheet (試算表)
Google Docs ─ Form（表單）
智慧型表單 – 變！變！變！Diana Lu
Google form
• 本課程將介紹如何建立一份新的評量卷，讓學生做線上評量。（見講義）
• Sample 1： 端午節學習單（映筑-我愛po華文：端午節教案設計）
• Sample 2：全新版華語第八冊期中考 （徐幸娟老師EZ華語園）
• Sample 3： 2011師培班GoogleDocs範例
智慧型表單 – 變！變！變！Diana Lu 智慧型表單 – 變！變！變！Diana Lu
智慧型表單 – 變！變！變！Diana Lu
智慧型表單
• 克拉克校長講義連結
• 分享克拉克校長第二場線上研習會─智慧型表單(Smart Doc.)實作與應用，開啟老師們在製作Google表單上的新視野，教老師們突破Google Doc製作表單的限制，不但可以嵌入video、圖片、打字、錄音、閱讀、遊戲......等等，更運用老師們的創意發揮，將表單丟在雲端，使表單發揮極致，讓你設計一個超完美的學習單！
智慧型表單 – 變！變！變！Diana Lu
以各種多媒體嵌入表單(影片)說明
1.google doc. script: http://www.youtube.com/embed/MEc6nYv7Nis
2. 聲音嵌入：http://www.youtube.com/embed/EEFX4OQBKbc （詞語聽打練習）
3. youtube影片嵌入表單： http://www.youtube.com/embed/zaXSpMXNZZ4
4.Flash嵌入表單: http://www.youtube.com/embed/Joi9sQLdcXs
5.如何將智慧型表單嵌入 （iframe）網頁: http://www.youtube.com/embed/ZDZ9r3mCoCo
6. http://freeonlinehtmleditor.com/：http://www.youtube.com/embed/QC14W8gzgbU
7. 遊戲式google表單：http://www.youtube.com/embed/-IuPFfsQSMo
智慧型表單 – 變！變！變！Diana Lu
阿剛老師講解Google script:
http://www.youtube.com/watch?v=p09IWm7KBsY
• MCQ功能,觸發器的選擇,學生可收到答案
智慧型表單 – 變！變！變！Diana Lu
圖片嵌入Google 表單: http://www.youtube.com/embed/MEc6nYv7Nis
智慧型表單 – 變！變！變！Diana Lu
聲音嵌入Google 表單: http://www.youtube.com/embed/EEFX4OQBKbc
智慧型表單 – 變！變！變！Diana Lu
youtube影片嵌入表單： http://www.youtube.com/embed/zaXSpMXNZZ4
智慧型表單 – 變！變！變！Diana Lu
Flash嵌入表單: http://www.youtube.com/embed/Joi9sQLdcXs
智慧型表單 – 變！變！變！Diana Lu
如何將智慧型表單嵌入 （iframe）網頁: http://www.youtube.com/embed/ZDZ9r3mCoCo
智慧型表單 – 變！變！變！Diana Lu
線上網頁重製Google doc
http://freeonlinehtmleditor.com/：http://www.youtube.com/embed/QC14W8gzgbU
智慧型表單 – 變！變！變！Diana Lu
遊戲式google表單：http://www.youtube.com/embed/-IuPFfsQSMo
智慧型表單 – 變！變！變！Diana Lu
主題：中國菜
智慧型表單 – 變！變！變！Diana Lu
目標
認識中國菜
能說出簡單的中國菜
能做出菜單
簡單說出配料
智慧型表單 – 變！變！變！Diana Lu
設計內容
• A、B 組 （已學習1-200字者）
• C、D 組 （已學習400字以上） 對象
• PPT念讀菜單 學習方式
• 作品：學生設計的菜單 作品呈現
• 遊戲、滿意度調查、
• 說出一道自己喜歡的中國菜 測驗
智慧型表單 – 變！變！變！Diana Lu
學習單數位運用的技巧
• PPT 認識中國菜
• 聽音辨字六選一 test
• PDF 作品呈現
• 表單：Grid / 方格 意見調查
• 表單：Text / 文字 簡答
智慧型表單 – 變！變！變！Diana Lu
(另外再貼一份在Notepad備用。)
Notepad-1
• 完成表單內容
1. 製作表單
• 將表單原始碼貼到BLOG or 網頁editor後臺的編輯HTML處。
2. Copy and paste-1 • 回到前臺在適當的
位置嵌入video、圖片、打字、錄音、閱讀、遊戲......等等
3. 插入video, flash……
智慧型表單 – 變！變！變！Diana Lu
Notepad-2
• 將BLOG or 網頁editor的原始碼Copy and paste在Notepad-2。
4. Copy and paste-2
• 換頭：把Notepad-2前面script換成原來表單的script。
• 加尾：在最尾端加上</body></html>
5. 換頭加尾 • Find “background”
… url('//lh3.google usercontent.com/
• 改成 url(‘https://lh3.google
6. 加回原背景
智慧型表單 – 變！變！變！Diana Lu
Notepad-2
Save as
Nam: .htm
Type:
All Files
Encoding: UTF-8
智慧型表單 – 變！變！變！Diana Lu
智慧型表單 - 變！變！變！
檔案Upload to 雲端
Iframe語法：
<iframe name=“Picture” width=“650” height=“1200” src=“網址" scrolling="yes"
frameborder="yes"></iframe>
“檔案URL”加入Iframe ，
大功告成！
智慧型表單 – 變！變！變！Diana Lu
？？？
智慧型表單 – 變！變！變！Diana Lu
請多指教！
陸霞瑛
• Blog：
– http://blog.huayuworld.org/Lulaoshi
– http://blog.huayuworld.org/e-Learning
• Email：[email protected]