计算机科学 ›› 2014, Vol. 41 ›› Issue (11): 74-78.doi: 10.11896/j.issn.1002-137X.2014.11.015

• 2013’全国软件与应用学术会议 • 上一篇    下一篇

MobiTran:一种面向智能手机的PC版Web应用转化技术

方译萌,马郓,刘譞哲,黄罡   

  1. 北京大学信息科学技术学院软件研究所 北京100871 高可信软件技术教育部重点实验室 北京100871;北京大学信息科学技术学院软件研究所 北京100871 高可信软件技术教育部重点实验室 北京100871;北京大学信息科学技术学院软件研究所 北京100871 高可信软件技术教育部重点实验室 北京100871;北京大学信息科学技术学院软件研究所 北京100871 高可信软件技术教育部重点实验室 北京100871
  • 出版日期:2018-11-14 发布日期:2018-11-14
  • 基金资助:
    本文受国家重点基础研究发展规划973项目(2009CB320703),国家高技术研究发展计划863项目(2011AA01A202),国家自然科学基金(61121063,0,U1201252)资助

MobiTran:A Technique of Transforming PC Web Application for Smart Phones

FANG Yi-meng,MA Yun,LIU Xuan-zhe and HUANG Gang   

  • Online:2018-11-14 Published:2018-11-14

摘要: 随着移动互联网的快速发展,人们可以通过包括智能手机和平板电脑在内的移动计算设备来访问和使用Web应用。然而,目前已有的Web应用大多是针对PC设计的,因此通过移动计算设备直接访问时,可能出现信息显示不全、界面布局混乱、用户体验变差、需要耗费较多流量等问题。重新开发符合移动设备特性的Web应用是一种最直接的解决方案,但是开发成本和代价较大,并且同时维护PC版和移动版两个不同的应用版本也会带来更高的成本。提出一种面向开发者的Web应用移动版本半自动转化技术并实现了支持工具MobiTran:首先,对PC版本Web应用的界面进行自动转化,使之适应移动设备的屏幕尺寸;然后,通过支持开发者手工对界面的样式和布局进行修改,定制拆分子页面以控制数据流量,同时加入适应移动设备操控特点的元素;最终,生成一个供移动设备访问的移动版本Web应用。对主流网站的测试结果表明:MobiTran可以将原网页自动地转化为适合移动设备宽度的新网页,转化后的网页清晰无溢出并可以较大限度地维持新页面与原页面风格一致;在自动转化过程中,可以较少地丢失页面信息并较大限度地保证原页面的功能;转化后的新页面相比原页面消耗数据流量较小。

关键词: 移动Web应用,适应,转化服务

Abstract: With the development of Internet,a large number of mobile devices begin to get access to Internet.However,Web applications are mostly designed for the PC screen size.The screen size of mobile devices is small relative to the PC.Therefore,when a mobile device gets access to the application for PC,there may be incomplete information display,interface layout confusion,poor user experience,more network traffic and other issues.Developing a mobile version of the Web application from scratch is the most naive choice,but it costs a lot,and maintaining two different versions is a daunting task.So we tried to adapt the view of the Web application instead of making a new one.Therefore,this paper implemented a developer-oriented Web application conversion tool,called MobiTran.The PC version of the Web application can be transformed into mobile version to fit the screen size of mobile devices,other features and data traffic.It also allows developers to edit the style and layout of the user interface,and ultimately a mobile version of this Web application is generated.After testing on mainstream sites,we concluded that MobiTran can adapt the view of Web application while maintaining the style,and it can lose less information and save data traffic.

Key words: Web applications,Adaptation,Conversion service

[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!
Viewed
Full text


Abstract

Cited

  Shared   
  Discussed   
No Suggested Reading articles found!