躍上雲端

翱翔華語文世界

2011 年第一場雲端華語文創新教學發表會

主講人：賴飛鍾 校長主持人：王妙如 副校長線上助教： Cindy 老師 Mina 老師

全球華文網線上同步教學平台

溫哥華聯合中文學校

2011 年 3 月 20 日 7:00~9:00PM 美西時間

雲端 -相當遙遠的一個名詞…朝辭白帝彩雲間，千里江陵一日還，白雲的頂端，是不是也在那遙遠的白帝城之外 ?

前言：

當華語文教學站上雲端…雲深不知處 ?雲消霧散 ?

雲端是科技革命 ? 還是演化 ?

wwwWeb2.0

Saas

一、雲端教學簡略來說是運用雲端 (網際網路 )上的資源來執行教學的工作或是任務，舉凡 Goole, Youtube, e-mail, MSN,.. 等都是雲端資源。

華文老師都曾經漫遊在雲端之中，殊不知雲在哪裡 ? 如何應用融入華語文教學也還沒想到這一塊。其實雲端離教師們並不遠，只要能上網的電腦，都可以是雲端的入口。

wwwWeb2.0

Saas二、雲端學習呈現的是怎樣的一個不同面貌和教學形式呢 ?

Upload 、 Download and Share

上傳、下載和分享

三、雲端如何應用於華語文教與學呢 ?● SaaSSoftware as a Service ，軟體即服務。SaaS 就在於協同運算，讓使用者或用戶端的程式能夠透過網際網路去存取服務。

● 華語文如何應用 Saas 呢 ?

找出適合自己教學的雲端 Software. Video Cloud 、 Sound Cloud 、 Document Cloud and Photo Editor Cloud.

Google Cloud Connect幫甲台電腦的微軟 Office 和乙台電腦的微軟 Office 之間加上雲端備份、同步協作功能！

純粹就只是要改造微軟 Office ，幫微軟換上雲端心臟，就像之前的「 Google Chrome Frame」要改造 IE瀏覽器一樣！

Google將 Word 、 Excel 、PowerPoint 加上「雲端備份」、「版本還原」、「線上分享」、「同步協作」等新功能。

雲端應用一：

http://www.youtube.com/watch?v=H12teRzulW0&feature=player_embedded

HTML

● YouTube 影片上傳、下載與分享● YouTube 雲端影片剪輯 http://www.youtube.com/editor● YouTube 雲端非同步教學影片製作 http://www.youtube.com/my_webcam● YouTube Html5 Player

教學與學習的最大朵雲

Video Cloud 華語文影音教學雲端應用二：

YouTube 雲端影片編輯器http://www.youtube.com/editor

http://www.youtube.com/my_webcam

雲端非同步教學影片製作

雲端非同步教學影片製作

錄影前的準備1)Web Cam2)耳機麥克風3)教案事先設計好4)進入 http://www.youtube.com/my_webcam 開始錄影

雲端螢幕擷取教學影片製作http://screenr.com/

1.免費版只能錄 5分鐘。2.完整版：免費版 +Youtube Editor3.錄完之後可同步上傳 Youtube4. 可下載檔案 .mp4

(感謝噗友圖神提供 )

5. 可以同步錄製聲音影像。6. 不需裝置任何軟體。7. 可在 Mac 或 Pc錄製。8. 任意分享，隨處可瀏覽。iPhone iPad iPod 也看得到！

©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada

行動學習 Mobile Studying

Video Platform

©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada

行動學習 Mobile Studying

Video Platform

免費雲端電子白板─同步與非同步教學

http://express.smarttech.com/# http://www.scriblink.com/ http://www.scribblar.com/ http://www.imaginationcubed.com/ http://www.outlawsco.com/games/draw/chalkboard.htmlhttp://www.skrbl.com/158723099http://gimite.net/sharpan/http://www.twiddla.com

1.選擇適合自己使用的網路電子白板2.做好課程設計，與使用端做互動教與學。

行動學習 Mobile Studying

語詞影音製作

行動學習 Mobile Studying

行動學習 Mobile Studying http://www.mobilestudy.org

利用已經製作完成的超短片 (Question)製作遊戲

F001 題庫下載 http://dl.dropbox.com/u/14948951/F001.rar

http://www.youtube.com/html5

The YouTube HTML 5 BetaSupported Browsers

YouTube support browsers that support both the video tag in HTML5 and either the h.264 video codec or the WebM format (with VP8 codec).

These include:Firefox (WebM enabled version available here)Google Chrome (h.264 supported now, WebM enabled version available via Early Release Channel)Opera (WebM enabled version available here)Microsoft Internet Explorer 9 (h.264, Platform Preview 3)Apple Safari (h.264, version 4+)Microsoft Internet Explorer with Google Chrome Frame installed (Get Google Chrome Frame)

1.要試用 YouTube 裡的 HTML 5 影片播放器時，目前對 HTML 5 支援度較佳的 Firefox 4、 Google Chrome 、 Opera 10.6、 Safari 4.0 與 Microsoft IE 9以上瀏覽器，才可使用。

點擊進入 http://www.youtube.com/html5 的切換網址後，點擊 [加入 HTML5 試用版 ]。

2. 接下來離開該網址，進入 YouTube 影片的首頁，點擊想要觀看的影 片，此時就會使用 HTML 5 影片播放器來進行播放，若要開啟快、慢 轉的功能，可按下圖所示位置來開啟，目前影片播放速度的調整可支 援 2倍速、 1.5 倍速、標準速度、 1/2 速度、 1 /4 速度等 5 種播放模式。

若想關閉試用，可回 http://www.youtube.com/html5 ，點擊 [離開 HTML5 試用版 ]即可。

YouTube <iframe> code can offer up both HTML 5 and Flash in one quick embed. That’s pretty cool. The new iframe is a quick bit of code that has the standard attributes (see below). Then, depending on the viewers settings and preferences YouTube will serve up either HTML 5 or Flash. That means that you can now embed once and YouTube will decide automatically which player they will serve.

Here’s an example code:<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/W5kn3-8V0nc" frameborder="0" allowfullscreen></iframe>

新的 YouTube嵌入碼拋棄了原有的 JavaScript 形式，直接採用 HTML中的 <iframe> 標籤來插入影片。新的 Youtube嵌入碼：<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe> 雖然現在一般使用者還沒辦法直接從 YouTube 的網頁上取得這種影片嵌入碼，不過你只要將 YouTube 的影片 ID放入「 VIDEO_ID 」的位 置，然後直接放在你的部落格上就可以了。新版嵌入碼可以讓你的使用者依自己的設定，選擇看到哪一種格式的影片。如果你的使用者加入了 YouTube HTML5 測試， 那它就會看到 HTML5的播放器；如果沒有加入，那他就會看到 Flash版的播放器。影片插入後如下：另外，你也可以用另一種方式來插入播放列表：不支援 safari<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/p/PLAYLIST_ID" frameborder="0"> </iframe>

簡單來說 , 支援大部分的瀏覽器 嵌入語法

<video width="640" height="480" poster="_YOUR-POSTER_PATH_.JPG" controls><source src="_YOUR-FILE-PATH_.mp4" type="video/mp4"></source><source src="_YOUR-FILE-PATH_.ogv" type="video/ogg"></source><object width="640" height="480" type="application/x-shockwave-flash" data="_DO-YOUR-FLASH-EMBEDED"></object></video>

注意事項 :第一行 .mp4的是 H.264 格式 ,.ogv 的是 OGG格式 ,object標籤後面主要是外掛的影片檔案 , 也可以改用 YouTube 、 Vimeo 等外嵌程式片段 .

雖然用 Flash 與 HTML5來播放影片有許多的討論空間，不過在我的電腦上，兩者並沒有什麼特殊差異，都可以正常播放，對於我是能看就好，但是如果你的電腦效能有 點舊了，使用 HTML5來播放影片可能會造成停頓現象，不過還在測試中，不用太早下定論。而部分影片因為 YouTube問題，所以可能你即使設定了 HTML5 播放器，還是會被導回去 Flash播放器來播放。

未來想要撼動 Flash 的地位還是需要一段時間， HTML5 則是成為主流標準的日子也要一段時間，不管最終如何發展，網路上的沒有永遠的主流，我們只要好好地用，不好用自然會被淘汰掉。

Flash 這東西真是讓人又愛又恨，一堆擾亂視覺的廣告可以把它擋掉眼不見為淨，但是用 Flash Player 播放的影片不能擋，又會因為非常吃 CPU 效能而老是讓使用率瞬間飆升 .... 尤其在 Youtube 上同時下載兩三部影片，結果造成 CPU溫度衝到 80 幾度也是常有的事。

幸好最近 Youtube 開始支援 HTML 5 的播放格式，這代表 Safari 、 Chrome 等瀏覽器載入影片時，不再需要使用 Flash Player 當做播放器，那就不用怕電腦風扇狂轉的問題啦！！

雲端影音 (Video Cloud)融入華語文教學

●情境朗讀 ●課文大意 ●生字筆順 ●對話影音

Html5 Player

雲端應用三：

在 HTML5的 <video>可以很容易嵌入到網頁中的視頻無任何插件。

Open Source

下載點 http://videojs.com/

雲端網路空間我的雲端 PC

PC(NB)+雲端 +iPad 同步，幾乎都會使用到 DropBox，但是 Keynote 、 Pages…….還有一些軟體卻不支援 DropBox，而是支援 WebDav

如何將 webDav 和 PC及 iPad 上的 App串連起來

1. 到 https://webdav.mydrive.ch申請帳戶，有 5G空間。2. 在桌面上的〔電腦〕圖示按滑鼠右鍵， 選〔連線網路磁碟機〕，指定一個磁碟機代號， 在〔資料夾〕中輸入〔 https://webdav.mydrive.ch〕， 並按下完成。

此時會跳出一個對話視窗，請輸入你的 Mydrive.ch 的帳號密碼即可。

WEBDAV PC+iPad+Apps

支援 WEBDAV 服務的免費空間 http://www.box.net/ ，這個空間，免費帳號可以有 5G空間，但有單檔 25MB的限制。進到 http://www.box.net 按下右方的〔 Try It Free〕

時間： 2011/04/10(星期日 )美西時間 晚上 7:00~9:00 臺灣時間 4/11(星期一 ) 上午 10:00~12:00

內容概要 : 雲端融入華語文教學1. 何謂雲端華語文教學應用程式 Html5 Player 語法介紹與應用 (現場提供下載 )2. 雲端教案實作一 : 雲端 Movie Maker 雲端教學影片製作 Apps.3. 雲端教案實作二 : 雲端電子書的製作 介紹 3 種不同類型的雲端電子書 Apps.

2011年第二場雲端華語文創新教學發表會預告