KR101196985B1 - Method for displating an user interface picture in potable terminal - Google Patents

Abstract

The present invention relates to a user interface (UI) screen of a portable mobile communication terminal, wherein the portable terminal detects an event generated by searching an event action table linked with a current state stage in a pre-stored scene table; Detecting the scene information linked with the other state stage in the scene table and corresponding to UI object code included in the scene information in a pre-stored user interface object database if the event requires an event to switch to another state stage; Detecting a user interface object, comparing the display area size of the portable terminal with the total size of the user interface screen included in the scene information, and determining an enlargement / reduction ratio; Size according to the determined zoom ratio. The path including the reference position and the scene information, arranged in accordance with the position coordinates, characterized in that it comprises the step of displaying by configuring the user interface screen.

User interface screens, user interface objects, scene information

Description

How to display the user interface screen of the portable terminal {METHOD FOR DISPLATING AN USER INTERFACE PICTURE IN POTABLE TERMINAL}

1 is a view showing the configuration of a user interface screen generating device and a portable terminal according to an embodiment of the present invention;

2 is an operation flowchart showing a user interface screen programming process according to an embodiment of the present invention;

3 is a flowchart illustrating a process of displaying a user interface screen according to an embodiment of the present invention.

The present invention relates to a user interface screen of a portable mobile communication terminal, and more particularly, to a method of programming and displaying a user interface screen of a portable mobile communication terminal.

Due to the development of mobile communication systems and integrated circuits, various electronic terminals, i.e., portable terminals, of a size portable by a user have been developed and produced. An example of such a portable terminal may include a mobile communication terminal, a portable multimedia player (PMP), a play station portable (PSP), a portable navigation player (PNP), and the like. It has a variety of sizes. Accordingly, there are various sizes of display screens, that is, liquid crystal displays (LCDs) mounted on each portable terminal.

Meanwhile, the portable terminal displays a screen of a user interface (hereinafter referred to as "UI") in response to a user's operation. The user interface screen is a screen indicating an operating state of the portable terminal in order for a user and the portable terminal device to exchange information, and are displayed corresponding to the operating state. An example is a menu screen displayed when a menu key is input in a mobile communication terminal.

The portable terminal includes various UI screens related to the provided functions, and displays a UI screen related to a user input or an operation of performing a specific function among various UI screens. The user may grasp the current operating state of the portable terminal through the displayed UI screen, and may input the next selection for controlling the portable terminal.

In general, the position and size of the UI object included in the UI screen is defined or hard coded using the #define macro, and the event processing operation according to the workflow of the portable terminal is performed. It is coded separately from UI screen.

In the UI screen programming method, whenever the hardware specification of the portable terminal is changed or a new function is added / changed, the position and size of the image UI object constituting the UI screen must be modified and changed. Had to be programmed. In addition, event handling of the program's workflow is not separated from the UI code, which reduces the efficiency of debugging as well as code reuse.

The present invention is to program the position and size of the user interface object in the user interface screen programming of the portable terminal to correspond to the change of the screen size and window size, and to separate the workflow event processing of the user interface screen and the program to improve the efficiency of programming The present invention provides a method for displaying a user interface screen for increasing.

According to an aspect of the present invention, there is provided a method for displaying a user interface screen of a portable terminal, the method comprising: detecting an event generated by searching an event action table linked with a current state stage in a previously stored scene table; Detecting the scene information linked with the other state stage in the scene table and corresponding to UI object code included in the scene information in a pre-stored user interface object database if the event requires an event to switch to another state stage; Detecting a user interface object, comparing the display area size of the portable terminal with the total size of the user interface screen included in the scene information, and determining an enlargement / reduction ratio; At a determined zoom ratio La changes along the reference position and the position coordinates included in the scene information, and characterized in that it comprises the step of displaying by configuring the user interface screen.

Hereinafter, a preferred embodiment of the present invention will be described in detail with reference to the accompanying drawings. Note that the same components in the drawings are represented by the same reference numerals and symbols as much as possible even though they are shown in different drawings. In the following description of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear.

According to the present invention, a user interface (hereinafter referred to as a "UI") screen is designed by an operator in a UI screen generating apparatus, and is designed according to an operation scenario of a portable terminal that will actually use the UI screen and the needs of the operator. The state stage of the completed UI screen is set, and the overall scene table configuration is completed. Thereafter, the portable terminal is mounted with a scene table and a UI object database to construct and display a UI screen corresponding to an operation state according to a user input.

Accordingly, referring to FIG. 1, a configuration of a UI screen generating apparatus and a portable terminal to which the present invention is applied will be described, and referring to FIGS. 2 to 3, a process of coding a UI screen according to an embodiment of the present invention; The process of displaying the UI screen in the portable terminal will be described.

First, Figure 1 is a diagram showing the configuration of a user interface screen generating apparatus and a portable terminal according to an embodiment of the present invention. Referring to FIG. 1, the UI screen generating apparatus 10 is an apparatus for coding and generating a UI screen according to an embodiment of the present invention. The UI screen generating apparatus 10 includes a control unit 11, a display unit 13, and a memory unit 15. Include. The memory unit 15 stores a UI object database in which UI objects that objectize a plurality of images constituting a UI screen are stored, according to an embodiment of the present invention. The plurality of UI objects include a background image of a UI screen, various 2D images of various sizes, 3D images, icon images, flash images, and various kinds of character fonts. The memory unit 15 stores UI screen generation program data according to an embodiment of the present invention, and stores data generated when an operation is performed according to an embodiment of the present invention. The display unit 15 displays various images and texts under the control of the controller 11 and displays all images related to the UI screen generation process according to an embodiment of the present invention. The control unit 11 configures and generates a UI screen by driving a UI screen generation program stored in the memory unit 13 according to an embodiment of the present invention, selecting and placing a corresponding UI object at the request of an operator. . The controller 11 stores information related to the UI object included in the generated UI screen as basic scene information, and sets the operator's settings and workflow scenarios of the portable terminal to use the UI screen. Accordingly, a state stage related to the UI screen is set, and an event action table related to the state stage is configured. The controller 11 configures final scene information by adding event scene information to the basic scene information in relation to the event motion table configuration, and configures a scene table including the final scene information and the motion table.

The operation of the control unit 11 is shown in FIG. Referring to FIG. 2, in step 101, the controller 11 constructs and stores a UI object database by objectizing a plurality of images that can be used when constructing a UI screen. Thereafter, in step 103, the control unit 11 proceeds to step 105 when a UI screen design request is made from the operator. In step 105, the control unit 11 provides a UI object list and a UI screen generation tool which are stored in advance. The UI object list is a list representing a plurality of UI objects stored in the UI object database, and includes a UI object code corresponding to each UI object. In an embodiment of the present invention, the UI object list may be provided as a text list or a simplified image list indicating a name corresponding to each UI object. In addition, it may be provided separately according to the image type of each UI object. The UI screen generation tool is a tool provided to enable the operator to easily configure the UI screen, and when the UI screen is configured, the operator may configure the UI screen in a window manner instead of configuring the UI screen through program coding. As a program tool to enable, it provides an environment that enables the following UI screen design process of the operator.

When the UI screen generating apparatus 10 displays the UI screen generating tool and the UI object list, the operator determines a desired UI screen size, layout, and design of the UI screen, and determines the size and layout of the determined UI screen. 10) input by using a key input unit or a mouse (not shown), selects a UI object according to the determination of the displayed UI object list, and arranges the selected UI object to be positioned in the desired position on the layout of the UI screen Enter. If desired, the operator can change the state of the UI object, such as the size and color of each selected UI object. The operator can easily design the desired UI screen through the above process.

On the other hand, the control unit 11 sets the size and layout of the UI screen to be generated in response to the input related to the UI screen design of the user in step 107, and the condition condition of the UI object to correspond to the operator selection of the pre-stored UI objects Change and arrange to configure the UI screen. In step 109, if there is a design completion input from the operator, the control unit 11 proceeds to step 111 and the overall size of the designed UI screen, the UI object code included in the UI screen, the reference position for each UI object, the position coordinates, the size, and the changed value. The state condition is stored as basic scene information corresponding to the UI screen.

According to an embodiment of the present invention, in order to express a UI object in a position set by an operator in a UI screen, a reference position, a position coordinate, a state condition, etc. of the UI object are required. A UI object position is represented by a reference position, position coordinates, and size. In the case of 2D screen, the position coordinate and size are defined only in the x, y coordinate plane, and in the 3D screen, it is defined in the x, y, z coordinate system. The reference position is a coordinate that is a reference of the actual position of the UI object. If the UI object is not a single pixel, a positional reference is required. The reference coordinate may be a vertex of a rectangle that is a layout of a 2D UI screen, or a center or arbitrary coordinates of the UI screen. In general, the upper left corner coordinate of the UI screen layout or the center coordinate of the UI screen is determined as a reference position. The position coordinates are coordinates indicating a substantial position of the UI object on the UI screen and may be represented by absolute coordinates and relative coordinates. Each of the relative coordinates and the absolute coordinates may be divided into pixel coordinates AX and percent coordinates AC. The absolute pixel coordinates represent the starting pixel position of the object with respect to the entire screen, and the absolute percentage coordinates represent the percent position with respect to the entire screen. In addition, the relative pixel coordinates RX and the relative percentage coordinates RC indicate relative positions with respect to the UI screen area set by the operator in the parent window. For example, if the screen size is 240x320, the parent window's operator setting area is box (10,10,210,210), and the UI object to be represented is located at AX (60,60), this coordinate is AC (25%, 18.75%), or RX (50, 50) or RC (25%, 25%). The size is the size of the UI object, similar to the representation of the position coordinates can be represented by the absolute pixel size or relative size relative to the screen or the parent window. The state condition is design information of the UI object such as color, brightness, body diagram, font, and effect of the UI object. In order to reduce the storage information of the state condition, each object is defined with a default theme and a number of frequently used change themes, and only the difference between the default theme and the change theme set on the object by the operator is included in the base scene information. It can also be configured.

Meanwhile, when the design of the UI screen is completed and the basic scene information storage of the completed UI screen is completed according to an embodiment of the present invention, the operation of the portable terminal to use the UI screen through the UI screen generating apparatus 10 is completed. Set a state stage of the UI screen according to a scenario and an operator input. An application of a portable terminal has an operation scenario called a workflow, which is composed of several scenes, and one scene corresponds to one UI screen and one state stage. That is, the workflow can be said to be composed of state stages in which each scene has one situation, and the state stage means a situation in which an arbitrary UI screen is displayed among operating scenarios of a related portable terminal. Examples of the status stage may include various menu screens, call origination screens, call reception screens, and short message creation screens.

With respect to each of these state stages, a table is defined that defines various transition events that cause a particular state stage to transition from one set state to another, and various change events that slightly change the corresponding UI screen while maintaining the specific state stage. It consists of. Since some UI screens change as the various change events are performed, final scene information is generated by attaching additional event scene information to basic scene information. That is, in relation to one state stage, all information on input operation events through a user interface such as a keypad or external operation events through a network associated with a portable terminal is defined. The event table and the final scene information related to one configured state stage are linked and included in the scene table. The scene table includes a plurality of state stages related to an operation scenario of a portable terminal, an event table corresponding to each state stage, and final scene information.

The state stage setting and event definition process correspond to steps 113 to 119 of FIG. 2. Referring to FIG. 2, in step 113, the controller 11 of the UI screen generating apparatus 10 proceeds to step 115 when a state stage setting request relating to a UI screen designed by a user is requested. In step 115, the controller 11 sets a state stage corresponding to the UI screen according to an operator input and a predetermined operation scenario of the portable terminal, configures an event operation table related to the set state stage, and proceeds to step 117. The event operation table is a table including the various events related to the state stage set on the designed UI screen and the operations performed in correspondence with each event. That is, the event table includes the switching event and the change event, and includes a UI screen display related operation to be performed when each event is linked with the respective events. In step 117, the control unit 11 adds the newly added scene information according to the change event included in the event operation table as the event scene information to configure the final scene information and proceeds to step 119. In step 119, the control unit 11 constructs and stores a scene table including a state stage set corresponding to the corresponding UI screen, final scene information, and an event action table by linking, and proceeds to step 121. In step 121, if there is a new UI screen design request, the controller 11 proceeds to step 105 and repeats steps 105 to 119.

According to the above process, UI screens required for the portable terminal 20 may also be designed, and a scene table for the designed UI screens may be configured. The portable terminal 20 storing the scene table includes a control unit 21, a display unit 23, and a memory unit 25. The memory unit 25 stores the UI object database, the scene table, and UI screen display program data according to an embodiment of the present invention. The scene table may include a plurality of predetermined state stages according to an operation scenario of the portable terminal 20, event operation tables linked to each state stage, and final scene information related to a UI screen displayed at each state stage. Is made of.

The display unit 23 displays various texts and images under the control of the controller 21.

The controller 21 controls the overall operation of the portable terminal 20 and controls the UI screen display according to the present invention. 3 illustrates an operation flow of the controller 21 according to a process of displaying a UI screen according to an embodiment of the present invention. 3 is a flowchart illustrating a process of displaying a user interface screen according to an embodiment of the present invention. Referring to FIG. 3, when an arbitrary UI screen is displayed, the controller 21 proceeds to step 205 when an event occurs in step 201. In step 205, the control unit 21 searches the event operation table corresponding to the current state stage in the scene table, determines the type of the generated event and the performing operation according to the event, and proceeds to step 113. In step 113, the controller 21 determines whether the event generated in step 201 is a switching event that requires switching the state stage, and if the switching event proceeds to step 205. The control unit 21 searches for basic scene information corresponding to the state stage to be switched in the scene table by combining the current state stage and the generated event, and proceeds to step 209. In step 209, the control unit 21 according to the size of the display area to be displayed, the total size of the UI screen included in the retrieved basic scene information, the UI object code included in the UI screen, the reference position for each UI object, the position coordinates, and the state condition. In step 201, the UI object is detected in the UI object database, converted, and then configured and displayed. In other words, the controller 21 compares the size of the display area included in the portable terminal 20 with the overall size of the UI screen included in the basic scene information, and determines the enlargement and reduction ratio of the UI object according to the size difference. . The controller 21 detects a UI object corresponding to the UI object code included in the basic scene information in the UI object database and expands and contracts according to the determined enlargement reduction ratio. Subsequently, the controller 21 changes the color, brightness, body size, font, effect, etc. of the UI object according to the state condition included in the scene information, and then the reference position and position coordinate for each UI object included in the scene information. In consideration of the enlargement and reduction ratio, the UI object is arranged at an appropriate position to configure and display a UI screen. On the other hand, if the event occurred in step 201 is a change event that changes only a part of the currently displayed UI screen while maintaining the current state stage, the controller 21 proceeds to step 211. In step 211, the control unit 21 detects event scene information related to the UI screen currently displayed in the scene table using the current state stage, and according to various information related to the UI object included in the detected event scene information. In a similar process, the UI screen is partially changed and displayed, and the process proceeds to step 201.

That is, when an event occurs, the controller 21 searches the current state stage in the scene table, and searches the event action table linked with the current state stage to determine the type of event and the action to be performed in response to the event. If the generated event is a switching event, the controller 21 may detect a state stage to be switched in the event operation table. The controller 21 can detect the linked scene basic information by searching the detected state stage in the scene table table, and configure and display the UI screen according to various information included in the scene basic information. If the generated event is a change event, the controller 21 may grasp the UI object to be changed in the event action table linked with the current state stage, and detect current event scene information from the scene information linked with the current state stage to display the current object. The changed UI screen according to the event scene information and display the changed UI screen.

As described above, the present invention is set to the UI screen according to the scene information including the position information and state conditions for the UI object included in the UI screen designed through the objectized UI images, and any operation scenario of the portable terminal. A scene table linking and storing a state stage, an event table including events related to the state stage, and scene information corresponding to an event generated by searching the scene table when a portable terminal having a UI object database generates an event. By detecting and configuring the UI screen according to the size of the display area provided in the portable terminal, a UI screen adaptive to the size of the display area provided in the portable terminal can be provided.

While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments. Therefore, the scope of the present invention should not be defined by the described embodiments, but should be determined by the equivalent of claims and claims.

As described above, the present invention is set to the UI screen according to the scene information including the position information and state conditions for the UI object included in the UI screen designed through the objectized UI image, and any operation scenario of the portable terminal A scene table linking and storing an event table including events related to the state stage, and a scene table corresponding to an event generated by searching the scene table when an event occurs when a portable terminal having a UI object database is generated. By detecting and configuring and displaying the UI screen according to the size of the display area provided in the portable terminal, it is possible to provide a UI screen adaptive to the size of the display area provided in the portable terminal.

Claims (7)

In the user interface screen display method of a portable terminal, Retrieving the events that occurred by searching the event action table linked to the current state stage in the prestored scene table; Detecting scene information linked to the other state stage in the scene table if the event requires an event to switch to another state stage; Detecting a user interface object corresponding to a UI object code included in the scene information in a prestored user interface object database; The enlargement / reduction ratio is determined by comparing the display area size included in the portable terminal with the entire size of the user interface screen included in the scene information, and the size of each detected user interface object is changed according to the determined enlargement / reduction ratio. And configuring a user interface screen by displaying the reference position and position coordinates included in the scene information to display the user interface screen. In the user interface screen display method of a portable terminal, Retrieving the events that occurred by searching the event action table linked to the current state stage in the prestored scene table; Detecting scene information linked to a current state stage in the scene table if the event requires an change of a part of the currently displayed user interface screen; Detecting a user interface object corresponding to a UI object code included in the scene information in a prestored user interface object database; The enlargement / reduction ratio is determined by comparing the display area size included in the portable terminal with the entire size of the user interface screen included in the scene information, and the size of each detected user interface object is changed according to the determined enlargement / reduction ratio. And disposing according to the reference position and position coordinates included in the scene information, detecting event scene information included in the scene information, and changing and displaying the currently displayed user interface screen according to the detected scene information. A method for displaying a user interface screen further comprising. The method of claim 1, wherein the user interface screen is displayed by changing the user interface object according to a condition condition for determining a design element included in the scene information. The method of claim 2, wherein the user interface object is an object of each of a plurality of images constituting a user interface screen. The method of claim 4, wherein the state stage is set corresponding to each of a plurality of scenes constituting an operation scenario of the portable terminal. The method of claim 5, wherein the status stage is set to correspond to one user interface screen. 7. The method of claim 6, wherein the event action table includes all events occurring in a linked state stage and action information performed in relation to the display of the user interface screen according to occurrence of each event. .

Images