GUI Error Information Display for Web Application Debugging
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Web application developers face challenges in efficiently identifying and correcting errors due to large volumes of logs, leading to prolonged error resolution times and potential delays in application completion, which can degrade the quality of the web application.
Innovation Solution
A device and method utilizing a graphical user interface (GUI) to communicate with a server, display user and action objects related to errors, and provide error information, allowing developers to quickly determine the cause of errors by distinguishing user and action objects based on user and response information.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If developers analyze error logs to determine error causes, then error information can be obtained, but the time required for error correction becomes excessively long
Solution Approach 1:
The patent segments the error analysis process into distinct visual components: user objects representing different users, action objects representing user actions, and error information objects. This segmentation allows developers to quickly navigate to specific error-related elements without analyzing entire log files, thereby reducing error correction time while maintaining complete error information availability.
Solution Approach 2:
The patent introduces a graphical user interface as an intermediary between the error logs and the developer. This GUI translates raw log data into visual representations (user objects, action objects, error objects) that are easier to interpret. The intermediary processing layer filters and presents only error-relevant information, reducing the time developers spend analyzing logs while ensuring complete error information is conveyed.
2Measurement precision
If developers check a large amount of logs to determine error causes, then accurate error diagnosis can be achieved, but the complexity of the error analysis process increases
Solution Approach 1:
The patent employs color coding to differentiate between various types of objects in the error analysis interface. User objects, action objects, and error information objects are displayed with distinct colors or color schemes, enabling developers to quickly identify and distinguish between different elements. This visual differentiation maintains diagnostic accuracy by preserving all necessary information while reducing the perceived complexity through intuitive visual organization.
3Reliability
If developers spend more time on error correction, then error accuracy improves, but the time available for improving web application performance decreases
Solution Approach 1:
The patent performs preliminary organization and visualization of error information before the developer begins analysis. By pre-processing logs into structured visual objects (user objects, action objects, error objects) with clear relationships and distinctions, the system prepares the error data in advance. This preliminary action ensures accurate error correction can be achieved quickly, freeing up time for performance improvement activities while maintaining high error correction accuracy.
Data Source
AI summary
Provided is a device for providing error information using a graphical user interface (GUI) includes: a communication circuit configured to communicate with a server that provides a web application; a display; a memory; and a processor. The processor is configured to: receive user information, request information, and response information of each user; to display user objects, respectively on the display so that a user related to an error of the web application is distinguished based on the user information and the response information; to display action objects on the display so that an action related to the error is distinguished based on the request information and the response information, if one of the user objects is selected; and to output error information related to the selected action object to the display based on the request information and the response information if one of the action objects is selected.