cloud presentation

1. 躍上雲端 翱翔華語文世界 2011 年第一場雲端華語文創新教學發表會 主講人：賴飛鍾 校長 主持人：王妙如 副校長 線上助教： Cindy 老師 Mina 老師 全球華文網線上同步教學平台 溫哥華聯合中文學校 2011 年 3 月 20 日 7:00~9:00PM 美西時間

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

3. 當華語文教學站上雲端… 雲深不知處 ? 雲消霧散 ? 雲端是科技革命 ? 還是演化 ?

4. www Web2.0 Saas

5. 一、雲端教學 簡略來說是運用雲端 ( 網際網路 ) 上的資源來執行教學的工作或是任務，舉凡 Goole, Youtube, e-mail, MSN,.. 等都是雲端資源。 華文老師都曾經漫遊在雲端之中，殊不知雲在哪裡 ? 如何應用融入華語文教學也還沒想到這一塊。其實雲端離教師們並不遠，只要能上網的電腦，都可以是雲端的入口。

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

7. Upload 、 Download and Share 上傳、 下載 和分享

9. 三、雲端如何應用於華語文教與學呢 ? ● SaaS Software as a Service ，軟體即服務 。 SaaS 就在於協同運算，讓使用者或用戶端的程式能夠透過網際網路去存取服務。 ● 華語文如何應用 Saas 呢 ? 找出適合自己教學的雲端 Software. Video Cloud 、 Sound Cloud 、 Document Cloud and Photo Editor Cloud.

10. Google Cloud Connect 幫甲台電腦的微軟 Office 和乙台電腦的微軟 Office 之間加上雲端備份、同步協作功能！ 純粹就只是要改造微軟 Office ，幫微軟換上雲端心臟，就像之前的「 Google Chrome Frame 」要改造 IE 瀏覽器一樣！ Google 將 Word 、 Excel 、 PowerPoint 加上「雲端備份」、 「版本還原」、「線上分享」、 「同步協作」等新功能 。 雲端應用一： http://www.youtube.com/watch?v=H12teRzulW0&feature=player_embedded

12. HTML ● YouTube 影片上傳、下載與分享 ● YouTube 雲端影片剪輯 http://www.youtube.com/editor ● YouTube 雲端非同步教學影片製作 http://www.youtube.com/my_webcam ● YouTube Html5 Player 教學與學習的最大朵雲 YouTube Video Cloud 華語文影音教學 雲端應用二：

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

14. http://www.youtube.com/my_webcam 雲端非同步教學影片製作

16. 雲端螢幕擷取教學影片製作 http://screenr.com/ 1. 免費版只能錄 5 分鐘。 2. 完整版：免費版 +Youtube Editor 3. 錄完之後可同步上傳 Youtube 4. 可下載檔案 .mp4 ( 感謝噗友圖神提供 ) 5. 可以同步錄製聲音影像。 6. 不需裝置任何軟體。 7. 可在 Mac 或 Pc 錄製。 8. 任意分享，隨處可瀏覽。 iPhone iPad iPod 也看得到！

17. ©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada 行動學習 Mobile Studying Video Platform

19. ©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada 行動學習 Mobile Studying Video Platform

21. 行動學習 Mobile Studying 語詞影音製作

22. 行動學習 Mobile Studying

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

24. 利用已經製作完成的超短片 (Question) 製作遊戲 F001 題庫下載 http://dl.dropbox.com/u/14948951/F001.rar

25. http://www.youtube.com/html5

26. The YouTube HTML 5 Beta Supported 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 )

28. 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=&quot;YouTube video player&quot; width=&quot;480&quot; height=&quot;390&quot; src=&quot;http://www.youtube.com/embed/W5kn3-8V0nc&quot; frameborder=&quot;0&quot; allowfullscreen></iframe>

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

30. 簡單來說 , 支援大部分的瀏覽器 嵌入語法 <video width=&quot;640&quot; height=&quot;480&quot; poster=&quot;_YOUR-POSTER_PATH_.JPG&quot; controls> <source src=&quot;_YOUR-FILE-PATH_.mp4&quot; type=&quot;video/mp4&quot;></source> <source src=&quot;_YOUR-FILE-PATH_.ogv&quot; type=&quot;video/ogg&quot;></source> <object width=&quot;640&quot; height=&quot;480&quot; type=&quot;application/x-shockwave-flash&quot; data=&quot;_DO-YOUR-FLASH-EMBEDED&quot;> </object> </video> 注意事項 : 第一行 .mp4 的是 H.264 格式 ,.ogv 的是 OGG 格式 , object 標籤後面主要是外掛的影片檔案 , 也可以改用 YouTube 、 Vimeo 等外嵌程式片段 .

31. 雖然用 Flash 與 HTML5 來播放影片有許多的討論空間，不過在我的電腦上，兩者並沒有什麼特殊差異，都可以正常播放，對於我是能看就好，但是如果你的電腦效能有 點舊了，使用 HTML5 來播放影片可能會造成停頓現象，不過還在測試中，不用太早下定論。而部分影片因為 YouTube 問題，所以可能你即使設定了 HTML5 播放器，還是會被導回去 Flash 播放器來播放。 未來想要撼動 Flash 的地位還是需要一段時間， HTML5 則是成為主流標準的日子也要一段時間，不管最終如何發展，網路上的沒有永遠的主流，我們只要好好地用，不好用自然會被淘汰掉。

32. Flash 這東西真是讓人又愛又恨，一堆擾亂視覺的廣告可以把它 擋掉 眼不見為淨，但是用 Flash Player 播放的影片不能擋，又會因為非常吃 CPU 效能而老是讓使用率瞬間飆升 .... 尤其在 Youtube 上同時下載兩三部影片，結果造成 CPU 溫度衝到 80 幾度也是常有的事。 幸好最近 Youtube 開始支援 HTML 5 的播放格式，這代表 Safari 、 Chrome 等瀏覽器載入影片時，不再需要使用 Flash Player 當做播放器，那就不用怕電腦風扇狂轉的問題啦！！

33. 雲端影音 (Video Cloud) 融入華語文教學 ● 情境朗讀 ●課文大意 ● 生字筆順 ● 對話影音 Html5 Player 雲端應用三：

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

35. Open Source 下載點 http://videojs.com/

36. 雲端網路空間 我的雲端 PC

37. 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

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

40. 時間： 2011/04/10( 星期日 ) 美西時間 晚上 7:00~9:00 臺灣時間 4/11( 星期一 ) 上午 10:00~12:00 內容概要 : 雲端融入華語文教學 1. 何謂雲端華語文教學應用程式 Html5 Player 語法介紹與應用 ( 現場提供下載 ) 2. 雲端教案實作一 : 雲端 Movie Maker 雲端教學影片製作 Apps. 3. 雲端教案實作二 : 雲端電子書的製作 介紹 3 種不同類型的雲端電子書 Apps. 2011 年第二場雲端華語文創新教學發表會預告