KR101332644B1 - Method for providing user interface in mobile device and recording medium for storing the same - Google Patents

Abstract

The present invention relates to a method for providing a user interface in a mobile device environment. The present invention relates to a method for providing a user interface in a mobile device environment including a control unit for processing an input / output signal and controlling an operation of a device. In the data grid, the control unit provides a normal mode or an edit mode. In the normal mode, the control unit selects a cell, copies a cell, deletes a cell, and pastes a cell. In the providing and the editing mode, the control unit provides an editing interface suitable for a mobile device environment, and when one cell is selected from a plurality of cells, displaying the data of the corresponding row in a list format based on the selected cell. Provides editing mode screen functionality The. According to the present invention, since the user interface of the data grid suitable for the mobile device environment is provided, the convenience of the user of the mobile device can be improved.

Description

Method for providing user interface in mobile device and recording medium for storing the same}

The present invention relates to a method for providing a user interface in a mobile device environment, and more particularly, to a technique for defining a user interface so that a grid component can be usefully used in a mobile device environment.

As portable electronic devices become smaller and the number of functions performed by a given device increases, providing a user interface that allows a user to easily interact with a multifunction device has become an important challenge to be solved. This problem is particularly important for handheld portable devices that have much smaller screens than desktop or laptop computers.

Grid components used in the existing desktop and web environments have developed user interfaces in consideration of the desktop environment, which makes them inconvenient to use in mobile device environments such as mobile phones, mobile phones, cellular phones, and smart phones.

1 is a diagram illustrating a general data grid example.

Referring to FIG. 1, the existing data grid environment has been developed in consideration of a desktop environment, and the implementation of such a data grid in a mobile environment has a problem of being limited in usability due to limitation of screen size.

The present invention has been made to solve the above problems, and an object of the present invention is to provide a method for providing an interface that can improve user convenience by defining an interface of a data grid suitable for a mobile device environment.

The object of the present invention is not limited to the above-mentioned object, and other objects not mentioned will be clearly understood by those skilled in the art from the following description.

In order to achieve the above object, the present invention provides a method for providing a user interface in a mobile device environment including a controller for processing an input / output signal and controlling an operation of a device, wherein the controller is a general mode in a data grid of the mobile device. Or providing an editing mode, wherein in the normal mode, the controller provides a function of selecting a cell, a function of copying a cell, a function of deleting a cell, a function of pasting a cell, and the editing mode. In this case, the control unit provides an editing interface suitable for a mobile device environment, and if one cell is selected from a plurality of cells, providing the edit mode screen function of displaying data of the corresponding row in a list format based on the selected cell. It includes.

While the editing mode screen is being displayed, if a drag request of the screen is requested from the user, data corresponding to the previous row or the next row of the currently displayed row may be displayed according to the drag direction.

The mobile device is a touch screen method in which an input unit is displayed on a screen and an input signal is generated by a user's touch of the screen, and in the editing mode, a previous button for editing a previous cell above the input unit, Preferably, a delete button for deleting contents and a next button for editing the next cell are arranged.

In the edit mode, the controller may change and display a form of the input unit to input corresponding data according to the type of data to be edited.

The mobile device may be a text data cell for inputting text, a numeric data cell for inputting numbers, a combo box data cell for selecting one of a plurality of items, and a check for selection. A check box cell, wherein the controller is configured to display a keyboard keyboard for the text data cell, a numeric keyboard for the numeric data cell, and select an item for the combo box data cell. An input device may be displayed, and in the case of the checkbox cell, a button for selecting check / uncheck may be displayed.

Select All menu to select or deselect all cells, Copy menu to copy selected cells to clipboard, Cut menu to clear selected cells and copy their contents to clipboard, Change to contents on clipboard A menu bar including a paste menu may be displayed at the top of the screen.

If one cell is touched with one finger and there is a drag in the left and right directions with the other finger, the controller first performs screen scrolling in the direction of the drag while fixing the column including the touched cell. Can be. In addition, if one cell is touched with one finger and there is a drag in the vertical direction with the other finger, the controller first scrolls the screen in the direction of the drag while fixing the row including the touched cell. Can be done.

According to the present invention, since the user interface of the data grid suitable for the mobile device environment is provided, the convenience of the user of the mobile device can be improved.

In addition, according to the present invention, data readability is increased in a mobile device, and data can be edited conveniently.

1 is a diagram illustrating a general data grid example.
2 is a flowchart illustrating a method for providing a user interface in a mobile device environment according to an embodiment of the present invention.
3 to 9 are screen examples for explaining a user interface providing method in a mobile device environment according to an embodiment of the present invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the drawings, the same reference numerals are used for the same reference numerals 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. Also, throughout this specification, when a component is referred to as "comprising ", it means that it can include other components, aside from other components, .

In the present invention, a method for providing a user interface in a mobile device environment relates to an operation of a program, and may be related to an algorithm used in a program. In addition, the subject of the operation of each process may be referred to as a control unit for controlling the overall mobile device including a processor such as a CPU.

2 is a flowchart illustrating a method for providing a user interface in a mobile device environment according to an embodiment of the present invention.

3 to 9 are screen examples for explaining a user interface providing method in a mobile device environment according to an embodiment of the present invention.

Referring to FIG. 2, in a method of providing a user interface in a mobile device environment including a controller for processing an input / output signal and controlling an operation of a device, the controller provides a general mode or an edit mode in a data grid of the mobile device. (S201). In the present invention, in the mobile grid, it is preferable that the boundary of the grid column is automatically adjusted and displayed according to the screen size of the mobile device.

Next, in the normal mode, the control unit provides a function of selecting a cell, a function of copying a cell, a function of deleting a cell, and a function of pasting a cell (S203 and S205).

For example, in the normal mode, if a short touch is followed by dragging in up, down, left, and right directions, scrolling may be performed. When a long touch is performed in the normal mode, the cell of the touched area is changed to a selected state, and at the same time, a pop-up interface as shown in FIG. 3 may be provided.

When the pop-up interface shown in FIG. 3 appears, the user drags in the up / down / left / right directions to perform the action in the corresponding direction. That is, copy / paste / delete / edit is performed along the up / down / left / right directions.

When the middle button is clicked in the pop-up interface, the pop-up interface disappears in the multi-cell selection mode and the currently selected cell remains in the selected state. In the multi-cell selection mode, cells may be selected in the following manner.

A. Drag: When dragging, area selection is performed. The initially selected cell becomes the starting point and selects all the cells within the dragging area.

B. Touch: When you touch a cell, the touched cell toggles between select and unselect. In this case, nonadjacent cells can be selected. However, in order to select an invisible cell on the screen, the grid must be scrolled. In this case, scrolling is performed by touching two fingers and dragging up / down / left / right.

When all cells are selected and one of the selected cells is touched for a long time, a pop-up interface as shown in FIG. 3 appears to perform a desired task.

Next, if one cell is touched with one finger and there is a drag in the left and right directions with the other finger, the controller first performs screen scrolling in the direction of dragging while fixing the column including the touched cell. It may be (S206).

Alternatively, if one cell is touched with one finger and there is a drag in the vertical direction with the other finger, the controller first performs screen scrolling in the direction of dragging while fixing the row including the touched cell. It may be (S206).

In the present invention, when the screen is touched twice consecutively, the screen is recognized as the edit mode and the screen is switched to the edit mode screen (S207).

In the edit mode, the control unit provides an editing interface suitable for a mobile device environment, and when one cell is selected from a plurality of cells, the controller provides an edit mode screen function of displaying data of a corresponding row in a list format based on the selected cell. do.

In the conventional mobile grid, it is very inconvenient to edit the cell contents directly because the width of the cell that can be expressed is narrow and the letters are small. Therefore, the present invention is to provide an interface scheme that can be easily and quickly edited.

Editing the screen is limited and inconvenient to edit in the grid, so switch to the separate edit mode screen. The edit mode screen basically shows the data of the corresponding row in a list format based on the currently selected cell.

4 is a screen example of a normal mode in a mobile device.

In the screen example of FIG. 4, when the user selects “data 5” and switches to the edit mode, the screen shown in FIG. 5 is displayed.

While the edit mode screen as shown in FIG. 5 is displayed, when a drag request of the screen is requested from the user, data corresponding to the previous row or the next row of the currently displayed row may be displayed according to the drag direction. An example of the screen at this time is shown in FIG.

Next, when the input unit is displayed on the screen and the touch screen method in which the input signal is generated by the user's touch of the screen, the mobile device, in the edit mode, the previous button to edit the previous cell above the input unit, the current cell A delete button for deleting the content of and a next button for editing the next cell may be disposed (S209).

Next, in the edit mode, the controller may change and display the shape of the input unit to input the corresponding data according to the type of data to be edited (S211).

In the present invention, the mobile device checks whether a text data cell for inputting text, a numeric data cell for inputting a number, a combo box data cell for selecting one of a plurality of items, and whether or not to be selected as data represented in a grid. Provides checkbox cells for

Referring to FIG. 8, the control unit causes the keyboard to be displayed in the case of a text data cell (FIG. 8 (a)), and displays the numeric keyboard in the case of a numeric data cell (FIG. 8 (b)), and the item in the case of a combo box data cell. The data picker input selector can be displayed (Fig. 8 (c)), and in the case of a check box cell, a button for selecting check / uncheck is displayed (Fig. 8 (d)). ).

Next, the Select All menu, where you can select or deselect all cells, the Copy menu for copying selected cells to the clipboard, the Cut menu for clearing selected cells and copying the contents to the clipboard, and the contents on the clipboard. The menu bar including the paste menu for changing to is displayed at the top of the screen (S213). A menu bar according to one embodiment of the present invention is shown in FIG.

Due to the nature of the grid, it is sometimes necessary to fix a specific position and perform scrolling. Basically, scrolling with a fixed column or a specific row is forced by a programmer when creating an application using a grid component, but this may be a limitation that greatly reduces the flexibility of the user interface. Therefore, it can be said that a method of scrolling while fixing a specific column or row proposed in the present invention is very useful.

On the other hand, the user interface method in a mobile device environment according to an embodiment of the present invention can be implemented as computer-readable code on a computer-readable recording medium. A computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.

For example, the computer-readable recording medium may be a ROM, a RAM, a CD-ROM, a magnetic tape, a hard disk, a floppy disk, a removable storage device, a nonvolatile memory, , Optical data storage devices, and the like, as well as carrier waves (for example, transmission over the Internet).

In addition, the computer readable recording medium may be distributed and executed in a computer system connected to a computer communication network, and may be stored and executed as a code readable in a distributed manner.

While the present invention has been described with reference to several preferred embodiments, these embodiments are illustrative and not restrictive. It will be understood by those skilled in the art that various changes and modifications may be made therein without departing from the spirit of the invention and the scope of the appended claims.

Claims (9)

A method for providing a user interface in a mobile device environment including a controller for processing an input / output signal and controlling an operation of a device,
The control unit providing a normal mode or an edit mode in a data grid of a mobile device;
In the normal mode, the controller provides an interface including a function of selecting a cell, a function of copying a cell, a function of deleting a cell, and a function of pasting a cell; And
In the edit mode, the control unit includes a step of providing an edit mode screen function for displaying data of a corresponding row in a list form based on the selected cell when one cell is selected from a plurality of cells.
The mobile device is a touch screen method in which an input unit is displayed on a screen and an input signal is generated by a user's screen touch.
In the edit mode, a previous button for editing the previous cell, a delete button for deleting the contents of the current cell, and a next button for editing the next cell are disposed on the input unit.
In the normal mode, if one cell is touched with one finger and there is a drag in the left and right directions with the other finger, the controller first fixes the column including the touched cell and then the direction of the drag. The user interface providing method in a mobile device environment, characterized in that for performing a screen scroll.
The method of claim 1,
While the edit mode screen is being displayed, when a drag request of the screen is requested from the user, data corresponding to the previous or next row of the currently displayed row is displayed according to the drag direction. How to provide an interface.
delete The method of claim 1,
In the edit mode,
The control unit provides a user interface in a mobile device environment, characterized in that the form of the input unit is changed to be displayed according to the type of data to be edited.
5. The method of claim 4,
The mobile device may be a text data cell for inputting text, a numeric data cell for inputting numbers, a combo box data cell for selecting one of a plurality of items, and a check for selection. Provide checkbox cells,
The controller is configured to display a keyboard keyboard for the text data cell, a numeric keyboard for the numeric data cell, and a data picker input for selecting an item for the combo box data cell. In the case of a check box cell, a button for selecting check / uncheck is displayed so that a user interface is provided in a mobile device environment.
The method of claim 1,
Select All menu to select or deselect all cells, Copy menu to copy selected cells to clipboard, Cut menu to clear selected cells and copy their contents to clipboard, Change to contents on clipboard Method for providing a user interface in a mobile device environment, characterized in that a menu bar including a paste menu for displaying on the top of the screen.
delete The method of claim 1,
In the normal mode, if one cell is touched with one finger and there is a drag in the vertical direction with the other finger, the controller first fixes the row including the touched cell in the direction of the drag. The user interface providing method in a mobile device environment, characterized in that for performing a screen scroll.
A non-transitory computer-readable recording medium having recorded thereon a program capable of executing the method of any one of claims 1, 2, 4, 6, and 8.

Images