Information analysis method, apparatus, terminal device, and computer readable medium

Abstract

Embodiments of the present disclosure disclose information analysis methods and apparatuses, terminal devices and computer readable media. A specific implementation of the method includes: receiving element information of a target element sent by a first terminal, wherein the element information includes attribute information, and the target element is determined based on a selection operation on an element in an application page displayed on the first terminal; determining a target layer corresponding to the target element and design information of the target layer in a design draft page of the application page, wherein the design draft page is displayed on a second terminal; performing difference analysis on the attribute information and the design information to generate difference information; and generating a walkthrough task according to the difference information. The method can intelligently analyze the application page elements and the corresponding layer information, and output the difference information, thereby helping to improve the design walkthrough efficiency of the application.

Description

Technical Field

[0001] The embodiments disclosed herein relate to the field of computer technology, and more specifically to information analysis methods, apparatus, terminal devices, and computer-readable media. Background Technology

[0002] From conception to deployment, an app goes through many stages, among which the design and development of the visual UI (User Interface) is indispensable. The final product often differs from the original design, resulting in a low degree of visual fidelity. Therefore, it's necessary to conduct design reviews of the app's pages during testing and acceptance phases. This process primarily involves comparing the app with the design drafts and making timely adjustments to ensure accurate page reproduction. Summary of the Invention

[0003] The summary portion of this disclosure is intended to provide a brief overview of concepts that will be described in detail in the detailed description portion. This summary portion is not intended to identify key or essential features of the claimed technical solutions, nor is it intended to limit the scope of the claimed technical solutions. Some embodiments of this disclosure propose information analysis methods, apparatus, terminal devices, and computer-readable media.

[0004] In a first aspect, some embodiments of this disclosure provide an information analysis method, including: receiving element information of a target element sent by a first terminal, wherein the element information includes attribute information, and the target element is determined based on a selection operation of an element in an application page displayed on the first terminal; determining a target layer and design information of the target layer corresponding to the target element in a design draft page of the application page, wherein the design draft page is displayed on a second terminal; performing a difference analysis on the attribute information and the design information to generate difference information; and generating a walkthrough task based on the difference information.

[0005] In some embodiments, the method further includes at least one of the following steps: displaying attribute information of the target element in the element information display area of ​​the design draft page; displaying design information of the target layer in the layer information display area of ​​the design draft page; and marking the size and / or position of the target layer in the design draft page.

[0006] In some embodiments, the element information further includes an element image of the target element, wherein the element image includes a static image or a dynamic image; and generating a walkthrough task based on the difference information includes: capturing a layer image of the target layer; and generating a walkthrough task based on the element image, the layer image, and the difference information.

[0007] In some embodiments, the element information further includes a page image of the application page; and before determining the target layer and the design information of the target layer corresponding to the target element in the design draft page of the application page, the method further includes: selecting a draft that matches the page image from a draft list associated with the application page; and displaying the selected draft on a second terminal to obtain the design draft page.

[0008] In some embodiments, determining the target layer corresponding to the target element includes: determining a set of layers in the design draft page that match the position information of the target element in the application page; selecting a layer from the layer set, and determining the selected layer as the target layer corresponding to the target element.

[0009] In some embodiments, selecting a layer from a layer set includes at least one of the following steps: selecting a layer from the layer set whose size information and color match the target element's size information and color, and distinguishing the selected layer from other layers in the layer set; and distinguishing the selected layer from other layers in the layer set in response to detecting a selection operation on a layer in the layer set.

[0010] In some embodiments, the method further includes: displaying the walkthrough tasks in the task display area of ​​the design draft page; recording the walkthrough tasks and generating task management information, wherein the task management information is displayed on the second terminal, and the task management information includes at least one of the following: application page information, task description, image information, priority, personnel information, task status, message, and first operation option information; performing statistical analysis on each walkthrough task in the task management information to generate the restoration degree and repair rate of the application page, wherein the restoration degree and repair rate are displayed on the second terminal, the restoration degree is inversely proportional to the number of walkthrough tasks belonging to the application page, and the repair rate is determined based on the number of walkthrough tasks belonging to the application page and the task status.

[0011] In some embodiments, the first terminal includes a mobile terminal, and the second terminal includes a computer terminal; and the method further includes: generating a walkthrough project for an application page based on information entered by the user on a project information input page displayed on the second terminal, wherein the project information input page includes at least one of the following: project name, associated design draft, terminal type, personnel information, and address of a test package, wherein the test package includes the application's mobile terminal installation package and a walkthrough tool; recording the walkthrough project to generate project management information, wherein the project management information includes at least one of the following: project name, terminal type, project status, personnel information, and second operation option information.

[0012] Secondly, some embodiments of this disclosure provide an information analysis apparatus, including: a receiving unit configured to receive element information of a target element sent by a first terminal, wherein the element information includes attribute information, and the target element is determined based on a selection operation of an element in an application page displayed on the first terminal; a layer determining unit configured to determine a target layer corresponding to the target element and design information of the target layer in a design draft page of the application page, wherein the design draft page is displayed on a second terminal; an analysis unit configured to perform a difference analysis on the attribute information and the design information to generate difference information; and a task generation unit configured to generate a walkthrough task based on the difference information.

[0013] In some embodiments, the apparatus further includes at least one of the following: an information display unit configured to display attribute information of a target element in an element information display area of ​​a design draft page; and to display design information of a target layer in a layer information display area of ​​a design draft page; and an annotation unit configured to annotate the size and / or position of the target layer in the design draft page.

[0014] In some embodiments, the element information further includes an element image of the target element, wherein the element image includes a static image or a dynamic image; and the task generation unit is further configured to capture a layer image of the target layer; and generate a walkthrough task based on the element image, the layer image, and the difference information.

[0015] In some embodiments, the element information further includes a page image of the application page; and the device further includes a manuscript selection unit configured to select a manuscript that matches the page image from a manuscript list associated with the application page; and display the selected manuscript on a second terminal to obtain a design draft page.

[0016] In some embodiments, the layer determination unit is further configured to determine a set of layers in the design draft page that match the position information of the target element in the application page; select a layer from the layer set, and determine the selected layer as the target layer corresponding to the target element.

[0017] In some embodiments, the layer determination unit is further configured to: select a layer from the layer set whose size information and color match the target element's size information and color, and distinguish the selected layer from other layers in the layer set; in response to detecting a selection operation on a layer in the layer set, distinguish the selected layer from other layers in the layer set.

[0018] In some embodiments, the device further includes: a task display unit configured to display walkthrough tasks in the task display area of ​​the design draft page; a first generation unit configured to record the walkthrough tasks and generate task management information, wherein the task management information is displayed on a second terminal, and the task management information includes at least one of the following: application page information, task description, image information, priority, personnel information, task status, message, and first operation option information; and a statistics unit configured to perform statistical analysis on each walkthrough task in the task management information and generate the restoration degree and repair rate of the application page, wherein the restoration degree and repair rate are displayed on the second terminal, the restoration degree is inversely proportional to the number of walkthrough tasks belonging to the application page, and the repair rate is determined based on the number of walkthrough tasks belonging to the application page and the task status.

[0019] In some embodiments, the first terminal includes a mobile terminal, and the second terminal includes a computer terminal; and the apparatus further includes: a project generation unit configured to generate a walkthrough project for an application page based on information entered by a user on a project information input page displayed on the second terminal, wherein the project information input page includes at least one of the following: project name, associated design draft, terminal type, personnel information, and address of a test package, wherein the test package includes the application's mobile terminal installation package and a walkthrough tool; and a second generation unit configured to record the walkthrough project and generate project management information, wherein the project management information includes at least one of the following: project name, terminal type, project status, personnel information, and second operation option information.

[0020] Thirdly, some embodiments of this disclosure provide an information analysis method, including: in a walkthrough mode, in response to detecting a selection operation on a target element in an application page displayed on a first terminal, determining attribute information of the target element; generating element information of the target element based on the attribute information; and sending the element information to a second terminal so that the second terminal executes the information analysis method as described in any implementation of the first aspect, wherein the second terminal is a terminal displaying a design draft page of the application page.

[0021] In some embodiments, generating element information of a target element based on attribute information includes: capturing an element image of the target element, wherein the element image includes a static image or a dynamic image; and generating element information of the target element based on the element image and attribute information.

[0022] In some embodiments, before sending element information to the second terminal, the method further includes: obtaining a set of identifiers of walkthrough items opened by the second terminal and related to the target user, wherein the walkthrough items are used to characterize the association between the application and the design draft; determining whether the identifier set contains identifiers of walkthrough items of the application page; and establishing a communication connection with the second terminal in response to determining that the set contains such identifiers.

[0023] In some embodiments, the method further includes: generating a prompt message in response to determining that the item is not included, and displaying the prompt message on a first terminal, wherein the prompt message is used to prompt the user to open the application page on a second terminal to view the item.

[0024] Fourthly, some embodiments of this disclosure provide an information analysis apparatus, including: an attribute determination unit configured to, in a walkthrough mode, determine attribute information of a target element in response to detecting a selection operation on an application page displayed on a first terminal; an information generation unit configured to generate element information of the target element based on the attribute information; and a sending unit configured to send the element information to a second terminal, so that the second terminal executes the information analysis method as described in any implementation of the first aspect, wherein the second terminal is a terminal displaying a design draft page of the application page.

[0025] In some embodiments, the information generation unit is further configured to capture an element image of the target element, wherein the element image includes a static image or a dynamic image; and to generate element information of the target element based on the element image and attribute information.

[0026] In some embodiments, the apparatus further includes an acquisition unit configured to acquire a set of identifiers of walkthrough items opened by the second terminal and related to the target user, wherein the walkthrough items are used to characterize the association between the application and the design draft; determine whether the identifier set contains identifiers of walkthrough items of the application page; and establish a communication connection with the second terminal in response to determining that it contains such identifiers.

[0027] In some embodiments, the acquisition unit is further configured to generate a prompt message in response to determining that the item is not included, and to display the prompt message on a first terminal, wherein the prompt message is used to prompt the user to open the application page on a second terminal to view the item.

[0028] Fifthly, some embodiments of this disclosure provide a terminal device, including: one or more processors; and a storage device having one or more programs stored thereon, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the method described in any of the implementations of the first or third aspects above.

[0029] Sixthly, some embodiments of this disclosure provide a computer-readable medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the method described in any of the implementations of the first or third aspect above.

[0030] The above-described embodiments of this disclosure have the following beneficial effects: the information analysis methods of some embodiments of this disclosure can improve the efficiency of walkthroughs. Specifically, the reason for the low efficiency of existing walkthroughs is that existing walkthrough methods mainly rely on manual measurement and comparison, which is complex and inefficient. Based on this, the information analysis methods of some embodiments of this disclosure, upon receiving the element information of the target element, can determine the design information of the target layer in the design draft page displayed on the second terminal. Then, a difference analysis can be performed on the two types of information. If a difference exists, difference information can be automatically generated, thereby generating a walkthrough task. In other words, this method can intelligently analyze the information of elements and corresponding layers in the application page and output difference information. This helps improve the efficiency of design walkthroughs for application pages. Furthermore, the element information of the elements in the application page displayed on the first terminal can be synchronized with the information on the second terminal. This facilitates information comparison for users on the second terminal, avoiding repeated page switching and adjustment operations. Attached Figure Description

[0031] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and elements are not necessarily drawn to scale.

[0032] Figure 1 This is an architecture diagram of an exemplary system to which some embodiments of this disclosure can be applied;

[0033] Figure 2 This is a flowchart of some embodiments of the information analysis method according to this disclosure;

[0034] Figure 3 These are schematic diagrams illustrating the structure of some embodiments of the information analysis apparatus according to this disclosure;

[0035] Figure 4 These are flowcharts of other embodiments of the information analysis method according to this disclosure;

[0036] Figure 5 These are schematic diagrams of the structure of other embodiments of the information analysis apparatus according to this disclosure;

[0037] Figure 6A This is a schematic diagram of one embodiment of a design draft page;

[0038] Figure 6B This is a schematic diagram of one embodiment of an application page;

[0039] Figure 6C This is a schematic diagram of one embodiment of the new walkthrough task page;

[0040] Figure 6D It is a sequence diagram of information interaction between the first terminal and the second terminal;

[0041] Figure 7 This is a schematic diagram of the structure of a terminal device suitable for implementing some embodiments of the present disclosure. Detailed Implementation

[0042] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0043] It should also be noted that, for ease of description, only the parts relevant to the invention are shown in the accompanying drawings. Unless otherwise specified, the embodiments and features described in this disclosure can be combined with each other.

[0044] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0045] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0046] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0047] This disclosure will now be described in detail with reference to the accompanying drawings and embodiments.

[0048] Figure 1 An exemplary system architecture 100 is shown for an information analysis method or information analysis apparatus to which some embodiments of the present disclosure may be applied.

[0049] like Figure 1 As shown, system architecture 100 may include terminal devices 101 and 102 and network 103. Network 103 can be used as a medium to provide a communication link between terminal devices 101 and 102. Network 103 may include various connection types, such as wired or wireless communication links or fiber optic cables, etc.

[0050] Users can use terminal devices 101 and 102 to interact via network 103 to receive or send messages, etc. Various client applications can be installed on terminal devices 101 and 102, such as page information analysis (or application design review) applications, web browsers, and instant messaging tools.

[0051] A user can open an application on terminal device 101. In walkthrough mode, the user can select elements on the application page. At this time, terminal device 101 takes the selected element as the target element, determines the element information (including attribute information) of the target element, and can send it to terminal device 102.

[0052] Upon receiving the element information of the target element, the terminal device 102 can determine the target layer and its design information corresponding to the target element in the design draft page displayed on it. It can then perform a difference analysis on the attribute information and design information. If differences exist, difference information can be generated, thereby generating a walkthrough task.

[0053] The terminal devices 101 and 102 here can be either hardware or software. When terminal devices 101 and 102 are hardware, they can be various electronic devices with displays, including but not limited to smartphones, tablets, e-book readers, smart TVs, laptops, and desktop computers. When terminal devices 101 and 102 are software, they can be installed in the electronic devices listed above. They can be implemented as, for example, multiple software programs or software modules used to provide distributed services, or as a single software program or software module. No specific limitations are made here.

[0054] It should be noted that the method provided in the embodiments of this disclosure can be executed by terminal device 101 or terminal device 102. Accordingly, the device can be disposed in terminal device 101 or terminal device 102. No specific limitation is made here.

[0055] It should be understood that Figure 1 The number of terminal devices and networks shown is merely illustrative. Any number of terminal devices and networks can be included depending on actual needs.

[0056] Continue to refer to Figure 2 The diagram illustrates a flow 200 of some embodiments of the information analysis method according to this disclosure. The method includes the following steps:

[0057] Step 201: Receive the element information of the target element sent by the first terminal.

[0058] In some embodiments, the entity performing the information analysis method (e.g. Figure 1The terminal device 102 shown can receive a signal from a first terminal (such as...) via a wired connection or a wireless connection. Figure 1 The terminal device 101 shown transmits element information of the target element. This element information can be information related to the element. For example, element information can include element attribute information. This attribute information can be information used to display the element, such as size, position, color, font, background, etc.

[0059] It should be noted that the first terminal can display the application page of any application. The target element can be determined based on the selection operation of an element within that application page. That is, the target element is generally the element indicated by the selection operation. The target element can be any element on the application page, such as background, icon, text, etc. The method of selection is not limited here; it can be achieved through voice selection, click selection, or selection by moving the mouse cursor to a specific position (e.g., hovering for a certain period of time).

[0060] Step 202: In the design draft page of the application page, determine the target layer and the design information of the target layer corresponding to the target element.

[0061] In some embodiments, the second terminal (such as...) Figure 1 The terminal device 102 shown can display the design draft page of the application page. Here, the executing entity can be a second terminal or a backend server that provides support for the second terminal. Based on the element information received in step 201, the executing entity can determine the target layer corresponding to the target element and the design information of the target layer in the design draft page. The design information is usually the information used by the designer to envision the target element presenting the expected display effect, i.e., the original information.

[0062] Here, the executing entity can determine the target layer in several ways. For example, a user can select the location of the target element on the design draft page. When the executing entity detects this selection, it can determine the layer set near the location indicated by the selection. It can then select a layer from this layer set and designate the selected layer as the target layer corresponding to the target element.

[0063] For example, the attribute information of a target element may typically include its location information (such as coordinates) on the application page. In this case, to reduce user operations, the execution entity can determine the set of layers on the design page that match that location information (such as being near the coordinates) based on the target element's location information. Then, a layer can be selected from this set as the target layer.

[0064] Here, the method of selecting layers is unrestricted. For example, manual selection can be used to determine the selected layer as the target layer. Alternatively, the executing entity can select layers located at preset levels (such as the top or bottom layer) from the layer set. Yet another example is that the executing entity can select layers from the layer set whose size information (such as width, height, and area) and color (such as background color, line color, etc.) match the target element's dimensions and color (such as identical or similar). As an example, the executing entity can first calculate the area of ​​the target element, then perform a fuzzy match on layers with similar areas in the layer set to obtain a candidate layer set, thus narrowing down the search. Then, from the candidate layer set, layers with width, height, and color similar to the target element can be determined as the target layer. This intelligently locates the closest matching layer. In this way, intelligent linkage between page elements and design draft layers can be achieved, enabling rapid problem localization.

[0065] Furthermore, to facilitate user navigation and understanding of the currently selected layer, the executing entity can also differentiate the selected layer from other layers in the layer set. The method of differentiation can be configured according to the actual situation, such as maintaining a continuous layer color or flashing a highlight.

[0066] In some embodiments, to improve the accuracy of layer selection, a human-computer interaction selection method can also be adopted. That is, after the executing entity selects layers from the layer set and displays them separately, the user, with the assistance of the executing entity, can further select layers from the layer set to determine the target layer. For example, if a selection operation (such as a click) on the area containing the currently selected layer is detected, the executing entity can confirm that the user has also selected that layer and maintain its separate display. If another selection operation on the area containing that layer is detected, the executing entity can confirm the layer located one layer above (or below) that layer as the layer selected by the user and display it separately. This logic is followed to iterate through and differentiate the layers in the layer set, thereby achieving layer selection. This also helps improve the efficiency of selecting the target layer.

[0067] In addition, the implementing entity can determine the design information of the target layer in various ways. For example, it can use built-in walkthrough tools to measure the target layer and obtain its design information. These walkthrough tools can include rulers, color pickers, etc. The ruler can measure the size and absolute position of the target layer. The absolute position can be the coordinates of the target layer from the origin or its distance from the four sides of the page. Optionally, to facilitate user comparison and analysis, the implementing entity can also mark the size and / or position of the target layer on the design draft page. Figure 6AAs shown, the target layer Y1 has a width of 50 and a height of 50. Its distance from the left side of the display area W13 of the design draft is 170, its distance from the right side is 170, and its distance from the top is 200.

[0068] For example, the execution entity can also be equipped with a layer viewer. This allows users to view layer information in the design draft page, such as... Figure 6A The W14 area shown displays the design information of the target layer, thus providing the design information.

[0069] Understandably, to facilitate information comparison for users, the implementing entity can also display element information in the element information display area of ​​the design draft page, such as... Figure 6A The W11 area shown displays the attribute information of the target element.

[0070] It's important to note that one existing method for walkthroughs involves overlaying the design draft on top of the app page or laying it flat below it. By adjusting the transparency, the app and design draft are overlapped for comparison to identify differences. This method requires constant switching between the app and the design draft. It needs to be repeated after page navigation or content changes. Furthermore, the transparency needs to be constantly adjusted, and the design draft's position moved for comparison. This is not only complex and inefficient, but manual measurement is also inaccurate. The information analysis method disclosed in this paper integrates an element viewer and a layer viewer, enabling direct and quick comparison between the app and the design draft. It is simple to operate, facilitates difference comparison, and improves walkthrough efficiency.

[0071] In some embodiments, such as Figure 6A As shown, the design draft page can also include a draft list area W12 to display related draft information. The display method is unrestricted; it can be displayed sequentially or categorized by draft content (e.g., product details, checkout, invoices, etc.). In this case, display area W13 can show the draft pages of all drafts in the draft list. The display method here is also unrestricted; for example, it can be zoomed out according to draft category. This helps to quickly locate and select drafts, improving operational efficiency.

[0072] Here, the design draft page displayed on the second terminal can be obtained by the user selecting draft information from the draft list area W12, or by the executing entity selecting from the page image in the element information. As an example, the received element information may also include a page image of the application page. In this case, the executing entity can select a draft that matches the page image from the draft list associated with the application page. The selected draft can then be displayed on the second terminal to obtain the design draft page of the application page.

[0073] Understandably, the selection method here is also unrestricted. For example, the executing entity can extract image features from the page image and each manuscript. Then, it performs similarity analysis on these image features, selecting the manuscript with the highest similarity value. Alternatively, the executing entity can input the page image and each manuscript image into a pre-trained analysis model. The manuscript is then selected based on the model's output. Here, the analysis model can be various artificial intelligence network models used to analyze the matching degree between the two input images (page image and manuscript image). Its output can be the matching degree value between the two images, or it can be the manuscript image (or its identifier) ​​that has the highest matching degree with the page image. This helps improve the accuracy of the selection results.

[0074] It should be noted that, in order to maximize the display area W13, while displaying the design draft page in W13, the draft information in the draft list area W12 can be collapsed and hidden. When the user needs to view the draft information, they can trigger the draft list display control to redisplay the draft list area W12.

[0075] Step 203: Perform a difference analysis on the attribute information and design information to generate difference information.

[0076] In some embodiments, based on the attribute information of the target element received in step 201 and the design information of the target layer determined in step 202, the executing entity can perform a difference analysis on the attribute information and the design information. For example, the executing entity can compare the attribute values ​​of the same attributes (such as position, font, size, etc.) in both. If there are differences in the attribute values, difference information can be generated. The difference information is used to characterize the differences between the attribute information and the design information. Its specific content is not limited here, such as incorrect font size or color. For another example, if the executing entity cannot directly compare the attribute values ​​for different attributes, difference information can also be generated, such as the existence of different attributes (or specific attribute names). Alternatively, the executing entity can display the different attributes in a pop-up window. This facilitates subsequent manual processing and helps improve the efficiency of the walkthrough.

[0077] Understandably, for information with completely identical attributes, the executing entity can automatically compare and analyze it. In some cases, a human-computer combined comparison method can also be used. Through the attribute information displayed in the element information display area and the design information displayed in the layer information display area, users can compare and analyze information with different attributes in the two. This not only improves analysis efficiency but also helps to improve the accuracy of the analysis results.

[0078] It's important to note that one existing method for walkthroughs involves taking screenshots of the app's pages and placing them in design software (such as Photoshop). Then, using built-in tools like rulers and color pickers, users manually measure and compare the images to identify problems. This method relies on design software, incurring learning costs and barriers to entry. Furthermore, the comparisons are mechanical, unintelligent, inefficient due to frequent operations, and lack precise measurements. The method disclosed in this paper, however, intelligently analyzes page elements and layer information, outputting discrepancy data. This not only ensures accurate analysis results but also improves walkthrough efficiency. Moreover, displaying this information in the aforementioned information display area allows users to directly compare and analyze the data, further enhancing walkthrough efficiency.

[0079] Step 204: Generate a walkthrough task based on the discrepancy information.

[0080] In some embodiments, based on the discrepancy information obtained in step 203, a walkthrough task can be generated. For example, if there are discrepancies between the attribute information and the design information, a "Create Task" (task information input) page can be displayed on the second terminal. At this time, the executing entity can input the generated discrepancy information into this page. Figure 6A As shown, the New Task page can be displayed in area W15 of the design draft page. Figure 6C As shown, the executing entity can input discrepancy information into the "Problem Description" field. At this point, the user can manually modify the problem description information according to the actual situation. When the executing entity detects a trigger operation on the "New" control, it can generate a walkthrough task.

[0081] In some embodiments, to make the problem description clearer and easier for users to understand, the walkthrough task may also include images of the target element and the target layer. As an example, the received element information may also include an image of the target element. This element image may include a static image or a dynamic image. In this case, the executing entity may capture the layer image of the target layer. Then, based on the element image, the layer image, and the difference information, a walkthrough task is generated. For example... Figure 6C As shown, the executing entity can input element images into the "Implementation Draft" column, layer images into the "Design Draft" column, and difference information into the "Problem Description" column.

[0082] In some embodiments, the executing entity can automatically capture layer images. For example... Figure 6A As shown, the executing entity can obtain the coordinates of the four nodes of the target layer Y1, and thus can capture the image of the area enclosed by the four nodes as the layer image of the target layer.

[0083] Optionally, a human-computer interaction method can also be used to capture the layer image of the target layer. For example, if the subject detects a screenshot operation, the image of the area indicated by the operation can be captured as the layer image. The method of the screenshot operation is not limited; it can be done by selecting layers or by manually taking a screenshot (e.g., drawing a hotspot). The design draft page can also include controls for selecting the screenshot method and adjusting the page display ratio. These controls can be located in... Figure 6A The area shown is W16.

[0084] It's worth noting that another existing method for walkthroughs involves using the "Inspect Web Element" function in client-side development tools to view the application's webpage source code and check for compliance with design specifications. This method requires sifting through a large amount of code to find relevant element attributes, and the issue submission process is complex, requiring users to use third-party documentation tools to paste screenshots and write issue descriptions. The method disclosed here, however, can automatically capture images and analyze and output discrepancy information without requiring manual copying and pasting, thus facilitating the rapid generation of walkthrough tasks.

[0085] In some embodiments, from Figure 6C As can be seen, a walkthrough task can also include the walkthrough item (e.g., named ***), page name, task priority (e.g., P0, P1, P2), and handler information. The handler here is typically the R&D personnel who need to fix discrepancies. If a trigger operation on the "clear" control is detected, the executing entity can clear the information on that page.

[0086] Additionally, a task display area can be included in the design draft page. The executing entity can showcase the walkthrough tasks in this area, allowing users to view and switch between them. For example... Figure 6A As shown, the task display area and the new task page can reuse area W15. When displaying the new task page, the task display area can be covered, or the walkthrough task can be collapsed and hidden. When the user needs to view the walkthrough task, they can trigger the task display control to redisplay the task display area. When the task creation is complete, the executing entity can close the new task page to display the task display area.

[0087] In some application scenarios, the executing entity can also record the generated walkthrough tasks, generating task management information (such as a task management table). This task management information may include, but is not limited to, at least one of the following: application page information, task description, image information (element images and layer images), priority, personnel handling the task (walkthrough personnel and development personnel), task status, messages, and first-choice operation options. This facilitates user tracking and management of issues and helps in timely understanding of the problem's progress. Users can then process each walkthrough task in the task management information using the first-choice operation options. These options may include, but are not limited to, at least one of the following: edit, delete, filter, sort, export, add task, or access the walkthrough (i.e., open the page for a specific walkthrough task). This helps improve walkthrough efficiency.

[0088] Understandably, when a walkthrough task is created, its status is generally "Pending Repair," meaning it awaits repair by developers. After repair by developers, the task status is generally "Pending Acceptance," meaning it awaits acceptance by the walkthrough team. Once the walkthrough task has been accepted by developers and confirmed to be problem-free, its status can be "Completed."

[0089] Furthermore, the executing entity can perform statistical analysis on each walkthrough task in the task management information to generate the restoration rate and repair rate of the application page (or application). Here, for user convenience in viewing and management, the executing entity can display the above task management information, restoration rate, and repair rate on a second terminal. The restoration rate is inversely proportional to the number of walkthrough tasks belonging to the application page; that is, the more tasks, the lower the restoration rate. The repair rate is determined based on the number of walkthrough tasks belonging to the application page and their task status. That is, the more walkthrough tasks that have been repaired (pending acceptance) and completed, the higher the repair rate.

[0090] It should be noted that existing walkthrough methods involve complex processes in the problem communication and feedback stages. Developers need to locate the problems in the application webpage one by one based on the issues identified in the walkthrough documents. Moreover, these walkthrough methods lack problem tracking and management, and cannot quantitatively evaluate the application's fidelity and quality.

[0091] In some embodiments, the score F(x) of the degree of restoration can be obtained using the following formula:

[0092]

[0093] Where i represents the priority level, with a value range of [0, n], where n is a positive integer; f i This represents the deduction value for the i-th priority level. T irepresents the weight of the i-th priority level, with a value range of (0, 100); q represents the restoration coefficient, with a value range of (0, 1); m represents the number of issues or tasks with the i-th priority level; the constraints are as follows:

[0094] As an example, if T0 = 20, T1 = 15, q = 0.1, the number of walkthrough tasks with priority P0 is 1, and the number of walkthrough tasks with priority P1 is 3, then the score for restoration is

[0095] It should be noted that the first terminal mentioned above can be a mobile terminal or a computer terminal (such as a monitor or laptop). For ease of design review, the second terminal is usually a terminal device with a large display screen, such as a computer terminal. Here, to facilitate comparison and analysis between the application's implementation and the design draft, and to perform a design review, review projects can be created in advance.

[0096] As an example, the executing entity can generate a walkthrough project for the application page based on the information entered by the user on the project information input page (i.e., creating a new walkthrough project) displayed on the second terminal. The project information input page may include, but is not limited to, at least one of the following: project name, associated design drafts, terminal type, and personnel information (walkthrough personnel and development personnel). The terminal type here generally refers to the type of terminal on which the application is installed, which can include PCs (Personal Computers) and mobile devices (such as smartphones, watches, etc.).

[0097] Understandably, if the terminal type is mobile, the project information input page can also include the address of the test package. This test package includes the application's mobile terminal installation package (i.e., the APP installation package) and the walkthrough tool. Depending on the mobile terminal's system type, the test package can be categorized as Android, iOS (a mobile operating system), etc. Additionally, the project information input page can display the latest and historical addresses of the test package. The historical addresses can be viewed by triggering the history control.

[0098] Furthermore, the executing entity can record the walkthrough items, thereby generating project management information (such as a walkthrough item table). This project management information may include, but is not limited to, at least one of the following: project name, terminal type, project status (e.g., in progress, completed), personnel information, and second operation option information. Here, users can process each walkthrough item in the project management information through the second operation options. These second operation options may include, but are not limited to, at least one of the following: delete, share, project management, access walkthrough (i.e., open the page for any walkthrough item), etc. The project management options allow modification of project information, such as personnel changes, test package updates, etc. For walkthrough items on mobile devices, the second operation options may also include a test package download option. When a user selects a walkthrough item in the project management information, the executing entity can display the detailed content of the walkthrough item on that page (e.g., below the page or the walkthrough item itself). This facilitates user management, enables quick access to walkthrough items, and improves walkthrough efficiency.

[0099] Here, the layered data of the design source file can be obtained through the development API (Application Programming Interface) provided by design tools (such as Photoshop, Sketch, Figma, etc.). This layered data is then stored in a database. The layered data can include the coordinates, dimensions, and type of each layer. Based on the layer information in the database, the system can then use a renderer to draw the design layer by layer.

[0100] Understandably, there are no restrictions on the pages containing the various display areas and controls, or their positions within those pages. Typically, to facilitate reviewing the app's pages, the display areas and controls can be placed on the design draft pages displayed on a second terminal with a larger screen.

[0101] Further reference Figure 3 As a response to the above Figure 2 The present disclosure provides some embodiments of the information analysis apparatus for implementing the method shown, and these apparatus embodiments are similar to... Figure 2 Corresponding to the method embodiments shown, the device can be specifically applied to various electronic devices.

[0102] like Figure 3As shown, the information analysis device 300 in some embodiments may include: a receiving unit 301, configured to receive element information of a target element sent by a first terminal, wherein the element information includes attribute information, and the target element is determined based on a selection operation of an element in an application page displayed on the first terminal; a layer determination unit 302, configured to determine a target layer and design information of the target layer corresponding to the target element in a design draft page of the application page, wherein the design draft page is displayed on a second terminal; an analysis unit 303, configured to perform a difference analysis on the attribute information and design information to generate difference information; and a task generation unit 304, configured to generate a walkthrough task based on the difference information.

[0103] In some embodiments, the device 300 further includes at least one of the following: an information display unit ( Figure 3 (Not shown in the image), configured to display the attribute information of the target element in the element information display area of ​​the design draft page; and to display the design information of the target layer in the layer information display area of ​​the design draft page; annotation units ( Figure 3 (not shown in the image), is configured to indicate the size and / or position of the target layer on the design page.

[0104] In some embodiments, the element information further includes an element image of the target element, wherein the element image includes a static image or a dynamic image; and the task generation unit 304 may be further configured to capture a layer image of the target layer; and generate a walkthrough task based on the element image, the layer image and the difference information.

[0105] In some embodiments, the element information further includes a page image of the application page; and the device 300 further includes a document selection unit. Figure 3 (Not shown in the image), is configured to select a manuscript that matches the page image from a manuscript list associated with the application page; and display the selected manuscript on a second terminal to obtain the design draft page.

[0106] In some embodiments, the layer determination unit 302 may be further configured to determine a set of layers in the design draft page that match the position information of the target element in the application page; select a layer from the layer set, and determine the selected layer as the target layer corresponding to the target element.

[0107] In some embodiments, the layer determination unit 302 is further configured to: select a layer from the layer set whose size information and color match the target element's size information and color, and distinguish the selected layer from other layers in the layer set; in response to detecting a selection operation on a layer in the layer set, distinguish the selected layer from other layers in the layer set.

[0108] In some embodiments, the device 300 further includes: a task display unit ( Figure 3 (Not shown in the image), is configured to display the walkthrough task in the task display area of ​​the design draft page; the first generation unit ( Figure 3 (Not shown in the image), configured to record walkthrough tasks and generate task management information, wherein the task management information is displayed on the second terminal, and the task management information includes at least one of the following: application page information, task description, image information, priority, personnel information, task status, message, and first operation option information; statistical unit ( Figure 3 (Not shown in the image) is configured to perform statistical analysis on each walkthrough task in the task management information to generate the restoration degree and repair rate of the application page. The restoration degree and repair rate are displayed on the second terminal. The restoration degree is inversely proportional to the number of walkthrough tasks belonging to the application page, and the repair rate is determined based on the number of walkthrough tasks belonging to the application page and the task status.

[0109] In some embodiments, the first terminal includes a mobile terminal, the second terminal includes a computer terminal; and the device 300 further includes: a project generation unit ( Figure 3 (Not shown in the image), configured to generate a walkthrough item for the application page based on information entered by the user on the project information input page displayed on the second terminal, wherein the project information input page includes at least one of the following: project name, associated design draft, terminal type, personnel information, and address of the test package, wherein the test package includes the application's mobile terminal installation package and the walkthrough tool; the second generation unit ( Figure 3 (Not shown in the image) is configured to record the walkthrough items and generate project management information, which includes at least one of the following: project name, terminal type, project status, personnel information, and second operation option information.

[0110] It is understandable that the units described in the device 300 are related to the reference. Figure 2 The steps in the described method correspond accordingly. Therefore, the operations, features, and beneficial effects described above for the method also apply to the device 300 and the units contained therein, and will not be repeated here.

[0111] Continue to refer to Figure 4 The following is a flowchart 400 illustrating another embodiment of the information analysis method according to this disclosure. The method includes the following steps:

[0112] Step 401: In the walkthrough mode, in response to the detection of a selection operation on the application page displayed on the first terminal, determine the attribute information of the target element.

[0113] In some embodiments, the entity performing the information analysis method (e.g. Figure 1In the walkthrough mode, if the terminal device 101 shown detects a selection operation on a target element in the application page displayed on the first terminal, it can determine the attribute information of the target element. Here, walkthrough mode typically refers to the design walkthrough phase, i.e., the process of identifying and reducing deviations between the actual implementation of the page (the page actually presented by R&D) and the design draft. Walkthrough mode is generally contrasted with browsing mode. Browsing mode typically refers to the existing webpage browsing process. For example, such as... Figure 6B As shown, the application page can include a mode switching control W21 to switch between walkthrough and browsing modes. The operation method for the selection action described above is not limited here; please refer to [link to relevant documentation]. Figure 2 The relevant descriptions in step 201 of the embodiment will not be repeated here.

[0114] Here, the executing entity can determine the attribute information of the target element in various ways. For example, the executing entity can use built-in walkthrough tools to measure the target element and obtain its attribute information. These walkthrough tools can include a ruler, a color picker, etc. The ruler can measure the target element's size, absolute position, and relative position (such as its distance from surrounding elements). The absolute position can be the target element's coordinates from the origin or its distance from the four edges of the page. The relative position can be the target element's distance from its surrounding (specified or nearest) elements. Optionally, the executing entity can also have an element viewer. This allows the target element's attribute information to be obtained through the element viewer.

[0115] Understandably, to facilitate walkthrough analysis, in walkthrough mode, the executing entity can display the size and / or position of the target element on the application page. For example, if a selection operation on the first element is detected, the size of the first element can be displayed. If a selection operation on the second element is detected, the relative positions of the first and second elements can be displayed.

[0116] Step 402: Generate element information for the target element based on the attribute information.

[0117] In some embodiments, based on the attribute information determined in step 401, the executing entity can generate element information for the target element. The element information may include attribute information.

[0118] Optionally, the executing entity can capture an element image of the target element. This element image can include a static image or a dynamic image. As an example, the executing entity can first determine whether the target element is a dynamic element. If it is a dynamic element, its dynamic image can be captured. If it is not a dynamic element, it is a static element, and its static image can be captured. See [link to relevant documentation] for capture methods. Figure 2The relevant descriptions in step 204 of the embodiment will not be repeated here. In this case, the executing entity can generate element information of the target element based on the element image and attribute information.

[0119] Step 403: Send the element information to the second terminal.

[0120] In some embodiments, the executing entity may send the element information generated in step 402 to a second terminal (such as...). Figure 1 The terminal device 102 shown here enables the second terminal to perform actions such as... Figure 2 The information analysis method described in any implementation of the embodiments. Here, the second terminal is typically a terminal that displays a design draft page of the application page.

[0121] It should be noted that, to ensure the accuracy of the information's destination, before sending element information to the second terminal, the executing entity can obtain a set of identifiers for walkthrough items opened on the second terminal and related to the target user. These walkthrough items represent the relationship between the application and the design draft. The target user here is generally the personnel involved in the design walkthrough of the aforementioned application page, such as the walkthrough personnel mentioned above. When a user enters the application or a walkthrough item, the terminal device can obtain user information (such as account, name, mobile phone number, etc.). Identifiers can be used to uniquely indicate walkthrough items, such as identity identifiers (IDs) or network addresses.

[0122] Here, the executing entity can determine whether the identifier set contains identifiers for the walkthrough items of the application page. If it does, a communication connection can be established with the second terminal. The method of establishing the communication connection is not limited here; it can use a persistent connection, WebSocket (a bidirectional communication protocol), or polling, etc. If it does not, a prompt message can be generated and displayed on the first terminal. This prompt message can be used to prompt the second terminal to open the walkthrough item of the application page. If it is already open, at least one of steps 401 to 403 can be executed. If it is not open, the identifier set can be reacquired. Here, the executing entity can determine whether the walkthrough item of the application page is open by polling or receiving user input.

[0123] This ensures that the element information is accurately sent to the corresponding second terminal, that is, the terminal that displays the design draft page corresponding to the application page displayed on the first terminal.

[0124] It is understandable that the executing entity here can be either the first terminal or a backend server providing support to the first terminal. The first terminal can directly send element information to the second terminal (or the second terminal's backend server), or it can send it to the second terminal (or the second terminal's backend server) through the first terminal's backend server, thereby achieving synchronous information transmission. Figure 6D The diagram shows a timing sequence of information interaction between the first terminal and the second terminal. The steps in the diagram can be found in [reference needed]. Figure 2 and Figure 4 The relevant descriptions in the embodiments will not be repeated here.

[0125] The information analysis method disclosed herein can automatically extract information from page elements and simultaneously send the information to other electronic devices, thereby facilitating the analysis of information discrepancies. This not only ensures the accuracy of the information but also helps improve the efficiency of the investigation.

[0126] Further reference Figure 5 As a response to the above Figure 4 The present disclosure provides some embodiments of the information analysis apparatus for implementing the method shown, and these apparatus embodiments are similar to... Figure 4 Corresponding to the method embodiments shown, the device can be specifically applied to various electronic devices.

[0127] like Figure 5 As shown, the information analysis apparatus 500 in some embodiments may include: an attribute determination unit 501, configured to determine attribute information of a target element in a walkthrough mode in response to detecting a selection operation on an application page displayed on a first terminal; an information generation unit 502, configured to generate element information of the target element based on the attribute information; and a sending unit 503, configured to send the element information to a second terminal so that the second terminal performs the following actions: Figure 2 In any of the implementations described in the embodiments, the information analysis method, wherein the second terminal is a terminal displaying a design draft page of the application page.

[0128] In some embodiments, the information generation unit 502 may be further configured to capture an element image of a target element, wherein the element image includes a static image or a dynamic image; and generate element information of the target element based on the element image and attribute information.

[0129] In some embodiments, the device 500 further includes an acquisition unit ( Figure 5 (Not shown in the image) is configured to acquire a set of identifiers for walkthrough items opened by the second terminal that are related to the target user, wherein the walkthrough items are used to characterize the relationship between the application and the design draft; determine whether the identifier set contains the identifiers of the walkthrough items of the application page; and establish a communication connection with the second terminal in response to determining that it contains the identifiers.

[0130] In some embodiments, the acquisition unit may be further configured to generate a prompt message in response to determining that the item is not included, and to display the prompt message on a first terminal, wherein the prompt message is used to prompt the user to open the application page on a second terminal to view the item.

[0131] It is understandable that the units described in the device 500 are related to the reference. Figure 4 The steps in the described method correspond accordingly. Therefore, the operations, features, and beneficial effects described above for the method also apply to the device 500 and the units contained therein, and will not be repeated here.

[0132] The following is for reference. Figure 7 It illustrates terminal devices suitable for implementing some embodiments of this disclosure (e.g., Figure 1 A structural diagram of terminal device 101 or 102) 700. Figure 7 The terminal device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments of this disclosure.

[0133] like Figure 7 As shown, the terminal device 700 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. The RAM 703 also stores various programs and data required for the operation of the terminal device 700. The processing unit 701, ROM 702, and RAM 703 are interconnected via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0134] Typically, the following devices can be connected to I / O interface 705: input devices 706 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, etc.; output devices 707 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 708 including, for example, magnetic tapes, hard disks, memory cards, etc.; and communication devices 709. Communication device 709 allows terminal device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 7 A terminal device 700 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively. Figure 7 Each box shown can represent a device or multiple devices as needed.

[0135] In particular, according to some embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, some embodiments of this disclosure include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from ROM 702. When the computer program is executed by processing device 701, it performs the functions defined in the methods of some embodiments of this disclosure.

[0136] It should be noted that, in some embodiments of this disclosure, the computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium may be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In some embodiments of this disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In some embodiments of this disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0137] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol) and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future-developed networks.

[0138] The aforementioned computer-readable medium may be included in the aforementioned terminal device; or it may exist independently and not assembled into the terminal device. The aforementioned computer-readable medium carries one or more programs that, when executed by the terminal device, cause the terminal device to: receive element information of a target element sent by a first terminal, wherein the element information includes attribute information, and the target element is determined based on a selection operation on an element in an application page displayed on the first terminal; determine the target layer and its design information in a design draft page of the application page, wherein the design draft page is displayed on a second terminal; perform a difference analysis on the attribute information and design information to generate difference information; and generate a walkthrough task based on the difference information. Alternatively, in walkthrough mode, in response to detecting a selection operation on a target element in an application page displayed on the first terminal, determine the attribute information of the target element; generate element information of the target element based on the attribute information; and send the element information to the second terminal so that the second terminal performs the following actions: Figure 2 In any of the implementations described in the embodiments, the information analysis method, wherein the second terminal is a terminal displaying a design draft page of the application page.

[0139] Furthermore, computer program code for performing operations of some embodiments of this disclosure can be written in one or more programming languages ​​or a combination thereof. Programming languages ​​include object-oriented programming languages—such as Java, Smalltalk, and C++—and conventional procedural programming languages—such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0140] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0141] The units described in some embodiments of this disclosure can be implemented in software or hardware. The described units can also be housed in a processor; for example, a processor may be described as including a receiving unit, a layer determining unit, an analysis unit, and a task generating unit; or, it may include an attribute determining unit, an information generating unit, and a sending unit. The names of these units do not necessarily limit the specific unit; for example, a receiving unit may also be described as "a unit that receives element information of a target element sent by a first terminal."

[0142] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

[0143] The above description is merely a selection of preferred embodiments of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of the invention involved in the embodiments of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described inventive concept. For example, technical solutions formed by substituting the above-described features with (but not limited to) technical features with similar functions disclosed in the embodiments of this disclosure.

Claims

1. An information analysis method, comprising: The system receives element information of a target element sent by a first terminal, wherein the element information includes attribute information, the target element is determined based on the selection operation of an element in the application page displayed on the first terminal, and the attribute information is information used to display the element. In the design draft page of the application page, a target layer corresponding to the target element is determined, and the design information of the target layer is obtained by measuring the target layer. The design draft page is displayed on a second terminal, which is not the same as the first terminal. The second terminal is equipped with a layer viewer. The layer viewer displays the attribute information of the target element in the element information display area of ​​the design draft page and the design information of the target layer in the layer information display area of ​​the design draft page. A difference analysis is performed on the attribute information displayed in the element information display area and the design information displayed in the layer information display area to generate difference information, wherein the attribute values ​​of the same attribute in the attribute information and the design information are compared and analyzed. A walkthrough task is generated based on the discrepancy information.

2. The method of claim 1, wherein, The method further includes at least one of the following steps: The element information display area on the design draft page displays the attribute information of the target element; The design information of the target layer is displayed in the layer information display area of ​​the design draft page; The size and / or position of the target layer are marked on the design draft page.

3. The method of claim 1, wherein, The element information also includes an element image of the target element, wherein the element image includes a static image or a dynamic image; and The step of generating a walkthrough task based on the difference information includes: Extract the layer image of the target layer; A walkthrough task is generated based on the element image, the layer image, and the difference information.

4. The method according to claim 1, wherein, The element information also includes the page image of the application page; and Before determining the target layer corresponding to the target element and the design information of the target layer in the design draft page of the application page, the method further includes: In the list of articles associated with the application page, select the article that matches the image on the page; The selected manuscript is displayed on the second terminal to obtain the design manuscript page.

5. The method according to claim 1, wherein, Determining the target layer corresponding to the target element includes: Based on the location information of the target element in the application page, determine the layer set in the design draft page that matches the location information; Select a layer from the layer set and designate the selected layer as the target layer corresponding to the target element.

6. The method according to claim 5, wherein, Selecting a layer from the layer set includes at least one of the following steps: Based on the size information and color of the target element, select a layer from the layer set that matches the size information and color, and distinguish the selected layer from other layers in the layer set. In response to detecting a selection operation on a layer in the layer set, the selected layer is displayed differently from the other layers in the layer set.

7. The method according to claim 1, wherein, The method further includes: The walkthrough task is displayed in the task display area of ​​the design draft page; The inspection task is recorded, and task management information is generated. The task management information is displayed on the second terminal. The task management information includes at least one of the following: application page information, task description, image information, priority, personnel information, task status, message, and first operation option information. Statistical analysis is performed on each walkthrough task in the task management information to generate the restoration degree and repair rate of the application page. The restoration degree and the repair rate are displayed on the second terminal. The restoration degree is inversely proportional to the number of walkthrough tasks belonging to the application page, and the repair rate is determined based on the number and task status of the walkthrough tasks belonging to the application page.

8. The method according to any one of claims 1-7, wherein, The first terminal includes a mobile terminal, and the second terminal includes a computer terminal; and The method further includes: Based on the information entered by the user on the project information input page displayed on the second terminal, a walkthrough project for the application page is generated. The project information input page includes at least one of the following: project name, associated design draft, terminal type, personnel information, and address of the test package. The test package includes the application's mobile terminal installation package and the walkthrough tool. The inspection items are recorded to generate project management information, which includes at least one of the following: project name, terminal type, project status, personnel information, and second operation option information.

9. An information analysis device, comprising: The receiving unit is configured to receive element information of a target element sent by a first terminal, wherein the element information includes attribute information, the target element is determined based on the selection operation of an element in the application page displayed on the first terminal, and the attribute information is information used to display the element. The layer determination unit is configured to determine the target layer corresponding to the target element and measure the target layer to obtain the design information of the target layer in the design draft page of the application page. The design draft page is displayed on a second terminal, which is not the same as the first terminal. The second terminal is equipped with a layer viewer. The layer viewer displays the attribute information of the target element in the element information display area of ​​the design draft page and the design information of the target layer in the layer information display area of ​​the design draft page. The analysis unit is configured to perform a difference analysis on the attribute information displayed in the element information display area and the design information displayed in the layer information display area to generate difference information, wherein the attribute values ​​of the same attribute in the attribute information and the design information are compared and analyzed. The task generation unit is configured to generate a walkthrough task based on the difference information.

10. An information analysis method, comprising: In the walkthrough mode, in response to detecting a selection operation on a target element in the application page displayed on the first terminal, the attribute information of the target element is determined; Based on the attribute information, generate the element information of the target element; The element information is sent to a second terminal so that the second terminal executes the information analysis method as described in any one of claims 1-8, wherein the second terminal is a terminal displaying a design draft page of the application page, and the second terminal is not the same terminal as the first terminal.

11. The method according to claim 10, wherein, The step of generating element information for the target element based on the attribute information includes: The element image of the target element is extracted, wherein the element image includes a static image or a dynamic image; Element information of the target element is generated based on the element image and the attribute information.

12. The method according to claim 10 or 11, wherein, Before sending the element information to the second terminal, the method further includes: Obtain the identifier set of walkthrough items opened by the second terminal that are related to the target user, wherein the walkthrough items are used to characterize the relationship between the application and the design draft; Determine whether the identifier set contains the identifiers of the walkthrough items of the application page; In response to the determination of inclusion, a communication connection is established with the second terminal.

13. The method according to claim 12, wherein, The method further includes: In response to determining that the item is not included, a prompt message is generated and displayed on the first terminal, wherein the prompt message is used to prompt the user to open the application page on the second terminal to view the item.

14. An information analysis device, comprising: The attribute determination unit is configured to determine the attribute information of the target element in walkthrough mode in response to detecting a selection operation on the application page displayed on the first terminal. The information generation unit is configured to generate element information of the target element based on the attribute information; The sending unit is configured to send the element information to a second terminal so that the second terminal performs the information analysis method as described in any one of claims 1-8, wherein the second terminal is a terminal displaying a design draft page of the application page, and the second terminal is not the same terminal as the first terminal.

15. A terminal device, comprising: One or more processors; Storage device, on which one or more programs are stored, When the one or more programs are executed by the one or more processors, the one or more processors implement the method as described in any one of claims 1-8 or 10-13.

16. A computer-readable medium having a computer program stored thereon, wherein, When the program is executed by the processor, it implements the method as described in any one of claims 1-8 or 10-13.

Images