매쉬업 작성기
Mashup Builder는 다양한 비즈니스 응용 프로그램과 데이터 시각화를 빌드할 수 있는 로우 코드 개발 환경입니다. 응용 프로그램 인터페이스는 플랫폼에 있는 매쉬업 엔티티의 설계 탭에서 사용할 수 있습니다. Mashup Builder는 UI 요소를 캔버스로 끌어서 놓을 수 있는 시각적 설계 환경을 제공하여 복잡한 시각화를 쉽게 구축할 수 있습니다.
인터페이스에서 다양한 패널을 사용하여 매쉬업 레이아웃을 정의하고, 위젯 속성을 구성하고, 데이터 서비스와 데이터를 바인딩하고, 유효성 검사를 설정하고, 위젯 스타일을 사용자 정의할 수 있습니다. 응용 프로그램을 효율적으로 빌드하려면 플랫폼에서 구현된 사물 모델을 잘 이해해야 합니다.
이러한 기능을 사용하면 다양한 데이터 소스를 대화식의 인사이트 가능한 시각화로 빠르게 수집할 수 있습니다. 다음 단원에서는 기본 Mashup Builder 기능을 소개합니다.
반응형 레이아웃
Mashup Builder는 완전 사용자 정의 가능한 반응형 컨테이너로, 간단한 끌어서 놓기 기능으로 컨테이너 레이아웃을 섹션으로 나눌 수 있습니다. 레이아웃을 다른 레이아웃의 컨테이너 안에 배치하여 더 많은 섹션을 생성할 수 있습니다.
반응형 레이아웃 및 매쉬업 컨테이너에 대한 자세한 내용은
매쉬업 만들기를 참조하십시오.
위젯
• 위젯은 매쉬업에 배치하는 구성 요소입니다. 예를 들어, 격자선 및 차트를 추가하여 데이터를 시각화할 수 있습니다. 텍스트 상자, 버튼 및 탐색 링크와 같은 기본 위젯을 추가할 수도 있습니다.
• 데이터 서비스는 ThingWorx Platform Server의 사용 가능한 서비스 목록에서 매쉬업에 추가됩니다. 그런 다음 데이터 서비스의 결과를 위젯에 바인딩할 수 있습니다. 데이터 서비스는 매쉬업 페이지 로드 시 서비스 상태 및 사용자 상호 작용을 기반으로 트리거될 수 있습니다.
• 각 위젯의 기능과 구조에 따라 사용할 수 있는 스타일 속성이 다릅니다. 예를 들어, 텍스트 필드 위젯의 글꼴 크기, 글꼴 색 및 배경색의 스타일을 지정할 수 있습니다.
매쉬업을 빌드할 때 위젯 패널에서 캔버스 영역으로 위젯을 끌어서 놓을 수 있습니다. 다음과 같이 다양한 함수에 서로 다른 위젯을 사용할 수 있습니다.
• 사용자 입력
다음 위젯을 사용하여 위젯에 정보를 입력할 수 있습니다.
• 데이터 시각화
다음 위젯을 사용하여 데이터의 시각적 표현을 만들 수 있습니다.
• 데이터 유효성 검사
유효성 검사를 사용하면 실행 시간에 사용자가 매쉬업에 입력하는 데이터의 유효성을 확인하고 입력이 위젯과 일치하는지 확인할 수 있습니다.
유효성 검사 패널 및 속성은 매쉬업 인터페이스의 아래쪽 도크에서 찾을 수 있습니다. 유효성 검사에 대한 자세한 내용은
위젯에 유효성 검사 적용을 참조하십시오.
로컬리제이션
로컬리제이션을 사용하면 실행 시간에 레이블을 다른 언어와 용어로 표시할 수 있습니다.
또한 로캘별 형식을 적용하도록 날짜와 번호를 구성할 수도 있습니다. 로컬리제이션에 대한 자세한 내용은
로컬리제이션 테이블을 참조하십시오.
함수
함수는 매쉬업을 설계할 때 데이터 서비스 및 위젯 속성의 입력을 처리하고 유효성을 검사하는 데 사용할 수 있는 서비스입니다. 다음과 같은 여러 유형의 함수가 있습니다.
1. 식 함수는 JavaScript 식을 평가하는 데 사용할 수 있는 비시각적 위젯입니다. JavaScript 식을 작성하여 매쉬업에서 데이터에 대한 유효성 검사, 계산, 변환 및 비교 작업을 수행할 수 있습니다.
2. 탐색 함수는 응용 프로그램 내의 매쉬업 간을 탐색하는 데 사용할 수 있는 비시각적 위젯입니다.
3. 유효성 검사기 함수는 JavaScript 식을 평가하는 데 사용할 수 있는 비시각적 위젯입니다.
테마
스타일 테마를 사용하면 위젯을 완전 사용자 정의, 편집 및 구성할 수 있으며 기본 스타일 테마는 세 가지가 있습니다.
스타일 테마 및 상태 서식 적용
상태 서식 적용을 사용하여 사용자가 정의한 규칙과 값에 따라 위젯 및 해당 요소의 모양을 변경할 수 있습니다.
위젯은 의도된 위젯의 기능에 따라 스타일 및 상태를 다양한 각도로 지원합니다. 상태 서식 적용에 대한 자세한 내용은
매쉬업에서 상태 서식 적용 사용을 참조하십시오.
기본 스타일 테마
위젯 스타일 지정 및 스타일 테마에 대한 자세한 내용은
스타일 테마를 참조하십시오.
마이그레이션
마이그레이션을 사용하면 최신 버전의 ThingWorx로 업데이트할 수 있습니다. 마이그레이션을 통해 위젯에서 테마에 이르기까지 ThingWorx에서 제공하는 최신 구성 요소를 사용할 수 있습니다. 마이그레이션에 대한 자세한 내용은
매쉬업 마이그레이션을 참조하십시오.
데이터 서비스 및 바인딩
데이터 서비스는 ThingWorx 응용 프로그램 서버의 사용 가능한 서비스 목록에서 매쉬업에 추가됩니다. 그런 다음 데이터 서비스의 결과를 위젯에 바인딩할 수 있습니다. 데이터 서비스는 매쉬업 페이지에서 서비스 상태 및 사용자 상호 작용을 기반으로 사용할 수 있습니다.
다음은 플랫폼 서버의 데이터를 제공하는 세 개의 패널입니다.
• Data - ThingWorx 엔티티의 데이터입니다.
• Session - 세션 매개 변수의 데이터입니다.
• User - 사용자 하위 시스템의 데이터입니다.
데이터 서비스에 대한 자세한 내용은
사물 서비스 및
매쉬업에 데이터 서비스 추가를 참조하십시오.