CN104615787B - A kind of update interface display method and device - Google Patents
A kind of update interface display method and device Download PDFInfo
- Publication number
- CN104615787B CN104615787B CN201510100555.8A CN201510100555A CN104615787B CN 104615787 B CN104615787 B CN 104615787B CN 201510100555 A CN201510100555 A CN 201510100555A CN 104615787 B CN104615787 B CN 104615787B
- Authority
- CN
- China
- Prior art keywords
- sectional drawing
- interface
- drawing 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.)
- Active
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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Finance (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses a kind of update interface display method and device, for providing convenient clear website new function guiding to the user.Present invention method includes：It updates interface display apparatus and obtains the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface is the user interface before update, the second sectional drawing interface is updated user interface, and the first sectional drawing interface and the second sectional drawing interface belong to same link level；The first sectional drawing interface and the second sectional drawing interface are carried out image comparison by the update interface display apparatus, determine the difference part at the first sectional drawing interface and the second sectional drawing interface；The update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously.
Description
Technical field
The present invention relates to Web Page Processing field more particularly to a kind of update interface display methods and device.
Background technology
Internet high speed development, the content of website are also increasingly abundanter.In practical applications, due to will more new content, because
This is, it is necessary to often be updated webpage version.After webpage version updating, the operation side of website is in need to allow user to know
Which content is had updated actually, and still, if not the change of the whole space of a whole page, user is difficult to notice newer new content, therefore
New function after webpage edition upgrading just makes it difficult for user knowing at the first time.
In the prior art, in order to which user is allowed to understand the function of network upgrade, when user accesses updated website, meeting
New function guiding is carried out, i.e., when user accesses website, website provides some indicative information to guide user that understanding website is gone to change
The function of being increased newly after version.
The new function guiding of one website is made good or not except being related to new function either with or without understanding it by user in time
Outside, impression of the user to website is also directly influenced.For electric business website, new function guiding is made good or not, directly
It connects and is related to user experience, had an impact so as to which whether right user to a certain extent can do shopping on the site.
Many websites both provide the guiding of new function to improve user experience now, these websites are mostly using by several
It opens and illustrates the mode of picture to show the function that website increases newly, there is the adjustment by webpage background color come highlighted prominent
Going out needs the place for the part function of showing, to need to inform on the new function of user so as to concentrate on the visual focus of user
Face.
Existing new function guiding illustrates that picture shows new function to user only by several, but due to all the elements
It all concentrates on above several pictures, new function is failed to inform user in a very intuitive way.User finishes watching these introduction figures
After piece, still it is difficult to understand and using the new function of website.Therefore, the way of the new function guiding of existing website cannot be fine
Play guiding function, user can be made to generate instead and be sick of, kept someone at a respectful distance, and subsequent maintenance cost is high, to Website development
Programmer bring unnecessary additional workload.
The content of the invention
It is convenient clear for providing to the user an embodiment of the present invention provides a kind of update interface display method and device
Website new function guiding.
The update interface display method that first aspect of the embodiment of the present invention provides, including：
It updates interface display apparatus and obtains the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface is update
Preceding user interface, the second sectional drawing interface are updated user interface, the first sectional drawing interface and institute
It states the second sectional drawing interface and belongs to same link level；
The first sectional drawing interface and the second sectional drawing interface are carried out image comparison by the update interface display apparatus,
Determine the difference part at the first sectional drawing interface and the second sectional drawing interface；
The update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously.
It is described by the first sectional drawing interface and second section described in the first method in the cards of first aspect
Figure interface carries out image comparison, determines the difference part at the first sectional drawing interface and the second sectional drawing interface, including：
By comparing the RGB rgb value at the first sectional drawing interface and the second sectional drawing interface, described first is determined
Sectional drawing interface and the second sectional drawing interface are different images；
According to the rgb value of the first sectional drawing interface and the second sectional drawing interface in different images region, determine described
First sectional drawing interface and the difference part at the second sectional drawing interface, and obtain it is described difference part in first sectional drawing circle
Coordinates regional in face or the second sectional drawing interface.
It is described while show the first sectional drawing interface and described in second of method in the cards of first aspect
Before second sectional drawing interface, including：
The first sectional drawing interface and the second sectional drawing interface are subjected to modularized processing, and establish the first module and the
The mapping relations of two modules；First module be the modularized processing after in the coordinates of targets area at the first sectional drawing interface
Image in domain, second module be the modularized processing after in the coordinates of targets region at the second sectional drawing interface
Image, seat of the coordinates of targets region for the difference part in the first sectional drawing interface or the second sectional drawing interface
Mark region；
It is set in first module or second module and clicks on response events.
Second of method in the cards with reference to first aspect, in the third method in the cards, it is described simultaneously
After showing the first sectional drawing interface and the second sectional drawing interface, including：
The click commands that user sends are received in the first sectional drawing interface or the second sectional drawing interface, if described
The click commands are received in first module or second module, then triggering is corresponding clicks on response events.
Second with reference to first aspect or three kind of method in the cards, it is described in the 4th kind of method in the cards
Clicking on response events includes：
Highlight first module and second module；
Or,
Into the second mould url interface in the block；
Or,
What pop-up showed second module introduces interface.
It is described while show the first sectional drawing interface and described in the 5th kind of method in the cards of first aspect
Second sectional drawing interface, including：
It shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and highlights the first sectional drawing interface
With the difference part at the second sectional drawing interface.
The update interface display apparatus that second aspect of the embodiment of the present invention provides, including：
Sectional drawing acquiring unit, for obtaining the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface is more
User interface before new, the second sectional drawing interface are updated user interface, the first sectional drawing interface and
The second sectional drawing interface belongs to same link level；
Image comparison unit, for the first sectional drawing interface and the second sectional drawing interface to be carried out image comparison, really
The fixed first sectional drawing interface and the difference part at the second sectional drawing interface；
Display unit, for showing the first sectional drawing interface and the second sectional drawing interface simultaneously.
In the first method in the cards of second aspect, described image comparison unit is specifically used for：
By comparing the RGB rgb value at the first sectional drawing interface and the second sectional drawing interface, described first is determined
Sectional drawing interface and the second sectional drawing interface are different images；
According to the rgb value of the first sectional drawing interface and the second sectional drawing interface in different images region, determine described
First sectional drawing interface and the difference part at the second sectional drawing interface, and obtain it is described difference part in first sectional drawing circle
Coordinates regional in face or the second sectional drawing interface.
In second of method in the cards of second aspect, described image comparison unit is specifically additionally operable to：
The first sectional drawing interface and the second sectional drawing interface are subjected to modularized processing, and establish the first module and the
The mapping relations of two modules；First module be the modularized processing after in the coordinates of targets area at the first sectional drawing interface
Image in domain, second module be the modularized processing after in the coordinates of targets region at the second sectional drawing interface
Image, seat of the coordinates of targets region for the difference part in the first sectional drawing interface or the second sectional drawing interface
Mark region；
It is set in first module or second module and clicks on response events.
With reference to second of method in the cards of second aspect, in the third method in the cards, described device
It further includes：
Response unit is clicked on, for receiving what user sent in the first sectional drawing interface or the second sectional drawing interface
Click commands if receiving the click commands in first module or second module, trigger corresponding click on
Response events.
It is described in the 4th kind of method in the cards with reference to the second of second aspect or three kind of method in the cards
Clicking on response events includes：
Highlight first module and second module；
Or,
Into the second mould url interface in the block；
Or,
What pop-up showed second module introduces interface.
In the 5th kind of method in the cards of second aspect, the display unit is additionally operable to：
It shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and highlights the first sectional drawing interface
With the difference part at the 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, update interface display apparatus can first obtain the first sectional drawing interface and the second sectional drawing interface,
The first sectional drawing interface is the user interface before update, and the second sectional drawing interface is updated user's operation circle
Face, then the first sectional drawing interface and the second sectional drawing interface are subjected to image comparison, determine the first sectional drawing interface and
The difference part at the second sectional drawing interface；It is last to show the first sectional drawing interface and the second sectional drawing interface simultaneously, make
User straightforward in a manner that new and old interface compares can know new more new content, and this processing mode is also just
Maintenance personnel in website safeguards updated web station interface.
Also, further, user is having found new and old operation circle when comparing the first sectional drawing interface and the second sectional drawing interface
After the difference part in face, the difference part can be clicked on, update interface display apparatus be just present with " difference is searched successfully " it
The signal language of class, and show that corresponding new function introduction illustrates interface so that user actively goes to find net in a manner of playing
New function after web update can be convenient for user to understand updated new function, and also deep simultaneously user is to the new function
Impression improves user experience.
Description of the drawings
Fig. 1 is a flow diagram of update interface display method of the embodiment of the present invention；
Fig. 2 is another flow diagram of update interface display method of the embodiment of the present invention；
Fig. 3 is the logical construction schematic diagram of update interface display apparatus of the embodiment of the present invention.
Specific embodiment
Below in conjunction with the attached drawing in the embodiment of the present invention, the technical solution in the embodiment of the present invention is carried out clear, complete
Site preparation describes, it is clear that described embodiment is only part of the embodiment of the present invention, instead of all the embodiments.It is based on
Embodiment in the present invention, those of ordinary skill in the art are obtained every other without creative efforts
Embodiment belongs to the scope of protection of the invention.
In various embodiments of the present invention, the update interface display apparatus is to update interface with the embodiment of the present invention
The functional device of institute in display methods, the update interface display apparatus can be single-alone physical equipment, or add
The software program being loaded in terminal.It is only schematical to update the description of interface display apparatus, for example, in information transmitting apparatus
The division of unit is only a kind of division of logic function, can there is other dividing mode, such as multiple units in actual implementation
Or component may be combined or can be integrated into another system or some features can be ignored or does not perform.It is another, institute
Display or the mutual coupling, direct-coupling or communication connection discussed can be by some interfaces, device or unit
INDIRECT COUPLING or communication connection can be electrical, machinery or other forms.If the integrated unit is with software function list
The form of member is realized and is independent production marketing or in use, can be stored in a computer read/write memory medium
In.Based on such understanding, part that technical scheme substantially in other words contributes to the prior art or should
The all or part of technical solution can be embodied in the form of software product, which is stored in one and deposits
In storage media, used including some instructions so that a computer equipment performs the whole of each embodiment the method for the present invention
Or part steps.
The embodiment of the present invention is applied to the update introduction of website, referring to Fig. 1, updating interface display in the embodiment of the present invention
One embodiment of method includes：
101st, update interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface；
It updates interface display apparatus and obtains the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface is update
Preceding user interface, the second sectional drawing interface are updated user interface, the first sectional drawing interface and institute
It states the second sectional drawing interface and belongs to same link level.
Specifically, it is described belong to it is same link level also refer to the web interface under same network address.In reality
In, include many linked terms in the homepage (the i.e. first link level) of website, when user clicks on the linked terms, just
The web interface of the corresponding next level of the linked terms can be entered.Such as, a network address http://www.ccb.com/cn/
Home/personal/favor_service, the homepage of the network address is " www.ccb.com ", and next link level is " cn ",
Next one link level is " home ", and so on, " home ", " personal ", " favor_service " point in the network address
Different link levels is not corresponded to.
It should be noted that in practical applications, if the change that the function pages generation of website is larger, network address in website
Structure may change, at this point, it is described belong to it is same link level then can be understood as belonging to same function plate, and
First sectional drawing interface and the second sectional drawing interface are then the comparison of new and old function plate.
Specifically, in practical applications, since website frequent may be updated, in the embodiment of the present invention
Sectional drawing can be carried out every preset time period to current web interface by updating interface display apparatus, when needs show first to user
Sectional drawing interface and the second sectional drawing interface, then using same two sectional drawings intercepting recently of link level as first sectional drawing
Interface and the second sectional drawing interface.
102nd, update interface display apparatus and the first sectional drawing interface and the second sectional drawing interface be subjected to image comparison,
Determine the difference part at the first sectional drawing interface and the second sectional drawing interface；
It updates interface display apparatus and the first sectional drawing interface and the second sectional drawing interface is subjected to image comparison, determine
The first sectional drawing interface and the difference part at the second sectional drawing interface.
Specifically, in practical applications, update interface display apparatus can realize described the using image comparison algorithm
One sectional drawing interface and the image comparison at the second sectional drawing interface, and determine the first sectional drawing interface and second sectional drawing
The difference part at interface, in order to show the difference part to user in due course.
103rd, update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously.
Update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously so that Yong Huke
New more new content straightforward in a manner that new and old interface compares can be known with family.
Specifically, in practical applications, before the first sectional drawing interface and the second sectional drawing interface is shown, update
Interface display apparatus carries out the setting of number of site cookies (webpage information) by calling the interface of website guiding function, with
And show the setting on guiding opportunity, in order to which user is when first entering updated interface, carry out new function guiding.
In the prior art, user is attracted by adjusting website background color to protrude the position where highlighted new function
Attention, such mode, which can but give, realizes and the maintenance in later stage bring certain trouble to have new function to reach the standard grade every time later
It will modify to the code of website, reusability is relatively low.Compared with the method for the prior art, the place in the embodiment of the present invention
Reason mode adaptively can automatically make a change, more just with the continuous renewal of website version according to the new content of website
Maintenance personnel in website safeguards updated web station interface.
In embodiments of the present invention, update interface display apparatus can first obtain the first sectional drawing interface and the second sectional drawing interface,
The first sectional drawing interface is the user interface before update, and the second sectional drawing interface is updated user's operation circle
Face, then the first sectional drawing interface and the second sectional drawing interface are subjected to image comparison, determine the first sectional drawing interface and
The difference part at the second sectional drawing interface；It is last to show the first sectional drawing interface and the second sectional drawing interface simultaneously, make
User straightforward in a manner that new and old interface compares can know new more new content, and this processing mode is also just
Maintenance personnel in website safeguards updated web station interface.
Further, the embodiment of the present invention additionally provides a kind of new function guidance mode, by the way that user is allowed to carry out Old And New Networks
The comparison in page boundary face allows user find the game of difference part (i.e. new function), user is allowed to be participated in a manner of entertaining
In the introduction of new function, referring to Fig. 2, another embodiment of interface display method is updated in the embodiment of the present invention to be included：
201st, update interface display apparatus and obtain the first sectional drawing interface and the second sectional drawing interface；
It updates interface display apparatus and obtains the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface is update
Preceding user interface, the second sectional drawing interface are updated user interface, the first sectional drawing interface and institute
It states the second sectional drawing interface and belongs to same link level.
Specifically, it is described belong to it is same link level also refer to the web interface under same network address.In reality
In, include many linked terms in the homepage (the i.e. first link level) of website, when user clicks on the linked terms, just
The web interface of the corresponding next level of the linked terms can be entered.Such as, a network address http://www.ccb.com/cn/
Home/personal/favor_service, the homepage of the network address is " www.ccb.com ", and next link level is " cn ",
Next one link level is " home ", and so on, " home ", " personal ", " favor_service " point in the network address
Different link levels is not corresponded to.
It should be noted that in practical applications, if the change that the function pages generation of website is larger, network address in website
Structure may change, at this point, it is described belong to it is same link level then can be understood as belonging to same function plate, and
First sectional drawing interface and the second sectional drawing interface are then the comparison of new and old function plate.
Specifically, in practical applications, since website frequent may be updated, in the embodiment of the present invention
Sectional drawing can be carried out every preset time period to current web interface by updating interface display apparatus, when needs show first to user
Sectional drawing interface and the second sectional drawing interface, then using same two sectional drawings intercepting recently of link level as first sectional drawing
Interface and the second sectional drawing interface.
202nd, update interface display apparatus and the first sectional drawing interface and the second sectional drawing interface be subjected to image comparison,
Determine the difference part at the first sectional drawing interface and the second sectional drawing interface；
It updates interface display apparatus and the first sectional drawing interface and the second sectional drawing interface is subjected to image comparison, determine
The first sectional drawing interface and the difference part at the second sectional drawing interface.
Specifically, the first sectional drawing interface and the second sectional drawing interface are carried out to the process of image comparison to be：
By comparing the RGB rgb value at the first sectional drawing interface and the second sectional drawing interface, described first is determined
Sectional drawing interface and the second sectional drawing interface are different images；
According to the rgb value of the first sectional drawing interface and the second sectional drawing interface in different images region, determine described
First sectional drawing interface and the difference part at the second sectional drawing interface, and obtain it is described difference part in first sectional drawing circle
Coordinates regional in face or the second sectional drawing interface.
203rd, interface display apparatus is updated to carry out at the first sectional drawing interface and the second sectional drawing interface at modularization
Reason；
It updates interface display apparatus and the first sectional drawing interface and the second sectional drawing interface is subjected to modularized processing, and
Establish the mapping relations of the first module and the second module；First module be the modularized processing after in first sectional drawing
Image in the coordinates of targets region at interface, second module be the modularized processing after at the second sectional drawing interface
Image in coordinates of targets region, the coordinates of targets region are the difference part at the first sectional drawing interface or described the
Coordinates regional in two sectional drawing interfaces；It is set in first module or second module and clicks on response events.
Specifically, the click response events include：
Highlight first module and second module；I.e. when user successfully finds the first sectional drawing interface
During with the difference part at the second sectional drawing interface, the first sectional drawing interface and the second sectional drawing interface are highlighted respectively
Difference part, in order to which user is prompted to search successfully.
Or,
Into the second mould url interface in the block；I.e. when user successfully finds the first sectional drawing interface and described
During the difference part at the second sectional drawing interface, the operation interface of new function is directly entered, in order to which user can be with the new work(of immediate experience
Energy.
Or,
What pop-up showed second module introduces interface；I.e. when user successfully finds the first sectional drawing interface and institute
When stating the difference part at the second sectional drawing interface, new function is introduced, in order to user's detailed understanding new function.
Specifically, in practical applications, due to being used for the only two images compared, image it is in the same size and most of
Content be all identical, the higher image comparison of this similarity can substantially reduce the complexity of image processing algorithm.More
Image is compared that treated by new interface display apparatus, and result is recorded, and the difference of two width pictures is marked as rationally big
Small image-region block (i.e. the first module and the second module), so as to search image according to first module and the generation of the second module
The game of difference.
It is understood that in practical applications, it is understood that there may be multigroup first module and the second module, i.e., it is first section described
Figure interface and the second sectional drawing interface are there are the different place in many places, and the embodiment of the present invention is only with one group of first module and second
Module illustrates citing, can not be interpreted as the restriction to the embodiment of the present invention.
204th, update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously.
Update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and prompts user
The game of difference part lookup is carried out, user is allowed to find the first sectional drawing interface and described second by way of mouse click
The difference at sectional drawing interface.
Specifically, in practical applications, before the first sectional drawing interface and the second sectional drawing interface is shown, update
Interface display apparatus carries out the setting of number of site cookies (webpage information) by calling the interface of website guiding function, with
And show the setting on guiding opportunity, in order to which user is when first entering updated interface, carry out new function guiding.
Further, when user completes to search the game of the first module and the second module, described the can be highlighted
One sectional drawing interface and the difference part at the second sectional drawing interface, in order to which user is allowed finally to understand all new functions.Specifically
, described highlight can include：It is highlighted, amplification display or pop-up are shown.
In embodiments of the present invention, user is having found new and old behaviour when comparing the first sectional drawing interface and the second sectional drawing interface
After making the difference part at interface, the difference part can be clicked on, update interface display apparatus be just present with " difference search into
The signal language of work(" etc, and show that corresponding new function introduction illustrates interface so that user actively goes to send out in a manner of playing
The existing updated new function of webpage can be convenient for user to understand updated new function, and also deep simultaneously user is to the new work(
The impression of energy, improves user experience.
The update interface display apparatus for updating interface display method in the embodiment of the present invention to realizing below is described, please
Refering to Fig. 3, one embodiment of interface display apparatus is updated in the embodiment of the present invention to be included：
Sectional drawing acquiring unit 301 is for obtaining the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface
User interface before update, the second sectional drawing interface be updated user interface, the first sectional drawing interface
Belong to same link level with the second sectional drawing interface；
Image comparison unit 302, for the first sectional drawing interface and the second sectional drawing interface to be carried out image comparison,
Determine the difference part at the first sectional drawing interface and the second sectional drawing interface；
Display unit 303, for showing the first sectional drawing interface and the second sectional drawing interface simultaneously.
Specifically, described image comparison unit 302 is specifically used for：
By comparing the rgb value at the first sectional drawing interface and the second sectional drawing interface, first sectional drawing circle is determined
Face and the second sectional drawing interface are different images；
According to the rgb value of the first sectional drawing interface and the second sectional drawing interface in different images region, determine described
First sectional drawing interface and the difference part at the second sectional drawing interface, and obtain it is described difference part in first sectional drawing circle
Coordinates regional in face or the second sectional drawing interface.
Specifically, described image comparison unit 302 is specifically additionally operable to：
The first sectional drawing interface and the second sectional drawing interface are subjected to modularized processing, and establish the first module and the
The mapping relations of two modules；First module be the modularized processing after in the coordinates of targets area at the first sectional drawing interface
Image in domain, second module be the modularized processing after in the coordinates of targets region at the second sectional drawing interface
Image, seat of the coordinates of targets region for the difference part in the first sectional drawing interface or the second sectional drawing interface
Mark region；
It is set in first module or second module and clicks on response events.
Further, described device further includes：
Response unit 304 is clicked on, for receiving user's hair in the first sectional drawing interface or the second sectional drawing interface
The click commands sent, if receiving the click commands in first module or second module, triggering is corresponding
Click on response events.
Specifically, the click response events include：
Highlight first module and second module；
Or,
Into the second mould url interface in the block；
Or,
What pop-up showed second module introduces interface.
Specifically, the display unit 303 is additionally operable to：
It shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and highlights the first sectional drawing interface
With the difference part at the second sectional drawing interface.
The operating process of the unit in the embodiment of the present invention is described below：
First, sectional drawing acquiring unit 301 obtains the first sectional drawing interface and the second sectional drawing interface, the first sectional drawing interface are
User interface before update, the second sectional drawing interface be updated user interface, the first sectional drawing interface
Belong to same link level with the second sectional drawing interface.
Specifically, it is described belong to it is same link level also refer to the web interface under same network address.In reality
In, include many linked terms in the homepage (the i.e. first link level) of website, when user clicks on the linked terms, just
The web interface of the corresponding next level of the linked terms can be entered.Such as, a network address http://www.ccb.com/cn/
Home/personal/favor_service, the homepage of the network address is " www.ccb.com ", and next link level is " cn ",
Next one link level is " home ", and so on, " home ", " personal ", " favor_service " point in the network address
Different link levels is not corresponded to.
It should be noted that in practical applications, if the change that the function pages generation of website is larger, network address in website
Structure may change, at this point, it is described belong to it is same link level then can be understood as belonging to same function plate, and
First sectional drawing interface and the second sectional drawing interface are then the comparison of new and old function plate.
Specifically, in practical applications, since website frequent may be updated, in the embodiment of the present invention
Sectional drawing acquiring unit 301 can carry out sectional drawing every preset time period to current web interface, when needs show first to user
Sectional drawing interface and the second sectional drawing interface, then using same two sectional drawings intercepting recently of link level as first sectional drawing
Interface and the second sectional drawing interface.
Secondly, the first sectional drawing interface and the second sectional drawing interface are carried out image comparison by image comparison unit 302,
Determine the difference part at the first sectional drawing interface and the second sectional drawing interface.
Specifically, in practical applications, image comparison unit 302 can realize described first using image comparison algorithm
Sectional drawing interface and the image comparison at the second sectional drawing interface, and determine the first sectional drawing interface and second sectional drawing circle
The difference part in face, in order to show the difference part to user in due course.
Specifically, the first sectional drawing interface and the second sectional drawing interface are carried out to the process of image comparison to be：
By comparing the rgb value at the first sectional drawing interface and the second sectional drawing interface, first sectional drawing circle is determined
Face and the second sectional drawing interface are different images；
According to the rgb value of the first sectional drawing interface and the second sectional drawing interface in different images region, determine described
First sectional drawing interface and the difference part at the second sectional drawing interface, and obtain it is described difference part in first sectional drawing circle
Coordinates regional in face or the second sectional drawing interface.
Again, image comparison unit 302 carries out at the first sectional drawing interface and the second sectional drawing interface at modularization
Reason, and establish the mapping relations of the first module and the second module；First module is described the after the modularized processing
Image in the coordinates of targets region at one sectional drawing interface, second module be the modularized processing after in second sectional drawing
Image in the coordinates of targets region at interface, the coordinates of targets region for the difference part at the first sectional drawing interface or
Coordinates regional in the second sectional drawing interface；It is set in first module or second module and clicks on response events.
When user carries out clicking operation to first module or second module, response unit 304 is clicked in institute
It states and the click commands that user sends is received in the first sectional drawing interface or the second sectional drawing interface, if in first module or institute
It states and the click commands is received in the second module, then triggering is corresponding clicks on response events.Specifically, described click on response thing
Part includes：
Highlight first module and second module；I.e. when user successfully finds the first sectional drawing interface
During with the difference part at the second sectional drawing interface, the first sectional drawing interface and the second sectional drawing interface are highlighted respectively
Difference part, in order to which user is prompted to search successfully.
Or,
Into the second mould url interface in the block；I.e. when user successfully finds the first sectional drawing interface and described
During the difference part at the second sectional drawing interface, the operation interface of new function is directly entered, in order to which user can be with the new work(of immediate experience
Energy.
Or,
What pop-up showed second module introduces interface；I.e. when user successfully finds the first sectional drawing interface and institute
When stating the difference part at the second sectional drawing interface, new function is introduced, in order to user's detailed understanding new function.
Specifically, in practical applications, due to being used for the only two images compared, image it is in the same size and most of
Content be all identical, the higher image comparison of this similarity can substantially reduce the complexity of image processing algorithm.More
Image is compared that treated by new interface display apparatus, and result is recorded, and the difference of two width pictures is marked as rationally big
Small image-region block (i.e. the first module and the second module), so as to search image according to first module and the generation of the second module
The game of difference.
It is understood that in practical applications, it is understood that there may be multigroup first module and the second module, i.e., it is first section described
Figure interface and the second sectional drawing interface are there are the different place in many places, and the embodiment of the present invention is only with one group of first module and second
Module illustrates citing, can not be interpreted as the restriction to the embodiment of the present invention.
Finally, display unit 303 shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and prompts user
The game of difference part lookup is carried out, user is allowed to find the first sectional drawing interface and described second by way of mouse click
The difference at sectional drawing interface.
Specifically, in practical applications, before the first sectional drawing interface and the second sectional drawing interface is shown, update
Interface display apparatus carries out the setting of number of site cookies (webpage information) by calling the interface of website guiding function, with
And show the setting on guiding opportunity, in order to which user is when first entering updated interface, carry out new function guiding.
Further, when user completes to search the game of the first module and the second module, described the can be highlighted
One sectional drawing interface and the difference part at the second sectional drawing interface, in order to which user is allowed finally to understand all new functions.Specifically
, described highlight can include：It is highlighted, amplification display or pop-up are shown.
In embodiments of the present invention, update interface display apparatus can first obtain the first sectional drawing interface and the second sectional drawing interface,
The first sectional drawing interface is the user interface before update, and the second sectional drawing interface is updated user's operation circle
Face, then the first sectional drawing interface and the second sectional drawing interface are subjected to image comparison, determine the first sectional drawing interface and
The difference part at the second sectional drawing interface；It is last to show the first sectional drawing interface and the second sectional drawing interface simultaneously, make
User straightforward in a manner that new and old interface compares can know new more new content, and this processing mode is also just
Maintenance personnel in website safeguards updated web station interface.
Further, user is having found new and old operation interface when comparing the first sectional drawing interface and the second sectional drawing interface
After distinguishing part, the difference part can be clicked on, update interface display apparatus is just present with " difference is searched successfully " etc
Signal language, and show that corresponding new function introduction illustrates interface so that user actively goes to find webpage more in a manner of playing
New function after new can be convenient for user to understand updated new function, also deep simultaneously impression of the user to the new function,
Improve user experience.
In several embodiments provided herein, it should be understood that disclosed apparatus and method can pass through it
Its mode is realized.For example, the apparatus embodiments described above are merely exemplary, for example, the division of the unit, only
Only a kind of division of logic function can have other dividing mode in actual implementation, such as multiple units or component can be tied
It closes or is desirably integrated into another system or some features can be ignored or does not perform.It is another, it is shown or discussed
Mutual coupling, direct-coupling or communication connection can be the INDIRECT COUPLING or logical by some interfaces, device or unit
Letter connection can be electrical, machinery or other forms.
The unit illustrated as separating component may or may not be physically separate, be shown as unit
The component shown may or may not be physical location, you can be located at a place or can also be distributed to multiple
In network element.Some or all of unit therein can be selected to realize the mesh of this embodiment scheme according to the actual needs
's.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing unit, it can also
That unit is individually physically present, can also two or more units integrate in a unit.Above-mentioned integrated list
The form that hardware had both may be employed in member is realized, can also be realized in the form of SFU software functional unit.
If the integrated unit is realized in the form of SFU software functional unit and is independent production marketing or use
When, it can be stored in a computer read/write memory medium.Based on such understanding, technical scheme is substantially
The part to contribute in other words to the prior art or all or part of the technical solution can be in the form of software products
It embodies, which is stored in a storage medium, is used including some instructions so that a computer
Equipment (can be personal computer, server or the network equipment etc.) performs the complete of each embodiment the method for the present invention
Portion or part steps.And foregoing storage medium includes：USB flash disk, mobile hard disk, read-only memory, random access memory, magnetic disc
Or the various media that can store program code such as CD.
The above description is merely a specific embodiment, but protection scope of the present invention is not limited thereto, any
Those familiar with the art in the technical scope disclosed by the present invention, can readily occur in change or replacement, should all contain
Lid is within protection scope of the present invention.Therefore, protection scope of the present invention described should be subject to the protection scope in claims.
Claims (10)
1. a kind of update interface display method, which is characterized in that including：
It updates interface display apparatus and obtains the first sectional drawing interface and the second sectional drawing interface, before update is in the first sectional drawing interface
User interface, the second sectional drawing interface are updated user interface, the first sectional drawing interface and described the
Two sectional drawing interfaces belong to same link level；
The update interface display apparatus utilizes image comparison algorithm by the first sectional drawing interface and the second sectional drawing interface
Image comparison is carried out, determines the difference part at the first sectional drawing interface and the second sectional drawing interface；
The first sectional drawing interface and the second sectional drawing interface are subjected to modularized processing, and establish the first module and the second mould
The mapping relations of block；First module be the modularized processing after in the coordinates of targets region at the first sectional drawing interface
Image, second module is figure in the coordinates of targets region at the second sectional drawing interface after the modularized processing
Picture, coordinate of the coordinates of targets region for the difference part in the first sectional drawing interface or the second sectional drawing interface
Region；
It is set in first module or second module and clicks on response events；
The update interface display apparatus shows the first sectional drawing interface and the second sectional drawing interface simultaneously.
It is 2. according to the method described in claim 1, it is characterized in that, described by the first sectional drawing interface and second sectional drawing
Interface carries out image comparison, determines the difference part at the first sectional drawing interface and the second sectional drawing interface, including：
By comparing the RGB rgb value at the first sectional drawing interface and the second sectional drawing interface, first sectional drawing is determined
Interface and the second sectional drawing interface are different images；
According to the first sectional drawing interface and the second sectional drawing interface in the rgb value in different images region, described first is determined
Sectional drawing interface and the difference part at the second sectional drawing interface, and obtain the difference part at the first sectional drawing interface or
Coordinates regional in the second sectional drawing interface.
It is 3. according to the method described in claim 1, it is characterized in that, described while show the first sectional drawing interface and described
After two sectional drawing interfaces, including：
The click commands that user sends are received in the first sectional drawing interface or the second sectional drawing interface, if described first
The click commands are received in module or second module, then triggering is corresponding clicks on response events.
4. the method according to claim 1 or 3, which is characterized in that the click response events include：
Highlight first module and second module；
Or,
Into the second mould url interface in the block；
Or,
What pop-up showed second module introduces interface.
It is 5. according to the method described in claim 1, it is characterized in that, described while show the first sectional drawing interface and described
Two sectional drawing interfaces, including：
It shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and highlights the first sectional drawing interface and institute
State the difference part at the second sectional drawing interface.
6. a kind of update interface display apparatus, which is characterized in that including：
Sectional drawing acquiring unit, for obtaining the first sectional drawing interface and the second sectional drawing interface, before update is in the first sectional drawing interface
User interface, the second sectional drawing interface is updated user interface, the first sectional drawing interface and described
Second sectional drawing interface belongs to same link level；
Image comparison unit for the first sectional drawing interface and the second sectional drawing interface to be carried out image comparison, determines institute
State the difference part at the first sectional drawing interface and the second sectional drawing interface；By the first sectional drawing interface and second sectional drawing circle
Face carries out modularized processing, and establishes the mapping relations of the first module and the second module；First module is the modularization
Image after processing in the coordinates of targets region at the first sectional drawing interface, second module is after the modularized processing
Image in the coordinates of targets region at the second sectional drawing interface, the coordinates of targets region are the difference part described
Coordinates regional in first sectional drawing interface or the second sectional drawing interface；It is set in first module or second module
Click on response events；
Display unit, for showing the first sectional drawing interface and the second sectional drawing interface simultaneously.
7. device according to claim 6, which is characterized in that described image comparison unit is specifically used for：
By comparing the RGB rgb value at the first sectional drawing interface and the second sectional drawing interface, first sectional drawing is determined
Interface and the second sectional drawing interface are different images；
According to the first sectional drawing interface and the second sectional drawing interface in the rgb value in different images region, described first is determined
Sectional drawing interface and the difference part at the second sectional drawing interface, and obtain the difference part at the first sectional drawing interface or
Coordinates regional in the second sectional drawing interface.
8. device according to claim 6, which is characterized in that described device further includes：
Response unit is clicked on, for receiving the click that user sends in the first sectional drawing interface or the second sectional drawing interface
Instruction if receiving the click commands in first module or second module, triggers corresponding click on and responds
Event.
9. the device according to claim 6 or 8, which is characterized in that the click response events include：
Highlight first module and second module；
Or,
Into the second mould url interface in the block；
Or,
What pop-up showed second module introduces interface.
10. device according to claim 6, which is characterized in that the display unit is additionally operable to：
It shows the first sectional drawing interface and the second sectional drawing interface simultaneously, and highlights the first sectional drawing interface and institute
State the difference part at the 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 CN104615787A (en) | 2015-05-13 |
| CN104615787B true 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) |
Families Citing this family (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 |
| CN107066272B (en) * | 2017-03-31 | 2020-10-20 | 北京奇艺世纪科技有限公司 | Page updating method and device |
| 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 |
| CN111610909B (en) * | 2020-04-16 | 2022-04-08 | 维沃移动通信有限公司 | Screenshot method and device and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4874552B2 (en) * | 2005-01-28 | 2012-02-15 | 京セラ株式会社 | Display device |
| JP2013126185A (en) * | 2011-12-15 | 2013-06-24 | Fujitsu Ltd | Information processing unit, image transmission method and image transmission program |
| CN103207874B (en) * | 2012-01-17 | 2017-05-10 | 腾讯科技（深圳）有限公司 | Updated webpage content prompting method and system |
-
2015
- 2015-03-06 CN CN201510100555.8A patent/CN104615787B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
Non-Patent Citations (2)
| Title |
|---|
| 如何比较图片（找茬游戏必备）;匿名;《百度经验》;20141127;第1-3页 * |
| 新版哈莫曼入侵奖励减少 更新前后对比图片;口袋巴士手游专区;《百度攻略》;20150301;第1-3页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104615787A (en) | 2015-05-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104615787B (en) | A kind of update interface display method and device | |
| CN103493061B (en) | For the method and apparatus tackling Malware | |
| CN101026592B (en) | Community information update notification method and system | |
| CN100507881C (en) | Method and system for virtualizing device in remote virtual machine | |
| CN101611422B (en) | Web data usage platform | |
| CN102164186B (en) | Method and system for realizing cloud search service | |
| CN105635063B (en) | Internet of Things communication protocol configuration method and device | |
| CN108463817A (en) | Personalised entity library | |
| CN106170771A (en) | For managing the method for notice, system and the medium pointing to the multiple application being installed on subscriber equipment | |
| CN107122379A (en) | Collect the Transaction Information associated with the data file being locally stored | |
| CN101520782A (en) | Method and system for directionally releasing special-subject information relevant to online images | |
| CN103309884A (en) | User behavior data collecting method and system | |
| CN102523102A (en) | Unified policy over heterogenous device types | |
| CN107995285B (en) | Information display method, device, server and readable storage medium | |
| CN102811207A (en) | Network information pushing method and system | |
| CN111177545B (en) | Advertisement putting method, platform, electronic equipment and storage medium | |
| CN104462285A (en) | Privacy protection method for mobile service inquiry system | |
| CN102542056A (en) | Cloud-based web page applications for extending functionality | |
| CN104836696B (en) | A kind of detection method and device of IP address | |
| CN106484445A (en) | The page display method of application program for mobile terminal and device | |
| CN112068923B (en) | Interface updating method and device | |
| CN105094868A (en) | Software upgrading method, server and terminal | |
| WO2017142792A1 (en) | Malware identification using qualitative data | |
| CN105978967A (en) | Control information push method and device | |
| CN103345603B (en) | The method and device of webpage is browsed based on sandbox technology |
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 |