KR20140142488A - An apparatus, method and recording medium for developing responsive widget - Google Patents

Abstract

The present invention relates to a responsive widget developing device, a method, and a recording medium and, more specifically, to a device and a method for developing a responsive widget capable of providing different widget views according to specifications of various terminal displays in which a corresponding widget is operated. According to the present invention, the stated responsive widget is developed, content of the widget is efficiently shown according to a use environment of a widget user as a view corresponding to each terminal is freely edited, and moreover, an environment for more easily developing the responsive widget is provided to a developer by including a user-friendly interface.

Description

TECHNICAL FIELD The present invention relates to an apparatus, a method, and a recording medium for developing a responsive widget,

The present invention relates to an apparatus, a method, and a recording medium for providing a widget development means, and more particularly, to a widget program capable of operating a widget suitable for a screen size and resolution according to a display specification of each terminal An apparatus, a method, and a recording medium capable of developing a so-called responsive widget.

As the development of communication technology and the hardware technology of various terminals including mobile communication terminals have been developed, a content providing service for delivering various information such as video, voice contents, various news and weather information to users is widely spread .

A widget is an application program that allows various contents such as the above to be directly provided on a screen of a terminal without going through a web browser. Widget is a small-sized application that contains useful functions such as weather, calculator, clock, and various information (contents). It can be downloaded to PC, mobile, etc., .

However, since the conventional widgets are generally developed based on only one screen size or one resolution, there is a problem that widgets do not operate properly in various situations, Has existed.

On the other hand, in general, a technique of applying the reaction characteristic to the entire web page has been already known. However, such a technique has been inconvenient to reopen the existing service site or the web page as a whole when the page configuration needs to be changed. That is, since the entire web page needs to be reorganized, even if the reactive characteristic is applied, the effect can not be greatly enjoyed.

On the other hand, many related contents have already been announced (application open) about the method of developing the widget.

Patent Document 10-0864579 (hereinafter referred to as Prior Art) also relates to a widget editing service. More specifically, the mobile widget editing tool is provided to a user through a web site, and a mobile widget And provides edit information to the mobile device of the user. That is, the prior art describes an editing tool that provides a widget editing environment through a web site and provides widget information edited in the web site to a mobile device.

However, the prior art does not provide a technical solution that allows widgets to operate properly on terminals with different screen sizes or resolutions.

In general, various methods of developing a widget considering only a single screen size and resolution have been disclosed. However, as described above, a device, method, or method for developing a widget that can be driven according to various specifications of a display device As for the recording medium, the related art is not known and a problem exists.

Korean Patent Publication No. 10-0864579 {Mobile widget editing server and mobile widget editing service providing method}

Disclosure of Invention Technical Problem [8] The present invention has been made to solve the above-mentioned problems of the prior art, and it is an object of the present invention to provide an apparatus, a method, and a recording medium capable of developing a so-called responsive widget in which one widget program can be driven according to display specifications of various devices .

According to an aspect of the present invention, there is provided a response type widget developing apparatus including an input unit for receiving a user input, a widget setting unit for receiving input and receiving from the input unit and generating display setting information and component setting information, An API database for a widget that stores at least one application programming interface (API) to be applied to the widget, a API corresponding to a display setting of the widget and a corresponding API and a component setting, from the API database for the widget, A widget implementing unit for implementing a widget by applying the display setting information and the component setting information generated by the widget setting unit, a display unit for displaying the implemented widget, the input unit, the widget setting unit, the widget setting unit, As shown in FIG.

In the reaction type widget developing apparatus, the display setting information generated by the widget setting unit may include at least any one of a type of a terminal to which a widget is to be driven, a number of views according to a display specification of each terminal, have.

In the responsive widget development apparatus, the widget setting unit generated component setting information may include at least one of a type of a component, a horizontal / vertical size of the component, and a position coordinate.

The type of the component among the component setting information may include at least one of an image, a text, a link, and a table that can form a widget.

The responsive widget developing apparatus may further include a component list providing unit that provides a component list so that a user can select a component required for widget implementation when the user inputs the widget.

The responsive widget developing apparatus may further include a widget setting storage unit for storing a widget API to which the display setting information and the component setting information are applied, and a widget setting calling unit for calling an API stored in the widget setting storing unit .

In the reaction type widget development apparatus, the display unit may display at least one of a widget component, a component configuration information, and at least one view according to display setting information.

In the reaction type widget developing apparatus, the widget implementing unit may implement a widget using a media query of the CSS.

According to another aspect of the present invention, there is provided a method of developing a responsive widget, the method comprising: receiving input from a widget setting unit and generating display setting information and component setting information; Calling the corresponding API from the API database for the widget, implementing the widget by applying the generated display setting information and the component setting information to the called API, and displaying the implemented widget.

In addition, the responsive widget development method may further include providing a component list to the user so that the user can select components necessary for widget implementation when the user inputs the widget.

According to another aspect of the present invention, there is provided a method of generating a widget, comprising the steps of: when executed by a responsive widget development apparatus, generating a display setting information and component setting information by receiving and receiving a widget setting section from an input section; A method of displaying a widget by displaying a widget on a display device, the method comprising: calling an API corresponding to a component setting from an API database for a widget; implementing a widget by applying the generated display setting information and component setting information to a called API; And a recording medium readable by an electronic apparatus are provided.

According to an aspect of the present invention, there is provided an apparatus, method, and recording medium capable of developing a responsive widget capable of being driven in response to each screen size, resolution, and the like in various devices having different specifications, Lt; / RTI >

In addition, according to the present invention, since an area that can be changed according to screen size, resolution, and the like can be freely determined for each widget, the user can effectively express the content to be displayed in consideration of the usage environment for each device.

Further, the present invention provides a user-friendly interface such as an API for developing a responsive widget to a user, a list of widget component lists, or a configuration capable of storing / calling configuration information of an implemented widget, It also provides an environment where non-equipped users can easily and quickly develop responsive widgets.

1 is a block diagram of an apparatus for developing a responsive widget according to an embodiment of the present invention;
FIG. 2 is a block diagram of a responsive widget developing apparatus of FIG. 1, further including a component list providing unit, a widget setting storing unit, and a widget setting calling unit;
3 is an example of a display of a responsive widget program in which a separate widget screen is displayed according to the screen size of the terminal.
FIG. 4 is a view showing a view, various setting information, and the like displayed on the display unit of the reaction type widget developing apparatus.
5 is an example of inputting component setting information;
6 is a flowchart illustrating a method of developing a responsive widget according to an embodiment of the present invention.
7 is a flowchart illustrating a method of developing a responsive widget according to another embodiment of the present invention.
8 is a flowchart illustrating a method of developing a responsive widget according to another embodiment of the present invention.

Embodiments of the present invention will now be described with reference to the accompanying 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. Further, the terms described below are terms set in consideration of the functions of the present invention, and these terms may vary depending on the intention or custom of the producer producing the product, and definitions of the terms should be based on the contents throughout the specification.

1 is a block diagram of a reaction type widget developing apparatus according to an embodiment of the present invention.

1, the reaction type widget developing apparatus includes an input unit 100, a widget setting unit 200, an API database 300 for a widget, a widget implementing unit 400, and a display unit 500, Are all controlled by the control unit 600. [

The input unit 100 receives user input from the outside of the responsive widget development apparatus. The input unit 100 may be any type of input device capable of inputting letters and numbers, such as an infrared remote control, a switch, a keypad, a keyboard, a touch screen, and the like.

The widget setting unit 200 receives a user's input from the input unit 100 and generates display setting information and component setting information. The widget setting unit 200 generates both pieces of setting information, and even if the user input corresponding to the setting information is not received, the widget setting unit 200 generates the respective setting information using a predetermined default value as described later.

The above-described display setting information may include at least one of a type of a terminal to which the widget is to be driven, a number of views according to a display specification of each terminal, a screen size, and a resolution. If necessary, And may further include other display-related setting information.

The 'view according to the display specification of each terminal' refers to a display screen in which the widget is displayed to the user in accordance with various environments such as screen size and resolution of each terminal. The problem to be solved by the present invention is to develop a responsive widget in which one widget program can be appropriately driven in each of various types of terminals, so that the number of the views is preferably at least two Do.

In addition, the above-described component setting information includes at least one of a type of a component forming the responsive widget, a horizontal / vertical size of the component, or a position coordinate.

And the type of the component includes at least one of an image, a text, a link, and a table. It is to be understood that the types of components are not limited to those mentioned above, and that various types of components (e.g., moving pictures or voice data) that can be used to construct the widget may be included.

On the other hand, when there is no corresponding user input in generating the display setting information and the component setting information as described above, it is possible to generate each setting information based on a default value set by the user arbitrarily. Therefore, even if there is no user input corresponding to any one setting information, the widget setting unit 200 will always generate the display setting information and the component setting information.

Although not shown in FIG. 1, the responsive widget development apparatus may include a separate storage unit in addition to the detailed configuration. The storage unit includes display setting information and component setting information generated by the widget setting unit 200 Can be stored.

The API database 300 for widgets stores one or more application programming interfaces (APIs) applied to the widgets.

In general, an API is a language or message format used for communication between an operating system and an application program. An API is implemented by calling a function that provides a connection to a specific subroutine for program execution. Therefore, one API has several program modules and routines that already exist or are connected to perform the task requested by the function call.

One or more APIs are stored in the API database 300 for a widget, which is one of the constituent elements of the present invention, so that it can be inquired and invoked at any time. Furthermore, by providing a building block for all APIs, Making it easier to develop responsive widgets. Also, it is desirable to understand that 'one or more APIs applied to a widget' refers to APIs for all kinds of programming languages, such as JavaScript and CSS, which are high-level languages used to implement widgets.

The widget implementing unit 400 calls the API corresponding to the display setting of the widget and the API corresponding to the component configuration from the API database 300 for the widget and displays the API generated by the widget setting unit 200 Display setting information, and component setting information to implement widgets.

'Display settings and corresponding APIs and component settings and calling the corresponding APIs' are functions that are related to the display settings among various APIs of the high-level language required to implement the widget, , And calling a value.

Preferably, the CSS language is used and, in particular, a media query is used to implement each widget.

Below is an example of implementing each widget based on width using CSS media query.

If you declare it like this, you can construct a widget with view 1 <-> view 2 <-> view 3 based on 980px and 320px, and you can add the number of views while adding the above rule.

After the function corresponding to the display setting or the component setting is called as described above, the display setting information and the component setting information generated by the widget setting unit 200 are applied to the parameter or variable of the function Each of the display settings, component settings, and the like. That is, the widget implementing unit 400 calls a function or the like serving as a basic frame of a display or a component from the API database 300 for the widget, substitutes the setting information input by the user into the above function, Function.

The display unit 500 displays a widget implemented in the widget implementer 400 to a user through a display device or the like. On the other hand, the display unit 500 does not necessarily display only widgets implemented in the widget implementing unit 400, but can also display screens required in the widget development step (for example, a step of receiving user input and a component list providing step) . In addition, the display unit 500 does not limit any display device as long as the user can display the implementation phase of the widget or the completed state of the implementation.

2 is a block diagram of a responsive widget developing apparatus including the component list providing unit 700, the widget setting storing unit 800, and the widget setting calling unit 900 in the above-described reaction type widget developing apparatus of FIG. to be.

The component list provider 700 provides the user with a list listing the types of components. That is, it provides a list of components of the widget before or after user input to the user who wants to develop the responsive widget, thereby helping the user to use various components effectively. In this case, the list provided may be one in which the types of components are listed in text form, in the form of pictures, or in the form of text and pictures. Below is an example of a component list in the form of text and pictures.

The widget setting storage unit 800 stores a widget API to which the display setting information and the component setting information are applied. The widget setting storage unit 800 allows the user to easily modify the widget configuration by calling the stored API when the user has finished development of the responsive widget and when it is necessary to edit the widget configuration. Furthermore, the user can store the edited widget API until then in the widget setting storage unit 800 even when the widget development work is not completed, thereby providing convenience of continuing the subsequent development.

On the other hand, this configuration is distinguished from the above-mentioned storage unit (storing configuration information generated by the widget setting unit, not shown) in that the storage target is an API for a widget.

The widget setting calling unit 900 calls a widget API stored in the widget setting storing unit 800. [

FIG. 3 is a display example of a responsive widget program in which a separate widget screen is displayed according to the screen size of the terminal.

As shown in FIG. 3, even if a terminal driven in executing one widget program has different display specifications, it is possible to display a desired screen configuration, arrangement of component elements, etc. corresponding to each terminal will be.

As shown in the figure, the 1 (A) screen shows a widget program operation state in a terminal having a relatively large screen size. A desktop such as a desktop monitor and a TV screen may have a comparatively good performance in terms of resolution as well as a displayable screen size. Accordingly, a corresponding view may have sufficient spacing between components, Larger images can be inserted than other views on the vertical size side.

1 (B) shows a view of a terminal whose screen size is somewhat smaller than that of a 1 (A) screen. Compared with 1 (A), the layout of each component is similar but the spacing between components is narrowed It can be seen that the component is edited according to the screen size such as the size of the image becomes smaller or smaller.

Finally, the 1 (C) screen shows the widget operation in the portable terminal having the smallest screen size. Since the displayable screen area is not wide, the size of the image must also be modified to a small size, which differs from the view of 1 (A) and 1 (B) in terms of arrangement and spacing of the components including the text.

FIG. 5 is a view showing setting information of an image among constituent elements of a widget for each view. As shown, in the wide view (corresponding to 1 (A) of Fig. 3) and the narrow view (corresponding to 1 (B) of Fig. 3), the image is inserted as a component of the widget, The position coordinates of the image, and the horizontal / vertical size values are set. On the other hand, in the mobile view (corresponding to 1 (C) in FIG. 3), the image can be omitted because the displayable area is insufficient. In this case, the position coordinates and the horizontal / vertical size values are all set to null.

As described above, the present invention provides an environment in which a user can edit the plurality of views at the same time, thereby editing the widget components in consideration of the characteristics of each terminal. As a result, Content service can be provided.

4 shows a display example of the display unit 500 of the reaction type widget developing apparatus. The display unit 500 may display at least one of the widgets, one or more views corresponding to the widgets, the component setting information, or the display setting information. Preferably, Can be displayed.

FIG. 4 assumes that the number of views is three. In addition, there are separately displayed widget components, display setting information, and component setting information. On the other hand, the arrangement of the view and each information area shown in FIG. 4 is only one embodiment in the display unit 500, and the arrangement of each area can be freely changed according to the user's intention, .

Hereinafter, a method of developing a responsive widget will be described with reference to FIGS. 6 to 8 attached hereto.

6 is a flowchart illustrating a method of developing a responsive widget according to an embodiment of the present invention.

6, when the widget setting unit 200 receives the display setting information and the component setting information from the input unit 100 (S100), the widget implementing unit 400 displays the API corresponding to the display setting and component setting From the API database 300 for the widget, and implements the widget by applying the generated display setting information and the component setting information to the called API (S110). At this time, the display setting information generated by the widget setting unit 200 may include the type of the terminal to which the widget is to be driven, the number of views according to the display specifications of each terminal, the screen size, resolution, and the like. The component setting information received by the widget setting unit 200 may include a type of a component, a horizontal / vertical size of the component, a position coordinate, and the like. The type of the component includes an image , Text, links, tables, and the like.

If step S110 is performed, the display unit 500 displays the implemented widget (S120).

FIG. 7 is a flowchart illustrating an embodiment in which a component list providing step is further included in the method of developing a responsive widget of FIG. 6. FIG.

Referring to FIG. 7, the component list providing unit 700 provides a list in which a user can utilize widget development in text format or image format (S200). The user selects a component to be inserted from the list of widgets, and then inputs the position coordinates, size value, and the like of the corresponding component, and inputs the setting information from the input unit 100 to the widget setting unit 200 Can be transmitted.

Then, the widget setting unit 200 receives the display setting information and the component setting information from the input unit 100 (S210), and the widget implementing unit 400 displays the API corresponding to the display setting and component setting with the widget API From the database 300, and implements a widget by applying the generated display setting information and component setting information to the called API (S220).

When step S220 is performed, the display unit 500 displays the implemented widget (S230).

The component list providing step may be performed before and after the start of each step in FIG. 6 due to the characteristics of the corresponding step, and the widget setting unit 200 must generate the display setting information and the component setting information The list of components is not provided in the previous step only. That is, even after displaying the widget implemented in the display unit 500, a new component may be selected by receiving the component list.

FIG. 8 is a flowchart illustrating a method of developing a responsive widget in FIG. 6 according to an exemplary embodiment of the present invention. Referring to FIG. 8, a step S300 of calling the API information for a widget to which the display setting information and the component setting information, Before the display setting information and the component setting information are generated by inputting and receiving the widget setting part from the input part) and storing the display setting information and the API information for the widget to which the component setting information is applied in the widget setting storing part 800 And step S330 is an embodiment of the reactive widget development method further included after step S320 (the widget implementer implements the widget by applying the received configuration information).

The steps (S300 and S330) for storing / calling the API information for the widget to which the display setting information and the component setting information are applied are performed by the user or the developer's operation as described in the description of the widget setting storage unit 800 / For convenience, if you can not complete widget development, or if changes are made after completion of development, and you need to edit the previous widget, you can call the stored API information to continue the development work.

Meanwhile, the step S330 may be executed when a separate input for executing the storing step is received from the input unit 100, but it is preferable that the widget implementing unit 400 applies each setting information to the called API in step S320 The API information may be stored in the widget setting storage unit 800 by automatically executing the step S330 immediately after the widget is implemented.

According to another aspect of the present invention, there is provided a method of displaying a widget, the method comprising the steps of: generating a display setting information and a component setting information by inputting and receiving a widget setting unit from an input unit, And displaying the created widget by displaying the created widget on the display unit. The method of claim 1, further comprising: A responsive widget development method is recorded by a program and a recording medium readable by an electronic device is provided.

Such responsive widget development methods can be written in a program, and the codes and code segments constituting the program can be easily deduced by a programmer in the field. In addition, a program related to a method of developing a responsive widget can be stored in an electronic device readable medium, readable and executed by an electronic device.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. It will be understood by those skilled in the art that various changes and modifications may be made without departing from the spirit and scope of the present invention.

The present invention can be applied to a widget development field and provides an environment for developing a so-called responsive widget, which is a widget that can be driven by various terminals corresponding to different terminals having different display specifications, It is anticipated that providing a widget development interface will have a positive effect on the widget development industry in the field, so that the present invention is a useful invention having industrial applicability.

100: input unit 200: widget setting unit
300: API database for widgets 400: Widget implementation part
500: display unit 600:
700: component list provider 800: widget setting storage unit
900: widget setting call part

Claims (11)

An input unit for receiving a user input;
A widget setting unit receiving the input and generating display setting information and component setting information of the widget;
An API database for a widget that stores one or more application programming interfaces (APIs) applied to the widget;
The API corresponding to the display setting of the widget and the API corresponding to the component setting are called from the API database for the widget and the widget is implemented by applying the display setting information and the component setting information generated by the widget setting unit to the called API A widget implementation unit;
A display unit displaying the implemented widget; And
A control unit for controlling the input unit, the widget setting unit, the API database for the widget, the widget implementing unit, and the display unit;
And a response type widget.
The method according to claim 1,
The display setting information generated by the widget setting unit includes:
Wherein the widget includes at least one of a type of a terminal to which the widget is to be driven, a number of views according to a display specification of each terminal, a screen size, and a resolution.
The method according to claim 1,
The component setting information generated by the widget setting unit includes:
A size of the component, a type of the component, a horizontal / vertical size of the component, and a position coordinate.
The method of claim 3,
Wherein the type of the component includes at least one of an image, a text, a link, and a table.
The method according to claim 1,
A component list provider for providing a component list so that a user can select a component necessary for widget implementation when the user inputs the user list;
Wherein the response type widget further comprises:
The method according to claim 1,
A widget setting storage unit for storing a widget API to which the display setting information and the component setting information are applied; And
A widget setting calling unit calling an API stored in the widget setting storing unit;
Wherein the response type widget further comprises:
The method according to claim 1,
The display unit includes:
At least one of a widget's component, component setting information, and at least one view according to display setting information is displayed.
The method according to claim 1,
The widget implementer includes:
Wherein the widget is implemented using a media query of the CSS.
Generating a display setting information and a component setting information by inputting and receiving from a widget setting unit;
A widget implementer calls an API corresponding to an API and a component configuration corresponding to a display setting from an API database for a widget, and implements a widget by applying the generated display setting information and component configuration information to the called API; And
The display unit displaying the implemented widget;
The method comprising the steps of:
10. The method of claim 9,
Providing a list of components for a widget so that the user can select the components necessary for implementing the widget upon user input;
The method comprising the steps of:
When executed by the responsive widget development device,
Generating a display setting information and a component setting information by inputting and receiving from a widget setting unit;
A widget implementer calls an API corresponding to an API and a component configuration corresponding to a display setting from an API database for a widget, and implements a widget by applying the generated display setting information and component configuration information to the called API; And
And a display unit displaying the implemented widget, wherein the responsive widget development method is recorded in a program and readable in an electronic device.

Images