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