KR101088842B1 - Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone - Google Patents
Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone Download PDFInfo
- Publication number
- KR101088842B1 KR101088842B1 KR1020100022599A KR20100022599A KR101088842B1 KR 101088842 B1 KR101088842 B1 KR 101088842B1 KR 1020100022599 A KR1020100022599 A KR 1020100022599A KR 20100022599 A KR20100022599 A KR 20100022599A KR 101088842 B1 KR101088842 B1 KR 101088842B1
- Authority
- KR
- South Korea
- Prior art keywords
- widget
- web
- wzdapi
- layout
- smart phone
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
- Telephonic Communication Services (AREA)
- Telephone Function (AREA)
Abstract
본 발명은 웹위젯의 스마트폰 연동규격과 구동시스템에 관한 것으로서, 웹위젯의 스마트폰 연동규격과 구동시스템에 있어서, WZDAPI 규격에 따라 생성된 XML 파일이 저장되는 데이터베이스와 기기별로 생성된 레이아웃이 저장되는 레이아웃 컨테이너를 포함하되, 상기 기기별로 생성된 레이아웃은 동일한 페이지 내에서 동일한 내용을 표시할 수 있도록 구성되며, 상기 웹위젯의 스마트폰 연동규격과 구동시스템은 생성된 위젯을 사용자의 조작에 따라 선택된 기기용 위젯으로 자동 변환하는 것을 특징으로 하는 웹위젯의 스마트폰 연동규격과 구동시스템이다.
본 발명에 따르면, 웹위젯과 스마트폰 간의 연동 시스템을 구성하면 한번의 개발을 통해서 여러 플랫폼에서 별도의 재개발 없이도 동시에 사용이 가능하기 때문에 개발 기간의 단축은 물론이고 기존의 제작된 컨텐츠 들도 변환을 할 수 있어 풍부한 어플리케이션 환경을 만들 수 있다는 장점이 있다.The present invention relates to a smart phone interworking standard and driving system of the web widget, the smart phone interlocking standard and driving system of the web widget, the database is stored in the XML file generated according to the WZDAPI standard and the layout generated for each device is stored Including a layout container, wherein the layout generated for each device is configured to display the same content in the same page, the smartphone interworking standard and the driving system of the web widget is selected according to the user's operation It is a smart phone interworking standard and driving system of the web widget, characterized in that the automatic conversion to the widget for the device.
According to the present invention, when the interlocking system between the web widget and the smart phone is configured, it can be used simultaneously without separate redevelopment on multiple platforms through a single development, thereby shortening the development period and converting existing produced contents as well. The advantage is that you can create rich application environments.
Description
본 발명은 웹위젯의 스마트폰 연동규격과 구동시스템에 관한 것으로서, 보다 상세하게는 사용자에게 편의성과 유용성을 주는 어플리케이션에 관한 것으로, 기존에 이미 많이 만들어진 웹위젯이 가지는 컨텐츠들을 스마트폰의 어플리케이션과 연동하는 것에 대한 규격 및 구동 시스템에 관한 것이다.
The present invention relates to a smart phone interworking standard and driving system of the web widget, and more particularly, to an application that provides convenience and usefulness to the user, and the contents of the web widget already made a lot of work with the application of the smart phone To a specification and a drive system.
지금까지의 모바일시장이 단말과 네트워크 중심의 하드웨어 경쟁이 주를 이루었다면 아이폰/안드로이드 등의 등장으로 활성화된 스마트폰 시장에서는 핵심적인 경쟁력으로 “개방형 플랫폼, 마켓플레이스, 어플리케이션” 중심의 소프트웨어가 주목을 받고 있다.If the mobile market has focused on hardware and network-oriented hardware competition so far, the smartphone market, which has been activated by the emergence of the iPhone / Android, is the core competitiveness of the “open platform, marketplace, application” -oriented software. I am getting it.
현재 일반적으로 이용되고 있는 방법은 특정한 컨텐츠가 있다면 이를 XML을 통하여 데이터를 구조화하고 외부적인 부분은 HTML/JavaScript 및 플래시를 이용하여 개발자의 취향에 맞게 웹위젯으로 제작을 하게 된다. 그리고 스마트폰용으로 제작할 경우에는 별도의 작업을 통해 어플리케이션을 재개발 하는 형태로 제작되고 있다.Currently, the commonly used method is to structure the data through XML if there is a specific content, and the external part is produced as a web widget according to the developer's preference by using HTML / JavaScript and Flash. And when producing for smartphones are being produced in the form of redeveloping the application through a separate operation.
기존 시스템에서는 웹위젯 및 스마트폰의 어플리케이션 규격없이 매번 개발자의 취향에 따라 개발이 진행되다 보니 각 디바이스 간의 공통 부분으로 떼어서 재활용할 수 없는 문제가 있었다. 즉, 기본적인 컨텐츠를 XML로 처리하는 것 이외의 모든 레이아웃이라든지 기능구현 등을 위해 필요한 부분을 모두 별도로 개발을 해야 했다. In the existing system, since the development proceeds according to the developer's preference every time without the application specifications of the web widget and the smart phone, there is a problem that it cannot be separated and reused as a common part between the devices. In other words, all layouts and functions necessary for implementing functions other than processing basic contents as XML had to be developed separately.
또한, 아직까지는 스마트폰 어플리케이션의 수요가 수작업으로 가능한 수준이기 때문에 이 부분의 연동규격에 대한 논의가 필요가 없었던 점도 큰 이유가 될 수 있을 것이다.
In addition, there is no need to discuss the interoperability standards of this part because the demand for smartphone applications is still possible manually.
본 발명은 상술한 바와 같은 종래기술의 문제점을 해결하기 위하여, 사용자에게 편의성과 유용성을 주는 어플리케이션에 관한 것으로, 기존에 이미 많이 만들어진 웹위젯이 가지는 컨텐츠들을 스마트폰의 어플리케이션과 연동할 수 있는 웹위젯의 스마트폰 연동규격과 구동시스템을 제공함을 목적으로 한다.
The present invention relates to an application that gives convenience and usefulness to a user in order to solve the problems of the prior art as described above, and a web widget that can interoperate with the application of a smartphone the contents of a web widget that has already been made a lot. It aims to provide smartphone interoperability standard and driving system.
상기한 바와 같은 목적을 달성하기 위해, 본 발명의 바람직한 일 실시예에 따르면, 웹위젯의 스마트폰 연동규격과 구동시스템에 있어서, WZDAPI 규격에 따라 생성된 XML 파일이 저장되는 데이터베이스와 기기별로 생성된 레이아웃이 저장되는 레이아웃 컨테이너를 포함하되, 상기 기기별로 생성된 레이아웃은 동일한 페이지 내에서 동일한 내용을 표시할 수 있도록 구성되며, 상기 웹위젯의 스마트폰 연동규격과 구동시스템은 생성된 위젯을 사용자의 조작에 따라 선택된 기기용 위젯으로 자동 변환하는 것을 특징으로 하는 웹위젯의 스마트폰 연동규격과 구동시스템이 제공된다.In order to achieve the above object, according to a preferred embodiment of the present invention, in the smart phone interworking standard and driving system of the web widget, the XML file generated according to the WZDAPI standard is generated for each database and device is stored Including a layout container for storing the layout, the layout generated for each device is configured to display the same content in the same page, the smartphone interworking standards and the driving system of the web widgets to manipulate the generated widget According to the present invention, a smart phone interworking standard and a driving system are provided.
여기서, 전술한 웹위젯의 스마트폰 연동규격과 구동시스템은 생성된 위젯을 타 기기용 위젯으로 변환함에 있어 상기 데이터베이스에 저장된 원본 XML 파일은 별도의 변환없이 그대로 이용하며, API는 타 기기의 플랫폼에 따른 API로 변환하고, 레이아웃은 상기 레이아웃 컨텐이너에 저장된 레이아웃 중 사용자의 선택에 따라 변환대상으로 지정된 기기의 레이아웃을 추출하여 변환을 수행하도록 구성될 수 있다. Here, in the above-described smart phone interworking standard and driving system of the web widget, the original XML file stored in the database is used without any conversion in converting the generated widget into a widget for another device, and the API is used on a platform of another device. According to the API conversion, the layout may be configured to perform the conversion by extracting the layout of the device designated as the conversion target according to the user's selection of the layout stored in the layout container.
또한, 전술한 WZDAPI 규격은 onLoad, onRefresh, onResize, onUpdateTitle를 포함하는 위젯객체, WZDAPI.Data 객체, WZDAPI.UI 객체를 포함하도록 구성될 수 있다. In addition, the aforementioned WZDAPI standard may be configured to include a widget object including onLoad, onRefresh, onResize, and onUpdateTitle, a WZDAPI.Data object, and a WZDAPI.UI object.
한편, 전술한 WZDAPI.UI 객체는 위젯 표시창의 제어을 위한 WZDAPI.UI.Drawer, 위젯 메뉴의 제어를 위한 WZDAPI.UI.DropDown, 위젯 페이지의 제어를 위한 WZDAPI.UI.Pager, 위젯 탭 제어를 위한 WZDAPI.UI.TabView를 포함하도록 구성될 수 있다. Meanwhile, the aforementioned WZDAPI.UI object includes WZDAPI.UI.Drawer for controlling the widget display window, WZDAPI.UI.DropDown for controlling the widget menu, WZDAPI.UI.Pager for controlling the widget page, and WZDAPI for controlling the widget tab. It can be configured to include .UI.TabView.
다른 한편으로, 전술한 WZDAPI.Data 객체는 웹주소 url로부터 내용을 받아 문자열 형태로 callback 함수로 출력하는 getText(), 웹주소 url로부터 JSON 형식의 데이터를 받아 callback 함수로 출력하는 getJson(), 웹주소 url로부터 XML 형식의 데이터를 받아 callback 함수로 출력하는 getXML(), 웹주소 url로부터 RSS 형식의 데이터를 받아 callback 함수로 출력하는 getFeed(), 웹주소 url로부터 데이터를 받아 callback 함수로 출력하는 request()를 포함하도록 구성될 수 있다.
On the other hand, the above-mentioned WZDAPI.Data object is a getText () that receives the content from the web address url and outputs it to the callback function in the form of a string; GetXML () which receives XML format data from address url and outputs it to callback function, getFeed () which receives RSS format data from web address url and outputs it to callback function, and request that receives data from web address url and outputs it to callback function It can be configured to include ().
이상에서 살펴본 바와 같이, 본 발명에 따른 웹위젯의 스마트폰 연동규격과 구동시스템에 한번의 개발로 웹과 각종 스마트폰에 동시에 사용함으로써 one source multi-use가 가능해지는 장점이 있다. As described above, there is an advantage in that one source multi-use is possible by simultaneously using the web widgets and various smartphones with one development in the smartphone interworking standard and driving system of the web widget according to the present invention.
또한, 본 발명에 따르면 웹위젯과 스마트폰 간의 연동 시스템을 구성하면 한번의 개발을 통해서 여러 플랫폼에서 별도의 재개발 없이도 동시에 사용이 가능하기 때문에 개발 기간의 단축은 물론이고 기존의 제작된 컨텐츠 들도 변환을 할 수 있어 풍부한 어플리케이션 환경을 만들 수 있는 등의 효과를 기대할 수 있다.
In addition, according to the present invention, if you configure the interlocking system between the web widget and the smart phone can be used simultaneously without separate redevelopment on multiple platforms through a single development, shorten the development period as well as convert the existing produced content You can expect effects such as creating a rich application environment.
도 1은 본 발명의 바람직한 일 실시예에 따른 웹위젯의 스마트폰 연동규격과 구동시스템의 물리적 구성을 도시한 도면.
도 2는 본 발명의 바람직한 일 실시예에 따른 웹위젯 및 스마트폰의 레이아웃 구성을 도시한 도면.
도 3은 본 발명의 바람직한 일 실시예에 따른 컨버팅 프레임워크의 개요도.
도 4는 본 발명의 바람직한 일 실시예에 따른 웹위젯-스마트폰 연동규격을 도시한 개념도.
도 5는 웹위젯의 설치화면을 도시한 예시도.
도 6은 본 발명의 바람직한 일 실시예에 따른 웹위젯과 스마트폰의 연동샘플을 도시한 예시도.
도 7은 본 발명의 바람직한 일 실시예에 따른 웹위젯과 스마트폰의 연동 개념을 도시한 예시도. 1 is a diagram illustrating a physical configuration of a smartphone interworking standard and a driving system of a web widget according to an embodiment of the present invention.
2 is a view showing a layout configuration of a web widget and a smart phone according to an embodiment of the present invention.
3 is a schematic diagram of a converting framework according to an embodiment of the present invention.
Figure 4 is a conceptual diagram showing a web widget-smartphone interworking standard according to an embodiment of the present invention.
5 is an exemplary view illustrating an installation screen of a web widget.
6 is an exemplary view showing an interlocking sample of a web widget and a smart phone according to an embodiment of the present invention.
7 is an exemplary view showing an interlocking concept of a web widget and a smart phone according to an embodiment of the present invention.
이하에서, 첨부된 도면을 참조하여 웹위젯의 스마트폰 연동규격과 구동시스템에 대한 바람직한 실시예를 상세하게 설명한다.Hereinafter, with reference to the accompanying drawings will be described in detail a preferred embodiment of the smart phone interlocking standard and driving system of the Web widget.
먼저, 본 발명은 기존과 같이 웹위젯 또는 스마트폰용 어플리케이션을 제작할 때 개발자의 성향에 의해 개발하지 않고 “타이틀/탭/컨텐츠/페이징” 등의 부분을 기본으로 나누어서 각각을 모듈화 하여 둠으로써, 웹위젯에도 사용하고 스마트폰에도 활용할 수 있게 컨테이너를 만들어서 재활용할 수 있도록 구성되는 것을 특징으로 한다.First, the present invention does not develop according to the developer's propensity when producing an application for a web widget or a smart phone, and divides the parts such as “Title / Tab / Content / Paging” as the basis and modifies each of them, thereby making it a Web widget. It is characterized in that it is configured to be recycled by creating a container that can be used even in smartphones.
더 나아가서 본발명은 “검색/외부링크/썸네일/부가설명” 등과 같은 부가적인 모듈에 대한 정의와 “다양한 뷰모드” 등에 대하여도 제공하여 손쉽게 개발을 할 수 있는 웹위젯의 스마트폰 연동규격과 구동시스템을 제공하는 것에 의의를 두고 있다.
Furthermore, the present invention provides the definition of additional modules such as “Search / External Link / Thumbnail / Additional Description” and “Various View Modes” to provide smart widgets interoperability with web widgets that can be easily developed. It is meant to provide a system.
도 1은 본 발명의 바람직한 일 실시예에 따른 웹위젯의 스마트폰 연동규격과 구동시스템의 물리적 구성을 도시한 도면이다. 도 1에 도시된 바와 같이, 본 발명의 바람직한 일 실시예에 따른 웹위젯의 스마트폰 연동규격과 구동시스템은 데이터베이스(100)와 레이아웃 컨테이너(110)을 포함할 수 있다. 1 is a diagram illustrating a physical configuration of a smartphone interworking standard and a driving system of a web widget according to an embodiment of the present invention. As shown in FIG. 1, the smartphone interworking standard and the driving system of the web widget according to the preferred embodiment of the present invention may include a
본 발명은 도 1에서와 같이 크게 “데이터베이스”부분(100)과 “레이아웃”부분(110)으로 나누어서 생각할 수 있는데, 데이터베이스는 공통적인 형식으로 XML을 사용하여 웹과 모바일 더 나아가 TV/네비게이션에서도 사용할 수 있게 구성되며, 레이아웃(layout) 부분은 주어진 데이터베이스를 바탕으로 웹위젯 혹은 스마트폰과 같은 다양한 형태로 보여주는 것에 대한 컨테이너를 의미한다. 즉, 데이터베이스는 기기의 종류에 무관하게 범용적으로 이용될 수 있는 XML 구문이며, 레이아웃은 기기의 종류에 따라 기기의 디스플레이부를 통해 다르게 표현될 수 있는 화면배치를 의미한다. 따라서 데이터베이스에 저장되는 XML 구문은 기기의 종류와 무관하게 이용될 수 있으며, 레이아웃 부분에 저장되는 레이아웃들은 기기별로 저장되어 본 발명에 따른 연동규격과 구동시스템에 이용되게 된다.
The present invention can be thought of as divided into the "database"
도 2는 본 발명의 바람직한 일 실시예에 따른 웹위젯 및 스마트폰의 레이아웃 구성을 도시한 도면이다. 도 2에서와 같이 본 발명은 웹위젯 및 스마트폰 레이아웃을 동일하게 구성하여 각각의 형식에 맞추어 개발하면 웹위젯과 스마트폰에서 동시에 활용할 수 있도록 구성된다. 여기서 디자인이나 모든 것이 동일하게 만들어지는 것이 아니라 웹위젯/스마트폰 각각에 적합한 디자인 및 구성으로 컨테이너를 개발하여 제공한다. 2 is a diagram illustrating a layout configuration of a web widget and a smart phone according to an exemplary embodiment of the present invention. As shown in FIG. 2, the present invention is configured to be identically configured for web widgets and smartphone layouts, and to be utilized simultaneously in web widgets and smartphones. Here, the design or everything is not made identical, but the container is developed and provided with a design and configuration suitable for each web widget / smartphone.
즉, 본 발명의 일 실시예에 따라 도 2에 도시된 바와 같이, 웹위젯의 레이아웃(200)을 타이틀(202), 탭1(204), 탭2(206), 컨텐츠(208), 페이징(210)로 구성한 경우, 스마트폰의 레이아웃(220) 역시 타이틀(222), 탭1(224), 탭2(226), 컨텐츠(228), 페이징 (230)로 구성하여 제공하게 된다. 여기서 레이아웃의 구성자체는 필요에 따라 다양하게 변형될 수 있으며, 본 발명의 요지는 레이아웃의 구성자체가 아니라 웹위젯의 레이아웃과 스마트폰의 레이아웃을 동일하게 구성함에 있음이 명확하게 이해되어야 할 것이다. That is, as shown in FIG. 2 according to an embodiment of the present invention, the layout of the
또한, 여기서 레이아웃의 구성(즉, 화면에 표출되는 웹위젯 또는 스마트폰용 위젯에 있어 각각의 내용이 표시되는 부분에 대한 구성) 자체는 동일하지만, 레이아웃에 대한 디자인은 기기별로 상이하게 구성될 수 있다. 이러한 점에 대해서는 도 7을 참조하여 후술하도록 한다.
In addition, although the configuration of the layout (that is, the configuration of the portion in which the respective content is displayed in the web widget or the widget for the smartphone displayed on the screen) is the same itself, the design of the layout may be configured differently for each device. . This point will be described later with reference to FIG. 7.
도 3은 본 발명의 바람직한 일 실시예에 따른 컨버팅 프레임워크의 개요도이다. 도 3에서 좌측(300)은 웹위젯을 실행화면을 도시한 도면이고, 우측(310)은 컨버팅 프레임워크(Converting Framework) 과정을 통해 스마트폰용 위젯으로 변환된 뒤 스마트폰 상에서 위젯이 실행되는 화면을 도시한 개요도이다. 3 is a schematic diagram of a converting framework according to an embodiment of the present invention. In FIG. 3, the
도 3에 도시된 바와 같이, 웹위젯과 스마트폰용 위젯은 페이지별로 동일한 구성을 가지는 레이아웃을 가지고 있으며, 동일한 내용이 표현되게 구성된다. 컨버팅 프레임워크 수행과정에 있어, XML 파일은 웹위젯에 이용된 원본 파일이 그대로 이용되며, 웹위젯용 위젯 API(widget API)는 선택된 스마트폰에 채택된 플랫폼에 따라 상응되는 API로 자동으로 변환된다.
As shown in FIG. 3, the web widget and the widget for a smartphone have a layout having the same configuration for each page, and are configured to express the same content. In the process of converting framework, the XML file is used as the original file used in the web widget, and the widget API for the web widget is automatically converted into the corresponding API according to the platform adopted in the selected smartphone. .
도 4는 본 발명의 바람직한 일 실시예에 따른 웹위젯-스마트폰 연동규격을 도시한 개념도이다.4 is a conceptual diagram illustrating a web widget-smartphone interworking standard according to an embodiment of the present invention.
본 발명은 기존 웹위젯 개발에 사용되는 국내유일의 자체 API 규격인 WZDAPI 규격을 바탕으로 하여 아이폰, 안드로이드 등과 같은 스마트폰에서도 동일하게 연동할 수 있는 규격을 포함하는 컨테이너를 구성한다. The present invention is based on the WZDAPI standard, which is the only domestic API standard used in the development of the existing web widgets, and constitutes a container including a standard that can be linked in the same way in smartphones, such as iPhone, Android.
도 4에서 볼 수 있는 바와 같이 웹위젯에서 구현되는 Open/Close, DropDown, Tab, Paging 등의 UI적인 부분을 각각의 개별 디바이스에 맞게 구성하고 WZDAPI.Data 객체의 getText, getXml, request 등을 이용하여 XML 등의 정보를 사용할 수 있게 된다. (표 1 내지 표 5 참조)
As shown in FIG. 4, UI parts such as Open / Close, DropDown, Tab, and Paging implemented in the web widget are configured for each individual device and using getText, getXml, request, etc. of the WZDAPI.Data object. Information such as XML can be used. (See Tables 1-5)
표 1 내지 표 4는 WZDAPI 중 WZDAPI.UI 객체를 나타낸 표이며, 표 5는 WZDAPI.Data 객체이다. Tables 1 to 4 are tables showing WZDAPI.UI objects among WZDAPIs, and Table 5 is WZDAPI.Data objects.
ㄱ. WZDAPI.UI.DrawerA. WZDAPI.UI.Drawer
- 메소드-Method
ㄴ. WZDAPI.UI.DropDownN. WZDAPI.UI.DropDown
- 메소드-Method
ㄷ. WZDAPI.UI.PagerC. WZDAPI.UI.Pager
- 메소드-Method
ㄹ. WZDAPI.UI.TabViewD. WZDAPI.UI.TabView
- 메소드-Method
해당 데이터가 올바른 JSON 형식이 아닐 경우 callback은 호출되지 않습니다.It receives JSON data from web address url and passes it to callback function.
If the data is not in the correct JSON format, the callback will not be called.
해당 데이터가 올바른 XML 형식이 아닐 경우 callback은 호출되지 않습니다.It receives XML data from web address url and passes it to callback function.
If the data is not in the correct XML format, the callback will not be called.
넘겨주는 데이터의 구조는 아래에서 설명합니다.It receives RSS data from web address url and passes it to callback function.
The structure of the data you pass is described below.
opts는 Prototype 라이브러리의 Ajax.Request 클래스가 두 번째 인자로 받아들이는 옵션 구조체와 같습니다.
It receives the data from the web address url and passes it to the callback function.
opts is like the options structure that the Ajax.Request class of the Prototype library accepts as its second argument.
도 5는 웹위젯의 설치화면을 도시한 예시도이고, 도 6은 본 발명의 바람직한 일 실시예에 따른 웹위젯과 스마트폰의 연동샘플을 도시한 예시도이다. 도 5와 같은 형태의 블로그/사이트 등에 설치할 수 있는 웹위젯도 도 6에서와 같이 스마트폰(예시는 아이폰)에서 동일한 구성으로 구현이 가능하게 현재 프로토타입 형태로 구현되어 있다.
5 is an exemplary view showing an installation screen of the web widget, Figure 6 is an exemplary view showing an interlocking sample of the web widget and the smart phone according to an embodiment of the present invention. Web widgets that can be installed in blogs / sites of the type shown in FIG. 5 are also implemented in the prototype form so that they can be implemented in the same configuration as in FIG.
도 7은 본 발명의 바람직한 일 실시예에 따른 웹위젯과 스마트폰의 연동 개념을 도시한 예시도이다.7 is an exemplary diagram illustrating an interlocking concept of a web widget and a smart phone according to an exemplary embodiment of the present invention.
도 7의 상단에 도시된 'Data(Contents)'는 화면상에 표시될 내용을 의미하며, 'Scheme(Semantics)'는 해당 컨텐츠가 표시될 레이아웃의 표시부(박스)를 의미한다. 또한, 도 7의 하단에는 기기 종류별로 표시되는 레이아웃의 실시예들이 도시되어 있다. 도시된 바와 같이, 각각의 기기별로 화면상에 표시되는 레이아웃의 디자인은 서로 기기의 특성에 따라 상이하게 디자인되었으나, 화면상에 표시되는 컨텐츠가 표시되는 박스의 구성 자체는 동일하다. 즉, 4개의 종류의 기기에서 위젯의 동일한 페이지에는 각각 'Title', 'Subtitle', 'Comment'가 표시될 수 있도록 레이아웃이 구성되되, 박스의 크기, 박스에 표시되는 컨텐츠의 서체/크기 등 디자인 자체는 기기의 특성에 따라 기기별로 구성되어 있음을 확인할 수 있다. 전술한 바와 같이 이러한 콘텐츠는 본 발명에 따른 데이터베이스에 저장되며, 각 기기별 레이아웃은 레이아웃 컨테이너에 저장되어 활용되게 된다. 'Data (Contents)' shown at the top of FIG. 7 refers to content to be displayed on the screen, and 'Scheme (Semantics)' refers to a display unit (box) of a layout in which the corresponding content is displayed. In addition, at the bottom of FIG. 7, embodiments of a layout displayed for each device type are illustrated. As illustrated, the layout of the layout displayed on the screen for each device is differently designed according to the characteristics of the devices, but the configuration itself of the box displaying the content displayed on the screen is the same. That is, the layout is configured to display 'Title', 'Subtitle', and 'Comment' on the same page of the widget in four kinds of devices, and design the size of the box and the typeface / size of the content displayed in the box. It can be seen that the device itself is configured for each device according to the characteristics of the device. As described above, such content is stored in a database according to the present invention, and the layout for each device is stored and utilized in a layout container.
따라서, 예를 들어 도 7에 도시된 바와 같이 본 발명을 이용하여 디바이스 타입1용 위젯을 'Title'에 "Foo", 'Subtitle'에 "Bar", 'Comment'에 "Baz" 표시되도록 구성한 경우, 구성된 위젯의 디바이스 타입을 변경함으로써 각각의 기기별 위젯으로 변환이 손쉽게 가능하게 된다.
Therefore, for example, when the widget for
상기한 본 발명의 바람직한 실시예는 예시의 목적을 위해 개시된 것이고, 본 발명에 대해 통상의 지식을 가진 당업자라면 본 발명의 사상과 범위 안에서 다양한 수정, 변경 및 부가가 가능할 것이며, 이러한 수정, 변경 및 부가는 하기의 특허청구범위에 속하는 것으로 보아야 할 것이다.
It will be apparent to those skilled in the relevant art that various modifications, additions and substitutions are possible, without departing from the scope and spirit of the invention as disclosed in the accompanying claims. The appended claims are to be considered as falling within the scope of the following claims.
100 : 데이터베이스 110 : 레이아웃 컨테이너100: database 110: layout container
Claims (5)
WZDAPI 규격에 따라 생성된 XML 파일이 저장되는 데이터베이스와 기기별로 생성된 레이아웃이 저장되는 레이아웃 컨테이너를 포함하되,
상기 기기별로 생성된 레이아웃은 동일한 페이지 내에서 동일한 내용을 표시할 수 있도록 구성되며,
상기 웹위젯의 스마트폰 구동시스템은 생성된 위젯을 사용자의 조작에 따라 선택된 기기용 위젯으로 자동 변환하고,
상기 WZDAPI 규격은 onLoad, onRefresh, onResize, onUpdateTitle를 포함하는 위젯객체, WZDAPI.Data 객체, WZDAPI.UI 객체를 포함하는 것을 특징으로 하는 웹위젯의 스마트폰 구동시스템.
In the smart phone driving system of the web widget,
It includes a database in which XML files generated according to the WZDAPI specification are stored and a layout container in which layouts generated by devices are stored.
The layout generated for each device is configured to display the same content within the same page.
The smart phone driving system of the web widget automatically converts the generated widget into a widget for the selected device according to the user's operation,
The WZDAPI standard includes a widget object including onLoad, onRefresh, onResize, and onUpdateTitle, a WZDAPI.Data object, and a WZDAPI.UI object.
상기 웹위젯의 스마트폰 구동시스템은 생성된 위젯을 타 기기용 위젯으로 변환함에 있어 상기 데이터베이스에 저장된 원본 XML 파일은 별도의 변환없이 그대로 이용하며, API는 타 기기의 플랫폼에 따른 API로 변환하고, 레이아웃은 상기 레이아웃 컨텐이너에 저장된 레이아웃 중 사용자의 선택에 따라 변환대상으로 지정된 기기의 레이아웃을 추출하여 변환을 수행하는 것을 특징으로 하는 웹위젯의 스마트폰 구동시스템.
The method of claim 1,
The smart phone driving system of the web widget in converting the generated widget into a widget for other devices, the original XML file stored in the database is used without any conversion, the API is converted to an API according to the platform of the other device, The layout is a smart phone driving system of the web widget, characterized in that for performing the conversion by extracting the layout of the device designated as the conversion target from the layout stored in the layout container according to the user's selection.
상기 WZDAPI.UI 객체는 위젯 표시창의 제어을 위한 WZDAPI.UI.Drawer, 위젯 메뉴의 제어를 위한 WZDAPI.UI.DropDown, 위젯 페이지의 제어를 위한 WZDAPI.UI.Pager, 위젯 탭 제어를 위한 WZDAPI.UI.TabView를 포함하는 것을 특징으로 하는 웹위젯의 스마트폰 구동시스템.
The method of claim 1,
The WZDAPI.UI object is a WZDAPI.UI.Drawer for controlling a widget display window, WZDAPI.UI.DropDown for controlling a widget menu, WZDAPI.UI.Pager for controlling a widget page, and WZDAPI.UI for controlling a widget tab. Smartphone operating system of the web widget, comprising a TabView.
상기 WZDAPI.Data 객체는 웹주소 url로부터 내용을 받아 문자열 형태로 callback 함수로 출력하는 getText(), 웹주소 url로부터 JSON 형식의 데이터를 받아 callback 함수로 출력하는 getJson(), 웹주소 url로부터 XML 형식의 데이터를 받아 callback 함수로 출력하는 getXML(), 웹주소 url로부터 RSS 형식의 데이터를 받아 callback 함수로 출력하는 getFeed(), 웹주소 url로부터 데이터를 받아 callback 함수로 출력하는 request()를 포함하는 것을 특징으로 하는 웹위젯의 스마트폰 구동시스템. The method of claim 1,
The WZDAPI.Data object receives the contents from the web address url and outputs it to the callback function in the form of a string, and getJson () receiving the JSON format data from the web address url and outputting it to the callback function and XML from the web address url. It includes getXML () to receive data from the web address url and getFeed () to receive the RSS data from the web address url, and to callback function to get the data from the web address url and to the callback function. Smartphone operating system of the web widget.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020100022599A KR101088842B1 (en) | 2010-03-15 | 2010-03-15 | Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020100022599A KR101088842B1 (en) | 2010-03-15 | 2010-03-15 | Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20110103516A KR20110103516A (en) | 2011-09-21 |
KR101088842B1 true KR101088842B1 (en) | 2011-12-06 |
Family
ID=44954668
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020100022599A KR101088842B1 (en) | 2010-03-15 | 2010-03-15 | Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101088842B1 (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
MY190931A (en) * | 2018-12-26 | 2022-05-20 | Mimos Berhad | A system and method with improvement in converting unresponsive web pages to a responsive web design |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004252546A (en) | 2003-02-18 | 2004-09-09 | Hitachi Software Eng Co Ltd | Content conversion method and device, and program |
US20090305682A1 (en) | 2008-06-09 | 2009-12-10 | Karin Spalink | System and method for webpage display in a portable electronic device |
-
2010
- 2010-03-15 KR KR1020100022599A patent/KR101088842B1/en not_active IP Right Cessation
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004252546A (en) | 2003-02-18 | 2004-09-09 | Hitachi Software Eng Co Ltd | Content conversion method and device, and program |
US20090305682A1 (en) | 2008-06-09 | 2009-12-10 | Karin Spalink | System and method for webpage display in a portable electronic device |
Also Published As
Publication number | Publication date |
---|---|
KR20110103516A (en) | 2011-09-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9857959B2 (en) | Supporting webpage design and revision irrespective of webpage framework | |
US9400784B2 (en) | Integrated application localization | |
US10565293B2 (en) | Synchronizing DOM element references | |
CN108255485B (en) | Page construction method and equipment and electronic equipment | |
US8769430B2 (en) | Multi-column formatted page scrolling | |
US20150039996A1 (en) | System and method for dynamically converting webpage, and computer-readable recording medium | |
JP6149165B2 (en) | Chart conversion system and method using metadata | |
US10296308B2 (en) | Automatically generating network applications from design mock-ups | |
US20170286068A1 (en) | Development support system | |
EP3037958B1 (en) | Declarative user interface representation conversion via hierarchical templates | |
WO2013097202A1 (en) | Apparatuses and methods for web application converter systems | |
KR101456505B1 (en) | A user interface framework for developing web applications | |
JP6514084B2 (en) | OPERATION SUPPORT SYSTEM, OPERATION SUPPORT METHOD, AND OPERATION SUPPORT PROGRAM | |
WO2013109858A1 (en) | Design canvas | |
Bellucci et al. | Automatic reverse engineering of interactive dynamic web applications to support adaptation across platforms | |
US9384300B2 (en) | Modeled applications multiple views generation mechanism | |
CN104793933A (en) | Method and system for displaying terminal data | |
KR101088842B1 (en) | Standard for Inter-Connection and Driving System of Web-Based Widget in Smart Phone | |
US9621611B2 (en) | Providing content in a platform-specific format | |
CN105739962A (en) | Table cell editor control expansion method and system based on HTML (Hypertext Markup Language) | |
KR101438198B1 (en) | Method of providing user interface of multi-screen and apparatus performing the same | |
CN105242926A (en) | Web front-end development platform | |
JP6097231B2 (en) | Program generating apparatus and method | |
KR20130110414A (en) | System, device and method for running a web-based widget in iptv | |
JP2009211143A (en) | Information processor and information processing program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant | ||
LAPS | Lapse due to unpaid annual fee |