KR20230086789A - 요약 형상들 - Google Patents

Abstract

일 예에서, 그래픽 다이어그램을 디스플레이하기 위한 방법은 그래픽 드로잉 캔버스에서 다수의 그래픽 객체들을 디스플레이하는 단계를 포함한다. 그래픽 객체들은 구조화된 소스 데이터에서 식별된 다수의 노드들을 표현한다. 방법은 노드들의 속성에 기초하여 다수의 그래픽 객체들의 제1 및 제2 그래픽 객체들을 그룹화하는 데 효과적인 제1 입력을 수신하는 단계를 포함한다. 방법은 제1 입력을 수신하는 것에 응답하여 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계를 포함한다.

Description

요약 형상들

본 명세서에서 논의되는 실시예들은 요약 형상들에 관한 것이다.

본 명세서에서 달리 나타내지 않으면, 본 명세서에 설명되는 재료들은 본 출원의 청구항들에 대한 종래 기술이 아니며, 이러한 섹션 내의 포함에 의해 종래 기술인 것으로 인정되지 않는다.

예를 들어, 네트워크들, 조직들, 또는 다른 구조화된 소스 데이터의 일부 구조화된 소스 데이터는 그 자체를 네트워크 다이어그램 또는 조직도와 같은 다이어그램 또는 다른 시각화의 형태의 표현에 적합하게 한다. 일부 다이어그램 애플리케이션들은 사용자들이 구조화된 소스 데이터에 기초하여 컴퓨터 상에서 그래픽 다이어그램들을 생성하게 허용한다.

일부 구조화된 소스 데이터는 수백 또는 심지어 수천 개의 노드들과 같은 많은 수의 노드들을 식별할 수 있으며, 이들 각각은 그래픽 다이어그램에서 그래픽 객체에 의해 표현될 수 있다. 그러한 많은 수의 노드들을 이용하면, 그래픽 다이어그램이 너무 상세할 수 있어서, 그것은 사용자를 산만하게 할 수 있다. 특히, 많은 수의 노드들을 포함하는 그래픽 다이어그램들은, 적어도 일부 상황들에서, 예컨대 사용자들이 상세한 뷰보다 구조화된 소스 데이터의 상위 레벨 시각화에 더 관심이 있을 때 그들이 사용자들을 산만하게 하는 너무 많은 세부사항을 제공할 수 있다.

본 명세서에서 청구되는 요지는, 임의의 단점들을 해결하거나 또는 위에서 설명된 것들과 같은 환경들에서만 동작하는 구현들로 제한되지 않는다. 오히려, 이러한 배경은, 본 명세서에 설명되는 일부 구현들이 실시될 수 있는 하나의 예시적인 기술 영역을 예시하기 위해서만 제공될 뿐이다.

이러한 요약은 아래의 발명을 실시하기 위한 구체적인 내용에서 추가로 설명되는 개념들의 선택을 간략화된 형태로 소개하도록 제공된다. 이러한 요약은, 청구된 요지의 중요(key) 특징들 또는 본질적인 특성들을 식별하도록 의도되지 않을 뿐만 아니라, 청구된 요지의 범위를 결정하는 데 있어 보조로서 사용되도록 의도되지 않는다.

예시적인 실시예에서, 그래픽 다이어그램을 디스플레이하기 위한 방법은 그래픽 드로잉 캔버스에서 다수의 그래픽 객체들을 디스플레이하는 단계를 포함한다. 그래픽 객체들은 구조화된 소스 데이터에서 식별된 다수의 노드들을 표현한다. 방법은 노드들의 속성에 기초하여 다수의 그래픽 객체들의 제1 및 제2 그래픽 객체들을 그룹화하는 데 효과적인 제1 입력을 수신하는 단계를 포함한다. 방법은 제1 입력을 수신하는 것에 응답하여 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계를 포함한다.

다른 예시적인 실시예에서, 비-일시적인 컴퓨터-판독가능 매체에는 컴퓨터-실행가능 명령들이 저장되어 있으며, 컴퓨터-실행가능 명령들은, 동작들을 수행하거나 동작들의 수행을 제어하도록 프로세서에 의해 실행가능하다. 동작들은 그래픽 드로잉 캔버스에서 다수의 그래픽 객체들을 디스플레이하는 것을 포함한다. 그래픽 객체들은 구조화된 소스 데이터에서 식별된 다수의 노드들을 표현한다. 동작들은 노드들의 속성에 기초하여 다수의 그래픽 객체들의 제1 및 제2 그래픽 객체들을 그룹화하는 데 효과적인 제1 입력을 수신하는 것을 포함한다. 동작들은 제1 입력을 수신하는 것에 응답하여 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 것을 포함한다.

본 발명의 부가적인 특징들 및 장점들은 후속하는 설명에서 기재될 것이고, 그 설명으로부터 부분적으로 자명할 것이거나, 또는 본 발명의 실시에 의해 습득될 수 있다. 본 발명의 특징들 및 장점들은 첨부된 청구항들에서 특히 지적되는 기구들 및 조합들에 의해 실현 및 획득될 수 있다. 본 발명의 이들 및 다른 특징들은 다음의 설명 및 첨부된 청구항들로부터 더 완전하게 명백해질 것이거나, 또는 아래에서 개시되는 바와 같이 본 발명의 실시에 의해 습득될 것이다.

본 발명의 위의 그리고 다른 장점들 및 특징들을 추가로 명확하게 하기 위해, 본 발명의 더 상세한 설명은, 첨부된 도면들에 예시되는 본 발명의 특정 실시예들에 대한 참조에 의해 주어질 것이다. 이들 도면들이 본 발명의 통상적인 실시예들만을 묘사하며, 따라서 그의 범위의 제한으로 고려되지 않을 것이라는 것이 인식된다. 본 발명은 첨부한 도면들의 사용을 통해 부가적인 특수성 및 세부사항으로 설명 및 기술될 것이다.
도 1은 서버(102) 및 하나 이상의 클라이언트 디바이스들을 포함하는 예시적인 동작 환경의 블록 다이어그램이다.
도 2는 그래픽 다이어그램을 디스플레이하기 위한 방법의 흐름도이다.
도 3a 및 도 3b는 그래픽 다이어그램들을 생성하기 위한 사용자 인터페이스(UI)의 그래픽 표현들을 포함한다.
도 4는 축소(collapse)를 위해 그래픽 객체들을 그룹화하기 위한 예시적인 UI를 포함한다.
도 5a 및 5b는 그래픽 객체들 및 대응하는 요약 그래픽 객체들의 일부 예시적인 그룹들을 예시한다.
도 6은, 그래픽 다이어그램들을 생성 및 디스플레이하고, 다수의 그래픽 객체들을 더 적은 요약 그래픽 객체들로 축소시키고, 요약 그래픽 객체들을 더 많은 그래픽 객체들로 확장시키도록 배열된 예시적인 컴퓨팅 디바이스를 예시하는 블록 다이어그램이다.
도면들 모두는 본 명세서에 설명되는 적어도 하나의 실시예에 따라 배열된다.

본 명세서에 설명된 일부 실시예들은, 예를 들어 적어도 일부 상황들에서 산만 레벨의 세부사항이 될 수 있는 것을 제거하기 위해 다수의 노드들에 대응하는 다수의 그래픽 객체들을 더 적은 수의 요약 그래픽 객체들로 축소시킬 수 있다. 요약 그래픽 객체로 축소되는 2개 이상의 그래픽 객체들은 그래픽 객체의 기본 노드의 속성에 따라 그룹화될 수 있다. 예를 들어, 자신의 기본 노드들이 특정한 값을 갖는 속성을 갖는 그래픽 객체들은 함께 그룹화되고, 요약 그래픽 객체로 축소될 수 있다. 2개 이상의 그래픽 객체들을 그룹화하고 요약화하는 관점들에서 설명되지만, 본 명세서에 설명된 실시예들은 대안적으로 또는 부가적으로 단일 그래픽 객체를 "그룹화" 및 "요약화"할 수 있다. 예를 들어, 단일 그래픽 객체만이 그룹에 속하는 것으로 식별되면, 단일 그래픽 객체는, "그룹"이 단일 멤버를 갖는다는 것을 선택적으로 표시하는 요약 그래픽 객체로 교체될 수 있다.

그래픽 객체들을 더 적은 요약 그래픽 객체들로 그룹화하고 축소시키는 프로세스는 본 명세서에서 요약화 또는 요약으로 지칭될 수 있다. 예를 들어, 요약을 턴 오프(turn off)시키기 위한 UI를 통한 적절한 입력에 응답하여, 요약은 가역적(reversible)일 수 있다. 요약이 턴 오프될 때, 요약 그래픽 객체는 요약 그래픽 객체로 이전에 그룹화되고 축소되었던 그래픽 객체들로 확장될 수 있다.

일부 그래픽 다이어그램들은 그래픽 객체들 사이의 관계들을 표시하기 위해 그래픽 객체들 사이의 커넥터들을 포함한다. 축소를 위한 그룹의 그래픽 객체가 그룹 외부의 그래픽 객체에 커넥터에 의해 연결되고 그룹이 축소될 때, 커넥터는 결과적인 요약 그래픽 객체와 그룹 외부의 그래픽 객체 사이의 커넥터로 교체될 수 있다. 대안적으로 또는 부가적으로, 그룹의 하나 이상의 그래픽 객체들이 조건부 포맷팅을 갖고 그룹이 요약 그래픽 객체로 축소될 때, 조건부 포맷팅이 요약 그래픽 객체에 적용될 수 있다.

본 발명의 예시적인 실시예들의 다양한 양상들을 설명하기 위해 도면들에 대한 참조가 이제 이루어질 것이다. 도면들은 그러한 예시적인 실시예들의 도식적이고 개략적인 표현들이며, 본 발명의 제한이 아닐 뿐만 아니라 도면들은 반드시 실척대로 도시될 필요는 없다는 것이 이해될 것이다.

도 1은 본 명세서에 설명되는 적어도 일 실시예에 따라 배열되는, 서버(102) 및 하나 이상의 클라이언트 디바이스들(104, 106, 108)을 포함하는 예시적인 동작 환경(100)의 블록 다이어그램이다. 서버(102) 및/또는 클라이언트 디바이스들(104, 106, 108)은 구조화된 소스 데이터에 기초하여 그래픽 객체들을 포함하는 그래픽 다이어그램들 또는 시각화들을 생성 및 디스플레이하도록 구성될 수 있다. 용어들 그래픽 다이어그램 및 시각화는 본 명세서에서 상호교환가능하게 사용된다. 일부 실시예들에서, 서버(102) 및/또는 클라이언트 디바이스들(104, 106, 108)은 그래픽 다이어그램 내에서 다수의 그래픽 객체들을 더 적은 요약 그래픽 객체들로 축소시키도록 구성될 수 있다.

구조화된 소스 데이터는 하나 이상의 데이터 소스들(110)로부터 수신될 수 있다. 데이터 소스들(110) 각각은, 예를 들어 인적 자원(HR; human resource) 시스템 또는 데이터베이스, 예컨대 BAMBOOHR 또는 WORKDAY; 고객 관계 관리(CRM) 시스템, 예컨대 SALESFORCE.COM 또는 MICROSOFT DYNAMICS CRM; 예를 들어, 엔티티의 직원들에 대한 이름들, 사진들, 및/또는 보고 구조를 갖는 HR용 스프레드시트; 맞춤형 내부 로깅 시스템; (예를 들어, 직원 사무실/워크스테이션 할당들을 갖는) 플로어플랜 데이터베이스; 클라우드 인프라구조 제공자, 예컨대 AWS, GOOGLE CLOUD, 또는 MICROSOFT AZURE; (예를 들어, 엔티티 관계 다이어그램들을 생성하기 위한) 데이터베이스 스키마(schema); 서비스-지향 아키텍처; 물리적 네트워크 검색 도구들; 네트워크와 유사하게 모델링될 수 있는 맞춤형-구축 기술 시스템들; 또는 다른 적합한 데이터 소스 및/또는 데이터 집합을 포함할 수 있다. 데이터 소스들(110) 각각 내의 데이터는 하나의 데이터 소스(110)로부터 다른 데이터 소스까지 상이하거나 그리고/또는 동일할 수 있는 특정 포맷을 가질 수 있다. 일부 예시적인 데이터 포맷들은 독점 포맷들, SQL(Structured Query Language), 및 JSON(JavaScript Object Notation)을 포함한다.

구조화된 소스 데이터는 2개 이상의 노드들 또는 다른 엔티티들 및 그들 사이의 관계들을 식별할 수 있다. 예를 들어, 구조화된 소스 데이터는 회사의 종업원들, 임원들, 소유자들 및/또는 다른 직원 뿐만 아니라 서로에 대한 관계들, 예컨대 하나 이상의 분과들, 부서들, 또는 다른 논리 유닛들 내의 상대적인 직급들 및 조직을 식별할 수 있다. 다른 예로서, 구조화된 소스 데이터는 다양한 계산 노드들, 저장 노드들, 데이터베이스 노드들, 네트워킹 노드들, 및/또는 AWS의 고객에 의해 배치되는 다른 엔티티들 뿐만 아니라 특정 노드들이 통신할 수 있게 하는 특정 포트들과 같은 엔티티들 사이의 관계들을 식별할 수 있다. 다른 예로서, 구조화된 소스 데이터는 데이터베이스들 및 데이터베이스들 내의 테이블들 및/또는 데이터베이스 스키마 내의 다른 엔티티들 뿐만 아니라 외래(foreign) 및/또는 주요 키들과 같은 엔티티들 사이의 관계들을 식별할 수 있다.

각각의 그래픽 다이어그램은 하나 이상의 그래픽 객체들을 사용하여 노드들 중 하나 이상을 그래픽적으로 표현할 수 있다. 특히, 각각의 노드는 하나 또는 다수의 그래픽 객체들의 세트에 의해 표현되거나 그렇지 않으면 그와 연관될 수 있다. 예를 들어, AWS 구조화된 소스 데이터의 컴퓨팅 노드들 및 데이터베이스 노드들은 각각 그래픽 다이어그램 내의 대응하는 그래픽 노드에 의해 표현될 수 있다. 다른 예로서, 조직 내의 직원 또는 다른 개인의 노드는, 박스 또는 다른 형상의 윤곽(예를 들어, 제1 그래픽 객체), 직원의 사진(예를 들어, 제2 그래픽 객체), 직원의 이름, 사무실 위치, 및/또는 다른 정보를 포함할 수 있는 텍스트(예를 들어, 제3 그래픽 객체), 및/또는 직원이 보고하는 직원의 감독자 또는 관리자 또는 다른 개인을 표시하는 커넥터(예를 들어, 제4 그래픽 객체)에 의해 그래픽적으로 표현될 수 있다.

서버(102) 및/또는 클라이언트 디바이스들(104, 106, 108)은 구조화된 소스 데이터(120)에 기초하여 그래픽 다이어그램들을 자동으로 생성하도록 구성될 수 있다. 그래픽 다이어그램들은 계약 맵에 기초하여 생성될 수 있다. 대안적으로 또는 부가적으로, 자동으로-생성된 그래픽 다이어그램들 또는 그들 내의 그래픽 객체들은 조건부 포맷팅의 적용에 의해 맞춤화될 수 있다. 일부 실시예들에서, 그래픽 드로잉들, 예를 들어 노드들을 표현하는 그래픽 드로잉들 내의 그래픽 객체들에 대해 행해진 업데이트들은 일부 상황들에서, 구조화된 소스 데이터로 다시 전파될 수 있다. 대안적으로 또는 부가적으로, 서버(102) 및/또는 클라이언트 디바이스들(104, 106, 108)은 그래픽 다이어그램들을 생성할 때, 하나 이상의 가역적 데이터 변환들을 구조화된 소스 데이터에 적용하도록 구성될 수 있다. 계약 맵들, 그래픽 다이어그램들의 맞춤화, 조건부 포맷팅, 구조화된 소스 데이터를 업데이트하는 것, 및 가역적 데이터 변환들에 관한 부가적인 세부사항들은, 그들 전체가 참조로 본 명세서에 포함된 다음의 미국 특허 문서들에서 개시된다: 미국 특허 공개 공보 제20200004865호(2018년 6월 29일자로 출원된 미국 출원 제16/024,533호), 미국 특허 공개 공보 제20200004866호(2018년 6월 29일자로 출원된 미국 출원 제16/024,544호), 미국 특허 공개 공보 제20200004872호(2018년 6월 29일자로 출원된 미국 출원 제16/024,551호), 및 2020년 2월 20일자로 출원된 미국 출원 제16/796,757호.

하나의 서버(102) 및 1개의 클라이언트 디바이스들(104, 106, 108)이 도 3에 예시되지만, 동작 환경(100)은 더 일반적으로, 하나 이상의 서버들(102) 및 하나 이상의 클라이언트 디바이스들(104, 106, 108)을 포함할 수 있다. 이들 및 다른 실시예들에서, 동작 환경(100)은 도 1에 예시되지 않은 다른 서버들 및/또는 디바이스들을 포함할 수 있다.

동작 환경(100)은 부가적으로 네트워크(112)를 포함할 수 있다. 일반적으로, 네트워크(112)는 서버(102), 클라이언트 디바이스들(104, 106, 108) 및 데이터 소스들(110)이 서로 통신할 수 있게 하는 하나 이상의 광역 네트워크(WAN)들 및/또는 로컬 영역 네트워크(LAN)들을 포함할 수 있다. 일부 실시예들에서, 네트워크(112)는, 다수의 WAN들 및/또는 LAN들 사이에서 논리적 및 물리적 연결들에 의해 형성된 글로벌 인터넷워크(internetwork)를 포함하는 인터넷을 포함할 수 있다. 교대로 또는 부가적으로, 네트워크(112)는 하나 이상의 셀룰러 라디오 주파수(RF) 네트워크들 및/또는 하나 이상의 유선 및/또는 무선 네트워크들, 예컨대 802.xx 네트워크들, 블루투스 액세스 포인트들, 무선 액세스 포인트들, 인터넷 프로토콜(IP)-기반 네트워크들, 또는 다른 유선 및/또는 무선 네트워크들을 포함할 수 있다. 네트워크(112)는 또한, 하나의 유형의 네트워크가 다른 유형의 네트워크와 인터페이싱할 수 있게 하는 서버들을 포함할 수 있다.

일반적으로, 서버(102)는, 클라이언트 디바이스들(104, 106, 108)이 그래픽 다이어그램들을 생성 및 디스플레이하게 허용하고, 다수의 그래픽 객체들을 더 적은 요약 그래픽 객체들로 축소시키게 허용하고, 요약 그래픽 객체들을 더 많은 그래픽 객체들로 확장시키게 허용하는 웹-기반 다이어그램 애플리케이션(이하, 애플리케이션)(114)을 호스팅할 수 있다. 다른 실시예들에서, 애플리케이션(114)은 비-웹-기반 애플리케이션을 포함할 수 있지만, 일반적으로는 간략화를 위해 웹-기반 애플리케이션으로서 본 명세서에 설명될 수 있다.

서버(102)는 부가적으로, 프로세서(116) 및 저장 매체(118)를 포함할 수 있다. 프로세서(116)는 중앙 프로세싱 유닛(CPU), 마이크로프로세서(μP), 마이크로제어기(μC), 디지털 신호 프로세서(DSP), 또는 이들의 임의의 조합과 같은 임의의 유형을 가질 수 있다. 프로세서(116)는, 실행될 때 프로세서(116)로 하여금, 서버(102)에 대해 본 명세서에 설명되는 동작들 중 하나 이상의 동작들을 수행하게 하거나 또는 그들의 성능을 제어하게 하는 컴퓨터 명령들을 실행하도록 구성될 수 있다.

저장 매체(118)는 휘발성 메모리, 예컨대 랜덤 액세스 메모리(RAM), 영구적인 또는 비-휘발성 저장소, 예컨대 판독 전용 메모리(ROM), 전기적으로 소거가능하고 프로그래밍가능한 ROM(EEPROM), 콤팩트 디스크-ROM(CD-ROM) 또는 다른 광학 디스크 저장소, 자기 디스크 저장 또는 다른 자기 저장 디바이스, NAND 플래시 메모리 또는 다른 솔리드 스테이트 저장 디바이스, 또는 다른 영구적인 또는 비-휘발성 컴퓨터 저장 매체를 포함하는 임의의 비-일시적인 컴퓨터-판독가능 매체를 포함할 수 있다. 저장 매체(118)는, 서버(102)에 대해 본 명세서에 설명되는 동작들 중 하나 이상의 동작들을 수행하거나 또는 그들의 성능을 제어하도록 프로세서(116)에 의해 실행될 수 있는 컴퓨터 명령들을 저장할 수 있다.

부가적으로, 저장 매체(118)는 구조화된 소스 데이터(120)의 하나 이상의 세트들, 하나 이상의 모델들(122), 모델 규칙들 및/또는 휴리스틱(heuristic)들(124)("도 1의 모델 규칙들/휴리스틱들"), 및/또는 하나 이상의 그래픽 다이어그램들(126)을 저장할 수 있다. 구조화된 소스 데이터(120)의 각각의 세트는 데이터 소스들(110) 중 대응하는 데이터 소스로부터 임포트(import)될 수 있다. 구조화된 소스 데이터(120)는 네트워크(112)를 통해, 또는 직접적인 연결이 존재한다면, 대응하는 데이터 소스(110)로부터 직접 임포트될 수 있다.

모델 규칙들 및/또는 휴리스틱들(124)은, 구조화된 데이터에서 표현된 노드들 및/또는 그들의 관계들에 관한 정보를 도출하기 위해, 구조화된 소스 데이터(120)에 적용될 수 있는 규칙들 및/또는 휴리스틱들을 포함한다. 구조화된 소스 데이터(120) 및/또는 모델 규칙들 및/또는 휴리스틱들(124)에 의해 도출된 정보는 모델들(122)을 생성하도록 서버(102)에 의해 사용될 수 있으며, 각각의 모델(122)은 구조화된 소스 데이터(120)의 상이한 세트에 대응한다. 그래픽 다이어그램들(126) 각각은, 구조화된 소스 데이터(120)의 대응하는 세트로부터, 그리고/또는 구조화된 소스 데이터(120)의 대응하는 세트로부터 도출된 모델들(122) 중 대응하는 모델로부터 직접 생성될 수 있다. 그래픽 다이어그램들(126)은, 클라이언트 디바이스들(104, 106, 108)에서 사용자들로부터 수신된 입력에 기초하여 생성될 수 있으며, 구조화된 소스 데이터(120)의 대응하는 세트에서 그리고/또는 구조화된 소스 데이터(120)의 대응하는 세트로부터 도출된 대응하는 모델(122)에서 표현된 노드들 또는 다른 엔티티들 중 일부 또는 전부를 포함할 수 있다.

일부 구조화된 소스 데이터(120)는 수백 또는 심지어 수천 개의 노드들과 같은 많은 수의 노드들을 식별할 수 있으며, 이들 사이의 관계들의 정도는 너무 상세할 수 있어서, 그들은 사용자를 산만하게 할 수 있다. 특히, 많은 수의 노드들을 포함하는 그래픽 다이어그램들은, 적어도 일부 상황들에서, 예컨대 사용자들이 상세한 뷰보다 구조화된 소스 데이터의 상위 레벨 시각화에 더 관심이 있을 때 그들이 사용자들을 산만하게 하는 너무 많은 세부사항을 제공할 수 있다.

따라서, 본 명세서에 설명된 일부 실시예들은, 예를 들어 적어도 일부 상황들에서 산만 레벨의 세부사항이 될 수 있는 것을 제거하기 위해 다수의 노드들에 대응하는 다수의 그래픽 객체들을 더 적은 수의 요약 그래픽 객체들로 축소시킬 수 있다. 요약 그래픽 객체로 축소되는 2개 이상의 그래픽 객체들은 그래픽 객체의 기본 노드의 속성에 따라 그룹화될 수 있다. 예를 들어, 자신의 기본 노드들이 특정한 값을 갖는 속성을 갖는 그래픽 객체들은 함께 그룹화되고, 요약 그래픽 객체로 축소될 수 있다.

일부 실시예들에서, 서버(102)는, 클라이언트 디바이스들(104, 106, 108)이 구조화된 소스 데이터(120)에 기초하여 그래픽 다이어그램들(126)을 생성 및 디스플레이하고 그들 내의 그래픽 객체들을 그룹화하고 축소시키게 허용하기 위해 클라이언트 디바이스들(104, 106, 108)과 협력하도록 구성될 수 있다. 구조화된 소스 데이터(120)에 기초하여 그래픽 다이어그램들(126)을 생성 및 디스플레이하거나 또는 그래픽 객체들을 그룹화하거나 축소키는 것은, 구조화된 소스 데이터(120)에 직접 기초하여 그리고/또는 구조화된 소스 데이터(120)로부터 도출된 모델들(122)에 기초하여 그래픽 다이어그램들(126)을 생성 및/또는 디스플레이하거나 또는 그래픽 객체들을 그룹화하고 그리고/또는 축소시키는 것을 포함할 수 있다. 이들 및 다른 실시예들에서, 클라이언트 디바이스들(104, 106, 108)은, 대응하는 클라이언트 디바이스(104, 106, 108)의 디스플레이 상에서 디스플레이될 수 있는 그래픽 다이어그램들(126)을 생성하기 위해 브라우저(128)와 같은 대응하는 애플리케이션 또는 앱을 사용할 수 있다.

따라서, 클라이언트 디바이스들(104, 106, 108) 각각은 네트워크(112)를 통해 서버(102)와 통신하도록 구성된 애플리케이션, 예컨대 브라우저(128)를 실행할 수 있다. 브라우저(128)는 네트워크(112)를 통해 서버(102)와 통신하기 위한 인터넷 브라우저 또는 다른 적합한 애플리케이션을 포함할 수 있다. 브라우저(128)는 구조화된 소스 데이터(120) 그리고/또는 그래픽 다이어그램들(126)을 생성, 다운로드, 및/또는 그들과 상호작용할 수 있다. 클라이언트 디바이스들(104, 106, 108) 각각은 데스크톱 컴퓨터, 랩톱 컴퓨터, 태블릿 컴퓨터, 모바일 폰, 스마트폰, 개인 휴대 정보 단말(PDA), 웨어러블 디바이스(예를 들어, 스마트 워치), 또는 다른 적합한 클라이언트 디바이스를 포함할 수 있다.

부가적으로, 클라이언트 디바이스들(104, 106, 108) 각각은 도 1에서 클라이언트 디바이스(104)에 대해 예시된 바와 같은 프로세서(130) 및 저장 매체(132)와 같은 프로세서 및 저장 매체를 포함할 수 있다. 다른 클라이언트 디바이스들(106, 108) 각각은 유사하게 구성될 수 있다. 서버(102)의 프로세서(116)와 유사하게, 프로세서(130)는 CPU, μP, μC, DSP, 또는 이들의 임의의 조합과 같은 임의의 유형을 가질 수 있다. 프로세서(130)는, 실행될 때 프로세서(130)로 하여금, 클라이언트 디바이스(104) 및/또는 브라우저(128)에 대해 본 명세서에 설명되는 동작들 중 하나 이상의 동작들을 수행하게 하거나 또는 그들의 성능을 제어하게 하는 컴퓨터 명령들을 실행하도록 구성될 수 있다.

서버(102)의 저장 매체(118)와 유사하게, 클라이언트 디바이스(104)의 저장 매체(132)는 휘발성 메모리, 예컨대 RAM, 영구적인 또는 비-휘발성 저장소, 예컨대 ROM, EEPROM, CD-ROM 또는 다른 광학 디스크 저장소, 자기 디스크 저장 또는 다른 자기 저장 디바이스, NAND 플래시 메모리 또는 다른 솔리드 스테이트 저장 디바이스, 또는 다른 영구적인 또는 비-휘발성 컴퓨터 저장 매체를 포함하는 임의의 비-일시적인 컴퓨터-판독가능 매체를 포함할 수 있다. 저장 매체(132)는, 클라이언트 디바이스(104) 및/또는 브라우저(128)에 대해 본 명세서에 설명되는 동작들 중 하나 이상의 동작들을 수행하도록 프로세서(130)에 의해 실행될 수 있는 컴퓨터 명령들을 저장할 수 있다. 부가적으로, 저장 매체(132)는 그래픽 다이어그램(126), 구조화된 소스 데이터(120) 또는 모델(122)의 대응하는 세트 중 일부, 및/또는 서버(102)로부터 획득되거나 그리고/또는 클라이언트 디바이스(104) 상에서 로컬로 생성된 다른 콘텐츠를 적어도 임시로 저장할 수 있다.

본 명세서에 설명된 실시예들은 그래픽 다이어그램들(126)을 생성 및 디스플레이하고 그들 내의 그래픽 객체들을 그룹화하고 축소시키기 위해 서버(102)와 통신하도록 브라우저를 사용하는 것으로 제한되지 않는다. 예를 들어, 브라우저보다는 또는 브라우저에 부가하여, 클라이언트 디바이스들(104, 106, 108)은, 스마트폰들 및 태블릿 컴퓨터들을 포함하는 모바일 디바이스들과 같은 클라이언트 디바이스들 상에서 종종 사용되는 바와 같은 네이티브 앱을 포함할 수 있다. 따라서, 본 명세서에 설명된 실시예들은 일반적으로, 클라이언트 디바이스들(104, 106, 108) 상에서 브라우저, 네이티브 앱, 또는 다른 적합한 애플리케이션을 사용하여 그래픽 다이어그램들을 생성 및 디스플레이하고, 그들 내의 그래픽 객체들을 그룹화하고 축소시키는 것을 포함한다.

이미 언급된 바와 같이, 본 명세서에 설명된 일부 실시예들은 그래픽 객체들에 의해 표현된 기본 노드들의 속성에 기초하여 요약 그래픽 객체로의 축소를 위해 2개 이상의 그래픽 객체들을 그룹화한다. 속성은 구조화된 소스 데이터(120)에 포함된 노드들의 임의의 속성을 포함할 수 있다. 예를 들어, AWS 구조화된 소스 데이터는 다수의 EC2 인스턴스들을 노드들로서 포함하거나 식별할 수 있으며, 여기서 예를 들어, 이러한 경우 EC2 인스턴스의 특정한 값을 갖는 엔티티 유형은 하나의 속성의 일 예이다. 부가적으로, EC2 인스턴스들 각각은 T3a 또는 T2와 같은 인스턴스 유형을 가지며, 여기서 예를 들어, T3a 또는 T2의 특정한 값을 갖는 인스턴스 유형은 다른 속성의 일 예이다. 따라서, EC2 인스턴스의 특정 값을 갖는 엔티티 유형 속성이 그룹화를 수행하기 위해 사용되면, 모든 EC2 인스턴스들이 함께 그룹화될 수 있다. 대안적으로, T3a의 특정한 값을 갖는 인스턴스 유형 속성이 그룹화를 수행하기 위해 사용되면, 모든 T3a 인스턴스들이 함께 그룹화될 수 있다.

기본 노드들의 속성에 기초하여 그래픽 객체들을 그룹화하는 것은 사용자가 구조화된 소스 데이터(120) 내의 기본 노드들의 속성에 기초하여 그래픽 객체들의 큰(또는 임의의 다른 사이즈의) 세트를 신속하고 용이하게 그룹화하게 허용할 수 있다. 일반적으로, 예를 들어, 요약 그래픽 객체로의 축소를 위해 그룹의 속성에 대한 특정한 값을 갖는 노드들을 표현하는 모든 그래픽 객체들을 그룹화하기 위하여, 속성을 선택하고 속성의 특정한 값을 특정하도록 사용자는 클라이언트 디바이스(104) 상의 UI를 내비게이팅할 수 있다.

대안적으로 또는 부가적으로, 사용자는 구조화된 소스 데이터(120) 내의 기본 노드들의 속성의 값들에 기초하여 그래픽 객체들을 다수의 그룹들로 신속하고 용이하게 그룹화하기 위해 특정한 값을 특정하지 않으면서 속성을 선택하기 위하여 클라이언트 디바이스(104) 상의 UI를 내비게이팅할 수 있다. 예를 들어, 사용자가 값을 특정하지 않으면서 속성을 선택하면, 속성에 대한 제1 값을 갖는 기본 노드들을 표현하는 모든 그래픽 객체들은 제1 요약 그래픽 객체에 의해 그룹화 및 요약화될 수 있고, 속성에 대한 제2 값을 갖는 기본 노드들을 표현하는 모든 그래픽 객체들은 제2 요약 그래픽 객체에 의해 그룹화 및 요약화될 수 있는 등의 식이다.

대안적으로 또는 부가적으로, 사용자는 요약 그래픽 객체로의 축소를 위해, 구조화된 소스 데이터(120)에서 상이한 속성들을 갖는 또는 구조화된 소스 데이터(120)에서의 속성들과 독립적인 노드들을 표현하는 그래픽 객체들을 그룹화하기를 원할 수 있다. 따라서, 사용자는 그룹에 포함할 원하는 그래픽 객체들 각각을 개별적으로 선택할 수 있고, 속성(이에 기초하여, 그래픽 객체들이 그룹화됨)은 사용자에 의한 그래픽 객체들의 선택의 표시를 포함할 수 있다. 이러한 예에서, 개별적으로 선택된 그래픽 객체들은 요약 그래픽 객체로의 축소를 위해 그룹화될 수 있다.

일부 예들에서, 노드들을 표현하는 그래픽 객체들은 노드들 사이의 관계들을 표시하기 위해 라인들 또는 다른 커넥터들에 의해 연결될 수 있다. 요약 그래픽 객체로의 축소를 위해 그룹에 포함된 제1 그래픽 객체가 그러한 관계를 표시하기 위해 그룹에 포함되지 않은 제2 그래픽 객체에 커넥터에 의해 연결되면, 제1 및 제2 그래픽 객체들 사이의 커넥터는, 그래픽 객체들의 그룹이 요약 그래픽 객체로 교체될 때, 요약 그래픽 객체와 제2 그래픽 객체 사이의 커넥터로 교체될 수 있다.

일부 그래픽 객체들은 조건부 포맷팅을 가질 수 있다. 이러한 및 다른 예들에서, 그래픽 객체들은 디폴트 포맷을 가질 수 있다. 예를 들어, 각각의 EC2 인스턴스는 동일한 아이콘, 또는 디폴트 포맷을 갖는 다른 그래픽 객체에 의해 표현될 수 있다. 기본 노드가 조건을 만족시키는 속성을 갖는다면, 조건부 포맷팅은 주어진 그래픽 객체의 양상을 변경할 수 있다. 예를 들어, EC2 인스턴스들의 경우, 기본 EC2 인스턴스가 조건을 만족시키는 속성을 갖는다면, 배지 아이콘 또는 다른 아이콘이 디폴트 EC2 인스턴스 그래픽 객체에 추가되거나 또는 그와 함께 포함될 수 있다.

축소를 위해 그룹에 포함된 그래픽 객체가 조건부 포맷팅을 가질 때, 조건부 포맷팅은 그룹이 요약 그래픽 객체로 축소될 때 대응하는 요약 그래픽 객체에 적용될 수 있다. 그룹이 상이한 조건부 포맷팅을 갖는 그래픽 객체들을 포함하면, 그룹의 멤버들의 상이한 조건부 포맷팅들 각각이 요약 그래픽 객체에 적용될 수 있다.

일부 실시예들에서, 그래픽 다이어그램들(126)은 컨테이너들을 포함할 수 있으며, 그 내에서, 그래픽 객체들 중 일부 또는 전부는 구조화된 소스 데이터(120)에 기초하여 조직화될 수 있다. 예를 들어, AWS 구조화된 소스 데이터는 EC2 인스턴스들 및/또는 다른 리소스들을 가상 사설 클라우드(virtual private cloud; VPC)들로 조직화할 수 있다. 각각의 VPC는 하나 이상의 애플리케이션 로드 밸런서(balancer) 노드, 네트워크 어드레스 변환(NAT) 게이트웨이 노드, EC2 인스턴스, 또는 다른 노드(들)를 포함할 수 있다. 그러한 구조화된 소스 데이터에 대한 그래픽 다이어그램은 다수의 VPC 컨테이너들(예를 들어, 각각의 VPC에 대해 하나의 VPC 컨테이너)을 포함할 수 있다. 일 예로서, VPC 컨테이너는 애플리케이션 로드 밸런서 노드를 표현하기 위한 제1 그래픽 객체, 3개의 EC2 인스턴스들을 표현하기 위한 제2 내지 제4 그래픽 객체들, 및 NAT 게이트웨이 노드를 표현하기 위한 제5 그래픽 객체를 포함할 수 있다.

이들 및 다른 실시예들에서, 그래픽 다이어그램들(126) 내의 적어도 일부 컨테이너 레벨들은 사용자에 의해 턴 온/오프될 수 있다. 컨테이너 레벨이 컨 온될 때, 그 컨테이너 레벨의 컨테이너(들)는 그래픽 다이어그램에 포함되며, 구조화된 소스 데이터에서 컨테이너와 연관된 노드들을 표현하는 임의의 그래픽 객체들은 그래픽 다이어그램(126) 내의 컨테이너 내에서 보여진다. 컨테이너 레벨이 턴 오프될 때, 그 컨테이너 레벨의 컨테이너(들)는 그래픽 다이어그램에 포함되지 않으며, 구조화된 소스 데이터에서 컨테이너와 연관된 노드들을 표현하는 임의의 그래픽 객체들은 그래픽 다이어그램(126) 내의 컨테이너 내에서 보여지지 않는다.

일부 실시예들에서, 요약, 예를 들어 요약 그래픽 객체로의 그래픽 객체들의 그룹의 교체는 컨테이너들에 걸쳐서가 아니라 컨테이너들 내에서 발생한다. 예를 들어, 제1 컨테이너 내의 제1 및 제2 그래픽 객체들에 의해 표현되는 노드들 및 제2 컨테이너 내의 제3 및 제4 그래픽 객체들에 의해 표현되는 노드들이 공통 속성을 공유하면, 예를 들어 주어진 속성에 대해 동일한 값을 갖는다면, 제1 및 제2 그래픽 객체들은 제1 컨테이너에서 제1 요약 그래픽 객체로 교체될 수 있는 반면, 제3 및 제4 그래픽 객체들은 제2 컨테이너에서 제2 요약 그래픽 객체로 교체될 수 있다.

하나의 컨테이너 레벨이 턴 온되고 속성에 기초한 요약화가 수행되어, 다수의 요약 그래픽 객체들(예를 들어, 그 컨테이너 레벨의 다수의 컨테이너들 각각 내의 하나의 요약 그래픽 객체)을 생성하는 경우를 고려한다. 이어서, 컨테이너 레벨이 턴 오프되면, 그 컨테이너 레벨의 다수의 컨테이너들로부터의 그래픽 객체들 모두가 더 이상 별개의 컨테이너들로 조직화되지 않으며, 따라서 단일 요약 그래픽 객체로 축소될 수 있다.

다른 예로서, 하나의 컨테이너 레벨이 턴 온되어 있는 요약화 이후, 컨테이너 레벨이 턴 오프되고, 다른 컨테이너 레벨이 턴 온되는 경우를 고려한다. 이러한 예에서, 요약화가 새로운 컨테이너들의 뷰에서 새롭게 수행될 수 있다. 예를 들어, 제1 컨테이너 레벨에서, 제1 및 제2 그래픽 객체들이 제1 컨테이너에 속하고 제1 요약 그래픽 객체로 축소되며, 제3 및 제4 그래픽 객체들이 제2 컨테이너에 속하고 제2 요약 그래픽 객체로 축소된다고 가정한다. 추가로, 제2 컨테이너 레벨에서, 제1 및 제3 그래픽 객체들이 제3 컨테이너에 속하는 반면, 제2 및 제3 그래픽 객체들이 제4 컨테이너에 속한다고 가정한다. 제1 컨테이너 레벨이 턴 오프되고 제2 컨테이너 레벨이 턴 온될 때, 그래픽 객체들은, 제1 및 제3 그래픽 객체들이 제3 컨테이너 내에서 제3 요약 그래픽 객체로 축소되고 제2 및 제4 그래픽 객체들이 제4 컨테이너 내에서 제4 요약 그래픽 객체로 축소되도록 새로운 컨테이너들 내에서 재요약화될 수 있다.

도 2는 본 명세서에 설명되는 적어도 하나의 실시예에 따라 배열되는, 그래픽 다이어그램을 디스플레이하기 위한 방법(200)의 흐름도이다. 방법(200)은, 구조화된 데이터에 기초하여 그래픽 다이어그램들을 생성하기 위해 브라우저, 다이어그램 애플리케이션, 및/또는 다른 애플리케이션을 실행하는, 예를 들어 컴퓨터 및/또는 서버 내의 프로세서에 의해 프로그래밍가능하게 수행 또는 제어될 수 있다. 예시적인 구현에서, 방법(200)은 도 1의 서버(102) 및/또는 클라이언트 디바이스(104)에 의해 전체적으로 또는 부분적으로 수행될 수 있다. 방법(200)은 블록들(202, 204, 및/또는 206) 중 하나 이상을 포함할 수 있다.

블록(202)에서, 방법(200)은 그래픽 드로잉 캔버스에서 다수의 그래픽 객체들을 디스플레이하는 단계를 포함할 수 있다. 그래픽 객체들은 도 1의 구조화된 소스 데이터(120)와 같은 구조화된 소스 데이터에서 식별된 다수의 노드들을 표현할 수 있다. 블록(202)에는 블록(204)이 뒤따를 수 있다.

블록(204)에서, 방법(200)은 노드들의 속성에 기초하여 다수의 그래픽 객체들의 제1 및 제2 그래픽 객체들을 그룹화하는 데 효과적인 제1 입력을 수신하는 단계를 포함할 수 있다. 제1 입력을 수신하는 단계는 속성을 선택하고 속성의 특정한 값을 특정하는 데 효과적인 입력을 수신하는 단계를 포함할 수 있다. 이러한 및 다른 예들에서, 제1 및 제2 그래픽 객체들은 복수의 노드들 중 제1 및 제2 노드들을 표현할 수 있고, 제1 및 제2 노드들 각각의 속성의 값은 특정한 값일 수 있다. 대안적으로 또는 부가적으로, 제1 입력을 수신하는 단계는 제1 그래픽 객체의 개별 선택 및 제2 그래픽 객체의 개별 선택을 수신하는 단계를 포함할 수 있다. 이러한 및 다른 예들에서, 속성은 제1 및 제2 그래픽 객체들 각각의 선택의 표시를 포함할 수 있다. 블록(204)에는 블록(206)이 뒤따를 수 있다.

블록(206)에서, 방법(200)은 제1 입력을 수신하는 것에 응답하여 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계를 포함할 수 있다. 일부 예들에서, 제1 그래픽 객체는 제1 조건부 포맷팅을 포함하며, 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계는 제1 조건부 포맷팅을 요약 그래픽 객체에 적용하는 단계를 포함할 수 있다. 대안적으로 또는 부가적으로, 제2 그래픽 객체는 제2 조건부 포맷팅을 포함할 수 있으며, 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계는, 요약 그래픽 객체가 제1 및 제2 조건부 포맷팅 둘 모두를 갖도록 제2 조건부 포맷팅을 요약 그래픽 객체에 적용하는 단계를 더 포함할 수 있다.

당업자는, 이러한 및 다른 프로세스들 그리고 본 명세서에 개시된 방법들에 대해, 프로세스들 및 방법들에서 수행되는 기능들이 상이한 순서로 구현될 수 있다는 것을 인식할 것이다. 추가로, 서술된 단계들 및 동작들은 단지 예들로서만 제공되며, 단계들 및 동작들 중 일부는 선택적이거나, 더 적은 단계들 및 동작들로 조합되거나, 또는 개시된 실시예들의 본질을 손상시키지 않으면서 부가적인 단계들 및 동작들로 확장될 수 있다.

예를 들어, 방법(200)은 대응하는 사용자 입력에 응답하여 요약 그래픽 객체를 다시 제1 및 제2 그래픽 객체들로 확장시키는 단계를 더 포함할 수 있다. 특히, 방법(200)은, 요약 그래픽 객체를 확장시키는 데 효과적인 제2 입력을 수신하는 단계 및 제2 입력을 수신하는 것에 응답하여 그래픽 드로잉 캔버스에서 요약 그래픽 객체를 제1 및 제2 그래픽 객체들로 교체하는 단계를 더 포함할 수 있다.

일부 예들에서, 그래픽 객체들은 제1 및 제2 그래픽 객체들과 그룹화되지 않은 제3 그래픽 객체를 더 포함한다. 블록(206)에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하기 전에, 제1 그래픽 객체는 커넥터에 의해 그래픽 드로잉 캔버스에서 제3 그래픽 객체에 커플링될 수 있다. 이러한 및 다른 예들에서, 방법(200)은, 제1 및 제2 그래픽 객체들이 요약 그래픽 객체로 교체될 때, 그래픽 드로잉 캔버스에서 제1 그래픽 객체와 제3 그래픽 객체 사이의 커넥터를 요약 그래픽 객체와 제3 그래픽 객체 사이의 커넥터로 교체하는 단계를 더 포함할 수 있다.

대안적으로 또는 부가적으로, 그래픽 객체들은 제3 및 제4 그래픽 객체들을 더 포함할 수 있고, 그래픽 다이어그램은 제1 및 제2 컨테이너들을 포함할 수 있고, 제1 및 제2 그래픽 객체들은 제1 컨테이너 내에 위치설정될 수 있고, 제3 및 제4 그래픽 객체들은 제2 컨테이너 내에 위치설정될 수 있다. 제1 입력은 추가로, 제1 및 제2 그래픽 객체들과 제3 및 제4 그래픽 객체들을 그룹화하는 데 효과적일 수 있다. 이러한 및 다른 예들에서, 블록(206)에서 그래픽 드로잉 캔버스에서 제1 및 제2 그래픽 객체들을 요약 그래픽 객체로 교체하는 단계는 제1 컨테이너 내의 제1 및 제2 그래픽 객체들을 제1 컨테이너의 제1 요약 그래픽 객체로 교체하는 단계를 포함할 수 있다. 방법(200)은 제2 컨테이너 내의 제3 및 제4 그래픽 객체들을 제2 컨테이너 내의 제2 요약 그래픽 객체로 교체하는 단계를 더 포함할 수 있다.

일부 실시예들에서, 방법(200)은, 제1 및 제2 컨테이너들이 그래픽 다이어그램으로부터 제거되도록 제1 및 제2 컨테이너들을 포함하는 컨테이너 레벨을 턴 오프시키는 데 효과적인 컨테이너 입력을 수신하는 단계 및 제1 및 제2 요약 그래픽 객체들을 단일 요약 그래픽 객체로 교체하는 단계를 더 포함할 수 있다.

대안적으로 또는 부가적으로, 방법(200)은, 제1 및 제2 컨테이너들이 그래픽 다이어그램으로부터 제거되도록 제1 및 제2 컨테이너들을 포함하는 컨테이너 레벨을 턴 오프시키는 데 효과적인 제1 컨테이너 입력을 수신하는 단계를 더 포함할 수 있다. 방법(200)은, 제3 및 제4 컨테이너들이 그래픽 다이어그램에 포함되도록 제3 및 제4 컨테이너들을 포함하는 다른 컨테이너 레벨을 턴 온시키는 데 효과적인 제2 컨테이너 입력을 수신하는 단계를 더 포함할 수 있다. 제1 및 제3 그래픽 객체들은 제3 컨테이너에 속할 수 있고, 제2 및 제4 그래픽 객체들은 제4 컨테이너에 속할 수 있다. 방법(200)은, 제1 및 제3 그래픽 객체들을 표현하는 제3 컨테이너 내의 제3 요약 그래픽 객체를, 그리고 제2 및 제4 그래픽 객체들을 표현하는 제4 컨테이너 내의 제4 요약 그래픽 객체를 디스플레이하는 단계를 더 포함할 수 있다.

도 3a 및 도 3b는 본 명세서에 설명되는 적어도 하나의 실시예에 따라 배열되는, 그래픽 다이어그램들을 생성하기 위한 UI의 그래픽 표현들(300A, 300B)(총괄하여, "그래픽 표현들(300)")을 포함한다. UI는 도 1의 브라우저(128) 및/또는 다이어그램 애플리케이션(114)에 의해 제공될 수 있다. 예를 들어, 브라우저(128)는 다이어그램 애플리케이션(114)과 협업하여, 클라이언트 디바이스(104)의 디스플레이를 통해 UI를 사용자에게 제시할 수 있다.

도 3a 및 도 3b에서, 그래픽 표현들(300)은 그래픽 드로잉 캔버스(302), 그래픽 드로잉 캔버스(302)의 일측에 대한 제1 패널(304), 및 그래픽 드로잉 캔버스(302)의 반대측에 대한 제2 패널(306)을 포함한다. 다른 실시예들에서, 제1 및 제2 패널들(304, 306)은 그래픽 드로잉 캔버스(302)에 대해 다른 위치들에 위치설정될 수 있거나, 단일 패널로 결합될 수 있거나, 또는 3개 이상의 패널들로 확장될 수 있다. 예를 들어, 그래픽 드로잉 캔버스(302)의 좌측 상에 제1 패널(304)을 유지하면서 그래픽 드로잉 캔버스(302)의 우측으로부터 제2 패널(306)이 생략될 수 있다. 대안적으로, 그래픽 드로잉 캔버스(302)의 우측 상에 제2 패널(306)을 유지하면서 그래픽 드로잉 캔버스(302)의 좌측으로부터 제1 패널(304)이 생략될 수 있다.

일반적으로, 구조화된 소스 데이터의 그래픽 드로잉들은 그래픽 드로잉 캔버스(302)에서 디스플레이될 수 있다. 도 3a 및 도 3b에서, 그래픽 드로잉 캔버스(302)는 기본 구조화된 소스 데이터 내의 노드들을 표현하는 다양한 그래픽 객체들을 포함하는 예시적인 그래픽 드로잉(307)을 디스플레이한다. 이러한 예의 그래픽 객체들은 애플리케이션 로드 밸런서들, NAT 게이트웨이들, EC2 인스턴스들, API 게이트웨이들, Lambda 함수들 등과 같은 AWS 노드들을 표현하기 위한 다양한 AWS 아이콘들을 포함한다.

패널(304)은 구조화된 소스 데이터의 특정한 뷰가 선택될 수 있는 드롭다운 리스트와 같은 입력 필드(308)를 포함한다. 도 3a 및 도 3b의 예에서, 선택된 뷰는 "인프라구조(Infrastructure)"이다.

부가적으로, 패널(304)은 탐색 탭(Explore tab) 및 레이아웃 탭(Layout tab)을 포함한다. 탐색 탭이 도 3a 및 도 3b에서 선택되었고, 계층구조 선택 영역(310)을 포함하며, 여기서 사용자는 그래픽 드로잉 캔버스(302)에서 보여지는 그래픽 다이어그램(307)에서 다양한 계층구조 레벨들 또는 컨테이너 레벨들을 턴 온 또는 오프시킬 수 있다. 이러한 예에서, 계층구조 선택 영역(310)은 대응하는 컨테이너 레벨 옆의 대응하는 박스를 체크하거나 체크하지 않음으로써 턴 온 또는 오프될 수 있는 계정(Account)들, 구역(Region)들, VPC들, 및 서브넷(Subnet)들로 명명된 컨테이너 레벨들을 포함한다. 계층구조 선택 영역(310)은 또한, 예를 들어 사용자가 선택 또는 선택해제할 수 있는 그 컨테이너 레벨에서 모든 노드들의 리스트를 디스플레이하기 위해 드롭다운 화살표를 선택함으로써 사용자가 각각의 컨테이너 레벨에서 어느 유형들의 노드들을 보기를 원하는지를 사용자가 특정하게 허용할 수 있다. 도 3a 및 도 3b의 예에서, 구역 컨테이너 레벨 리스트는 사용자가 ECS 서비스 노드들 및 ECS 태스크 노드들을 제외하고 구역 컨테이너 레벨에서 모든 노드들을 선택했다는 것을 보여준다.

도 3a 및 도 3b의 예에서, VPC 컨테이너 레벨은, VPC 컨테이너 레벨의 다양한 컨테이너들(312A 내지 312D)이 그 내의 다양한 그래픽 객체들과 함께 보여지도록 턴 온된다. 예를 들어, 컨테이너(312A)는 EC2 노드들을 표현하는 그래픽 객체들(314A 내지 314C)을 포함하고, 컨테이너(312C)는 EC2 노드를 표현하는 그래픽 객체(314D)를 포함하고, 컨테이너(312D)는 EC2 노드를 표현하는 그래픽 객체(314E)를 포함한다.

패널(306)은 패널(304)의 입력 필드(308)와 동일한 입력 필드(316)를 포함한다. 패널(306)은 또한 탐색 탭, 레이아웃 탭, 및 데이터 탭을 포함하는 다양한 탭들을 포함한다. 패널(306)의 탐색 탭 및 레이아웃 탭은 패널(304)의 대응하는 탭들과 동일할 수 있다. 레이아웃 탭이 도 3a 및 도 3b의 패널(306)에서 선택되었다.

도 3a 및 도 3b의 레이아웃 탭은 축소를 위해 그래픽 객체들을 그룹화하기 위한 예시적인 UI를 포함한다. 특히, 레이아웃 탭은 요약화를 턴 온 또는 오프시키기 위해 오프(도 3a)와 온(도 3b) 사이에서 토글링(toggle)될 수 있는 버튼(318)ㅇ을 포함한다. 부가적으로, 레이아웃 탭은 세팅들을 적용하기 위해특정한 유형의 리소스가 선택될 수 있는 드롭다운 리스트과 같은 입력 필드(320)를 포함한다. 이러한 예에서, 선택한 리소스 유형에 적용할 수 있는 세팅들 중 하나는 요약화이다. 특히, 입력 필드(320)에서 "EC2 인스턴스들" 또는 다른 리소스 유형이 선택될 때, "EC2 인스턴스들" 또는 다른 리소스 유형의 요약화를 턴 온 또는 오프시키기 위해 버튼(318)이 토글링 온 또는 오프될 수 있다. 선택된 유형의 리소스, 예를 들어 EC2 인스턴스들에 대해 요약화가 턴 온될 때, 도 3a에 예시된 바와 같은 EC2 인스턴스의 엔티티 유형을 갖는 노드들을 표현하는 모든 그래픽 객체들(314A 내지 314E)은 도 3b에 예시된 바와 같은 더 적은 수의 요약 그래픽 객체들(320A 내지 320C)(이하, "요약 그래픽 객체들(320)")로 축소된다.

다른 구현에서, 입력 필드(320)와 같은 입력 필드는 속성에 대한 값으로서 특정한 리소스 유형이 요약화를 위해 선택될 수 있는 드롭다운 리스트를 포함할 수 있다. 이러한 예에서, "EC2 인스턴스들"의 특정한 리소스 유형이 엔티티(또는 리소스) 유형 속성의 값으로서 선택될 수 있다. EC2 인스턴스의 엔티티 유형 속성에 대해 요약화가 턴 온될 때, 도 3a에 예시된 바와 같은 EC2 인스턴스의 엔티티 유형을 갖는 노드들을 표현하는 모든 그래픽 객체들(314A 내지 314E)은 도 3b에 예시된 바와 같은 더 적은 수의 요약 그래픽 객체들(320A 내지 320C)(이하, "요약 그래픽 객체들(320)")로 축소될 수 있다.

VPC 컨테이너 레벨이 턴 온되고 요약화가 EC2 인스턴스의 엔티티 유형에 기초하여 적용된 상태에서, 요약 그래픽 객체들(320A 내지 320C) 중 대응하는 요약 그래픽 객체는, EC2 인스턴스 노드들을 표현하는 그래픽 객체들(314A 내지 314E) 중 적어도 하나를 포함하는 컨테이너들(312A, 312C, 312D) 각각에 그래픽 객체들(314A 내지 314E) 대신 포함된다. 예를 들어, 컨테이너(312A) 내의 그래픽 객체들(314A 내지 314C)은 요약 그래픽 객체(320A)로 축소된다. 그래픽 객체(314D)는 컨테이너(312C)에서 EC2 노드들을 표현하는 임의의 다른 그래픽 객체들과 함께 요약 그래픽 객체(320B)로 축소된다. 그래픽 객체(314E)는 컨테이너(312D)에서 EC2 노드들을 표현하는 임의의 다른 그래픽 객체들과 함께 요약 그래픽 객체(320C)로 축소된다. VPC 컨테이너 레벨이, 예를 들어 계층구조 선택 영역(310)에서 턴 오프되면, 컨테이너들(312A 내지 312D)이 그래픽 다이어그램(307)으로부터 제거될 수 있고, 단일 요약 그래픽 객체가 도 3a의 그래픽 객체들(314A-314E) 또는 요약 그래픽 객체들(320A 내지 320C) 대신 디스플레이될 수 있다.

부가적으로, 도 3a는 기본 노드들 사이의 관계를 표현하기 위해 그래픽 다이어그램(307) 내의 그래픽 객체들 사이의 다양한 커넥터들(322A 내지 322D)을 포함한다. 특히, 커넥터(322A)는 제1 로드 밸런서 노드를 표현하는 그래픽 객체(324)와 제1 EC2 인스턴스 노드를 표현하는 그래픽 객체(314B) 사이에 연결되어, 제1 로드 밸런서 노드와 제1 EC2 인스턴스 노드 사이의 연결을 표현한다. 커넥터(322B)는 제1 로드 밸런서 노드를 표현하는 그래픽 객체(324)와 제2 EC2 인스턴스 노드를 표현하는 그래픽 객체(314A) 사이에 연결되어, 제1 로드 밸런서 노드와 제2 EC2 인스턴스 노드 사이의 연결을 표현한다. 커넥터(322C)는 제2 로드 밸런서 노드를 표현하는 그래픽 객체(326)와 제2 EC2 인스턴스 노드를 표현하는 그래픽 객체(314A) 사이에 연결되어, 제2 로드 밸런서 노드와 제2 EC2 인스턴스 노드 사이의 연결을 표현한다. 커넥터(322D)는 제2 로드 밸런서 노드를 표현하는 그래픽 객체(326)와 제1 EC2 인스턴스 노드를 표현하는 그래픽 객체(314B) 사이에 연결되어, 제2 로드 밸런서 노드와 제1 EC2 인스턴스 노드 사이의 연결을 표현한다.

요약화가 턴 온될 때, 커넥터들(322A 내지 322D)이 완전히 제거될 수 있다.

대안적으로, 커넥터들(322A 내지 322D)이 요약화의 대상이 되는 그래픽 객체들(314A, 314B)에 일단에서 커플링되는 경우, 커넥터들(322A 내지 322D)은 요약화가 턴될 때 대응하는 요약 그래픽 객체(320A)에 일단에서 커플링되는 커넥터들로 교체될 수 있다. 예를 들어, 도 3a 및 도 3b에 예시된 바와 같이, 도 3a의 커넥터(322A) 및 커넥터(322B) 둘 모두는 그래픽 객체(324)를 요약 그래픽 객체(320A)에 커플링시키는 도 3b의 커넥터(328)로 교체될 수 있다. 유사하게, 도 3a의 커넥터(322C) 및 커넥터(322D) 둘 모두는 그래픽 객체(326)를 요약 그래픽 객체(320A)에 커플링시키는 도 3b의 커넥터(330)로 교체될 수 있다.

도 3a 및 도 3b는 축소를 위해 그래픽 객체들을 그룹화하기 위한 패널(306)의 레이아웃 탭 내의 하나의 예시적인 UI를 예시한다. 대안적으로 또는 부가적으로, 그래픽 객체들은 사용자가 그룹에 포함시키기 위해 각각의 그래픽 객체를 개별적으로 선택함으로써 축소를 위해 그룹화될 수 있다. 예를 들어, 사용자는, 예를 들어 키보드의 제어 키가 눌려지는 동안 그래픽 객체들 각각을 좌측 클릭하기 위해 마우스를 사용함으로써 다수의 그래픽 객체들을 선택하여, 그룹에 포함시킬 수 있다. 이어서, 사용자는 축소를 위해, 선택된 그래픽 객체들을 그룹화하는 데 효과적인 입력을 제공할 수 있다. 예를 들어, 다수의 그래픽 객체들 모두가 그룹으로서 선택된 상태에서, 사용자는 축소를 위해 선택을 그룹화하기 위한 옵션을 포함하는 UI를 제시받도록 그룹 내의 그래픽 객체들 중 임의의 그래픽 객체를 우측 클릭하기 위해 마우스를 사용할 수 있다.

도 3a 및 도 3b의 UI는 그래픽 다이어그램(307)과 같은 그래픽 다이어그램을 구성하기 위한 기능을 사용자에게 제공하는 다양한 예시적인 UI 요소들 및 UI 요소들의 예시적인 배열을 포함한다. 도 3a 및 도 3b의 특정 UI 요소들 및 그들의 배열은 그러한 기능을 제공할 수 있는 UI 요소들의 배열을 나타낸다. 본 명세서에 설명된 실시예들은 동일하거나, 유사하거나, 상이한 기능을 사용자에게 제공할 수 있는 다른 UI 요소들 또는 UI 요소들의 배열들을 갖는 다른 UI들을 포함하거나 구현할 수 있다.

도 4는 본 명세서에 설명된 적어도 하나의 실시예에 따라 배열되는, 축소를 위해 그래픽 객체들을 그룹화하기 위한 다른 예시적인 UI(400)를 포함한다. 도 4의 UI(400)는, 예를 들어 도 3a 및 도 3b의 레이아웃 탭 대신에, 그에 부가하여, 또는 그의 일부로서 도 3a 및 도 3b의 패널들(304, 306)에 포함될 수 있다.

UI(400)는 요약화를 턴 오프 또는 온시키기 위해 오프와 온 사이에서 토글링될 수 있는, 도 3a 및 도 3b의 버튼(318)과 유사한 버튼(402)을 포함한다. 부가적으로, UI(400)는, 일반적으로 사용자가 속성을 선택/입력하게 허용하는 입력 필드들(404, 406, 408, 410, 412) 및 선택적으로는 요약화를 위해 사용할 값을 포함한다. 예를 들어, 입력 필드(404)는 사용자가 일반 속성 또는 요약화를 위해 사용될 속성의 유형을 선택할 수 있는 드롭다운 리스트를 포함할 수 있다. 예시적인 일반 속성들은 일반 형상 데이터, 태그들, 및 맞춤형 공식(formula)을 포함한다.

일반 형상 데이터의 일반 속성의 선택은, 예를 들어 입력 필드들(406, 408, 410, 412) 중 하나 이상을 통해 수신된 입력에 의해 추가로 좁혀질 수 있는 임의의 형상의 그래픽 객체들을, 그룹에 포함시키기 위한 후보들로서 포함할 수 있다.

태그들의 일반 속성의 선택은 태그들을 갖는 구조화된 데이터 내의 그래픽 객체들 및/또는 기본 노드들을, 그룹에 포함시키기 위한 후보들로서 포함할 수 있으며, 이들은 입력 필드들(406, 408, 410, 412)과 동일하거나 상이할 수 있는 하나 이상의 다른 입력 필드들을 통해 수신된 입력에 의해 추가로 좁혀질 수 있다. 예를 들어, 입력 필드(404)에 후속하는 특정한 입력 필드들은 어느 일반 속성이 입력 필드(404)를 통해 선택되는지에 의존하여, 도 4에 도시된 것들과 상이하거나 그들로부터 용도변경될 수 있다.

맞춤형 공식의 일반 속성의 선택은 사용자에 의해 입력된 공식을 만족시키는 구조화된 데이터 내의 그래픽 객체들 및/또는 기본 노드들을, 그룹에 포함시키기 위한 후보들로서 포함할 수 있다. 이러한 예에서, 맞춤형 공식의 일반 속성이 선택될 때, 입력 필드들(406, 408, 410)은 UI(400)로부터 생략될 수 있고, 사용자는 입력 필드(412)에 공식을 입력할 수 있다. 맞춤형 공식들의 예들은 "InstanceType = t3a.nano" 및 "(InstanceType = t3a.nano) AND (Name contains 'prod' OR Name contains 'preProd')"를 포함한다.

입력 필드(406)는 사용자가 입력 필드(408)로부터 리소스-특정 속성들을 선택하기 위해 다수의 리소스들 중 특정한 하나 이상의 속성들을 선택할 수 있는 드롭다운 리스트를 포함할 수 있다. 입력 필드(406)는 입력 필드(406)에서 모든 리소스들을 선택하기 위한 "모두(all)" 옵션을 가질 수 있다. 입력 필드(406)로부터 선택될 수 있는 예시적인 리소스들은 잠재적으로 다른 것들 중에서, EC2 인스턴스들, NAT 게이트웨이들, Lambda 함수, API 게이트웨이들, API 게이트웨이 V2, 계정들, 활동들, 모든 비-컨테이너 항목들, 애플리케이션 로드 밸런서들, 오토스케일링(Autoscaling) 그룹들, CloudFront 배포들, 고객 게이트웨이들, 및 Dynamo DB 테이블들을 포함한다.

일반 형상 데이터의 일반 속성이 입력 필드(404)를 통해 선택될 때, 입력 필드(408)는 사용자가 입력 필드(406)에서 선택된 리소스(들)의 다수의 리소스-특정 속성들 중 특정한 속성을 선택할 수 있는 드롭다운 리스트를 포함할 수 있다. 입력 필드(408)로부터 선택될 수 있는 예시적인 리소스-특정 속성들은 잠재적으로 다른 것들 중에서, 상태, 아키텍처, 이름, apiKeySource, createdDate, 디스크립션, id, minimumCompressionSize, 정책, regionId, 및 버전을 포함한다. 태그들의 일반 속성이 입력 필드(404)를 통해 선택될 때, 입력 필드(408)는 선택된 리소스 유형(입력 필드(406)) 상에 존재하는 태그 키들의 선택을 허용하도록 용도변경될 수 있으며, 여기서 입력 필드(412)는 이어서, 주어진 태그 이름에 대한 가능한 태그 값들을 특정하는 데 사용될 수 있다.

입력 필드(410)는, 사용자가 특정된 리소스(입력 필드(406))인 특정된 일반 속성(입력 필드(404))으로 그래픽 객체들을 그룹화하기 위해 입력 필드(412) 내의 값에 적용하기 위한 동작을 선택할 수 있는 드롭다운 리스트를 포함할 수 있으며, 특정된 리소스-특정 속성(입력 필드(408))은 값에 대한 동작을 만족시킨다. 예시적인 동작들은 잠재적으로 다른 것들 중에서, 비어있음, 비어있지 않음, 포함함, 포함하지 않음, 으로 시작함, 으로 종료함, 보다 큼, 보다 작음을 포함한다. 비어있음 및 비어있지 않음 동작들과 같은 동작들 중 일부는 입력 필드(412) 내의 값을 요구하지 않을 수 있다.

입력 필드(412)는 사용자가 값을 입력할 수 있는 텍스트 입력 필드를 포함할 수 있다. 포함함이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)) 및 특정된 리소스-특정 속성(입력 필드(408))(그의 값은 입력 필드(412)에 입력된 값을 포함함)을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다. 포함하지 않음이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)) 및 특정된 리소스-특정 속성(입력 필드(408))(그의 값은 입력 필드(412)에 입력된 값을 포함하지 않음)을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다.

비어있음이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)), 및 어떠한 값도 없거나 특정된 리소스-특정 속성이 완전히 없는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다. 비어있지 않음이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404))을 갖고, 임의의 값을 갖는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다.

으로 시작함이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)), 및 입력 필드(412)에 입력된 값으로 시작하는 값을 갖는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다. 으로 종료함이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)), 및 입력 필드(412)에 입력된 값으로 종료하는 값을 갖는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다.

보다 큼이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)), 및 입력 필드(412)에 입력된 값보다 큰 값을 갖는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다. 보다 작음이 입력 필드(410)로부터 선택되면, 특정된 일반 속성(입력 필드(404)), 및 입력 필드(412)에 입력된 값보다 작은 값을 갖는 특정된 리소스-특정 속성(입력 필드(408))을 갖는 특정된 리소스(입력 필드(406))의 모든 그래픽 객체들이 축소를 위해 그룹화될 수 있다.

다양한 아이콘들 중 임의의 아이콘이 요약 그래픽 객체들로서 사용될 수 있다. 도 5a는 본 명세서에 설명된 적어도 하나의 실시예에 따라 배열되는, 그래픽 객체들 및 대응하는 요약 그래픽 객체들의 일부 예시적인 그룹들을 예시한다.

제1 예(500)에서, 괄호 및 그래픽 객체들(502)과 요약 그래픽 객체(504) 사이의 양방향 화살표에 의해 표시된 바와 같이, EC2 인스턴스들을 표현하는 그래픽 객체들(502)은 함께 그룹화되며, 요약 그래픽 객체(504)로 축소될 수 있고 그리고/또는 요약 그래픽 객체(504)는 그래픽 객체들(502)로 확장될 수 있다. 제1 예(500)에서, 그래픽 객체들(502)은 표준 AWS EC2 인스턴스 아이콘들을 포함하고, 요약 그래픽 객체(504)는 2개 이상의 EC2 인스턴스들의 그룹을 표현하는 표준 AWS 그룹 아이콘을 포함한다. 특히, 표준 AWS 그룹 아이콘은, 각각 일반적으로 표준 AWS EC2 인스턴스 아이콘들과 동일한 형상 및 동일한 색상인 3개의 형상들의 캐스케이딩(cascade)된 세트를 포함한다. 더 일반적으로, 노드들의 특정한 그룹을 나타내는 표준 아이콘이 이미 존재하는 경우, 그러한 표준 아이콘이 노드들의 그룹에 대한 요약 그래픽 객체로서 사용될 수 있다.

제2 예(506)에서, 이질적인 노드들을 표현하는 그래픽 객체들(508)은 함께 그룹화되며, 요약 그래픽 객체(510)로 축소될 수 있고 그리고/또는 요약 그래픽 객체(510)는 그래픽 객체들(508)로 확장될 수 있다. 제2 예(506)에서, 그래픽 객체들(508)은 대응하는 노드들에 대한 표준 AWS 아이콘들을 포함하고, 요약 그래픽 객체(510)는 표준 아이콘이 없는 노드들의 그룹을 표현하는 디폴트 아이콘을 포함한다. 특히, 디폴트 아이콘은 3개의 직사각형들의 캐스케이딩된 세트를 포함한다. 표준 아이콘이 없는 노드들의 그룹을 표현하기 위해 다른 아이콘들이 디폴트 아이콘으로서 사용될 수 있다. 더 일반적으로, 노드들의 특정한 그룹을 나타내는 표준 아이콘이 존재하지 않는 경우, 디폴트 아이콘이 노드들의 그룹에 대한 요약 그래픽 객체로서 사용될 수 있다.

제3 예(512)에서, 인터넷 게이트웨이 노드 및 루트 테이블 노드를 표현하는 그래픽 객체들(514)은 함께 그룹화되며, 요약 그래픽 객체(516)로 축소될 수 있고 그리고/또는 요약 그래픽 객체(516)는 그래픽 객체들(514)로 확장될 수 있다. 제3 예(512)에서, 그래픽 객체들(514)은 인터넷 게이트웨이 노드 및 루트 테이블 노드에 대한 표준 AWS 아이콘들을 포함한다. 인터넷 게이트웨이 노드와 루트 테이블 노드의 조합은 시맨틱적으로 의미가 있으며, 예를 들어 조합은 라우터를 형성한다. 따라서, 요약 그래픽 객체(516)는 라우터에 대한 표준 AWS 아이콘을 포함한다. 더 일반적으로, 노드들의 특정한 그룹의 조합이 표준 아이콘을 갖는 시맨틱적으로 의미있는 노드를 형성하는 경우, 시맨틱적으로 의미있는 노드를 나타내는 표준 아이콘이 노드들의 그룹에 대한 요약 그래픽 객체로서 사용될 수 있다.

도 5b는 본 명세서에 설명된 적어도 하나의 실시예에 따라 배열되는, 그래픽 객체들 및 대응하는 요약 그래픽 객체의 다른 예시적인 그룹을 예시한다. 도 5b는 부가적으로, 예시적인 그룹화/요약화 및 그룹화해제/확장 방법을 예시한다.

더 상세하게, 도 5b는 동일한 유형의 노드 중 3개의 노드, 즉 3개의 SQS 큐 노드들을 포함하는 그래픽 객체들(518)을 예시하며, 이들은 단계(520)에서 표시된 바와 같이 초기에 그룹화해제된다. 3개의 그래픽 객체들(518)은, 그룹에 포함시키기 위해, 사용자가 3개의 그래픽 객체들(518)을 선택함으로써, 예를 들어 키보드의 제어 키가 눌려지는 동안 그래픽 객체들(518) 각각을 좌측 클릭하기 위해 마우스를 사용함으로써 축소를 위해 그룹화될 수 있다.

단계(522)에서 표시된 바와 같이, 시각적 큐, 예컨대 그래픽 객체들(518) 주위의 윤곽(524), 하이라이팅, 또는 다른 시각적 큐는 그래픽 객체들(518)이 집합적으로 선택되었다는 것을 표시하기 위해, 선택된 그래픽 객체들(518) 주위에서 디스플레이될 수 있다. 또한 단계(522)에서 표시된 바와 같이, 이어서, 사용자는 축소를 위해, 선택된 그래픽 객체들(518)을 그룹화하는 데 효과적인 입력을 제공할 수 있다. 예를 들어, 그래픽 객체들(518) 모두가 선택된 상태에서, 사용자는 축소를 위해 선택을 그룹화하기 위한 옵션을 포함하는 UI(526)를 제시받도록, 선택된 그래픽 객체들(518) 중 임의의 그래픽 객체를 우측 클릭하기 위해 마우스를 사용할 수 있다. 특히, 도 5b의 UI(526)는, 선택된 그래픽 객체들(518) 모두가 SQS 큐 노드들이므로 "모든 SQS 큐들을 요약화" 옵션을 포함한다. 더 일반적으로, UI(526)는 선택된 그래픽 객체들을 요약화하기 위한 옵션을 포함할 수 있다.

528에서 표시된 바와 같이, 축소를 위해 선택을 그룹화하는 데 효과적인 입력을 수신하는 것, 예를 들어 단계(522)에서 UI(526)에서 "모든 SQS 큐들을 요약화"를 좌측 클릭하는 사용자로부터 입력을 수신하는 것은 그래픽 객체들(518)을 요약 그래픽 객체(530)로 축소시킬 수 있다. 이러한 예에서, 요약 그래픽 객체(530)는 그래픽 객체(518)들 각각과 개별적으로 동일하다. 더 일반적으로, 그룹 내의 선택된 모든 그래픽 객체들이 동일한 유형인 경우, 그룹에 대한 대응하는 요약 그래픽 객체로서 사용되는 아이콘은 일부 실시예들에서, 그 유형의 선택된 그래픽 객체들에 대해 사용되는 아이콘과 동일할 수 있다.

도 5b는 부가적으로, 요약 그래픽 객체(530)가 일부 그룹화된 그래픽 객체들을 표현하는 요약 그래픽 객체라는 것을 표시하기 위해 요약 그래픽 객체(530) 상에 배치될 수 있는 예시적인 배지(532)를 예시한다. 이러한 예에서, 배지(532)는 요약 그래픽 객체(530)에 의해 표현되는 그룹 내의 그래픽 객체들(518)의 수를 표시하는 수 "3"을 포함한다. 다른 실시예들에서, 배지들은 요약 그래픽 객체들로부터 생략될 수 있다.

일반적으로, 요약 그래픽 객체(530)는 단계들(520, 522, 및 528)로부터의 프로세스를 반전시킴으로써 그래픽 객체들(518)로 다시 확장될 수 있다. 예를 들어, 단계(534)에서, 요약 그래픽 객체(530)는 요약 그래픽 객체(530) 주위의 윤곽(536), 하이라이팅, 또는 다른 시각적 큐에 의해 표시된 바와 같이 선택될 수 있다. 요약 그래픽 객체(530)는 사용자가 요약 그래픽 객체를 좌측 또는 우측 클릭하거나 또는 다른 적합한 입력을 제공함으로써 선택될 수 있다. 단계(534)에서 추가로 표시된 바와 같이, 사용자는 이어서, 선택된 요약 그래픽 객체(530)를 확장시키는 데 효과적인 입력을 제공할 수 있다. 예를 들어, 요약 그래픽 객체(530)가 선택된 상태에서, 사용자는 요약 그래픽 객체(530)를 확장시키기 위한 옵션을 포함하는 UI(526)를 제시받도록, 선택된 요약 그래픽 객체(530)를 우측 클릭하기 위해 마우스를 사용할 수 있다. 특히, 도 5b의 UI(526)는 체크 마크 또는 다른 시각적 큐에 의해 현재 존재하는 것으로 보여지는 "모든 SQS 큐들을 요약화"하기 위한 옵션을 포함한다. "모든 SQS 큐들을 요약화"가 이미 턴 온되어 있을 때 "모든 SQS 큐들을 요약화"의 선택은 요약 그래픽 객체(530)를 그래픽 객체들(518)로 확장시키기 위한 옵션을 턴 오프시킬 수 있다.

도 6은, 본 명세서에 설명된 적어도 하나의 실시예에 따라 배열되는, 그래픽 다이어그램들을 생성 및 디스플레이하고, 다수의 그래픽 객체들을 더 적은 요약 그래픽 객체들로 축소시키고, 요약 그래픽 객체들을 더 많은 그래픽 객체들로 확장시키도록 배열된 예시적인 컴퓨팅 디바이스(600)를 예시하는 블록 다이어그램이다. 컴퓨팅 디바이스(600)는 도 1의 서버(102) 또는 클라이언트 디바이스들(104, 106, 108) 중 어느 하나 또는 둘 모두를 포함하거나, 그들에 포함되거나, 또는 달리 대응할 수 있다. 기본 구성(602)에서, 컴퓨팅 디바이스(600)는 통상적으로, 하나 이상의 프로세서들(604) 및 시스템 메모리(606)를 포함한다. 메모리 버스(608)는 프로세서(604)와 시스템 메모리(606) 사이에서 통신하는 데 사용될 수 있다.

원하는 구성에 의존하여, 프로세서(604)는, 마이크로프로세서(μP), 마이크로제어기(μC), 디지털 신호 프로세서(DSP), 또는 이들의 임의의 조합을 포함하지만 이에 제한되지는 않는 임의의 유형일 수 있다. 프로세서(604)는 캐싱의 하나 이상의 레벨들, 예컨대 레벨 1 캐시(610) 및 레벨 2 캐시(612), 프로세서 코어(614), 및 레지스터(616)를 포함할 수 있다. 프로세서 코어(614)는 산술 로직 유닛(ALU), 부동 소수점 유닛(FPU), 디지털 신호 프로세싱 코어(DSP 코어), 또는 이들의 임의의 조합을 포함할 수 있다. 예시적인 메모리 제어기(618)는 또한 프로세서(604)와 함께 사용될 수 있거나, 또는 일부 구현들에서, 메모리 제어기(618)는 프로세서(604)의 내부 부분을 포함할 수 있다.

원하는 구성에 의존하여, 시스템 메모리(606)는, 휘발성 메모리(예컨대, RAM), 비휘발성 메모리(예컨대, ROM, 플래시 메모리 등), 또는 이들의 임의의 조합을 포함하는 임의의 유형일 수 있다. 시스템 메모리(606)는, 운영 체제(620), 하나 이상의 애플리케이션들(622), 및 프로그램 데이터(624)를 포함할 수 있다. 애플리케이션(622)은 본 명세서에 설명된 바와 같이, 그래픽 다이어그램들을 생성 및 디스플레이하고, 다수의 그래픽 객체들을 더 적은 요약 그래픽 객체들로 축소시키고, 그리고/또는 요약 그래픽 객체들을 더 많은 그래픽 객체들로 확장시키도록 배열된 다이어그램 애플리케이션(626)을 포함할 수 있다. 다이어그램 애플리케이션(626)은 도 1의 애플리케이션(114)을 포함하거나, 이에 포함되거나, 또는 달리 이에 대응할 수 있다. 프로그램 데이터(624)는 본 명세서에 설명된 바와 같은 그래픽 다이어그램들(626)(이들은 도 1의 그래픽 다이어그램들(126)을 포함하거나, 이들에 포함되거나, 또는 달리 대응할 수 있음), 구조화된 소스 데이터 집합들(예컨대, 도 1의 구조화된 소스 데이터(120)), 구조화된 소스 데이터의 모델들(예컨대, 도 1의 모델들(122)) 및/또는 다른 다이어그램 애플리케이션 데이터를 포함할 수 있다. 일부 실시예들에서, 애플리케이션(622)은, 하나 이상의 방법들이 본 명세서에 설명된 바와 같이 제공될 수 있도록 운영 체제(620) 상에서 프로그램 데이터(624)와 함께 동작하도록 배열될 수 있다.

컴퓨팅 디바이스(600)는 부가적인 특징들 또는 기능, 및 기본 구성(602)과 임의의 수반된 디바이스들 및 인터페이스들 사이의 통신들을 용이하게 하기 위한 부가적인 인터페이스들을 가질 수 있다. 예를 들어, 버스/인터페이스 제어기(630)는 저장 인터페이스 버스(634)를 통한 기본 구성(602)과 하나 이상의 데이터 저장 디바이스들(632) 사이의 통신들을 용이하게 하는 데 사용될 수 있다. 데이터 저장 디바이스들(632)은 착탈형 저장 디바이스들(636), 비-착탈형 저장 디바이스들(638), 또는 이들의 조합일 수 있다. 착탈형 저장 및 비-착탈형 저장 디바이스들의 예들은, 몇몇 예를 들자면, 자기 디스크 디바이스들, 예컨대 플렉시블(flexible) 디스크 드라이브들 및 하드-디스크 드라이브(HDD)들, 광학 디스크 드라이브들, 예컨대 콤팩트 디스크(CD) 드라이브들 또는 디지털 다목적 디스크(DVD) 드라이브들, 솔리드 스테이트 드라이브(SSD)들, 및 테이프 드라이브들을 포함한다. 예시적인 컴퓨터 저장 매체들은, 정보, 예컨대 컴퓨터 판독가능 명령들, 데이터 구조들, 프로그램 모듈들, 또는 다른 데이터의 저장을 위해 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성, 착탈형 및 비-착탈형 매체들을 포함할 수 있다.

시스템 메모리(606), 착탈형 저장 디바이스들(636) 및 비-착탈형 저장 디바이스들(638)은 컴퓨터 저장 매체들 또는 비-일시적인 컴퓨터-판독가능 매체들의 예들이다. 컴퓨터 저장 매체들 또는 비-일시적인 컴퓨터-판독가능 매체들은, RAM, ROM, EEPROM, 플래시 메모리 또는 다른 메모리 기술, CD-ROM, DVD(digital versatile disk)들 또는 다른 광학 저장소, 자기 카세트들, 자기 테이프, 자기 디스크 저장소 또는 다른 자기 저장 디바이스들, 또는 원하는 정보를 저장하기 위해 사용될 수 있고 컴퓨팅 디바이스(600)에 의해 액세스될 수 있는 임의의 다른 비-일시적인 매체를 포함한다. 임의의 그러한 컴퓨터 저장 매체들 또는 비-일시적인 컴퓨터-판독가능 매체들은 컴퓨팅 디바이스(600)의 일부일 수 있다.

컴퓨팅 디바이스(600)는 또한, 버스/인터페이스 제어기(630)를 통한 다양한 인터페이스 디바이스들(예를 들어, 출력 디바이스들(642), 주변기기 인터페이스들(644), 및 통신 디바이스들(646))로부터 기본 구성(602)으로의 통신을 용이하게 하기 위한 인터페이스 버스(640)를 포함할 수 있다. 출력 디바이스들(642)은, 하나 이상의 A/V 포트들(652)을 통해 디스플레이 또는 스피커들과 같은 다양한 외부 디바이스들과 통신하도록 구성될 수 있는 그래픽 프로세싱 유닛(648) 및 오디오 프로세싱 유닛(650)을 포함한다. 다이어그램 애플리케이션(626)에 의해 생성된 다이어그램들, 흐름도들, 조직도들, 커넥터들, 및/또는 다른 그래픽 객체들은 그래픽 프로세싱 유닛(648)을 통해 그러한 디바이스로 출력될 수 있다. 주변기기 인터페이스들(644)은, 하나 이상의 I/O 포트들(658)을 통해 외부 디바이스들, 예컨대 입력 디바이스들(예를 들어, 키보드, 마우스, 펜, 음성 입력 디바이스, 터치 입력 디바이스 등), 센서들, 또는 다른 주변기기 디바이스들(예를 들어, 프린터, 스캐너 등)과 통신하도록 구성될 수 있는 직렬 인터페이스 제어기(654) 또는 병렬 인터페이스 제어기(656)를 포함한다. 그러한 입력 디바이스들은, 입력을 다이어그램 애플리케이션(626)에 제공하고(입력들은, 예를 들어, 곡선형 커넥터들을 생성하고, 포인트들을 하나 이상의 곡선형 커넥터들의 지정된 포인트들로서 지정하고, 하나 이상의 지정된 포인트들을 재위치시키는 데 효과적일 수 있음), 그리고/또는 다이어그램 애플리케이션(626) 내에서 다른 동작들을 달성하기 위하여 사용자에 의해 동작될 수 있다. 통신 디바이스들(646)은, 하나 이상의 통신 포트들(664)을 통한 네트워크 통신 링크를 통한 하나 이상의 다른 컴퓨팅 디바이스들(662)과의 통신들을 용이하게 하도록 배열될 수 있는 네트워크 제어기(660)를 포함한다.

네트워크 통신 링크는 통신 매체들의 일 예일 수 있다. 통신 매체들은 통상적으로, 컴퓨터 판독가능 명령들, 데이터 구조들, 프로그램 모듈들, 또는 변조된 데이터 신호, 예컨대 반송파 또는 다른 전송 메커니즘 내의 다른 데이터에 의해 구현될 수 있으며, 임의의 정보 전달 매체들을 포함할 수 있다. "변조된 데이터 신호"는 신호 내의 정보를 인코딩하기 위한 그러한 방식으로 세팅되거나 변화되는 그의 특성들 중 하나 이상을 갖는 신호일 수 있다. 제한이 아닌 예로서, 통신 매체들은 유선 매체들, 예컨대 유선 네트워크 또는 직접-유선 연결, 및 무선 매체들, 예컨대 음향, 라디오 주파수(RF), 마이크로파, 적외선(IR), 및 다른 무선 매체들을 포함할 수 있다. 본 명세서에서 사용된 바와 같이, 용어 "컴퓨터-판독가능 매체들"은 저장 매체들 및 통신 매체들 둘 모두를 포함할 수 있다.

컴퓨팅 디바이스(600)는 스마트폰, 개인 휴대 정보 단말(PDA) 또는 애플리케이션-특정 디바이스와 같은 소형-폼 팩터(small-form factor) 휴대용(또는 모바일) 전자 디바이스의 일부로서 구현될 수 있다. 컴퓨팅 디바이스(600)는 또한, 태블릿 컴퓨터, 랩톱 컴퓨터 및/또는 비-랩톱 컴퓨터 구성들을 포함하는 개인용 컴퓨터, 또는 랙-장착형(rack-mounted) 서버 컴퓨터 및 블래이드 서버(blade server) 컴퓨터 구성들 둘 모두를 포함하는 서버 컴퓨터로서 구현될 수 있다.

본 명세서에 설명된 실시예들은, 자신 상에 저장되어 있는 컴퓨터-실행가능 명령들 또는 데이터 구조들을 반송하거나 또는 갖기 위한 컴퓨터-판독가능 매체들을 사용하여 구현될 수 있다. 그러한 컴퓨터-판독가능 매체들은 범용 또는 특수-목적 컴퓨터에 의해 액세스될 수 있는 임의의 이용가능한 매체들일 수 있다. 예로서, 그러한 컴퓨터-판독가능 매체들은, RAM, ROM, EEPROM, CD-ROM 또는 다른 광학 디스크 저장소, 자기 디스크 저장 또는 다른 자기 저장 디바이스들, 플래시 메모리 디바이스들(예를 들어, 솔리드 스테이트 메모리 디바이스들), 또는 컴퓨터-실행가능 명령들 또는 데이터 구조들의 형태로 원하는 프로그램 코드를 반송 또는 저장하는 데 사용될 수 있고 범용 또는 특수-목적 컴퓨터에 의해 액세스될 수 있는 임의의 다른 저장 매체를 포함하는 비-일시적인 컴퓨터-판독가능 저장 매체들을 포함할 수 있다. 위의 조합들이 또한 컴퓨터-판독가능 매체들의 범위 내에 포함될 수 있다.

컴퓨터-실행가능 명령들은, 예를 들어 범용 컴퓨터, 특수-목적 컴퓨터, 또는 특수-목적 프로세싱 디바이스(예를 들어, 하나 이상의 프로세서들)로 하여금 특정한 기능 또는 기능들의 그룹을 수행하게 하는 명령들 및 데이터를 포함할 수 있다. 요지가 구조적인 특징들 및/또는 방법 동작들에 특정적인 언어로 설명되었지만, 첨부된 청구항들에서 정의된 요지가 반드시 위에서 설명된 특정한 특징들 또는 동작들로 제한될 필요가 없음을 이해할 것이다. 오히려, 위에서 설명된 특정한 특징들 및 동작들은 청구항들을 구현하는 예시적인 형태들로 개시된다.

본 명세서에 설명된 특정 배열들이 서로 상호 배타적이지 않은 한, 본 명세서에 설명된 다양한 구현들은 시스템 기능을 향상시키거나 보완 기능들을 생성하기 위해 결합될 수 있다. 마찬가지로, 구현들의 양상들은 독립형 배열들로 구현될 수 있다. 따라서, 위의 설명은 단지 예로서만 주어졌으며, 본 발명의 범위 내에서 세부적인 수정이 이루어질 수 있다.

본 명세서에서 실질적으로 임의의 복수형 또는 단수형의 사용에 관해, 당업자들은 문맥 또는 애플리케이션에 적절하게 복수로부터 단수로 또는 단수로부터 복수로 변역할 수 있다. 다양한 단수/복수 치환들은 명확화를 위해 본 명세서에서 명백히 기재될 수 있다. 단수형의 요소에 대한 참조는 특정하게 언급되지 않으면 "하나 및 오직 하나"를 의미하기보다는 오히려 "하나 이상"을 의미하도록 의도된다. 게다가, 본 명세서에 개시된 어떠한 것도, 그와 같은 개시가 위의 설명에 명시적으로 인용되는지 여부에 관계없이 공중에 전용되도록 의도되지 않는다.

일반적으로, 본 명세서에서 및 특히 첨부된 청구항들(예를 들어, 첨부된 청구항들의 본문들)에서 사용된 용어들은 "개방형(open)" 용어들로서 일반적으로 의도된다(예를 들어, 용어 "포함하는"은 "포함하지만 이에 제한되지는 않는"으로 해석되어야 하고, 용어 "갖는"은 "적어도 갖는"으로 해석되어야 하고, 용어 "포함한다"는 "포함하지만 이에 제한되지 않는다"로 해석되어야 하는 식이다). 더욱이, "A, B, 및 C 등 중 적어도 하나"와 유사한 관습적 표현(convention)이 사용되는 이들 인스턴스들에서, 일반적으로, 그러한 구조는 당업자가 관습적 표현을 이해할 의미로 의도된다(예를 들어, "A, B, 및 C 중 적어도 하나를 갖는 시스템"은 A만을, B만을, C만을, A 및 B를 함께, A 및 C를 함께, B 및 C를 함께, 또는 A, B, 및 C를 함께 등을 포함하는 시스템들을 포함하지만 이들로 제한되지 않을 것임). 또한, 명세서에서든, 청구항들에서든, 또는 도면에서든지 간에, 2개 이상의 대안적인 용어들을 제시하는 문구는 용어들 중 하나, 용어들 중 어느 하나, 또는 용어들 둘 모두를 포함하는 것으로 이해되어야 한다. 예를 들어, 문구 "A 또는 B"는 "A" 또는 "B" 또는 "A 및 B"의 가능성들을 포함하는 것으로 이해될 것이다.

본 발명은 본 발명의 사상 또는 본질적인 특성들을 벗어나지 않으면서 다른 특정 형태들로 구현될 수 있다. 설명된 실시예들은 제한이 아니라 예시적으로서만 모든 관점들에서 고려되어야 한다. 따라서, 본 발명의 범위는 전술한 설명보다는 첨부된 청구항들에 의해 표시된다. 청구항들의 등가성의 의미 및 범위 내에 있는 모든 변화들은 청구항들의 범위 내에 포괄될 것이다.

Claims (20)

1. 그래픽 다이어그램을 디스플레이하기 위한 방법으로서,
   그래픽 드로잉 캔버스에서 복수의 그래픽 객체들을 디스플레이하는 단계 － 상기 복수의 그래픽 객체들은 구조화된 소스 데이터에 포함된 복수의 데이터 객체들을 표현함 －;
   상기 복수의 데이터 객체들의 속성에 기초하여 상기 복수의 그래픽 객체들 중 제1 그래픽 객체 및 제2 그래픽 객체를 그룹화하는 데 효과적인 제1 입력을 수신하는 단계; 및
   상기 제1 입력을 수신하는 것에 응답하여 상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 요약 그래픽 객체로 교체하는 단계를 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
2. 제1항에 있어서,
   상기 요약 그래픽 객체를 확장시키는 데 효과적인 제2 입력을 수신하는 단계; 및
   상기 제2 입력을 수신하는 것에 응답하여 상기 그래픽 드로잉 캔버스 내의 상기 요약 그래픽 객체를 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체로 교체하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
3. 제1항에 있어서,
   상기 제1 입력을 수신하는 단계는 상기 속성을 선택하는 데 효과적인 입력을 수신하는 단계를 포함하고;
   상기 제1 그래픽 객체 및 상기 제2 그래픽 객체는 상기 복수의 데이터 객체들 중 제1 데이터 객체 및 제2 데이터 객체를 표현하고;
   상기 제1 데이터 객체 및 상기 제2 데이터 객체 각각의 속성의 값은 동일한, 그래픽 다이어그램을 디스플레이하기 위한 방법.
4. 제1항에 있어서,
   상기 제1 입력을 수신하는 단계는 상기 제1 그래픽 객체의 개별 선택 및 상기 제2 그래픽 객체의 개별 선택을 수신하는 단계를 포함하고;
   상기 속성은 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체 각각의 선택의 표시를 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
5. 제1항에 있어서,
   상기 복수의 그래픽 객체들은 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체와 그룹화되지 않은 제3 그래픽 객체를 더 포함하고;
   상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하기 전에, 상기 제1 그래픽 객체는 커넥터에 의해 상기 그래픽 드로잉 캔버스에서 상기 제3 그래픽 객체에 커플링되고;
   상기 방법은 상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체와 상기 제3 그래픽 객체 사이의 커넥터를 상기 요약 그래픽 객체와 상기 제3 그래픽 객체 사이의 커넥터로 교체하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
6. 제1항에 있어서,
   상기 제1 그래픽 객체는 제1 조건부 포맷팅(formatting)을 포함하고;
   상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 단계는 상기 제1 조건부 포맷팅을 상기 요약 그래픽 객체에 적용하는 단계를 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
7. 제6항에 있어서,
   상기 제2 그래픽 객체는 제2 조건부 포맷팅을 포함하고;
   상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 단계는, 상기 요약 그래픽 객체가 상기 제1 조건부 포맷팅 및 상기 제2 조건부 포맷팅 둘 모두를 갖도록 상기 제2 조건부 포맷팅을 상기 요약 그래픽 객체에 적용하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
8. 제1항에 있어서,
   상기 복수의 그래픽 객체들은 제3 그래픽 객체 및 제4 그래픽 객체를 더 포함하고;
   상기 그래픽 다이어그램은 제1 컨테이너 및 제2 컨테이너를 포함하고;
   상기 제1 그래픽 객체 및 상기 제2 그래픽 객체는 상기 제1 컨테이너 내에 위치설정되고;
   상기 제3 그래픽 객체 및 상기 제4 그래픽 객체는 상기 제2 컨테이너 내에 위치설정되고;
   상기 제1 입력은 추가로, 상기 제3 그래픽 객체 및 상기 제4 그래픽 객체를 함께 그룹화하는 데 효과적이고;
   상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 단계는 상기 제1 컨테이너 내의 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 제1 컨테이너의 제1 요약 그래픽 객체로 교체하는 단계를 포함하고;
   상기 방법은, 상기 제2 컨테이너 내의 상기 제3 그래픽 객체 및 상기 제4 그래픽 객체를 상기 제2 컨테이너 내의 제2 요약 그래픽 객체로 교체하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
9. 제8항에 있어서,
   상기 제1 컨테이너 및 상기 제2 컨테이너가 상기 그래픽 다이어그램으로부터 제거되도록 상기 제1 컨테이너 및 상기 제2 컨테이너의 컨테이너 레벨을 턴 오프(turn off)시키는 데 효과적인 컨테이너 입력을 수신하는 단계; 및
   상기 제1 요약 그래픽 객체 및 상기 제2 요약 그래픽 객체를 단일 요약 그래픽 객체로 교체하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
10. 제8항에 있어서,
    상기 제1 컨테이너 및 상기 제2 컨테이너가 상기 그래픽 다이어그램으로부터 제거되도록 상기 제1 컨테이너 및 상기 제2 컨테이너의 컨테이너 레벨을 턴 오프시키는 데 효과적인 제1 컨테이너 입력을 수신하는 단계;
    제3 컨테이너 및 제4 컨테이너가 상기 그래픽 다이어그램에 포함되도록 상기 제3 컨테이너 및 상기 제4 컨테이너의 컨테이너 레벨을 턴 온(turn on)시키는 데 효과적인 제2 컨테이너 입력을 수신하는 단계 － 상기 제1 그래픽 객체 및 상기 제3 그래픽 객체는 상기 제3 컨테이너에 속하고, 상기 제2 그래픽 객체 및 상기 제4 그래픽 객체는 상기 제4 컨테이너에 속함 －; 및
    상기 제1 그래픽 객체 및 상기 제3 그래픽 객체를 표현하는 상기 제3 컨테이너 내의 제3 요약 그래픽 객체를, 그리고 상기 제2 그래픽 객체 및 상기 제4 그래픽 객체를 표현하는 상기 제4 컨테이너 내의 제4 요약 그래픽 객체를 디스플레이하는 단계를 더 포함하는, 그래픽 다이어그램을 디스플레이하기 위한 방법.
11. 컴퓨터-판독가능 명령들이 저장되어 있는 비-일시적인 컴퓨터-판독가능 매체로서,
    상기 컴퓨터-판독가능 명령들은 동작들을 수행하거나 상기 동작들의 수행을 제어하도록 프로세서에 의해 실행가능하며,
    상기 동작들은,
    그래픽 드로잉 캔버스에서 복수의 그래픽 객체들을 디스플레이하는 것 － 상기 복수의 그래픽 객체들은 구조화된 소스 데이터에 포함된 복수의 데이터 객체들을 표현함 －;
    상기 복수의 데이터 객체들의 속성에 기초하여 상기 복수의 그래픽 객체들 중 제1 그래픽 객체 및 제2 그래픽 객체를 그룹화하는 데 효과적인 제1 입력을 수신하는 것; 및
    상기 제1 입력을 수신하는 것에 응답하여 상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 요약 그래픽 객체로 교체하는 것을 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
12. 제11항에 있어서,
    상기 동작들은,
    상기 요약 그래픽 객체를 확장시키는 데 효과적인 제2 입력을 수신하는 것; 및
    상기 제2 입력을 수신하는 것에 응답하여 상기 그래픽 드로잉 캔버스 내의 상기 요약 그래픽 객체를 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체로 교체하는 것을 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
13. 제11항에 있어서,
    상기 제1 입력을 수신하는 것은 상기 속성을 선택하는 데 효과적인 입력을 수신하는 것을 포함하고;
    상기 제1 그래픽 객체 및 상기 제2 그래픽 객체는 상기 복수의 데이터 객체들 중 제1 데이터 객체 및 제2 데이터 객체를 표현하고;
    상기 제1 데이터 객체 및 상기 제2 데이터 객체 각각의 속성의 값은 동일한, 비-일시적인 컴퓨터-판독가능 매체.
14. 제11항에 있어서,
    상기 제1 입력을 수신하는 것은 상기 제1 그래픽 객체의 개별 선택 및 상기 제2 그래픽 객체의 개별 선택을 수신하는 것을 포함하고;
    상기 속성은 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체 각각의 선택의 표시를 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
15. 제11항에 있어서,
    상기 복수의 그래픽 객체들은 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체와 그룹화되지 않은 제3 그래픽 객체를 더 포함하고;
    상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하기 전에, 상기 제1 그래픽 객체는 커넥터에 의해 상기 그래픽 드로잉 캔버스에서 상기 제3 그래픽 객체에 커플링되고;
    상기 동작들은 상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체와 상기 제3 그래픽 객체 사이의 커넥터를 상기 요약 그래픽 객체와 상기 제3 그래픽 객체 사이의 커넥터로 교체하는 것을 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
16. 제11항에 있어서,
    상기 제1 그래픽 객체는 제1 조건부 포맷팅을 포함하고;
    상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 것은 상기 제1 조건부 포맷팅을 상기 요약 그래픽 객체에 적용하는 것을 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
17. 제16항에 있어서,
    상기 제2 그래픽 객체는 제2 조건부 포맷팅을 포함하고;
    상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 것은, 상기 요약 그래픽 객체가 상기 제1 조건부 포맷팅 및 상기 제2 조건부 포맷팅 둘 모두를 갖도록 상기 제2 조건부 포맷팅을 상기 요약 그래픽 객체에 적용하는 것을 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
18. 제11항에 있어서,
    상기 복수의 그래픽 객체들은 제3 그래픽 객체 및 제4 그래픽 객체를 더 포함하고;
    상기 그래픽 다이어그램은 제1 컨테이너 및 제2 컨테이너를 포함하고;
    상기 제1 그래픽 객체 및 상기 제2 그래픽 객체는 상기 제1 컨테이너 내에 위치설정되고;
    상기 제3 그래픽 객체 및 상기 제4 그래픽 객체는 상기 제2 컨테이너 내에 위치설정되고;
    상기 제1 입력은 추가로, 상기 제3 그래픽 객체 및 상기 제4 그래픽 객체를 함께 그룹화하는 데 효과적이고;
    상기 그래픽 드로잉 캔버스에서 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 요약 그래픽 객체로 교체하는 것은 상기 제1 컨테이너 내의 상기 제1 그래픽 객체 및 상기 제2 그래픽 객체를 상기 제1 컨테이너의 제1 요약 그래픽 객체로 교체하는 것을 포함하고;
    상기 동작들은, 상기 제2 컨테이너 내의 상기 제3 그래픽 객체 및 상기 제4 그래픽 객체를 상기 제2 컨테이너 내의 제2 요약 그래픽 객체로 교체하는 단계를 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
19. 제18항에 있어서,
    상기 동작들은,
    상기 제1 컨테이너 및 상기 제2 컨테이너가 상기 그래픽 다이어그램으로부터 제거되도록 상기 제1 컨테이너 및 상기 제2 컨테이너의 컨테이너 레벨을 턴 오프시키는 데 효과적인 컨테이너 입력을 수신하는 것; 및
    상기 제1 요약 그래픽 객체 및 상기 제2 요약 그래픽 객체를 단일 요약 그래픽 객체로 교체하는 것을 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.
20. 제18항에 있어서,
    상기 동작들은,
    상기 제1 컨테이너 및 상기 제2 컨테이너가 상기 그래픽 다이어그램으로부터 제거되도록 상기 제1 컨테이너 및 상기 제2 컨테이너의 컨테이너 레벨을 턴 오프시키는 데 효과적인 제1 컨테이너 입력을 수신하는 것;
    제3 컨테이너 및 제4 컨테이너가 상기 그래픽 다이어그램에 포함되도록 상기 제3 컨테이너 및 상기 제4 컨테이너의 컨테이너 레벨을 턴 온시키는 데 효과적인 제2 컨테이너 입력을 수신하는 것 － 상기 제1 그래픽 객체 및 상기 제3 그래픽 객체는 상기 제3 컨테이너에 속하고, 상기 제2 그래픽 객체 및 상기 제4 그래픽 객체는 상기 제4 컨테이너에 속함 －; 및
    상기 제1 그래픽 객체 및 상기 제3 그래픽 객체를 표현하는 상기 제3 컨테이너 내의 제3 요약 그래픽 객체를, 그리고 상기 제2 그래픽 객체 및 상기 제4 그래픽 객체를 표현하는 상기 제4 컨테이너 내의 제4 요약 그래픽 객체를 디스플레이하는 것을 더 포함하는, 비-일시적인 컴퓨터-판독가능 매체.

Images