计算机科学 ›› 2014, Vol. 41 ›› Issue (11): 74-78.doi: 10.11896/j.issn.1002-137X.2014.11.015
方译萌,马郓,刘譞哲,黄罡
FANG Yi-meng,MA Yun,LIU Xuan-zhe and HUANG Gang
摘要: 随着移动互联网的快速发展,人们可以通过包括智能手机和平板电脑在内的移动计算设备来访问和使用Web应用。然而,目前已有的Web应用大多是针对PC设计的,因此通过移动计算设备直接访问时,可能出现信息显示不全、界面布局混乱、用户体验变差、需要耗费较多流量等问题。重新开发符合移动设备特性的Web应用是一种最直接的解决方案,但是开发成本和代价较大,并且同时维护PC版和移动版两个不同的应用版本也会带来更高的成本。提出一种面向开发者的Web应用移动版本半自动转化技术并实现了支持工具MobiTran:首先,对PC版本Web应用的界面进行自动转化,使之适应移动设备的屏幕尺寸;然后,通过支持开发者手工对界面的样式和布局进行修改,定制拆分子页面以控制数据流量,同时加入适应移动设备操控特点的元素;最终,生成一个供移动设备访问的移动版本Web应用。对主流网站的测试结果表明:MobiTran可以将原网页自动地转化为适合移动设备宽度的新网页,转化后的网页清晰无溢出并可以较大限度地维持新页面与原页面风格一致;在自动转化过程中,可以较少地丢失页面信息并较大限度地保证原页面的功能;转化后的新页面相比原页面消耗数据流量较小。
[1] UC浏览器功能介绍.UC浏览器官方网站.http://www.uc.cn/browser/introduce.shtml [2] 杨雪涛.五大特色解析UC浏览器8.0安卓版评测.手机中国.[2011-9-15].http://www.cnmo.com/soft/110022.html [3] 百度SiteApp.百度.http://siteapp.baidu.com/static/document.html [4] Huang G,Wang D.Adapting user interface of service-orientedrich client to mobile phones[C]∥2011 IEEE 6th International Symposium on Service Oriented System Engineering (SOSE).IEEE,2011:140-145 [5] Chen Y,Xie X,Ma W Y,et al.Adapting web pages for small-screen devices[J].Internet Computing,IEEE,2005,9(1):50-56 [6] Nishiura K,Maezawa Y,Ishikawa F,et al.Supporting viewtransition design of smartphone applications using Web templates[C]∥ Proceedings of the 12th International Conference on Web Engineering.Springer Berlin Heidelberg,2012:323-331 [7] JavaScript.WiKiPedia.http://zh.wikipedia.org/wiki/JavaScript [8] Node.js.WiKiPedia.http://zh.wikipedia.org/wiki/Node.js [9] BYvoid.Node.js开发指南[M].北京:人民邮电出版社,2012 [10] jQuery UI.百度百科.http://baike.baidu.com/view/2998196.htm [11] GoMo.http://gomo.dudamobile.com/ |
No related articles found! |
|