Source Code Display Device Segmentation for Readability
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing source code display technologies separate editing and viewing modes, making it difficult for users to interactively search, edit, and write source code, lacking an effective way to improve readability.
Innovation Solution
A source code display device and method that divides the screen into two sections, displaying the original code unit in one section and representative strings of other code units in the other, allowing users to edit the original code while viewing the structure of the source code through smaller representative strings as distance increases.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Difficulty of detecting and measuring
If the source code is displayed by extracting representative strings for each code unit, then the source code structure becomes visible and searchability improves, but the code readability and editability deteriorate
Solution Approach 1:
The screen is divided into two distinct sections: a first section displaying the original code unit in full detail for editing, and a second section displaying representative strings of other code units for overview and search. This segmentation allows users to have both detailed editing capability and structural overview simultaneously without compromising either function.
2Difficulty of detecting and measuring
If the source code is displayed as a reduced map, then the overall structure and relationships become visible, but the detail and editability of individual code units are lost
Solution Approach 1:
The display is segmented into a first section showing the complete original code unit with full detail and a second section showing reduced representative strings. This allows the system to preserve detailed information where needed while providing structural overview where useful, eliminating the all-or-nothing approach of traditional code viewers.
Solution Approach 2:
Different parts of the display have different levels of detail: the first section displays the code unit at full resolution and detail for editing, while the second section displays other code units at reduced resolution as representative strings. This local quality variation allows users to access both detailed and overview information simultaneously in their respective locations.
3Ease of manufacture
If editing mode and viewing mode are separated, then each mode can be optimized independently, but interaction between editing and searching becomes difficult
Solution Approach 1:
The patent merges the editing mode and viewing mode into a single integrated display interface. The first section provides editing capability for the selected code unit while the second section provides viewing of other code units as representative strings. This combination allows users to edit and search within the same interface, enabling smooth interaction between editing and searching operations.
Data Source
AI summary
A source code display device includes a visualizer including a screen. A source code is displayed on the screen including a first and second section. An original of a predetermined code unit of the source code is displayed in the first section. At least one code unit other than the predetermined code unit of the source code is displayed in the second section, and each of the at least one code unit is displayed by representative strings of the code unit in the second section. The source code display device may include a memory which stores the source code; an indexer which receives the source code and extracts the representative strings for each code unit of the source code; and an analyzer which determines the predetermined code unit that should be displayed in the first section and determines a ratio of the first section and the second section.