基于HTML5的新一代演示系統(tǒng)的設計與開發(fā).pdf

1、HTML5技術是目前最新的互聯(lián)網(wǎng)應用技術,它給使用者帶來全新操作體驗的同時,也改變著整個互聯(lián)網(wǎng)未來的發(fā)展方向?，F(xiàn)階段對于HTML5技術的研究和開發(fā)工作主要集中在技術草案的確立與新互聯(lián)網(wǎng)應用的開發(fā)上。對于SAPAG公司而言,為了取代現(xiàn)存基于Flash技術的Demo演示系統(tǒng),同時符合未來發(fā)展戰(zhàn)略,需要開發(fā)一款基于HTML5技術的,可以滿足用戶自服務、軟件及服務、演示Demo集成化和移動平臺操作等要求的產(chǎn)品演示系統(tǒng)。本文闡述了一種基于HTML

2、5技術的可運行在i.Pad平板電腦中的產(chǎn)品演示系統(tǒng)解決方案的研發(fā),其研究意義在于為產(chǎn)品演示系統(tǒng)提供了最前沿的開發(fā)方式,同時克服了相關研究少等問題,在學術和產(chǎn)品生產(chǎn)方面都獲得了有價值的開發(fā)資料與經(jīng)驗。
　　 在對傳統(tǒng)Demo演示系統(tǒng)的改進方面,我的工作主要包括為提供產(chǎn)品演示系統(tǒng)的移動平臺支持,開發(fā)了專門的文件緩存機制,解決了用戶使用產(chǎn)品演示系統(tǒng)中網(wǎng)絡掉線所導致的演示Demo中斷,同時也在演示Demo中加入了預加載功能,解決了網(wǎng)速緩

3、慢情況下的網(wǎng)頁內(nèi)容延遲響應問題。此外,還針對iPad平板電腦,優(yōu)化了觸控操作方式,重寫了Sencha Touch庫模版中對于產(chǎn)品演示系統(tǒng)框架模塊的支持。
　　 在HTML5 Canvas技術的應用方面,我對于對于用戶使用iPad Safari播放視頻中出現(xiàn)的問題,提出了使用Canvas捕捉操作軌跡并計算操作方式的方法,同時利用Canvas像素截取解決了視頻關鍵幀存儲與圖像生成的問題。同時在產(chǎn)品演示系統(tǒng)的設計中,使用Canvas技