Page interaction method and device, electronic equipment and storage medium
By displaying the global entrance in the application's navigation bar, users can directly enter the page and select the page or application to enter, solving the problem that users in the prior art need to return to the main page for page redirection, and improving convenience.
Patent Information
- Application Number
- CN202311161923.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-09-08
- Publication Date
- 2025-03-11
AI Technical Summary
In existing applications, users need to return to the main page first when redirecting the page, which reduces the convenience of users using the application.
Provides a page interaction method. By displaying a global portal in the application's navigation bar, the user can directly enter the page and browse to the page identity and the application identity, thereby selecting the page or application to enter.
It improves the convenience of users using the application to jump page and reduces the navigation steps of users in the application.
Smart Images

Figure CN119597174A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of front-end interface technology, and in particular to a page interaction method, device, electronic device and storage medium. Background Art
[0002] Currently, users can use a variety of applications to meet different needs. For example, shopping through shopping applications, watching short videos through short video applications, and working through office applications. However, in current applications, every time a user wants to enter a new page, they need to return to the main page first, and perform one or more operations based on the main page to select the page to be entered, which reduces the convenience of users using applications to jump to new pages. Summary of the invention
[0003] The embodiments of the present disclosure provide a page interaction method, device, electronic device and storage medium, which can provide a global entrance in an application. When a user jumps to a page, he does not need to return to the main page first. He can enter the page through the global entrance and browse to the page logo and / or application logo, and then select the page or application logo to be entered, thereby improving the convenience of users using the application to jump to pages.
[0004] In a first aspect, an embodiment of the present disclosure provides a page interaction method, including:
[0005] Displaying a first entry in a navigation bar of a first application;
[0006] In response to a user opening a first page in the first application, a first sidebar and content of the first page are displayed in a client interface of the first application; the first entrance is displayed in the first sidebar;
[0007] Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0008] In a second aspect, an embodiment of the present disclosure provides a page interaction method, including:
[0009] Displaying a first entry in a navigation bar of a first application;
[0010] In response to the user triggering the first entry of the navigation bar, a second page is displayed; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0011] In a third aspect, an embodiment of the present disclosure provides a page interaction device, including:
[0012] A first display unit, configured to display a first entry in a navigation bar of a first application;
[0013] a second display unit, configured to display a first sidebar and content of the first page in a client interface of the first application in response to a user opening the first page in the first application; the first entrance is displayed in the first sidebar;
[0014] Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0015] In a fourth aspect, an embodiment of the present disclosure provides a page interaction device, including:
[0016] A third display unit, configured to display the first entry in the navigation bar of the first application;
[0017] A fourth display unit is used to display a second page in response to a user triggering operation on the first entry of the navigation bar; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0018] In a fifth aspect, an embodiment of the present disclosure provides an electronic device, comprising: a processor; and a memory configured to store computer-executable instructions, wherein the computer-executable instructions, when executed, enable the processor to implement the steps of the method described in the first aspect or the second aspect above.
[0019] In a sixth aspect, an embodiment of the present disclosure provides a computer-readable storage medium, which is used to store computer-executable instructions. When the computer-executable instructions are executed by a processor, the steps of the method described in the first aspect or the second aspect are implemented.
[0020] In one or more embodiments of the present disclosure, a first entry is displayed in the navigation bar of the first application, and a second page is displayed when the first entry is triggered, and the second page is used to display at least one of a page identifier and an application identifier. It can be seen that the first entry is equivalent to the global entry of the first application, and the user does not need to return to the main page first when jumping to a page. The user can enter the second page through the first entry and browse to the page identifier and / or application identifier, and then select the page or application identifier to be entered, which effectively improves the convenience of the user to jump to a page using the application. BRIEF DESCRIPTION OF THE DRAWINGS
[0021] In order to more clearly illustrate one or more embodiments of the present disclosure or the technical solutions in the prior art, the drawings required for use in the embodiments or the prior art descriptions are briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in the present disclosure. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative labor.
[0022] Figure 1 A schematic diagram of a flow chart of a page interaction method provided by an embodiment of the present disclosure;
[0023] Figure 2 A schematic diagram of a navigation bar of a first application provided in an embodiment of the present disclosure;
[0024] Figure 3 A schematic diagram of a second page provided in accordance with an embodiment of the present disclosure;
[0025] Figure 4 A schematic diagram of a first page provided in an embodiment of the present disclosure;
[0026] Figure 5 A schematic diagram of a first page provided for another embodiment of the present disclosure;
[0027] Figure 6 A schematic diagram of a first page provided for yet another embodiment of the present disclosure;
[0028] Figure 7 A schematic diagram of a second page provided for yet another embodiment of the present disclosure;
[0029] Figure 8 A schematic diagram of an extended page of a first area provided in an embodiment of the present disclosure;
[0030] Fig. 9 A schematic diagram of an extended page of a second area provided in an embodiment of the present disclosure;
[0031] Fig.10 A schematic diagram of a flow chart of a page interaction method provided by another embodiment of the present disclosure;
[0032] Fig.11 A schematic diagram of the structure of a page interaction device provided in one embodiment of the present disclosure;
[0033] Fig.12 A schematic diagram of the structure of a page interaction device provided by another embodiment of the present disclosure;
[0034] Fig.13 A schematic diagram of the structure of an electronic device provided in one embodiment of the present disclosure. DETAILED DESCRIPTION
[0035] In order to enable those skilled in the art to better understand the technical solutions in one or more embodiments of the present disclosure, the technical solutions in one or more embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in one or more embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, not all of the embodiments. Based on one or more embodiments of the present disclosure, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present disclosure.
[0036] It is understandable that before using the technical solutions disclosed in the embodiments of this specification, the types, scope of use, usage scenarios, etc. of personal information involved in the embodiments of this specification should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.
[0037] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution in the embodiment of this description according to the prompt message.
[0038] As an optional but non-limiting implementation, the prompt information may be sent to the user in a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.
[0039] It is understandable that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of the present embodiment. Other methods that meet relevant laws and regulations may also be applied to the implementation of the present embodiment.
[0040] The embodiments of the present disclosure provide a page interaction method, device, electronic device and storage medium, which can provide a global entrance in an application. When a user jumps to a page, he does not need to return to the main page first. He can enter the page through the global entrance and browse to the page logo and / or application logo, and then select the page or application logo to be entered, thereby improving the convenience of users using the application to jump to pages.
[0041] To facilitate understanding of this embodiment, the professional terms involved in this embodiment are explained here.
[0042] Application: an application program. An application can include a variety of business components, such as instant messaging components, personnel management components, financial management components, order management components, attendance management components, etc. The business components included in the application can be divided into two categories: native components and third-party components. Native components are business components configured by application developers for applications, and third-party components are business components developed by developers other than application developers and used in connected applications.
[0043] Client window: The window of the application displayed during the running of the application is the client window, and the interface of the client window is the client interface. The window displayed for the first time after the application is started can be called the main window of the application. The windows other than the main window displayed based on user operations during the running of the application can be called the secondary window of the application. The capabilities of the main window and the secondary window can be the same or different.
[0044] Tab: When the application displays a page based on the user's operation, the tab needs to be loaded and the page is displayed in the tab, so the tab is equivalent to the container of the page. Each tab has its own label, and different tabs are distinguished by their own labels. The label is the entrance to access the tab, and the label is displayed in the application.
[0045] Figure 1 This is a flow chart of a page interaction method provided by an embodiment of the present disclosure. The method flow can be applied to a terminal device such as a mobile phone or other electronic device to implement. Figure 1 As shown, the process includes:
[0046] Step S102, displaying a first entry in a navigation bar of a first application;
[0047] Step S104, in response to the user opening the first page in the first application, displaying the first sidebar and the content of the first page in the client interface of the first application; the first entrance is displayed in the first sidebar;
[0048] When the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0049] In this embodiment, the first entry is displayed in the navigation bar of the first application, and the second page is displayed when the first entry is triggered. The second page is used to display at least one of the page logo and the application logo. In addition, when the first page is opened in the first application, the first sidebar (the navigation bar is not displayed at this time) and the content of the first page are displayed, and the first entry is displayed in the first sidebar. It can be seen that the first entry is equivalent to the global entry of the first application. When the user jumps to the page, he does not need to return to the main page first. He can enter the second page through the first entry and browse to the page logo and / or application logo, so as to select the page or application logo to be entered, which effectively improves the convenience of users using the application to jump to the page.
[0050] In the above step S102, the first entrance is displayed in the navigation bar of the first application. The first application may include a variety of business components, such as instant messaging components, document components, calendar components, conference components, personnel management components, financial management components, order management components, attendance management components, etc. The business components included in the first application can be divided into two categories: native components and third-party components. Native components are business components configured for the first application by the developer of the first application, and third-party components are business components developed by developers other than the developer of the first application and connected to the first application for use.
[0051] The first application has a navigation bar. After the user starts the first application, the first application displays a main window. The navigation bar in the main window is the navigation bar of the first application. Of course, the navigation bar can also be located in the sub-window of the first application. The main window and the sub-window are both client windows of the first application. The navigation bar can be located at the bottom or side of the client window of the first application. In the navigation bar of the first application, a first entrance is displayed. When the first entrance is triggered, a second page is displayed. The second page is used to display at least one of a page identifier and an application identifier of the first application.
[0052] Figure 2 A schematic diagram of a navigation bar of a first application provided in an embodiment of the present disclosure is shown as follows: Figure 2 As shown, the navigation bar of the first application is located at the bottom of the client window of the first application, including controls such as "Message", "Calendar", "Workbench", "Mailbox", and "More", among which the control "More" is the first entrance. Figure 3 A schematic diagram of a second page provided in an embodiment of the present disclosure, such as Figure 3 As shown, after the first entry is triggered, the first application displays a second page, and the second page includes at least one page identifier and / or at least one application identifier of the first application.
[0053] The difference between a page identifier and an application identifier is that after a page identifier is triggered, a specific page is displayed, which displays specific business data, such as a specific document page. After an application identifier is triggered, the corresponding application is started, and the main page of the started application is displayed. The started application is the business component in the first application. The main page of the started application does not necessarily include specific business data, but may only include some application introduction data. For example Figure 3 In the example, the controls "Video Conference", "Address Book", "Task", "Knowledge Base", "Restaurant", and "Design" are application identifiers. When triggered, the corresponding business components in the first application are started and the welcome page of the business components is displayed. The controls "Administrative Work Order Processing", "Enterprise Contract Template", and "Business Data Overview" are page identifiers. When triggered, the corresponding pages are entered to display specific business data.
[0054] In this embodiment, there is also a first page in the first application. The first page can be any page of the first application, and can be a page of a native component of the first application, or a page of a third-party component of the first application, or a page of another application other than the first application. For example, if the first application is a collaborative office application, the first page can be a page of a native component such as an address book page, or a page of a third-party component such as a meal ordering page, or a page of an external application such as a page corresponding to an external web page link sent to a session or contained in a document.
[0055] The scenario in which the user requests to open the first page in the first application can be that the user triggers the page identifier and / or application identifier in the second page to request to open the first page, or the user triggers a web link in an instant messaging session in the first application to open the first page, or the user triggers a web link in a document of the first application to open the first page. In this embodiment, the scenario in which the user requests to open the first page in the first application is not restricted.
[0056] When the user requests to open the first page, the first application can display the first sidebar and the content of the first page in the client interface in response to the user's operation of opening the first page in the first application. The first entrance is not only located in the navigation bar of the first application, but also in the first sidebar.
[0057] Figure 4 A schematic diagram of a first page provided in an embodiment of the present disclosure, such as Figure 4 As shown, in response to the user opening the first page in the first application, the first application displays the first sidebar and the content of the first page in the client interface, the first sidebar is located at the bottom of the client interface, and the first entrance is displayed in the first sidebar. At this time, the navigation bar of the first application is not displayed.
[0058] It can be seen that in this embodiment, the first entrance is not only located in the navigation bar of the first application, but also displayed in the first sidebar when the user opens any page in the first application, so that the first entrance achieves the effect of the global entrance of the first application. When the user jumps to the page, there is no need to return to the main page first. Through the first entrance, the user can enter the second page and browse to the page logo and / or application logo, and then select the page or application logo to be entered, which effectively improves the convenience of users using the application to jump to pages.
[0059] In one embodiment, in response to a user operation of opening a first page in a first application, a first sidebar and the content of the first page are displayed in a client interface, including: in response to a user operation of opening the first page in the first application, a preset page container is loaded in the client interface; the content of the first page is loaded in the preset page container; the first sidebar is a sidebar of the preset page container.
[0060] In some embodiments, the preset page container is a tab container, that is, the first application provides a tab container to carry the first page opened in the first application. The type of the first page can include a variety of different page types, such as a mini program page, a native page of the first application, a page of a third-party application, a web page, etc.
[0061] In this embodiment, when displaying the first page according to the user operation, first, in response to the user's operation of opening the first page in the first application, a preset page container is loaded in the client interface of the first application, and the preset page container includes a first sidebar, which is a sidebar configured for the preset page container when the preset page container is developed, that is, the first sidebar is a sidebar inherent to the preset page container. And, the content of the first page is loaded in the preset page container, so as to achieve the effect of displaying the first sidebar and the content of the first page.
[0062] refer to Figure 4 In one embodiment, the preset page container includes a first sidebar and a second sidebar. The first sidebar is located at the bottom of the client interface, and the second sidebar is located at the top of the client interface. In addition to the first entrance, the first sidebar also includes multiple controls such as refresh, share, and plug-in. The second sidebar displays the page name and page closing controls such as a cross, etc. The page name can be adapted according to the content of the first page. When the user opens the first page, the preset page container is first loaded in the client interface, and then the content of the first page is loaded in the area between the first sidebar and the second sidebar of the preset page container.
[0063] It can be seen that through this embodiment, on the one hand, by loading the first page through the preset page container, when loading the page of the third-party component in the first application, there is no need to modify the page of the third-party component, and the page can be directly loaded in the preset page container, which reduces the page integration cost and improves the page integration efficiency. In addition, the structure of the preset page container is simple, which reduces the difficulty of developing the preset page container. On the other hand, displaying the first entrance in the first sidebar of the preset page container can make the first entrance achieve the effect of the global entrance of the first application.
[0064] In one embodiment, after displaying the first sidebar and the content of the first page in the client interface, the method further includes: in response to a user scrolling operation on the first page, scrolling the first page and hiding the first sidebar.
[0065] As mentioned above, in response to the user's operation of opening the first page in the first application, a preset page container can be loaded in the client interface, and the content of the first page can be loaded in the preset page container, wherein the first sidebar is the sidebar of the preset page container. Based on this, when the user scrolls the first page, for example, when scrolling the first page up and down, in response to the user's scrolling operation on the first page, the first page is scrolled and the first sidebar is hidden, and the navigation bar of the first page is displayed. The navigation bar of the first page is the navigation bar configured for the first page when the first page is developed, that is, the inherent navigation bar of the first page. Hiding the first sidebar and displaying the navigation bar of the first page can save page space and facilitate the user to perform corresponding processing on the first page through the navigation bar of the first page.
[0066] Figure 5 A schematic diagram of a first page provided for another embodiment of the present disclosure is shown in FIG. Figure 5 As shown, a first page is loaded in a preset page container, and the first page includes a navigation bar located above the first sidebar, and the navigation bar is a navigation bar inherent to the first page, and the navigation bar is developed and provided by the page developer of the first page, such as the developer of the first application or an external developer, and the navigation bar is loaded in the preset page container together with the first page. The user can perform corresponding operations on the first page through the navigation bar of the first page, such as entering the shopping cart page.
[0067] Figure 6 A schematic diagram of a first page provided for another embodiment of the present disclosure is shown as follows: Figure 5 and Figure 6 As shown, when the first page includes a navigation bar located above the first sidebar, if the user performs a scrolling operation on the first page, in response to the scrolling operation, while scrolling the first page, the first sidebar is hidden and the navigation bar of the first page is displayed, and the user is provided with the required function entry by relying on the navigation bar of the first page.
[0068] It can be seen that through this embodiment, in response to the user's scrolling operation on the first page, the first page is scrolled and the first sidebar is hidden, thereby reducing the page space occupied by the first sidebar and improving the user's browsing experience of the first page.
[0069] In one embodiment, after displaying the content of the first sidebar and the first page in the client interface, it also includes: in response to the user's triggering operation on the first entrance in the first sidebar, displaying the second page and the navigation bar of the first application.
[0070] As mentioned above, the first sidebar displays a first entrance, and the second page is displayed when the first entrance is triggered. Therefore, after the first page is displayed, if the user triggers the first entrance in the first sidebar, the second page and the navigation bar of the first application are displayed in response to the user's triggering operation on the first entrance in the first sidebar.
[0071] It can be seen that through this embodiment, when the first sidebar is displayed, the second page can be entered through the first entrance in the first sidebar, thereby improving the efficiency of page jumps.
[0072] In one embodiment, displaying the second page and the navigation bar of the first application includes: displaying an exit control in the navigation bar of the first application; the above method also includes: displaying the first page in response to a user triggering operation on the exit control.
[0073] In this embodiment, the navigation bar includes an exit control, which is used to exit the second page and display the previous page before entering the second page. Based on this, if the user triggers the exit control, the first page is displayed in response to the user's triggering operation on the exit control.
[0074] refer to Figure 3 and Figure 4 :exist Figure 4 When the first page is displayed in the first sidebar, a first entrance is displayed in the first sidebar. If the user triggers the first entrance, in response to the triggering operation, Figure 4 The interface of the first page shown jumps to Figure 3 The interface where the second page is located is shown. Figure 3 As shown, the interface where the second page is located displays the second page and the navigation bar of the first application, and the navigation bar now displays an exit control. If the user triggers the exit control, then in response to the triggering operation, Figure 3 The interface where the second page is shown jumps to Figure 4 The interface where the first page is shown.
[0075] It can be seen that through this embodiment, after displaying the first page, the user can jump between the first page and the second page with the help of the first entrance in the first sidebar and the exit control in the navigation bar, thereby improving the page jump efficiency.
[0076] And, combined with Figure 3 and Figure 4 It can also be seen that through this embodiment, if the user triggers the page logo or application logo displayed in the second page and enters the first page, then in the first page, the user can quickly return to the second page through the first entrance in the first sidebar, and can return to the first page based on the exit control in the navigation bar, thereby realizing the linkage between the pages and enabling the user to quickly jump between the second page and the first page.
[0077] And, in one embodiment, Figure 2 It can be the main window interface of the first application, combined with Figure 2 and Figure 3 It can be seen that when the user starts the first application, the first entry is displayed in the navigation bar of the main window of the first application. After the second page is displayed in response to the user's triggering operation on the first entry, the first entry in the navigation bar becomes an exit control in the client interface. If the user triggers the exit control, the user can Figure 3 The interface where the second page is located jumps back to Figure 2 The main window interface of the first application shown in the figure can realize the effect of entering the second page and exiting the second page through the first entry and exit controls in the navigation bar.
[0078] In one embodiment, the first sidebar includes one or more of the following: a start control for a plug-in that implements a preset function; a start control for a digital assistant; and a page forwarding control.
[0079] In this embodiment, the first sidebar may include one or more of a plug-in startup control for implementing a preset function, a digital assistant AI (Artificial Intelligence) startup control, and a page forwarding control. In response to the user's triggering operation on the plug-in startup control for implementing the preset function, the corresponding plug-in may be started or a plug-in list may be displayed.
[0080] like Figure 4 and Figure 5 As shown, in one example, the first sidebar includes a refresh control, a page forwarding control, and a start control for a plug-in that implements a preset function. Of course, it may also include a start control for a digital assistant, which is not shown in the figure. Figure 4 and Figure 5In the example, if the user triggers the start control of a plug-in that implements a preset function, the corresponding plug-in can be started in response to the user's trigger operation. The plug-in can be, for example, a translation plug-in that translates the current page, or a chat plug-in that introduces other friends to chat. When there are multiple plug-ins, the plug-in list can also be displayed in response to the user's trigger operation, and the corresponding plug-in can be started based on the user's trigger operation on the plug-in displayed in the plug-in list. The digital assistant has functions such as helping to answer questions and summarizing the core content of documents.
[0081] It can be seen that through this embodiment, various controls can be set on the first sidebar to meet various needs of users, such as starting the plug-in required by the user when the user browses the page, and meeting the user's needs for further processing of the page, such as translation or introducing friends for chat and discussion.
[0082] As mentioned above, the second page can be entered by triggering the first entrance. It can be understood that the first entrance is located in the navigation bar and the first sidebar, so there are two ways to enter the second page: triggering the first entrance in the navigation bar of the first application to enter the second page, or triggering the first entrance in the first sidebar to enter the second page when the first page is displayed. The second page is introduced in detail below.
[0083] In one embodiment, the second page is used to display at least one of a page identifier and an application identifier, including: the second page includes a first area and a second area; the first area is used to display the application identifier of an application historically triggered by a user in the first application and / or the page identifier of a page historically triggered; the second area is used to display the application identifier and / or page identifier pinned to the second area by the first application or the user.
[0084] by Figure 2 and Figure 3 For example, Figure 2 It can be the main window interface of the first application, combined with Figure 2 and Figure 3 It can be seen that when the user starts the first application, the navigation bar of the main window of the first application displays the first entry, and the second page can be displayed in response to the user's triggering operation on the first entry. Figure 3 As shown, the second page includes a first area and a second area. The first area is Figure 3 The second area is the "Recently Used" area in Figure 3 In the first area, the application identifiers of the applications historically triggered by the user in the first application and / or the page identifiers of the pages historically triggered are displayed. In the second area, the application identifiers and / or page identifiers pinned to the second area by the first application or the user are displayed.
[0085] In the first area and the second area, the page corresponding to the page identifier can be a page developed by the developer of the first application, that is, a page that comes with the first application, or a page that is developed by an external developer of the first application and integrated into the first application. The application corresponding to the application identifier can be an application developed by the developer of the first application, that is, an application that comes with the first application, or an application that is developed by an external developer of the first application and integrated into the first application. In the first area and the second area, the page corresponding to the page identifier can be exemplified by a web page, and the application corresponding to the application identifier can be exemplified by a mini-program, CCM (Management, enterprise customer communication management system) business, etc. In some embodiments of the present disclosure, the page identifier and the application identifier include an icon and a name, and the page identifier and the application identifier can correspond to a URL (Uniform Resource Locator) link. When the page identifier or the application identifier is triggered, the corresponding data is accessed through the link.
[0086] In one embodiment, the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered are fixed to the first area.
[0087] In one embodiment, the user can fix the page identifiers of frequently used pages and / or the application identifiers of frequently used applications in the second area, or the first application pre-selects the page identifiers of some pages and / or the application identifiers of applications to be fixed in the second area during development. When the user manually fixes the page identifiers of frequently used pages and / or the application identifiers of applications in the second area, the page identifiers of newly added pages and / or the application identifiers of applications are automatically arranged at the first position in the second area.
[0088] It can be seen that through this embodiment, the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered can be displayed in the first area, and the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user, thereby facilitating the user to quickly enter the required page through the identifiers in the first area and the second area, thereby improving the user's application operation experience.
[0089] In one embodiment, reference Figure 3 As shown, in the first area, each identifier is sorted in order from recent to far according to the time of page exit, and each identifier in the first area includes a page identifier and / or an application identifier.
[0090] In this embodiment, when a user uses the first application, he or she may enter multiple pages and exit, and enter multiple applications and exit. Exiting an application is essentially exiting a page of the application, so the exit time of each page can be recorded. In the first area, when recording the page identifiers of the pages and / or application identifiers of the applications most recently used by the user, the page identifiers and / or application identifiers are sorted in order of the exit time of the pages from recent to far, and the page identifier and / or application identifier corresponding to the page exited most recently is ranked first.
[0091] It should be noted that the exit page referred to in this embodiment includes the situation where the user returns to the previous page to exit the page, and the exit time of the exit page is the time of returning to the previous page. The exit page referred to in this embodiment also includes the situation where the user closes the page, and the exit time of the exit page is the time of closing the page.
[0092] It can be seen that through this embodiment, in the first area, each page identifier and / or application identifier can be sorted in order from recent to far according to the time of page exit, so as to facilitate users to quickly find the most recently used page or application and improve the efficiency of users entering the required page or application.
[0093] In one embodiment, the above method flow also includes one or more of the following: in response to the user's identification fixing operation, determining the identification to be fixed in the first area, and fixing the identification to be fixed in the second area; in response to the user's identification moving operation, determining the identification to be moved in the second page, and moving the identification to be moved to the navigation bar of the first application.
[0094] In one embodiment, the method further includes: in response to a user's identification fixing operation, determining an identification to be fixed in the first area, and fixing the identification to be fixed in the second area.
[0095] Figure 7 A schematic diagram of a second page provided for another embodiment of the present disclosure. In one embodiment, reference Figure 7 As shown, the user can long press the page logo or application logo in the first area. In response to the user's long press operation, a menu is displayed. The user can select the "fix" option in the displayed menu. This selection operation is the logo fixing operation. In response to the user's logo fixing operation, the logo to be fixed is determined in the first area and fixed to the second area. The logo to be fixed includes a page logo and / or an application logo.
[0096] It can be seen that through this embodiment, the page logo and / or application logo in the first area can be fixed to the second area according to the user operation, thereby achieving the effect of adding the page logo and / or application logo to the second area.
[0097] In one embodiment, the method further includes: in response to the user's logo moving operation, determining the logo to be moved in the second page, and moving the logo to be moved to the navigation bar of the first application.
[0098] In this embodiment, reference Figure 3 As shown, a page logo and / or an application logo is displayed in the second page. The user can move the logo displayed in the first area or the second area of the second page by long pressing the icon and dragging it. In response to the user's logo movement operation, the logo to be moved is determined in the first area or the second area of the second page, and the logo to be moved is moved to the navigation bar of the first application, thereby achieving the effect of adding the logo required by the user in the navigation bar.
[0099] It can be seen that through this embodiment, it is possible to respond to the user's identification movement operation, determine the identification to be moved in the second page, and move the identification to be moved to the navigation bar of the first application, thereby achieving the effect of adding the identification required by the user in the navigation bar, improving the efficiency of the user to quickly enter the required page through the navigation bar, and improving the user experience.
[0100] In one embodiment, the method flow further includes: in response to the user's identification fixation operation, determining the identification to be fixed in the first area, fixing the identification to be fixed to the second area, and, in response to the user's identification move operation, determining the identification to be moved in the second page, and moving the identification to be moved to the navigation bar of the first application. The specific process of this embodiment can refer to the description of the previous embodiment, which will not be repeated here.
[0101] In one embodiment, the method in this embodiment may also include: in response to a first processing operation of a user on an identification in the first area, performing corresponding processing on the identification in the first area; the first processing operation includes a fixing operation to the second area or a deletion operation; the identification in the first area includes a page identification and / or an application identification; and / or, in response to a second processing operation of a user on an identification in the second area, performing corresponding processing on the identification in the second area; the second processing operation includes a sorting operation or a deletion operation; the identification in the second area includes a page identification and / or an application identification.
[0102] In this embodiment, for the logos in the first area, based on the first processing operation performed by the user, the logos in the first area can be fixed as common logos in the second area, or the logos in the first area can be deleted from the first area. And / or, for the logos in the second area, based on the second processing operation performed by the user, the display order of the logos in the second area can be adjusted, or the logos in the second area can be deleted from the second area.
[0103] like Figure 7 As shown, in one embodiment, the user can long press the page logo or application logo in the first area. In response to the user's long press operation, a menu is displayed. The user can select a "fix" option or a "remove" option in the displayed menu to fix the logo in the first area as a commonly used logo to the second area, or delete the logo in the first area from the first area.
[0104] refer to Figure 7 The user can adjust the display order of the logos in the second area in the second area, or delete the logos in the second area from the second area by long pressing and dragging the logos in the second area, such as the "Design" logo.
[0105] In one embodiment, when the identifier in the second area is an identifier manually added by the user, the identifier allows sorting and deletion. When the identifier in the second area is an identifier predetermined when the first application is developed, the identifier allows sorting but not deletion.
[0106] It can be seen that through this embodiment, according to user operations, the identification in the first area can be fixed to the second area or the identification in the first area can be deleted in the first area; and, according to user operations, the identification in the second area can be reordered or the identification in the second area can be deleted in the second area, thereby providing users with multiple processing capabilities for the identification in the first area and the identification in the second area to meet user needs.
[0107] In one embodiment, in response to a user's triggering operation on the first area, an extended page of the first area may be displayed, and in response to a user's triggering operation on the second area, an extended page of the second area may be displayed.
[0108] Figure 8 A schematic diagram of an extended page of a first area provided in an embodiment of the present disclosure, such as Figure 3 and Figure 8 As shown, users can click Figure 3 The "more tags" control displayed in the first area of the display, performing an expansion operation on the first area, and in response to the expansion operation on the first area, the following may be displayed: Figure 8 The extended page of the first area shown in the figure displays multiple marks in the first area, and the marks in the first area are sorted in order from recent to far according to the time of page exit. Figure 8 In the extended page of the first area shown, a preset number, such as 200, of logos can be displayed at most. When the upper limit is reached, the user can be prompted that the recently used area can display a maximum of 200 pieces of content. The logos in the first area include page logos and / or application logos.
[0109] refer to Figure 8 As shown, the user can click the extended control associated with the logo in the first area, such as Figure 8 The "..." control in the first area displays a fixed control and a removed control in response to a user's click operation. The fixed control is used to fix the logo in the first area as a common logo to the second area, and the removed control is used to remove the logo in the first area from the extended page of the first area.
[0110] Fig. 9 A schematic diagram of an extended page of a second area provided in an embodiment of the present disclosure, such as Figure 3 and Fig. 9 As shown, the user can click the "more tags" control displayed in the second area to perform an expansion operation on the second area. In response to the expansion operation on the second area, the following may be displayed: Fig. 9 The extended page of the second area shown in the figure displays multiple marks in the second area, and the marks in the second area are sorted according to the time sequence of the marks in the second area being fixed to the second area, and the page mark that was fixed to the second area last is ranked first. Fig. 9 In the extended page of the second area shown, a preset number, such as 200, of logos can be displayed at most. When the upper limit is reached, the user can be prompted that the commonly used area can display a maximum of 200 pieces of content. The logos in the second area include page logos and / or application logos.
[0111] refer to Fig. 9 As shown, the user can adjust the display order of the logos in the second area in the second area, such as the "Design" logo, by long pressing and dragging the logos in the second area, or delete the logos in the second area from the extended page of the second area.
[0112] It can be seen that through this embodiment, the extended page of the first area and the extended page of the second area can also be displayed, and according to user operations, in the extended page of the first area, the logo in the first area is fixed to the second area or the logo in the first area is deleted in the first area, and, according to user operations, in the extended page of the second area, the logo in the second area is reordered or the logo in the second area is deleted in the second area, thereby providing users with a variety of processing capabilities for the logos in the first area and the logos in the second area to meet user needs.
[0113] In one embodiment, the user can trigger Figure 3 The logo displayed on the second page shown, or triggering Figure 8 The logo displayed in the extended page of the first area shown, or triggering Fig. 9The logo displayed in the extended page of the second area shown, the first application loads the preset page container and displays the first page in response to the user's triggering operation.
[0114] In one embodiment, the above method process also includes: when the first application is started, a page corresponding to a specific identifier in the navigation bar is displayed on the homepage of the first application; wherein the page container of the page corresponding to the specific identifier is a native page container corresponding to the first application; and the native page container includes the navigation bar of the first application.
[0115] Usually, a fixed number of logos are displayed in the navigation bar of the first application, for example, 5 logos are displayed. After the user adds a logo to the navigation bar, the logos of the first application at the end except for the first entrance will be automatically deleted or moved to the second area of the second page. When the user starts the first application, the page corresponding to the specific logo in the navigation bar is displayed on the homepage of the first application. The page container of the page corresponding to the specific logo is the native page container corresponding to the first application. The native page container corresponding to the first application is the page container developed when the first application is developed, that is, the page container inherent to the first application. The native page container corresponding to the first application includes the navigation bar of the first application.
[0116] After the user enters the first application, the page container is determined to be the page identifier of the page of the native page container corresponding to the first application in the navigation bar. For example, in the order from left to right in the navigation bar, the first page container is determined to be the page identifier of the page of the native page container corresponding to the first application, and the page identifier is used as the specific page identifier. The page corresponding to the specific page identifier is displayed on the homepage of the first application, so that the page container of the page that the user sees first after entering the first application is the native page container corresponding to the first application, and the native page container includes the navigation bar of the first application, thereby improving the browsing experience of the user entering the first application.
[0117] It can be seen that through this embodiment, when the first application is started, the page corresponding to the specific identifier in the navigation bar can be displayed on the homepage of the first application, and the page container of the page corresponding to the specific identifier is the native page container corresponding to the first application, so that the page container of the page that the user first sees after entering the first application is the native page container corresponding to the first application, thereby improving the user's browsing experience when entering the first application.
[0118] In one embodiment, for pages developed by the developer of the first application, that is, pages that come with the first application, the page containers of these pages are required to be native page containers corresponding to the first application. For pages developed by external developers that need to be integrated into the first application, the page containers of these pages may not be native page containers corresponding to the first application, and the pages only need to be able to be loaded in the above-mentioned preset page container. It can be understood that if the first page itself is a page that comes with the collaborative office software, it is also possible not to load the preset page container, and the first page can be loaded based on the native page container corresponding to the first application.
[0119] In one embodiment, when the mark in the first area of the second page is triggered, the corresponding page is opened in the form of an independent tab page, and when the mark in the second area of the second page is triggered, the corresponding page is opened in the form of an independent tab page or in the form of a stack. Opening the corresponding page in the form of an independent tab page means that the page opened first and the page opened later are opened based on different page containers, that is, different tab pages, and opening the corresponding page in the form of a stack means that the page opened first and the page opened later are opened based on the same page container, that is, the same tab page.
[0120] In this embodiment, when developing each page, the developer defines the page opening method in the page link of the page according to the page requirements, and defines whether the page is opened in the form of an independent tab or in the form of a stack. Generally, the developer can set pages with deep interactive content, such as pages with user further interactive operation controls, to be opened in the form of independent tabs, and set pages without deep interactive content, such as pages without user further interactive operation controls, to be opened in the form of a stack.
[0121] An example of a page with deep interactive content is a work order processing page, where users may need to transfer the work order to other employees for processing and review the processing results of other employees. An example of a page without deep interactive content is a simple information browsing page, such as a personal information browsing page, where users do not need further interactive processing and usually exit the page after browsing the information.
[0122] Based on this, when the user has recently used many pages or applications, the pages defined as opened in the form of independent tabs are determined as frequently used pages and their logos are fixed in the first area, and the application logos of the applications used in the past are fixed in the first area. The user can fix the logo of any page or application to the second area according to needs regardless of the way the page is opened.
[0123] The difference between opening a page in the form of an independent tab and opening a page in the form of a stack is that if a page is opened in the form of an independent tab, the page opened first and the page opened later are opened based on different page containers, and the user needs to exit the opened page by closing the page; if the page is opened in the form of a stack, the page opened first and the page opened later are opened based on the same page container, and the user can exit the current page and return to the previous page by exiting the current page.
[0124] In the case where the user triggers the page identifier and / or application identifier through the second page and opens multiple pages, if the pages are all opened in the form of a stack, the multiple pages are stacked one by one based on the same page container, and the user can return to the previous page one by one by returning. In the case where the user triggers the page identifier and / or application identifier through the second page and opens multiple pages, if the pages are all opened in the form of independent tabs, the multiple pages are opened one by one based on a one-to-one corresponding page container, and the user can return to the previous page by closing the current page.
[0125] It can be seen that in this embodiment, the identifier in the first area of the second page is set to open the corresponding page in the form of an independent tab when it is triggered, and the identifier in the second area of the second page is set to open the corresponding page in the form of an independent tab or in the form of a stack when it is triggered, so that the identifier of the page defined as opened in the form of an independent tab and recently used by the user can be recorded in the first area. When the developer sets the page with deep interactive content to be opened in the form of an independent tab, the page identifier of the page with deep interactive content can be recorded in the first area, thereby ensuring that the page in the first area is a page that is highly likely to be used by subsequent users. In addition, the user can fix the page identifier or application identifier of any page to the second area according to the needs, regardless of the way the page is opened, to meet the user's needs to fix the identifier to the second area.
[0126] In summary, the above method embodiments have at least the following technical effects:
[0127] 1. The first entrance is equivalent to the global entrance of the first application. When the user jumps to a page, he does not need to return to the main page first. He can enter the second page through the first entrance and browse to the page logo and / or application logo, and then select the page or application logo to be entered, which effectively improves the convenience of the user to jump to the page using the application;
[0128] 2. A preset page container is provided. Pages provided by external developers other than the first application can be loaded into the preset page container without modification, thereby reducing page integration costs and improving page integration efficiency.
[0129] Corresponding to the same technical concept of the above-mentioned page interaction method, an embodiment of the present disclosure further provides a page interaction method. Fig.10 A flow chart of a page interaction method provided by another embodiment of the present disclosure is shown as follows: Fig.10 As shown, the method includes:
[0130] Step S1002, displaying a first entry in a navigation bar of a first application;
[0131] Step S1004, in response to the user triggering the first entry of the navigation bar, display the second page; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0132] In this embodiment, the first entry is displayed in the navigation bar of the first application, and the second page is displayed when the first entry is triggered. The second page is used to display at least one of the page identifier and the application identifier. It can be seen that the first entry is equivalent to the global entry of the first application. When the user jumps to a page, he does not need to return to the main page first. He can enter the second page through the first entry and browse to the page identifier and / or application identifier, and then select the page or application identifier to be entered, which effectively improves the convenience of the user to jump to a page using the application.
[0133] The method in this embodiment can be implemented in terminal devices such as mobile phones, computers, tablet computers and other electronic devices. The following description will be given by taking a mobile phone as an example in conjunction with the accompanying drawings.
[0134] like Figure 2 and Figure 3 As shown, a first entrance is displayed in the navigation bar of a first application, and a user can trigger the first entrance. In response to the user's triggering operation, a second page is displayed, and the second page includes a first area and a second area. The first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered, and the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0135] In one embodiment, the above method flow may also include one or more of the following: in response to the user's identification fixing operation, determining the identification to be fixed in the first area, and fixing the identification to be fixed in the second area; in response to the user's identification moving operation, determining the identification to be moved in the second page, and moving the identification to be moved to the navigation bar of the first application.
[0136] In one embodiment, the method further includes: in response to a user's identification fixing operation, determining an identification to be fixed in the first area, and fixing the identification to be fixed in the second area.
[0137] In one embodiment, reference Figure 7 As shown, the user can long press the page logo or application logo in the first area. In response to the user's long press operation, a menu is displayed. The user can select the "fix" option in the displayed menu. This selection operation is the logo fixing operation. In response to the user's logo fixing operation, the logo to be fixed is determined in the first area and fixed to the second area. The logo to be fixed includes a page logo and / or an application logo.
[0138] It can be seen that through this embodiment, the page logo and / or application logo in the first area can be fixed to the second area according to the user operation, thereby achieving the effect of adding the page logo and / or application logo to the second area.
[0139] In one embodiment, the above method flow may further include: in response to the user's logo moving operation, determining the logo to be moved in the second page, and moving the logo to be moved to the navigation bar of the first application.
[0140] In this embodiment, reference Figure 3 As shown, a page logo and / or an application logo is displayed in the second page. The user can move the logo displayed in the first area or the second area of the second page by long pressing the icon and dragging it. In response to the user's logo movement operation, the logo to be moved is determined in the first area or the second area of the second page, and the logo to be moved is moved to the navigation bar of the first application, thereby achieving the effect of adding the logo required by the user in the navigation bar.
[0141] Of course, the user can not only perform the identification moving operation in the second page, but also in the extended page of the first area or the extended page of the second area by long pressing the icon and dragging. The first application responds to the user's identification moving operation and determines the identification to be moved. The page identification to be moved can be the identification in the extended page of the first area or the identification in the extended page of the second area. The identification to be moved is moved to the navigation bar of the first application, thereby achieving the effect of adding the identification required by the user in the navigation bar.
[0142] It can be seen that through this embodiment, it is possible to respond to the user's identification movement operation, determine the identification to be moved in the second page, and move the identification to be moved to the navigation bar of the first application, thereby achieving the effect of adding the identification required by the user in the navigation bar, improving the efficiency of the user to quickly enter the required page through the navigation bar, and improving the user experience.
[0143] In one embodiment, the method flow further includes: in response to the user's identification fixation operation, determining the identification to be fixed in the first area, fixing the identification to be fixed to the second area, and, in response to the user's identification move operation, determining the identification to be moved in the second page, and moving the identification to be moved to the navigation bar of the first application. The specific process of this embodiment can refer to the description of the previous embodiment, which will not be repeated here.
[0144] In one embodiment, the above method process also includes: when the first application is started, the page corresponding to the specific identifier in the navigation bar is displayed on the homepage of the first application; wherein the page container of the page corresponding to the specific identifier is the native page container corresponding to the first application; and the native page container includes the navigation bar.
[0145] Usually, a fixed number of logos are displayed in the navigation bar of the first application, for example, 5 logos are displayed. After the user adds a logo to the navigation bar, the logos of the first application at the end except for the first entrance will be automatically deleted or moved to the second area of the second page. When the user starts the first application, the page corresponding to the specific logo in the navigation bar is displayed on the homepage of the first application. The page container of the page corresponding to the specific logo is the native page container corresponding to the first application. The native page container corresponding to the first application is the page container developed when the first application is developed, that is, the page container inherent to the first application. The native page container corresponding to the first application includes the navigation bar of the first application.
[0146] After the user enters the first application, the page container is determined to be the page identifier of the page of the native page container corresponding to the first application in the navigation bar. For example, in the order from left to right in the navigation bar, the first page container is determined to be the page identifier of the page of the native page container corresponding to the first application, and the page identifier is used as the specific page identifier. The page corresponding to the specific page identifier is displayed on the homepage of the first application, so that the page container of the page that the user sees first after entering the first application is the native page container corresponding to the first application, and the native page container includes the navigation bar of the first application, thereby improving the browsing experience of the user entering the first application.
[0147] It can be seen that through this embodiment, when the first application is started, the page corresponding to the specific identifier in the navigation bar can be displayed on the homepage of the first application, and the page container of the page corresponding to the specific identifier is the native page container corresponding to the first application, so that the page container of the page that the user first sees after entering the first application is the native page container corresponding to the first application, thereby improving the user's browsing experience when entering the first application.
[0148] In one embodiment, the method further includes: in response to a user opening a first page in a first application, displaying a first sidebar and content of the first page in a client interface of the first application; and displaying a first entrance in the first sidebar.
[0149] In one embodiment, the user can trigger Figure 3 The logo displayed on the second page shown, or triggering Figure 8 The logo displayed in the extended page of the first area shown, or triggering Fig. 9 The logo displayed in the extended page of the second area shown, the first application responds to the user's triggering operation, and displays the first sidebar and the content of the first page in the client interface. The first entrance is not only located in the navigation bar of the first application, but also in the first sidebar.
[0150] The scenario in which the user requests to open the first page in the first application can be that the user triggers the page identifier and / or application identifier in the second page to request to open the first page, or the user triggers a link in the session to request to open the first page, or the user triggers a link in the document to request to open the first page. In this embodiment, the scenario in which the user requests to open the first page in the first application is not restricted.
[0151] It can be seen that through this embodiment, the first entrance is not only located in the navigation bar of the first application, but also displayed in the first sidebar when the user opens any page in the first application, so that the first entrance achieves the effect of the global entrance of the first application. When the user jumps to the page, there is no need to return to the main page first. Through the first entrance, the user can enter the second page and browse to the page logo and / or application logo, and then select the page or application logo to be entered, which effectively improves the convenience of users using the application to jump to pages.
[0152] In one embodiment, in response to a user operation of opening a first page in a first application, a first sidebar and the content of the first page are displayed in a client interface, including: in response to a user operation of opening the first page in the first application, a preset page container is loaded in the client interface; the content of the first page is loaded in the preset page container; the first sidebar is a sidebar of the preset page container.
[0153] In this embodiment, when the first page is displayed according to the user operation, first, in response to the user's operation of opening the first page in the first application, a preset page container is loaded in the client interface of the first application, and the preset page container includes a first sidebar, which is a sidebar configured for the preset page container when the preset page container is developed, that is, the first sidebar is a sidebar inherent to the preset page container. Then, the content of the first page is loaded in the preset page container, so as to achieve the effect of displaying the first sidebar and the content of the first page.
[0154] refer to Figure 4 In one embodiment, the preset page container includes a first sidebar and a second sidebar. The first sidebar is located at the bottom of the client interface, and the second sidebar is located at the top of the client interface. In addition to the first entrance, the first sidebar also includes multiple controls such as refresh, share, and plug-in. The second sidebar displays the page name and page closing controls such as a cross, etc. The page name can be adapted according to the content of the first page. When the user opens the first page, the preset page container is first loaded in the client interface, and then the content of the first page is loaded in the area between the first sidebar and the second sidebar of the preset page container.
[0155] It can be seen that through this embodiment, on the one hand, by loading the first page through the preset page container, when loading the page of the third-party component in the first application, there is no need to modify the page of the third-party component, and the page can be directly loaded in the preset page container, which reduces the page integration cost and improves the page integration efficiency. In addition, the structure of the preset page container is simple, which reduces the difficulty of developing the preset page container. On the other hand, displaying the first entrance in the first sidebar of the preset page container can make the first entrance achieve the effect of the global entrance of the first application.
[0156] In one embodiment, after displaying the first sidebar and the content of the first page in the client interface, the method further includes: in response to a user scrolling operation on the first page, scrolling the first page and hiding the first sidebar.
[0157] As mentioned above, in response to the user's operation of opening the first page in the first application, a preset page container can be loaded in the client interface, and the content of the first page can be loaded in the preset page container, wherein the first sidebar is the sidebar of the preset page container. Based on this, when the user scrolls the first page, for example, when scrolling the first page up and down, in response to the user's scrolling operation on the first page, the first page is scrolled and the first sidebar is hidden, and the navigation bar of the first page is displayed. The navigation bar of the first page is the navigation bar configured for the first page when the first page is developed, that is, the inherent navigation bar of the first page. Hiding the first sidebar and displaying the navigation bar of the first page can save page space and facilitate the user to perform corresponding processing on the first page through the navigation bar of the first page.
[0158] like Figure 5 As shown, a first page is loaded in a preset page container, and the first page includes a navigation bar located above the first sidebar, and the navigation bar is a navigation bar inherent to the first page, and the navigation bar is developed and provided by the page developer of the first page, such as the developer of the first application or an external developer, and the navigation bar is loaded in the preset page container together with the first page. The user can perform corresponding operations on the first page through the navigation bar of the first page, such as entering the shopping cart page.
[0159] like Figure 5 and Figure 6 As shown, when the first page includes a navigation bar located above the first sidebar, if the user performs a scrolling operation on the first page, in response to the scrolling operation, while scrolling the first page, the first sidebar is hidden and the navigation bar of the first page is displayed, and the user is provided with the required function entry by relying on the navigation bar of the first page.
[0160] It can be seen that through this embodiment, when the first page includes a navigation bar, in response to the user's scrolling operation on the first page, the first page can be scrolled and the first sidebar can be hidden, thereby reducing the page space occupied by the first sidebar and improving the user's browsing experience of the first page.
[0161] In one embodiment, after displaying the content of the first sidebar and the first page in the client interface, it also includes: in response to the user's triggering operation on the first entrance in the first sidebar, displaying the second page and the navigation bar of the first application.
[0162] As mentioned above, the first sidebar displays a first entrance, and the second page is displayed when the first entrance is triggered. Therefore, after the first page is displayed, if the user triggers the first entrance in the first sidebar, the second page and the navigation bar of the first application are displayed in response to the user's triggering operation on the first entrance in the first sidebar.
[0163] It can be seen that through this embodiment, when the first sidebar is displayed, the second page can be entered through the first entrance in the first sidebar, thereby improving the efficiency of page jumps.
[0164] In one embodiment, displaying the second page and the navigation bar of the first application includes: displaying an exit control in the navigation bar of the first application; the above method also includes: displaying the first page in response to a user triggering operation on the exit control.
[0165] In this embodiment, the navigation bar includes an exit control, which is used to exit the second page and display the previous page before entering the second page. Based on this, if the user triggers the exit control, the first page is displayed in response to the user's triggering operation on the exit control.
[0166] refer to Figure 3and Figure 4 As shown, in Figure 4 When the first page is displayed in the first sidebar, a first entrance is displayed in the first sidebar. If the user triggers the first entrance, in response to the triggering operation, Figure 4 The interface of the first page shown jumps to Figure 3 The interface where the second page is located is shown. Figure 3 As shown, the interface where the second page is located displays the second page and the navigation bar of the first application, and the navigation bar now displays an exit control. If the user triggers the exit control, then in response to the triggering operation, Figure 3 The interface where the second page is shown jumps to Figure 4 The interface where the first page is shown.
[0167] It can be seen that through this embodiment, after displaying the first page, the user can jump between the first page and the second page with the help of the first entrance in the first sidebar and the exit control in the navigation bar, thereby improving the page jump efficiency.
[0168] In one embodiment, the first sidebar includes one or more of the following: a start control for a plug-in that implements a preset function; a start control for a digital assistant; and a page forwarding control.
[0169] In this embodiment, the first sidebar may include one or more of a plug-in startup control for implementing a preset function, a digital assistant AI startup control, and a page forwarding control. In response to the user's triggering operation on the plug-in startup control for implementing the preset function, the corresponding plug-in may be started or a plug-in list may be displayed.
[0170] like Figure 4 and Figure 5 As shown, in one example, the first sidebar includes a refresh control, a page forwarding control, and a start control for a plug-in that implements a preset function. Of course, it may also include a start control for a digital assistant, which is not shown in the figure. Figure 4 and Figure 5 In the example, if the user triggers the start control of a plug-in that implements a preset function, the corresponding plug-in can be started in response to the user's trigger operation. The plug-in can be, for example, a translation plug-in that translates the current page, or a chat plug-in that introduces other friends to chat. When there are multiple plug-ins, the plug-in list can also be displayed in response to the user's trigger operation, and the corresponding plug-in can be started based on the user's trigger operation on the plug-in displayed in the plug-in list. The digital assistant has functions such as helping to answer questions and summarizing the core content of documents.
[0171] It can be seen that through this embodiment, various controls can be set on the first sidebar to meet various needs of users, such as starting the plug-in required by the user when the user browses the page, and meeting the user's needs for further processing of the page, such as translation or introducing friends for chat and discussion.
[0172] The above Fig.10 The embodiment of the page interaction method in is briefly introduced. It should be noted that: Fig.10 Page interaction methods in Figure 1 The page interaction methods in are based on the same technical concept, so Fig.10 For further description of the embodiments of the method in Figure 1 The detailed description is not repeated here.
[0173] An embodiment of the present disclosure also provides a page interaction device, Fig.11 A schematic diagram of the structure of a page interaction device provided by an embodiment of the present disclosure is shown in FIG. Fig.11 As shown, the device comprises:
[0174] A first display unit 1101, configured to display a first entry in a navigation bar of a first application;
[0175] The second display unit 1102 is configured to display a first sidebar and the content of the first page in the client interface of the first application in response to a user opening the first page in the first application; the first entrance is displayed in the first sidebar;
[0176] Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0177] Optionally, the second display unit 1102 is specifically used to: load a preset page container in the client interface in response to a user opening a first page in the first application; load the content of the first page in the preset page container; and the first sidebar is the sidebar of the preset page container.
[0178] Optionally, a scrolling unit is further included, which is used to: after displaying the first sidebar and the content of the first page in the client interface, in response to a user's scrolling operation on the first page, scroll the first page and hide the first sidebar.
[0179] Optionally, it also includes a first linkage unit, which is used to: after displaying the first sidebar and the content of the first page in the client interface, display the second page and the navigation bar of the first application in response to the user's triggering operation on the first entrance in the first sidebar.
[0180] Optionally, it further includes a second linkage unit, which is used to: display an exit control in the navigation bar; and display the first page in response to a user triggering operation on the exit control.
[0181] Optionally, the first sidebar includes one or more of the following: a startup control for a plug-in that implements a preset function; a startup control for a digital assistant; and a page forwarding control.
[0182] Optionally, the second page is used to display at least one of a page identifier and an application identifier, including: the second page includes a first area and a second area; the first area is used to display the application identifier of an application historically triggered by the user in the first application and / or the page identifier of a page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0183] Optionally, it also includes a fixing unit and / or a moving unit, wherein the fixing unit is used to: in response to the user's identification fixing operation, determine the identification to be fixed in the first area, and fix the identification to be fixed to the second area; and the moving unit is used to: in response to the user's identification moving operation, determine the identification to be moved in the second page, and move the identification to be moved to the navigation bar of the first application.
[0184] Optionally, it also includes a starting unit, which is used to: when starting the first application, display the page corresponding to the specific identifier in the navigation bar on the homepage of the first application; wherein the page container of the page corresponding to the specific identifier is the native page container corresponding to the first application; and the native page container includes the navigation bar.
[0185] The page interaction device in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effects and functions, which will not be repeated here.
[0186] An embodiment of the present disclosure also provides a page interaction device, Fig.12 A schematic diagram of the structure of a page interaction device provided by another embodiment of the present disclosure is shown in FIG. Fig.12 As shown, the device comprises:
[0187] The third display unit 1201 is used to display the first entry in the navigation bar of the first application;
[0188] The fourth display unit 1202 is used to display a second page in response to a user triggering operation on the first entrance of the navigation bar; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0189] Optionally, it also includes a fixing unit and / or a moving unit, the fixing unit is used to: in response to the user's identification fixing operation, determine the identification to be fixed in the first area, and fix the identification to be fixed to the second area; the moving unit is used to: in response to the user's identification moving operation, determine the identification to be moved in the second page, and move the identification to be moved to the navigation bar of the first application.
[0190] Optionally, it also includes a starting unit, which is used to: when starting the first application, display the page corresponding to the specific identifier in the navigation bar on the homepage of the first application; wherein the page container of the page corresponding to the specific identifier is the native page container corresponding to the first application; and the native page container includes the navigation bar.
[0191] Optionally, a fifth display unit is further included, which is used to: display a first sidebar and the content of the first page in the client interface of the first application in response to a user opening the first page in the first application; the first entrance is displayed in the first sidebar.
[0192] Optionally, the fifth display unit is specifically used to: load a preset page container in the client interface in response to a user's operation of opening a first page in the first application; load the content of the first page in the preset page container; and the first sidebar is the sidebar of the preset page container.
[0193] Optionally, a scrolling unit is further included, which is used to: after displaying the first sidebar and the content of the first page in the client interface, in response to a user's scrolling operation on the first page, scroll the first page and hide the first sidebar.
[0194] Optionally, it also includes a first linkage unit, which is used to: after displaying the first sidebar and the content of the first page in the client interface, display the second page and the navigation bar of the first application in response to the user's triggering operation on the first entrance in the first sidebar.
[0195] Optionally, it further includes a second linkage unit, which is used to: display an exit control in the navigation bar; and display the first page in response to a user triggering operation on the exit control.
[0196] Optionally, the first sidebar includes one or more of the following: a startup control for a plug-in that implements a preset function; a startup control for a digital assistant; and a page forwarding control.
[0197] The page interaction device in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effects and functions, which will not be repeated here.
[0198] An embodiment of the present disclosure further provides an electronic device, Fig.13 A schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure, such as Fig.13 As shown, the electronic device may have relatively large differences due to different configurations or performances, and may include one or more processors 1301 and memory 1302, and one or more applications or data may be stored in the memory 1302. Among them, the memory 1302 may be a temporary storage or a permanent storage. The application stored in the memory 1302 may include one or more modules (not shown in the figure), and each module may include a series of computer executable instructions in the electronic device. Furthermore, the processor 1301 may be configured to communicate with the memory 1302 and execute a series of computer executable instructions in the memory 1302 on the electronic device. The electronic device may also include one or more power supplies 1303, one or more wired or wireless network interfaces 1304, one or more input or output interfaces 1305, one or more keyboards 1306, etc.
[0199] In a specific embodiment, the electronic device includes a processor; and a memory configured to store computer executable instructions, wherein when the computer executable instructions are executed, the processor implements the following process:
[0200] Displaying a first entry in a navigation bar of a first application;
[0201] In response to a user opening a first page in the first application, a first sidebar and content of the first page are displayed in a client interface of the first application; the first entrance is displayed in the first sidebar;
[0202] Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0203] The electronic device in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effect and function, which will not be repeated here.
[0204] In a specific embodiment, the electronic device includes a processor; and a memory configured to store computer executable instructions, wherein when the computer executable instructions are executed, the processor implements the following process:
[0205] Displaying a first entry in a navigation bar of a first application;
[0206] In response to the user triggering the first entry of the navigation bar, a second page is displayed; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0207] The electronic device in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effect and function, which will not be repeated here.
[0208] Another embodiment of the present disclosure further provides a computer-readable storage medium, wherein the computer-readable storage medium is used to store computer-executable instructions, and when the computer-executable instructions are executed by a processor, the following process is implemented:
[0209] Displaying a first entry in a navigation bar of a first application;
[0210] In response to a user opening a first page in the first application, a first sidebar and content of the first page are displayed in a client interface of the first application; the first entrance is displayed in the first sidebar;
[0211] Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
[0212] The storage medium in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effect and function, which will not be repeated here.
[0213] Another embodiment of the present disclosure further provides a computer-readable storage medium, wherein the computer-readable storage medium is used to store computer-executable instructions, and when the computer-executable instructions are executed by a processor, the following process is implemented:
[0214] Displaying a first entry in a navigation bar of a first application;
[0215] In response to the user triggering the first entry of the navigation bar, a second page is displayed; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
[0216] The storage medium in the embodiment of the present disclosure can implement each process of the above-mentioned page interaction method embodiment and achieve the same effect and function, which will not be repeated here.
[0217] In various embodiments of the present disclosure, the computer-readable storage medium includes a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.
[0218] In the 1990s, improvements to a technology could be clearly distinguished as hardware improvements (for example, improvements to the circuit structure of diodes, transistors, switches, etc.) or software improvements (improvements to the method flow). However, with the development of technology, many improvements to the method flow today can be regarded as direct improvements to the hardware circuit structure. Designers almost always obtain the corresponding hardware circuit structure by programming the improved method flow into the hardware circuit. Therefore, it cannot be said that an improvement in a method flow cannot be implemented using a hardware entity module. For example, a programmable logic device (PLD) (such as a field programmable gate array (FPGA)) is such an integrated circuit whose logical function is determined by the user's programming of the device. Designers can "integrate" a digital system on a PLD by programming it themselves, without having to ask a chip manufacturer to design and produce a dedicated integrated circuit chip. Moreover, nowadays, instead of manually making integrated circuit chips, this kind of programming is mostly implemented by "logic compiler" software, which is similar to the software compiler used when developing and writing programs, and the original code before compilation must also be written in a specific programming language, which is called hardware description language (HDL). There is not only one HDL, but many kinds, such as ABEL (Advanced Boolean Expression Language), AHDL (Altera Hardware Description Language), Confluence, CUPL (Cornell University Programming Language), HDCal, JHDL (Java Hardware Description Language), Lava, Lola, MyHDL, PALASM, RHDL (Ruby Hardware Description Language), etc. The most commonly used ones are VHDL (Very-High-Speed Integrated Circuit Hardware Description Language) and Verilog. Those skilled in the art should also know that it is only necessary to program the method flow slightly in the above-mentioned hardware description languages and program it into the integrated circuit, and then it is easy to obtain the hardware circuit that implements the logic method flow.
[0219] The controller can be implemented in any appropriate manner, for example, the controller can take the form of a microprocessor or processor and a computer-readable medium storing a computer-readable program code (such as software or firmware) that can be executed by the (micro)processor, a logic gate, a switch, an application-specific integrated circuit (ASIC), a programmable logic controller, and an embedded microcontroller. Examples of controllers include, but are not limited to, the following microcontrollers: ARC 625D, Atmel AT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320. The memory controller can also be implemented as part of the control logic of the memory. Those skilled in the art also know that in addition to implementing the controller in a purely computer-readable program code manner, the controller can be implemented in the form of a logic gate, a switch, an application-specific integrated circuit, a programmable logic controller, and an embedded microcontroller by logically programming the method steps. Therefore, this controller can be considered as a hardware component, and the devices included therein for implementing various functions can also be regarded as structures within the hardware component. Or even, the devices for implementing various functions can be regarded as both software modules for implementing the method and structures within the hardware component.
[0220] The systems, devices, modules or units described in the above embodiments may be implemented by computer chips or entities, or by products with certain functions. A typical implementation device is a computer. Specifically, the computer may be, for example, a personal computer, a laptop computer, a cellular phone, a camera phone, a smart phone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.
[0221] For the convenience of description, the above devices are described in terms of functions and are divided into various units. Of course, when implementing the embodiments of the present disclosure, the functions of each unit can be implemented in the same or multiple software and / or hardware.
[0222] Those skilled in the art will appreciate that one or more embodiments of the present disclosure may be provided as a method, system or computer program product. Therefore, one or more embodiments of the present disclosure may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, one or more embodiments of the present disclosure may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0223] The present disclosure is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the embodiments of the present disclosure. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.
[0224] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.
[0225] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process in the computer or other programmable device. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.
[0226] It should also be noted that the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, commodity or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, commodity or device. In the absence of more restrictions, the elements defined by the sentence "comprises a ..." do not exclude the existence of other identical elements in the process, method, commodity or device including the elements.
[0227] One or more embodiments of the present disclosure may be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. One or more embodiments of the present disclosure may also be practiced in distributed computing environments in which tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules may be located in local and remote computer storage media, including storage devices.
[0228] Each embodiment in the present disclosure is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the system embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.
[0229] The above description is only an embodiment of the present disclosure and is not intended to limit the present disclosure. For those skilled in the art, the present disclosure may have various modifications and variations. Any modification, equivalent substitution, improvement, etc. made within the spirit and principle of the present disclosure shall be included in the scope of the claims of the present disclosure.
Claims
1. A page interaction method, comprising: Displaying a first entry in a navigation bar of a first application; In response to a user opening a first page in the first application, displaying a first sidebar and content of the first page in a client interface of the first application; The first entrance is displayed in the first sidebar; Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
2. The method according to claim 1, wherein: In response to the user opening the first page in the first application, displaying the first sidebar and the content of the first page in the client interface includes: In response to a user opening a first page in the first application, loading a preset page container in the client interface; The content of the first page is loaded in the preset page container; the first sidebar is the sidebar of the preset page container.
3. The method according to claim 1, wherein: After displaying the first sidebar and the content of the first page in the client interface, the method further includes: In response to a user scrolling operation on the first page, the first page is scrolled and the first sidebar is hidden.
4. The method according to claim 1, wherein: After displaying the first sidebar and the content of the first page in the client interface, the method further includes: In response to a user triggering operation on the first entry in the first sidebar, the second page and the navigation bar of the first application are displayed.
5. The method according to claim 4, wherein: The displaying of the second page and the navigation bar of the first application comprises: displaying an exit control on the navigation bar; The method further includes: displaying the first page in response to a triggering operation of the exit control by a user.
6. The method according to claim 1, wherein: The first sidebar includes one or more of the following: A startup control for a plug-in that implements preset functions; Launch controls for digital assistants; Page forwarding control.
7. The method according to claim 1, wherein: The second page is used to display at least one of a page identifier and an application identifier, including: The second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
8. The method according to claim 7, wherein: Also includes: In response to a user's identification fixing operation, determining an identification to be fixed in the first area, and fixing the identification to be fixed in the second area; and / or, In response to the user's logo moving operation, the logo to be moved is determined in the second page, and the logo to be moved is moved to the navigation bar of the first application.
9. The method according to claim 1, wherein: Also includes: When the first application is started, a page corresponding to the specific identifier in the navigation bar is displayed on the homepage of the first application; Among them, the page container of the page corresponding to the specific identifier is a native page container corresponding to the first application; and the native page container includes the navigation bar.
10. A page interaction method, comprising: Displaying a first entry in a navigation bar of a first application; In response to the user triggering the first entry of the navigation bar, a second page is displayed; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
11. The method according to claim 10, wherein: Also includes: In response to a user's identification fixing operation, determining an identification to be fixed in the first area, and fixing the identification to be fixed in the second area; and / or, In response to the user's logo moving operation, the logo to be moved is determined in the second page, and the logo to be moved is moved to the navigation bar of the first application.
12. The method according to claim 10, wherein: Also includes When the first application is started, a page corresponding to the specific identifier in the navigation bar is displayed on the homepage of the first application; Among them, the page container of the page corresponding to the specific identifier is a native page container corresponding to the first application; and the native page container includes the navigation bar.
13. The method according to claim 10, wherein: Also includes: In response to a user opening a first page in the first application, displaying a first sidebar and content of the first page in a client interface of the first application; The first entrance is displayed in the first sidebar.
14. The method according to claim 13, wherein: In response to the user opening the first page in the first application, displaying the first sidebar and the content of the first page in the client interface includes: In response to a user opening a first page in the first application, loading a preset page container in the client interface; The content of the first page is loaded in the preset page container; the first sidebar is the sidebar of the preset page container.
15. The method according to claim 13, wherein: After displaying the first sidebar and the content of the first page in the client interface, the method further includes: In response to a user scrolling operation on the first page, the first page is scrolled and the first sidebar is hidden.
16. The method according to claim 13, wherein: After displaying the first sidebar and the content of the first page in the client interface, the method further includes: In response to a user triggering operation on the first entry in the first sidebar, the second page and the navigation bar of the first application are displayed.
17. The method according to claim 16, wherein: The displaying of the second page and the navigation bar of the first application comprises: displaying an exit control on the navigation bar; The method further includes: displaying the first page in response to a triggering operation of the exit control by a user.
18. The method according to claim 13, wherein: The first sidebar includes one or more of the following: A startup control for a plug-in that implements preset functions; Launch controls for digital assistants; Page forwarding control.
19. A page interaction device, comprising: A first display unit, configured to display a first entry in a navigation bar of a first application; A second display unit, configured to display a first sidebar and content of the first page in a client interface of the first application in response to a user opening the first page in the first application; The first entrance is displayed in the first sidebar; Wherein, when the first entry is triggered, a second page is displayed, and the second page is used to display at least one of a page identifier and an application identifier.
20. A page interaction device, comprising: A third display unit, configured to display the first entry in the navigation bar of the first application; A fourth display unit is used to display a second page in response to a user triggering operation on the first entry of the navigation bar; wherein the second page includes a first area and a second area; the first area is used to display the application identifier of the application historically triggered by the user in the first application and / or the page identifier of the page historically triggered; the second area is used to display the application identifier and / or page identifier fixed to the second area by the first application or the user.
21. An electronic device, comprising: processor; as well as, A memory configured to store computer executable instructions, which, when executed, cause the processor to implement the steps of the method of any one of claims 1-9 or 10-18.
22. A computer-readable storage medium, wherein the computer-readable storage medium is used to store computer-executable instructions, and when the computer-executable instructions are executed by a processor, the steps of the method described in any one of claims 1-9 or 10-18 are implemented.