KR101783607B1 - Terminal and Method for contolling the same - Google Patents

Abstract

The present invention relates to a terminal capable of freely editing a UI in an application according to a user's taste and a control method thereof.

Description

[0001] The present invention relates to a terminal and method for controlling the same,

The present invention relates to a terminal and a control method thereof, in which the use of a terminal can be realized by further considering the convenience of the user.

Nowadays, since many terminals such as smart phones are launched, users can easily download and use applications providing various functions through the web.

A user interface (hereinafter referred to as UI) is loaded in the application, and the user can use the UI function to use the function of the application.

However, there is a problem that the UI can not be freely changed according to the taste of the current user.

An object of the present invention is to provide a terminal capable of freely editing a UI in an application according to a user's taste and a control method thereof.

According to an aspect of the present invention, there is provided a terminal comprising: a display unit displaying an execution screen of an application including a user interface (UI); A memory having a UI editor for providing an editing function of a UI included in the application; And a controller for executing the UI editor when the command for editing the UI is inputted and reflecting the edited contents through the UI editor to the UI.

At this time, the UI editor can be implemented by an Eclipse-based SDK (Software Development Kit).

In addition, the UI editor includes a plurality of icons to which a function for editing the UI is allocated, and the control unit may reflect an editing function assigned to at least one icon selected by the user in the tool bar to the UI have.

That is, the UI editor includes a tool bar area including the icons, an edit area for editing the UI using the icons in the tool bar, and a simulation area for simulating and displaying the UI edited in the edit area And at least one region.

The editing function may include a function for adding a new function in the UI, and editing at least one of the color of the UI, the size of the UI, the position of the UI, and the text of the UI, And a function for editing the driving and display scenarios of the UI.

The controller may store the edited UI as a separate file in the memory, and may link the application and the edited UI to each other. The control unit controls the linked UI to be displayed together when the application is executed and displayed.

In addition, the controller may switch between the edited UI and the UI before being edited according to a command of the user while the UI is being edited.

In addition, when the UI is edited, the control unit may display information indicating a state of the UI being edited in the edited UI, and when the information is selected, the UI may display the edited item.

Also, when the UI is edited, the control unit may display the edited state of the UI in the application having the edited UI. That is, the control unit may attach text indicating that the UI is edited in the name of the application, and may display information indicating that the UI is edited in the shape of the application.

The control unit divides the execution screen of the application into a plurality of first and second areas, displays an execution screen of the application in the first area, 2, the execution screen of the UI editor may be displayed.

The terminal may further include a wireless communication unit for communicating with an external terminal. When the contact of the external terminal is input while the UI is being edited, the controller displays the edited The application including the UI can be transmitted to the external terminal.

The terminal according to the present invention may further include a wireless communication unit for communicating with a UI sharing server for sharing a UI with other terminals, To the UI sharing server.

Further, the terminal according to the present invention may further include a wireless communication unit for communicating with the UI editor providing server, and the UI editor may be downloaded from the UI editor providing server through the wireless communication unit. In this case, when the control unit is connected to the UI editor providing server through the wireless communication unit, the control unit transmits the device information of the mobile terminal to the UI editor providing server, and based on the device information of the mobile terminal You can download the generated UI editor. At this time, the UI providing server can generate a UI editor equipped with an editing function usable in the mobile terminal, based on the received device information of the mobile terminal.

A method of controlling a terminal according to the present invention includes the steps of: displaying an execution screen of an application including a user interface (UI); Executing a UI editor providing an editing function of the UI when a command for editing the UI contained in the execution screen is input; And reflecting the edited contents to the UI through the executed UI editor.

The terminal and the control method thereof according to the present invention have the effect that the user can freely edit the UI in the currently executed application using the UI editor.

1 is a block diagram illustrating a terminal related to an embodiment of the present invention.
2A is a perspective view of an example of a terminal related to the present invention as viewed from the front.
2B is a rear perspective view of the terminal shown in FIG. 2A.
3 is a flowchart illustrating an editing process of the UI according to the present invention.
4 is a diagram illustrating a UI editor according to the present invention.
5 to 11 are views illustrating a process of editing a UI using a tool bar area and a tool bar in the UI editor according to the present invention.
12 is a diagram showing a process of switching display between an original UI and an edited UI in an execution screen of an application.
13 is a diagram illustrating a process of displaying information indicating that the UI has been edited in the edited UI.
FIG. 14 is a diagram illustrating a process of displaying information indicating that a UI is edited in an application.
15 is a diagram illustrating a process of transmitting an application including an edited UI to another terminal.
16 is a diagram illustrating a process of transmitting an application including an edited UI to a UI sharing server.

Hereinafter, a terminal related to the present invention will be described in detail with reference to the drawings. The suffix "module" and " part "for the components used in the following description are given or mixed in consideration of ease of specification, and do not have their own meaning or role.

The terminal described in this specification includes a mobile phone, a smart phone, a personal computer, a laptop computer, a digital broadcasting terminal, a PDA (Personal Digital Assistants), a PMP (Portable Multimedia Player) It can be in any one form.

1 is a block diagram of a terminal according to an embodiment of the present invention.

The terminal 100 includes a wireless communication unit 110, an audio / video input unit 120, a user input unit 130, a sensing unit 140, an output unit 150, a memory 160, A controller 170, a controller 180, a power supply unit 190, and the like. The components shown in FIG. 1 are not essential, and a terminal having more or fewer components may be implemented.

Hereinafter, the components will be described in order.

The wireless communication unit 110 may include one or more modules for enabling wireless communication between the terminal 100 and the wireless communication system or between the terminal 100 and the network in which the terminal 100 is located. For example, the wireless communication unit 110 may include a broadcast receiving module 111, a mobile communication module 112, a wireless Internet module 113, a short range communication module 114, and a location information module 115 .

The broadcast receiving module 111 receives broadcast signals and / or broadcast-related information from an external broadcast management server through a broadcast channel.

The broadcast channel may include a satellite channel and a terrestrial channel. The broadcast management server may refer to a server for generating and transmitting broadcast signals and / or broadcast related information, or a server for receiving broadcast signals and / or broadcast related information generated by the broadcast management server and transmitting the generated broadcast signals and / or broadcast related information. The broadcast signal may include a TV broadcast signal, a radio broadcast signal, a data broadcast signal, and a broadcast signal in which a data broadcast signal is combined with a TV broadcast signal or a radio broadcast signal.

The broadcast-related information may refer to a broadcast channel, a broadcast program, or information related to a broadcast service provider. The broadcast-related information may also be provided through a mobile communication network. In this case, it may be received by the mobile communication module 112.

The broadcast-related information may exist in various forms. For example, an EPG (Electronic Program Guide) of DMB (Digital Multimedia Broadcasting) or an ESG (Electronic Service Guide) of Digital Video Broadcast-Handheld (DVB-H).

For example, the broadcast receiving module 111 may be a Digital Multimedia Broadcasting-Terrestrial (DMB-T), a Digital Multimedia Broadcasting-Satellite (DMB-S), a Media Forward Link Only A digital broadcasting system such as DVB-CB, OMA-BCAST, or Integrated Services Digital Broadcast-Terrestrial (ISDB-T). Of course, the broadcast receiving module 111 may be adapted to other broadcasting systems as well as the digital broadcasting system described above.

The broadcast signal and / or broadcast related information received through the broadcast receiving module 111 may be stored in the memory 160.

The mobile communication module 112 transmits and receives radio signals to at least one of a base station, an external terminal, and a server on a mobile communication network. The wireless signal may include various types of data depending on a voice call signal, a video call signal or a text / multimedia message transmission / reception.

In addition, the mobile communication module 112 communicates with a UI sharing server for UI sharing with other terminals and a UI editor providing server that provides the UI editor 400 according to the present invention.

That is, the mobile communication module 112 transmits the application including the UI edited by the UI editor 400 to the UI sharing server under the control of the controller 180. [ The mobile communication module 112 accesses the UI editor providing server under the control of the controller 180 and transmits the device information of the terminal 100 to the UI editor providing server, The UI editor generated based on the device information of the terminal 100 is downloaded. At this time, the UI sharing server and the UI editor providing server may be constituted by one server or each server.

The wireless Internet module 113 is a module for wireless Internet access, and may be built in or externally attached to the terminal 100. WLAN (Wi-Fi), Wibro (Wireless broadband), Wimax (World Interoperability for Microwave Access), HSDPA (High Speed Downlink Packet Access) and the like can be used as wireless Internet technologies.

The wireless Internet module 113 also communicates with a UI-sharing server for UI sharing with other terminals and a UI-editor providing server that provides the UI editor 400 according to the present invention.

That is, the wireless Internet module 113 transmits the application including the UI edited by the UI editor 400 to the UI sharing server under the control of the control unit 180. [ The wireless Internet module 113 accesses the UI editor providing server under the control of the controller 180 and transmits the device information of the terminal 100 to the UI editor providing server, The UI editor generated based on the device information of the terminal 100 is downloaded.

The short-range communication module 114 refers to a module for short-range communication. Bluetooth, Radio Frequency Identification (RFID), infrared data association (IrDA), Ultra Wideband (UWB), ZigBee, and the like can be used as a short range communication technology.

In addition, the short-range communication module 114 communicates with a UI sharing server for sharing UI with other terminals and a UI editor providing server that provides a UI editor 400 according to the present invention.

That is, under the control of the control unit 180, the short-range communication module 114 transmits an application including the UI edited by the UI editor 400 to the UI sharing server. The short-range communication module 114 accesses the UI-editor providing server according to the control of the controller 180, transmits the device information of the terminal 100 to the UI-editor providing server, The UI editor generated based on the device information of the terminal 100 is downloaded.

The position information module 115 is a module for obtaining the position of the terminal 100, and a representative example thereof is a Global Position System (GPS) module. According to the current technology, the GPS module 115 calculates distance information and accurate time information from three or more satellites, and then applies trigonometry to the calculated information to obtain a three-dimensional string of latitude, longitude, The location information can be accurately calculated. At present, a method of calculating position and time information using three satellites and correcting an error of the calculated position and time information using another satellite is widely used. In addition, the GPS module 115 can calculate speed information by continuously calculating the current position in real time.

Referring to FIG. 1, an A / V (Audio / Video) input unit 120 is for inputting an audio signal or a video signal, and may include a camera 121 and a microphone 122. The camera 121 processes image frames such as still images or moving images obtained by the image sensor in the video communication mode or the photographing mode. The processed image frame can be displayed on the display unit 151. [

The image frame processed by the camera 121 may be stored in the memory 160 or transmitted to the outside through the wireless communication unit 110. [ Two or more cameras 121 may be provided depending on the use environment.

The microphone 122 receives an external sound signal through a microphone in a communication mode, a recording mode, a voice recognition mode, or the like, and processes it as electrical voice data. The processed voice data can be converted into a form that can be transmitted to the mobile communication base station through the mobile communication module 112 when the voice data is in the call mode, and output. Various noise reduction algorithms may be implemented in the microphone 122 to remove noise generated in receiving an external sound signal.

The user input unit 130 generates input data for a user to control the operation of the terminal.

The user input unit 130 may include a directional keypad, a keypad, a dome switch, a touchpad (static / static), a jog wheel, a jog switch, and a mouse.

The sensing unit 140 senses the current state of the terminal 100 such as the open / close state of the terminal 100, the position of the terminal 100, the presence of the user, the orientation of the terminal, And generates a sensing signal for controlling the operation of the sensor. For example, when the terminal 100 is in the form of a mobile phone of the slide type, it is possible to sense whether the slide phone is opened or closed. It is also possible to sense whether the power supply unit 190 is powered on, whether the interface unit 170 is connected to an external device, and the like. Meanwhile, the sensing unit 140 may include a proximity sensor 141. This will be discussed later in connection with touch screens.

The output unit 150 is for generating an output relating to visual, auditory or tactile sense and includes a display unit 151, an acoustic output module 152, an alarm unit 153, a haptic module 154, 155, and the like.

The display unit 151 displays (outputs) information to be processed by the terminal 100. For example, when the terminal is in the call mode, a UI (User Interface) or GUI (Graphic User Interface) associated with the call is displayed. When the terminal 100 is in the video communication mode or the photographing mode, the photographed and / or received video or UI and GUI are displayed.

The display unit 151 may be a liquid crystal display (LCD), a thin film transistor-liquid crystal display (TFT LCD), an organic light-emitting diode (OLED) A flexible display, and a three-dimensional display (3D display).

Some of these displays may be transparent or light transmissive so that they can be seen through. This can be referred to as a transparent display, and a typical example of the transparent display is TOLED (Transparent OLED) and the like. The rear structure of the display unit 151 may also be of a light transmission type. With this structure, the user can see an object located behind the terminal body through the area occupied by the display unit 151 of the terminal body.

There may be two or more display units 151 according to the embodiment of the terminal 100. For example, in the terminal 100, a plurality of display portions may be spaced apart from one another or may be disposed integrally with each other, or may be disposed on different surfaces.

(Hereinafter, referred to as a 'touch screen') in which a display unit 151 and a sensor for sensing a touch operation (hereinafter, referred to as 'touch sensor') form a mutual layer structure, It can also be used as an input device. The touch sensor may have the form of, for example, a touch film, a touch sheet, a touch pad, or the like.

The touch sensor may be configured to convert a change in a pressure applied to a specific portion of the display unit 151 or a capacitance generated in a specific portion of the display unit 151 into an electrical input signal. The touch sensor can be configured to detect not only the position and area to be touched but also the pressure at the time of touch.

If there is a touch input to the touch sensor, the corresponding signal (s) is sent to the touch controller (not shown). The touch controller processes the signal (s) and transmits the corresponding data to the controller 180. Thus, the control unit 180 can know which area of the display unit 151 is touched or the like.

The proximity sensor 141 may be disposed in an inner region of the mobile terminal or in the vicinity of the touch screen, which is enclosed by the touch screen. The proximity sensor refers to a sensor that detects the presence or absence of an object approaching a predetermined detection surface or a nearby object without mechanical contact using the force of an electromagnetic field or infrared rays. The proximity sensor has a longer life span than the contact sensor and its utilization is also high.

Examples of the proximity sensor include a transmission type photoelectric sensor, a direct reflection type photoelectric sensor, a mirror reflection type photoelectric sensor, a high frequency oscillation type proximity sensor, a capacitive proximity sensor, a magnetic proximity sensor, and an infrared proximity sensor. And to detect the proximity of the pointer by the change of the electric field along the proximity of the pointer when the touch screen is electrostatic. In this case, the touch screen (touch sensor) may be classified as a proximity sensor.

Hereinafter, for convenience of explanation, the act of recognizing that the pointer is positioned on the touch screen while the pointer is not in contact with the touch screen is referred to as "proximity touch & The act of actually touching the pointer on the screen is called "contact touch. &Quot; The position where the pointer is proximately touched on the touch screen means a position where the pointer is vertically corresponding to the touch screen when the pointer is touched.

The proximity sensor detects a proximity touch and a proximity touch pattern (e.g., a proximity touch distance, a proximity touch direction, a proximity touch speed, a proximity touch time, a proximity touch position, a proximity touch movement state, and the like). Information corresponding to the detected proximity touch operation and the proximity touch pattern may be output on the touch screen.

The audio output module 152 may output audio data received from the wireless communication unit 110 or stored in the memory 160 in a call signal reception mode, a call mode or a recording mode, a voice recognition mode, a broadcast reception mode, The sound output module 152 also outputs sound signals related to functions (e.g., call signal reception sound, message reception sound, etc.) performed in the terminal 100. [ The audio output module 152 may include a receiver, a speaker, a buzzer, and the like.

The alarm unit 153 outputs a signal for notifying the occurrence of an event of the terminal 100. Examples of events that occur in the mobile terminal include call signal reception, message reception, key signal input, touch input, and the like. The alarm unit 153 may output a signal for notifying the occurrence of an event in a form other than the video signal or the audio signal, for example, vibration. In this case, the display unit 151 and the sound / voice output module 152 may be a kind of the alarm unit 153. The display unit 151 and the sound / . ≪ / RTI >

The haptic module 154 generates various tactile effects that the user can feel. A typical example of the haptic effect generated by the haptic module 154 is vibration. The intensity and pattern of the vibration generated by the hit module 154 can be controlled. For example, different vibrations may be synthesized and output or sequentially output.

In addition to the vibration, the haptic module 154 may include a pin arrangement vertically moving with respect to the contact skin surface, a spraying force or a suction force of the air through the injection port or the suction port, a touch on the skin surface, contact with an electrode, And various tactile effects such as an effect of reproducing a cold sensation using an endothermic or exothermic element can be generated.

The haptic module 154 can be implemented not only to transmit the tactile effect through the direct contact but also to allow the user to feel the tactile effect through the muscular sensation of the finger or arm. More than two haptic modules 154 may be provided according to the configuration of the terminal 100.

The projector module 155 is an element for performing an image project function using the terminal 100 and may be the same as the image displayed on the display unit 151 according to a control signal of the controller 180 At least some of which can display other images on an external screen or wall.

Specifically, the projector module 155 includes a light source (not shown) that generates light (for example, laser light) for outputting an image to the outside, a light source And a lens (not shown) for enlarging and outputting the image at a predetermined focal distance to the outside. Further, the projector module 155 may include a device (not shown) capable of mechanically moving the lens or the entire module to adjust the image projection direction.

The projector module 155 can be divided into a CRT (Cathode Ray Tube) module, an LCD (Liquid Crystal Display) module and a DLP (Digital Light Processing) module according to the type of the display means. In particular, the DLP module may be advantageous for miniaturization of the projector module 151 by enlarging and projecting an image generated by reflecting light generated from a light source on a DMD (Digital Micromirror Device) chip.

Preferably, the projector module 155 may be longitudinally provided on a side, front or back side of the terminal 100. It goes without saying that the projector module 155 may be provided at any position of the mobile terminal 100 as occasion demands.

The memory 160 may store a program for processing and controlling the control unit 180 and may store programs for inputting / outputting data (e.g., telephone directory, message, audio, still image, electronic book, It may also perform functions for temporary storage. The memory 160 may also store the frequency of use of each of the data (for example, each telephone number, each message, and frequency of use for each multimedia). In addition, the memory unit 160 may store data on vibration and sound of various patterns output when the touch is input on the touch screen.

In addition, the memory 160 is provided with a UI editor for creating or editing a UI in an application according to the present invention.

The UI editor can be implemented by an Eclipse-based SDK (Software Development Kit).

In addition, when the UI editor is executed, a tool bar area including a plurality of icons to which a function for editing a UI is assigned is displayed in an execution screen of the UI editor, An edit area for editing the UI, and a simulation area for simulating and displaying the UI edited in the edit area.

The UI editing function may include a function for editing at least one of assigning a new function in the UI, a color of the UI, a size of the UI, a position of the UI, and text of the UI , An operation of the UI and an editing function of a display scenario may be included.

The memory 160 may be a flash memory type, a hard disk type, a multimedia card micro type, a card type memory (for example, an SD or XD memory A static random access memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM) Magnetic disk, magnetic disk, magnetic disk, or optical disk. The terminal 100 may operate in association with a web storage that performs a storage function of the memory 160 on the Internet.

The interface unit 170 serves as a path for communication with all external devices connected to the terminal 100. The interface unit 170 receives data from an external device or supplies power to each component in the terminal 100 or transmits data to the external device. For example, a wired / wireless headset port, an external charger port, a wired / wireless data port, a memory card port, a port for connecting a device having an identification module, an audio I / O port, A video input / output (I / O) port, an earphone port, and the like may be included in the interface unit 170.

The identification module is a chip for storing various information for authenticating the use right of the terminal 100 and includes a user identification module (UIM), a subscriber identity module (SIM), a general user authentication module A Universal Subscriber Identity Module (USIM), and the like. Devices with identification modules (hereinafter referred to as "identification devices") can be manufactured in a smart card format. Accordingly, the identification device can be connected to the terminal 100 through the port.

When the terminal 100 is connected to an external cradle, the interface unit may be a path through which power from the cradle is supplied to the terminal 100, or various command signals input from the cradle by the user may be transmitted to the mobile terminal It can be a passage to be transmitted. The various command signals or the power source input from the cradle may be operated as a signal for recognizing that the mobile terminal is correctly mounted on the cradle.

The controller 180 typically controls the overall operation of the terminal 100. For example, voice communication, data communication, video communication, and the like. The control unit 180 may include a multimedia module 181 for multimedia playback. The multimedia module 181 may be implemented in the control unit 180 or may be implemented separately from the control unit 180. [

The controller 180 may perform a pattern recognition process for recognizing handwriting input or drawing input performed on the touch screen as characters and images, respectively.

The power supply unit 190 receives external power and internal power under the control of the controller 180 and supplies power necessary for operation of the respective components.

The various embodiments described herein may be embodied in a recording medium readable by a computer or similar device using, for example, software, hardware, or a combination thereof.

According to a hardware implementation, the embodiments described herein may be implemented as application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays May be implemented using at least one of a processor, controllers, micro-controllers, microprocessors, and other electronic units for performing other functions. In some cases, The embodiments described may be implemented by the control unit 180 itself.

According to a software implementation, embodiments such as the procedures and functions described herein may be implemented with separate software modules. Each of the software modules may perform one or more of the functions and operations described herein. Software code can be implemented in a software application written in a suitable programming language. The software code is stored in the memory 160 and can be executed by the control unit 180. [

2A is a perspective view of an example of a terminal related to the present invention as viewed from the front.

The disclosed terminal 100 includes a bar-shaped main body. However, the present invention is not limited thereto, and can be applied to various structures such as a slide type, a folder type, a swing type, and a swivel type in which two or more bodies are relatively movably coupled.

The body includes a case (a casing, a housing, a cover, and the like) which forms an appearance. In this embodiment, the case may be divided into a front case 101 and a rear case 102. [ A variety of electronic components are embedded in the space formed between the front case 101 and the rear case 102. At least one intermediate case may be additionally disposed between the front case 101 and the rear case 102. [

The cases may be formed by injection molding a synthetic resin, or may be formed to have a metal material such as stainless steel (STS) or titanium (Ti) or the like.

The display unit 151, the sound output unit 152, the camera 121, the user input units 130/131 and 132, the microphone 122, the interface 170, and the like may be disposed in the front body 101 have.

The display unit 151 occupies most of the main surface of the front case 101. A sound output unit 151 and a camera 121 are disposed in an area adjacent to one end of both ends of the display unit 151 and a user input unit 131 and a microphone 122 are disposed in an area adjacent to the other end. The user input unit 132 and the interface 170 may be disposed on the side surfaces of the front case 101 and the rear case 102. [

The user input unit 130 is operated to receive a command for controlling the operation of the mobile terminal 100 and may include a plurality of operation units 131 and 132. The operation units 131 and 132 may be collectively referred to as a manipulating portion.

The contents inputted by the first or second operation unit 131 or 132 may be variously set. For example, the first operation unit 131 receives commands such as start, end, scroll, and the like, and the second operation unit 132 controls the size of the sound output from the sound output unit 152 or the size of the sound output from the display unit 151 The touch recognition mode can be activated or deactivated.

2B is a rear perspective view of the terminal shown in FIG. 2A.

Referring to FIG. 2B, a camera 121 'may be further mounted on the rear surface of the terminal body, that is, the rear case 102. The camera 121 'may have a photographing direction substantially opposite to that of the camera 121 (see FIG. 2A), and may be a camera having the same or different pixels as the camera 121.

For example, the camera 121 may have a low pixel so that the face of the user can be photographed and transmitted to the other party in case of a video call or the like, and the camera 121 ' It is preferable to have a large number of pixels. The cameras 121 and 121 'may be installed in the terminal body so as to be rotatable or pop-upable.

A flash 123 and a mirror 124 may be additionally disposed adjacent to the camera 121 '. The flash 123 illuminates the subject when the subject is photographed by the camera 121 '. The mirror 124 allows the user to illuminate the user's own face or the like when the user intends to shoot himself / herself (self-photographing) using the camera 121 '.

An acoustic output module 152 'may be additionally disposed on the rear side of the terminal body. The sound output unit 152 'may implement the stereo function together with the sound output module 152 (see FIG. 2A), and may be used for the implementation of the speakerphone mode during a call.

In addition to the antenna for communication, a broadcast signal receiving antenna 116 may be additionally disposed on the side of the terminal body. The antenna 116, which forms part of the broadcast receiving unit 111 (see FIG. 1), may be installed to be able to be drawn out from the terminal body.

A power supply unit 190 for supplying power to the mobile terminal 100 is mounted on the terminal body. The power supply unit 190 may be built in the terminal body or may be detachable from the outside of the terminal body.

The rear case 102 may further include a touch pad 135 for sensing a touch. The touch pad 135 may be of a light transmission type for the display unit 151. [ In this case, if the display unit 151 is configured to output the time information on both sides (i.e., in the directions of both the front and back sides of the mobile terminal), the time information can be recognized through the touch pad 135 do. The information output on both sides may be all controlled by the touch pad 135. [

Meanwhile, the display for exclusive use of the touch pad 135 may be separately installed, so that the touch screen may be disposed in the rear case 102 as well.

The touch pad 135 operates in correlation with the display portion 151 of the front case 101. The touch pad 135 may be disposed parallel to the rear of the display unit 151. The touch pad 135 may have a size equal to or smaller than that of the display unit 151.

Hereinafter, the process of creating or editing a UI according to the present invention will be described in detail with reference to FIG. 3 to FIG.

Hereinafter, the mobile terminal 100 according to the present invention will be described. Of course, the terminal 100 according to the present invention may be a PC.

3 is a flowchart illustrating an editing process of the UI according to the present invention.

4 to 16 are screen diagrams illustrating an editing process of the UI according to the present invention.

Referring to FIG. 3, the controller 180 of the terminal 100 according to the present invention executes a function of the selected application when a specific application is selected from a plurality of applications displayed on the screen, And displays the screen 300 on the display unit 151 (S110).

Then, the control unit 180 displays a UI 310 including a plurality of icons for controlling the operation of the application in the execution screen 300 of the application (S120).

The UI 310 is prepared in advance to control the functions of the application 300 and is composed of sub UIs for controlling a plurality of functions of the application 300.

For example, if the application 300 is an application for music playback, the sub-UIs in the UI 310 may have a "play" function, a "pause" function, a "forward play" , "Next song playback" function, "Previous song playback" function, and "Volume up / down" function are assigned.

As described above, the control unit 180 detects whether a command for executing the editing function of the UI 310 is input while displaying the UI 310 in the execution screen 300 of the application [S130].

The control unit 180 executes the UI editor 400 provided in the memory 160 and provides the editing function of the UI 310 when the editing function execution command of the UI 310 is input S150].

At this time, the UI editor 400 may be downloaded from an external UI editor providing server.

That is, when the controller 180 is connected to the UI editor providing server through the wireless communication unit 110, the controller 180 displays a web site screen provided by the UI editor providing server, and transmits the device information of the terminal 100 to the UI editor To the providing server.

The device information of the terminal 100 includes a product name of the terminal 100, a serial number, information about each component included in the terminal 100 (e.g., a screen size, a memory capacity, .

The UI editor providing server may be a UI editor 400 optimized for the terminal 100 based on the received device information of the terminal 100 and equipped with editing functions available in the terminal 100 And displays the generated UI editor 400 on the website screen.

For example, if the screen size is " 3.2 inch "in the device information of the terminal 100, the UI editor providing server is optimized within the" 3.2 inch "screen size of the terminal 100, The UI editor 400 is created.

At this time, the UI editor providing server generates a UI editor 400 suitable for an operating system installed in the terminal 100 and transmits the generated UI editor 400 to the UI editor 400 using an SDK (Software Development Kit) Lt; / RTI >

The control unit 180 downloads the UI editor 400 through the wireless communication unit 110 and stores the UI editor 400 in the memory 160 when a command for downloading the UI editor 400 displayed on the web site screen is inputted by the user do.

The UI editor 400 will be described later in detail with reference to FIGS. 4 to 11. FIG.

The control unit 180 reflects the edited user's UI through the UI editor 400 in the UI 300 and edits the edited UI 310A in the memory 160 [ ].

At this time, the controller 180 stores the edited UI 310A as a separate file in the memory 160, and links and stores the application 300 and the edited UI 310A.

That is, the control unit 180 links and stores the edited UI 310A together with the application 300 so that the edited UI 310A is displayed together when the application 300 is executed and displayed.

Then, the controller 180 transmits the application 300 including the edited UI 310A to the UI sharing server sharing the terminal or the UI according to the user's command (S180).

Hereinafter, the process of editing the UI using the UI editor 400 and the UI editor 400 according to the present invention will be described in detail with reference to FIGS. 4 to 11. FIG.

4 is a diagram illustrating a UI editor according to the present invention.

First, as shown in FIG. 4A, when a command for executing the UI editor 400 is input while the application execution screen 300 and the UI 310 are displayed, , An execution screen of the UI editor 400 is displayed as shown in FIG. 4 (b).

The UI editor 400 is a tool for editing the UI 310 included in the application 300 in the mobile terminal 100 or the PC terminal 100 according to the present invention.

The UI editor 400 may include all menus necessary for editing the UI 310. [ That is, the UI editor 400 includes a toolbar area 410 including a plurality of icons to which functions for editing the UI 310 are allocated, and a tool bar area 410 in which the UI 310 is displayed. An edit area 420 for editing the UI 310 using icons in the edit area 420 and a simulation area 430 for simulating and displaying the UI 310A edited in the edit area 420. [

The editing function of the icons in the tool bar area 410 may include a function allocation in the UI 310, a color of the UI 310, a size of the UI 310, A text of the UI 310, and a function of editing the driving and display scenarios of the UI 310. That is, the editing function of the icons in the tool bar area 410 may include all the functions for editing the UI 310.

Hereinafter, the process of editing the UI using the tool bar 410 and the tool bar 410 will be described in detail with reference to FIGS.

5 to 11 are views illustrating a process of editing a UI using a tool bar area and a tool bar in the UI editor according to the present invention.

5, the tool bar area 410 includes a plurality of icons 411, 412, 413, 414, 415, and 416 to which the editing function of the UI 310 is assigned, Respectively.

First, a first icon 411 is an icon for adding a new function in the UI 310. A new function added in the UI 310 is a function for displaying all the menu functions and content functions supported by the terminal 100 .

6 (a), when the first icon 411 is selected in the tool bar area 410, the controller 180 determines whether the first icon 411 is selected as shown in FIG. 6 (b) A list of a plurality of menu functions 411a, 411b, 411c, 411d, 411e and the like supported by the terminal 100 is displayed.

At this time, the control unit 180 adds the selected menu function to the edit area 420 when a specific menu function is selected from the list. At this time, the user can set the position of the menu function to be added in the edit area 420.

For example, when the "2.Calendar View" function 411b is selected from the user and the display position of the "2.Calendar View" function 411b is set in the list, the control unit 180 controls the UI 310 ) &Quot; 2. calendar view "function 411b is added and stored.

When the application 300 including the edited UI 310 is executed, the edited "calendar" is displayed in the UI 310 of the application 300.

Next, the second icon 412 is an icon for editing the size of the UI UI 310 or the UI UI 310 contained therein.

7 (a), the controller 180 selects the second icon 412 in the tool bar area 410, and the second icon 412 is selected as shown in FIG. 7 (b) As shown in (c) of FIG. 7, when a specific sub UI to edit the size is selected in the edit area 420, a size edit window for editing the size of the selected sub UI is displayed do.

When the size value to be changed is set through the size edit window, the controller 180 changes the selected sub UI to a size corresponding to the set size value, as shown in FIG. 7 (d).

Next, the third icon 413 is an icon for editing the display position of the UI UI 310 or the sub UIs contained in the UI 310. [

For example, as shown in FIG. 8A, when the third icon 413 is selected in the tool bar area 410, As shown, when the position of a specific sub UI is changed in the edit area 420, the position of the changed sub UI is fixed in the UI 310 as shown in FIG. 8 (c).

Next, the fourth icon 414 is an icon for editing the color of the UI UI 310 or the UI UI 310 contained therein.

For example, as shown in FIG. 9 (a), the controller 180 may display the fourth icon 414 in the tool bar area 410 as shown in FIG. 9 (b) As shown in FIG. 9C, when a specific sub UI for editing a color is selected in the edit area 420, a color editing window for color editing of the selected sub UI is displayed do.

If the color to be changed is set through the color editing window, the controller 180 changes the color of the selected sub UI to the set color as shown in (d) of FIG.

Next, the fifth icon 415 is an icon for editing the text in the UI 310. [

10 (a), the control unit 180 determines whether or not the fifth icon 415 is selected in the tool bar area 410 as shown in FIG. 10 (b) As shown in FIG. 10C, when a text to be edited is selected in the edit area 420, a text editing window for editing the selected text is displayed.

When the text to be changed is set through the text editing window, the control unit 180 changes the selected text to the set text as shown in FIG. 10 (d).

Next, the sixth icon 416 is an icon for editing the driving and display scenarios of the UI 310. [

11 (a), when the sixth icon 416 is selected in the tool bar area 410, the control unit 180 determines whether or not the sixth icon 416 is selected in the toolbar area 410 as shown in FIG. 11 (b) A screen setting window for setting a screen 10 to be displayed before the UI 310 is displayed in the application 300 is displayed.

In this case, for example, in FIG. 11B, an image is displayed on the screen 10 to be displayed before the UI 310 is displayed.

As described above, when the screen 10 to be displayed before the UI 310 is displayed is set in the application 300, the controller 180 stores the set screen 10, and the application 300 The UI 310 is displayed after the screen 10 is displayed first.

The process of editing the UI 310 using the icons of the tool bar area 410 and the tool bar area 410 has been described above with reference to FIGS. 5 to 11. FIG.

12, a process of switching between the first UI 310 of an original that has not been edited and the second UI 310A edited by the processes of FIGS. 5 to 11 will be described in the execution screen of the application 300. FIG.

12 is a diagram showing a process of switching display between an original UI and an edited UI in an execution screen of an application.

First, FIG. 12A shows that the second UI 310A edited by the process of FIG. 3 to FIG. 11 is displayed in the execution screen of the application 300.

12 (a), the control unit 180 receives a command for switching the edited second UI 310A from the user to the first UI 310 of the original before being edited, , The second UI 310A is switched to the first UI 310 and displayed as shown in FIG. 12 (b). At this time, the command of the user may be a flicking touch having a specific directionality.

12 (b), when the command of the user is re-inputted in the state in which the first UI 310 is displayed, The first UI 310 can be switched to the second UI 310A again for display.

Next, FIG. 13 shows a process of displaying information 510A and 510B indicating that the UI 310A is edited in the UI 310A edited by the processes of FIGS. 5 to 11 described above.

13 is a diagram illustrating a process of displaying information indicating that the UI has been edited in the edited UI.

That is, as shown in FIG. 13A, when the UI 310A is edited by the processes of FIGS. 5 to 11, the controller 180 displays the UI 310A in the edited UI 310A, Is edited, and displays the first information 510A.

At this time, the first information 510A indicating the edited state of the UI 310A may be generated and displayed in a form of at least one or a combination of text, image, icon, and animation.

On the other hand, when the first information 510A is selected, the controller 180 grasps the edited contents of the UI 310A as shown in FIG. 13 (b) 2 information 510B may be displayed.

Next, FIG. 14 can show the state in which the UI 310A is edited in the application 300 including the UI 310A edited by the processes of FIGS. 5 to 11 described above.

FIG. 14 is a diagram illustrating a process of displaying information indicating that a UI is edited in an application.

That is, as shown in FIG. 14A, when the UI 310A is edited by the processes of FIGS. 5 to 11 described above, the control unit 180 controls the application 300 of the edited UI 310A, A text 520A indicating that the UI 310A has been edited may be displayed in the name 320 of the title 310. [

14 (b), when the UI 310A is edited by the processes of FIGS. 5 to 11, the controller 180 displays the application 300 of the edited UI 310A, Information 520B indicating that the UI 310A is edited can be attached and displayed. At this time, the information 520B may be generated and displayed in the form of at least one of a text, an image, an icon, and animation, or a combination of two or more of them.

In addition, although not shown in the figure, the control unit 180 divides the execution screen of the application into a plurality of first and second areas when the instruction to execute the UI editor 400 in step S140 is input, An execution screen of the application may be displayed and an execution screen of the UI editor may be displayed in the second area.

In other words, the UI 310 of the original before being edited can be displayed in the first area, and the UI 310 of the original can be edited in the second area.

Next, FIG. 15 shows a process of transmitting the UI 310A edited by the processes of FIGS. 5 to 11 to another terminal.

15 is a diagram illustrating a process of transmitting an application including an edited UI to another terminal.

That is, as shown in FIG. 15A, when the UI 310A is edited by the processes of FIGS. 5 to 11 described above, the controller 180 displays the edited UI 310A from the user When a command to transmit to another terminal is inputted, a contact input window for inputting the contact information of the receiving side of the edited UI 310A is displayed as shown in FIG. 15 (b).

When the contact of the receiving terminal is input into the contact input window, the control unit 180 displays an application 300 including the edited UI 310A as the input contact, as shown in FIG. 15 (c) Lt; / RTI >

At this time, the contact means at least one of a home telephone number of a receiving side, a mobile phone number, an e-mail address, a fax number, and a website address information.

That is, in the present invention, the user can share the same UI 310A with each other by transmitting the UI 310A edited by the user to a friend or acquaintance.

Next, FIG. 16 shows a process of transmitting the UI 310A edited by the processes of FIGS. 5 to 11 to the UI sharing server.

16 is a diagram illustrating a process of transmitting an application including an edited UI to a UI sharing server.

That is, as shown in FIG. 16A, when the UI 310A is edited by the processes of FIGS. 5 to 11 described above, the controller 180 displays the edited UI 310A from the user When an instruction to transmit to the UI sharing server is input, the application 300 including the edited UI 310A is transferred to the UI sharing server and uploaded as shown in FIG. 16B.

The UI sharing server is a server sharing a plurality of terminal users' applications including UIs edited by the terminal users. The terminal users access a web site provided by the UI sharing server, You can download and use it.

16, the user uploads the application 300 including the UI 310A edited by the user to the UI sharing server, so that the user can share the edited application with the UI registered with the UI sharing server It is.

It will be apparent to those skilled in the art that the present invention may be embodied in other specific forms without departing from the spirit or essential characteristics thereof.

The present invention described above can be embodied as computer-readable codes on a medium on which a program is recorded. The computer readable medium includes all kinds of recording devices in which data that can be read by a computer system is stored. Examples of the computer-readable medium include ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage, and the like, and also implemented in the form of a carrier wave (for example, transmission over the Internet) . Also, the computer may include a control unit 180 of the terminal.

Accordingly, the above description should not be construed in a limiting sense in all respects and should be considered illustrative. The scope of the present invention should be determined by rational interpretation of the appended claims, and all changes within the scope of equivalents of the present invention are included in the scope of the present invention.

The above-described mobile terminal and its control method are not limited to the configuration and method of the above-described embodiments, but the embodiments may be modified such that all or some of the embodiments are selectively And may be configured in combination.

100: terminal 110: wireless communication unit
111: broadcast receiver 112: mobile communication module
113 wireless Internet module 114 short-range communication module
115: Position information module 120: A / V input section
121: camera 122: microphone
130: user input unit 140: sensing unit
141: proximity sensor 150: output section
151: Display unit 152: Acoustic output module
153: Alarm module 154: Haptic module
155: projector module 160: memory
170: interface unit 180: control unit
181: Multimedia module 190: Power supply

Claims (22)

A display unit for displaying an execution screen of an application including a user interface (UI);
A memory having a UI editor for providing an editing function of a UI included in the application; And
And a controller for executing the UI editor when the command for editing the UI is inputted and reflecting the edited contents through the UI editor to the UI,
Wherein the editing function includes an image setting function to be displayed first before the UI is displayed,
Wherein the control unit displays an image setting window to be displayed before the UI is displayed when the image setting function is selected and sets an image to be displayed before the UI is displayed through the image setting window, Stores the image, and when the application is executed, displays the set image first, and then displays the UI included in the executed application. delete delete delete The method according to claim 1,
The UI editor includes a tool bar area including icons assigned functions for editing the UI, an edit area for editing the UI using the icons in the tool bar, And a simulation area for simulating and displaying the UI. The method according to claim 1,
Wherein the editing function includes a function of adding a new function in the UI and editing at least one of the color of the UI, the size of the UI, the position of the UI, and the text of the UI terminal. delete The method according to claim 1,
The control unit stores the edited UI as a separate file in the memory, links and stores the application and the edited UI, and when the application is executed and displayed, the linked UI is displayed together And controls the terminal. delete delete The method according to claim 1,
Wherein the controller displays information indicating a state in which the UI is edited in the edited UI when the UI is edited and displays the edited information when the information is selected. delete The method according to claim 1,
Wherein the control unit attaches a text indicating that the UI is edited in the name of the application when the UI is edited and displays information indicating that the UI is edited in the shape of the application. delete delete The method according to claim 1,
Wherein the control unit divides the execution screen of the application into a plurality of first and second areas and displays an execution screen of the application in the first area when a command for editing the UI is input, And displays an execution screen of the UI editor in the area. The method according to claim 1,
And a wireless communication unit for communicating with an external terminal,
Wherein the control unit transmits the application including the edited UI to the external terminal through the wireless communication unit when the contact of the external terminal is input while the UI is edited. The method according to claim 1,
And a wireless communication unit for communicating with a UI sharing server for sharing a UI with other terminals,
Wherein the control unit transmits an application including the edited UI to the UI sharing server according to a user's command. The method according to claim 1,
And a wireless communication unit for communicating with the UI editor providing server,
Wherein the UI editor is downloaded from the UI editor providing server through the wireless communication unit. 20. The method of claim 19,
Wherein the control unit transmits the device information of the terminal to the UI editor providing server when connected to the UI editor providing server through the wireless communication unit and receives UI information generated based on the device information of the terminal from the UI editor providing server, And downloading the editor. delete Displaying an execution screen of an application including a user interface (UI);
Executing a UI editor providing an editing function of the UI when a command for editing a UI contained in the execution screen is input; And
And reflecting the edited contents to the UI through the executed UI editor,
Wherein the editing function includes an image setting function to be displayed first before the UI is displayed,
When the image setting function is selected, an image setting window to be displayed is displayed before the UI is displayed,
When the image to be displayed is set before the UI is displayed through the image setting window, the set image is stored,
Wherein when the application is executed, the UI included in the executed application is displayed after the set image is displayed first.

Images