KR20140142488A - An apparatus, method and recording medium for developing responsive widget - Google Patents
An apparatus, method and recording medium for developing responsive widget Download PDFInfo
- Publication number
- KR20140142488A KR20140142488A KR1020130063914A KR20130063914A KR20140142488A KR 20140142488 A KR20140142488 A KR 20140142488A KR 1020130063914 A KR1020130063914 A KR 1020130063914A KR 20130063914 A KR20130063914 A KR 20130063914A KR 20140142488 A KR20140142488 A KR 20140142488A
- Authority
- KR
- South Korea
- Prior art keywords
- widget
- component
- unit
- setting information
- api
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 230000006870 function Effects 0.000 description 11
- 238000006757 chemical reactions by type Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 2
- 239000000470 constituent Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003466 anti-cipated effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008092 positive effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- Tourism & Hospitality (AREA)
- General Physics & Mathematics (AREA)
- General Health & Medical Sciences (AREA)
- Strategic Management (AREA)
- Primary Health Care (AREA)
- General Business, Economics & Management (AREA)
- Marketing (AREA)
- Human Resources & Organizations (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- General Engineering & Computer Science (AREA)
- Stored Programmes (AREA)
Abstract
Description
본 발명은 위젯의 개발 수단을 제공하는 장치, 방법 및 기록매체에 관한 것으로서, 더욱 상세하게는 하나의 위젯 프로그램이라 하더라도 단말기 각각의 디스플레이 사양에 따라 화면 크기, 해상도에 맞는 위젯이 구동될 수 있도록 하는 이른바 반응형 위젯을 개발할 수 있는 장치, 방법 및 기록매체에 관한 것이다.
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 .
위젯(widget)은 위와 같은 다양한 컨텐츠를 웹브라우저를 통하지 않고 단말기의 화면 상에서 바로 제공받을 수 있도록 만든 응용프로그램을 말한다. 즉, 위젯은 날씨, 계산기, 시계와 같은 유용한 기능과 각종 정보(컨텐츠)를 담고 있는 작은 크기의 애플리케이션으로, PC, 모바일 등으로 다운로드 받아 웹브라우저를 통하지 않고도 이를 클릭만 하면 해당 서비스를 바로 이용할 수 있도록 만든 것이다.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.
등록특허공보 제10-0864579호(이하 선행기술) 역시 위젯 편집 서비스에 관한 것이며, 상세하게는 모바일 위젯 편집 툴을 웹 사이트를 통해 사용자에게 제공하고, 모바일 위젯 편집 툴을 통해 사용자로부터 입력 받는 모바일 위젯 편집 정보를 상기 사용자의 모바일 디바이스로 제공하는 모바일 위젯 편집 서버 및 편집 서비스 제공 방법에 관한 것이다. 즉, 상기 선행기술은 웹사이트를 통해 위젯 편집 환경을 제공하고, 상기 웹사이트에서 편집된 위젯 정보를 모바일 디바이스로 제공하는 편집 툴에 관하여 기재하고 있다.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.
본 발명은 전술한 종래기술의 문제점을 해결하기 위하여 도출된 것으로서, 하나의 위젯 프로그램이 다양한 디바이스의 디스플레이 사양에 따라 구동될 수 있도록 한, 이른바 반응형 위젯을 개발할 수 있는 장치, 방법 및 기록매체의 제공을 목적으로 한다.
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 .
상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 반응형 위젯 개발 장치는 사용자의 입력을 받는 입력부, 상기 입력부로부터 입력 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 위젯 설정부, 위젯에 적용되는 하나 이상의 API(Application Programming Interface)를 저장하는 위젯용 API 데이터베이스, 위젯의 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 상기 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 위젯 설정부가 생성한 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 위젯 구현부, 상기 구현된 위젯을 표시하는 표시부, 상기 입력부, 위젯 설정부, 위젯용 API 데이터베이스, 위젯 구현부 및 표시부를 제어하는 제어부를 포함한다.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.
상기 반응형 위젯 개발 장치에 있어, 상기 위젯 설정부가 생성하는 디스플레이 설정정보는 위젯을 구동하고자 하는 단말기의 종류, 각 단말기의 디스플레이 사양에 따른 뷰(View)개수, 해상도 중 적어도 어느 하나를 포함할 수 있다.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.
상기 반응형 위젯 개발 장치는, 상기 디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API를 저장하는 위젯설정 저장부, 상기 위젯설정 저장부에 저장된 API를 호출하는 위젯설정 호출부를 더 포함할 수 있다.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 .
상기 반응형 위젯 개발 장치에 있어, 상기 표시부는 위젯의 구성요소, 구성요소의 설정정보, 디스플레이 설정정보에 따른 하나 이상의 뷰(View) 중 적어도 어느 하나를 표시할 수 있다.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.
상기 반응형 위젯 개발 장치에 있어, 상기 위젯 구현부는 CSS의 미디어쿼리(media query)를 이용하여 위젯을 구현할 수 있다.In the reaction type widget developing apparatus, the widget implementing unit may implement a widget using a media query of the CSS.
본 발명의 다른 측면에 따르면, 반응형 위젯 개발 방법은 위젯 설정부가 입력부로부터 입력을 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 단계, 위젯 구현부가 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 단계, 표시부가 상기 구현된 위젯을 표시하는 단계를 포함한다.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.
본 발명의 또 다른 측면에 따르면, 반응형 위젯 개발 장치에 의해 실행될 때, 위젯 설정부가 입력부로부터 입력 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 단계, 위젯 구현부가 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 단계, 표시부가 상기 구현된 위젯을 표시하는 단계를 포함하는 반응형 위젯 개발 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.
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.
나아가 본 발명은, 사용자에게 반응형 위젯을 개발하기 위한 API, 위젯 구성요소 목록 제공 또는 구현된 위젯의 설정정보를 저장/호출할 수 있는 구성제공 등 사용자 친화적인 인터페이스를 제공함으로써, 전문적인 지식을 갖추지 않은 사용자도 쉽고 빠르게 반응형 위젯을 개발할 수 있는 환경을 제공한다.
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은 본 발명의 실시예에 따른 반응형 위젯 개발 장치의 블록도.
도 2는 도1의 반응형 위젯 개발 장치에 있어 구성요소 목록 제공부, 위젯설정 저장부, 위젯설정 호출부가 더 포함된 블록도.
도 3은 단말기의 화면 크기에 따라 각각 별개의 위젯 화면이 표시되는 반응형 위젯 프로그램의 일 표시예.
도 4는 반응형 위젯 개발 장치의 표시부에서 뷰(View), 각종 설정정보 등이 표시되는 것을 나타낸 일 실시예.
도 5는 구성요소 설정정보의 입력예시.
도 6은 본 발명의 일 실시예에 따른 반응형 위젯 개발 방법을 나타낸 흐름도.
도 7은 본 발명의 다른 실시예에 따른 반응형 위젯 개발 방법을 나타낸 흐름도.
도 8은 본 발명의 또 다른 실시예에 따른 반응형 위젯 개발 방법을 나타낸 흐름도.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은 본 발명의 실시예에 따른 반응형 위젯 개발 장치의 블록도이다.1 is a block diagram of a reaction type widget developing apparatus according to an embodiment of the present invention.
도 1을 참조하면, 반응형 위젯 개발 장치는 입력부(100), 위젯 설정부(200), 위젯용 API 데이터베이스(300), 위젯 구현부(400), 표시부(500)를 포함하며, 상기 세부구성들은 모두 제어부(600)에 의해 제어된다.1, the reaction type widget developing apparatus includes an
입력부(100)는 반응형 위젯 개발 장치의 외부로부터 사용자 입력을 받는다. 상기 입력부(100)는 적외선 리모콘, 스위치, 키패드, 키보드, 터치 스크린 등 문자 및 숫자의 입력이 가능한 형태의 입력 장치라면 어느 것이든 해당되며 사용자의 입력 방식에 별도의 제한을 두지 않는다. The
위젯 설정부(200)는 상기 입력부(100)로부터 사용자의 입력을 수신받아 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 기능을 한다. 위젯 설정부(200)는 두 가지 설정정보를 모두 생성하며, 설사 각 설정정보에 대응하는 사용자 입력이 수신되지 않았다 하더라도 후술하는 바와 같이 기설정된 디폴트 값을 이용하여 각각의 설정정보를 생성하게 된다.The
전술한 디스플레이 설정정보는 위젯을 구동하고자 하는 단말기의 종류, 각 단말기의 디스플레이 사양에 따른 뷰(View)개수, 화면크기 또는 해상도 중 적어도 어느 하나를 포함할 수 있으며, 필요에 따라서는 앞서 언급한 것들 이외의 디스플레이 관련 설정정보를 더 포함할 수 있다.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.
이 때 ‘각 단말기의 디스플레이 사양에 따른 뷰(View)’란, 각 단말기의 화면크기, 해상도 등 다양한 환경에 맞추어 위젯이 사용자에게 보여지는 디스플레이 화면을 일컫는다. 본 발명이 해결하고자 하는 과제가 하나의 위젯 프로그램이 여러 종류의 단말기에서 각각 적절하게 구동될 수 있는 반응형 위젯을 개발하기 위한 것인 이상, 상기 뷰(View)의 개수는 최소한 2개 이상인 것이 바람직하다. 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.
한편, 전술한 바와 같이 디스플레이 설정정보 및 구성요소 설정정보 생성에 있어 대응되는 사용자 입력이 없는 경우에는, 사용자가 임의로 설정해 놓은 디폴트 값을 기초로 각 설정정보를 생성할 수 있다. 따라서 어느 하나의 설정정보에 대응하는 사용자 입력이 없다 하더라도, 위젯 설정부(200)는 항상 디스플레이 설정정보 및 구성요소 설정정보를 생성하게 될 것이다.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
한편, 도 1에는 도시되어 있지 않으나, 반응형 위젯 개발 장치는 상기 세부구성 이외에 별도의 저장부를 구비할 수 있으며, 저장부에는 위젯 설정부(200)가 생성한 디스플레이 설정정보 및 구성요소 설정정보를 저장할 수 있다.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
위젯용 API 데이터베이스(300)는 위젯에 적용되는 하나 이상의 API(Application Programming Interface)를 저장한다. The
일반적으로 API란 운영체제와 응용프로그램 사이의 통신에 사용되는 언어나 메시지 형식을 말하며, API는 프로그램 실행을 위해 특정 서브루틴에 연결을 제공하는 함수를 호출하는 것으로 구현된다. 그러므로 하나의 API는 함수의 호출에 의해 요청되는 작업을 수행하기 위해 이미 존재하거나 또는 연결되어 있는 몇 개의 프로그램 모듈, 루틴을 가진다. 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.
본 발명의 구성요소 중 하나인 위젯용 API 데이터베이스(300)에는 상기와 같은 API가 하나 이상 저장되어 있어 언제든지 조회 및 호출이 가능하며, 나아가 모든 API에 대한 빌딩 블록(building block)을 제공함으로써 사용자가 반응형 위젯 개발을 보다 쉽게 할 수 있게 해 준다. 또한 ‘위젯에 적용되는 하나 이상의 API’란 위젯을 구현하기 위해 사용되는 고급 언어(High- level language), 예를 들어 JavaScript, CSS 등 모든 종류의 프로그래밍 언어에 대한 API를 일컫는 것으로 이해함이 바람직하다.One or more APIs are stored in the
위젯 구현부(400)는 위젯의 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 상기 위젯용 API 데이터베이스(300)로부터 호출하고, 호출된 API에 상기 위젯 설정부(200)가 생성한 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 기능을 한다.The
‘디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 호출하는 것’이란 위젯을 구현하는데 필요한 고급 언어의 다양한 API 중 디스플레이 설정과 관련된 함수, 값을 호출하는 것 또는 구성요소 설정과 관련된 함수, 값을 호출하는 것을 일컫는다. '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.
바람직하게는 CSS 언어를 이용하고, 그 중에서도 미디어쿼리(media query)를 이용하여 각각의 위젯을 구현하는 것을 전제로 한다. Preferably, the CSS language is used and, in particular, a media query is used to implement each widget.
아래는 CSS의 미디어쿼리를 이용하여 가로길이(width)를 기준으로 각각의 위젯을 구현한 예이다. Below is an example of implementing each widget based on width using CSS media query.
이와 같이 선언되면 980px와 320px를 기준으로 뷰1 <-> 뷰2 <-> 뷰3 을 가지는 위젯을 구성할 수 있으며, 위의 규칙을 추가하면서 뷰(View)의 개수를 추가할 수 있다.If you declare it like this, you can construct a widget with
한편, 상기와 같이 디스플레이 설정 또는 구성요소 설정과 대응하는 함수 등이 호출된 이후에는, 앞서 위젯 설정부(200)가 생성한 디스플레이 설정정보 및 구성요소 설정정보를 함수의 매개값 또는 변수에 적용시켜 각각의 디스플레이 설정, 구성요소 설정 등을 구현하게 된다. 즉, 위젯 구현부(400)는 상기 위젯용 API 데이터베이스(300)로부터 디스플레이 또는 구성요소의 기본 틀이 되는 함수 등을 호출한 후, 위 함수 등에 사용자가 입력한 설정정보를 대입시키고, 이들을 구조적으로 배치하는 기능을 한다.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
표시부(500)는 상기 위젯 구현부(400)에서 구현된 위젯을 디스플레이 장치 등을 통해 사용자에게 표시하는 기능을 한다. 한편, 표시부(500)는 반드시 위젯 구현부(400)에서 구현된 위젯만을 표시하는 것이 아니라 위젯 개발단계에서 요구되는 화면(예를 들어 사용자 입력 받는 단계, 구성요소 목록 제공 단계)들도 표시할 수 있음에 유의한다. 또한, 표시부(500)는 사용자에게 위젯의 구현 단계 또는 구현 완성된 상태를 표시할 수 있는 것이라면 어느 디스플레이 장치이든 제한을 두지 않는다. The
도 2는 앞서 설명한 도 1의 반응형 위젯 개발 장치에 구성요소 목록 제공부(700), 위젯설정 저장부(800), 위젯설정 호출부(900)가 더 포함된 반응형 위젯 개발 장치의 블록도이다.2 is a block diagram of a responsive widget developing apparatus including the component
구성요소 목록 제공부(700)는 사용자에게 구성요소의 종류를 나열한 목록을 제공한다. 즉, 반응형 위젯을 개발하고자 하는 사용자에게 사용자 입력하기 전 또는 사용자 입력이 있은 후에라도 위젯의 구성요소 목록을 제공함으로써, 사용자가 다양한 구성요소를 효과적으로 이용할 수 있도록 도움을 준다. 이 때 제공되는 목록은 구성요소의 종류가 텍스트 형태로 나열된 것이거나 그림의 형태로 나열된 것 또는 텍스트 및 그림의 형태로 이루어진 것일 수 있다. 아래는 텍스트 및 그림의 형태로 이루어진 구성요소 목록의 예시이다.The
위젯설정 저장부(800)는 상기 디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API를 저장한다. 위젯설정 저장부(800)는 사용자가 반응형 위젯 개발을 종료한 이후, 경우에 따라 위젯 구성의 편집이 필요한 때 위의 저장된 API를 호출하여 수정을 쉽게 할 수 있도록 해 준다. 나아가 위젯 개발 작업이 완료되지 못한 상태에서도 사용자가 위젯설정 저장부(800)에 그 때까지 편집된 위젯API를 저장할 수 있게 함으로써 이후 개발을 계속 이어나갈 수 있도록 하는 편의성도 제공한다. The widget
한편 본 구성은 저장 대상이 위젯용 API라는 점에서 앞서 언급한 저장부(미도시. 위젯 설정부가 생성한 설정정보를 저장)와 구별된다.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.
위젯설정 호출부(900)는 상기 위젯설정 저장부(800)에 저장된 위젯용 API를 호출하는 기능을 한다. The widget
도 3은 단말기의 화면 크기에 따라 각각 별개의 위젯 화면이 표시되는 반응형 위젯 프로그램의 일 표시예이다. 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.
도 3에서 보는 바와 같이, 하나의 위젯 프로그램을 실행시킴에 있어 구동되는 단말기가 각기 다른 디스플레이 사양을 가지고 있더라도, 각 단말기에 대응하여 사용자가 원하는 화면 구성, 구성요소의 배치 등으로 표시될 수 있게 하는 것이다. 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.
도시된 것과 같이 1(A) 화면은 비교적 큰 화면 크기를 가지는 단말기에서의 위젯 프로그램 구동상태를 나타낸 것이다. 데스크탑 모니터, TV화면 등의 단말기는 디스플레이 가능한 화면크기가 클 뿐만 아니라 해상도 면에서도 비교적 좋은 성능을 보일 수 있으므로, 이에 대응되는 뷰(View)는 각 구성요소가 충분한 간격을 가질 수 있으며 이미지 역시 가로/세로 크기면에서 타 뷰들에 비해 큰 이미지를 삽입할 수 있다. 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) 화면은 1(A) 화면에 비하여 화면크기가 다소 줄어든 단말기에서 보여지는 뷰를 나타낸 것으로서, 1(A)와 비교할 때 각 구성요소들의 배치상태는 유사하지만 구성요소 간의 간격이 좁아지고 이미지의 가로/세로 크기가 작아지는 등 해당 화면크기에 맞게 구성요소가 편집된 상태임을 알 수 있다.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.
마지막으로 1(C) 화면은 가장 작은 화면크기를 가지는 휴대용 단말기에서의 위젯 구동 모습을 나타낸 것이다. 디스플레이 가능한 화면 면적이 넓지 않기 때문에 이미지의 크기 역시 작은 크기로 수정되어야 하며, 텍스트를 포함하고 있는 구성요소들의 배치 및 간격 면에서 상기 1(A), 1(B)의 뷰와 차이가 난다. 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.
도 5는 위젯을 구성하는 구성요소 중 이미지에 대한 설정정보를 각 뷰(View)별로 나타낸 일실시예이다. 보는 바와 같이 와이드뷰(Wide View. 도 3의 1(A)에 대응) 및 내로우뷰(Narrow View. 도 3의 1(B)에 대응)에서는 위젯의 구성요소로서 이미지가 삽입되며 따라서 이에 따라 해당 이미지의 위치좌표, 가로/세로 크기 값이 설정된다. 반면 모바일뷰(Mobile View. 도 3의 1(C)에 대응)에 있어서는 디스플레이 가능 영역이 부족하기 때문에 이미지를 생략할 수 있으며, 이 경우 위치좌표, 가로/세로 크기 값이 모두 null로 설정된다. 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.
이렇듯 본 발명은 사용자가 상기 복수개의 뷰(View)를 동시에 편집할 수 있는 환경을 제공함으로써, 각 단말기마다의 특성을 고려해 위젯 구성요소들을 편집할 수 있으며, 이로써 다양한 단말기 사용상태에 대응하여 가장 효과적인 컨텐츠 서비스를 제공할 수 있게 된다.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는 반응형 위젯 개발 장치의 표시부(500)의 일표시예를 나타낸 것이다. 표시부(500)는 위젯의 구성요소, 구성요소의 설정정보 또는 디스플레이 설정정보에 따른 하나 이상의 뷰(View) 중 적어도 어느 하나를 표시할 수 있으며, 바람직하게는 상기 세 가지 정보 및 디스플레이 설정정보를 더 포함한 것을 표시할 수 있다. 4 shows a display example of the
도 4는 뷰(View)의 개수가 3개인 경우를 상정한 것이며, 그 밖에 위젯 구성요소, 디스플레이 설정정보, 구성요소 설정정보를 나타내는 영역이 개별적으로 존재한다. 한편, 도 4에 개시하고 있는 뷰 및 각 정보 영역의 배치는 표시부(500)에서의 일실시예에 불과한 것이며, 각 영역의 배치는 사용자의 의사에 따라 자유롭게 변경할 수 있어 보다 편한 개발 환경 또는 인터페이스를 제공할 수 있다. 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
이하에서는 첨부된 도 6 내지 도 8을 기준으로 반응형 위젯 개발 방법에 대해 설명한다.Hereinafter, a method of developing a responsive widget will be described with reference to FIGS. 6 to 8 attached hereto.
도 6은 본 발명의 일 실시예에 따른 반응형 위젯 개발 방법을 나타낸 흐름도이다.6 is a flowchart illustrating a method of developing a responsive widget according to an embodiment of the present invention.
도 6을 참조하면, 위젯 설정부(200)가 입력부(100)로부터 디스플레이 설정정보 및 구성요소 설정정보를 수신하면(S100), 위젯 구현부(400)는 디스플레이 설정 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스(300)로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현한다(S110). 이때, 위젯 설정부(200)가 생성하는 디스플레이 설정정보는 위젯을 구동하고자 하는 단말기의 종류, 각 단말기의 디스플레이 사양에 따른 뷰(View)개수, 화면크기, 해상도 등을 포함할 수 있다. 또한, 위젯 설정부(200)가 수신하는 구성요소 설정정보는 구성요소의 종류, 구성요소의 가로/세로 크기, 위치좌표 등을 포함할 수 있고, 구성요소의 종류에는 위젯을 구성할 수 있는 이미지, 텍스트, 링크, 표 등을 포함할 수 있다. 6, when the
단계 S110이 수행되면, 표시부(500)는 상기 구현된 위젯을 표시한다(S120).If step S110 is performed, the
도7은 도 6의 반응형 위젯 개발 방법에 구성요소 목록 제공단계가 더 포함된 실시예를 나타낸 흐름도이다. 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.
도 7을 참조하면, 구성요소 목록 제공부(700)는 사용자가 위젯 개발에 있어 이용할 수 있는 구성요소들을 텍스트 형식 또는 이미지 형식으로 나열한 목록을 제공한다(S200). 사용자는 위젯용 구성요소 목록을 제공받아 이로부터 삽입하고자 하는 구성요소를 선택하고, 이어서 해당 구성요소의 위치좌표, 크기 값 등을 입력하여 입력부(100)로부터 위젯 설정부(200)로 각 설정정보를 전송할 수 있다. Referring to FIG. 7, the component
그러면, 위젯 설정부(200)는 입력부(100)로부터 디스플레이 설정정보 및 구성요소 설정정보를 수신하고(S210), 위젯 구현부(400)는 디스플레이 설정 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스(300)로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현한다(S220).Then, the
단계 S220이 수행되면, 표시부(500)는 상기 구현된 위젯을 표시한다(S230).When step S220 is performed, the
구성요소 목록 제공 단계는 해당 단계의 특성상 도 6에서 각 단계의 시작 전과 종료 후에 이루어질 수 있으며, 반드시 도 7에 도시된 것과 같이 위젯 설정부(200)가 디스플레이 설정정보 및 구성요소 설정정보를 생성하기 전 단계에서만 구성요소 목록이 제공되는 것은 아니다. 즉, 표시부(500)에서 구현된 위젯을 표시하는 단계 이후에도 구성요소 목록을 제공받음으로써 새로운 구성요소를 선택 할 수도 있다.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
도8은 도6의 반응형 위젯 개발 방법에 있어, 위젯설정 저장부(800)에 저장되어 있던 디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API정보를 호출하는 단계(S300)가 S310단계(위젯 설정부가 입력부로부터 입력 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 단계) 이전에, 그리고 디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API정보를 위젯설정 저장부(800)에 저장하는 단계(S330)가 S320단계(위젯 구현부가 상기 수신한 설정정보를 적용시켜 위젯을 구현하는 단계) 이후에 더 포함된 반응형 위젯 개발 방법의 일실시예를 나타낸 것이다. 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
디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API정보를 저장/호출하는 단계(S300, S330)는 앞서 위젯설정 저장부(800)/호출부에 대한 설명에서 언급한 것과 같이 사용자 또는 개발자의 작업 편의를 위한 것으로서, 위젯 개발을 완료하지 못한 경우 또는 개발 완료 후 변경 사항이 생겨 이전 위젯에 대한 편집이 필요한 경우 저장된 API정보를 호출함으로써 개발 작업을 계속 이어나갈 수 있게 해 준다.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
한편, 상기 S330단계는 입력부(100)로부터 저장단계 실행을 명하는 별도 입력이 수신되었을 때 실행될 수도 있으나, 바람직하게는 S320단계에서 위젯 구현부(400)가 각 설정정보를 호출된 API에 적용시켜 위젯을 구현한 직후 자동으로 S330단계를 실행시킴으로써 API정보를 위젯설정 저장부(800)에 저장할 수도 있다. Meanwhile, the step S330 may be executed when a separate input for executing the storing step is received from the
한편, 본 발명의 다른 측면에 따르면, 반응형 위젯 개발 장치에 의해 실행될 때, 위젯 설정부가 입력부로부터 입력 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 단계, 위젯 구현부가 디스플레이 설정 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 단계, 표시부가 상기 구현된 위젯을 표시하는 단계를 포함하는 반응형 위젯 개발 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다. 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
이러한 반응형 위젯 개발 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 반응형 위젯 개발 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.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: 입력부 200: 위젯 설정부
300: 위젯용 API 데이터베이스 400: 위젯 구현부
500: 표시부 600: 제어부
700: 구성요소 목록 제공부 800: 위젯설정 저장부
900: 위젯설정 호출부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)
상기 입력을 수신하여 위젯의 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 위젯 설정부;
위젯에 적용되는 하나 이상의 API(Application Programming Interface)를 저장하는 위젯용 API 데이터베이스;
위젯의 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 상기 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 위젯 설정부가 생성한 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 위젯 구현부;
상기 구현된 위젯을 표시하는 표시부; 및
상기 입력부, 위젯 설정부, 위젯용 API 데이터베이스, 위젯 구현부 및 표시부를 제어하는 제어부;
를 포함하는 반응형 위젯 개발 장치.
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.
상기 위젯 설정부가 생성하는 디스플레이 설정정보는,
위젯을 구동하고자 하는 단말기의 종류, 각 단말기의 디스플레이 사양에 따른 뷰(View) 개수, 화면크기, 해상도 중 적어도 어느 하나를 포함하는 것을 특징으로 하는 반응형 위젯 개발 장치.
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:
상기 디스플레이 설정정보 및 구성요소 설정정보가 적용된 위젯용 API를 저장하는 위젯설정 저장부; 및
상기 위젯설정 저장부에 저장된 API를 호출하는 위젯설정 호출부;
를 더 포함하는 반응형 위젯 개발 장치.
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:
상기 표시부는,
위젯의 구성요소, 구성요소 설정정보, 디스플레이 설정정보에 따른 하나 이상의 뷰(View) 중 적어도 어느 하나를 표시하는 것을 특징으로 하는 반응형 위젯 개발 장치.
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.
상기 위젯 구현부는,
CSS의 미디어쿼리(media query)를 이용하여 위젯을 구현하는 것을 특징으로 하는 반응형 위젯 개발 장치.
The method according to claim 1,
The widget implementer includes:
Wherein the widget is implemented using a media query of the CSS.
위젯 구현부가 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 단계; 및
표시부가 상기 구현된 위젯을 표시하는 단계;
를 포함하는 반응형 위젯 개발 방법.
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:
위젯 설정부가 입력부로부터 입력 수신하여 디스플레이 설정정보 및 구성요소 설정정보를 생성하는 단계;
위젯 구현부가 디스플레이 설정과 대응하는 API 및 구성요소 설정과 대응하는 API를 위젯용 API 데이터베이스로부터 호출하고, 호출된 API에 상기 생성된 디스플레이 설정정보 및 구성요소 설정정보를 적용시켜 위젯을 구현하는 단계; 및
표시부가 상기 구현된 위젯을 표시하는 단계를 포함하는 반응형 위젯 개발 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.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.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020130063914A KR102208033B1 (en) | 2013-06-04 | 2013-06-04 | An apparatus, method and recording medium for developing responsive widget |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020130063914A KR102208033B1 (en) | 2013-06-04 | 2013-06-04 | An apparatus, method and recording medium for developing responsive widget |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20140142488A true KR20140142488A (en) | 2014-12-12 |
KR102208033B1 KR102208033B1 (en) | 2021-01-27 |
Family
ID=52459956
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020130063914A KR102208033B1 (en) | 2013-06-04 | 2013-06-04 | An apparatus, method and recording medium for developing responsive widget |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102208033B1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11461066B2 (en) | 2018-12-18 | 2022-10-04 | Samsung Electronics Co., Ltd. | Display apparatus, content management apparatus and method for content management |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100864579B1 (en) | 2007-10-31 | 2008-10-20 | 주식회사 엘지텔레콤 | Mobile widget edition server and method of providing mobile widget edition service by the server |
KR20100078139A (en) * | 2008-12-30 | 2010-07-08 | 삼성전자주식회사 | Method and apparatus for producing widget in portable terminal |
KR20110133286A (en) * | 2010-06-04 | 2011-12-12 | (주)투비소프트 | Method for executing rich internet application having availibility of supporing to multi type display and recording medium for the same |
KR101145705B1 (en) * | 2010-08-16 | 2012-05-24 | 주식회사 오비고 | Method, terminal and computer-readable recording medium for adjusting size of widgets displayed on screen |
-
2013
- 2013-06-04 KR KR1020130063914A patent/KR102208033B1/en active IP Right Grant
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100864579B1 (en) | 2007-10-31 | 2008-10-20 | 주식회사 엘지텔레콤 | Mobile widget edition server and method of providing mobile widget edition service by the server |
KR20100078139A (en) * | 2008-12-30 | 2010-07-08 | 삼성전자주식회사 | Method and apparatus for producing widget in portable terminal |
KR20110133286A (en) * | 2010-06-04 | 2011-12-12 | (주)투비소프트 | Method for executing rich internet application having availibility of supporing to multi type display and recording medium for the same |
KR101145705B1 (en) * | 2010-08-16 | 2012-05-24 | 주식회사 오비고 | Method, terminal and computer-readable recording medium for adjusting size of widgets displayed on screen |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11461066B2 (en) | 2018-12-18 | 2022-10-04 | Samsung Electronics Co., Ltd. | Display apparatus, content management apparatus and method for content management |
Also Published As
Publication number | Publication date |
---|---|
KR102208033B1 (en) | 2021-01-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4605675B2 (en) | Display system, display method, program, and recording medium | |
US10852912B2 (en) | Image creation app in messaging app | |
KR101424670B1 (en) | Apparatus and method for changing application user interface in portable terminal | |
US10908928B2 (en) | Rules-based workflow messaging | |
US9772978B2 (en) | Touch input visualizations based on user interface context | |
EP3416054B1 (en) | Method and device for page display, and storage medium | |
CN102646014A (en) | Context specific user interface | |
KR20140144104A (en) | Electronic apparatus and Method for providing service thereof | |
JP2007323234A (en) | Information processing apparatus, information processing method and computer program | |
CN110704059A (en) | Image processing method, image processing device, electronic equipment and storage medium | |
WO2015168849A1 (en) | Simulated desktop building method and related device | |
JP5303534B2 (en) | Appearance information processing apparatus and method | |
JP2006054669A (en) | Information equipment remote control system and information equipment | |
CN111506841B (en) | Webpage display method, device, equipment and readable storage medium | |
KR102208033B1 (en) | An apparatus, method and recording medium for developing responsive widget | |
EP1691278B1 (en) | Method and computer system for editing documents | |
KR102092156B1 (en) | Encoding method for image using display device | |
KR20180047200A (en) | Apparatus for producting sprite graphic and method for using the same | |
JP5959535B2 (en) | Server, method, and program for causing a computer to function as a server for accessing a mobile terminal from a client via a network | |
KR20170093466A (en) | Apparatus and method for providing contents, and computer program recorded on computer readable recording medium for executing the method | |
US20140215434A1 (en) | Non-transitory computer-readable recording medium storing user interface program for developing application software | |
KR101875485B1 (en) | Electronic apparatus and Method for providing service thereof | |
JP2022051276A (en) | Computer program, specification output device, and manufacturing method for program | |
US20140040795A9 (en) | Secondary output generation from a presentation framework | |
JP6577731B2 (en) | Terminal device, display control method, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
AMND | Amendment | ||
E902 | Notification of reason for refusal | ||
AMND | Amendment | ||
E90F | Notification of reason for final refusal | ||
AMND | Amendment | ||
E601 | Decision to refuse application | ||
X091 | Application refused [patent] | ||
AMND | Amendment | ||
X701 | Decision to grant (after re-examination) | ||
GRNT | Written decision to grant |