互動 Flash在直覺式英語教學上的研發與其他應用蕭學宏助理教授

長榮大學媒體設計科技學系

Adobe Flash• 前稱 Macromedia Flash ，簡稱 Flash• Adobe Flash Professional 多媒體創作程式• Adobe Flash Player• 自從 Macromedia公司於 2005年12月3日被

Adobe 公司以價值 34 億美元的股票進行收購• http://zh.wikipedia.org/zh-tw/Adobe_Flash

Adobe Flash• 主要檔案格式

– swf是「 Shockwave Flash 」的縮寫。保護功能依然阻擋不了為數眾多的破解軟體，有不少閃客專門以此來學習別人的程式碼和設計方式。

– fla Flash 的原始檔，只能用 Adobe Flash 打開編輯。

Adobe Flash• 主要檔案格式

– as（ ActionScript 的縮寫）是一種程式語言的簡單文字檔案，存成 as 類別檔案，以方便共同工作和更進階的程式修改。

– swc ，是一種供 Flash 使用的庫格式，可以粗略地理解為 Flash 用的 dll 。無法被編輯。– flv，是 Flash Video 的簡稱， FLV 串流媒體格式是一種視訊格式，有效地解決了視訊檔案導出的 SWF 檔案體積龐大，不能在網路上有效使用等缺點。

(YouTube)

Adobe Flash Player 10• 主要平台

– Windows: I E 6.0 、 Firefox 、 AOL 9 、 Opera 9.5 、 Safari 3.x 、 Chrome 2.0

– Macintosh 平台瀏覽器– Linux 平台瀏覽器– Solaris 平台瀏覽器

Adobe Flash• 版本歷史

– Macromedia Flash MX Professional 2004 (2003 年 9月 10 日 ) Web Services、 ActionScript 2.0的物件導向編程、媒體播放零件。

– Macromedia Flash Basic 8(2005 年 9 月 13 日 ) - 新增了濾鏡和層混合模式，增加了 BitmapData 類，使Flash 擁有了全新的點陣圖繪圖方式。

– Macromedia Flash Professional 8 (2005 年 9 月 13 日 ) - 增強為移動裝置開發的功能、方便創建 Flash Web 、增強的網路視訊。

Adobe Flash• 版本歷史

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

–  ECMAScript 4.0

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 月 ) 。

Adobe Flash的其他應用• Box2dflash• 官網 http://box2dflash.sourceforge.net/• http://www.neave.com/bounce/

– Box2dflash_1.avi– Box2dflash_2.avi

Adobe Flash的其他應用• Papervision3d

– pv3d_www.flv– pv3d_show.flv– pv3d_cube.flv– pv3d_cow.flv– pv3d_adv.flv

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

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

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

facebook_architecture_overview.html

• Wiimote and WiiFit– wii_PV3D.flv– wii_fit.flv– wii_game.flv

Flash的硬體連接應用

Flash的硬體連接應用• Arduino

– Arduino_FlashPapervision3D.flv

聽說讀寫之說• 分析聲音

– 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]

– 幸運，有分析聲音之基礎。

聽說讀寫之說• Flash 分析聲音，雖有快速傅利葉轉換

(Fast Fourier Transform ， FFT) 。

聽說讀寫之說• 語音辨識 (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

聽說讀寫之說• 語音辨識 (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影響很大。

聽說讀寫之說• 語音辨識 (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. 

聽說讀寫之說• Merapi AIR/Java Speech Recognition and

Voice Control(Posted June 14, 2009) (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.

聽說讀寫之聽• 英語互動遊戲之進入 ( 成果網站 http://

140.117.168.61/Game.html)

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

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

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

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

聽說讀寫之學習歷程紀錄• 英語互動遊戲結果之紀錄

– 自行開發，採購– Moodle ， BlackBoard ， Sakai– Mahara 來自紐西蘭的自由軟體平台，包含「電子教學歷程檔案 (electronic portfolio) 」

Moodle and SCORM

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

英語 1200 單字之 MySQL資料庫

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

1200英語單字互動遊戲

英語 1200 單字例句互動遊戲

1200英語單字與例句互動遊戲• http://210.70.171.84/english1200/

flash_Game/myflash.swf• http://210.70.171.84/english1200/

sentence/sentence.swf

英語學習 SCORM 數位課程包• <item identifier=“ITEM1” isvisible=“true”>

– <title>第一章 英語單字測驗 </title>– <item identifier=“ITEM11” isvisible=“true”

identifierref=“RES11”>– <title>1-1 英語單字測驗 </title>– </item>

• </item>

英語資料庫與Moodle 之架構圖

Moodle

PHP（以隨機為原則）XML

英語 1200 單字與例句資料庫

程式設計者

英語 SCORM數位課程

英語教師

資料提供者

學生調整過關分數

英語自助餐供需鏈WEB2.0

Moodle

各式各樣簡單素材廚師

自助餐菜色顧客

蔬菜供應商

Flash Lite 2.0執行畫面 (N6120)

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

Flash Lite 2.0 的執行

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

替代方案 Flash Player 10 與 Flash CS5

ActionScript 3.0

• ECMAScript– ECMAScript 實作版本是 JavaScript  、 JScript .Net  以及 ActionScript  。– ECMAScript 第 4 版草稿是 ActionScript 3.0– ECMAScript 第 5 版

• Flash Professional 8 (2005 年 9 月 13 日 ) • Flash CS3(2007 年 7 月 12 日 ) • ActionScript 2.0 -> ActionScript 3.0

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

Flash Builder 4

• Flex Builder 官方 5正式更命為 Flash Builder 4 ，並且推出 Beta 新版。

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