Patent Application
20190236075
The present invention relates generally to the field of data processing, and more particularly to utilizing a graphical user interface for navigating within a data structure.
Graphical user interface (GUI) is a type of user interface that allows a user to interact with an electronic device through manipulation of graphical icons and visual indicators. GUIs may be used in many types of electronic devices, such as smart phones, tablets, laptops, gaming devices, and desktop computers. GUIs are intended to simplify an end user's interaction with a software program with common graphical icons referred to as widgets, thereby increasing the usability of an electronic device.
Embodiments of the present invention disclose a method, computer program product, and system for dynamically displaying a data structure within a graphical user interface. A data structure is dynamically displayed within a graphical user interface with an initial setting information. User input that provides instructions to adjust the setting information is received. The received user input is parsed to identify a position portion, a motion portion, and a magnitude portion. The setting information is adjusted based on the received user input. The data structure is dynamically displayed according to the adjusted setting information.
These and other objects, features and advantages of the present invention will become apparent from the following detailed description of illustrative embodiments thereof, which is to be read in connection with the accompanying drawings. The various features of the drawings are not to scale as the illustrations are for clarity in facilitating one skilled in the art in understanding the invention in conjunction with the detailed description. In the drawings:
Detailed embodiments of the claimed structures and methods are disclosed herein; however, it can be understood that the disclosed embodiments are merely illustrative of the claimed structures and methods that may be embodied in various forms. This invention may, however, be embodied in many different forms and should not be construed as limited to the exemplary embodiments set forth herein. Rather, these exemplary embodiments are provided so that this disclosure will be thorough and complete and will fully convey the scope of this invention to those skilled in the art. In the description, details of well-known features and techniques may be omitted to avoid unnecessarily obscuring the presented embodiments.
Tree structures are most widely used to display data in hierarchical relations (e.g., in a digital library navigation). However, this traditional linear tree structure has at least two disadvantages. The first disadvantage is that, on mobile devices where space is limited, the linear tree structure is not space-effective. A user can hardly get the entire tree structure within a mobile display without minimizing the tree structure so that it fits within the mobile screen, which may result in making the tree structure extremely difficult to read clearly, or moving the tree structure within the display up and down, left and right. If the user wants to access data at lower levels, the user would have to go down level-by-level to reach the data he wants.
The second disadvantage is if the user zooms in on the tree structure, a portion of the tree structure may not be included within the mobile display, so he might easily forget a part of the tree structure not within the mobile display. For example, if the user wants to read a specific topic that is at a fifth level in an online library, the user would have to expand the parent topics individually over four levels. As the user finally reaches the fifth topic, he might wonder or forget how he reached the fifth topic. Furthermore, expanding or folding a tree structure node on a touch screen is extremely inconvenient.
Therefore, it may be advantageous to implement a data structure as a radial map that includes one or more levels within a GUI. This radial map is extendable in size at each level to make a target level more prominent and clearly visible to the user while minimizing levels that a user may not want to view. The minimized levels may still be displayed within the GUI, but with less detail. Although the minimized levels may have less detail, the user may still access information from the minimized levels. This radial map can be tilted to give the user a look down perspective, which can foreground the target topics included within the target levels, and background the unwanted topics that are included within the minimized levels.
A feature of a radial map is that it is more “space-effective” than a linear-binary tree map, and is more suitable for mobile devices that have a limited screen size. The user can view details without losing the whole sight of the structure, and the user would not need to go down level-by-level in order to reach a specific topic. Radial maps can accommodate touch screen gestures more efficiently than tree structures. The user could modify the radial map with different colors to show which topics are most frequently visited or most recently visited (e.g. used for data analysis), or are closely related to other topics. Moreover, historical data may be recorded into a setting information table, including the user's preferences, to generate a radial map customizable to the user. In some embodiments, the setting information table may be an initial setting information table that is the default setting information table. The generated radial map may be displayed within a user's device.
Aspects of the present disclosure are directed to improvements in existing GUI devices that have no representation of a data hierarchy as a radial map analog. Furthermore, aspects of the present disclosure may require a specific, structured graphical user interface paired with a prescribed functionality directly related to the graphical user interface's structure that is addressed to and resolves a specifically identified problem of fitting a data structure or a large amount of data, that would not otherwise be able to fit within the confines of a GUI display, within the display. Moreover, the setting information table may have a system administrator (e.g., a computer system or processor) that may intelligently condense the data according to known data compression techniques in order to fit the data within a particular space in memory, thereby freeing memory space for data to be stored for other jobs. Aspects of the present disclosure may have the historical data previously stored within the setting information table saved within a data repository for future use. Prior to display of the radial data structure, a system may intelligently access historical data stored within the data repository to determine a display based on past user preferences, thereby saving time and resources that would otherwise be wasted on the user adjusting the data structure to his preferences. Aspects of the present disclosure may display the last user settings that were used for a particular application, or use saved settings across multiple applications, and/or may synchronize with other devices that the user owns, thereby reducing the other device's computing resources. Furthermore, one or more processors and/or processing resources within the server that would have been wasted on the user adjusting the data structure within the GUI to match his preferences would be saved to execute other jobs. Aspects of the present disclosure may automatically convert the data structure from an original data structure (e.g., tree) to a radial data structure based on user preferences, thereby saving time and computing resources.
It is to be understood that the aforementioned advantages are example advantages and should not be construed as limiting. Embodiments of the present disclosure can contain all, some, or none of the aforementioned advantages while remaining within the spirit and scope of the present disclosure.
Referring to
The client computer 102 may communicate with the server computer 112 via the communications network 116. The communications network 116 may include connections, such as wire, wireless communication links, or fiber optic cables. As will be discussed with reference to
According to the present embodiment, a user using a client computer 102 may use the GUI program 110 that receives user-input, that provides directions on how to display a data structure within a GUI, interprets the received user-input, and then dynamically displays an adjusted data structure within a GUI based on the received user-input. The dynamic data structure method is explained in more detail below with respect to
Referring now to
The data structure may be displayed within a computing device (e.g., computer 102), mobile device (e.g., tablet, smart phone, laptop, etc.), or the like. The computing device or mobile device displaying the data structure may have a touch screen able to receive user input in the form of touch or auditory commands, or receive input from an external device (e.g., a keyboard, a mouse, or a microphone). The data structure may be information formatted in a categorically hierarchical structure (e.g., an employee organization chart, a phylum, timeline with dates and associated events, etc.).
At 204, the GUI program 110 receives user input that provides instructions to adjust the setting information. The user input may be in the form of physical touch from a user. For example, a user placing his fingers on the touch screen and moving his fingers in a predetermined gesture that signals the data structure to rotate or tilt in a certain way that depends on the magnitude of the user input. The magnitude of the user input may be based on the amount of time the user's finger(s) is in contact with the touch screen, the distance of the user's fingers traversing the touch screen, or the rate (distance of fingers traversing the touch screen per time spent traversing the touch screen). In some embodiments, the user input may be the amount of pressure exerted by the user on the screen, the rate at which the user moves his fingers along the screen, and/or the angular rotation of the user rotating his fingers in a counter clockwise or clockwise direction. The received input can be any number of gestures adjusting the data structure within the GUI. For example, the received input can be rotating the data structure within the GUI with respect to any axis of the data structure (e.g., along a longitudinal, horizontal, or zed axis). The received input can be a magnification of a certain portion of the data structure and/or a compression of the remaining portion of the data structure. In some embodiments, magnifying the certain portion of the data structure may result in compressing the remaining portion of the data structure.
Next, at 206, the GUI program 110 parses the received user input to identify a motion, position, and magnitude of the received user input. The GUI program 110 may utilize analytical software to recognize the received user input by comparing the input to a set of predefined inputs, e.g., a language (e.g., a computer programmable language, such as C++, Python, Java, etc.) that is compatible with the setting information. For example, there may be a rotation row or column within the setting information table that corresponds to a rotation of the data structure and a direction of that movement, and the analytical software may recognize by comparing the received user input within the table. In some embodiments, the parsing may be accomplished by determining the amount of pressure exerted by the user on the screen, the rate at which the user moves his fingers along the screen, and/or the angular rotation of the user rotating his fingers in a counter clockwise or clockwise direction. In some embodiments, parsing may include determining the distance of the user's fingers, or point at which the user touches the screen, to the nearest level (e.g., Level A 302) and then compare that distance to the distance to the next closest level to the user's point of contact with the screen, in order to determine within a degree of certainty that the user means to select a particular level within the GUI.
In some embodiments, the GUI program 110 may break the input into its syntactic and semantic components, and then compare the syntactic and semantic components to a language that is predefined with the setting information. The GUI program 110 may then parse the compared user input to identify a motion (e.g., rotation, magnification, compression, etc.) of the data structure, an initial position, and a final position of the motion, and a magnitude of the motion. In some embodiments, the GUI program 110 may determine a value for the position, the motion, and the magnitude. For example, a grid for the GUI may be utilized to determine a position value of the user contacting the touch screen, and the position value may be in terms of the location of contact within the grid. The motion value may be a direction of movement that the user is traversing his finger(s) across the touch screen. The magnitude value may be the distance the user traversed (e.g., rotational or translational distance) the touchscreen per unit time.
At 208, the GUI program 110 adjusts the setting information based on the received user input. The GUI program 110 may insert the parsed received user input into the information-setting table to replace the setting information. For example, the determined values may be added to the setting information table. In some embodiments, the setting information may be from a previous time the user utilized the GUI and the data structure may be dynamically displayed according to a previously received user input; the determined values may replace the previously determined values within the setting information table. The previously determined values within the setting information table may be stored in a data repository (e.g., database 114) for future use. For example, statistical analysis may be performed on the stores values in order to determine and/or predict user preferences. This may be useful for when an ambiguous user input is received (e.g., the user placed his fingers almost exactly between two levels) and the user may have historically adjusted one level more than the other level. In this embodiment, the GUI program 110 may determine which level the user chose. The GUI program 110 may adjust a layout of the data structure based on the change in the information-setting table. In some embodiments, the setting information table includes options selected by the user, such as font color and data structure shape.
At 210, the GUI program 110 dynamically displays the data structure according to the adjusted setting information. In some embodiments, the display may include a graphical icon for the user to select that saves the current display of the data structure, and/or a graphical icon that goes back to a previous display. In some embodiments, the display may further include functionality that allows the user to modify the color of nodes or the color of each level. In some embodiments, not all levels may be adjusted equally. For example, levels further from the adjustment point (e.g., further from the level being expanded) may be adjusted more than levels closer to the adjustment point. Likewise, portions (e.g., a portion that includes particular nodes or a top portion of a level) within the same level may be adjusted differently (e.g., with reference to
The GUI 300 may be displayed within any computing device (e.g., computer 102) that includes a touch screen. The computing device may be a mobile device (e.g., tablet, smart phone, laptop, etc.). The touch screen may be able to receive user input via a user touching the screen that can manipulate the data structure within the GUI 300. The user may use his fingers to expand a certain portion of the data structure (e.g., a certain level) while collapsing the remaining levels by contacting the screen with two fingers and moving them in opposite directions, as referred to in
It may be appreciated that
Data processing system 902a, b, and 904a, b is representative of any electronic device capable of executing machine-readable program instructions. Data processing system 902a, b, and 904a, b may be representative of a smart phone, a computer system, PDA, or other electronic devices. Examples of computing systems, environments, and/or configurations that may represented by data processing system 902a, b, and, 904a, b include, but are not limited to, personal computer systems, server computer systems, thin clients, thick clients, hand-held or laptop devices, multiprocessor systems, microprocessor-based systems, network PCs, minicomputer systems, and distributed cloud computing environments that include any of the above systems or devices.
User client computer 102 (
Each set of internal components 902a, b also includes a R/W drive or interface 918 to read from and write to one or more portable computer-readable tangible storage devices 920 such as a CD-ROM, DVD, memory stick, magnetic tape, magnetic disk, optical disk or semiconductor storage device. A software program, such as the software program 108 and the GUI program 110 can be stored on one or more of the respective portable computer-readable tangible storage devices 920, read via the respective R/W drive or interface 918 and loaded into the respective hard drive 916.
Each set of internal components 902a, b may also include network adapters (or switch port cards) or interfaces 922 such as a TCP/IP adapter cards, wireless wi-fi interface cards, or 3G or 4G wireless interface cards or other wired or wireless communication links. The software program 108 and the GUI program 110 in client computer 102 in network server computer 112 can be downloaded from an external computer (e.g., server) via a network (for example, the Internet, a local area network or other, wide area network) and respective network adapters or interfaces 922. From the network adapters (or switch port adaptors) or interfaces 922, the software program 108 and the GUI program 110 in client computer 102 in network server computer 112 are loaded into the respective hard drive 916. The network may comprise copper wires, optical fibers, wireless transmission, routers, firewalls, switches, gateway computers, and/or edge servers.
Each of the sets of external components 904a, b can include a computing device 924 that may be a mobile device (e.g., tablet, smart phone, laptop, etc.) 924 or any computing device with an integrated touch screen capable of receiving user input as described in the present disclosure, a keyboard 926, and a computer mouse 928. External components 904a, b can also include touch screens, virtual keyboards, touch pads, pointing devices, and other human interface devices. Each of the sets of internal components 902a, b malso includes device drivers 930 to interface to computing device 924, keyboard 926 and computer mouse 928. The device drivers 930, R/W drive or interface 918 and network adapter or interface 922 comprise hardware and software (stored in tangible storage device 916 and/or ROM 910).
The present invention may be a system, a method, and/or a computer program product at any possible technical detail level of integration. The computer program product may include a computer readable storage medium (or media) having computer readable program instructions thereon for causing a processor to carry out aspects of the present invention.
The computer readable storage medium can be a tangible device that can retain and store instructions for use by an instruction execution device. The computer readable storage medium may be, for example, but is not limited to, an electronic storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. A non-exhaustive list of more specific examples of the computer readable storage medium includes the following: a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), a static random access memory (SRAM), a portable compact disc read-only memory (CD-ROM), a digital versatile disk (DVD), a memory stick, a floppy disk, a mechanically encoded device such as punch-cards or raised structures in a groove having instructions recorded thereon, and any suitable combination of the foregoing. A computer readable storage medium, as used herein, is not to be construed as being transitory signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through a waveguide or other transmission media (e.g., light pulses passing through a fiber-optic cable), or electrical signals transmitted through a wire.
Computer readable program instructions described herein can be downloaded to respective computing/processing devices from a computer readable storage medium or to an external computer or external storage device via a network, for example, the Internet, a local area network, a wide area network and/or a wireless network. The network may comprise copper transmission cables, optical transmission fibers, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers. A network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium within the respective computing/processing device.
Computer readable program instructions for carrying out operations of the present invention may be assembler instructions, instruction-set-architecture (ISA) instructions, machine instructions, machine dependent instructions, microcode, firmware instructions, state-setting data, configuration data for integrated circuitry, or either source code or object code written in any combination of one or more programming languages, including an object oriented programming language such as Smalltalk, C++, or the like, and procedural programming languages, such as the “C” programming language or similar programming languages. The computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet Service Provider). In some embodiments, electronic circuitry including, for example, programmable logic circuitry, field-programmable gate arrays (FPGA), or programmable logic arrays (PLA) may execute the computer readable program instructions by utilizing state information of the computer readable program instructions to personalize the electronic circuitry, in order to perform aspects of the present invention.
Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer readable program instructions.
These computer readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer readable program instructions may also be stored in a computer readable storage medium that can direct a computer, a programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer readable storage medium having instructions stored therein comprises an article of manufacture including instructions which implement aspects of the function/act specified in the flowchart and/or block diagram block or blocks.
The computer readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process, such that the instructions which execute on the computer, other programmable apparatus, or other device implement the functions/acts specified in the flowchart and/or block diagram block or blocks.
The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the Figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems that perform the specified functions or acts or carry out combinations of special purpose hardware and computer instructions.
The descriptions of the various embodiments of the present invention have been presented for purposes of illustration, but are not intended to be exhaustive or limited to the embodiments disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope of the described embodiments. The terminology used herein was chosen to best explain the principles of the embodiments, the practical application, or technical improvement over technologies found in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
| Number | Date | Country | |
|---|---|---|---|
| Parent | 15654143 | Jul 2017 | US |
| Child | 16380632 | US |
