KR20140069525A - 통합개발환경을 이용한 ui 구현 방법 - Google Patents

통합개발환경을 이용한 ui 구현 방법 Download PDF

Info

Publication number
KR20140069525A
KR20140069525A KR1020120136872A KR20120136872A KR20140069525A KR 20140069525 A KR20140069525 A KR 20140069525A KR 1020120136872 A KR1020120136872 A KR 1020120136872A KR 20120136872 A KR20120136872 A KR 20120136872A KR 20140069525 A KR20140069525 A KR 20140069525A
Authority
KR
South Korea
Prior art keywords
component
source
integrated
environment
execution environment
Prior art date
Application number
KR1020120136872A
Other languages
English (en)
Other versions
KR101419255B1 (ko
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 KR1020120136872A priority Critical patent/KR101419255B1/ko
Priority to CN201310485350.7A priority patent/CN104346162B/zh
Priority to JP2013221114A priority patent/JP2014106966A/ja
Priority to US14/065,619 priority patent/US9311063B2/en
Publication of KR20140069525A publication Critical patent/KR20140069525A/ko
Application granted granted Critical
Publication of KR101419255B1 publication Critical patent/KR101419255B1/ko
Priority to JP2015124783A priority patent/JP2015207300A/ja

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
    • 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/34—Graphical or visual programming
    • 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

Landscapes

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

Abstract

본 발명은 통합개발도구를 이용한 UI 구현방법에 관한 것이다. 상기 방법은 사용자인터페이스부를 통해 어플리케이션 실행명령을 수신하는 단계, 송수신부가 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 수신하는 단계, 컴포넌트 생성부가 상기 스크립트 소스와 미리 설치되거나 다운로드 받은 현재의 실행환경에 따른 엘리먼트 소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하는 단계를 포함한다

Description

통합개발환경을 이용한 UI 구현 방법 {METHOD FOR GENERATING USER INTERFACE USING UNIFIED DEVELOPMENT ENVIRONMENT}
본 발명은 통합개발환경을 이용한 UI 구현 방법에 관한 것으로, 상세하게는 통합개발환경에서 개발한 어플리케이션 UI가 다양한 실행환경에서 작동하게 하는 통합개발환경을 이용한 UI 구현 방법에 관한 것이다.
다양한 어플리케이션 실행환경이 등장하고 있으며, 이로 인하여 각 실행환경 별로 어플리케이션 개발환경이 제공되고 있어, 개발자는 모든 개발환경을 숙지하고 개발환경에 대한 지식을 습득하여야 한다.
예를 들어, RIA(Rich Internet Application) 또는 웹어플리케이션의 UI를 구현하는 경우에, 별도의 개발환경을 이용하여 RIA 또는 웹어플리케이션을 제작하여야 하며, 개발자는 각 개발환경에 대한 지식을 습득하여야 한다.
하지만, 다양한 개발환경이 출시되고 있는 상황에서 개발자가 모든 개발환경을 숙지하고 이에 대한 지식을 습득하는 데에는 한계가 있다.
또한, 어플리케이션의 운용단계에 있어서도 개발환경이 상이한 이유로 어플리케이션에 변경 사항이 발생하면 개발환경 별로 각 어플리케이션을 개별적으로 수정 및 배포하여야 하기 때문에 개발비용뿐만 아니라 운영비용이 많이 발생하게 된다.
본 발명은 통합개발환경에서 개발한 어플리케이션 UI가 다양한 실행환경에서 작동하며 유지보수가 편리한 통합개발환경을 이용한 UI 구현 방법을 제공하는 것을 목적으로 한다.
본 발명의 목적은 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
상기 과제를 해결하기 위한 본 발명의 일 양상에 따른 통합개발환경을 이용한 UI 구현 방법은 통합개발메뉴 제공부가 애플리케이션 화면구성과 애플리케이션 화면제어를 위한 UI를 개발하기 위한 UI 개발메뉴를 제공하는 단계, 상기 UI 개발메뉴를 통해 사용자 입력이 들어오면 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 생성하는 단계를 포함하고, 어플리케이션 실행 시에 사용자기기에 설치된 컴포넌트 생성부는 상기 스크립트 소스와 상기 사용자기기에 미리 설치되거나 또는 다운로드 받은 현재의 실행환경에 따른 엘리먼트소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하도록 구성된다.
상기 스크립트 소스는 단일의 프로그래밍 언어로 구성될 수 있다.
상기 단일의 프로그래밍 언어는 자바스크립트(Java Script)일 수 있다.
상기 현재의 실행환경은 RIA(Rich Internet Application) 또는 HTML 기반의 웹(Web) 어플리케이션일 수 있다.
상기 컴포넌트 생성부는 컴포넌트 소스를 로딩하는 컴포넌트 로더와, 상기 엘리먼트 소스를 이용하여 엘리먼트를 생성하기 위한 엘리먼트 로더를 포함하고, 상기 엘리먼트로더는 상기 생성된 엘리먼트를 컴포넌트 내에 배치하여 상기 실행환경에 독립한 통합컴포넌트를 생성할 수 있다.
상기 과제를 해결하기 위한 본 발명의 다른 양상에 따른 통합개발환경을 이용한 UI 구현 방법은 사용자인터페이스부를 통해 어플리케이션 실행명령을 수신하는 단계, 송수신부가 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 수신하는 단계, 컴포넌트 생성부가 상기 스크립트 소스와 미리 설치되거나 다운로드 받은 현재의 실행환경에 따른 엘리먼트 소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하는 단계를 포함한다.
상기 스크립트 소스는 단일의 프로그래밍 언어로 구성될 수 있다.
상기 스크립트 소스는 자바스크립트(Java Script)로 생성될 수 있다.
상기 현재의 실행환경은 RIA(Rich Internet Application) 또는 HTML 기반 웹(Web) 어플리케이션일 수 있다.
상기 실행환경에 독립한 통합컴포넌트를 생성하는 단계는 컴포넌트 로더가 컴포넌트 소스를 로딩하는 단계와 엘리먼트 로더가 상기 엘리먼트 소스를 이용하여 엘리먼트를 생성하는 단계를 포함하고, 상기 엘리먼트로더는 상기 엘리먼트 소스를 이용해 생성된 엘리먼트를 컴포넌트 내에 배치하여 상기 실행환경에 독립한 통합컴포넌트를 생성할 수 있다.
본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법에 따르면, 개발자는 실행환경 별로 다양한 어플리케이션 개발도구를 이용하여 어플리케이션을 개발할 필요 없이 통합개발환경을 통해서 다양한 실행환경에서 작동 가능한 어플리케이션의 개발이 가능하기 때문에 어플리케이션의 개발비용을 현저히 낮출 수 있다.
또한, 어플리케이션의 수정 및 보완하는 경우에, 실행환경 별로 어플리케이션을 수정할 필요가 없이 통합적으로 수정 및 보완이 가능하기 때문에 관리비용을 현저히 낮출 수 있다.
본 발명의 효과는 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
도 1은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법을 설명하기 위한 시스템의 구성도이다.
도 2 내지 도 4는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법에 있어서 엘리먼트로 구성되는 컴포넌트의 예를 나타내는 도면이다.
도 5는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법을 개략적으로 설명하기 위한 설명도이다.
도 6은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법에 있어서 통합개발도구가 설치된 제1 사용자기기의 구성을 도시한 도면이다.
도 7은 본 발명의 실시예에 따른 통합개발도구를 이용한 UI 구현방법에 있어서 어플리케이션 개발 방법의 순서도를 도시한 도면이다.
도 8은 본 발명의 실시예에 따른 통합개발도구를 이용한 UI 구현방법에 있어서 제2 사용자기기의 구성도이다.
도 9는 본 발명의 실시예에 따른 통합개발도구를 이용한 UI 구현방법에 있어서 제2 사용자기기에서의 작동 순서를 도시한 도면이다.
본 발명의 목적 및 효과, 그리고 그것들을 달성하기 위한 기술적 구성들은 첨부되는 도면과 함께 상세하게 뒤에 설명이 되는 실시 예들을 참조하면 명확해질 것이다. 본 발명을 설명함에 있어서 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐를 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 것이다. 그리고 뒤에 설명되는 용어들은 본 발명에서의 구조, 역할 및 기능 등을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다.
그러나 본 발명은 이하에서 개시되는 실시 예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있다. 단지 본 실시 예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 오로지 특허청구범위에 기재된 청구항의 범주에 의하여 정의될 뿐이다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.
명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다. 또한, 명세서에 기재된 "...부", ",,,유닛"등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.
또한, 첨부된 블록도의 각 블록과 흐름도의 각 단계의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수도 있다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램의 실행이 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있다. 또한, 컴퓨터 또는 기타 프로그램의 실행이 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 블록도의 각 블록 또는 흐름도의 각 단계에서 설명된 기능들을 수행하는 수단을 생성하게 된다.
또한, 각 블록 또는 각 단계는 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들 또는 단계들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들 또는 단계들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.
이하에서는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI(User Interface) 구현 방법에 대해서 설명하기로 한다.
이하의 설명에서 UI는 다양한 실행환경에서 어플리케이션을 실행 시에 디스플레이되는 UI를 의미한다. 또한 다양한 실행환경은 어플리케이션이 실행되는 환경을 의미한다. 상기 실행환경은 예를 들어, RIA(Rich Internet Application)와 HTML 기반의 웹어플리케이션을 포함하며, 이에 국한되는 것은 아니다. 상기 RIA는 어도비사에서 나온 웹 어플리케이션으로 플래쉬와 데이터베이스의 연동으로 인하여, UI의 획기적인 개선과 더불어 로딩속도를 개선한 실행환경이다. 또한, 통합개발환경이란 어플리케이션을 개발할 수 있는 통합개발도구로서 복수의 실행환경에서 작동 가능한 어플리케이션을 개발할 수 있는 일종의 어플리케이션 개발프로그램에 해당한다.
한편, 본 발명의 실시예에서 컴포넌트는 UI를 구성하는 기본 단위이며, 엘리먼트는 컴포넌트를 구성하는 기본단위이다.
도 1은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법을 설명하기 위한 시스템의 구성도이다. 상기 도 1에 도시된 바와 같이, 상기 시스템(100)은 개발자가를 위한 통합개발도구가 설치된 제1 사용자기기(110), 상기 사용자기기(110)에서 생성된 UI 생성을 위한 스크립트 소스를 저장 및 관리하는 관리서버(120), 개발자가 개발한 어플리케이션이 실행되는 제2 사용자기기(130)를 포함하며, 상기 제1 사용자기기(110), 관리서버(120) 및 제2 사용자기기(130)는 네트워크(150)를 통해 연결된다.
상기 제1 사용자기기(110)는 어플리케이션 개발이 가능한 기기로서, 컴퓨터 또는 기타 프로그램이 가능한 장비를 포함한다. 개발자는 제1 사용자기기(110)에 통합개발환경을 제공하는 통합개발도구를 설치하여 원하는 UI를 개발하게 된다. 또한, 상기 제2 사용자기기(130)는 개발자가 개발한 어플리케이션을 설치하여 실행할 수 있는 기기로서, 예를 들어, 상기 제2 사용자기기(130)는 PC, 노트북, 스마트폰 또는 태블릿 PC 등을 포함할 수 있다.
상기 네트워크(150)는 데이터 송수신이 가능한 유무선 네트워크를 포함한다.
도 2 내지 도 4는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법에 있어서 엘리먼트로 구성되는 컴포넌트의 예를 나타내는 도면이다.
도 2는 버튼 컴포넌트를 도시하고 있으며, 버튼 컴포넌트는 컨트롤 엘리먼트, 텍스트 엘리먼트 및 이미지 엘리먼트를 포함하여 구성된다.
텍스트 엘리먼트는 텍스트 디스플레이 기능을 가진고, 이미지 엘리먼트는 이미지 뷰어의 기능을 가진다. 또한, 컨트롤 엘리먼트는 보더(border)와 백그라운드(background)를 가지면서 다른 엘리먼트를 포함하기 위한 컨테이너 기능을 가진다.
도 3은 스크롤바 컴포넌트를 도시하고 있으며, 스크롤바 컴포넌트는 텍스트 엘리먼트, 이미지엘리먼트 및 컨트롤 엘리먼트로 구성된 버튼 컨트롤 컴포넌트와, 컨트롤 엘리먼트와 동일한 기능을 가지면서 추가적으로 스크롤 기능을 포함하는 스크롤러블 컨트롤 엘리먼트를 포함하여 구성된다.
한편 도 4는 리스트박스 컴포넌트를 도시하고 있으며, 리스트박스 컴포넌트는 컨트롤 엘리먼트를 포함하는 복수의 리스트박스아이템 컴포넌트와 리스트박스 아이템 컴포넌트에 스크롤 기능을 제공하는 스크롤러블 컨트롤 엘리먼트 및 상기 도 3의 스크롤바 컴포넌트(200)를 포함한다. 상기 도 4의 리스트박스 컴포넌트는 내부에 스크롤바 컴포넌트(200)을 포함하여 구성된다.
도 3 및 도 4에 도시된 바와 같이, 컴포넌트는 엘리먼트로만 구성될 수도 있고 필요에 따라 다른 컴포넌트를 포함하여 구성될 수 있다.
컴포넌트를 실행환경 별로 개발하는 경우, 향후 해당 컴포넌트를 수정하거나 보완하여야 할 때, 실행환경 별로 컴포넌트를 수정 및 보완하여야 하는 문제점이 발생하게 된다.
따라서, 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법은 실행환경에 독립한 통합컴포넌트를 생성할 수 있도록 함으로써, 통합컴포넌트의 한 번의 수정 및 보완으로 모든 실행환경에서 통합컴포넌트가 구동할 수 있도록 하는 방법을 제공한다.
이하에서는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법에 대해서 보다 상세하게 설명하기로 한다.
도 5는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법을 개략적으로 설명하기 위한 설명도이다.
상기 도 5를 참조하면, 어플리케이션 개발자는 통합개발도구 프로그램을 제1 사용자기기(110)에 설치하여 어플리케이션을 개발할 수 있는데, 해당 통합개발도구를 이용하여 어플리케이션을 개발하는 경우 어플리케이션 화면구성 또는 어플리케이션 화면제어를 위한 스크립트 소스가 생성될 수 있다. 이때, 스크립트 소스는 단일한 프로그램언어로 생성될 수 있다. 상기 스크립트 소스는 서비스를 제공하는 관리자서버(120)에 저장되어 있다가 사용자의 제2 사용자기기(130)에서 어플리케이션이 실행 시에 네트워크(150)를 통해 상기 제2 사용자기기(130)로 전송될 수 있다.
한편, 사용자의 제2 사용자기기(130)에는 개발된 어플리케이션의 실행모듈이 미리 설치될 수 있는데, 해당 실행모듈은 상기 통합개발도구와 함께 패키지로 개발자에게 제공될 수 있다. 상기 실행모듈은 런타임(Runtime), 웹(Web), 플래쉬(Flash), 실버라이트(Silverlight)와 같은 실행환경에서의 실행파일에 해당한다. 실행환경에 따른 엘리먼트 소스는 실행환경에 따라 상기 실행모듈의 실행 시에 제2 사용자기기(130)로 다운로드 되거나 또는 제2 사용자기기(130)에 미리 설치될 수 있다.
사용자가 제2 사용자기기(110)에서 개발자가 개발한 어플리케이션을 실행하게 되면 상기 실행모듈이 작동하게 되는데, 이때 상기 실행모듈은 상기 스크립트 소스와 엘리먼트 소스를 이용하여 현재의 실행환경에 따른 엘리먼트를 생성하여 이를 통합컴포넌트 상에 배치하여 통합컴포넌트를 생성한다.
본 발명의 실시예에서는 실행환경에 독립한 통합컴포넌트를 생성하기 위한 스크립트 소스를 제공하고, 실행환경에 따른 엘리먼트 소스를 제공함으로써, 실행환경에 독립한 통합컴포넌트의 생성이 가능하다.
도 6은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현 방법에 있어서 통합개발도구가 설치된 제1 사용자기기(110)의 구성을 도시한 도면이다.
상기 도 6에 도시된 바와 같이 상기 제1 사용자기기(110)는 사용자기기를 전반적으로 제어 및 관리하는 제어부(111), 데이터, 운영프로그램 및 응용프로그램을 저장하는 메모리부(112), 어플리케이션을 개발하기 위한 통합개발도구에서 개발자에게 개발메뉴를 제공하는 통합개발메뉴제공부(113), 데이터를 입력 받기 위한 사용자인터페이스부(114), 상기 통합개발메뉴제공부(113)를 통해 입력된 입력을 이용하여 UI를 구성하기 위한 스크립트 소스를 생성하는 UI 스크립트 소스 생성부(115), 네트워크를 통해 데이터를 송수신하기 위한 통신기능을 가진 송수신부(116) 및 각종 정보를 출력하기 위한 디스플레이부(117)를 포함한다.
도 7은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법에 있어서 어플리케이션 개발 방법의 순서도를 도시한 도면이다.
본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법을 실행하기 위하여 개발자의 제1 사용자기기(110)에는 어플리케이션을 개발하기 위한 통합개발도구가 설치된다.
제1 사용자기기(110)에서 상기 통합개발도구를 실행하면, 통합개발메뉴제공부(113)가 디스플레이부(117)를 통해 애플리케이션 화면구성과 애플리케이션 화면제어를 위한 UI 개발메뉴를 제공한다(S100).
개발자는 사용자인터페이스부(114)를 통해 UI 개발메뉴 중 원하는 메뉴를 선택하여 개발메뉴얼에 따라 필요한 명령어 등을 입력하면 UI 스크립트 소스(source script)생성부는 실행환경에 독립한 통합컴포넌트를 생성할 수 있는 상기 애플리케이션 화면구성과 상기 애플리케이션 화면제어를 위한 스크립트 소스를 생성한다(S110).
이때, 상기 스크립트 소스는 단일의 프로그래밍 언어로 생성될 수 있으며, 예를 들어, 상기 단일의 프로그래밍 언어는 자바스트립트(Java Script)일 수 있다. 즉, 통합개발도구가 생성하는 스크립트 소스가 단일의 프로그래밍 언어로 생성되기 때문에 개발자가 다양한 프로그래밍 언어를 숙지할 필요성이 없어진다.
상기 스크립트 소스는 관리서버(120)에 전송되어 상기 스크립트 소스에 대응하는 어플리케이션을 실행하는 사용자의 제2 사용자기기(130)로 네트워크(150)를 통해 전송된다.
이때, 이하에서 설명할 제2 사용자기기(130)에 설치된 컴포넌트 생성부(132)는 어플리케이션 실행 시에 상기 스크립트 소스와 상기 제2 사용자기기(130)에 미리 설치되거나 또는 어플리케이션의 실행 시에 다운로드 받는 현재의 실행환경에 따른 엘리먼트소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하게 된다.
도 8은 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법에 있어서 제2 사용자기기(130)의 구성도이다.
상기 도 8에 도시된 바와 같이, 상기 제2 사용자기기(130)는 제2 사용자기기(130)의 전반적인 제어를 수행하는 제어부(131), 스크립트 소스와 엘리먼트 소스를 이용하여 실행환경에 독립한 통합컴포넌트를 생성하는 컴포넌트 생성부(132), 데이터를 입력받기 위한 사용자인터페이스부(133), 사용자인터페이스부(133)를 통해 입력된 사용자의 명령에 따라 컴포넌트 별로 이벤트를 처리하는 이벤트처리부(134), 데이터, 운영프로그램 및 응용프로그램을 저장하기 위한 메모리부(135), 네트워크를 통해 데이터를 송수신하기 위한 통신기능을 가진 송수신부(136) 및 각종 정보를 출력하기 위한 디스플레이부(137)를 포함한다.
상기 컴포넌트 생성부(132)는 스크립트 소스를 기초로 컴포넌트 소스를 로드하는 컴포넌트 로더(132-1)와, 엘리먼트 소스를 이용하여 엘리먼트를 생성하고 생성된 엘리먼트를 컴포넌트 내에 배치하는 엘리먼트 로더(132-2)를 포함한다.
도 9는 본 발명의 실시예에 따른 통합개발환경을 이용한 UI 구현방법에 있어서 제2 사용자기기(130)에서의 작동 순서를 도시한 도면이다.
상기 도 9를 참조하면, 우선 제2 사용자기기(130)에서 사용자인터페이스부(133)를 통해 어플리케이션 실행명령을 수신한다(S200). 그리고 나서, 송수신부(137)는 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 수신하게 된다(S210). 컴포넌트 생성부(132)는 상기 스크립트 소스와 미리 설치되거나 다운로드 받은 현재의 실행환경에 따른 엘리먼트 소스를 이용하여, 실행환경에 독립한 통합컴포넌트를 생성하게 된다(S220).
보다 상세하게 설명하면, 컴포넌트 로더(132-1)는 수신한 스크립트 소스를 이용하여 컴포넌트 소스를 로드하고, 엘리먼트 로더(132-2)는 로드된 컴포넌트 소스를 기초로 컴포넌트 소스를 구성하는 엘리먼트를 확인하여 제2 사용자기기(130)에 미리 설치되거나 어플리케이션의 실행 시에 다운로드 되는 엘리먼트 소스를 로딩하여 엘리먼트를 생성하고 생성된 엘리먼트를 컴포넌트에 배치하여 실행환경에 독립한 통합컴포넌트가 생성된다.
이와 같이 실행환경에 독립한 통합컴포넌트 생성을 위한 단일 프로그램언어로 구성된 소스스크립트와 실행환경에 따른 엘리먼트 소스를 별도로 제공함으로써, 실행환경에 독립한 통합컴포넌트의 제공이 가능하게 된다.
한편, 상기에서 설명한 본 발명의 실시예에 따른 통합개발도구를 이용한 UI 구현 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상에서는 첨부된 도면들을 참조하면서 본 발명의 실시 예를 설명하였지만, 본 발명은 본 발명의 정신 및 필수적 특징을 벗어나지 않는 범위에서 다른 특정한 형태로 구체화될 수 있다. 따라서, 상기의 상세한 설명은 모든 면에서 제한적으로 해석되어서는 안되고 예시적인 것으로 고려되어야 한다. 본 발명의 범위는 첨부된 청구항의 합리적 해석에 의해 결정되어야 하고, 본 발명의 등가적 범위 내에서의 모든 변경은 본 발명의 범위에 포함된다.
100: 시스템 110: 제1 사용자기기
120: 관리서버 130: 제2 사용자기기
140: 네트워크

Claims (11)

  1. 통합개발메뉴 제공부가 애플리케이션 화면구성과 애플리케이션 화면제어를 위한 UI를 개발하기 위한 UI 개발메뉴를 제공하는 단계;
    상기 UI 개발메뉴를 통해 사용자 입력이 들어오면 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 생성하는 단계를 포함하고,
    어플리케이션 실행 시에 사용자기기에 설치된 컴포넌트 생성부는 상기 스크립트 소스와 상기 사용자기기에 미리 설치되거나 또는 다운로드 받은 현재의 실행환경에 따른 엘리먼트소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하도록 구성되는,
    통합개발환경을 이용한 UI 구현 방법.
  2. 제1항에 있어서,
    상기 스크립트 소스는 단일의 프로그래밍 언어로 구성되는
    통합개발환경을 이용한 UI 구현 방법.
  3. 제1항에 있어서,
    상기 단일의 프로그래밍 언어는 자바스크립트(Java Script)인,
    통합개발환경을 이용한 UI 구현 방법.
  4. 제1항에 있어서,
    상기 현재의 실행환경은 RIA(Rich Internet Application) 또는 HTML 기반의 웹(Web) 어플리케이션인,
    통합개발환경을 이용한 UI 구현 방법.
  5. 제1항에 있어서,
    상기 컴포넌트 생성부는
    컴포넌트 소스를 로딩하는 컴포넌트 로더와;
    상기 엘리먼트 소스를 이용하여 엘리먼트를 생성하기 위한 엘리먼트 로더를 포함하고,
    상기 엘리먼트로더는 상기 생성된 엘리먼트를 컴포넌트 내에 배치하여 상기 실행환경에 독립한 통합컴포넌트를 생성하는,
    통합개발환경을 이용한 UI 구현 방법.
  6. 사용자인터페이스부를 통해 어플리케이션 실행명령을 수신하는 단계;
    송수신부가 실행환경에 독립한 통합컴포넌트를 생성하기 위한 UI 화면제어 및 화면구성 스크립트 소스를 수신하는 단계;
    컴포넌트 생성부가 상기 스크립트 소스와 미리 설치되거나 다운로드 받은 현재의 실행환경에 따른 엘리먼트 소스를 이용하여, 상기 실행환경에 독립한 통합컴포넌트를 생성하는 단계를 포함하는
    통합개발환경을 이용한 UI 구현 방법.
  7. 제6항에 있어서,
    상기 스크립트 소스는 단일의 프로그래밍 언어로 구성되는
    통합개발환경을 이용한 UI 구현 방법.
  8. 제7항에 있어서,
    상기 스크립트 소스는 자바스크립트(Java Script)로 생성되는,
    통합개발환경을 이용한 UI 구현 방법.
  9. 제6항에 있어서,
    상기 현재의 실행환경은 RIA(Rich Internet Application) 또는 HTML 기반 웹(Web) 어플리케이션인,
    통합개발환경을 이용한 UI 구현 방법.
  10. 제6항에 있어서,
    상기 실행환경에 독립한 통합컴포넌트를 생성하는 단계는
    컴포넌트 로더가 컴포넌트 소스를 로딩하는 단계; 및
    엘리먼트 로더가 상기 엘리먼트 소스를 이용하여 엘리먼트를 생성하는 단계를 포함하고,
    상기 엘리먼트로더는 상기 엘리먼트 소스를 이용해 생성된 엘리먼트를 컴포넌트 내에 배치하여 상기 실행환경에 독립한 통합컴포넌트를 생성하는,
    통합개발환경을 이용한 UI 구현 방법.
  11. 제1항 내지 제10항 중 어느 한 항의 방법을 실행하기 프로그램을 저장한 컴퓨터에서 판독 가능한 기록매체.
KR1020120136872A 2012-11-29 2012-11-29 통합개발환경을 이용한 ui 구현 방법 KR101419255B1 (ko)

Priority Applications (5)

Application Number Priority Date Filing Date Title
KR1020120136872A KR101419255B1 (ko) 2012-11-29 2012-11-29 통합개발환경을 이용한 ui 구현 방법
CN201310485350.7A CN104346162B (zh) 2012-11-29 2013-10-16 利用集成开发环境的用户界面生成方法
JP2013221114A JP2014106966A (ja) 2012-11-29 2013-10-24 統合開発環境を利用したｕｉ実現方法
US14/065,619 US9311063B2 (en) 2012-11-29 2013-10-29 Method for generating user interface using unified development environment
JP2015124783A JP2015207300A (ja) 2012-11-29 2015-06-22 統合開発環境を利用したｕｉ実現方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120136872A KR101419255B1 (ko) 2012-11-29 2012-11-29 통합개발환경을 이용한 ui 구현 방법

Publications (2)

Publication Number Publication Date
KR20140069525A true KR20140069525A (ko) 2014-06-10
KR101419255B1 KR101419255B1 (ko) 2014-07-17

Family

ID=50774483

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120136872A KR101419255B1 (ko) 2012-11-29 2012-11-29 통합개발환경을 이용한 ui 구현 방법

Country Status (4)

Country Link
US (1) US9311063B2 (ko)
JP (2) JP2014106966A (ko)
KR (1) KR101419255B1 (ko)
CN (1) CN104346162B (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180027023A (ko) * 2016-09-05 2018-03-14 바이플러그 주식회사 앱 개발을 위한 통합 개발 환경을 제공하는 앱 저작 장치 및 방법
KR101857649B1 (ko) * 2017-09-26 2018-06-19 (주)투비소프트 고속의 로딩 속도를 가지는 컴포넌트 생성방법

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9569618B2 (en) * 2013-08-28 2017-02-14 Korea University Research And Business Foundation Server and method for attesting application in smart device using random executable code
KR101788687B1 (ko) * 2017-05-26 2017-11-15 (주)투비소프트 2중 가상화를 이용한 컴포넌트 생성방법
US20230168872A1 (en) * 2021-11-29 2023-06-01 Salesforce.Com, Inc. Generating user interfaces for administration of services executing in cloud platforms
CN116185435B (zh) * 2023-02-22 2024-03-26 太极计算机股份有限公司 一种基于脚手架的软件开发环境的开发方法及装置

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5844554A (en) * 1996-09-17 1998-12-01 Bt Squared Technologies, Inc. Methods and systems for user interfaces and constraint handling configurations software
JP3763718B2 (ja) * 2000-01-31 2006-04-05 シャープ株式会社 ユーザに対してユーザインタフェースを提供する装置
CA2298003A1 (en) * 2000-02-04 2001-08-04 Ibm Canada Limited-Ibm Canada Limitee Scripting task-level user interfaces
US6922200B1 (en) * 2001-11-30 2005-07-26 Oracle International Corporation Delivering a graphical object to a browser
US20070203771A1 (en) * 2001-12-17 2007-08-30 Caballero Richard J System and method for processing complex orders
US6950985B2 (en) * 2001-12-27 2005-09-27 Koninklijke Philips Electronics, N.V. Specifying DICOM semantic constraints in XML
JP4490026B2 (ja) * 2002-01-28 2010-06-23 日立オムロンターミナルソリューションズ株式会社 カスタマイズ可能な情報処理装置
JP2005031737A (ja) * 2003-07-07 2005-02-03 Hitachi Information Systems Ltd ソースコードの生成システム及びその生成方法及びその生成プログラム及びソフトウェア開発支援ツール
US20050193380A1 (en) * 2004-02-27 2005-09-01 Vitanov Kamen B. System and method for executing wireless applications using common UI components from a UI repository
US20070074202A1 (en) * 2005-09-27 2007-03-29 International Business Machines Corporation Program product installation
US8166165B1 (en) * 2007-03-13 2012-04-24 Adobe Systems Incorporated Securing event flow in a user interface hierarchy
US20080244424A1 (en) * 2007-03-29 2008-10-02 Hitachi Software Engineering Co., Ltd. Source code generating device
JP2008269554A (ja) * 2007-03-29 2008-11-06 Hitachi Software Eng Co Ltd ソースコード生成装置
KR101411322B1 (ko) * 2007-04-30 2014-06-24 삼성전자주식회사 홈 네트워크 기기 제어 서비스 및 인터넷 서비스 방법과 그 장치
JP2009020705A (ja) * 2007-07-12 2009-01-29 Hitachi Ltd Ｇｕｉアプリケーション開発支援装置及び開発支援方法
CN102257477B (zh) * 2009-09-17 2015-04-15 株式会社三菱东京Ufj银行 应用开发支援装置
KR20110060419A (ko) * 2009-11-30 2011-06-08 한국전자통신연구원 자바스크립트를 이용한 웹 기반 소프트웨어 생성 장치 및 방법

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180027023A (ko) * 2016-09-05 2018-03-14 바이플러그 주식회사 앱 개발을 위한 통합 개발 환경을 제공하는 앱 저작 장치 및 방법
KR101857649B1 (ko) * 2017-09-26 2018-06-19 (주)투비소프트 고속의 로딩 속도를 가지는 컴포넌트 생성방법

Also Published As

Publication number Publication date
KR101419255B1 (ko) 2014-07-17
CN104346162A (zh) 2015-02-11
CN104346162B (zh) 2017-11-17
US9311063B2 (en) 2016-04-12
JP2014106966A (ja) 2014-06-09
US20140149964A1 (en) 2014-05-29
JP2015207300A (ja) 2015-11-19

Similar Documents

Publication Publication Date Title
US8527939B2 (en) GUI modeling of knowledge base in a modeling environment
KR101419255B1 (ko) 통합개발환경을 이용한 ui 구현 방법
US10558433B2 (en) Declarative design-time experience platform for code generation
US9430207B1 (en) Automated cross-platform native mobile application generation with cloud driven user interface and workflow synthesis
US20100281475A1 (en) System and method for mobile smartphone application development and delivery
US9934007B2 (en) Method for operating tool in working environment and machine using such method
US20160070541A1 (en) Conversion of business suite solutions
US20140096014A1 (en) Method for enabling dynamic client user interfaces on multiple platforms from a common server application via metadata
US9612804B2 (en) Business suite framework for developing software applications
US20210157556A1 (en) Composable context menus
US11481197B1 (en) Distributed software development pipeline for coherent graphical user interface
US20130055199A1 (en) Application platform for designing and executing applications
US20200110597A1 (en) System and method for authoring a software application
JP2016076278A (ja) 開発者インタフェース提供方法およびシステム
US20160092414A1 (en) Standardized approach to contextual code identification in editors and ides
US9971611B2 (en) Monitoring a mobile device application
Desruelle et al. Accessible user interface support for multi-device ubiquitous applications: architectural modifiability considerations
CN113835691A (zh) 一种iOS应用开发方法、系统、设备、介质和程序产品
US9509761B2 (en) Open user interface
US10949176B2 (en) Automatic view generation based on annotations
US8805893B2 (en) Dynamic generation of a configuration file
Lettner et al. Enabling a/b testing of native mobile applications by remote user interface exchange
JP5959535B2 (ja) クライアントからネットワークを介して携帯端末にアクセスするためのサーバ、方法、及び、コンピュータを該サーバとして機能させるプログラム
US9792100B1 (en) Application deployment system and method for a computing infrastructure
WO2016000635A1 (en) Method for operating tool in working environment and machine using such method

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170627

Year of fee payment: 6