互動 Flash 在直覺式英語教學上的研發與 其他應用 蕭學宏助理教授 長榮大學媒體設計科技學系.

Presentation on theme: "互動 Flash 在直覺式英語教學上的研發與 其他應用 蕭學宏助理教授 長榮大學媒體設計科技學系."— Presentation transcript:

1 互動 Flash 在直覺式英語教學上的研發與 其他應用 蕭學宏助理教授 長榮大學媒體設計科技學系

2 Adobe Flash 前稱 Macromedia Flash ，簡稱 Flash Adobe Flash Professional 多媒體創作程式 Adobe Flash Player 自從 Macromedia 公司於 2005 年 12 月 3 日被 Adobe 公司以價值 34 億美元的股票進行收 購 Macromedia 2005 年 12 月 3 日 http://zh.wikipedia.org/zh-tw/Adobe_Flash

3 Adobe Flash 主要檔案格式 –swf 是「 Shockwave Flash 」的縮寫。保護功 能依然阻擋不了為數眾多的破解軟體，有不少 閃客專門以此來學習別人的程式碼和設計方式 。swf 閃客 –fla Flash 的原始檔，只能用 Adobe Flash 打開 編輯。fla

4 Adobe Flash 主要檔案格式 –as （ ActionScript 的縮寫）是一種程式語言的 簡單文字檔案，存成 as 類別檔案，以方便共同 工作和更進階的程式修改。as程式語言 –swc ，是一種供 Flash 使用的庫格式，可以粗略 地理解為 Flash 用的 dll 。無法被編輯。swc –flv ，是 Flash Video 的簡稱， FLV 串流媒體格式 是一種視訊格式，有效地解決了視訊檔案導出 的 SWF 檔案體積龐大，不能在網路上有效使用 等缺點。 (YouTube)flv

5 Adobe Flash Player 10 主要平台 –Windows: I E 6.0 、 Firefox 、 AOL 9 、 Opera 9.5 、 Safari 3.x 、 Chrome 2.0 –Macintosh 平台瀏覽器 –Linux 平台瀏覽器 –Solaris 平台瀏覽器

6 Adobe Flash 版本歷史 –Macromedia Flash MX Professional 2004 (2003 年 9 月 10 日 ) Web Services 、 ActionScript 2.0 的物件導向編程、媒體播放零件。Web Services ActionScript 2.0物件導向編程 –Macromedia Flash Basic 8(2005 年 9 月 13 日 ) - 新增了濾鏡和層混合模式，增加了 BitmapData 類，使 Flash 擁有了全新的點陣圖繪圖方式。 –Macromedia Flash Professional 8 (2005 年 9 月 13 日 ) - 增強為移動裝置開發的功能、方便創建 Flash Web 、增強的網路視訊。 Flash Web

7 Adobe Flash 版本歷史 –Adobe Flash CS3/9 Professional(2007 年 4 月 16 日 ) - 增加全新的 Actionscript 3 指令碼語言， 重新設計命名空間的結構並增強對物件導向的 支援，並在其 Flash Player 9 中增加針對 Actionscript 3 而 完全重新編寫的虛擬機器 AVM 2 。 – ECMAScript 4.0

8 Adobe Flash 版本歷史 –Adobe Flash CS4/10 Professional(2008 年 9 月 23 日 ) - 新動畫物件的創建，同時還增加了動畫 編輯器作為新動畫方式的輔助工具。 –Flash CS4 還整合了 3D 變形和反向運動骨骼， 增強了字型引擎，並可以直接發布 Adobe Air 檔 案。 –Adobe Flash CS5/11 Professional(Flash Professional CS5 BETA 版將在 2009 年底前開 放下載, 2010 年 1-4 月 ) 。

9 Adobe Flash 的其他應用 Box2dflash 官網 http://box2dflash.sourceforge.net/http://box2dflash.sourceforge.net/ http://www.neave.com/bounce/ –Box2dflash_1.avi –Box2dflash_2.avi

10 Adobe Flash 的其他應用 Papervision3d –pv3d_www.flv –pv3d_show.flv –pv3d_cube.flv –pv3d_cow.flv –pv3d_adv.flv

11 Adobe Flash 的其他應用 Google Map and Google Earth

12 Adobe Flash 的其他應用 Google Maps API for Flash - 3D Maps

13 Adobe Flash 的其他應用 Facebook( 開心農場 ) http://www.adobe.com/devnet/facebook/articles/f acebook_architecture_overview.htmlhttp://www.adobe.com/devnet/facebook/articles/f acebook_architecture_overview.html

14 Wiimote and WiiFit –wii_PV3D.flv –wii_fit.flv –wii_game.flv Flash 的硬體連接應用

15 Arduino –Arduino_FlashPapervision3D.flv

16 聽說讀寫之說 分析聲音 –Mao-Yuan Kao, Chang-Biau Yang and Shiue- Hung Shiau, “Tempo and Beat Tracking for Audio Signals with Music Genre Classification.”, International Journal of Intelligent Information and Database Systems Volume 3, Number 3, 7 August 2009, pp. 275-290(16) (EI) [NSYSU, NSC-95-2745-H- 309-003-HPU] – 幸運，有分析聲音之基礎。

17 聽說讀寫之說 Flash 分析聲音，雖有快速傅利葉轉換 (Fast Fourier Transform ， FFT) 。

18 聽說讀寫之說 語音辨識 (Chun-Feng Liao) –Introduction to CMU Sphinx A speech recognition system developed at Carnegie Mellon University. Consists of a set of libraries –core speech recognition functions –low-level audio capture Continuous speech decoding Speaker-independent

19 聽說讀寫之說 語音辨識 (Chun-Feng Liao) –Brief History of CMU Sphinx Sphinx-I (1987) –The first user independent,high performance ASR of the world. –Written in C by Kai-Fu Lee ( 李開復博士，曾任 Microsoft Asia 首席技術 顧問 / 副總裁， Google 大中華區總裁，在中國成立「創新工場」。 ). Sphinx-II (1992) –Written by Xuedong Huang in C. ( 黃學東博士，現為 Microsoft Speech.NET 團隊領導人 ) –5-state HMM / N-gram LM. 推測 CMU Sphinx 的核心技術對 Microsoft 與 Google Speech SDK 影響很大。

20 聽說讀寫之說 語音辨識 (Chun-Feng Liao) –Brief History of CMU Sphinx Sphinx 3 (1996) –Built by Eric Thayer and Mosur Ravishankar. –Slower than Sphinx-II but the design is more flexible. Sphinx 4 (Originally Sphinx 3j) –Refactored from Sphinx 3. –Fully implemented in Java. –There is no restriction against commercial use or redistribution.

21 聽說讀寫之說 Merapi AIR/Java Speech Recognition and Voice Control(Posted June 14, 2009) (http://javadz.wordpress.com/)http://javadz.wordpress.com/ –Sphinx 4 (open source) –Merapi (open source) –Flash –Allows user to move a target on the screen by saying the voice commands LEFT, RIGHT, MIDDLE.

22 聽說讀寫之聽 英語互動遊戲之進入 ( 成果網站 http://140.117.168.61/Game.html) http://140.117.168.61/Game.html

23 聽說讀寫之聽 英語互動遊戲進入後之選擇

24 聽說讀寫之聽 英語互動遊戲 1

25 聽說讀寫之聽 英語互動遊戲 2

26 聽說讀寫之聽 英語互動遊戲 3

27 聽說讀寫之學習歷程紀錄 英語互動遊戲結果之紀錄 – 自行開發，採購 –Moodle ， BlackBoard ， Sakai –Mahara 來自紐西蘭的自由軟體平台，包含「電 子教學歷程檔案 (electronic portfolio) 」

28 Moodle and SCORM 2009 年 11 月銘傳大學【教學卓越計畫】為 增進英語溝通及閱讀能力， Moodle 系統推 出「英檢單字挑戰王」 桃縣教育局英語 1200 單字課程 轉入 MySQL 資料庫，透過網路，支援隨機 選取 1200 英語單字與例句的資料 英語學習 SCORM 數位課程包

29 英語 1200 單字之 MySQL 資料庫

30 英語 1200 單字例句之 MySQL 資料庫

31 1200 英語單字互動遊戲

32 英語 1200 單字例句互動遊戲

33 1200 英語單字與例句互動遊戲 http://210.70.171.84/english1200/flash_Ga me/myflash.swfhttp://210.70.171.84/english1200/flash_Ga me/myflash.swf http://210.70.171.84/english1200/sentence /sentence.swfhttp://210.70.171.84/english1200/sentence /sentence.swf

34 英語學習 SCORM 數位課程包 – 第一章 英語單字測驗 – – 1-1 英語單字測驗 –

35 英語資料庫與 Moodle 之架構圖 Moodle PHP （以隨機為原則 ） XML 英語 1200 單字與例句資料庫 程式設計者 英語 SCORM 數位課程 英語教師 資料提供者 學生 調整過關分數

36 英語自助餐供需鏈 WEB2.0 Moodle 各式各樣簡單素材 廚師 自助餐菜色 顧客 蔬菜供應商

37 Flash Lite 2.0 執行畫面 (N6120)

38 完全失敗 – 各種手機平台的相關技術文件的取得與實作， 都有相當難度。 –XMLSocket 應用基礎有相當難度。 Flash Lite 2.0 的執行

39 Adobe 預定今年 (2009 年 ) 邁入 beta 階段、明 年上半年完工的 Flash Player 10 ，將遍及 市面上所有其他的智慧手機平台： Google Android 黑莓機 Windows Mobile Palm WebOS 諾基亞 Symbian 。 替代方案 Flash Player 10 與 Flash CS5

40 ActionScript 3.0 ECMAScript –ECMAScript 實作版本是 JavaScript 、 JScript.Net 以及 ActionScript 。JavaScript JScript.NetActionScript –ECMAScript 第 4 版草稿是 ActionScript 3.0 –ECMAScript 第 5 版 Flash Professional 8 (2005 年 9 月 13 日 ) Flash CS3(2007 年 7 月 12 日 ) ActionScript 2.0 -> ActionScript 3.0

41 Adobe Flash CS5 Flash CS3(2007 年 7 月 12 日 ) Adobe Flash CS4/10 Professional(2008 年 9 月 23 日 ) Adobe Flash CS5/11 Professional(Flash Professional CS5 BETA 版將在 2009 年底前 開放下載, 2010 年 1-4 月 ) 2009 年 Flash CS5 將對 iPhone 平台，有支 援。 ( 手機最後一塊拼圖 ) 微軟 Microsoft Silverlight 1.0 ->3.0

42 Flash Builder 4 Flex Builder 官方 5 正式更命為 Flash Builder 4 ，並且推出 Beta 新版。 Flash Builder 4 更貼近人心之命名。 Adobe 卯足 18 個月的努力，將此版本重心放在三 個： – 設計者與程序員間更緊密的工作流程。 – 以資料開發為中心。 – 提供更好的開發環境與測試環境。