KR20230003285A

KR20230003285A - 대시보드 소프트웨어를 위한 적응가능 gui

Info

Publication number: KR20230003285A
Application number: KR1020227042892A
Authority: KR
Inventors: 제바스티안 클람
Original assignee: 바스프 코팅스 게엠베하
Priority date: 2020-05-11
Filing date: 2021-05-04
Publication date: 2023-01-05
Also published as: US20230176706A1; AU2021271082A1; CA3173409A1; JP2023525804A; MX2022013468A; WO2021228632A1; EP4150449A1; AU2021271082B2; CN115552374A

Abstract

본 개시는 색측정 소프트웨어 제품을 위한 그래픽 사용자 인터페이스(GUI), GUI를 생성하기 위한 컴퓨터에 의해 구현되는 방법, 및 방법을 수행하기 위한 시스템에 관한 것이다.

Description

대시보드 소프트웨어를 위한 적응가능 GUI

본 개시는 대시보드 소프트웨어 제품, 예를 들어, 색측정 소프트웨어 제품을 위한 그래픽 사용자 인터페이스(graphical user interface)(GUI), GUI를 생성하기 위한 컴퓨터에 의해 구현되는 방법, 및 방법을 수행하기 위한 시스템에 관한 것이다.

자동차 코팅 라인들에서, 차체들 및 부착된 부품들의 동일 컬러 페인팅을 달성하는 것이 중요하다. 배치(batch) 일관성 및 제조 일관성에 관한 준수를 보장하고, 색측정 성질들의 컬러 사양들 및 허용오차들이 충족되는 것을 보장하기 위해, 소프트웨어 도구들은 제조 프로세스의 품질 관리의 지원을 위해 개발되었다.

일 예는 BASF Coatings, 특히, ColorCARE^® Toolbox에 의해 개발되는 ColorCARE^® 소프트웨어이다. 소프트웨어는 차체들과 추가 부품들, 예컨대 해치들, 백미러들 또는 도어 핸들들 사이의 컬러 매칭의 진행 중인 모니터링을 가능하게 한다. 소프트웨어는 기구 기반 색측정을 분석 방법들과 조합하고 이러한 통계 데이터를 그래픽스로 변환하고 편차들을 표시한다.

소프트웨어는 정보를 애플리케이션 사용자에게 디스플레이하기 위해 실행되는 컴퓨팅 디바이스의 시각 디스플레이 내에 적합한 그래픽 사용자 인터페이스들(GUIs)을 생성해야 한다. 특정 애플리케이션 및 사용자에 의해 검사될 정보에 따라, 다수의 상이한 및 가변 데이터 객체는 디스플레이될 필요가 있다. 사용자가 최대 사용성을 위해 최대 유연성으로 GUI 레이아웃을 구성하는 것을 허용하는 컴퓨터에 의해 구현되는 방법 및 컴퓨터 시스템을 제공할 필요가 있다.

EP 2 930 613 A1은 사용자 인터페이스 레이아웃들을 생성하기 위한 방법들, 시스템들, 및 컴퓨터 프로그램 제품들을 설명한다. 하나의 컴퓨터에 의해 구현되는 방법은 복수의 데이터 디스플레이 필드의 우선순위에 기초하여 그래픽 사용자 인터페이스와 연관된 이용가능 수직 공간을 복수의 허용된 수직 공간 할당으로 분할하는 단계, 컴퓨터에 의해, 데이터 디스플레이 필드들과 연관되는 허용된 수직 공간 할당을 채우기 위해 확장되는 각각의 데이터 디스플레이 필드 다음에 슬랙을 계산하는 단계, 복수의 데이터 디스플레이 필드 중에 슬랙을 할당하는 단계, 컴퓨터에 의해, 복수의 데이터 디스플레이 필드 중에 슬랙의 할당 다음에 슬랙을 재계산하는 단계, 및 그래픽 사용자 인터페이스에서 복수의 데이터 디스플레이 요소의 디스플레이를 최종화하는 단계를 포함한다.

US 6 874 128 B1은 마우스 구동 스플리터 프로그램 및 알고리즘을 개시한다. 디스플레이 윈도우를 분할하는 방법은 커서를 디스플레이 윈도우 내의 시작 지점으로부터 디스플레이 윈도우 내의 종료 지점으로 드래그하는 단계; 및 디스플레이 윈도우를 2개의 별도의 분할 디스플레이 윈도우로 분할하는 단계를 포함하며, 상기 별도의 분할 디스플레이 윈도우들 각각은 시작 및 종료 지점들을 통과하는 라인과 실질적으로 정렬되는 새롭게 형성된 에지를 갖는다. 분할 디스플레이 윈도우들 각각과 연관된 스크롤가능 리스트 박스가 제공되며, 각각의 리스트 박스는 연관된 윈도우에서의 디스플레이를 위한 하나 이상의 디스플레이 옵션을 포함하고; 디스플레이 옵션들 중 하나는 분할 디스플레이 윈도우들 각각에 대한 디스플레이를 위해 선택되고; 선택된 디스플레이 옵션과 연관된 시각 디스플레이는 분할 디스플레이 윈도우들 각각 내에 디스플레이된다.

WO 02/25420 A1은 페인 분할 컨트롤들 및 개방 뷰들의 리스트를 갖는 숨김가능 뷰 바를 제공하는 컴퓨터 디스플레이를 갖는 뷰 관리 시스템을 개시한다. 페인 분할 컨트롤들 중 특정 컨트롤들의 선택을 통해, 시스템 사용자는 임의의 개수 및 배열의 타일형 뷰들을 나타내기 위해 디스플레이를 구성할 수 있다. 뷰 바에 나타나는 리스트에서 개방 뷰들 중 하나를 간단히 선택함으로써, 사용자는 그러한 뷰를 초점을 현재 갖는 페인에 할당할 수 있다. 페인들의 쌍들의 콘텐츠들은 포인팅 디바이스를 제어하는 커서를 사용하여 클릭-드래그-드롭 동작 시퀀스에 의해 용이하게 스와핑될 수 있다.

본 개시는 그래픽 사용자 인터페이스 레이아웃들을 생성하기 위한 컴퓨터에 의해 구현되는 방법들, 컴퓨터 판독가능 매체들, 및 컴퓨터 시스템들에 관한 것이다. 청구항 1, 청구항 14 및 청구항 15에 정의된 바와 같은 컴퓨터에 의해 구현되는 방법, 컴퓨터 판독가능 명령어들을 저장한 컴퓨터 판독가능 매체, 및 시스템이 제공된다. 추가 실시예들은 독립항들에 제시된다.

도 1a는 본 개시의 방법으로 생성되는 GUI의 예시적인 스크린샷이다.
도 1b는 본 개시의 방법으로 생성되는 GUI의 다른 예시적인 스크린샷이다.
도 2는 본 개시의 사용자 인터페이스 레이아웃들을 생성하기 위한 방법의 단계들의 일부를 예시하는 흐름도이다.

본 개시는 대시보드 소프트웨어 제품을 위한 그래픽 사용자 인터페이스(GUI)를 생성하기 위한 컴퓨터에 의해 구현되는 방법을 제공한다. 방법은,

a) GUI와 연관된 디스플레이 상에서 이용가능 (서브)영역을 선택하는 입력을 수신하는 단계;

b) (서브)영역이 수평으로 또는 수직으로 분할되어야 하는지의 선택으로 구성되는 이진 입력을 수신하는 단계;

c) 단계 b)에서 이루어지는 선택에 따라, (서브)영역을 미리 정의된 영역 비율을 갖는 2개의 서브영역으로 수평으로 또는 수직으로 분할하는 단계;

d) 원하는 그리드가 획득되었을 때까지 단계 a) 내지 단계 c)를 반복하는 단계;

e) 대시보드 소프트웨어에 의해 제공되는 적어도 하나의 데이터 객체를 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역에 할당하는 단계;

f) 할당된 서브영역들 내에 데이터 객체들을 디스플레이하는 단계를 포함한다.

본 개시의 맥락에서, 대시보드 소프트웨어 제품은 다수의 상이한 및 가변 데이터 객체를 디스플레이하고 제어할 필요가 있는 소프트웨어이다. 예들은 예를 들어, 주식들, 채권들, 옵션들, 통화들, 상품들 등을 거래하기 위한 거래 소프트웨어 애플리케이션들; 맥박수, 혈압, 호흡 빈도, 산소 포화도, 심장 리듬, 뇌파들 등과 같은 환자의 복수의 바이탈 파라미터를 모니터링하기 위한 건강 부문 내의 소프트웨어 애플리케이션들; 및 머신들을 테스트하고/하거나 모니터링하기 위한 도구들; 예를 들어, 배기 파라미터들, 압력, 액체 흐름, 가스 흐름, 전압들, 전류들, 전력, 토크, 온도, 회전 속도 등을 모니터링하고/하거나 제어하는 엔진들을 포함한다. 특정 실시예에서, 대시보드 소프트웨어는 색측정 소프트웨어 제품이다.

방법의 일 실시예에서, 입력은 키보드, 컴퓨터 마우스, 트랙볼, 또는 터치스크린과 같은, 입력 디바이스를 통해 사용자로부터 수신된다. 사용자는 GUI와 연관된 디스플레이 상의 이용가능 (서브)영역 및 (서브)영역이 수평으로 또는 수직으로 분할되어야 하는지를 선택한다.

방법의 일 실시예에서, 단계 a)에서의 (서브)영역은 커서를 (서브)영역 내로 내비게이션함으로써 선택된다. 컴퓨터 마우스 또는 트랙볼을 입력 디바이스로서 사용하는 특정 실시예에서, 포인터는 (서브)영역 내로 이동되어 그것을 선택한다. 터치스크린을 입력 디바이스로서 사용하는 다른 특정 실시예에서, 단계 a)에서의 (서브)영역은 각각의 (서브)영역에서 터치스크린을 터치함으로써 선택된다. 추가 실시예에서, 쇼트 컷들은 각각의 (서브)영역으로 내비게이션하기 위해 사용될 수 있다.

방법의 단계 b)에서, 이진 입력이 수신된다. 이진 입력은 (서브)영역이 수평으로 또는 수직으로 분할되어야 하는지의 선택으로 구성된다. 다시 말해, 이진 입력은 2개의 표현 중 하나만을 취할 수 있는 단일 정보이며, 하나는 "수평으로 분할한다"를 의미하고, 다른 하나는 "수직으로 분할한다"를 의미한다. 이진 입력은 (서브)영역이 분할되어야 하는 위치 상의 정보를 포함하지 않는다. 다시 말해, 분할의 정확한 위치의 어떠한 정보도 이진 입력에 포함되지 않는다.

방법의 일 실시예에서, 단계 b)에서의 선택은 이전에 설명된 바와 같이 커서를 (서브)영역 내로 내비게이션하고 (서브)영역의 수평 분할을 선택하는 첫번째 미리 정의된 이진 입력, 또는 (서브)영역의 수직 분할을 선택하는 두번째 미리 정의된 이진 입력을 생성함으로써 이루어진다. 미리 정의된 이진 입력은 마우스 클릭, 터치스크린 제스처, 쇼트 컷 또는 그의 조합과 같은, 프로그램된 이진 입력이다. 일 예에서, 단계 b)에서의 선택은 컴퓨터 마우스(또는 트랙볼)를 사용하여 커서를 (서브)영역 내로 내비게이션하고, (서브)영역의 수평 분할을 선택하는 좌측 마우스 클릭 또는 (서브)영역의 수직 분할을 선택하는 우측 마우스 클릭을 수행함으로써 이루어진다. 다른 예에서, 단계 b)에서의 선택은 컴퓨터 마우스(또는 트랙볼)를 사용하여 커서를 (서브)영역 내로 내비게이션하고, (서브)영역의 수평 분할을 선택하는 우측 마우스 클릭 또는 (서브)영역의 수직 분할을 선택하는 좌측 마우스 클릭을 수행함으로써 이루어진다.

단계 c)에서, (서브)영역은 미리 정의된 영역 비율을 갖는 2개의 서브영역으로 분할된다. 미리 정의된 영역 비율은 0<x<1, 0<y<1 및 x+y=1을 갖는 임의의 비율(x:y)일 수 있다. 특정 실시예에서, 미리 정의된 비율은 0.5:0.5이며, 즉, 분할에 의해 획득되는 2개의 서브영역은 상응한다.

단계 a) 내지 단계 c)는 GUI에 대한 원하는 그리드가 획득되었을 때까지 반복된다. 이것은 재귀적 알고리즘을 사용하여 유연한 GUI의 생성을 허용한다. 상기 알고리즘은 사용자가 GUI를 원하는 대로 수직으로 및/또는 수평으로 분할하는 것을 허용하여, 디스플레이 영역을을 임의로 클러스터링된 양의 서브영역들로 분할해서 이들 서브영역들 내에 임의적인 서브윈도우들(예를 들어, 차트들, 테이블들 등)을 위치시키는 것을 가능하게 한다. 클릭은 2개의 새로운 서브영역 등을 배치할 가능성을 차례로 제공하는 서브영역을 삽입한다. 사용자가 클리킹(좌측/우측)을 계속하는 한, 추가 서브영역들이 생성된다. 최종 그리드는 복수의 직사각형 서브영역으로 구성된다.

방법의 일 실시예에서, 단계 a) 내지 단계 c)는 어떠한 데이터 객체도 (서브)영역에 할당되지 않았던 한, 취소 또는 재수행될 수 있다. 취소 또는 재수행은 마우스, 터치, 쇼트 컷을 통해서와 같이, 임의의 유형의 미리 정의된 이진 입력(=뒤 또는 앞)에 의해 트리거될 수 있다. 일 실시예에서, 단계 a) 내지 단계 c)는 컴퓨터 마우스의 마우스 휠을 스크롤함으로써 취소 또는 재수행될 수 있다. 이러한 "이력" 기능은 사용자, 예를 들어, 좌측 마우스 클릭들 및 우측 마우스 클릭들에 의해 이루어지는 선택들을 추적하고, 사용자가 마우스 휠을 후방으로 스크롤함으로써, 자신이 만족하지 않은 임의의 선택들을 취소하는 것을 허용한다. 사용자가 선택 이력에서 다시 너무 멀리 이동했으면, 단계들은 마우스 휠을 전방으로 스크롤함으로써, 재수행될 수 있다. 그러나, 사용자가 데이터 객체를 (서브)영역에 할당했으면, 이력 기능은 더 이상 이용가능하지 않고; 그리드에 대한 이전 변경들은 마우스 휠을 스크롤함으로써 취소될 수 없다. 이것은 그리드의 생성이 완성된다는 사실로 인한 것이다. 그리드를 완성한 후에, 데이터 객체 유형(들)을 할당하고/하거나 영역 비율을 변경하는 것만이 가능하다.

GUI의 그리드는 가능한 한 유연한 것으로 가정되고 그의 생성은 사용자로부터 최소 입력을 필요로 하며; 요구되는 유일한 정보는 시작, 수평/수직 분할, 완성이다.

방법의 일 실시예에서, 단계 d)에서 획득되는 그리드의 각각의 서브영역의 경계들은 그리드를 수정하기 위해 이동될 수 있으며, 즉, (완성된) 그리드의 서브영역들은 폭 및 길이가 수정가능하다. 특정 실시예에서, 서브영역의 경계는 경계를 포인팅하고 클리킹하여 그것을 선택하고 그 다음 포인터를 원하는 위치로 드래그함으로써 컴퓨터 마우스(또는 트랙볼)를 사용하여 이동된다.

단계 d)에서 원하는 그리드를 획득한 후에, 대시보드 소프트웨어에 의해 제공되는 데이터 객체 유형(들)은 단계 d)에서 획득되는 그리드의 서브영역(들)에 할당된다. 데이터 객체 유형들은 동일한 또는 상이한 데이터 객체 유형일 수 있다. 하나 초과의 데이터 객체 유형은 서브영역에 할당될 수 있다. 또한, 동일한 데이터 객체 유형은 하나 초과의 서브영역에 할당될 수 있다. 일 실시예에서, 적어도 하나의 데이터 객체는 단계 d)에서 획득되는 그리드의 서브영역들 각각에 할당된다.

다른 실시예에서, 획득되는 그리드의 각각의 서브영역은 대시보드 소프트웨어에 의해 제공되는 적어도 하나의 데이터 객체 유형에 할당된다. 그리드 생성이 완료되었으면, 모든 서브영역들은 데이터 객체 유형들을 배치하기 위해 사용될 수 있다. 각각의 및 모든 서브영역은 개발자가 모든 서브영역들에 관한 모든 정보를 한 곳에 번들링하고 - 다른 한편으로 - 정보를 임의의 원하는 위치로부터 서브영역들 각각으로 송신할 수 있게 하는 양방향 정보 메커니즘(그의 체인 내에 n+1개의 멤버를 가지며, 여기서 n은 각각의 서브영역의 깊이임)을 갖는다. 일 실시예에서, 입력 버튼은 적어도 하나의 데이터 객체 유형의 선택이 각각의 서브영역에 할당되고 이에 디스플레이되도록 그리드의 각각의 서브영역 내에 제공된다. 단일 데이터 객체 유형은 하나 초과의 서브영역에 할당되고 이에 디스플레이될 수 있다. 데이터 객체 유형이 서브영역에 할당되었으면, 서브영역은 각각의 할당된 데이터 객체 유형의 인스턴스를 포함한다. 이것은 동일한 유형이지만, 상이한 콘텐츠들을 갖는 데이터 객체 유형들, 또는 동일한 콘텐츠를 갖는 데이터 객체 유형들을 동일한 또는 상이한 서브영역들에 할당하는 것을 허용한다.

방법의 일 실시예에서, 데이터 객체들 유형들은 넘버들, 텍스트, 심볼들, 테이블들, 도해들, 및 픽처들로 구성되는 그룹으로부터 선택된다. 추가 실시예에서, 데이터 객체들은 대시보드 소프트웨어, 예를 들어, 색측정 소프트웨어 제품에 의해 획득되는 측정된 데이터를 나타낸다.

방법의 일 실시예에서, 할당된 데이터 객체는 예를 들어, 드래그 앤드 드롭에 의해, 하나의 서브영역으로부터 다른 서브영역으로 자유롭게 이동될 수 있다. 하나 초과의 데이터 객체가 단일 서브영역에 할당되는 추가 실시예에서, 각각의 서브영역 내에 디스플레이되는 데이터 객체들의 순서는 예를 들어, 드래그 앤드 드롭 메커니즘에 의해 자유자재로 변경될 수 있으며, 이는 각각의 데이터 객체를 각각의 서브영역에 할당된 데이터 객체들의 리스트 내의 상이한 위치로 이동시킨다.

방법의 일 실시예에서, 완성된 그리드는 저장가능하며, 즉, 그것은 다른 GUI로 전송되거나 재로딩될 수 있다. 이러한 목적을 위해, 그리드를 생성하기 위해 사용되는 입력은 데이터 저장 매체 상에 저장되고 그리드의 재로딩 시에 검색될 수 있다. 그리드를 생성하기 위해 사용되는 입력은 최적화된 최저치로 저장될 필요가 있는 입력들의 시리즈를 제한하기 위해, 그리드의 생성 동안 수행되는 리던던트 입력들과 같은, 불필요한 입력들을 제거함으로써 감소될 수 있다. 이것은 완성된 그리드를 최저치로 전송하거나 재로딩하기 위해 저장될 필요가 있는 데이터의 양을 감소시키는 것을 허용한다. 방법의 다른 실시예에서, 완성된 그리드는 지속적이다.

방법의 일 실시예에서는,

g) 데이터 객체들 중 적어도 2개를 그룹화하는 것; 및

h) 데이터 객체들의 그룹을 공통 컬러 및/또는 번호화로 강조하는 것을 추가로 수반한다.

데이터 객체들의 그룹화는 상이한 서브영역들 내에 동일한 토픽과 관련된 상이한 데이터 객체들을 디스플레이하는 것을 허용한다. 이것은 특정 토픽에 이용가능한 모든 데이터의 더 양호한 개요를 제공한다.

일 실시예에서, GUI는 서브영역들의 그리드에 더하여, 디스플레이의 에지에서의 임의적인 위치에 피닝될 수 있는 빠른 시작 버튼 바를 포함한다. 특정 실시예에서, 빠른 시작 버튼 바는 또한 피닝되지 않을 때의 위치로부터 플로트 인 및 플로트 아웃될 수 있다. 추가 실시예에서, 상이한 기능들을 활성화하는 버튼들은 드래그 앤드 드롭을 통해 빠른 시작 버튼 바에 추가 및 제거될 수 있다.

일 실시예에서, GUI는 표준 헤더, 표준 푸터, 및 유연성의 관점에서의 2개의 주요 구성요소, 즉, 빠른 시작 버튼 바 및 차트들, 테이블들 및 레포트들 (등)과 같은 뷰들을 포함하는 맞춤 그리드를 포함한다. 그리드는 상이한 뷰들이 위치될 수 있는 임의적인 직사각형 서브영역들을 디자인할 필요성을 충족하며, 서브영역들의 크기는 맞춤가능하다.

본 개시는 또한 컴퓨터 판독가능 명령어들을 저장한 비일시적 컴퓨터 판독가능 매체를 제공하며, 이 명령어들은 컴퓨터에 의해 실행가능하고,

a) 디스플레이 상에서 이용가능 (서브)영역을 선택하는 입력을 수신하고;

b) (서브)영역이 수평으로 분할되어야 하는 것을 정의하거나 (서브)영역이 수직으로 분할되어야 하는 것을 정의하는 이진 입력을 수신하고;

c) 단계 b)에서의 이진 입력에 따라, (서브)영역을 미리 정의된 영역 비율을 갖는 2개의 서브영역으로 수평으로 또는 수직으로 분할하고;

d) 원하는 그리드가 획득되었던 것을 표시하는 입력이 수신될 때까지 단계 a) 내지 단계 c)를 반복하고;

e) 컴퓨터 메모리에 존재하는 적어도 하나의 데이터 객체를 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역에 할당하는 다수의 입력을 수신하고;

f) 서브영역들 내에 할당된 데이터 객체들을 디스플레이하도록 동작가능하다.

컴퓨터 프로그램 명령어들 및 데이터를 저장하는데 적절한 컴퓨터 판독가능 매체들(필요에 따라, 일시적 또는 비일시적)은 예로서 반도체 메모리 디바이스들, 예를 들어 소거형 프로그램가능 판독 전용 메모리(erasable programmable read-only memory)(EPROM), 전기적 소거형 프로그램가능 판독 전용 메모리(electrically-erasable programmable read-only memory)(EEPROM), 및 플래시 메모리 디바이스들; 자기 디스크들, 예를 들어, 내부 하드 디스크들 또는 제거식 디스크들; 광자기 디스크들; 및 CD-ROM, DVD+/-R, DVD-RAM, 및 DVD-ROM 디스크들을 포함하는, 모든 형태들의 비휘발성 메모리, 매체들 및 메모리 디바이스들을 포함한다. 메모리는 캐시들, 클래스들, 프레이워크들, 애플리케이션들, 백업 데이터, 작업들, 웹 페이지들, 웹 페이지 템플릿들, 데이터베이스 테이블들, 비즈니스 및/또는 동적 정보를 저장하는 저장소들, 및 임의의 파라미터들, 변수들, 알고리즘들, 명령어들, 규칙들, 제약들, 또는 이에 대한 참조들을 포함하는 임의의 다른 적절한 정보를 포함하는, 다양한 객체들 또는 데이터를 저장할 수 있다. 추가적으로, 메모리는 로그들, 정책들, 보안 또는 액세스 데이터, 보고 파일들뿐만 아니라, 다른 것들과 같은, 임의의 다른 적절한 데이터를 포함할 수 있다. 프로세서 및 메모리는 특수 목적 로직 회로에 의해 보충되거나, 이 회로 내에 통합될 수 있다.

프로그램 소프트웨어, 소프트웨어 애플리케이션, 모듈, 소프트웨어 모듈, 스크립트, 또는 코드는 컴파일형 또는 해석형 언어들, 또는 선언형 또는 절차형 언어들을 포함하는, 임의의 형태의 프로그래밍 언어로 기입될 수 있다, 자립형 프로그램으로서 또는 컴퓨팅 환경에서의 사용에 적절한 모듈, 구성요소, 서브루틴, 또는 다른 유닛으로서 포함하는, 임의의 형태로 전개될 수 있다. 일 실시예에서, 본 개시의 컴퓨터 실행가능 명령어들은 HTML, TS(Type스크립트), 및 CSS(Cascading Style Sheets)로 기입된다. 이들은 앵귤러 프레임워크들을 취급하는데 특히 적합하다.

컴퓨터 프로그램은 파일 시스템 내의 파일에 대응할 수 있지만, 반드시 그럴 필요는 없다. 프로그램은 다른 프로그램들 또는 데이터를 유지하는 파일의 일부, 예를 들어, 마크업 언어 문서에 저장된 하나 이상의 스크립트에, 문제의 프로그램에 전용인 단일 파일에, 또는 다수의 조정된 파일, 예를 들어, 코드의 하나 이상의 모듈 서브프로그램 또는 일부를 저장하는 파일들에 저장될 수 있다. 컴퓨터 프로그램은 하나의 컴퓨터 상에 또는 하나의 사이트에 위치되거나 다수의 사이트에 걸쳐 분산되고 통신 네트워크에 의해 상호연결되는 다수의 컴퓨터 상에 실행되도록 전개될 수 있다. 다양한 도면들에 예시된 프로그램들의 일부들이 다양한 객체들, 방법들, 또는 다른 프로세스들을 통해 다양한 특징들 및 기능성을 구현하는 개별 모듈들로서 도시되지만, 프로그램들은 필요에 따라, 다수의 서브모듈, 제3자 서비스, 구성요소, 라이브러리 등을 대신 포함할 수 있다. 반대로, 다양한 구성요소들의 특징들 및 기능성은 필요에 따라 단일 구성요소들 내로 조합될 수 있다.

본 개시는 또한 시스템을 제공하며, 시스템은,

1) 적어도 하나의 입력 디바이스;

2) 적어도 하나의 디스플레이;

3) 메모리;

4) 적어도 하나의 하드웨어 프로세서를 포함하고, 이 프로세서는 적어도 하나의 입력 디바이스; 적어도 하나의 디스플레이; 및 메모리와 상호운용가능하게 결합되고,

c) 단계 b)에서 수신되는 이진 입력에 따라, (서브)영역을 미리 정의된 영역 비율을 갖는 2개의 서브영역으로 수평으로 또는 수직으로 분할하고;

e) 메모리에 존재하는 적어도 하나의 데이터 객체를 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역에 할당하는 다수의 입력을 수신하고;

f) 서브영역들 내에 할당된 데이터 객체들을 디스플레이하도록 구성된다.

일 실시예에서, 입력 디바이스는 컴퓨터 마우스 또는 트랙볼을 포함한다. 추가 실시예에서, 적어도 하나의 입력 디바이스는 컴퓨터 키보드를 포함한다.

일 실시예에서, 적어도 하나의 디스플레이는 터치스크린을 포함한다. 터치스크린은 또한 입력 디바이스로서의 역할을 한다.

본 개시의 방법의 실행에 적절한 시스템들은 일반 또는 특수 목적 마이크로프로세서들, 둘 다, 또는 임의의 다른 종류의 CPU에 기초할 수 있다. 일반적으로, CPU는 판독 전용 메모리(read-only memory)(ROM) 또는 랜덤 액세스 메모리(random access memory)(RAM) 또는 둘 다로부터 명령어들 및 데이터를 수신할 것이다. 시스템의 필수 요소들은 명령어들을 수행하거나 실행하기 위한 CPU 및 명령어들 및 데이터를 저장하기 위한 하나 이상의 메모리 디바이스이다. 일반적으로, 시스템은 또한 데이터를 저장하기 위한 하나 이상의 대량 저장 디바이스, 예를 들어, 자기, 광자기 디스크들, 또는 광 디스크들을 포함하거나, 이들에 동작적으로 결합되거나, 이들로부터 데이터를 수신하거나 데이터를 이들에 전송하거나, 둘 다를 할 것이다. 그러나, 시스템은 그러한 디바이스들을 가질 필요가 없다. 더욱이, 시스템은 몇 가지만 예로 들자면, 다른 디바이스, 예를 들어, 이동 전화, 개인 정보 단말기(personal digital assistant)(PDA), 게임 콘솔, 또는 휴대용 저장 디바이스, 예를 들어, 범용 직렬 버스(universal serial bus)(USB) 플래시 드라이브에 내장될 수 있다.

본 개시는 일반적으로 사용자 인터페이스 레이아웃들을 생성하기 위한 컴퓨터에 의해 구현되는 방법들, 컴퓨터 프로그램 제품들, 및 시스템들을 설명한다. 이하의 설명은 임의의 통상의 기술자가 개시된 발명 대상을 제조, 사용, 및/또는 실시할 수 있게 하기 위해 제시되고, 하나 이상의 특정 구현의 맥락에서 제공된다. 개시된 구현들에 대한 다양한 수정들은 통상의 기술자들에게 즉시 분명할 것이고, 본원에 정의된 일반 원리들은 개시의 범위로부터 벗어나지 않고 다른 구현들 및 응용들에 적용될 수 있다. 따라서, 본 개시는 설명된 및/또는 예시된 구현들에 제한되는 것으로 의도되지 않지만, 본원에 개시된 원리들 및 특징들과 일치하는 가장 넓은 범위를 부여받아야 한다.

본 명세서에 설명된 발명 대상 및 기능 동작들의 구현들은 디지털 전자 회로로, 유형으로 구체화된 컴퓨터 소프트웨어 또는 펌웨어로, 본 명세서에 개시된 구조들 및 그들의 구조적 균등물들을 포함하는, 컴퓨터 하드웨어로, 또는 그들 중 하나 이상의 조합들로 구현될 수 있다. 본 명세서에 설명된 발명 대상의 구현들은 하나 이상의 컴퓨터 프로그램, 즉, 데이터 처리 장치에 의한 실행을 위해, 또는 데이터 처리 장치의 동작을 제어하기 위해 유형의 비일시적 컴퓨터 저장 매체 상에 인코딩되는 컴퓨터 프로그램 명령어들의 하나 이상의 모듈로서 구현될 수 있다. 대안적으로 또는 추가적으로, 프로그램 명령어들은 인공적으로 생성된 전파 신호, 예를 들어, 데이터 처리 장치에 의한 실행에 적절한 수신기 장치로의 송신을 위한 정보를 인코딩하기 위해 생성되는 머신 생성 전기, 광, 또는 전자기 신호 상에 인코딩될 수 있다. 컴퓨터 저장 매체는 머신 판독가능 저장 디바이스, 머신 판독가능 저장 기판, 랜덤 또는 시리얼 액세스 메모리 디바이스, 또는 그들 중 하나 이상의 조합일 수 있다.

본 명세서의 발명 대상의 하나 이상의 구현의 상세들은 첨부 도면들 및 설명에 제시된다. 발명 대상의 다른 특징들, 양태들, 및 장점들은 설명, 도면들, 및 청구항들로부터 분명해질 것이다.

도면들의 상세한 설명

도 1a는 본 개시의 방법을 사용하여 생성되는 GUI(100)의 제1 예시적인 스크린샷이다. GUI(100)는 다수의 서브영역(110)을 포함한다. 정확히 하나의 할당된 데이터 객체는 각각의 서브영역(110) 내에 디스플레이된다. 링크 버튼(120)은 서브영역(110) 내에 디스플레이될 데이터 객체를 선택하기 위해 각각의 서브영역(110) 내에 제공된다. 도 1a에 도시된 실시예에서, 할당되고 디스플레이되는 데이터 객체의 유형의 표시기(130)는 서브영역(110) 내에 제공된다.

상이한 기능들을 활성화하기 위한 다수의 버튼(150)을 포함하는 빠른 시작 버튼 바(140)는 GUI의 상부 에지에 위치된다. 도 1a에 도시된 예에서, GUI는 4개의 열 내에 배열된 8개의 서브영역을 포함한다. 이러한 예에서, 모든 서브영역들이 상응하지만, 이것은 의무적인 것은 아니다. 또한 서브영역들의 개수는 행 및/또는 열마다 다를 수 있다.

도 1b는 본 개시의 방법을 사용하여 생성되는 GUI(100)의 다른 예시적인 스크린샷이다. GUI(100)는 다수의 서브영역(110)을 포함한다. 상단 좌측 서브영역에서, 2개의 할당된 데이터 객체가 디스플레이된다. 또한 그 바로 아래의 서브영역에서, 2개의 할당된 데이터 객체가 디스플레이되는 한편, 하나의 데이터 객체만이 GUI(100)의 우측 측면 상의 2개의 서브영역 각각 내에 디스플레이된다. 링크 버튼(120)은 서브영역(110) 내에 디스플레이될 데이터 객체 유형(들)을 선택하기 위해 각각의 서브영역(110) 내에 제공된다. 할당되고 디스플레이되는 데이터 객체의 유형의 표시기(130)는 서브영역들(110) 각각 내의 각각의 할당된 데이터 객체를 위해 제공된다. 도시된 예에서, 할당된 데이터 객체들은 2개의 서브그룹으로 그룹화된다. 상이한 컬러들(도면에서 상이한 텍스처들에 의해 표시됨) 및 넘버들은 GUI(100) 내의 상이한 서브그룹들을 강조하기 위해 사용된다. 각각의 할당된 데이터 객체의 표시기(130)는 넘버(160)를 디스플레이하고 할당된 데이터 객체가 속하는 서브그룹에 대응하여 컬러화된다.

도 2는 본 개시의 그래픽 사용자 인터페이스(GUI) 레이아웃들을 생성하기 위한 방법의 단계들의 일부를 예시하는 흐름도(200)이다. 흐름도(200)는 방법의 재귀적 부분을 도시한다. 시작(210) 후에, 단계(220)에서 절차가 완료되었던 것을 표시하는 입력이 있는지의 여부가 체크된다. 그러한 입력이 검출되면, 프로세스가 종료(260)된다. 그렇지 않으면, 추가 입력, 예를 들어, 마우스 클릭의 검출 시에, 어느 옵션이 현재 선택된 (서브)영역에 대해 선택되었는지의 체크(230)가 수행된다. 우측 마우스 클릭의 검출 시에, (서브)영역은 수직으로 분할(240)되는 한편, 좌측 마우스 클릭의 검출 시에, (서브)영역은 수평으로 분할(250)된다. 도시되지 않은 다른 실시예에서, (서브)영역은 좌측 마우스 클릭의 검출 시에 수직으로 분할(240)되는 한편, (서브)영역은 우측 마우스 클릭의 검출 시에 수평으로 분할(250)된다. 그 다음, 프로세스는 단계(220)로 다시 이동한다.

참조 부호들의 리스트
100: GUI
110: 서브영역
120: 데이터 객체 링크 버튼
130: 데이터 객체 유형 표시기
140: 빠른 시작 버튼 바
150: 기능 버튼
160: 데이터 객체의 서브그룹 넘버
200: 흐름도
210: 시작
220 입력을 체크한다
230 입력을 식별한다
240 (서브)영역을 수직으로 분할한다
250 (서브)영역을 수평으로 분할한다
260 종료

Claims

대시보드 소프트웨어를 위한 그래픽 사용자 인터페이스(100)(GUI)를 생성하기 위한 컴퓨터에 의해 구현되는 방법으로서,
a) 상기 GUI(100)와 연관된 디스플레이 상에서 이용가능 (서브)영역(110)을 선택하는 입력을 수신하는 단계;
b) 상기 (서브)영역(110)이 수평으로 분할(250) 또는 수직으로 분할(240)되어야 하는지의 선택으로 구성되는 이진 입력을 수신하는 단계;
c) 상기 단계 b)에서 이루어지는 선택에 따라, 상기 (서브)영역(110)을 미리 정의된 영역 비율을 갖는 2개의 서브영역(110)으로 수평으로 분할(250) 또는 수직으로 분할(240)하는 단계;
d) 원하는 그리드가 획득되었을 때까지 단계 a) 내지 단계 c)를 반복하는 단계;
e) 상기 대시보드 소프트웨어에 의해 제공되는 적어도 하나의 데이터 객체 유형을 상기 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역(110)에 할당하는 단계;
f) 상기 서브영역들(110) 내에 상기 할당된 데이터 객체들을 디스플레이하는 단계
를 포함하는, 컴퓨터에 의해 구현되는 방법.
제1항에 있어서, 상기 단계 a)에서의 (서브)영역(110)은 커서를 상기 (서브)영역(110) 내로 내비게이션함으로써 선택되는, 컴퓨터에 의해 구현되는 방법.
제1항 또는 제2항에 있어서, 상기 단계 b)에서의 선택은 컴퓨터 마우스를 사용하여 커서를 상기 (서브)영역(110) 내로 내비게이션하고, 상기 (서브)영역의 수평 분할(250)을 선택하는 좌측 마우스 클릭 또는 상기 (서브)영역(110)의 수직 분할(240)을 선택하는 우측 마우스 클릭을 수행함으로써 이루어지는, 컴퓨터에 의해 구현되는 방법.
제1항 또는 제2항에 있어서, 상기 단계 b)에서의 선택은 컴퓨터 마우스를 사용하여 커서를 상기 (서브)영역(110) 내로 내비게이션하고, 상기 (서브)영역의 수평 분할(250)을 선택하는 우측 마우스 클릭 또는 상기 (서브)영역(110)의 수직 분할(240)을 선택하는 좌측 마우스 클릭을 수행함으로써 이루어지는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제4항 중 어느 한 항에 있어서, 단계 a) 내지 단계 c)는 어떠한 데이터 객체도 상기 (서브)영역(110)에 할당되지 않았던 한 취소 또는 재수행될 수 있는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제5항 중 어느 한 항에 있어서, 상기 데이터 객체들은 넘버들, 텍스트, 심볼들, 테이블들, 도해들, 및 픽처들로 구성되는 그룹으로부터 선택되는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제6항 중 어느 한 항에 있어서, 상기 데이터 객체들은 색측정 소프트웨어에 의해 획득되는 측정된 데이터를 나타내는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제7항 중 어느 한 항에 있어서, 상기 단계 d)에서 획득되는 그리드의 각각의 서브영역(110)의 경계들은 상기 그리드를 수정하기 위해 이동될 수 있으며, 서브영역(110)의 경계는 컴퓨터 마우스를 사용하여 상기 경계를 포인팅하고 클리킹하여 그것을 선택하고 그 다음 포인터를 원하는 위치로 드래그함으로써 이동될 수 있는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제8항 중 어느 한 항에 있어서, 상기 그리드는 저장가능한, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제9항 중 어느 한 항에 있어서, 상기 GUI(100)는 상기 디스플레이의 에지에서의 임의적인 위치에 피닝될 수 있는 빠른 시작 버튼 바(120)를 포함하는, 컴퓨터에 의해 구현되는 방법.
제10항에 있어서, 상기 빠른 시작 버튼 바(120)는 또한 피닝되지 않을 때의 위치로부터 플로트 인 및 플로트 아웃될 수 있는, 컴퓨터에 의해 구현되는 방법.
제10항 또는 제11항에 있어서, 상이한 기능들을 활성화하는 버튼들(130)은 드래그 앤드 드롭을 통해 상기 빠른 시작 버튼 바(120)에 추가 및 제거될 수 있는, 컴퓨터에 의해 구현되는 방법.
제1항 내지 제12항 중 어느 한 항에 있어서,
g) 적어도 2개의 데이터 객체를 그룹화하는 단계; 및
h) 상기 데이터 객체들의 그룹을 공통 컬러 및/또는 번호화로 강조하는 단계
를 수반하는, 컴퓨터에 의해 구현되는 방법.
컴퓨터 판독가능 명령어들을 저장한 비일시적 컴퓨터 판독가능 매체로서, 상기 명령어들은 컴퓨터에 의해 실행가능하고,
a) 디스플레이 상에서 이용가능 (서브)영역(110)을 선택하는 입력을 수신하고;
b) 상기 (서브)영역(110)이 수평으로 분할(250)되어야 하는 것을 정의하거나 상기 (서브)영역(110)이 수직으로 분할(240)되어야 하는 것을 정의하는 이진 입력을 수신하고;
c) 상기 단계 b)에서 수신되는 이진 입력에 따라, 상기 (서브)영역(110)을 미리 정의된 영역 비율을 갖는 2개의 서브영역(110)으로 수평으로 분할(250) 또는 수직으로 분할(240)하고;
d) 원하는 그리드가 획득되었던 것을 표시하는 입력이 수신될 때까지 단계 a) 내지 단계 c)를 반복하고;
e) 컴퓨터 메모리에 존재하는 적어도 하나의 데이터 객체를 상기 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역(110)에 할당하는 다수의 입력을 수신하고;
f) 상기 서브영역들(110) 내에 상기 할당된 데이터 객체들을 디스플레이하도록 동작가능한, 비일시적 컴퓨터 판독가능 매체.
시스템으로서,
1) 적어도 하나의 입력 디바이스;
2) 적어도 하나의 디스플레이;
3) 메모리;
4) 적어도 하나의 하드웨어 프로세서를 포함하고, 상기 프로세서는 상기 적어도 하나의 입력 디바이스; 상기 적어도 하나의 디스플레이; 및 상기 메모리와 상호운용가능하게 결합되고,
a) 상기 디스플레이 상에서 이용가능 (서브)영역(110)을 선택하는 입력을 수신하고;
b) 상기 (서브)영역(110)이 수평으로 분할(250)되어야 하는 것을 정의하거나 상기 (서브)영역이 수직으로 분할(240)되어야 하는 것을 정의하는 이진 입력을 수신하고;
c) 상기 단계 b)에서 수신되는 이진 입력에 따라, 상기 (서브)영역을 미리 정의된 영역 비율을 갖는 2개의 서브영역(110)으로 수평으로 분할(250) 또는 수직으로 분할(240)하고;
d) 원하는 그리드가 획득되었던 것을 표시하는 입력이 수신될 때까지 단계 a) 내지 단계 c)를 반복하고;
e) 상기 메모리에 존재하는 적어도 하나의 데이터 객체를 상기 단계 d)에서 획득되는 그리드의 적어도 하나의 서브영역(110)에 할당하는 다수의 입력을 수신하고;
f) 상기 서브영역들(110) 내에 상기 할당된 데이터 객체들을 디스플레이하도록 구성되는, 시스템.