KR20150092880A - 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치 - Google Patents

그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치 Download PDF

Info

Publication number
KR20150092880A
KR20150092880A KR1020140013466A KR20140013466A KR20150092880A KR 20150092880 A KR20150092880 A KR 20150092880A KR 1020140013466 A KR1020140013466 A KR 1020140013466A KR 20140013466 A KR20140013466 A KR 20140013466A KR 20150092880 A KR20150092880 A KR 20150092880A
Authority
KR
South Korea
Prior art keywords
variable
gui
user interface
graphical user
function
Prior art date
Application number
KR1020140013466A
Other languages
English (en)
Inventor
이지현
Original Assignee
한국전자통신연구원
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 한국전자통신연구원 filed Critical 한국전자통신연구원
Priority to KR1020140013466A priority Critical patent/KR20150092880A/ko
Priority to US14/535,358 priority patent/US20150220236A1/en
Publication of KR20150092880A publication Critical patent/KR20150092880A/ko

Links

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/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4488—Object-oriented
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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/35—Creation or generation of source code model driven

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

그래픽 사용자 인터페이스 프로토타입 개발 후, 설계 변경 가능한 부분을 재선택(re-selection) 및 재설정(re-configuration)할 수 있는 그래픽 사용자 인터페이스 개발 방법 및 장치가 개시된다. 본 발명의 일 면에 따른 컴퓨터로 구현 가능한, 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법은 그래픽 사용자 인터페이스(이하, GUI)로 생성할 기능을 정의한 가변 설계 모델을 생성하는 단계; 상기 가변 설계 모델과 화면 단위의 GUI 구성요소들을 매핑한 가변-GUI 매핑 모델을 생성하는 단계; 상기 가변-GUI 매핑 모델을 구성하는 기능, GUI 구성요소들과, 상기 기능 수행에 필요한 도메인 객체 사이의 연관 관계를 정의하고, 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 단계; 상기 도메인 객체의 속성 정보를 설정하는 단계; 및 GUI 실행 플랫폼 환경에 해당하는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과, 상기 GUI 구성요소들의 정보와, 상기 도메인 객체의 속성 정보를 이용하여 상기 가변-GUI 매핑 모델을 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 단계를 포함한다.

Description

그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치{Method and Apparatus for Re-Configuring Design Decisions after Developing Graphic User Interface}
본 발명은 그래픽 사용자 인터페이스 개발 도구에 관한 것으로서, 보다 상세하게는 그래픽 사용자 인터페이스 프로토타입 개발 후, 설계 변경 가능한 부분을 재선택(re-selection) 및 재설정(re-configuration)할 수 있는 그래픽 사용자 인터페이스 개발 방법 및 장치에 관한 것이다.
그래픽 사용자 인터페이스는 비용 효율이 좋고 해상도가 높은 디스플레이가 개발됨에 따라 최근에 개선되고 있으며, 이들의 애플리케이션은 정보 기술 및 정보 기술의 거의 모든 분야, 특히 전기통신, 엔터테인먼트 전자공학 및 산업 생산 및 처리 플랜트 분야에서의 정보 처리 영역에 기초하여 널리 사용되고 있다.
특히, 현재 출시되는 이동 단말장치 및 인터넷 서비스를 통해 제공받는 어플리케이션의 기능은 탑재된 그래픽 인터페이스 소프트웨어를 통해 제공받는다. 그래픽 인터페이스 소프트웨어는 어플리케이션에서 제공하는 기능과 긴밀히 연결되어 개발되는데, 그래픽 사용자 인터페이스는 기능 변경이나 사용자의 기능 접근을 용이하게 하기 위해 빈번히 변경된다.
설계-프로토타입 개발-사용자 테스팅의 반복으로 이루어지는 종래의 그래픽 사용자 인터페이스 개발에 있어서, 설계 후 프로토타입 개발로 이어지는 작업은 용이하지 못하다. 이런 이유로, 프로그래밍 코드 입력을 통한 프로토타입 개발 후 사용자 테스팅은 무수히 반복되는 실정이다.
본 발명은 상술한 종래 기술의 문제점을 해결하기 위하여, 그래픽 사용자 인터페이스 프로토타입 개발 후, 설계 변경 가능한 부분을 재선택(re-selection) 및 재설정(re-configuration)할 수 있는 그래픽 사용자 인터페이스 개발 방법 및 장치를 제공하는 것을 목적으로 한다.
본 발명의 목적은 이상에서 언급한 목적으로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다.
상술한 본 발명의 목적을 달성하기 위한 본 발명의 일 면에 따른 컴퓨터로 구현 가능한, 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법은 그래픽 사용자 인터페이스(이하, GUI)로 생성할 기능을 정의한 가변 설계 모델을 생성하는 단계; 상기 가변 설계 모델과 화면 단위의 GUI 구성요소들을 매핑한 가변-GUI 매핑 모델을 생성하는 단계; 상기 가변-GUI 매핑 모델을 구성하는 기능, GUI 구성요소들과, 상기 기능 수행에 필요한 도메인 객체 사이의 연관 관계를 정의하고, 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 단계; 상기 도메인 객체의 속성 정보를 설정하는 단계; 및 GUI 실행 플랫폼 환경에 해당하는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과, 상기 GUI 구성요소들의 정보와, 상기 도메인 객체의 속성 정보를 이용하여 상기 가변-GUI 매핑 모델을 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 단계를 포함한다.
본 발명의 다른 면에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치는 적어도 하나 이상의 프로세서와, 상기 프로세서에 의해 실행되는 소스 코드가 저장된 비휘발성 메모리를 포함하되, 상기 소스 코드는,
그래픽 사용자 인터페이스(이하, GUI)로 생성할 기능을 정의한 가변 설계 모델을 생성하고, 상기 가변 설계 모델과 화면 단위의 GUI 구성요소들을 매핑한 가변-GUI 매핑 모델을 생성하는 가변 설계 모델러; 상기 가변-GUI 매핑 모델을 구성하는 기능, GUI 구성요소들과, 상기 기능 수행에 필요한 도메인 객체 사이의 연관 관계를 정의하고, 상기 도메인 객체의 속성 정보를 설정하는 재사용 소프트웨어 자산 정의기; 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 GUI 가변 설정기; 및 GUI 실행 플랫폼 환경에 해당하는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과, 상기 GUI 구성요소들의 정보와, 상기 도메인 객체의 속성 정보를 이용하여 상기 가변-GUI 매핑 모델을 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 코드 변환기를 포함한다.
이상 상술한 바와 같은 본 발명에 따르면, 어플리케이션에서 제공되는 기능-GUI 화면-도메인 객체 및 도메인 객체 집합과의 관련성으로 매핑하여 정의하고, 이들 사이의 관련성 변경을 용이하게 할 수 있다. 따라서, 기존의 수작업 코딩에 의존하여 설계-프로토타입 개발-사용자 테스팅을 반복하던 그래픽 사용자 인터페이스 개발 방법에 비해, GUI 개발 시 변경 가능한 부분을 재선택하고, 재설정할 수 있는 유연성을 제공할 수 있다.
도 1은 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치를 도시한 도면.
도 2는 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법을 도시한 도면.
도 3a 내지 도 3e는 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법의 각 단계를 설명하기 위한 도면.
도 4는 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법이 실행되는 컴퓨터 장치의 일 예를 도시한 도면.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 기재에 의해 정의된다. 한편, 본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 또는 "포함하는(comprising)"은 언급된 구성요소, 단계, 동작 및/또는 소자 이외의 하나 이상의 다른 구성요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.
이하, 본 발명의 바람직한 실시예를 첨부된 도면들을 참조하여 상세히 설명한다. 우선 각 도면의 구성요소들에 참조부호를 부가함에 있어서, 동일한 구성요소들에 대해서는 비록 다른 도면상에 표시되더라도 가급적 동일한 부호를 부여하고 또한 본 발명을 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있는 경우에는 그 상세한 설명은 생략한다.
도 1은 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치를 도시한 도면이다.
도 1을 참조하면, 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치는 가변 설계 모델러(100), GUI 가변 설정기(200), 재사용 소프트웨어 자산 정의기(300), 코드변환기(400)를 포함하여 구성된다.
가변 설계 모델러(100)는 기능 트리 정의기(110)와 기능-GUI 대응기(120)를 포함한다. 기능 트리 정의기(110)는 어플리케이션 기능을 계층 구조로 정의할 수 있도록 지원한다.
예컨대, 기능 트리 정의기(110)는 계층 구조의 어플리케이션에서 수행될 기능을 트리 구조로 새롭게 정의할 수 있으며, 혹은 정의된 기능 트리 구조에서 일부 기능만을 선택하여 가변 설정될 기능 트리를 재정의할 수 있다. 여기서, 상기 기능 트리 정의기(110)에서 새롭게 정의된 계층 구조의 기능들, 혹은 기존의 기능 트리에서 일부 선택된 계층 구조의 기능들을 가변 설계 모델(111)로 정의한다. 후술하겠지만, 가변 설계 모델(111)은 장치 사용자가 접근할 수 있는 GUI(Graphic User Interface) 형태로 구조가 설정된 가변-GUI 매핑모델(121)로 변환된다.
기능-GUI 대응기(120)는 가변 설계 모델(111)과 화면 단위의 GUI 구성요소들을 매핑하여 가변-GUI 매핑모델(121)을 생성한다. 여기서, 한 화면을 구성하는 GUI의 구성요소는 데이터 입력, 특정 기능 요청, 기능 수행 결과를 배치하기 위해 분류된다.
가변-GUI 매핑모델(121)은 기능 트리로 선택된 기능을 장치 사용자가 접근할 수 있는 GUI 형태로 구조가 설정된 것을 의미한다. 가변-GUI 매핑모델(121)에는 기능 트리를 구성하는 각 노드가 장치의 화면에 보일 UI 구조, 즉 GUI 화면 전체가 어떤 형태의 위젯(예컨대, 윈도우 창, 웹 페이지, 실행 윈도우, 폼, 다이얼로그 등)으로 표현될 지가 설정된다.
한편, 기능을 정의한 서브 계층 구조(sub-hierarchy)의 가변 설계 모델(111)은 화면 단위의 GUI 구성요소들과 매핑 되지 않을 수 있다. 예컨대, 정의된 기능 부재, 기능 정의 계층 수준(level) 불일치가 발생할 수 있으며, 이와 같이 가변 설계 모델(111)이 화면 단위로 GUI 구성과 매핑 될 수 없을 때, 기능-GUI 대응기(120)는 불일치 된 기능이나 GUI 구성 요소를 재정의하여 매핑 될 수 있도록 한다.
GUI 가변 설정기(200)는 화면 레이아웃 정의기(210), 액션 정의기(220), 네비게이션 정보 정의기(230)를 포함하여 구성된다.
GUI 가변 설정기(200)는 GUI에서 변경 가능한 화면 레이아웃, 액션, 네비게이션 정보를 정의하고, 부분적으로 일부를 변경한다. 예컨대, GUI 가변 설정기(200)는 GUI 가변 정보(예를 들어, 화면 레이아웃, 액션으로 처리될 화면 내 동작 기능, 네비게이션 정보를 의미하는 것으로서 화면간의 이동 정보)를 가변-GUI 매핑모델(121)의 기능 및 도메인 객체에 추가 설정하여 가변-GUI 매핑 모델(121)을 확장된 가변-GUI 매핑 모델(121')로 변환한다. 여기서, 확장된 가변-GUI 매핑 모델(121')로의 변환은 가변 설계 모델(111)이 GUI 정보 및 도메인 객체와 연관된 상태에서 이루어진다.
화면 레이아웃 정의기(210)는 한 화면에 배치될 GUI 구성요소들의 레이아웃을 정의한다. 예컨대, 각 페이지는 레이블, 텍스트 필드, 폼 등의 GUI 구성요소들로 배치될 수 있다. 화면 레이아웃 정의기(210)는 페이지 단위로 페이지 내부에 위치할 GUI 구성요소들을 배치할 레이아웃을 결정하고, 변경 가능한 구성요소의 가변 타입 및 상기 GUI 구성요소의 GUI 타입과 같은 확장된 특징을 지정한다.
액션 정의기(220)는 GUI 구성요소를 통해 처리될 기능을 정의하며, 수행될 기능과 GUI 구성요소 간의 연관은 버튼과 메뉴 중에서 선택된다. 액션 정의기(220)는 수행될 기능의 사전 조건, 수행 코드, 사후 조건에 대해 정의하고, 변경 가능한 구성요소의 가변 타입을 지정한다. 이 때, 액션을 호출하는 GUI 구성요소와 액션 호출 후 이동할 화면 이동 정보가 함께 매핑 된다.
네비게이션 정보 정의기(230)는 화면 이동 목적에 따라 버튼, 링크, 메뉴 방식으로 네비게이션 정보를 정의하고, 변경 가능한 구성요소의 가변 타입을 지정한다. 구체적으로 설명하면, 웹 페이지 이동은 이동 목적에 따라 submit 방식, 링크 방식, 메뉴 방식으로 나뉠 수 있다. 예를 들어, 폼 UI에서 submit 방식은 버튼을 눌러 다른 결과 페이지로 이동할 수 있게 설정해야 한다. 같은(또는 다른) 페이지의 특정 위치로 링크하는 방식은 html의 '<a' 링크를 사용하여 이동하는 방식을 의미한다. 메뉴 방식은 메뉴 바에서 메뉴 명칭을 선택하여 페이지를 이동하는 방식을 의미한다.
재사용 소프트웨어 자산 정의기(300)는 기능-도메인 객체 연결기(310)와 도메인 객체 정의기(320)를 포함하여 구성된다. 재사용 소프트웨어 자산 정의기(300)는 도메인 객체를 정의하고 GUI 구성요소와 도메인 객체를 연결하는 기능을 한다.
여기서, 도메인 객체는 필드와 함수를 서브 속성(sub-property)로 갖는 사용자 정의 데이터 타입을 의미한다. 기능은 도메인 객체와 객체 처리를 위한 함수이다. 따라서 도메인 객체는 기능 트리 정의기(110)에서 정의된 기능과 연관성을 갖는다. 본 발명은 기능-GUI 화면-도메인 객체 및 도메인 객체 집합과의 관련성을 매핑으로 정의하고, 이들 사이의 관련성 변경을 용이하게 하는데 특징이 있다.
기능-도메인 객체 연결기(310)는 가변 설계 모델(111)로 정의된 선택된 기능들을 수행하는데 필요한 도메인 객체를 검색하여 매핑한다.
도메인 객체 정의기(320)는 기능에 매핑된 도메인 객체들의 속성에 가변 값을 설정(configuration)한다. 도메인 객체들의 속성에 대한 가변 값 설정은 설계 결정 사항이 발생할 때 변경 가능한 부분, 즉 가변점(variation point)이 된다.
코드 변환기(400)는 GUI 코드 생성 규칙 정의기(410), 가변-GUI 매핑 모델 파서(420), GUI 코드 변환기(430)를 포함하여 구성된다. 코드 변환기(400)는 가변-GUI 매핑 모델은 GUI 화면을 보여 줄 수 있는 실행 파일로 변환한다.
GUI 코드 생성 규칙 정의기(410)는 변환하고자 하는 가변-GUI 매핑 모델(121)이 GUI 실행 플랫폼 환경에서 프로그래밍 언어로 코드로 변환될 수 있는 규칙 작성을 지원한다. 규칙은 가변-GUI 매핑 모델(121)을 구성하는 요소가 반영될 부분 코드에 대해 정의한다. 또한 변환된 부분 코드가 위치할 코드 템플릿과 템플릿 내 위치 정보도 함께 GUI 코드 생성 규칙으로 정의된다. 코드 템플릿과 변환 부분 코드는 합쳐져 실행 가능한 GUI 파일을 구성한다. 예컨대, GUI 코드 생성 규칙 정의기(410)는 도메인 객체의 속성 타입과 도메인 객체에 매핑된 GUI 구성요소의 타입에 관한 관계를 정의한 규칙을 생성할 수 있다.
가변-GUI 매핑 모델 파서(420)는 확장된 가변-GUI 매핑 모델(121')을 파싱하여 확장된 가변-GUI 매핑 모델(121')을 구성하고 있는 모델 구성 요소들을 (모델 구성 요소 명, 매핑 된 가변 값)의 쌍으로 구성한다.
GUI 코드 변환기(430)는 가변-GUI 매핑 모델 파서(420)의 분석 결과(모델 구성 요소 명, 매핑 된 가변 값)와, GUI 코드 생성 규칙을 이용하여 GUI 부분 변환 코드를 생성하고, 이를 코드 템플릿과 조합하여 실행 가능한 GUI 파일을 구성한다.
도 2는 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법을 도시한 도면이다. 이하에서는, 도 2 내지 도 3을 참조하여 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법을 설명한다. 도 3a 내지 도 3e 에는 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법의 각 단계가 예시적으로 도시된다.
S10 단계에서, 기능 트리 정의기(110)는 GUI를 생성할 기능을 정의 및 재정의하여 기능 트리를 생성한다. 계층 구조 형태인 어플리케이션에서 수행될 기능은 기능 트리 정의기(110)를 통해 생성되며, 정의한 결과는 도 2에서 두 종류로 도시된다. 예컨대, 기능 트리는 신규로 정의되거나, 혹은 정의된 기능 트리의 일부가 선택될 수 있다. 신규로 정의된 예는 도 3a의 좌측(501)에 도시되며, 기존의 기능 트리에서 일부 선택된 계층 구조의 기능 트리의 예는 도 3a의 우측(502)에 도시된다. 여기서, 상기 기능 트리 정의기(110)에서 새롭게 정의된 계층 구조의 기능들, 혹은 기존의 기능 트리에서 일부 선택된 계층 구조의 기능들을 가변 설계 모델(111)로 정의된다.
S20 단계에서, 기능-GUI 대응기(120)는 가변 설계 모델(111)과 화면 단위의 GUI 구성요소들을 매핑하여 가변-GUI 매핑모델(121)을 생성한다. 여기서, 가변-GUI 매핑모델(121)은 기능 트리로 선택된 기능을 장치 사용자가 접근할 수 있는 GUI 형태로 구조가 설정된 것을 의미한다
기능-GUI 대응기(120)는 기능 트리로 선택된 기능을 장치 사용자가 접근할 수 있는 GUI 형태로 구조, 즉 기능 트리를 구성하는 각 노드가 장치의 화면에 보일 UI 구조를 설정한다. 예컨대, 기능-GUI 대응기(120)는 기능에 매핑된 GUI 화면 전체가 어떤 형태의 위젯(예: 윈도우 창, 웹 페이지, 실행 윈도우, 폼, 다이얼로그)으로 표현될 지를 설정한다. GUI 화면은 기능 트리와 마찬가지로 트리 형태의 계층적 형태를 띄며, 최 상단의 매핑 GUI에서 하위 수준 별로 필요한 GUI 구성 요소를 포함하는 부모-자녀 관계로 구성되거나, 같은 수준으로 구조화되는 형제관계로 구성된다. 도 3b에는 기능 트리가 최 상단(top most) 폼(form) 형태의 GUI 타입으로 매핑되는 경우가 도시된다.
S30 단계에서, 기능-도메인 객체 연결기(310)는 가변 설계 모델(111)로 정의된 선택된 기능들을 수행하는데 필요한 도메인 객체를 검색하여 매핑한다.
S41 단계에서, GUI 가변 설정기(200)는 GUI에서 변경 가능한 화면 레이아웃, 액션, 네비게이션 관련된 가변 속성을 설정한다. GUI 레이아웃, 액션, 네비게이션 관련 가변 속성 설정은 기능 트리의 확장을 통해, 예컨대 기능 트리의 각 기능의 속성으로 GUI 레이아웃 구성 요소를 매핑하고, 매핑 된 GUI 레이아웃 구성 요소의 가변 타입을 지정하는 작업하는 단계로 구성된다. 도 3d의 참조번호 701은 가변 타입을 정의한다. 가변 타입은 S(데이터 객체), C(화면 구성 단위, 예컨대 페이지), N(페이지 이동 정보; 즉, 네비게이션), R(화면 레이아웃 정보), P(개인 GUI 설정 정보)로 분류된다. 참조번호 702-1은 기능 트리이고, 참조번호 702-2는 기능 트리에 매핑 된 GUI 레이아웃 구성 요소와 구성 요소의 가변 타입이 명시된 확장된 기능 트리를 보여준다. 여기서, 확장된 기능 트리는 가변 설계 모델(111)이 GUI 정보 및 도메인 객체와 연관된 상태에서 변환된 확장된 가변-GUI 매핑 모델(121')을 의미한다.
S41 단계와 병렬적으로, 혹은 순차적으로 S43 단계에서, 도메인 객체 정의기(320)는 기능에 매핑된 도메인 객체들의 속성에 가변 값을 설정(configuration)한다. 도메인 객체들의 속성에 대한 가변 값 설정은 설계 결정 사항이 발생할 때 변경 가능한 부분, 즉 가변점(variation point)이 된다.
도메인 객체 설정은 (1) 정의된 도메인 객체에 선택 가능한 값을 설정하는 경우와 (2) 도메인 객체 속성의 타입을 변경하는 기능을 수행한다. 전술한 두 종류의 도메인 객체 설정 기능은 동시 또는 분리 되어 실행될 수 있다. 도 3c의 참조번호 601은 도메인 객체 정의기(320)의 정의된 도메인 객체가 객체명, 속성, 속성 타입으로 구성되는 것을 보인다. 또한 참조번호 601에서 붉은 색으로 표기된 부분은 도메인 객체에 설정된 정보를 나타낸다. 예컨대, cardtype과 country는 CreditCard와 BillingAddress라는 각각에 도메인 객체에 대한 속성을 의미하고, 해당 속성에 선택 가능한 값(Visa, Master / Korea, Lisbon)이 설정되며, 속성의 타입은 Enum으로 설정된다.
S50 단계에서, GUI 코드 변환기(430)는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과 도메인 객체의 속성 정보와, GUI 구성요소 정보를 이용하여 GUI 부분 변환 코드를 생성하고, 이를 코드 템플릿과 조합하여 실행 가능한 GUI 파일을 구성한다.
도 3e에는 GUI 코드 생성 규칙의 정의 단계와, GUI 실행 파일 구성 단계가 예시적으로 도시된다. 도 3e에서 참조번호 801은 GUI 코드 생성 규칙 중에서, 파싱된 도메인 객체 설정 정보와, 변환 가능한 GUI 타입의 관계를 정의한 것이다. 이를 도메인 정의객체-GUI 타입 매핑 테이블로 정의한다. 구체적으로, 도 3e에서 화살표 4, 5, 6, 7, 8은 코드 변환기(400)가 도메인 정의객체-GUI 타입 매핑 테이블, 파싱 된 도메인 객체 설정 정보, GUI 구성 요소 정보를 기반으로 코드 변환하여 GUI 실행 파일을 생성하는 세부 단계를 나타낸다. 한편, 화살표 9, 10은 가변-GUI 매핑 모델에서 코드로 변환되는 것에 추가적으로 입력할 수 있는 GUI 구성 요소 및 액션을 나타낸다.
한편, 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법은 컴퓨터 시스템에서 구현되거나, 또는 기록매체에 기록될 수 있다. 도 4에는 컴퓨터 시스템의 간단한 실시예가 도시된다. 도시된 바와 같이, 컴퓨터 시스템은 적어도 하나 이상의 프로세서(121)와, 메모리(123)와, 사용자 입력 장치(126)와, 데이터 통신 버스(122)와, 사용자 출력 장치(127)와, 저장소(128) 등을 포함할 수 있다. 전술한 각각의 구성 요소는 데이터 통신 버스(122)를 통해 데이터 통신을 한다.
또한, 컴퓨터 시스템은 네트워크에 커플링된 네트워크 인터페이스(129)를 더 포함할 수 있다. 상기 프로세서(121)는 중앙처리 장치(central processing unit (CPU))이거나, 혹은 메모리(123) 및/또는 저장소(128)에 저장된 명령어를 처리하는 반도체 장치일 수 있다.
상기 메모리(123) 및 상기 저장소(128)는 다양한 형태의 휘발성 혹은 비휘발성 저장매체를 포함할 수 있다. 예컨대, 상기 메모리(123)는 ROM(124) 및 RAM(125)을 포함할 수 있다.
따라서, 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법은 컴퓨터 시스템에서 실행 가능한 방법으로 구현될 수 있다. 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법이 컴퓨터 시스템에서 수행될 때, 컴퓨터로 판독 가능한 명령어들이 본 발명에 따른 제작 방법을 수행할 수 있다.
다른 한편으로, 상술한 본 발명의 실시예에 따른 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법은 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현되는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록 매체로는 컴퓨터 시스템에 의하여 해독될 수 있는 데이터가 저장된 모든 종류의 기록 매체를 포함한다. 예를 들어, ROM(Read Only Memory), RAM(Random Access Memory), 자기 테이프, 자기 디스크, 플래시 메모리, 광 데이터 저장장치 등이 있을 수 있다. 또한, 컴퓨터로 판독 가능한 기록매체는 컴퓨터 통신망으로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 읽을 수 있는 코드로서 저장되고 실행될 수 있다.
본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 본 발명의 보호범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구의 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.

Claims (19)

  1. 컴퓨터로 구현 가능한, 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법에 있어서,
    그래픽 사용자 인터페이스(이하, GUI)로 생성할 기능을 정의한 가변 설계 모델을 생성하는 단계;
    상기 가변 설계 모델과 화면 단위의 GUI 구성요소들을 매핑한 가변-GUI 매핑 모델을 생성하는 단계;
    상기 가변-GUI 매핑 모델을 구성하는 기능, GUI 구성요소들과, 상기 기능 수행에 필요한 도메인 객체 사이의 연관 관계를 정의하고, 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 단계;
    상기 도메인 객체의 속성 정보를 설정하는 단계; 및
    GUI 실행 플랫폼 환경에 해당하는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과, 상기 GUI 구성요소들의 정보와, 상기 도메인 객체의 속성 정보를 이용하여 상기 가변-GUI 매핑 모델을 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 단계
    를 포함하는 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  2. 제1항에 있어서, 상기 가변 설계 모델을 생성하는 단계는,
    계층 구조의 어플리케이션에서 수행될 기능을 트리 구조로 정의하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  3. 제1항에 있어서, 상기 가변 설계 모델을 생성하는 단계는,
    계층 구조의 어플리케이션에서 수행될 기능을 정의한 기능 트리에서 일부 기능을 선택하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  4. 제1항에 있어서, 상기 가변-GUI 매핑 모델을 생성하는 단계는,
    상기 가변 설계 모델을 구성하는 각 기능들이 장치의 화면에 표현될 위젯의 형태를 설정하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  5. 제1항에 있어서, 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 단계는,
    상기 GUI 구성요소들에서 변경 가능한 화면 레이아웃, 액션, 네비게이션 관련된 가변 속성을 설정하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  6. 제1항에 있어서, 상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 단계는,
    상기 가변-GUI 매핑 모델을 구성하는 기능의 속성에 GUI 레이아웃 구성요소를 매핑하는 단계와,
    상기 GUI 레이아웃 구성요소의 가변 타입을 지정하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  7. 제6항에 있어서, 상기 가변 타입은,
    상기 GUI 레이아웃 구성요소의 데이터 객체, 화면 구성 단위, 페이지 이동 정보, 화면 레이아웃 정보, 개인 GUI 설정 정보를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  8. 제1항에 있어서, 상기 도메인 객체의 속성 정보를 설정하는 단계는,
    상기 가변-GUI 매핑 모델을 구성하는 기능에 매핑된 도메인 객체들의 속성에 가변 값을 설정(configuration)하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  9. 제1항에 있어서, 상기 도메인 객체의 속성 정보를 설정하는 단계는,
    연관 관계가 정의된 도메인 객체에 선택 가능한 값을 설정하거나, 상기 도메인 객체 속성의 타입을 변경하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  10. 제1항에 있어서, 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 단계는,
    상기 도메인 객체의 속성 타입과 상기 도메인 객체에 매핑된 GUI 구성요소의 타입에 관한 관계를 정의한 GUI 코드 생성 규칙을 생성하는 단계를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법.
  11. 적어도 하나 이상의 프로세서와, 상기 프로세서에 의해 실행되는 소스 코드가 저장된 비휘발성 메모리를 포함하는 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치에 있어서,
    상기 소스 코드는,
    그래픽 사용자 인터페이스(이하, GUI)로 생성할 기능을 정의한 가변 설계 모델을 생성하고, 상기 가변 설계 모델과 화면 단위의 GUI 구성요소들을 매핑한 가변-GUI 매핑 모델을 생성하는 가변 설계 모델러;
    상기 가변-GUI 매핑 모델을 구성하는 기능, GUI 구성요소들과, 상기 기능 수행에 필요한 도메인 객체 사이의 연관 관계를 정의하고, 상기 도메인 객체의 속성 정보를 설정하는 재사용 소프트웨어 자산 정의기;
    상기 가변-GUI 매핑 모델에 GUI 가변 정보를 정의하는 GUI 가변 설정기; 및
    GUI 실행 플랫폼 환경에 해당하는 GUI 코드 생성 규칙을 정의하고, 상기 GUI 코드 생성 규칙과, 상기 GUI 구성요소들의 정보와, 상기 도메인 객체의 속성 정보를 이용하여 상기 가변-GUI 매핑 모델을 상기 GUI 실행 플랫폼 환경에서 실행 가능한 코드로 변환하는 코드 변환기를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  12. 제11항에 있어서, 상기 가변 설계 모델러는,
    계층 구조의 어플리케이션에서 수행될 기능을 트리 구조로 정의하여 상기 가변-GUI 매핑 모델을 생성하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  13. 제11항에 있어서, 상기 가변 설계 모델러는,
    계층 구조의 어플리케이션에서 수행될 기능을 정의한 기능 트리에서 일부 기능을 선택하여 상기 가변-GUI 매핑 모델을 생성하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  14. 제11항에 있어서, 상기 가변 설계 모델러는,
    상기 가변 설계 모델을 구성하는 각 기능들이 장치의 화면에 표현될 위젯의 형태를 설정하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  15. 제11항에 있어서, 상기 재사용 소프트웨어 자산 정의기는,
    상기 가변-GUI 매핑 모델을 구성하는 기능에 매핑된 도메인 객체들의 속성에 가변 값을 설정(configuration)하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  16. 제15항에 있어서, 상기 재사용 소프트웨어 자산 정의기는,
    연관 관계가 정의된 도메인 객체에 선택 가능한 값을 설정하거나, 상기 도메인 객체 속성의 타입을 변경하여 상기 도메인 객체들의 속성에 가변 값을 설정하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  17. 제11항에 있어서, 상기 GUI 가변 설정기는,
    상기 GUI 구성요소들에서 변경 가능한 화면 레이아웃, 액션, 네비게이션 관련된 가변 속성을 설정하고, 상기 가변-GUI 매핑 모델을 구성하는 기능의 속성에 GUI 레이아웃 구성요소를 매핑하고, 상기 GUI 레이아웃 구성요소의 가변 타입을 지정하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.
  18. 제17항에 있어서, 상기 가변 타입은,
    상기 GUI 레이아웃 구성요소의 데이터 객체, 화면 구성 단위, 페이지 이동 정보, 화면 레이아웃 정보, 개인 GUI 설정 정보를 포함하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.

  19. 제11항에 있어서, 상기 코드 변환기는,
    상기 도메인 객체의 속성 타입과 상기 도메인 객체에 매핑된 GUI 구성요소의 타입에 관한 관계를 정의한 GUI 코드 생성 규칙을 생성하는 것
    인 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 장치.

KR1020140013466A 2014-02-06 2014-02-06 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치 KR20150092880A (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020140013466A KR20150092880A (ko) 2014-02-06 2014-02-06 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치
US14/535,358 US20150220236A1 (en) 2014-02-06 2014-11-07 Post-designing method and apparatus based on variant configuration in development of graphic user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140013466A KR20150092880A (ko) 2014-02-06 2014-02-06 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치

Publications (1)

Publication Number Publication Date
KR20150092880A true KR20150092880A (ko) 2015-08-17

Family

ID=53754837

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140013466A KR20150092880A (ko) 2014-02-06 2014-02-06 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치

Country Status (2)

Country Link
US (1) US20150220236A1 (ko)
KR (1) KR20150092880A (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101640377B1 (ko) * 2016-01-06 2016-07-18 스튜디오씨드코리아 주식회사 그래픽 사용자 인터페이스의 프로토타입 제작 방법 및 그 시스템
KR101720158B1 (ko) * 2016-07-25 2017-03-27 주식회사 티맥스 소프트 그래피컬 사용자 인터페이스 환경에서 애플리케이션 ui 개발을 지원하는 방법 및 이를 이용한 서버
KR102236240B1 (ko) * 2021-02-15 2021-04-05 주식회사 삼인공간정보 지형 형상 파일을 변환하는 장치

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
DE202017101371U1 (de) * 2016-03-11 2017-06-29 Tata Consultancy Services Limited System zur Entwicklung von mobilbasierten Anwendungen mittels modellgetriebener Entwicklung
CN108572817B (zh) * 2017-03-07 2021-12-31 北京京东尚科信息技术有限公司 基于业务建模的资源动态配置的方法、装置和介质
CN108132802B (zh) * 2017-12-07 2020-12-08 鞍钢集团自动化有限公司 一种配置模型在***开发中的应用方法
KR101940000B1 (ko) * 2018-05-21 2019-01-21 스튜디오씨드코리아 주식회사 프로토타입 저장 방법

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100131916A1 (en) * 2008-11-21 2010-05-27 Uta Prigge Software for modeling business tasks

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101640377B1 (ko) * 2016-01-06 2016-07-18 스튜디오씨드코리아 주식회사 그래픽 사용자 인터페이스의 프로토타입 제작 방법 및 그 시스템
WO2017119538A1 (ko) * 2016-01-06 2017-07-13 스튜디오씨드코리아 주식회사 그래픽 사용자 인터페이스의 프로토타입 제작 방법 및 그 장치
US10331322B2 (en) 2016-01-06 2019-06-25 Studio Xid Korea, Inc. Method and system for prototyping graphic user interface
US10628022B2 (en) 2016-01-06 2020-04-21 Studio Xid Korea, Inc. Method and system for prototyping graphic user interface
KR101720158B1 (ko) * 2016-07-25 2017-03-27 주식회사 티맥스 소프트 그래피컬 사용자 인터페이스 환경에서 애플리케이션 ui 개발을 지원하는 방법 및 이를 이용한 서버
US10698665B2 (en) 2016-07-25 2020-06-30 Tmaxsoft. Co., Ltd. Method for supporting development of user interface for application in GUI environment and server using the same
KR102236240B1 (ko) * 2021-02-15 2021-04-05 주식회사 삼인공간정보 지형 형상 파일을 변환하는 장치

Also Published As

Publication number Publication date
US20150220236A1 (en) 2015-08-06

Similar Documents

Publication Publication Date Title
KR20150092880A (ko) 그래픽 사용자 인터페이스 개발의 가변 설정 기반 후설계 방법 및 장치
US20220197272A1 (en) Automatic Extraction of Assets Data from Engineering Data Sources for Generating an HMI
CN110968601A (zh) 一种数据查询处理方法及装置
US20070006179A1 (en) Methods and systems for transforming a parse graph into an and/or command tree
CN108762743A (zh) 一种数据表操作代码生成方法及装置
CN103136100B (zh) 一种Android测试的方法和***
CN103873318A (zh) 一种网站自动化测试方法及自动化测试***
US9141514B1 (en) System, method, and computer program for automatically comparing a plurality of software testing environments
CN104731588A (zh) 页面布局文件生成方法和页面布局文件生成装置
CN102999318A (zh) 辅助编程的方法及装置
CN103049504A (zh) 基于源代码查询的半自动插桩方法
US20100275183A1 (en) Source code auditor with a customized rules builder
CN115469849B (zh) 一种业务处理***、方法、电子设备和存储介质
KR101490697B1 (ko) 시뮬레이션 데이터 기반의 동적 기능 메뉴를 제공하는 가시화 장치 및 이를 이용한 가시화 방법
US11567967B2 (en) Applying a visual analytics intent language to infer ambiguous or underspecified intent
Li et al. Research on a pattern-based user interface development method
CN113050935A (zh) 生成混入对象的方法、装置、计算设备及计算机可读存储介质
JP7439955B2 (ja) 操作支援装置、操作支援方法および操作支援プログラム
Paternò et al. User task-based development of multi-device service-oriented applications.
CN112988986A (zh) 人机交互方法、装置与设备
KR102509859B1 (ko) Plc 래더정보로부터 공용 명령어정보를 추출하는 장치 및 방법
EP4345677A1 (en) System and method for managing simulation artifacts
KR101974804B1 (ko) 플로우 다이어그램 생성 방법 및 이를 실행하는 장치
US20230252309A1 (en) Building knowledge graphs based on partial topologies formulated by users
Garrigós et al. Personalizing the interface in rich Internet applications

Legal Events

Date Code Title Description
WITN Application deemed withdrawn, e.g. because no request for examination was filed or no examination fee was paid