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

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

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

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