위젯 및 함수를 사용하여 매쉬업을 만드는 모범 사례
위젯을 사용하여 매쉬업을 만들 때 다음 모범 사례를 사용합니다.
매쉬업에서 레이아웃을 최상위 위젯으로 추가
하나의 위젯을 추가하는 경우에도 레이아웃 위젯을 컨테이너의 최상위에 추가하는 것이 좋습니다. 최상위 레이아웃 위젯을 추가하면 나중에 머리글 또는 바닥글뿐만 아니라 영역에 추가 행이나 열을 추가할 수 있습니다.
매쉬업의 위젯 표시 유형
위젯 속성 Visible을 사용하여 런타임 시 ThingWorx 위젯의 표시 유형을 조작할 수 있습니다.
사용자 입력 유효성 검사
유효성 검사기 함수를 사용하여 사용자가 장치로 보내려는 입력의 유효성을 검사합니다. 이러한 입력은 장치의 상태를 변경하고 장치를 원격으로 작동할 수 있습니다. 사용자 입력이 유효한지 확인하는 것이 좋습니다. 유효성을 검사할 각 필드에 하나의 유효성 검사기 함수를 사용하거나 동일한 유효성 검사가 필요한 경우 추가 필드에 하나의 유효성 검사기 함수를 사용할 수 있습니다.
유효성 검사기는 정규식(regex)을 입력으로 받아들이므로 거의 모든 유형의 콘텐츠를 검사할 수 있습니다. 유효성 검사에서 false를 반환하는 경우 사용자에게 상태 메시지를 표시하고 입력 필드를 기본값으로 재설정할 수 있습니다.
수학적 변환
표현식 함수를 사용하여 런타임 시 수학적 변환을 수행합니다. 예를 들어, 온도에 대한 데이터가 섭씨(C)로 표시되는 경우 사용자가 온도 세부 정보를 화씨(F)로 확인할 수 있는 라디오 버튼을 제공할 수 있습니다. 사용자가 선택한 측정 단위를 기준으로 표현식 함수에서 온도 값을 계산하고 표시합니다.
단순한 계산을 위해 서버 측 사용자 정의 서비스 대신 표현식 함수를 사용하는 것이 좋습니다.
키보드 탐색 및 포커스
ThingWorx 9.4 이상의 새로운 키보드 탐색 기능 외에도 키보드 탐색 및 포커스와 관련된 액세스 가능성 기능을 사용하면 장애가 있는 사용자가 Mashup Builder 인터페이스를 효과적으로 사용할 수 있습니다.
• 매쉬업에 각 위젯에 대한 설명 레이블을 포함하여 명확하고 액세스 가능한 양식을 만듭니다.
• 매쉬업에서 키보드 탐색에 대한 지원이 TabIndex 속성을 사용하여 논리적 순서를 따르는지 확인합니다. 탭 색인 시퀀스에서 필요하지 않은 위젯을 제외합니다.
• 사용자가 키보드만 사용하여 매쉬업을 사용할 수 있는지 확인합니다.
도구 설명
도구 설명을 추가하여 사용자에게 유용한 텍스트를 제공합니다. 도구 설명은 스크린 리더 장치를 사용하는 사용자에게 유용합니다.
사용자가 매쉬업을 처음 열 때 상호 작용할 가능성이 있는 위젯을 강조 표시하도록 자동 포커스를 구성합니다. 이렇게 하면 매쉬업의 특정 위젯으로 이동하는 데 걸리는 시간을 줄일 수 있습니다.
스타일 테마에 액세스할 수 있는지 확인합니다. 충분한 대비를 사용하여 매쉬업이 다른 장치 및 스크린에 표시되도록 합니다.