JP2011510393A - Multi-platform based user interface screen editing method and apparatus for supporting simultaneous editing - Google Patents

Multi-platform based user interface screen editing method and apparatus for supporting simultaneous editing Download PDF

Info

Publication number
JP2011510393A
JP2011510393A JP2010543036A JP2010543036A JP2011510393A JP 2011510393 A JP2011510393 A JP 2011510393A JP 2010543036 A JP2010543036 A JP 2010543036A JP 2010543036 A JP2010543036 A JP 2010543036A JP 2011510393 A JP2011510393 A JP 2011510393A
Authority
JP
Japan
Prior art keywords
user interface
platform
interface screen
editing
layout
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP2010543036A
Other languages
Japanese (ja)
Other versions
JP5014491B2 (en
Inventor
キョウチョル カン
ヨンソク チョイ
ジュウォン ムン
ジンソク ヤン
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Academy Industry Foundation of POSTECH
Original Assignee
Academy Industry Foundation of POSTECH
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Academy Industry Foundation of POSTECH filed Critical Academy Industry Foundation of POSTECH
Publication of JP2011510393A publication Critical patent/JP2011510393A/en
Application granted granted Critical
Publication of JP5014491B2 publication Critical patent/JP5014491B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • 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

Abstract

多重プラットフォーム基盤の使用者インタフェース画面編集方法および装置を提供する。少なくとも一つの使用者インタフェース画面のうち、編集対象になる編集対象使用者インタフェース画面を選択する編集対象画面選択段階と、編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する編集対象プラットフォーム選択段階と、少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する標準プラットフォーム選択段階と、標準プラットフォームに対応して編集対象使用者インタフェース画面を構成する資源の位置を配置するレイアウト編集段階と、前記レイアウト編集段階で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置するレイアウト同期化段階を含む。よって、同時に複数のプラットフォームに対して一つの標準プラットフォームに対する使用者インタフェース画面をＷＹＳＩＷＹＧ方式で作成することによって、残りのプラットフォームに対する使用者インタフェース画面を自動に作成することができる。  A multi-platform user interface screen editing method and apparatus are provided. Of the at least one user interface screen, the editing target screen selection stage for selecting the editing target user interface screen to be edited, and the editing target for selecting at least one platform to which the editing target user interface screen is to be applied The platform selection stage, the standard platform selection stage for selecting a standard platform to be directly edited among at least one platform, and the location of resources constituting the user interface screen to be edited corresponding to the standard platform are arranged. The standard platform is excluded from the at least one platform corresponding to the position of the resource constituting the editing target user interface screen arranged in the layout editing stage and the layout editing stage. Including layout synchronization step of synchronously arranging position of the resources constituting the user interface screen corresponding to the platform. Therefore, by simultaneously creating user interface screens for one standard platform for a plurality of platforms by the WYSIWYG method, user interface screens for the remaining platforms can be automatically created.

Description

本発明は、多重プラットフォーム基盤の使用者インタフェース画面編集方法および装置に関わり、より詳細には、同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法および装置に関する。   The present invention relates to a multi-platform based user interface screen editing method and apparatus, and more particularly to a multi-platform based user interface screen editing method and apparatus that supports simultaneous editing.

使用者インタフェース(ｕｓｅｒ ｉｎｔｅｒｆａｃｅ)は、使用者とコンピュータとの間に情報を交換するための手段あるいはインタフェースを意味し、使用者とコンピュータとのコミュニケーションを円滑にするための重要な窓口の役割を果たすため応用ソフトウェアの開発分野で非常に重要な考慮事項として台頭している。   The user interface means a means or interface for exchanging information between the user and the computer, and serves as an important window for facilitating communication between the user and the computer. Therefore, it has emerged as a very important consideration in the field of application software development.

使用者インタフェースにおいて、メニュー、ツールバー、ボタンなどの構成などを考慮するレイアウト（ｌａｙｏｕｔ)は多くの部分を占める。応用ソフトウェア開発会社は、フローレイアウト(ｆｌｏｗ ｌａｙｏｕｔ)、グリッドレイアウト(ｇｒｉｄ ｌａｙｏｕｔ)なお使用者インタフェースの画面を定義する基本的なレイアウトのガイドラインを提示しているものの、これは前記のように使用者が応用ソフトウェアを使うことにおいて最適のコミュニケーションを提供するためである。このようなレイアウトは、特定画面を応用ソフトウェア開発者が指定するスタイルで空間を配列することができるようにするが、このような空間にはプッシュボタン(ｐｕｓｈ ｂｕｔｔｏｎ)、ラジオボタン(ｒａｄｉｏ ｂｕｔｔｏｎ)、絵、音、動画像、靜的テキスト(ｓｔａｔｉｃ ｔｅｘｔ)などのアイテム(ｉｔｅｍ)が配置される。この場合、アイテムが画面に配置されるためには、アイテムを含みうるコンテナ(ｃｏｎｔａｉｎｅｒ)がなければならない。コンテナは、レイアウトスタイル、大きさ以外に様々な制限属性などの固有属性を有することができる。   In the user interface, the layout considering the configuration of menus, toolbars, buttons, etc. occupies many parts. The application software development company provides the basic layout guidelines that define the flow layout, grid layout, and user interface screens. This is to provide optimal communication in using application software. Such a layout allows a space to be arranged in a style specified by an application software developer for a specific screen. In such a space, a push button, a radio button (radio button), Items such as pictures, sounds, moving images, and static text are arranged. In this case, in order for an item to be arranged on the screen, there must be a container that can contain the item. Containers can have unique attributes such as various restriction attributes in addition to layout style and size.

一方、使用者インタフェース設計において、レイヤー(ｌａｙｅｒ)という概念を導入できるが、レイヤーの一つ一つは透明な紙だと思うことができる。それぞれのレイヤーに絵を描いて多数枚を重ねると、まるで一つの絵のように表れるようになるものの、レイヤーが多ければ複雑になることがあるが修正が必要な場合、一部のレイヤーのみを修正すれば良いため、使用者インタフェース開発作業を簡便に行うことができる。   On the other hand, in the user interface design, the concept of layer can be introduced, but each layer can be thought of as transparent paper. If you draw a picture on each layer and overlay a large number of sheets, it will appear as if it were a single picture. Since it only has to be corrected, the user interface development work can be easily performed.

一般的にプラットフォームは、ソフトウェア応用プログラムを駆動するのに使われるハードウェアとソフトウェアとの結合であり、一つの運営体制または、コンピュータアーキテクチャーを意味するが、より拡張された意味からはモバイル端末機のような装置のハードウェアとソフトウェアとの結合を意味する。応用アプリケーションは、特定のハードウェアプラットフォームまたは、ソフトウェア プラットフォームの機能に合わせるためにプログラミングされる。特に、数多くの製品が存在するモバイル端末機などの多重プラットフォーム(ｐｌａｔｆｏｒｍ)環境で、多くの場合、各モバイル端末機の使用者インタフェースは細部的な面から多少差があるだけだが、開発の側面からはそれぞれのプラットフォームごとに使用者インタフェースを再定義するかあるいは既存のことを変更する作業を必ず経るべきであり、なおそれぞれのプラットフォーム別使用者インタフェース情報を維持管理する負担も相当する。   In general, a platform is a combination of hardware and software used to drive software application programs, which means a single operating system or computer architecture, but in a more expanded sense, a mobile terminal. It means the combination of the hardware and software of the device. Application applications are programmed to match the functionality of a specific hardware platform or software platform. Especially in a multi-platform environment such as mobile terminals where many products exist, in many cases, the user interface of each mobile terminal is slightly different in detail, but from the development aspect The user interface must be redefined for each platform or the existing one must be changed, and the burden of maintaining and managing the user interface information for each platform is also equivalent.

モバイル端末機は、多様な画面のサイズを有していて、この画面サイズを大小によって多数個の画面サイズ郡に分類することができる。従来のモバイル端末機分野では一つのグラフィック使用者インタフェース(ｇｒａｐｈｉｃ ｕｓｅｒ ｉｎｔｅｒｆａｃｅ、ＧＵＩ)を開発するために、モバイル端末機の多様な画面サイズ郡のうち、代表的な画面サイズ郡を最小３個以上に選定した後、選ばれた代表画面サイズ郡のうち、また一つを選択して開発者がいちいちグラフィック使用者インタフェースに使われる画像ピクセルの座標を計算し、計算された座標を直接プラットフォーム従属的なソース コードに入力する方式で開発が行われてきた。このような手作業は、支援されなければならない画面サイズ郡に対する数だけ反復的におこなわなければならないため、モバイル応用アプリケーションの開発過程で多くの部分を占めていて、対象プラットフォームが変更される場合、プラットフォーム従属的なソースコードに座標をまた入力しなければならない重複の問題がある。   The mobile terminal has various screen sizes, and the screen size can be classified into a large number of screen size groups according to the size. In order to develop one graphic user interface (GUI) in the conventional mobile terminal field, among the various screen size groups of mobile terminals, the representative screen size group should be at least 3 or more. After selection, the developer selects one of the selected representative screen size groups and calculates the coordinates of the image pixels used for the graphic user interface one by one, and the calculated coordinates are directly platform dependent. Development has been done in a way that inputs source code. This manual process has to be done iteratively for the screen size counties that need to be supported, so it takes up a lot in the mobile application development process and if the target platform changes, There is a duplication problem where the coordinates have to be entered again into the platform dependent source code.

前記のような問題に対して特定ウィジェット(ｗｉｄｇｅｔ)を利用して画面を危地ＷＹＳＩＷＹＧ(ｗｈａｔ ｙｏｕ ｓｅｅ ｉｓ ｗｈａｔ ｙｏｕ ｇｅｔ、ＷＹＳＩＷＹＧ)方式で作成するか、ルックアンドフィール(ｌｏｏｋ ａｎｄ ｆｅｅｌ)を適用して画面を開発する開発道具は現在、モバイル業者やモバイル応用アプリケーション開発業者から開発が進行されていくつかの道具が発売されている。しかし、編集過程で多様な画面サイズを同時に編集しうる機能を支援することなく、ウィジェットを使うことによってグラフィック使用者インタフェースが特定プラットフォームやフレームワークに従属する場合が多いため、このような問題点を解決しうる方案が要請されている。   For the above problems, use a specific widget (widget) to create a screen using the WYSIWYG (WHAT YOU SEE IS WHAT YOU GET, WYSIWYG) method, or apply a look and feel. Development tools for developing screens are currently being developed by mobile operators and mobile application developers, and several tools are being released. However, since the graphic user interface often depends on a specific platform or framework by using widgets without supporting the function that can edit various screen sizes at the same time in the editing process, such problems are avoided. A solution that can be solved is requested.

したがって、本発明の目的は、前記のような問題点を解決するための多重プラットフォーム基盤の使用者インタフェース画面編集方法および装置を提供することにあり、より詳細には、同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法および装置を提供することにある。   Accordingly, an object of the present invention is to provide a multi-platform based user interface screen editing method and apparatus for solving the above-described problems, and more particularly, a multi-platform that supports simultaneous editing. It is an object of the present invention to provide a user interface screen editing method and apparatus for a base.

上述した本発明の目的を達成するための本発明の一側面による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法は、少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースの設計方法であって、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集方法において、前記少なくとも一つの使用者インタフェース画面のうち、編集対象になる編集対象使用者インタフェース画面を選択する編集対象画面選択段階と、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する編集対象プラットフォーム選択段階と、前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する標準プラットフォーム選択段階と、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置するレイアウト編集段階と、前記レイアウト編集段階で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置するレイアウト同期化段階と、を含む。   A multi-platform based user interface screen editing method supporting simultaneous editing according to one aspect of the present invention for achieving the above-described object of the present invention includes at least one user interface screen composed of at least one resource. A method for designing a user interface, including: a user interface screen editing method for editing a layout of resources constituting the user interface screen corresponding to various platforms; An editing target screen selecting step for selecting an editing target user interface screen to be edited; an editing target platform selecting step for selecting at least one platform to be applied to the editing target user interface screen; and A standard platform selecting step for selecting a standard platform to be directly edited from one platform, and a layout editing step for arranging the positions of resources constituting the user interface screen to be edited corresponding to the standard platform. And a user interface screen corresponding to a platform excluding the standard platform among the at least one platform corresponding to the position of the resource constituting the editing target user interface screen arranged in the layout editing stage. And a layout synchronization stage for synchronously arranging the positions of the resources constituting the.

前記レイアウト同期化段階の同期化は、前記標準プラットフォームに対する前記標準プラットフォームを除いたプラットフォームの画面の大きさ割合および／または、画面の解像度差を反映する。   The synchronization in the layout synchronization stage reflects the screen size ratio of the platform excluding the standard platform and / or the screen resolution difference with respect to the standard platform.

前記少なくとも一つの使用者インタフェース画面は、固有のコンテナレイアウト識別子および含まれる資源に関わる情報を含む少なくとも一つのコンテナレイアウトを順次に上下オーバーラップさせた形態に構成され、前記レイアウト編集段階は、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する少なくとも一つのコンテナレイアウトに含まれた資源の位置を配置するレイアウト編集段階であってもよい。   The at least one user interface screen is configured in a form in which at least one container layout including a unique container layout identifier and information related to included resources is sequentially overlapped, and the layout editing step includes the standard editing step. In correspondence with the platform, it may be a layout editing stage in which the positions of resources included in at least one container layout constituting the editing target user interface screen are arranged.

前記少なくとも一つの使用者インタフェース画面は、前記含まれる資源の類型を指定する属性を有することができる。この場合、前記資源の類型を指定する属性は、プッシュボタン、ラジオボタン、絵、音、動画像または、靜的テキストのうち、少なくとも一つを指定することができる。   The at least one user interface screen may have an attribute that specifies a type of the included resource. In this case, the attribute that designates the type of the resource can designate at least one of a push button, a radio button, a picture, a sound, a moving image, and an intentional text.

前記少なくとも一つの使用者インタフェース画面は、前記含まれる資源の位置を指定する属性を有することができる。
また、前述した本発明の目的を達成するための本発明の一側面による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置は、少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースにおいて、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集装置において、前記少なくとも一つの使用者インタフェース画面に対する使用者インタフェース画面情報および前記少なくとも一つの使用者インタフェース画面に対応する少なくとも一つのプラットフォームに対するプラットフォーム情報を保存するプラットフォーム情報データベースと、前記プラットフォーム情報データベースに保存された前記使用者インタフェース画面情報および前記プラットフォーム情報から、編集対象になる編集対象使用者インタフェース画面、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームおよび前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する編集作業管理機と、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置し、前記配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置する使用者インタフェース画面編集機と、を具備する。 The at least one user interface screen may have an attribute that specifies a location of the included resource.
In addition, a multi-platform based user interface screen editing apparatus for supporting simultaneous editing according to one aspect of the present invention for achieving the above-described object of the present invention includes at least one user interface composed of at least one resource. In a user interface including a screen, a user interface screen editing apparatus for editing a layout of resources constituting the user interface screen corresponding to various platforms, the user interface screen for the at least one user interface screen A platform information database for storing information and platform information for at least one platform corresponding to the at least one user interface screen; and the platform information database. The user interface screen information to be edited, the at least one platform to be applied to the user interface screen to be edited, and the at least one platform from the user interface screen information and the platform information stored in the network An editing work management machine for selecting a standard platform to be directly edited, and a location of a resource constituting the editing target user interface screen corresponding to the standard platform, and the arranged Corresponding to the position of the resource constituting the user interface screen to be edited, the position of the resource constituting the user interface screen corresponding to the platform excluding the standard platform among the at least one platform. Comprising a user interface screen editor that periodically arranged, the.

前記使用者インタフェース画面編集機における前記同期的配置は、前記標準プラットフォームに対する前記標準プラットフォームを除いたプラットフォームの画面の大きさ割合および／または、画面の解像度差を反映することができる。   The synchronous arrangement in the user interface screen editing machine may reflect a screen size ratio and / or a screen resolution difference of the platform excluding the standard platform with respect to the standard platform.

前記少なくとも一つの使用者インタフェース画面は、固有のコンテナレイアウト識別子および含まれる資源に関わる情報を含む少なくとも一つのコンテナレイアウトを順次に上下オーバーラップさせた形態に構成され、前記使用者インタフェース画面編集機は、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する少なくとも一つのコンテナレイアウトに含まれた資源の位置を配置することができる。   The at least one user interface screen is configured in a form in which at least one container layout including information related to a unique container layout identifier and included resources is sequentially overlapped, and the user interface screen editing machine includes: Corresponding to the standard platform, the position of the resource included in at least one container layout constituting the edit target user interface screen can be arranged.

また、前述した本発明の目的を達成するための本発明の一側面による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法をコンピュータ実行可能命令語で記録したコンピュータ判読可能媒体は、少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースの設計方法として、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集方法において、前記少なくとも一つの使用者インタフェース画面のうち、編集対象になる編集対象使用者インタフェース画面を選択する編集対象画面選択段階と、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する編集対象プラットフォーム選択段階と、前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する標準プラットフォーム選択段階と、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置するレイアウト編集段階と、前記レイアウト編集段階で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置するレイアウト同期化段階と、を含む同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法をコンピュータ実行可能命令語で記録したコンピュータ判読可能媒体である。   In addition, a computer-readable medium recorded with a computer-executable instruction word on a multi-platform-based user interface screen editing method supporting simultaneous editing according to one aspect of the present invention for achieving the above-described object of the present invention is provided. As a user interface design method including at least one user interface screen composed of one resource, user interface screen editing for editing the layout of resources constituting the user interface screen corresponding to various platforms In the method, an editing target screen selection step of selecting an editing target user interface screen to be edited from among the at least one user interface screen, and at least one platform to be applied to the editing target user interface screen. An editing target platform selection stage for selecting a form, a standard platform selection stage for selecting a standard platform to be directly edited among the at least one platform, and the editing target user interface corresponding to the standard platform. A layout editing stage for arranging the positions of resources constituting the screen, and the positions of the resources constituting the editing target user interface screen arranged in the layout editing stage, of the at least one platform, A user interface screen based on a multi-platform that supports simultaneous editing, including a layout synchronization stage that synchronously arranges the positions of resources constituting a user interface screen corresponding to a platform other than the standard platform. Editing method is a computer readable medium recorded with computer executable instructions for.

上述した多重プラットフォーム基盤使用者インタフェース画面の編集方法は、同時に複数のプラットフォームに対して一つの標準プラットフォームに対する使用者インタフェース画面をＷＹＳＩＷＹＧ方式で作成することによって、残りのプラットフォームに対する使用者インタフェース画面を自動に作成することができる。   The above-described multi-platform-based user interface screen editing method automatically creates user interface screens for one standard platform in a WYSIWYG method for a plurality of platforms at the same time. Can be created.

また、同一のプラットフォームに対応する使用者インタフェース画面に対して重複作業を防止することができ、作業の効率性を高めることができる。
延いては、作成の完了した使用者インタフェース画面は、画面サイズ別にＸＭＩ形式のファイルで保存されるため、使用者インタフェース画面を特定のプラットフォームや特定フレームワークに独立的に製作することができる。 In addition, it is possible to prevent duplicate work on user interface screens corresponding to the same platform, and to improve work efficiency.
As a result, the completed user interface screen is saved as an XMI format file for each screen size, so that the user interface screen can be independently produced on a specific platform or a specific framework.

本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法の全体的な過程を示すフローチャートである。5 is a flowchart illustrating an overall process of a multi-platform based user interface screen editing method supporting simultaneous editing according to an exemplary embodiment of the present invention. 本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法において、標準プラットフォームに対応する使用者インタフェース画面と非標準プラットフォームに対応する使用者インタフェース画面との同期化過程を示す概念図である。In a multi-platform based user interface screen editing method supporting simultaneous editing according to an embodiment of the present invention, a synchronization process between a user interface screen corresponding to a standard platform and a user interface screen corresponding to a non-standard platform is performed. FIG. 本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法に利用される多重プラットフォーム基盤の使用者インタフェース生成方法において、コンテナレイアウトのオーバーラップから最終使用者インタフェースを生成する過程を示す概念図である。In a multi-platform based user interface generation method used for a multi-platform based user interface screen editing method supporting simultaneous editing according to an embodiment of the present invention, a final user interface is generated from overlapping container layouts. It is a conceptual diagram which shows a process. 本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置の構成を示すブロック図である。1 is a block diagram illustrating a configuration of a multi-platform based user interface screen editing apparatus that supports simultaneous editing according to an embodiment of the present invention; FIG.

本発明は多様に変更することができ、多様な形態を有することができるが、ここでは、特定の実施形態を図面に例示して詳細に説明する。但し、ここでの記載は、本発明を特定の開示形態に限定するものではなく、本発明の権利範囲は、本発明の思想及び技術範囲に含まれる全ての変更、均等物、乃至代替物を含むことを理解すべきである。以下の記載では、各図面を説明しながら類似の参照符号を類似の構成要素に対して付与した。   While the invention is susceptible to various modifications and alternative forms, specific embodiments will now be described in detail by way of example with reference to the drawings. However, the description here does not limit the present invention to a specific disclosure form, and the scope of right of the present invention includes all modifications, equivalents, and alternatives included in the spirit and technical scope of the present invention. Should be included. In the following description, like reference numerals are given to like components while explaining the respective drawings.

また、第１、第２、等の用語は、多様な構成要素を説明するために使用することができるが、構成要素は用語によって限定されない。用語は一つの構成要素を他の構成要素から区別する目的としてのみ使用される。例えば、本発明の権利範囲から逸脱することなしに、第１構成要素は第２構成要素と称されてもよく、同様に第２構成要素も第１構成要素に称されてもよい。この他、「及び／または」という用語は、複数関連記載の項目の組合せまたは複数関連記載の項目のうちのいずれかを含む用語である。   In addition, terms such as first, second, and the like can be used to describe various components, but the components are not limited by the terms. The terminology is used only for the purpose of distinguishing one component from another. For example, the first component may be referred to as the second component, and, similarly, the second component may be referred to as the first component, without departing from the scope of the present invention. In addition, the term “and / or” is a term including either a combination of items described in a plurality of related descriptions or an item described in a plurality of related descriptions.

また、いかなる構成要素についても、当該構成要素が他の構成要素に「連結」されている、或いは、「接続」されていると言及する時には、他の構成要素に直接的に連結されているか或いは接続されていることもあるが、それらの中間に更に他の構成要素が存在することもあることを理解すべきである。   Also, for any component, when it is referred to as being “coupled” or “connected” to another component, it is directly coupled to the other component or It should be understood that there may be other components in between, although they may be connected.

反面、いかなる構成要素についても、当該構成要素が他の構成要素に「直接連結」されている、或いは、「直接接続」されていると言及するときには、中間に更に他の構成要素が存在しないことと理解すべきである。   On the other hand, when any component is referred to as being “directly connected” or “directly connected” to another component, there must be no other component in the middle. Should be understood.

また、本出願において用いた用語は、ただ特定の実施例を説明するためのものであって、本発明を限定するものではない。単数の表現は、文脈上、明白に相違が示されない限り、複数の表現を含む。本出願において、「含む」または「有する」等の用語は、明細書上に記載された特徴、数字、段階、動作、構成要素、部品、又はこれらを組み合わせたものが存在することを意図するものであって、一つまたはそれ以上の他の特徴や数字、段階、動作、構成要素、部品、又はこれらを組み合わせたもの等の存在または付加の可能性を予め排除しないことを理解しなければならない。   Further, the terms used in the present application are merely for describing specific embodiments and are not intended to limit the present invention. The singular form includes the plural form unless the context clearly indicates otherwise. In this application, terms such as “comprising” or “having” are intended to mean that a feature, number, step, operation, component, part, or combination thereof described in the specification is present. It should be understood that it does not exclude the possibility of the presence or addition of one or more other features or numbers, steps, actions, components, parts, combinations thereof, etc. .

以下、添付した図面を参照して、本発明の望ましい実施例をより詳細に説明する。以下、図面上の同一の構成要素に対しては同じ参照符号を使用し、同一の構成要素に対して重複した説明は省略する。   Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. Hereinafter, the same reference numerals are used for the same constituent elements in the drawings, and duplicate descriptions for the same constituent elements are omitted.

図１は、本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法の全体的な過程を示すフローチャートである。
図１を参照すると、同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法は大きく、編集対象画面選択段階１１０、編集対象プラットフォーム選択段階１２０、標準プラットフォーム選択段階１３、レイアウト編集段階１４０、およびレイアウト同期化段階１５０を含む。 FIG. 1 is a flowchart illustrating an overall process of a multi-platform based user interface screen editing method supporting simultaneous editing according to an embodiment of the present invention.
Referring to FIG. 1, the multi-platform-based user interface screen editing method that supports simultaneous editing is large: an editing target screen selection step 110, an editing target platform selection step 120, a standard platform selection step 13, a layout editing step 140, and A layout synchronization stage 150 is included.

具体的に編集対象画面選択段階１１０は、編集対象になる編集対象使用者インタフェース画面を選択する段階である。
資源(ｒｅｓｏｕｒｃｅ)とは、プッシュボタン(ｐｕｓｈ ｂｕｔｔｏｎ)、ラジオボタン(ｒａｄｉｏ ｂｕｔｔｏｎ)、絵、音、動画像または、靜的テキスト(ｓｔａｔｉｃ ｔｅｘｔ)等の使用者インタフェース画面上のアイテムを示す。 Specifically, the edit target screen selection step 110 is a step of selecting an edit target user interface screen to be edited.
The resource indicates an item on the user interface screen such as a push button, a radio button, a picture, a sound, a moving image, or a static text.

前記使用者インタフェース画面とは、前記少なくとも一つの資源で構成された視覚的な使用者インタフェースを示し、前記少なくとも一つの使用者インタフェース画面は、少なくとも一つのプラットフォームに対応する。   The user interface screen indicates a visual user interface composed of the at least one resource, and the at least one user interface screen corresponds to at least one platform.

前記使用者インタフェース画面に関する情報は、使用者インタフェースを構成する少なくとも一つの使用者インタフェース画面と前記使用者インタフェース画面を構成する少なくとも一つの資源をツリー形態に定義するオーガニゼーション(ｏｒｇａｎｉｚａｔｉｏｎ)編集機と、使用者インタフェースを構成する前記少なくとも一つの使用者インタフェース画面間の移転条件を定義して前記使用者インタフェース画面および前記使用者インタフェース画面を構成する少なくとも一つの資源間の関係を定義するフロー(ｆｌｏｗ)編集機によって項目が生成されることが可能である。   Information on the user interface screen includes at least one user interface screen constituting the user interface and an organization editor defining at least one resource constituting the user interface screen in a tree form, and use Flow editing for defining a transfer condition between the at least one user interface screen constituting the user interface and defining a relationship between the user interface screen and at least one resource constituting the user interface screen Items can be generated by the machine.

前記編集対象使用者インタフェース画面とは、開発者が編集対象として選択した使用者インタフェース画面であって、多重プラットフォームに対して共通で利用される画面を示す。   The edit target user interface screen is a user interface screen selected by the developer as an edit target, and is a screen that is commonly used for multiple platforms.

前記編集対象プラットフォーム選択段階１２０は、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する段階である。
前記プラットフォームとは、ソフトウェア応用プログラムを駆動するのに使われるハードウェアとソフトウェアとの結合であり、一つの運営体制または、コンピュータアーキテクチャーを意味するが、より拡張された意味からはモバイル端末機のような装置のハードウェアとソフトウェアとの結合を意味することもある。 The editing target platform selection step 120 is a step of selecting at least one platform to be applied to the editing target user interface screen.
The platform is a combination of hardware and software used to drive a software application program, and means a single operating system or computer architecture. It may mean a combination of the hardware and software of such a device.

前記標準プラットフォーム選択段階１３０、前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する段階である。
前記編集対象画面選択段階１１０で選択された前記編集対象使用者インタフェース画面は、前記編集対象プラットフォーム選択段階１２０で選択されたプラットフォームで使われることを予定とする。前記標準プラットフォームは、前記編集対象プラットフォーム選択段階１２０で選択されたプラットフォームのうち、レイアウト編集の基準になるプラットフォームを意味し、前記標準プラットフォームでない非標準プラットフォームは下記することのように前記標準プラットフォーム上のレイアウト編集と自身のレイアウト編集が同期される。 The standard platform selection step 130 is a step of selecting a standard platform to be directly edited from the at least one platform.
The editing target user interface screen selected in the editing target screen selection step 110 is scheduled to be used on the platform selected in the editing target platform selection step 120. The standard platform means a platform that is a reference for layout editing among the platforms selected in the editing target platform selection step 120. A non-standard platform that is not the standard platform is on the standard platform as described below. Layout editing and own layout editing are synchronized.

前記レイアウト編集段階１４０は、前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置する段階である。
前記レイアウト編集段階１４０で開発者は、前記標準プラットフォームに対してのみ前記編集対象使用者インタフェース画面上に前記資源のレイアウトを編集する。 The layout editing step 140 is a step of arranging the positions of resources constituting the editing target user interface screen corresponding to the standard platform.
In the layout editing step 140, the developer edits the resource layout on the editing target user interface screen only for the standard platform.

前記レイアウト同期化段階１５０は、前記レイアウト編集段階１４０で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いた前記非標準プラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置する段階である。   The layout synchronization step 150 corresponds to the position of the resource constituting the editing target user interface screen arranged in the layout editing step 140, and excludes the standard platform from the at least one platform. This is a stage of synchronously arranging the positions of resources constituting the user interface screen corresponding to the non-standard platform.

前記レイアウト同期化段階１５０を通じて前記標準プラットフォームと前記非標準プラットフォームに対応する使用者インタフェース画面の同時編集が行われる。
図２は、本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法において、標準プラットフォームに対応する使用者インタフェース画面と非標準プラットフォームに対応する使用者インタフェース画面間の同期化過程を示す概念図である。 Through the layout synchronization step 150, the user interface screens corresponding to the standard platform and the non-standard platform are simultaneously edited.
FIG. 2 shows a multi-platform user interface screen editing method supporting simultaneous editing according to an embodiment of the present invention, between a user interface screen corresponding to a standard platform and a user interface screen corresponding to a non-standard platform. It is a conceptual diagram which shows a synchronization process.

図２を参照すると、前記レイアウト同期化段階１４０の同期化過程は、前記編集対象プラットフォーム選択段階１２０で選択されたＮ個のプラットフォームに対応するＮ個の使用者インタフェース画面(２１０−１、２１０−Ｎ)を含む。説明の便宜上、１番プラットフォームが前記標準プラットフォームであると仮定する。   Referring to FIG. 2, the synchronization process of the layout synchronization step 140 includes N user interface screens (210-1, 210-) corresponding to the N platforms selected in the editing target platform selection step 120. N). For convenience of explanation, it is assumed that the first platform is the standard platform.

前記標準プラットフォームの１番プラットフォームに対応する使用者インタフェース画面(２１０−１)は、固有の画面解像度に対する情報としてｘ1(２１１−１)およびｙ1(２１３−１)を有し、前記非標準プラットフォームのＮ番プラットフォームに対応する使用者インタフェース画面(２１０−Ｎ)は、固有の画面解像度に対する情報としてｘN(２１１−Ｎ)およびｙN(２１３−Ｎ)を有する。 The user interface screen (210-1) corresponding to the first platform of the standard platform has x 1 (211-1) and y 1 (213-1) as information on the inherent screen resolution, and the non-standard The user interface screen (210-N) corresponding to the Nth platform of the platform has x N (211-N) and y N (213-N) as information on the inherent screen resolution.

すなわち、前記１番プラットフォームに対応する使用者インタフェース画面(２１０−１)上におけるレイアウトが座標値(Ｘ1，Ｙ1)に対して編集されるとする時、前記Ｎ番プラットフォームに対応する使用者インタフェース画面(２１０−Ｎ)上におけるレイアウトは座標値(Ｘ1×(ｘN／ｘ1)、Ｙ1×(ｙN／ｙ1))に対して編集されることに同期が行われる。 That is, when a layout in the user interface screen (210-1) on that corresponding to the number one platform are edited respect to the coordinate values (X 1, Y 1), the user corresponding to the N-th platform layout of the interface screen (210-N) on the coordinate values (X 1 × (x N / x 1), Y 1 × (y N / y 1)) synchronization to be edited with respect takes place.

図３は、本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法に利用される多重プラットフォーム基盤の使用者インタフェース生成方法においてコンテナレイアウトのオーバーラップから最終使用者インタフェースを生成する過程を示す概念図である。   FIG. 3 illustrates a multi-platform-based user interface generation method used for a multi-platform-based user interface screen editing method that supports simultaneous editing according to an embodiment of the present invention. It is a conceptual diagram which shows the process of producing | generating.

図３を参照すると、最終使用者インタフェース３４０の生成過程は、少なくとも一つのコンテナレイアウト(３１０、３２０、３３０)と前記コンテナレイアウトの上下オーバーラップ位置情報に依存する。   Referring to FIG. 3, the generation process of the final user interface 340 depends on at least one container layout (310, 320, 330) and upper / lower overlap position information of the container layout.

具体的にコンテナレイアウト＃１(３１０)は、１というコンテナレイアウト識別子を付与されて、Ｈｅａｄ Ｉｍａｇｅプッシュ ボタン、Ｌｅｆｔプッシュボタン、Ｒｉｇｈｔプッシュボタンをアイテムに有し、Ｈｅａｄ Ｉｍａｇｅプッシュボタンは最上団に配置され、Ｌｅｆｔプッシュボタンは左辺に配置され、Ｒｉｇｈｔプッシュボタンは右辺に配置されるというレイアウト情報を保有している。コンテナレイアウト＃２(３２０)は、２というコンテナレイアウト識別子を付与され、Ｎａｖｉ０１プッシュボタン、Ｎａｖｉ０２プッシュボタン、Ｎａｖｉ０３プッシュボタンを有し、Ｎａｖｉ０１プッシュボタンは最下団の左辺に配置され、Ｎａｖｉ０２プッシュボタンは最下団の中央に配置され、Ｎａｖｉ０３プッシュ ボタンは最下団の右辺に配置されるというレイアウト情報を保有している。コンテナレイアウト＃３(３３０)は、３というコンテナレイアウト識別子を付与され、Ｍｅｎｕ０１プッシュボタン、Ｍｅｎｕ０２プッシュボタン、Ｍｅｎｕ０３プッシュボタン、Ｍｅｎｕ０４プッシュボタンを有し、中央部の上段から下段への順にＭｅｎｕ０１プッシュボタン、Ｍｅｎｕ０２プッシュボタン、Ｍｅｎｕ０３プッシュボタン、Ｍｅｎｕ０４プッシュボタンが配置されるというレイアウト情報を保有している。   Specifically, container layout # 1 (310) has a container layout identifier of 1 and has a head image push button, a left push button, and a right push button as items, and the head image push button is arranged in the top group. The Left push button is disposed on the left side, and the Right push button is disposed on the right side. Container layout # 2 (320) has a container layout identifier of 2 and has a Navi01 push button, a Navi02 push button, and a Navi03 push button. The Navi01 push button is arranged on the left side of the lowest group, Arranged in the center of the lowest team, the Navi03 push button has layout information that is placed on the right side of the lowest team. Container layout # 3 (330) is given a container layout identifier of 3, and has a Menu01 push button, a Menu02 push button, a Menu03 push button, and a Menu04 push button. It has layout information that the Menu 02 push button, Menu 03 push button, and Menu 04 push button are arranged.

対象プラットフォームに対応する使用者インタフェースを生成するためにコンテナレイアウト＃１、＃２、＃３が順次選択され、前記コンテナレイアウトの上下オーバーラップ位置は先に選択されたものが後で選択されたものの下に置かれると予め決めたとすると、レイヤー最上層からレイヤー最下層への順序は順番どおりコンテナレイアウト＃３、コンテナレイアウト＃２、コンテナレイアウト＃１になる。   In order to generate a user interface corresponding to the target platform, container layouts # 1, # 2, and # 3 are sequentially selected, and the upper and lower overlapping positions of the container layout are those that have been selected earlier. If it is determined in advance that the layer will be placed below, the order from the top layer to the bottom layer will be container layout # 3, container layout # 2, and container layout # 1 in order.

前記コンテナレイアウトは、レイヤーとして機能するため、上層レイヤーの特定位置にアイテムが配置されない以上、下層レイヤーの前記特定位置に配置されたアイテムが最終使用者インタフェース上に現れる。   Since the container layout functions as a layer, the items arranged at the specific position of the lower layer appear on the final user interface as long as the item is not arranged at the specific position of the upper layer.

最終的にコンテナレイアウト＃１(３１０)、コンテナレイアウト＃２(３２０)、コンテナレイアウト＃３(３３０)が上下オーバーラップされて使用者インタフェース(３４０)を生成する。   Finally, container layout # 1 (310), container layout # 2 (320), and container layout # 3 (330) are vertically overlapped to generate a user interface (340).

図４は、本発明の一実施例による同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置の構成を示すブロック図である。
図４を参照すると、同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置は大きく、プラットフォーム情報データベース４１０、編集作業管理機４２０、および使用者インタフェース画面編集機４３０を含む。 FIG. 4 is a block diagram illustrating a configuration of a multi-platform based user interface screen editing apparatus supporting simultaneous editing according to an embodiment of the present invention.
Referring to FIG. 4, a multi-platform based user interface screen editing apparatus that supports simultaneous editing is large and includes a platform information database 410, an editing work management machine 420, and a user interface screen editing machine 430.

具体的に前記プラットフォーム情報データベース４１０は、前記少なくとも一つの使用者インタフェース画面に対する使用者インタフェース画面情報および前記少なくとも一つの使用者インタフェース画面に対応する少なくとも一つのプラットフォームに対するプラットフォーム情報を保存する装置である。前記プラットフォーム情報データベース４１０は、前記使用者インタフェース画面情報および前記プラットフォーム情報を記録したコンピュータ判読可能媒体などでありうる。   Specifically, the platform information database 410 is a device that stores user interface screen information for the at least one user interface screen and platform information for at least one platform corresponding to the at least one user interface screen. The platform information database 410 may be a computer-readable medium that records the user interface screen information and the platform information.

前記プラットフォーム情報データベース４１０に保存される前記使用者インタフェース画面情報は、使用者インタフェース画面識別子、使用者インタフェース画面サイズ、使用者インタフェースに含まれる前記資源の識別子、前記資源の大きさ、前記資源の位置に関わるものであることがある。   The user interface screen information stored in the platform information database 410 includes a user interface screen identifier, a user interface screen size, an identifier of the resource included in the user interface, a size of the resource, and a position of the resource. It may be related to.

前記編集作業管理機４２０は、前記プラットフォーム情報データベースに保存された前記使用者インタフェース画面情報および前記プラットフォーム情報から、編集対象になる編集対象使用者インタフェース画面、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームおよび前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する装置である。前記編集作業管理機４２０は、前記機能を遂行するコンピュータ実行可能命令語で記録したコンピュータ判読可能媒体などであってもよい。   The editing work management machine 420 uses the user interface screen information and the platform information stored in the platform information database as application targets of the editing target user interface screen and the editing target user interface screen. An at least one platform and a standard platform to be directly edited among the at least one platform. The editing work manager 420 may be a computer-readable medium recorded with computer-executable instructions for performing the functions.

前記編集作業管理機４２０は、前記編集対象使用者インタフェース画面を選択することにおいて、レイヤーとして動作するコンテナレイアウト機能を有する使用者インタフェース画面であるか否かを設定しうるものであってもよい。   The editing work management machine 420 may be configured to select whether or not the user interface screen has a container layout function that operates as a layer in selecting the editing target user interface screen.

前記使用者インタフェース画面編集機４３０は、前記編集作業管理機４２０が選択した前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置し、配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いた非標準プラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置する装置である。前記編集作業管理機４２０は、前記機能を遂行するコンピュータ実行可能命令語で記録したコンピュータ判読可能媒体などであってもよい。   The user interface screen editing machine 430 arranges the positions of the resources constituting the editing target user interface screen corresponding to the standard platform selected by the editing work management machine 420, and arranges the arranged editing objects. Corresponding to the location of the resource constituting the user interface screen, the location of the resource constituting the user interface screen corresponding to the non-standard platform excluding the standard platform among the at least one platform is synchronously arranged. It is a device to do. The editing work manager 420 may be a computer-readable medium recorded with computer-executable instructions for performing the functions.

前記使用者インタフェース画面編集機４３０は、使用者インタフェース画面の編集において、レイヤーとして動作するコンテナレイアウト機能を有する使用者インタフェース画面を編集できるものであってもよい。   The user interface screen editor 430 may be capable of editing a user interface screen having a container layout function that operates as a layer in editing the user interface screen.

以上、添付図面を参照しながら本発明の好適な実施形態について詳細に説明したが、本発明はかかる例に限定されない。本発明の属する技術の分野における通常の知識を有する者であれば、特許請求の範囲に記載された技術的思想の範囲内において、各種の変更例または修正例に想到し得ることは明らかであり、これらについても、当然に本発明の技術的範囲に属するものと了解される。   The preferred embodiments of the present invention have been described in detail above with reference to the accompanying drawings, but the present invention is not limited to such examples. It is obvious that a person having ordinary knowledge in the technical field to which the present invention pertains can come up with various changes and modifications within the scope of the technical idea described in the claims. Of course, it is understood that these also belong to the technical scope of the present invention.

Claims (10)

少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースの設計方法であって、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集方法において、
前記少なくとも一つの使用者インタフェース画面のうち、編集対象になる編集対象使用者インタフェース画面を選択する編集対象画面選択段階と、
前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する編集対象プラットフォーム選択段階と、
前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する標準プラットフォーム選択段階と、
前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置するレイアウト編集段階と、
前記レイアウト編集段階で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置するレイアウト同期化段階と、を含むことを特徴とする同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。 A user interface design method including at least one user interface screen composed of at least one resource, the user editing a layout of resources constituting the user interface screen corresponding to various platforms. In the interface screen editing method,
Of the at least one user interface screen, an edit target screen selection step for selecting an edit target user interface screen to be edited;
An editing target platform selection step of selecting at least one platform to be applied to the editing target user interface screen;
A standard platform selection step of selecting a standard platform to be directly edited from the at least one platform;
A layout editing stage for arranging the positions of the resources constituting the editing target user interface screen corresponding to the standard platform;
A user interface screen corresponding to a platform excluding the standard platform among the at least one platform is configured corresponding to the position of the resource configuring the user interface screen to be edited arranged in the layout editing stage. A multi-platform user interface screen editing method for supporting simultaneous editing, comprising: a layout synchronization stage for synchronously arranging positions of resources to be performed. 前記レイアウト同期化段階の同期化は、前記標準プラットフォームに対する前記標準プラットフォームを除いたプラットフォームの画面の大きさ割合および／または、画面の解像度差を反映することを特徴とする請求項１に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。   The synchronization according to claim 1, wherein the synchronization in the layout synchronization stage reflects a screen size ratio of the platform excluding the standard platform and / or a screen resolution difference with respect to the standard platform. A multi-platform user interface screen editing method that supports editing. 前記少なくとも一つの使用者インタフェース画面は、
固有のコンテナレイアウト識別子および含まれる資源に関わる情報を含む少なくとも一つのコンテナレイアウトを順次に上下オーバーラップさせた形態に構成され、
前記レイアウト編集段階は、
前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する少なくとも一つのコンテナレイアウトに含まれた資源の位置を配置するレイアウト編集段階であることを特徴とする請求項１に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。 The at least one user interface screen is:
It is configured in a form in which at least one container layout including a unique container layout identifier and information related to included resources is sequentially overlapped vertically.
The layout editing stage includes
2. The simultaneous editing according to claim 1, wherein in the layout editing stage, a position of a resource included in at least one container layout constituting the editing target user interface screen is arranged corresponding to the standard platform. Multi-platform user interface screen editing method that supports editing. 前記少なくとも一つの使用者インタフェース画面は、前記含まれる資源の類型を指定する属性を有することを特徴とする請求項１に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。   2. The multi-platform based user interface screen editing method according to claim 1, wherein the at least one user interface screen has an attribute for designating a type of the included resource. 前記資源の類型を指定する属性は、プッシュボタン、ラジオボタン、絵、音、動画像または、靜的テキストのうち、少なくとも一つを指定することを特徴とする請求項４に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。   5. The simultaneous editing according to claim 4, wherein the attribute specifying the resource type specifies at least one of a push button, a radio button, a picture, a sound, a moving image, and an intentional text. Multi-platform platform user interface screen editing method to support. 前記少なくとも一つの使用者インタフェース画面は、前記含まれる資源の位置を指定する属性を有することを特徴とする請求項１に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法。   2. The multi-platform based user interface screen editing method according to claim 1, wherein the at least one user interface screen has an attribute for designating a position of the included resource. 少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースにおいて、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集装置において、
前記少なくとも一つの使用者インタフェース画面に対する使用者インタフェース画面情報および前記少なくとも一つの使用者インタフェース画面に対応する少なくとも一つのプラットフォームに対するプラットフォーム情報を保存するプラットフォーム情報データベースと、
前記プラットフォーム情報データベースに保存された前記使用者インタフェース画面情報および前記プラットフォーム情報から、編集対象になる編集対象使用者インタフェース画面、前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームおよび前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する編集作業管理機と、
前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置し、前記配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置する使用者インタフェース画面編集機と、を具備することを特徴とする同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置。 In a user interface including at least one user interface screen composed of at least one resource, and a user interface screen editing device for editing a layout of resources constituting the user interface screen corresponding to various platforms ,
A platform information database for storing user interface screen information for the at least one user interface screen and platform information for at least one platform corresponding to the at least one user interface screen;
From the user interface screen information and the platform information stored in the platform information database, an editing target user interface screen to be edited, at least one platform to which the editing target user interface screen is applied, and the at least An editing work management machine that selects a standard platform to be directly edited from one platform,
Corresponding to the standard platform, the position of the resource constituting the editing target user interface screen is arranged, and the position of the resource constituting the arranged editing target user interface screen is corresponded to the at least one. A user interface screen editor that synchronously arranges the positions of resources constituting the user interface screen corresponding to platforms other than the standard platform among the two platforms. Multi-platform user interface screen editing device to support. 前記使用者インタフェース画面編集機における前記同期的配置は、前記標準プラットフォームに対する前記標準プラットフォームを除いたプラットフォームの画面の大きさ割合および／または、画面の解像度差を反映することを特徴とする請求項７に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置。   8. The synchronous arrangement in the user interface screen editor reflects a screen size ratio of the platform excluding the standard platform and / or a screen resolution difference with respect to the standard platform. A multi-platform user interface screen editing device that supports simultaneous editing described in 1. 前記少なくとも一つの使用者インタフェース画面は、
固有のコンテナレイアウト識別子および含まれる資源に関わる情報を含む少なくとも一つのコンテナレイアウトを順次に上下オーバーラップさせた形態に構成され、
前記使用者インタフェース画面編集機は、
前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する少なくとも一つのコンテナレイアウトに含まれた資源の位置を配置することを特徴とする請求項７に記載の同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集装置。 The at least one user interface screen is:
It is configured in a form in which at least one container layout including a unique container layout identifier and information related to included resources is sequentially overlapped vertically.
The user interface screen editor is
8. The multiplexing for supporting simultaneous editing according to claim 7, wherein a position of a resource included in at least one container layout constituting the editing target user interface screen is arranged corresponding to the standard platform. Platform-based user interface screen editing device. 少なくとも一つの資源で構成された少なくとも一つの使用者インタフェース画面を含む使用者インタフェースの設計方法として、前記使用者インタフェース画面を構成する資源のレイアウトを多様なプラットフォームに対応して編集する使用者インタフェース画面編集方法において、
前記少なくとも一つの使用者インタフェース画面のうち、編集対象になる編集対象使用者インタフェース画面を選択する編集対象画面選択段階と、
前記編集対象使用者インタフェース画面の適用対象になる少なくとも一つのプラットフォームを選択する編集対象プラットフォーム選択段階と、
前記少なくとも一つのプラットフォームのうち、直接編集の対象になる標準プラットフォームを選択する標準プラットフォーム選択段階と、
前記標準プラットフォームに対応して、前記編集対象使用者インタフェース画面を構成する資源の位置を配置するレイアウト編集段階と、
前記レイアウト編集段階で配置された前記編集対象使用者インタフェース画面を構成する資源の位置に対応して、前記少なくとも一つのプラットフォームのうち、前記標準プラットフォームを除いたプラットフォームに対応する使用者インタフェース画面を構成する資源の位置を同期的に配置するレイアウト同期化段階と、を含む同時編集を支援する多重プラットフォーム基盤の使用者インタフェース画面編集方法をコンピュータ実行可能命令語で記録したコンピュータ判読可能媒体。 As a user interface design method including at least one user interface screen composed of at least one resource, a user interface screen for editing the layout of resources constituting the user interface screen corresponding to various platforms In editing method,
Of the at least one user interface screen, an edit target screen selection step for selecting an edit target user interface screen to be edited;
An editing target platform selection step of selecting at least one platform to be applied to the editing target user interface screen;
A standard platform selection step of selecting a standard platform to be directly edited from the at least one platform;
A layout editing stage for arranging the position of the resource constituting the editing target user interface screen corresponding to the standard platform;
A user interface screen corresponding to a platform excluding the standard platform among the at least one platform is configured corresponding to the position of the resource configuring the user interface screen to be edited arranged in the layout editing stage. A computer-readable medium recording a multi-platform-based user interface screen editing method using computer-executable command words for supporting simultaneous editing, including a layout synchronization stage for synchronously arranging the positions of resources to be executed.
JP2010543036A 2008-01-15 2008-01-15 Multi-platform based user interface screen editing method and apparatus for supporting simultaneous editing Expired - Fee Related JP5014491B2 (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/KR2008/000259 WO2009091089A1 (en) 2008-01-15 2008-01-15 Multi-platform based user interface screen editing method and device supporting concurrent editing of user interface screens

Publications (2)

Publication Number Publication Date
JP2011510393A true JP2011510393A (en) 2011-03-31
JP5014491B2 JP5014491B2 (en) 2012-08-29

Family

ID=40885462

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2010543036A Expired - Fee Related JP5014491B2 (en) 2008-01-15 2008-01-15 Multi-platform based user interface screen editing method and apparatus for supporting simultaneous editing

Country Status (2)

Country Link
JP (1) JP5014491B2 (en)
WO (1) WO2009091089A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101546725B1 (en) * 2015-01-26 2015-08-25 (주)유코아시스템 Responsive layouts design method
KR101774505B1 (en) 2017-04-10 2017-09-05 주식회사 한미이앤씨 Design server, design system and method for automatic fire detector including the same

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07244568A (en) * 1994-03-04 1995-09-19 Pfu Ltd Method and device for preparing display screen
JP2000035873A (en) * 1999-07-19 2000-02-02 Matsushita Electric Ind Co Ltd Information processor and information processing method
JP2003044261A (en) * 2001-05-10 2003-02-14 Internatl Business Mach Corp <Ibm> Method and device for previewing user interface appearance on a plurality of platforms
JP2003330713A (en) * 2002-05-08 2003-11-21 Docomo Communications Laboratories Usa Inc Transformation of platform specific graphical user interface widgets migrated between heterogeneous device platforms
JP2005094334A (en) * 2003-09-17 2005-04-07 Casio Comput Co Ltd Network server and program executed thereby

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7111242B1 (en) * 1999-01-27 2006-09-19 Gateway Inc. Method and apparatus for automatically generating a device user interface
US7117446B2 (en) * 1999-02-01 2006-10-03 Sonic Solutions, Inc. User interface method and system for application programs implemented with component architectures
US7246326B2 (en) * 2001-06-25 2007-07-17 Siemens Medical Solutions Health Services Corporation System and procedure for providing a user interface display
US20030160822A1 (en) * 2002-02-22 2003-08-28 Eastman Kodak Company System and method for creating graphical user interfaces

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07244568A (en) * 1994-03-04 1995-09-19 Pfu Ltd Method and device for preparing display screen
JP2000035873A (en) * 1999-07-19 2000-02-02 Matsushita Electric Ind Co Ltd Information processor and information processing method
JP2003044261A (en) * 2001-05-10 2003-02-14 Internatl Business Mach Corp <Ibm> Method and device for previewing user interface appearance on a plurality of platforms
JP2003330713A (en) * 2002-05-08 2003-11-21 Docomo Communications Laboratories Usa Inc Transformation of platform specific graphical user interface widgets migrated between heterogeneous device platforms
JP2005094334A (en) * 2003-09-17 2005-04-07 Casio Comput Co Ltd Network server and program executed thereby

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101546725B1 (en) * 2015-01-26 2015-08-25 (주)유코아시스템 Responsive layouts design method
KR101774505B1 (en) 2017-04-10 2017-09-05 주식회사 한미이앤씨 Design server, design system and method for automatic fire detector including the same

Also Published As

Publication number Publication date
WO2009091089A1 (en) 2009-07-23
JP5014491B2 (en) 2012-08-29

Similar Documents

Publication Publication Date Title
Paterno et al. One model, many interfaces
US8117594B2 (en) Graphical editor with incremental development
CN101364176B (en) BPEL visualized model building system based on GMF
US20140237443A1 (en) System and method for supporting intelligent design pattern automation
US20170286068A1 (en) Development support system
KR101572509B1 (en) the operating method of user interface framework for web-based application construction
JP5681939B2 (en) Form providing device, form providing method, and program
JPH08501401A (en) Object-oriented notification framework system
KR100962441B1 (en) Multi-Platform based User Interface Screen Editing Method And Device Supporting Concurrent Editing of User Interface Screens
JP2008203912A (en) Screen forming apparatus, method and program
JP2008269554A (en) Source code generating device
US20220156422A1 (en) System and method for selectively implementing layout configurations amongst object groupings of a design under edit
JP5014491B2 (en) Multi-platform based user interface screen editing method and apparatus for supporting simultaneous editing
WO2013109858A1 (en) Design canvas
JP2001306310A (en) Method and device for assisting creation of gui part and application developing method
CN114912897A (en) Workflow execution method, workflow arrangement method and electronic equipment
JP2009129223A (en) Image editing device, image editing program, recording medium, and image editing method
JP6409998B1 (en) Fixture placement support system and fixture placement support program
JP2009129224A (en) Image operating device, image operating program, recording medium, and image operating method
CN114153442A (en) Large-screen visualization page configuration method and system based on visualization component
JP4526354B2 (en) Screen creation device
JP7183458B1 (en) Setting work support device, setting work support method, and setting work support program
US20140123100A1 (en) System and method for implementing information systems
JP5502696B2 (en) Software development support system, software development support program, software development support method
JP2010009145A (en) Web page creation system and web page creation program

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20120229

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20120522

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20120605

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20150615

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

LAPS Cancellation because of no payment of annual fees