CN104615787A - Method and device for updating interface display - Google Patents
Method and device for updating interface display Download PDFInfo
- Publication number
- CN104615787A CN104615787A CN201510100555.8A CN201510100555A CN104615787A CN 104615787 A CN104615787 A CN 104615787A CN 201510100555 A CN201510100555 A CN 201510100555A CN 104615787 A CN104615787 A CN 104615787A
- Authority
- CN
- China
- Prior art keywords
- sectional drawing
- drawing interface
- interface
- module
- difference part
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Abstract
The invention discloses a method and device for updating interface display to provide convenient and clear website new function guidance for users. The method provided by the invention comprising the following steps: obtaining a first screenshot interface and a second screenshot interface by an interface updating display device, wherein the first screenshot interface is a user operation interface before updating, the second screenshot interface is a user operation interface after updating, and both the first screenshot interface and the second screenshot interface belong to a same link level; carrying out image comparison on the first screenshot interface and the second screenshot interface by the interface updating display device so as to determine the different parts of the first screenshot interface and the second screenshot interface; simultaneously displaying the first screenshot interface and the second screenshot interface by the interface updating display device.
Description
Technical field
The present invention relates to Web Page Processing field, particularly relate to a kind of renewal interface display method and device.
Background technology
Internet high speed development, the content of website is also more and more abundanter.In actual applications, owing to wanting update content, therefore, need often to upgrade webpage version.After webpage version updating, the operation side of website has to be needed to allow user know and have updated which content actually, but, if not the change of the overall space of a whole page, user is difficult to the fresh content noticing renewal, and the New function therefore after webpage edition upgrading is just difficult to allow user know in the very first time.
In the prior art, in order to the function allowing user understand network upgrade, during website after user accesses renewal, New function guiding can be carried out, namely, during user's access websites, website provides some indicative information and goes to understand function newly-increased after website revision to guide user.
The New function of a website guides well-done bad except being related to except New function has and do not understood by user in time, also directly has influence on the impression of user to website.Especially for electric business website, New function guides well-done bad, is directly connected to Consumer's Experience, thus whether right user can do shopping on the site and have an impact to a certain extent.
A lot of website both provides the guiding of New function to improve Consumer's Experience now, these websites mostly adopt and illustrate that the mode of picture represents the newly-increased function in website by several, what also have is exactly come the highlighted outstanding place needing the part function of displaying by the adjustment of webpage background color, thus the visual focus of user is concentrated on need to inform user New function above.
Existing New function guides the explanation picture only by several to represent New function to user, but due to all the elements are all concentrated on above a few pictures, fails a New function to inform user in a very intuitive way.User finishes watching after these introduce picture, is still difficult to understand and applies the New function of website.Therefore, the way that the New function of existing website guides well can not play guiding function, user can be made to produce on the contrary bored, keep someone at a respectful distance, and follow-up maintenance cost is high, bring unnecessary additional workload to the programmer of Website development.
Summary of the invention
Embodiments provide a kind of renewal interface display method and device, guide for providing convenient clear website New function for user.
The renewal interface display method that embodiment of the present invention first aspect provides, comprising:
Upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level;
Image comparison is carried out in described first sectional drawing interface and described second sectional drawing interface by described renewal interface display apparatus, determines the difference part at described first sectional drawing interface and described second sectional drawing interface;
Described renewal interface display apparatus shows described first sectional drawing interface and described second sectional drawing interface simultaneously.
In the first method in the cards of first aspect, described image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determines the difference part at described first sectional drawing interface and described second sectional drawing interface, comprising:
By the RGB rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
In the second of first aspect method in the cards, described show described first sectional drawing interface and described second sectional drawing interface simultaneously before, comprising:
Modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface;
In described first module or described second module, click response events is set.
The second in conjunction with first aspect method in the cards, in the third method in the cards, described show described first sectional drawing interface and described second sectional drawing interface simultaneously after, comprising:
In described first sectional drawing interface or described second sectional drawing interface, receive the click commands that user sends, if receive described click commands in described first module or described second module, then trigger and click response events accordingly.
In conjunction with second or three kind of method in the cards of first aspect, in the 4th kind of method in the cards, described click response events comprises:
Highlight described first module and described second module;
Or,
Enter the url interface in described second module;
Or,
What play described second module of window display introduces interface.
In the 5th kind of method in the cards of first aspect, describedly show described first sectional drawing interface and described second sectional drawing interface simultaneously, comprising:
Show described first sectional drawing interface and described second sectional drawing interface simultaneously, and highlight the difference part at described first sectional drawing interface and described second sectional drawing interface.
The renewal interface display apparatus that embodiment of the present invention second aspect provides, comprising:
Sectional drawing acquiring unit, for obtaining the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level;
Image comparison unit, for image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determines the difference part at described first sectional drawing interface and described second sectional drawing interface;
Display unit, for showing described first sectional drawing interface and described second sectional drawing interface simultaneously.
In the first method in the cards of second aspect, described image comparison unit specifically for:
By the RGB rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
In the second of second aspect method in the cards, described image comparison unit concrete also for:
Modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface;
In described first module or described second module, click response events is set.
The second in conjunction with second aspect method in the cards, in the third method in the cards, described device also comprises:
Click response unit, for receiving the click commands that user sends in described first sectional drawing interface or described second sectional drawing interface, if receive described click commands in described first module or described second module, then triggering and clicking response events accordingly.
In conjunction with second or three kind of method in the cards of second aspect, in the 4th kind of method in the cards, described click response events comprises:
Highlight described first module and described second module;
Or,
Enter the url interface in described second module;
Or,
What play described second module of window display introduces interface.
In the 5th kind of method in the cards of second aspect, described display unit also for:
Show described first sectional drawing interface and described second sectional drawing interface simultaneously, and highlight the difference part at described first sectional drawing interface and described second sectional drawing interface.
As can be seen from the above technical solutions, the embodiment of the present invention has the following advantages:
In embodiments of the present invention, upgrade interface display apparatus and first can obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, again image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface; Finally show described first sectional drawing interface and described second sectional drawing interface simultaneously, what the mode that user can be contrasted by new and old interface was straightforward knows new update content, and the maintainer that this processing mode is also convenient to website safeguards the web station interface after renewal.
And, further, user is when contrast first sectional drawing interface and the second sectional drawing interface, after the difference part finding new and old operation interface, this difference part can be clicked, upgrade the signal language that interface display apparatus just there will be " difference is searched successfully " and so on, and demonstrate corresponding New function introduction explanation interface, user is made initiatively to remove the New function after finding webpage renewal in the mode of game, can be convenient to user understand renewal after New function, also the simultaneously deep impression of user to this New function, improves Consumer's Experience.
Accompanying drawing explanation
Fig. 1 is the schematic flow sheet that the embodiment of the present invention upgrades interface display method;
Fig. 2 is another schematic flow sheet that the embodiment of the present invention upgrades interface display method;
Fig. 3 is the logical organization schematic diagram that the embodiment of the present invention upgrades interface display apparatus.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, be clearly and completely described the technical scheme in the embodiment of the present invention, obviously, described embodiment is only the present invention's part embodiment, instead of whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art, not making the every other embodiment obtained under creative work prerequisite, belong to the scope of protection of the invention.
In various embodiments of the present invention, described renewal interface display apparatus is have the device that the embodiment of the present invention upgrades all functions in interface display method, described renewal interface display apparatus can be single-alone physical equipment, also can for being carried in the software program in terminal.The description upgrading interface display apparatus is only schematic, such as, the division of unit in information transmitting apparatus, be only a kind of logic function to divide, actual can have other dividing mode when realizing, such as multiple unit or assembly can in conjunction with or another system can be integrated into, or some features can be ignored, or do not perform.Another point, shown or discussed coupling each other or direct-coupling or communication connection can be by some interfaces, and the indirect coupling of device or unit or communication connection can be electrical, machinery or other form.If described integrated unit using the form of SFU software functional unit realize and as independently production marketing or use time, can be stored in a computer read/write memory medium.Based on such understanding, the part that technical scheme of the present invention contributes to prior art in essence in other words or all or part of of this technical scheme can embody with the form of software product, this computer software product is stored in a storage medium, comprises all or part of step of some instructions in order to make a computer equipment perform method described in each embodiment of the present invention.
The embodiment of the present invention is applied to the renewal introduction of website, refers to Fig. 1, and the embodiment upgrading interface display method in the embodiment of the present invention comprises:
101, upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface;
Upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level.
Concrete, described in belong to same link level and can refer to the web interface under same network address.In actual applications, include many linked terms in the homepage (i.e. the first link level) of website, when user clicks described linked terms, the web interface of next level corresponding to described linked terms will be entered.As, a network address http://www.ccb.com/cn/home/personal/favor_service, the homepage of this network address is " www.ccb.com ", next link level is " cn ", next link level is " home " again, by that analogy, " home ", " personal ", " favor_service " link level that correspondence is different respectively in this network address.
It should be noted that, in actual applications, if there is larger change in the function pages of website, in website, the structure of network address may change, now, describedly belong to same link level and then can be understood as and belong to same function plate, the first sectional drawing interface and the second sectional drawing interface are then the contrast of new and old function plate.
Concrete, in actual applications, because website may upgrade by frequent carrying out, therefore, renewal interface display apparatus in the embodiment of the present invention can carry out sectional drawing every preset time period to current web interface, when needs show the first sectional drawing interface and the second sectional drawing interface to user, then two sectional drawings same link level intercepted recently are as described first sectional drawing interface and the second sectional drawing interface.
102, upgrade interface display apparatus and image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface;
Upgrade interface display apparatus and image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface.
Concrete, in actual applications, upgrading interface display apparatus can use image comparison algorithm to realize the image comparison at described first sectional drawing interface and described second sectional drawing interface, and determine the difference part at described first sectional drawing interface and described second sectional drawing interface, so that show described difference part to user in due course.
103, upgrade interface display apparatus and show described first sectional drawing interface and described second sectional drawing interface simultaneously.
Upgrade interface display apparatus and show described first sectional drawing interface and described second sectional drawing interface simultaneously, make user can the family mode that can be contrasted by new and old interface straightforward know new update content.
Concrete, in actual applications, before the described first sectional drawing interface of display and described second sectional drawing interface, upgrade interface display apparatus by calling the interface of website guiding function, carry out the setting of number of site cookies (info web), and represent the setting on guiding opportunity, so that during the interface of user after entering renewal first, carry out New function guiding.
In the prior art, the position coming outstanding highlighted New function place by adjusting website background color attracts the notice of user, such mode brings certain trouble but can to the maintenance in realization and later stage, have New function to reach the standard grade all to modify to the code of website, reusability is lower later at every turn.Relative to the method for prior art, the processing mode in the embodiment of the present invention can along with the continuous renewal of website version, and self-adaptation automatically makes a change according to the fresh content of website, and the maintainer being more convenient to website safeguards the web station interface after renewal.
In embodiments of the present invention, upgrade interface display apparatus and first can obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, again image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface; Finally show described first sectional drawing interface and described second sectional drawing interface simultaneously, what the mode that user can be contrasted by new and old interface was straightforward knows new update content, and the maintainer that this processing mode is also convenient to website safeguards the web station interface after renewal.
Further, the embodiment of the present invention additionally provides a kind of New function guidance mode, by the contrast allowing user carry out new and old web interface, user is allowed to carry out finding the game of difference part (i.e. New function), user is allowed to participate in the introduction of New function in the mode of amusement, refer to Fig. 2, another embodiment upgrading interface display method in the embodiment of the present invention comprises:
201, upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface;
Upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level.
Concrete, described in belong to same link level and can refer to the web interface under same network address.In actual applications, include many linked terms in the homepage (i.e. the first link level) of website, when user clicks described linked terms, the web interface of next level corresponding to described linked terms will be entered.As, a network address http://www.ccb.com/cn/home/personal/favor_service, the homepage of this network address is " www.ccb.com ", next link level is " cn ", next link level is " home " again, by that analogy, " home ", " personal ", " favor_service " link level that correspondence is different respectively in this network address.
It should be noted that, in actual applications, if there is larger change in the function pages of website, in website, the structure of network address may change, now, describedly belong to same link level and then can be understood as and belong to same function plate, the first sectional drawing interface and the second sectional drawing interface are then the contrast of new and old function plate.
Concrete, in actual applications, because website may upgrade by frequent carrying out, therefore, renewal interface display apparatus in the embodiment of the present invention can carry out sectional drawing every preset time period to current web interface, when needs show the first sectional drawing interface and the second sectional drawing interface to user, then two sectional drawings same link level intercepted recently are as described first sectional drawing interface and the second sectional drawing interface.
202, upgrade interface display apparatus and image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface;
Upgrade interface display apparatus and image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface.
Concrete, by the process that image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface can be:
By the RGB rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
203, upgrade interface display apparatus and modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface;
Upgrade interface display apparatus and modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and set up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface; In described first module or described second module, click response events is set.
Concrete, described click response events comprises:
Highlight described first module and described second module; Namely when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, the difference part at described first sectional drawing interface and described second sectional drawing interface is highlighted respectively, so that prompting user searches successfully.
Or,
Enter the url interface in described second module; Namely, when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, the operation interface of New function is directly entered, so that user can immediate experience New function.
Or,
What play described second module of window display introduces interface; Namely when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, New function is introduced, so that this New function of understanding that user is detailed.
Concrete, in actual applications, only have two width images due to what be used for contrasting, image in the same size and most content is all identical, the higher image ratio of this similarity is to the complexity that greatly can reduce image processing algorithm.Upgrade interface display apparatus image ratio is got off to the outcome record after process, the difference of two width pictures is marked as the image-region block (i.e. the first module and the second module) of fair-sized, thus other is played to search image area according to this first module and the second CMOS macro cell.
Be understandable that, in actual applications, many groups the first module and the second module may be there is, namely there is different place, many places with described second sectional drawing interface in described first sectional drawing interface, the embodiment of the present invention is only described citing with one group of first module and the second module, can not be interpreted as the restriction to the embodiment of the present invention.
204, upgrade interface display apparatus and show described first sectional drawing interface and described second sectional drawing interface simultaneously.
Upgrade interface display apparatus and show described first sectional drawing interface and described second sectional drawing interface simultaneously, and point out user to carry out distinguishing the game of part lookup, allow user find the difference at described first sectional drawing interface and described second sectional drawing interface by the mode that mouse is clicked.
Concrete, in actual applications, before the described first sectional drawing interface of display and described second sectional drawing interface, upgrade interface display apparatus by calling the interface of website guiding function, carry out the setting of number of site cookies (info web), and represent the setting on guiding opportunity, so that during the interface of user after entering renewal first, carry out New function guiding.
Further, when user completes the game of searching the first module and the second module, the difference part at described first sectional drawing interface and described second sectional drawing interface can be highlighted, so that allow user finally understand all New function.Concrete, described in highlight and can comprise: highlighted display, amplify display or play window display.
In embodiments of the present invention, user is when contrast first sectional drawing interface and the second sectional drawing interface, after the difference part finding new and old operation interface, this difference part can be clicked, upgrade the signal language that interface display apparatus just there will be " difference is searched successfully " and so on, and demonstrate corresponding New function introduction explanation interface, user is made initiatively to remove the New function after finding webpage renewal in the mode of game, can be convenient to user understand renewal after New function, also the simultaneously deep impression of user to this New function, improves Consumer's Experience.
Be described the renewal interface display apparatus realizing upgrading in the embodiment of the present invention interface display method below, refer to Fig. 3, the embodiment upgrading interface display apparatus in the embodiment of the present invention comprises:
Sectional drawing acquiring unit 301, for obtaining the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level;
Image comparison unit 302, for image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determines the difference part at described first sectional drawing interface and described second sectional drawing interface;
Display unit 303, for showing described first sectional drawing interface and described second sectional drawing interface simultaneously.
Concrete, described image comparison unit 302 specifically for:
By the rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
Concrete, described image comparison unit 302 concrete also for:
Modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface;
In described first module or described second module, click response events is set.
Further, described device also comprises:
Click response unit 304, for receiving the click commands that user sends in described first sectional drawing interface or described second sectional drawing interface, if receive described click commands in described first module or described second module, then triggering and clicking response events accordingly.
Concrete, described click response events comprises:
Highlight described first module and described second module;
Or,
Enter the url interface in described second module;
Or,
What play described second module of window display introduces interface.
Concrete, described display unit 303 also for:
Show described first sectional drawing interface and described second sectional drawing interface simultaneously, and highlight the difference part at described first sectional drawing interface and described second sectional drawing interface.
Below the operating process of the unit in the embodiment of the present invention is described:
First, sectional drawing acquiring unit 301 obtains the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level.
Concrete, described in belong to same link level and can refer to the web interface under same network address.In actual applications, include many linked terms in the homepage (i.e. the first link level) of website, when user clicks described linked terms, the web interface of next level corresponding to described linked terms will be entered.As, a network address http://www.ccb.com/cn/home/personal/favor_service, the homepage of this network address is " www.ccb.com ", next link level is " cn ", next link level is " home " again, by that analogy, " home ", " personal ", " favor_service " link level that correspondence is different respectively in this network address.
It should be noted that, in actual applications, if there is larger change in the function pages of website, in website, the structure of network address may change, now, describedly belong to same link level and then can be understood as and belong to same function plate, the first sectional drawing interface and the second sectional drawing interface are then the contrast of new and old function plate.
Concrete, in actual applications, because website may upgrade by frequent carrying out, therefore, sectional drawing acquiring unit 301 in the embodiment of the present invention can carry out sectional drawing every preset time period to current web interface, when needs show the first sectional drawing interface and the second sectional drawing interface to user, then two sectional drawings same link level intercepted recently are as described first sectional drawing interface and the second sectional drawing interface.
Secondly, image comparison is carried out in described first sectional drawing interface and described second sectional drawing interface by image comparison unit 302, determines the difference part at described first sectional drawing interface and described second sectional drawing interface.
Concrete, in actual applications, image comparison unit 302 can use image comparison algorithm to realize the image comparison at described first sectional drawing interface and described second sectional drawing interface, and determine the difference part at described first sectional drawing interface and described second sectional drawing interface, so that show described difference part to user in due course.
Concrete, by the process that image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface can be:
By the rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
Again, modularized processing is carried out in described first sectional drawing interface and described second sectional drawing interface by image comparison unit 302, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface; In described first module or described second module, click response events is set.
When user carries out clicking operation to described first module or described second module, click the click commands that response unit 304 receives user's transmission in described first sectional drawing interface or described second sectional drawing interface, if receive described click commands in described first module or described second module, then trigger and click response events accordingly.Concrete, described click response events comprises:
Highlight described first module and described second module; Namely when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, the difference part at described first sectional drawing interface and described second sectional drawing interface is highlighted respectively, so that prompting user searches successfully.
Or,
Enter the url interface in described second module; Namely, when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, the operation interface of New function is directly entered, so that user can immediate experience New function.
Or,
What play described second module of window display introduces interface; Namely when user successfully finds the difference part at described first sectional drawing interface and described second sectional drawing interface, New function is introduced, so that this New function of understanding that user is detailed.
Concrete, in actual applications, only have two width images due to what be used for contrasting, image in the same size and most content is all identical, the higher image ratio of this similarity is to the complexity that greatly can reduce image processing algorithm.Upgrade interface display apparatus image ratio is got off to the outcome record after process, the difference of two width pictures is marked as the image-region block (i.e. the first module and the second module) of fair-sized, thus other is played to search image area according to this first module and the second CMOS macro cell.
Be understandable that, in actual applications, many groups the first module and the second module may be there is, namely there is different place, many places with described second sectional drawing interface in described first sectional drawing interface, the embodiment of the present invention is only described citing with one group of first module and the second module, can not be interpreted as the restriction to the embodiment of the present invention.
Finally, display unit 303 shows described first sectional drawing interface and described second sectional drawing interface simultaneously, and point out user to carry out distinguishing the game of part lookup, allow user find the difference at described first sectional drawing interface and described second sectional drawing interface by the mode that mouse is clicked.
Concrete, in actual applications, before the described first sectional drawing interface of display and described second sectional drawing interface, upgrade interface display apparatus by calling the interface of website guiding function, carry out the setting of number of site cookies (info web), and represent the setting on guiding opportunity, so that during the interface of user after entering renewal first, carry out New function guiding.
Further, when user completes the game of searching the first module and the second module, the difference part at described first sectional drawing interface and described second sectional drawing interface can be highlighted, so that allow user finally understand all New function.Concrete, described in highlight and can comprise: highlighted display, amplify display or play window display.
In embodiments of the present invention, upgrade interface display apparatus and first can obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, again image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determine the difference part at described first sectional drawing interface and described second sectional drawing interface; Finally show described first sectional drawing interface and described second sectional drawing interface simultaneously, what the mode that user can be contrasted by new and old interface was straightforward knows new update content, and the maintainer that this processing mode is also convenient to website safeguards the web station interface after renewal.
Further, user is when contrast first sectional drawing interface and the second sectional drawing interface, after the difference part finding new and old operation interface, this difference part can be clicked, upgrade the signal language that interface display apparatus just there will be " difference is searched successfully " and so on, and demonstrate corresponding New function introduction explanation interface, user is made initiatively to remove the New function after finding webpage renewal in the mode of game, can be convenient to user understand renewal after New function, also the simultaneously deep impression of user to this New function, improves Consumer's Experience.
In several embodiments that the application provides, should be understood that, disclosed apparatus and method can realize by another way.Such as, device embodiment described above is only schematic, such as, the division of described unit, be only a kind of logic function to divide, actual can have other dividing mode when realizing, such as multiple unit or assembly can in conjunction with or another system can be integrated into, or some features can be ignored, or do not perform.Another point, shown or discussed coupling each other or direct-coupling or communication connection can be by some interfaces, and the indirect coupling of device or unit or communication connection can be electrical, machinery or other form.
The described unit illustrated as separating component or can may not be and physically separates, and the parts as unit display can be or may not be physical location, namely can be positioned at a place, or also can be distributed in multiple network element.Some or all of unit wherein can be selected according to the actual needs to realize the object of the present embodiment scheme.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing unit, also can be that the independent physics of unit exists, also can two or more unit in a unit integrated.Above-mentioned integrated unit both can adopt the form of hardware to realize, and the form of SFU software functional unit also can be adopted to realize.
If described integrated unit using the form of SFU software functional unit realize and as independently production marketing or use time, can be stored in a computer read/write memory medium.Based on such understanding, the part that technical scheme of the present invention contributes to prior art in essence in other words or all or part of of this technical scheme can embody with the form of software product, this computer software product is stored in a storage medium, comprising some instructions in order to make a computer equipment (can be personal computer, server, or the network equipment etc.) perform all or part of step of method described in each embodiment of the present invention.And aforesaid storage medium comprises: USB flash disk, portable hard drive, ROM (read-only memory), random access memory, magnetic disc or CD etc. various can be program code stored medium.
The above; be only the specific embodiment of the present invention, but protection scope of the present invention is not limited thereto, is anyly familiar with those skilled in the art in the technical scope that the present invention discloses; change can be expected easily or replace, all should be encompassed within protection scope of the present invention.Therefore, protection scope of the present invention should described be as the criterion with the protection domain of claim.
Claims (12)
1. upgrade an interface display method, it is characterized in that, comprising:
Upgrade interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level;
Image comparison is carried out in described first sectional drawing interface and described second sectional drawing interface by described renewal interface display apparatus, determines the difference part at described first sectional drawing interface and described second sectional drawing interface;
Described renewal interface display apparatus shows described first sectional drawing interface and described second sectional drawing interface simultaneously.
2. method according to claim 1, is characterized in that, described image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determines the difference part at described first sectional drawing interface and described second sectional drawing interface, comprising:
By the RGB rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
3. method according to claim 1, is characterized in that, described show described first sectional drawing interface and described second sectional drawing interface simultaneously before, comprising:
Modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface;
In described first module or described second module, click response events is set.
4. method according to claim 3, is characterized in that, described show described first sectional drawing interface and described second sectional drawing interface simultaneously after, comprising:
In described first sectional drawing interface or described second sectional drawing interface, receive the click commands that user sends, if receive described click commands in described first module or described second module, then trigger and click response events accordingly.
5. the method according to claim 3 or 4, is characterized in that, described click response events comprises:
Highlight described first module and described second module;
Or,
Enter the url interface in described second module;
Or,
What play described second module of window display introduces interface.
6. method according to claim 1, is characterized in that, describedly shows described first sectional drawing interface and described second sectional drawing interface simultaneously, comprising:
Show described first sectional drawing interface and described second sectional drawing interface simultaneously, and highlight the difference part at described first sectional drawing interface and described second sectional drawing interface.
7. upgrade an interface display apparatus, it is characterized in that, comprising:
Sectional drawing acquiring unit, for obtaining the first sectional drawing interface and the second sectional drawing interface, described first sectional drawing interface is the user interface before upgrading, described second sectional drawing interface is the user interface after upgrading, and described first sectional drawing interface and described second sectional drawing interface belong to same link level;
Image comparison unit, for image comparison is carried out at described first sectional drawing interface and described second sectional drawing interface, determines the difference part at described first sectional drawing interface and described second sectional drawing interface;
Display unit, for showing described first sectional drawing interface and described second sectional drawing interface simultaneously.
8. device according to claim 7, is characterized in that, described image comparison unit specifically for:
By the RGB rgb value at more described first sectional drawing interface and described second sectional drawing interface, determine that described first sectional drawing interface and described second sectional drawing interface are different images;
According to described first sectional drawing interface and described second rgb value of sectional drawing interface in different images region, determine the difference part at described first sectional drawing interface and described second sectional drawing interface, and obtain the coordinates regional in described first sectional drawing interface or described second sectional drawing interface of described difference part.
9. device according to claim 7, is characterized in that, described image comparison unit concrete also for:
Modularized processing is carried out at described first sectional drawing interface and described second sectional drawing interface, and sets up the mapping relations of the first module and the second module; Described first module is the image after described modularized processing in the coordinates of targets region at described first sectional drawing interface, described second module is the image after described modularized processing in the coordinates of targets region at described second sectional drawing interface, and described coordinates of targets region is the coordinates regional of described difference part in described first sectional drawing interface or described second sectional drawing interface;
In described first module or described second module, click response events is set.
10. device according to claim 9, is characterized in that, described device also comprises:
Click response unit, for receiving the click commands that user sends in described first sectional drawing interface or described second sectional drawing interface, if receive described click commands in described first module or described second module, then triggering and clicking response events accordingly.
11. devices according to claim 9 or 10, it is characterized in that, described click response events comprises:
Highlight described first module and described second module;
Or,
Enter the url interface in described second module;
Or,
What play described second module of window display introduces interface.
12. devices according to claim 7, is characterized in that, described display unit also for:
Show described first sectional drawing interface and described second sectional drawing interface simultaneously, and highlight the difference part at described first sectional drawing interface and described second sectional drawing interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510100555.8A CN104615787B (en) | 2015-03-06 | 2015-03-06 | A kind of update interface display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510100555.8A CN104615787B (en) | 2015-03-06 | 2015-03-06 | A kind of update interface display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104615787A true CN104615787A (en) | 2015-05-13 |
| CN104615787B CN104615787B (en) | 2018-05-18 |
Family
ID=53150229
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510100555.8A Active CN104615787B (en) | 2015-03-06 | 2015-03-06 | A kind of update interface display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104615787B (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105095083A (en) * | 2015-08-24 | 2015-11-25 | 上海斐讯数据通信技术有限公司 | Mobile phone interface screenshot test method and device used in Android system |
| CN105824627A (en) * | 2016-03-15 | 2016-08-03 | 网易（杭州）网络有限公司 | Method and device for determining change of user interfaces |
| CN107066272A (en) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | A kind of method for updating pages and device |
| CN108536467A (en) * | 2018-04-08 | 2018-09-14 | 中国联合网络通信集团有限公司 | Location processing method, device, terminal device and the storage medium of code |
| CN108965290A (en) * | 2018-07-10 | 2018-12-07 | 江苏满运软件科技有限公司 | A kind of display methods and system of function to be popularized |
| CN111610909A (en) * | 2020-04-16 | 2020-09-01 | 维沃移动通信有限公司 | Screenshot method and device and electronic equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1815476A (en) * | 2005-01-28 | 2006-08-09 | 京瓷株式会社 | Display apparatus |
| CN102045191A (en) * | 2009-10-22 | 2011-05-04 | 华为技术有限公司 | Method and equipment for testing compatibility after upgrading of system |
| CN102591569A (en) * | 2011-12-15 | 2012-07-18 | 百度在线网络技术（北京）有限公司 | Method for prompting user to perform touch operation on mobile terminal and client |
| CN103106763A (en) * | 2011-11-09 | 2013-05-15 | 上海移远通信技术有限公司 | System and method of alarming |
| US20130155075A1 (en) * | 2011-12-15 | 2013-06-20 | Fujitsu Limited | Information processing device, image transmission method, and recording medium |
| CN103207874A (en) * | 2012-01-17 | 2013-07-17 | 腾讯科技（深圳）有限公司 | Updated webpage content prompting method and system |
-
2015
- 2015-03-06 CN CN201510100555.8A patent/CN104615787B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1815476A (en) * | 2005-01-28 | 2006-08-09 | 京瓷株式会社 | Display apparatus |
| CN102045191A (en) * | 2009-10-22 | 2011-05-04 | 华为技术有限公司 | Method and equipment for testing compatibility after upgrading of system |
| CN103106763A (en) * | 2011-11-09 | 2013-05-15 | 上海移远通信技术有限公司 | System and method of alarming |
| CN102591569A (en) * | 2011-12-15 | 2012-07-18 | 百度在线网络技术（北京）有限公司 | Method for prompting user to perform touch operation on mobile terminal and client |
| US20130155075A1 (en) * | 2011-12-15 | 2013-06-20 | Fujitsu Limited | Information processing device, image transmission method, and recording medium |
| CN103207874A (en) * | 2012-01-17 | 2013-07-17 | 腾讯科技（深圳）有限公司 | Updated webpage content prompting method and system |
Non-Patent Citations (2)
| Title |
|---|
| 匿名: "如何比较图片（找茬游戏必备）", 《百度经验》 * |
| 口袋巴士手游专区: "新版哈莫曼入侵奖励减少 更新前后对比图片", 《百度攻略》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105095083A (en) * | 2015-08-24 | 2015-11-25 | 上海斐讯数据通信技术有限公司 | Mobile phone interface screenshot test method and device used in Android system |
| CN105824627A (en) * | 2016-03-15 | 2016-08-03 | 网易（杭州）网络有限公司 | Method and device for determining change of user interfaces |
| CN107066272A (en) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | A kind of method for updating pages and device |
| CN107066272B (en) * | 2017-03-31 | 2020-10-20 | 北京奇艺世纪科技有限公司 | Page updating method and device |
| CN108536467A (en) * | 2018-04-08 | 2018-09-14 | 中国联合网络通信集团有限公司 | Location processing method, device, terminal device and the storage medium of code |
| CN108536467B (en) * | 2018-04-08 | 2021-11-02 | 中国联合网络通信集团有限公司 | Code positioning processing method and device, terminal equipment and storage medium |
| CN108965290A (en) * | 2018-07-10 | 2018-12-07 | 江苏满运软件科技有限公司 | A kind of display methods and system of function to be popularized |
| CN111610909A (en) * | 2020-04-16 | 2020-09-01 | 维沃移动通信有限公司 | Screenshot method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104615787B (en) | 2018-05-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104615787A (en) | Method and device for updating interface display | |
| US10547571B2 (en) | Message service providing method for message service linked to search service and message server and user terminal to perform the method | |
| CN104965691A (en) | Method, apparatus and system for configuring page elements of a webpage | |
| US20200311342A1 (en) | Populating values in a spreadsheet using semantic cues | |
| KR100820373B1 (en) | Method and apparatus for editing service of tool bar | |
| CN110771126B (en) | System for matching and attributing user equipment events | |
| CN104657451B (en) | The processing method and processing device of the page | |
| CN102306171A (en) | Method and equipment for providing network access suggestions and network search suggestions | |
| CN106339146A (en) | Method and device for recommending applications | |
| CN104077294A (en) | Information recommendation method, information recommendation device and information resource recommendation system | |
| CN105302461B (en) | A kind of method and apparatus for the offer target pages in mobile application | |
| CN102446191A (en) | Method for generating webpage content abstracts and equipment and system adopting same | |
| CN106202578A (en) | A kind of browser local information synchronization processing method and device | |
| CN104199917A (en) | Method and device for translating webpage content and client | |
| CN104270647A (en) | Media content recommendation method and device | |
| CN105488200A (en) | Webpage display method and device | |
| CN104021131A (en) | Multi-dimensional page releasing method, device and system | |
| CN105808642A (en) | Recommendation method and device | |
| CN105450718A (en) | Interface updating method and client end | |
| CN110007842A (en) | Web page contents choosing method and device | |
| US20200380203A1 (en) | Generating custom application links | |
| CN105468637A (en) | Database updating method and apparatus | |
| CN106413001A (en) | Flow control method and device of wireless network connection | |
| CN103179207A (en) | Data transmission method and system as well as device | |
| CN104484366A (en) | Method and device for providing website information on basis of input methods |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |