상한 하한값 표현 및 설정 샘플

Samples

상한 하한값 표현 및 설정 샘플

이솜이 0 4635

안녕하십니까?

 

장치에서 들어오는 값에 상한값과 하한값을 함께 표현하여 값의 현재 상태를 쉽게 확인할 수 있도록 만든 샘플 파일입니다.

 

1. 필요한 태그들

   Value : 장치와 연결되어 실제 값을 받을 태그

   Upper_limit : 상한값 태그

   Bottom_limit : 하한값 태그 

   Upper_limit : 상한값 알람 태그 

   Bottom_limit : 하한값 알람 태그 

cd96d8676dc9d1b3af9cce0ccab07869_1536499631_3515.PNG
 

 

2. 상한 하한 시각화에 직접 사용된 주요 객체들

   가장 핵심이 되는 객체들은 back, upper, bottom입니다.

cd96d8676dc9d1b3af9cce0ccab07869_1536500554_0903.PNG
 

 

 

3. 각종 애니메이션 효과

   기본적으로 사용되는 "이동 효과", "크기 변화"를 응용하여 만들어진 샘플입니다.

cd96d8676dc9d1b3af9cce0ccab07869_1536500326_1148.PNG



4. 사용된 서버 사이드 스크립트

   InitLimitBar 함수를 서버 스크립트 페이지에 복사합니다.

    사용자는 사용될 태그들을 매개변수로 사용하여 함수 호출 코드 한 줄만 사용하여 필요한 기능들을 구현할 수 있습니다.

cd96d8676dc9d1b3af9cce0ccab07869_1536500082_8021.PNG


5. 상한 하한 알람설정

   상한 하한값의 알람여부의 기본적인 정보 뿐만 아니라, 

   정상범위에서 얼마나 벗어났는지 확인하기 위해 알람 태그에 analog 태그를 사용하였습니다.

cd96d8676dc9d1b3af9cce0ccab07869_1536500147_3594.PNG


6. 실행화면

   해당 샘플에서는 테스트를 쉽게 해보기 위해 슬라이드로 각각의 한계값을 설정할 수 있도록 하였지만,

   실제 사용시에는 상한 하한값을 정확하게 입력하기 위해 입력 도구만 사용하시는 것을 권장합니다.

cd96d8676dc9d1b3af9cce0ccab07869_1536501010_4686.PNG

 

 

7. 더 자세한 내용은 샘플을 다운로드하여 확인 부탁드립니다. 감사합니다.

 

 

 

0 답글
제목