상한 하한값 표현 및 설정 샘플
이솜이
0
5423
2018.09.09 22:50
+ 12
barTest.xix (53.2K)
안녕하십니까?
장치에서 들어오는 값에 상한값과 하한값을 함께 표현하여 값의 현재 상태를 쉽게 확인할 수 있도록 만든 샘플 파일입니다.
1. 필요한 태그들
Value : 장치와 연결되어 실제 값을 받을 태그
Upper_limit : 상한값 태그
Bottom_limit : 하한값 태그
Upper_limit : 상한값 알람 태그
Bottom_limit : 하한값 알람 태그
2. 상한 하한 시각화에 직접 사용된 주요 객체들
가장 핵심이 되는 객체들은 back, upper, bottom입니다.
3. 각종 애니메이션 효과
기본적으로 사용되는 "이동 효과", "크기 변화"를 응용하여 만들어진 샘플입니다.
4. 사용된 서버 사이드 스크립트
InitLimitBar 함수를 서버 스크립트 페이지에 복사합니다.
사용자는 사용될 태그들을 매개변수로 사용하여 함수 호출 코드 한 줄만 사용하여 필요한 기능들을 구현할 수 있습니다.
상한 하한값의 알람여부의 기본적인 정보 뿐만 아니라,
정상범위에서 얼마나 벗어났는지 확인하기 위해 알람 태그에 analog 태그를 사용하였습니다.
6. 실행화면
해당 샘플에서는 테스트를 쉽게 해보기 위해 슬라이드로 각각의 한계값을 설정할 수 있도록 하였지만,
실제 사용시에는 상한 하한값을 정확하게 입력하기 위해 입력 도구만 사용하시는 것을 권장합니다.
7. 더 자세한 내용은 샘플을 다운로드하여 확인 부탁드립니다. 감사합니다.