基于HTML5和CSS3的网易WAP站触屏版移动产品分析-软件工程专业论文.docxVIP

information based on the optimization of large touch-screen. Meanwhile, it has also made an attempt of mobile advertisement subdivision and has achieved a great expectation effect. Key words：Touch-screen version Intelligent terminal Mobile network Front-end development Terminal adapter 目 录 摘 要 I Abstract II 1 绪论 1.1 本课题背景、研究目的与意义 (1) 1.2 移动终端应用及触屏版简介 (2) 1.3 国内外相关竞品现状与评价 (3) 1.4 本文的主要研究内容 (3) 2 关键技术分析 2.1 概述 (5) 2.2 XHTML/HTML5 技术 (5) 2.3 CSS3 技术 (8) 2.4 JAVASCRIPT 技术 (9) 2.5 AJAX 技术 (10) 2.6 XUI 轻量级框架 (11) 2.7 本章小结 (12) 3 网易 WAP 站触屏版产品策划与原型设计 3.1 触屏版产品前端需求 (13) 3.2 触屏版产品系统架构 (14) 3.3 触屏版产品原型设计 (17) 3.4 触屏版产品后台数据获取 (23) 3.5 本章小结 (26) 4 网易 WAP 站触屏版产品开发与实现 4.1 触屏版前端开发及实现环境 (27) 4.2 触屏版具体实现及难点攻克 (27) 4.3 触屏版系统测评 (50) 4.4 本章小结 (53) 5 总结与展望 5.1 全文总结 (54) 5.2 展望 (54) 致 谢 (57) 参考文献 (58) 1 绪论 1.1 本课题背景、研究目的与意义 随着信息化以及知识经济时代的到来，消费类电子产品市场竞争日趋激烈，便 携化和差异化成为电子产品取胜的关键。用户不再满足于仅仅使用计算机上网和从 事日常工作，而转而期待更轻巧、更方便携带、随时随地可以使用的手机承担更多 原本计算机的任务。智能机应运而生，其无论在种类上、功能上还是网络占有率上 的绝对优势，都使之迅速占领了市场；而与智能终端相匹配的移动客户端应用也因 此需求量空前庞大。 再纵观外部环境，首先各大运营商目前均已推出了技术较为成熟的 3G 移动通讯 系统。3G/WIFI 网络支持高速的数据传输，将无线通信与国际互联网等多媒体通信 手段相结合，使得手机用户的上网速度与环境产生了质的飞跃，手机上网条件已经 逐渐媲美桌面互联网条件；而终端硬件调用（GPS、传感器、camera）等也在迅猛发 展，不断增强了手机移动应用的易用性；与此同时，Web 技术随之出现了革命性的 更新。XHTML + JS + HTML5 + CSS3 的全面技术支撑，最新标准的高性能浏览器的 出现和完善给移动站点的优化革命提供了坚实的基础和保障。在这种内部与外部的 双重有利形势下，手机上界面更友好、功能更齐全方便、性能更优化、交互能力更 强、用户体验更丰富的移动客户终端应用必然成为了亟需尝试和发展的趋势。手机 网易触屏版即以此为方向做出尝试[1-5]。 全新手机网易触屏版 WAP 站较之老版相比有以下比较重要的意义： （1）新兴的适用于移动终端的 WEB 前端技术（HTML5、CSS3 和 JS）的运用， 使得触屏版不仅能拓展交互方式、产品功能，增强易用性，而且带来更为丰富的用 户体验。 （2）更充分地利用丰富的系统控件、多点触控以及本地硬件调用能力，更多离 线访问等优势，实现软硬件的结合，充分挖掘产品功能。同时也尝试将 HTML 和 JS 代码独立于硬件进行纯软件打包，减弱原生应用对手机硬件的依赖性，建立资讯浏 览的体验标杆。 （3）触屏版使用 3G-CMS/CMS 后台收集数据，便于企业掌握不同平台及地区 的用户分布以及用户群浏览行为轨迹、渠道推广效果，对运营、广告销售、产品改 进提供重要数据支持和帮助，充分实现用户价值向商业价值的转化。 1.2 移动终端应用及触屏版简介 移动终端（移动通信终端）是指可以在移动中使用的计算机设备，广义的讲包 括手机、笔记本、平板电脑、POS 机甚至车载电脑等。但是大部分情况下是指手机， 尤指用户可以自主安装多款 APP（移动终端应用）的智能手机以及平板电脑。与目 前网络和技术发展体现出的日益宽带化的特点相适应，移动通信产业正逐步走向真 正的移动信息时代。而从硬件条件上来看，由于集成电路技术的突飞猛进，移动终 端已经具备了充分可靠的处理能力，这为其从简单的通话工具跨越到一个综