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

1,710 views

Published on

cloud presentation

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,710
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. 躍上雲端 翱翔華語文世界 2011 年第一場雲端華語文創新教學發表會 主講人:賴飛鍾 校長 主持人:王妙如 副校長 線上助教: Cindy 老師 Mina 老師 全球華文網線上同步教學平台 溫哥華聯合中文學校 2011 年 3 月 20 日 7:00~9:00PM 美西時間
  2. 2. 雲端 - 相當遙遠的一個名詞… 朝辭白帝彩雲間, 千里江陵一日還, 白雲的頂端, 是不是也在那遙遠的白帝城之外 ? 前言:
  3. 3. 當華語文教學站上雲端… 雲深不知處 ? 雲消霧散 ? 雲端是科技革命 ? 還是演化 ?
  4. 4. www Web2.0 Saas
  5. 5. 一、雲端教學 簡略來說是運用雲端 ( 網際網路 ) 上的資源來執行教學的工作或是任務,舉凡 Goole, Youtube, e-mail, MSN,.. 等都是雲端資源。 華文老師都曾經漫遊在雲端之中,殊不知雲在哪裡 ? 如何應用融入華語文教學也還沒想到這一塊。其實雲端離教師們並不遠,只要能上網的電腦,都可以是雲端的入口。
  6. 6. www Web2.0 Saas 二、雲端學習呈現的是怎樣的一個不同面貌和教學形式呢 ?
  7. 7. Upload 、 Download and Share 上傳、 下載 和分享
  8. 9. 三、雲端如何應用於華語文教與學呢 ? ● SaaS Software as a Service ,軟體即服務 。 SaaS 就在於協同運算,讓使用者或用戶端的程式能夠透過網際網路去存取服務。 ● 華語文如何應用 Saas 呢 ? 找出適合自己教學的雲端 Software. Video Cloud 、 Sound Cloud 、 Document Cloud and Photo Editor Cloud.
  9. 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
  10. 12. HTML ● YouTube 影片上傳、下載與分享 ● YouTube 雲端影片剪輯 http://www.youtube.com/editor ● YouTube 雲端非同步教學影片製作 http://www.youtube.com/my_webcam ● YouTube Html5 Player 教學與學習的最大朵雲 YouTube Video Cloud 華語文影音教學 雲端應用二:
  11. 13. YouTube 雲端影片編輯器 http://www.youtube.com/editor
  12. 14. http://www.youtube.com/my_webcam 雲端非同步教學影片製作
  13. 15. 雲端非同步教學影片製作 <ul><li>錄影前的準備 </li></ul><ul><li>Web Cam </li></ul><ul><li>耳機麥克風 </li></ul><ul><li>教案事先設計好 </li></ul><ul><li>進入 http://www.youtube.com/my_webcam 開始錄影 </li></ul>
  14. 16. 雲端螢幕擷取教學影片製作 http://screenr.com/ 1. 免費版只能錄 5 分鐘。 2. 完整版:免費版 +Youtube Editor 3. 錄完之後可同步上傳 Youtube 4. 可下載檔案 .mp4 ( 感謝噗友圖神提供 ) 5. 可以同步錄製聲音影像。 6. 不需裝置任何軟體。 7. 可在 Mac 或 Pc 錄製。 8. 任意分享,隨處可瀏覽。 iPhone iPad iPod 也看得到!
  15. 17. ©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada 行動學習 Mobile Studying Video Platform
  16. 19. ©2011 Union Mandarin School / Campus: Moscrop Secondary School in Burnaby, B.C. Canada 行動學習 Mobile Studying Video Platform
  17. 20. 免費雲端電子白板─同步與非同步教學 http://express.smarttech.com/# http://www.scriblink.com/ http://www.scribblar.com/ http://www.imaginationcubed.com/ http://www.outlawsco.com/games/draw/chalkboard.html http://www.skrbl.com/158723099 http://gimite.net/sharpan/ http://www.twiddla.com <ul><li>選擇適合自己使用的網路電子白板 </li></ul><ul><li>做好課程設計,與使用端做互動教與學。 </li></ul>
  18. 21. 行動學習 Mobile Studying 語詞影音製作
  19. 22. 行動學習 Mobile Studying
  20. 23. 行動學習 Mobile Studying http://www.mobilestudy.org
  21. 24. 利用已經製作完成的超短片 (Question) 製作遊戲 F001 題庫下載 http://dl.dropbox.com/u/14948951/F001.rar
  22. 25. http://www.youtube.com/html5
  23. 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 )
  24. 27. <ul><li>要試用 YouTube 裡的 HTML 5 影片播放器時,目前對 HTML 5 支援度較佳的 Firefox 4 、 Google Chrome 、 Opera 10.6 、 Safari 4.0 與 Microsoft IE 9 以上瀏覽器,才可使用。 </li></ul><ul><li>點擊進入 http://www.youtube.com/html5   的切換網址後,點擊 [ 加入 HTML5 試用版 ] 。 </li></ul>2. 接下來離開該網址,進入 YouTube 影片的首頁,點擊想要觀看的影 片,此時就會使用 HTML 5 影片播放器來進行播放,若要開啟快、慢 轉的功能,可按下圖所示位置來開啟,目前影片播放速度的調整可支 援 2 倍速、 1.5 倍速、標準速度、 1/2 速度、 1 /4 速度等 5 種播放模式。 若想關閉試用,可回 http://www.youtube.com/html5   , 點擊 [ 離開 HTML5 試用版 ] 即可。
  25. 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>
  26. 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>
  27. 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 等外嵌程式片段 .
  28. 31. 雖然用 Flash 與 HTML5 來播放影片有許多的討論空間,不過在我的電腦上,兩者並沒有什麼特殊差異,都可以正常播放,對於我是能看就好,但是如果你的電腦效能有 點舊了,使用 HTML5 來播放影片可能會造成停頓現象,不過還在測試中,不用太早下定論。而部分影片因為 YouTube 問題,所以可能你即使設定了 HTML5 播放器,還是會被導回去 Flash 播放器來播放。 未來想要撼動 Flash 的地位還是需要一段時間, HTML5 則是成為主流標準的日子也要一段時間,不管最終如何發展,網路上的沒有永遠的主流,我們只要好好地用,不好用自然會被淘汰掉。
  29. 32. Flash 這東西真是讓人又愛又恨,一堆擾亂視覺的廣告可以把它 擋掉 眼不見為淨,但是用 Flash Player 播放的影片不能擋,又會因為非常吃 CPU 效能而老是讓使用率瞬間飆升 .... 尤其在 Youtube 上同時下載兩三部影片,結果造成 CPU 溫度衝到 80 幾度也是常有的事。 幸好最近 Youtube 開始支援 HTML 5 的播放格式,這代表 Safari 、 Chrome 等瀏覽器載入影片時,不再需要使用 Flash Player 當做播放器,那就不用怕電腦風扇狂轉的問題啦!!
  30. 33. 雲端影音 (Video Cloud) 融入華語文教學 ● 情境朗讀 ●課文大意 ● 生字筆順 ● 對話影音 Html5 Player 雲端應用三:
  31. 34. 在 HTML5 的 <video> 可以很容易嵌入到網頁中的視頻無任何插件。
  32. 35. Open Source 下載點 http://videojs.com/
  33. 36. 雲端網路空間 我的雲端 PC
  34. 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
  35. 39. 支援 WEBDAV 服務的免費空間 http:// www.box.net / , 這個空間,免費帳號可以有 5G 空間,但有單檔 25MB 的限制。 進到 http:// www.box.net 按下右方的〔 Try It Free 〕
  36. 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 年第二場雲端華語文創新教學發表會預告

×