CN103034690A - Self-customizing method of mobile terminal client application program based on web service - Google Patents

Abstract

The invention discloses a self-customizing method of a mobile terminal client application program based on a web service. The method comprises the following steps of making a customized webpage for the web service; after a user opens a web service generator on a PC (personal computer), selecting an interested web control from the webpage in a frame selecting way; after the web service generator analyzes the web control, automatically generating a corresponding deployment file, a service description file and an UI (user interface) layout file of the web service, and running on the web server; and searching the customized and run web service from a mobile client service list and selecting the web service by the user, downloading the service description file and the UI layout file of the web service from the web server by the mobile client, and automatically generating an operation interface of the web service by the mobile client according to the service description file and the UI layout file. The method has the advantages that the common user can package the information resources of an internet into a personalized web service in a platform which is developed on the basis of the method, and then the personalized web service can be used on the mobile client in the application program mode.

Description

A kind of mobile client application program based on web services is from the customization method

Technical field

The present invention relates to the application customization method of web services, particularly a kind of mobile client application program based on web services is from the customization method.

Background technology

The internet has comprised huge information resources, comprising the valuable Patterns of Information Resources of two classes: static information, seek advice from such as news; Multidate information is namely based on the dynamic HTML page of form controls.Usually these information resources are dispersed in the different html pages, and are not easy of integration in application system, cause resource utilization lower.In addition, often just part is effective to the user for the information resources on the internet, how as required information to be screened integration, and this problem also attracts wide attention.

Along with the fast development of Internet technology, but Web services is extensively attempted as the new platform of the distributed application program of setting up interactive operation.Because few based on the individual application quantity of web services on the internet, web services just is used to eliminate difference between the business system as the implementation of SOA in the situation mostly.But utilize web services can not only satisfy the needs of enterprise-level application, integration also provides a kind of new approaches for internet information resource.

Data Mining has had deep research to the Web information extraction, and the form of expression of extraction is wrapper.Wrapper refer in particular to can be from the Web website Automatic Extraction information and be converted into a class method of structural data.Wrapper needs the User Defined decimation rule, and graphical interfaces then can define these rules by assisted user.In addition, utilize the data pick-up mode based on browser, the user directly operates the target html document in browser, makes the user directly contact HTML code, has reduced complicacy.Before this, had a kind of markup language of the Web of support information resources service and Software tool thereof to be suggested and to realize, the wrapper that this instrument generates is Web service.This service chemical industry tool can just generate the web services that needs for the user side, the defective of this mode is, towards the user must be the related personnel who possesses certain programming basis, and service customization work be unable to do without the support of other Integrated Development Environment such as eclipse, can not be used for domestic consumer.

On the other hand, for domestic consumer, web services not yet is widely applied in the daily application program.Today, increasing user be unable to do without the mobile devices such as mobile phone, the application of web services on mobile device also proposed by people gradually, but because web services is based on a kind of service of HTTP, presence service calls with data and returns, therefore need to have the support of GUI on the mobile device, to strengthen practicality, to create better user's experience.

What current cell-phone customer terminal used all is online existing web services, does not bring into play the customizable characteristics of web services.These a small amount of existing web services obviously are to satisfy the changeable demand of user.Simultaneously, the user runs on the internet useful or interested web and uses, and such as train ticket inquiry, library's number inquiry etc., often it can only be saved as the webpage of collection, and still need open any browser when using next time, can't facilitate for the user.And the operation that these pages have comprised in a large number and user interest is irrelevant, network speed and network traffics to the user under mobile environment have requirement.

Summary of the invention

The present invention for the shortcoming that overcomes prior art and exist with not enough, provide a kind of mobile client application program based on web services from the customization method.The present invention combines the advantage of web services and portable terminal, and the interface layout file of deployment file, service description file and the mobile client of web services is provided.

The technical solution used in the present invention is as follows:

A kind of mobile client application program based on web services comprises the steps: from the customization method

S1 makes the web services customized web page;

S2 user selects interested web control at web services customized web page center after opening PC end web services maker;

S3Web waiter grows up to be a useful person and the analysis of Web control is generated afterwards automatically deployment file, the service description file of corresponding web services, and the UI layout document, and operates in the Web server end;

Any user of S4 searches the web services that customizes and move in the mobile client service list, choose rear mobile client to download service description file and the UI layout document of this web services from the Web server end, mobile client generates the operation interface of this web services automatically according to above-mentioned file.

After the user opens PC end web services maker among the described step S2, select interested web control at web services customized web page center, concrete steps are:

S21 sets customizing model and comprises six parts: be respectively InputPage, OutputPage, XpathTable, Operation, Configuration and UI, described InputPage, OutputPage be input page information, the output page surface information of the interested web control of recording user respectively, and described page info comprises URL address, requesting method; XpathTable is the set of an XPATH, and record html page dom tree is chosen the XPATH path of node by the user; The operation that Operation record web services will carry out comprises the input and output data type of a variable; The configuration information of Configuration record web services; UI is the UI layout document;

S22 user submits the URL address of interested web application to web server by the web services customized web page, URL comprises Object linking or based on the operation of the dynamic web page of HTML list, input page information, output page surface information are stored in respectively among inputpage, the outputpage;

S23 carries out dynamic interaction and data pick-up rule, is specially:

Input page is mutual: the user uses input page to web and selects interested page control or link with mouse frame, after having determined coupling control coordinate and having chosen list, then extracts current list interactive information, deposits among the inputpage of service customization model;

The output page is mutual: the URL address that the user submits to web to use, the web services customized web page obtains the html document that destination server that this web uses returns, embed AJAX dynamic interaction code and show User Page, the user inputs suitable value and submission form, and the customized website of web services obtains the output page of destination server.

Described step S2 adopts Javascript frame modeling type to go to identify web control position.

The UI layout document is the document of UI layout language compilation among the described step S4, and described UI layout language is the XML language.

Described generation UI layout document comprises the steps:

The length of the web control of S51Web server record user selection on webpage and wide,

B=min(min(WIDTH),min(HEIGHT))

In the formula: B is length standard, and WIDTH is the set of web control width, and HEIGHT is the set of web control length;

S52web service customization webpage ejects the layout operational zone, with the form appearance of grid, establishes the length of a web control for being a, wide is b, if the length standard B that a equals to calculate above, then a length is two grids, calculates each web control shared mesh width and Gridding length in grid;

${\mathrm{NUM}}_w\left(i\right)=[2*\frac{{\mathrm{WIDTH}}_i}{B}];$ ${\mathrm{NUM}}_h\left(i\right)=[2*\frac{{\mathrm{HEIGHT}}_i}{B}]$

S53 user is according to position and the size of interest adjustment web control, and the UI layout document can be preserved coordinate, shared Gridding length, shared mesh width and the control type of amended each the web control of user in grid, and the user arranges layout and finishes;

The S54 server end calculates the center of gravity that the user arranges layout, then adopts the client placement strategy of gravity model appoach, and server end is kept at the UI layout document with each web control with respect to the coordinate of layout center of gravity.

Described UI layout document comprises ServerProcess and ClientProcess; What described ServerProcess recorded is server end Ui information to be processed, containing element PageUi, attribute type, each page has a layout element PageLayout, its attribute gridwidth and gridheight describe respectively the horizontal and vertical grid number of page layout operational zone, and its each daughter element has relative coordinate position and horizontal and vertical weighted value;

Described ClientProcess record client information to be processed, the wherein resolution of the value property store client of config.

After described mobile client downloads to this locality with the UI layout document, extract the web control information in the UI layout document and generate layout in client, concrete steps are as follows:

S71 extracts the relative mesh coordinate of web control in the UI layout document, and divides into groups according to the ordinate of web control, calculates the side-play amount f of each web control, further finds out minimum offset f _Min, obtain the overall width SUM of minimum offset;

f=Max(LEFT=|RELAT _x+0.5*NUM _w|,RIGHT _x=|RELAT _x+0.5*NUM _w|)

$\mathrm{SUM}={\mathrm{\Σ}}_{k=1}^n{\mathrm{NUM}}_w\left(k\right)+{\mathrm{\Σ}}_{k=1}^{n-1}X(k+1)-X\left(k\right)$

In the formula: NM _w(k) be the mesh width of several k controls from left to right, X (k) is the relative mesh coordinate of k control;

S72 obtains the resolution of mobile client, and writes in the attribute of config of UI layout document;

S73 calculates the developed width REAL of web control _w(i) and length REAL _h(i);

${\mathrm{REAL}}_w\left(i\right)={\mathrm{NUM}}_w\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

${\mathrm{REAL}}_h\left(i\right)={\mathrm{NUM}}_h\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

In the formula: d is the elasticity factor, gets 0.5, s _wIt is the width of mobile phone screen;

S74 is last, with REAL _w(i), REAL _h(i), X and Y write in the UI layout document, and when calling the web control, the variable that reads in the UI layout document generates layout automatically.

Beneficial effect of the present invention:

(1) the new application scheme of web services has been proposed.Provide user oriented web services from customizing platform, make the user use easily own required web operation, and needn't depend on browser and webpage.

(2) propose robotization allocation plan about web services, comprised the automatic generation of web services description document, web services deployment file, and the client end interface topology file that automatically generates according to the structure of web page at user-selected control place.

(3) web services of customization can use at cell-phone customer terminal, and automatically generates the service operations interface.

(4) saved the time that the user uses required web operation, directly extracted the required key operation of user, abandoned useless info web, and can realize sharing with other users' service.

Description of drawings

Fig. 1 is process flow diagram of the present invention.

Embodiment

Below in conjunction with embodiment and accompanying drawing, the present invention is described in further detail, but embodiments of the present invention are not limited to this.

Embodiment

As shown in Figure 1, a kind of mobile client application program based on web services comprises the steps: from the customization method

S1 makes the web services customized web page;

S2 user selects interested web control at web services customized web page center after opening PC end web services maker;

S3Web waiter grows up to be a useful person and the analysis of Web control is generated afterwards automatically deployment file, the service description file of corresponding web services, and the UI layout document, and operates in the Web server end;

Any user of S4 searches the web services that customizes and move in the mobile client service list, choose rear mobile client to download service description file and the UI layout document of this web services from the Web server end, mobile client generates the operation interface of this web services automatically according to above-mentioned file.

Described step S2 specifically comprises as follows:

S21 service subscription model is divided into six part: InputPage, OutputPage,

XpathTable, Operation, Configuration and UI.What InputPage and OutputPage recorded is respectively the details of the input and output page of the interested web application of user, comprises the URL address of the page, requesting method etc.XpathTable is the set of an XPATH, has recorded the html page dom tree is chosen node by the user XPATH path.What Operation represented is the operation that web services will carry out, and comprises the input and output data type of a variable.Configuration has recorded some configuration informations of web services.UI is that layout generates document.

S22 user submits the URL address of interested web application to web server by the web services customized web page, URL comprises Object linking or based on the operation of the dynamic web page of HTML list, input page information, output page surface information are stored in respectively among inputpage, the outputpage;

The user can be to the URL address that server submits to interested web to use.After our server obtained this URL address, the destination server of using to this web sent the HTTP request, obtains the html document that returns.Then embed AJAX dynamic interaction code to this html document and again page info is presented to the user.List or the link of user's this moment on just can user's mouse frame network selection page or leaf.After the user inputted suitable value and submission form, our server sent request to destination server again, obtained the output page.Similarly, embed the dynamic interaction code, return to again the user.At last, the user can choose the result items of oneself wanting, customized finishing.In this process, the decimation rule of our background program meeting recording data information.

Use input page at the web that returns, the user selects interested page control or link with mouse frame, here use JavaScript frame modeling type and gone to identify the position of each control, after determining the control coordinate of coupling and choosing list, background program just can be writes the interactive information of corresponding list in the InputPage element of service subscription model.At the page that the result returns, the user can click own interested result items with mouse.Because the page embeds the dynamic interaction code in advance, background program just can record selected item and write among the XpathTable in the XPATH path of html page dom tree corresponding node and it.

The present invention adopts a kind of UI layout language of XML-based, and the document of UI layout language compilation becomes the UI layout document, and described UI layout document is jointly to be finished by the server and client side in the service customization process.After the user finished the extraction of data interaction rule at the web services custom web site, the web control that the web services custom web site is chosen the user generated one and recommends layout, and the user changes this layout as required.

Automatically generate the UI layout document among the described step S3, specific as follows:

The length of the web control that the Web server recording user is selected on webpage and wide, we are defined as WIDTH the wide set of all controls, and we are defined as HEIGHT the set of the length of all controls.Then calculate a length standard:

B=min(min(WIDTH),min(HEIGHT))

In the formula: B is length standard, and WIDTH is the set of web control width, and HEIGHT is the set of web control length;

The Web customized web page provides the layout operational zone, and general setting operation district is the sizing grid of 50*50, is adapted to the mobile phone of horizontal screen or perpendicular screen, and the length of supposing a control is a, and wide is b, if the length standard B that a equals to calculate above, then a length is two grids.Circular is as follows:

${\mathrm{NUM}}_w\left(i\right)=[2*\frac{{\mathrm{WIDTH}}_i}{B}],$ ${\mathrm{NUM}}_h\left(i\right)=[2*\frac{{\mathrm{HEIGHT}}_i}{B}];$

System extracts original web page layout information, and corresponding built-in control picture is illustrated in the grid operations district with the original layout form, revises the recommendation layout for the service customization person.If the user is satisfied, then record default layout; If dissatisfied, then can drag according to oneself wish every control picture, to one of system layout preference information accurately.

The user is according to position and the size of interest adjustment web control, and the UI topology file can be preserved coordinate, shared Gridding length, shared mesh width and the control type of amended each the web control of user in grid, and the user arranges layout and finishes;

Server end calculates the user layout center of gravity is set, and then adopts the client placement strategy of gravity model appoach, and server end is kept at UI layout marking document with each web control with respect to the coordinate of layout center of gravity.

In order to allow layout have adaptivity, introduce the layout center of gravity, when the layout center of gravity overlapped with screen center, layout can allow the user satisfied.

Calculating the layout center of gravity is specially:

(1) calculates the weight of each control;

WEIGHT(i)=NUM _w(i)*NUM _h(i)

(2) obtain the layout center of gravity according to weight:

${\mathrm{CENTER}}_x=\frac{\mathrm{\ΣWEIGHT}\left(i\right){\mathrm{GRID}}_x\left(i\right)}{\mathrm{WEIGHT}\left(i\right)}$

${\mathrm{CENTER}}_y=\frac{\mathrm{\ΣWEIGHT}\left(i\right){\mathrm{GRID}}_y\left(i\right)}{\mathrm{WEIGHT}\left(i\right)}$

In the formula: GRID _x(i) be the horizontal ordinate of i position in the grid, GRID _y(i) be i position in the grid

The ordinate i that puts gets natural number;

Described UI layout document comprises two parts: ServerProcess and ClientProcess.Containing element PageUi under the ServerProcess.Each PageUi can have an attribute Type identify this control belong to input page or output the page.PageUi has also comprised relative mesh coordinate (take the grid center of gravity as initial point) and the shared grid length and width of each control.These all information all are server-side processes and record.The structure of ClientProcess is similar with ServerProcess, and difference is that the element it under has comprised the attribute config of log resolution and relative mesh coordinate and sizing grid and changed actual coordinate and actual size into.

Described web services maker is similar to a compiler, and input is the information of all customized model of web services above-mentioned, and output is corresponding web services application code, the WSDL document of web services and UI layout document.Client just can be used web services as long as WSDL document and UI layout document are downloaded to this locality after deployment is good.

Among the described step S4, after mobile client downloads to this locality with the UI layout document, the control information in the abstracting document and generate layout in client.Concrete steps are as follows:

The relative mesh coordinate of control in the S41 abstracting document, and divide into groups according to the ordinate of control, calculate the side-play amount f of each control

f=Max(LEFT=|RELAT _x+0.5*NUM _w|,RIGHT _x=|RELAT _x+0.5*NUM _w|)

Wherein, RELAT _X(i) and NUM _wRespectively relative mesh coordinate and the mesh width (namely laterally accounting for what grids) of control.

From the side-play amount f that previous step calculates, find out minimum side-play amount f _Min, then calculate the overall width of its place group:

$\mathrm{SUM}={\mathrm{\Σ}}_{k=1}^n{\mathrm{NUM}}_w\left(k\right)+{\mathrm{\Σ}}_{k=1}^{n-1}X(k+1)-X\left(k\right)$

In this formula, NUM _w(k) be the mesh width of several k controls from left to right, X (k) is the relative mesh coordinate of k control.

S42 obtains the resolution of mobile client and writes in the config attribute of UI layout document.

S43 calculates the developed width REAL of web control _w(i) and length REAL _h(i):

${\mathrm{REAL}}_w\left(i\right)={\mathrm{NUM}}_w\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

${\mathrm{REAL}}_h\left(i\right)={\mathrm{NUM}}_h\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

We move to screen center to the layout center of control, and so, the actual coordinate of control is just used following computing method:

$(X\left(k\right)={\mathrm{RELAT}}_X\left(i\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right),$ $Y\left(k\right)={\mathrm{RELAT}}_y\left(i\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right))$

RELAT _X(i) and RELAT _y(i) be respectively the relative grid horizontal ordinate and relative grid ordinate that in the UI layout document, extracts, wherein, S _wIt is the width of mobile phone screen.In order to allow space and screen edge leaving space, on SUM, added a d, we are called the elasticity factor (fudge factor), and generally we are made as 0.5.It should be noted that the size of control should in being defined in suitable scope, namely will have the individual upper limit here.For example, " Button " control has R _w＜=0.5*S _wAccording to R _w(i) can obtain the true altitude R of control _h(i).According to the developed width of the control that calculates, we just can calculate according to the Aspect Ratio of control the length of control.

S44 is last, with REAL _w(i), REAL _h(i), X and Y write in the UI layout document.When calling web services later at every turn, just can from document, read these several variablees and automatically generate layout.

Above-described embodiment is the better embodiment of the present invention; but embodiments of the present invention are not limited by the examples; other any do not deviate from change, the modification done under Spirit Essence of the present invention and the principle, substitutes, combination, simplify; all should be the substitute mode of equivalence, be included within protection scope of the present invention.

Claims (7)

1. One kind based on the mobile client application program of web services from the customization method, it is characterized in that, comprise the steps:

   S1 makes the web services customized web page;

   S2 user selects interested web control at web services customized web page center after opening PC end web services maker;

   S3Web waiter grows up to be a useful person and the analysis of Web control is generated afterwards automatically deployment file, the service description file of corresponding web services, and the UI layout document, and operates in the Web server end;

   Any user of S4 searches the web services that customizes and move in the mobile client service list, choose rear mobile client to download service description file and the UI layout document of this web services from the Web server end, mobile client generates the operation interface of this web services automatically according to above-mentioned file.
2. 2. a kind of mobile client application program based on web services according to claim 1 is from the customization method, it is characterized in that, after the user opens PC end web services maker among the described step S2, select interested web control at web services customized web page center, concrete steps are:

   S21 sets customizing model and comprises six parts: be respectively InputPage, OutputPage, XpathTable, Operation, Configuration and UI, described InputPage, OutputPage be input page information, the output page surface information of the interested web control of recording user respectively, and described page info comprises URL address, requesting method; XpathTable is the set of an XPATH, and record html page dom tree is chosen the XPATH path of node by the user; The operation that Operation record web services will carry out comprises the input and output data type of a variable; The configuration information of Configuration record web services; UI is the UI layout document;

   S22 user submits the URL address of interested web application to web server by the web services customized web page, URL comprises Object linking or based on the operation of the dynamic web page of HTML list, input page information, output page surface information are stored in respectively among inputpage, the outputpage;

   S23 carries out dynamic interaction and data pick-up rule, is specially:

   Input page is mutual: the user uses input page to web and selects interested page control or link with mouse frame, after having determined coupling control coordinate and having chosen list, then extracts current list interactive information, deposits among the inputpage of service customization model;

   The output page is mutual: the URL address that the user submits to web to use, the web services customized web page obtains the html document that destination server that this web uses returns, embed AJAX dynamic interaction code and show User Page, the user inputs suitable value and submission form, and the customized website of web services obtains the output page of destination server.
3. 3. a kind of mobile client application program based on web services according to claim 1 and 2 is characterized in that from the customization method, and described step S2 adopts Javascript frame modeling type to go to identify web control position.
4. 4. a kind of mobile client application program based on web services according to claim 1 is characterized in that from the customization method UI layout document is the document of UI layout language compilation among the described step S4, and described UI layout language is the XML language.
5. 5. a kind of mobile client application program based on web services according to claim 1 is characterized in that from the customization method described generation UI layout document comprises the steps:

   The length of the web control of S51Web server record user selection on webpage and wide,

   B=min(min(WILDTH),min(HEIGHT))

   In the formula: B is length standard, and WIDTH is the set of web control width, and HEIGHT is the set of web control length;

   S52web service customization webpage ejects the layout operational zone, with the form appearance of grid, establishes the length of a web control for being a, wide is b, if the length standard B that a equals to calculate above, then a length is two grids, calculates each web control shared mesh width and Gridding length in grid;

   ${\mathrm{NUM}}_w\left(i\right)=[2*\frac{{\mathrm{WIDTH}}_i}{B}];$ ${\mathrm{NUM}}_h\left(i\right)=[2*\frac{{\mathrm{HEIGHT}}_i}{B}]$

   S53 user is according to position and the size of interest adjustment web control, and the UI layout document can be preserved coordinate, shared Gridding length, shared mesh width and the control type of amended each the web control of user in grid, and the user arranges layout and finishes;

   The S54 server end calculates the center of gravity that the user arranges layout, then adopts the client placement strategy of gravity model appoach, and server end is kept at the UI layout document with each web control with respect to the coordinate of layout center of gravity.
6. 6. a kind of mobile client application program based on web services according to claim 1 is characterized in that from the customization method described UI layout document comprises ServerProcess and ClientProcess; What described ServerProcess recorded is server end Ui information to be processed, containing element PageUi, attribute type, each page has a layout element PageLayout, its attribute gridwidth and gridheight describe respectively the horizontal and vertical grid number of page layout operational zone, and its each daughter element has relative coordinate position and horizontal and vertical weighted value;

   Described ClientProcess record client information to be processed, the wherein resolution of the value property store client of config.
7. 7. a kind of mobile client application program based on web services according to claim 1 is from the customization method, it is characterized in that, after described mobile client downloads to this locality with the UI layout document, extract the web control information in the UI layout document and generate layout in client, concrete steps are as follows:

   S71 extracts the relative mesh coordinate of web control in the UI layout document, and divides into groups according to the ordinate of web control, calculates the side-play amount f of each web control, further finds out minimum offset f _Min, obtain the overall width SUM of minimum offset;

   f=Max(LEFT=|RELAT _x+0.5*NUM _w|,RRIGHHT _x=|RRELAT _x+0.5*NUM _w|)

   $\mathrm{SUM}={\mathrm{\Σ}}_{k=1}^n{\mathrm{NUM}}_w\left(k\right)+{\mathrm{\Σ}}_{k=1}^{n-1}X(k+1)-X\left(k\right)$

   In the formula: NUM _w(i) be the mesh width of several k controls from left to right, X (k) is the relative mesh coordinate of k control;

   S72 obtains the resolution of mobile client, and writes in the attribute of config of UI layout document;

   S73 calculates the developed width REAL of web control _w(i) and length REAL _h(i);

   ${\mathrm{REAL}}_w\left(i\right)={\mathrm{NUM}}_w\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

   ${\mathrm{REAL}}_h\left(i\right)={\mathrm{NUM}}_h\left(k\right)*\left(\frac{s_w}{\mathrm{SUM}+d}\right)$

   In the formula: d is the elasticity factor, gets 0.5, S _wIt is the width of mobile phone screen;

   S74 is last, with REAL _w(i), REAL _h(i), X and Y write in the UI layout document, call the web control

   During part, the variable that reads in the UI layout document generates layout automatically.

Images