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

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

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

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