Mashup Builder 작업공간
다음은 ThingWorx Composer에서 매쉬업을 만들거나 수정할 때 사용할 수 있는 탭입니다.
• 일반 정보 - 엔티티 이름 및 설명과 같은 일반 정보를 지정합니다.
• 설계 - Mashup Builder 작업공간을 엽니다.
• 사용자 정의 CSS – 매쉬업의 사용자 정의 CSS 페이지를 엽니다.
자세한 내용은
사용자 정의 CSS를 참조하십시오.
• 권한 - 매쉬업에 대한 표시 유형, 런타임 및 디자인 타임 액세스 권한을 지정합니다.
• 변경 기록 - 매쉬업에 대한 이전 변경 내용을 표시합니다.
• 관계 보기 - 매쉬업에 대한 종속성 및 상속 규칙을 정의합니다.
Mashup Builder 작업공간은 설계 탭에 있습니다.
설계 작업공간의 구성 요소
Mashup Builder 작업공간은 다음 섹션으로 구성됩니다.
1. 왼쪽 도크
2. 오른쪽 도크
3. 캔버스
4. 연결
작업공간의 캔버스 부분은 매쉬업을 설계하는 곳입니다. 위젯을 위젯 패널에서 끌고 필요에 따라 정렬할 수 있습니다. 여러 위젯을 선택하려면 캔버스에서 선택 상자를 끌거나 CTRL 키를 누른 채 각 항목을 클릭합니다. 위젯의 왼쪽 위 모서리에서 
을 클릭하여 바인딩 및 이벤트를 구성합니다.
을 클릭하여 바인딩 및 이벤트를 구성합니다.오른쪽 도크
기본적으로 오른쪽 도크에는 다음 패널이 포함된 두 개의 섹션이 있습니다.
• 데이터 – 매쉬업에 표시할 데이터에 대한 액세스 권한을 제공합니다.
데이터는 사물이나 사물 템플릿과 같은 ThingWorx 엔티티에 의해 제공됩니다. 
을 클릭하여 엔티티를 찾고 엔티티에서 선택한 서비스를 추가할 수 있는 데이터 추가 창을 엽니다.
을 클릭하여 엔티티를 찾고 엔티티에서 선택한 서비스를 추가할 수 있는 데이터 추가 창을 엽니다.데이터 서비스에 대한 자세한 내용은
데이터 서비스 및 바인딩을 참조하십시오.
• 세션 – 세션 매개 변수에 대한 액세스 권한을 제공합니다.
세션 매개 변수는 글로벌 변수와 유사하며 여러 매쉬업에서 사용될 수 있습니다. 세션 매개 변수는 현재 응용 프로그램 세션 내의 로그인한 사용자에 대한 보안 정보나 쿠키와 같은 정보를 보관합니다. 세션 패널에 대한 자세한 내용은
세션 매개 변수를 참조하십시오.
• 데이터 속성 - 현재 선택된 데이터 서비스에 대한 속성 목록을 표시합니다. 여기에는 매개 변수, 이벤트 등이 포함됩니다.
• 함수 - 매쉬업 내의 함수 목록을 표시합니다.
왼쪽 도크
기본적으로 왼쪽 도크에는 다음 패널이 포함된 두 개의 섹션이 있습니다.
• 위젯 – 매쉬업에 추가할 수 있는 위젯 목록을 제공합니다. 목록에서 레이아웃 영역으로 위젯을 끌어 놓을 수 있습니다.
• 레이아웃 - 반응형 매쉬업의 컨테이너 및 항목에 대한 레이아웃 옵션을 표시합니다.
• 매쉬업 - 사용자 환경에서 사용 가능한 매쉬업 목록을 제공합니다.
이 목록에서 레이아웃 영역으로 매쉬업을 끌어 놓아 매쉬업에 포함된 매쉬업으로 만들 수 있습니다. 포함된 매쉬업은 포함된 매쉬업 위젯에 있어야 합니다. 매쉬업 필터 필드에 텍스트를 입력하여 매쉬업 이름에 따라 목록을 필터링할 수 있습니다.
• 탐색기 - 현재 매쉬업에 있는 위젯을 계층 트리에 표시합니다.
이 목록을 사용하여 레이아웃에서 숨길 수 있는 위젯을 선택할 수 있습니다. 필터 탐색기 옵션에서 텍스트 입력을 시작하여 입력한 텍스트를 기준으로 목록을 필터링할 수 있습니다.
• 속성 – 현재 선택된 위젯에 대한 속성 목록을 표시합니다.
속성을 수정하여 위젯을 구성합니다. 속성 필터 옵션에서 텍스트 입력을 시작하여 입력한 텍스트를 기준으로 목록을 필터링할 수 있습니다.
캔버스 도구 모음
캔버스 도구 모음은 캔버스 위에 있습니다.
다음 표에는 사용 가능한 클립보드 명령이 나와 있습니다.
명령 | 설명 |
|---|---|
 | 잘라내기 |
 | 복사 |
 | 붙여넣기 |
이러한 명령을 사용하여 매쉬업에서 선택한 항목의 크기를 다음과 같이 조정할 수 있습니다.
명령 | 설명 |
|---|---|
 | 같은 너비 |
 | 같은 높이 |
 | 같은 크기 |
이러한 명령을 사용하여 매쉬업 해상도 및 로컬리제이션을 설정하고 작업공간 설정을 지정할 수 있습니다.
명령 | 설명 |
|---|---|
 | 디자인 타임 동안의 매쉬업 해상도를 설정합니다. |
 | 디자인 타임 동안의 로컬리제이션 토큰에 대한 언어를 설정합니다. |
 |
다음 명령을 사용하여 캔버스에서의 항목 선택 및 표시를 제어할 수 있습니다.
명령 | 설명 | ||
|---|---|---|---|
 | 캔버스에서 항목을 선택합니다. 이는 기본 도구입니다. | ||
 | 캔버스 영역 간에 이동할 수 있습니다. 캔버스의 아무 곳이나 클릭하고 끌어 캔버스 간을 이동합니다.
| ||
 | 10% 확대하여 매쉬업을 더 자세히 봅니다. | ||
 | 10% 축소하여 매쉬업을 더 넓게 봅니다. | ||
 | 확대/축소를 기본값으로 재설정합니다. |
연결
인터페이스의 연결 부분에는 매쉬업에 있는 데이터 및 이벤트의 흐름이 표시됩니다. 예를 들어, 버튼을 클릭하여 사물의 서비스가 호출되면 버튼 위젯의 클릭한 이벤트에서 해당 사물 서비스에 연결하는 것을 볼 수 있습니다. 예:
이 부분에는 매쉬업의 위젯에 대한 구성을 완료하기 위해 필요한 사물의 미리 알림이 포함된 할 일 패널도 제공됩니다.
