Design And Implementation Of A Mobile Resources Application Based On PhoneGap

Facing the rapid growth of views by mobile terminals such as smart phones, tablet PCs and so on, a mobile application, which is easy to access, simple to use, friendly to interact, is becoming an essential part for the internet platform. Based on lots of researches on the skills of mobile development, this paper realized a mobile application named Weixiang, which is an extension for the digital documents platform, i.e.,’13115’science and technology innovation project of Shaanxi province, by using PhoneGap framework, Html5, Css3and JQuery Mobile. In this work, we focused on three parts, Pin style user interface, cross-domain data access and individuation resource push.The Pin style is designed for mobile platform, follows the thought of responsive layout and the idea of flat style. This style is simple and aesthetic in its interface design, and also future-oriented, which is adaptive to higher resolution in the future. This style proposed’only one step’ in its interactions which will simplify the use’s operations. It will help users to do what they want, or go to where they like, only in one step through a reasonable design for the functions. Meanwhile, it will enhance user experience that using the gesture interactions.In order to solve the problem of cross-domain data access, this paper adopted the solution which combined JSONP protocol and JQuery framework. For the requirements of the data acquisition, searching and storage, this paper designed a set of APIs to support full resources access and an extension of individual resources access.This paper proposed an overall scheme to solve the problem of message push, which is based on an independent information model and pushing strategy. In order to make the application more flexible and extensible, we designed an independent pushing system based on the MQTT protocol. This pushing system contains three components, including sending service, proxy server and mobile client. The sending service serves message sending by calling phpMQTT library. The proxy server, which adopted an open source server named mosquitto, will push the real-time messages to the mobile clients. The mobile client, which uses the IBM’s PhoneGap MQTT plugin, will provide not only receiving and display of the real-time messages, but also individual resources pushing, which will increase the success rate of accurate delivery.