Computer Science ›› 2014, Vol. 41 ›› Issue (11): 74-78.doi: 10.11896/j.issn.1002-137X.2014.11.015

Previous Articles     Next Articles

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

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!