HTML 5技术是目前最新的互联网应用技术,它给使用者带来全新操作体验的同时,也改变着整个互联网未来的发展方向。现阶段对于HTML 5技术的研究和开发工作主要集中在技术草案的确立与新互联网应用的开发上。对于SAPAG公司而言,为了取代现存基于Flash技术的Demo演示系统,同时符合未来发展战略,需要开发一款基于HTML 5技术的,可以满足用户自服务、软件及服务、演示Demo集成化和移动平台操作等要求的产品演示系统。本文阐述了一种基于HTML 5技术的可运行在iPad平板电脑中的产品演示系统解决方案的研发,其研究意义在于为产品演示系统提供了最前沿的开发方式,同时克服了相关研究少等问题,在学术和产品生产方面都获得了有价值的开发资料与经验。在对传统Demo演示系统的改进方面,我的工作主要包括为提供产品演示系统的移动平台支持,开发了专门的文件缓存机制,解决了用户使用产品演示系统中网络掉线所导致的演示Demo中断,同时也在演示Demo中加入了预加载功能,解决了网速缓慢情况下的网页内容延迟响应问题。此外,还针对iPad平板电脑,优化了触控操作方式,重写了Sencha Touch库模版中对于产品演示系统框架模块的支持。在HTML 5 Canvas技术的应用方面,我对于对于用户使用iPad Safari播放视频中出现的问题,提出了使用Canvas捕捉操作轨迹并计算操作方式的方法,同时利用Canvas像素截取解决了视频关键帧存储与图像生成的问题。同时在产品演示系统的设计中,使用Canvas技术解决了在HTML5网页中对于CoverFlow、Accordion和Carousel效果的模拟。本课题研究成果目前被用在公司的内部网站中进行测试,并为下一步的商业应用做好准备。