420 likes | 764 Vues
互動 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. 主要檔案格式
E N D
互動Flash在直覺式英語教學上的研發與其他應用互動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」的縮寫。保護功能依然阻擋不了為數眾多的破解軟體,有不少閃客專門以此來學習別人的程式碼和設計方式。 • flaFlash的原始檔,只能用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
Flash的硬體連接應用 • Wiimote and WiiFit • wii_PV3D.flv • wii_fit.flv • wii_game.flv
Flash的硬體連接應用 • Arduino • Arduino_FlashPapervision3D.flv
聽說讀寫之說 • 分析聲音 • Mao-Yuan Kao, Chang-Biau Yangand 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英語單字與例句互動遊戲 • 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之架構圖 英語1200單字與例句資料庫 資料提供者 PHP(以隨機為原則) XML 程式設計者 英語SCORM數位課程 Moodle 學生 調整過關分數 英語教師
英語自助餐供需鏈WEB2.0 蔬菜供應商 各式各樣簡單素材 廚師 自助餐菜色 顧客 Moodle
Flash Lite 2.0的執行 • 完全失敗 • 各種手機平台的相關技術文件的取得與實作,都有相當難度。 • XMLSocket應用基礎有相當難度。
替代方案Flash Player 10 與FlashCS5 • Adobe預定今年(2009年)邁入beta階段、明年上半年完工的Flash Player 10,將遍及市面上所有其他的智慧手機平台: • Google Android • 黑莓機 • Windows Mobile • Palm WebOS • 諾基亞Symbian。
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年 FlashCS5 將對iPhone平台,有支援。(手機最後一塊拼圖) • 微軟 Microsoft Silverlight1.0->3.0
Flash Builder 4 • Flex Builder官方5正式更命為Flash Builder 4,並且推出Beta新版。 • Flash Builder4 更貼近人心之命名。Adobe卯足18個月的努力,將此版本重心放在三個: • 設計者與程序員間更緊密的工作流程。 • 以資料開發為中心。 • 提供更好的開發環境與測試環境。