国家精品课程资源网移动Web应用设计.docVIP

国家精品课程资源网移动Web应用设计 　　摘 要：本文采用B/S结构的开发模式，从功能设计、页面布局、资源组织和用户管理四个方面对国家精品课程网的移动Web应用进行了分析与设计。 　　关键词：移动Web应用；精品课程；开放课程；国家精品课程资源网 　　中图分类号：TP311 文献标志码：A 文章编号：1673-8454（2014）05-0039-03 　　一、引言 　　据CNNIC统计，截止2012年12月底，我国手机网民用户为4.2亿，占国内网民总数的74.5%，超过台式电脑网民数。[1]随着Wifi服务覆盖率的增加、移动智能终端设备性能的提升，用户开始倾向于通过移动智能终端自由、便捷地使用互联网资源。国家精品课程资源网是国内涵盖学科最广、数量最多的精品课程资源平台，目前使用移动智能终端访问国家精品课程网存在诸多不便，例如展示条目过多而阻碍用户查找所需资源、课程具体资源展示内容及方式不够完善等。本文在对当前主要移动应用开发模式综合分析的基础上，提出针对国家精品课程网采用B/S结构模式设计开发移动Web应用。 　　二、开发总体思路 　　1.采用B/S结构开发模式 　　目前的移动应用开发模式主要分为C/S结构（Client/Server）的客户端原生应用开发模式和B/S结构（Browser/Server）的移动Web应用开发模式。 　　C/S结构开发模式是针对运行的目标操作系统平台开发相应的客户端，通过客户端直接与服务器相连接，具有响应速度快、能够最大化地利用硬件性能等优点。但是随着操作系统种类的不断增加以及各操作系统版本的不断升级，基于C/S结构的应用开发模式暴露出以下几个方面的不足：①由于在整个开发过程中需要针对不同的操作系统进行分别开发，后期的数据维护以及版本更新也需要针对不同的操作系统进行，造成了开发周期长，成本过高，严重制约了应用的后期发展；②C/S结构的应用在使用之前需要下载到终端，占据终端的内存，同时在使用过程中对硬件CPU的消耗很大，这在很大程度上都需要硬件性能较高的设备支持；③C/S结构的应用开发的宣传发布主要是通过各大应用传播商，而在应用予以公开发布之前需要通过传播方的审核，后期版本维护后也需要重新提交审核，整个发布过程烦琐而且审核标准由应用的传播方制定。 　　B/S结构开发模式实质是基于浏览器的开发，不涉及具体操作系统平台，因此开发出的应用能够跨平台使用，即“一次开放，多处应用”。[2] B/S结构移动应用开发结构如图1所示。B/S结构开发模式采用的是网页设计语言，通过利用HTML构建页面的结构框架；CSS 可定义丰富的样式，使页面变得美观整洁；JavaScript 和它提供的一系列API 赋予了Web 页面强大的展现和交互能力，具有开发周期短、成本低等优点。[3] 　　此外B/S结构模式开发的应用不需要经过第三方审核发布，用户只需要通过利用终端上的浏览器访问特定的URL（统一资源定位符）即可，可以利用目前的一些社交媒体工具（例如微博、微信）进行推广，通过提高网站自身的知名度加以宣传，因此在针对国家精品课程资源网设计移动应用时优先考虑B/S结构的开发方式。 　　2.采用JQuery Mobile框架 　　Query Mobile框架是基于JQuery的移动版本，是针对浏览器的移动Web应用开发框架，属于一款轻量级的移动Web应用开发框架。[4] JQuery Mobile继承了JQuery全部的核心代码库，同时还发布了一个完整统一的jQuery移动UI框架。主要采用了以HTML和CSS为中心的方法开发页面，使用JavaScript专门致力于添加时间、动画及其他功能的实现，侧重点主要是为基于WebKit的浏览器提供经过优化的支持，支持主流的移动平台。 　　3.采用Dreamweaver CS6开发工具 　　利用Dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，目前最新版本的Dreamweaver CS6支持jQuery Mobile框架，支持各种屏幕、手机和平板电脑建立项目，开发人员可以延续原有的网页设计习惯进行移动Web应用开发。此外CS6新版本中还使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计，同时 “实时视图”和“多屏幕预览”面板可呈现 HTML5 代码，便于开发过程中的检查纠错，可大大提高工作效率。 　　三、功能设计 　　针对国家精品课程资源网开发的精品课程移动Web应用（后文简称“精品课程移动应用”）功能设计主要分为基础功能和个性化功能，其中基础功能支持注册用户与非注册用户对国家精品课程资源网的浏览和检索；个性化功能支持注册用户的如RSS订阅、互动、收藏评论等个性化功能。精品课程应用功能具体如图2所示。 　　1