페이지의 공통 규칙
페이지의 두 가지 형태, 편집하는 대로 저장하는 인라인 패널, 명령 모음과 두 가지 거부 방식, 오른쪽 버튼 메뉴, 엔지니어링 잠금, 정지한 런타임, 확인 대화 상자, 그리고 모든 결과가 닿는 자리입니다.
Ganter Lab의 페이지들은 작은 규칙 묶음을 함께 씁니다. 하나를 설정해 보면 다음 것을 설정하는 법도 알게 되도록 만든 규칙입니다. 페이지의 두 가지 형태, 편집하는 대로 저장하는 패널, 조작을 놓는 한 가지 방식과 거부하는 두 가지 방식, 명령 모음을 되풀이하는 오른쪽 버튼 메뉴, 그리고 결과가 닿는 한 자리입니다. 이 페이지가 그것을 한 번에 말해 두므로, 각 영역의 페이지는 자기에게만 있는 것만 말합니다.
페이지의 두 가지 형태
목록과 상세로 나뉜 페이지
Connector, Logic, Process, 사용자는 목록과 상세로 나뉜 페이지이고, View도 같은 모양으로 배치되어 있습니다. 페이지 머리글(제목, 한 줄 설명, 가는 선) 아래에서 화면은 왼쪽 열과 오른쪽 상세 카드로 나뉩니다.
| 부분 | 무엇인가 | 할 수 있는 일 |
|---|---|---|
| 열의 머리글 | 열의 이름(통신, 주소 공간, 워크스페이스, 스테이션 접근, 시각화)과 화살표 | 화살표는 열을 접어 이름을 세로로 두른 좁은 막대로 만들고, 그 막대를 누르면 열이 돌아옵니다. |
| 검색이나 필터 | 트리 위에 있는 그 페이지 고유의 것입니다. Connector에는 검색 상자("드라이버, 회선, 장치, 태그 검색")와 상태 칩 전체, 정상, 문제, 꺼짐이 있고, Logic에는 "필터…"가 있습니다 | 맞지 않는 줄은 감춰지며, 뿌리 무리를 부르는 설명("여기에서 정의됨", "다른 페이지에서 옴")은 자기 줄과 함께 움직입니다. |
| 트리 | 그 페이지의 노드이며, 자식이 있는 줄마다 펼침 화살표가 있고 선택된 줄은 강조됩니다 | 클릭하면 선택되고 오른쪽에 그 노드의 패널이 열립니다. 위와 아래는 선택을 옮기고, 오른쪽은 펼치고, 왼쪽은 접고, Enter는 선택합니다. 선택기에서는 두 번 클릭이 실행합니다. 이름을 바꾸는 중인 줄은 그 자리가 이름 입력란이 되며, Enter나 입력란을 벗어나면 반영되고 Esc는 취소합니다. |
| 바닥글 | 열의 조작이며 모든 페이지에서 같은 구석에 있습니다. +(도구 설명 "새로 만들기…"), 선택적인 순서 바꾸기 무리, 그리고 모두 펼치기 / 모두 접기입니다 | +는 버튼에 붙은 메뉴를 열어 무엇을 만들 수 있고 어디에 놓이는지 알려 줍니다. 펼칠 줄이 없으면 모두 펼치기와 모두 접기는 흐려집니다. 신원이 그 조작을 하나도 쓸 수 없으면 바닥글 전체가 사라집니다. |
| 분할선 | 열과 카드 사이의 가는 선 | 260에서 600픽셀 사이로 끌 수 있고, Tab으로 옮겨 가 키보드로 움직일 수도 있습니다. 화살표 키는 16픽셀, Page Up과 Page Down은 96픽셀 움직이고, Home과 End는 양 끝으로 보냅니다. 페이지가 열려 있는 동안 그 너비가 유지됩니다. |
| 상세 카드 | 선택된 노드의 머리글(단색 아이콘, 제목, 선택적인 필, 한 줄 부제, 때로는 오른쪽에 붙는 조작)이 위에 고정되고 그 아래에 명령 모음이 있으며, 본문은 그 밑에서 스크롤됩니다 | 아무것도 선택하지 않으면 머리글이 비고 본문에는 자리 표시가 놓입니다. 어떤 화면은 본문을 자기만의 면에 넘기기도 하며(Process 모델의 정의 화면들), 그 면은 자기 열과 자기 분할선을 가집니다. |
스크롤되는 페이지
설정, 계정, 에이전트, 검증은 하나의 스크롤되는 열입니다. 머리글 아래에서 "이 페이지의 내용"이라는 왼쪽 목차가 눈썹 무리(일반, OPC UA 서버, 데이터 등)별로 모든 구역을 나열하고, 클릭하면 그 구역이 보이는 자리로 스크롤되며, 스크롤을 따라 현재 항목이 바뀌고, 링크로 구역을 바로 열 수도 있습니다(/settings#sec-updates). 각 구역은 제목을 달고, 무리의 첫 구역은 무리 눈썹까지 답니다. 검증은 줄이 문장이라서 너비 전체를 씁니다. 이벤트는 탭이 있는 유일한 페이지이며, 경보, 발생 기록, 인터록, 콘솔이 저마다 주소를 가집니다(/events?view=…).
자동 저장하는 인라인 패널
패널에는 확인, 저장, 적용 버튼이 없습니다. 선택된 대상을 그 자리에서 편집하고, 바꾸는 대로 저장됩니다. 패널이 받아들일 수 없는 값은 입력한 자리에서 입력란 아래의 짧은 글로 거부되며 결코 저장되지 않습니다.
| 조작 요소 | 저장 시점 | 비고 |
|---|---|---|
| 스위치 | 넘길 때 | 흐려진 스위치는 상태를 그대로 지키고, 왜 바꿀 수 없는지 도구 설명으로 알립니다. |
| 체크박스 | 표시할 때 | |
| 텍스트 입력란 | 글자마다 | 이름, 주소, 연결 항목은 예외입니다. 입력란을 벗어나거나 Enter를 누를 때 반영되며, Enter는 한 번만 반영합니다. 이름 입력란은 반영하기 전에, 그 반영이 무엇을 함께 데려가는지(다시 쓰이는 참조) 자기 아래에 보여 줍니다. |
| 숫자 입력란 | 입력란을 벗어날 때 | 숫자가 아니거나 그 입력란의 범위를 벗어난 값은 짧은 글로 거부되고("'abc'은(는) 숫자가 아닙니다.", "1에서 65535 사이의 숫자를 입력하십시오.") 상자는 유효한 값으로 돌아갑니다. 다르게 쓴 값("007", "7.0")은 받아들여 표준 형태로 다시 씁니다. |
| 콤보 상자 | 고를 때 | 편집할 수 있는 콤보 상자는 목록이 제안했든 아니든 담고 있는 것을 반영합니다(예를 들어 Logic 주소). |
| 표의 칸 | 칸을 편집할 때 | 줄을 먼저 표시해 두면 표시된 모든 줄에 그 편집이 적용됩니다(태그 표). |
| 코드 편집기 | 편집기 자신의 반영 방식대로 | 수식, 스크립트, 조건입니다. 수식을 보십시오. |
입력란이 함께 지니는 것이 두 가지 더 있습니다.
- 입력란 아래의 설명문은 결코 바뀌지 않으면서 그 입력란이 무엇을 정하는지 설명하고, 그와 별개인 효과 줄은(자기만의 들여쓰기와 표시로) 지금 값이 무엇을 만들어 내는지 말합니다. 고를 때마다 자기를 다시 쓰지 않는 설명문이라야 설명으로 믿을 수 있습니다.
- 고른 것에 따라 앱이 그리는 그림이 달라지는 곳(계기 사전 설정, 차트 모양, 판정 기준 구간, 차트 도구)에서는 선택기가 그 이름 옆에 결과의 견본을 보여 주며, 그 견본은 실제 그림을 그리는 바로 그 코드에서 나옵니다. 그 크기에서 두 선택지를 그림으로 구별할 수 없다면 어느 쪽에도 견본을 붙이지 않습니다.
저장의 결과는 패널이 아니라 상태 표시줄의 작업 기록 줄에 닿습니다(결과가 닿는 자리 참조).
명령 모음
조작은 그것이 다루는 대상에 속하며, 어디에 사는지는 위험한 정도가 아니라 그 대상이 정합니다. 대상이 셋이면 자리도 셋입니다.
| 대상 | 자리 | 순서 |
|---|---|---|
| 열이 선택한 노드 | 카드의 고정된 머리글 아래 명령 모음 | 앞쪽 무리(왼쪽)는 만들고, 복사하고, 편집하고, 갈라내고, 시작합니다. 뒤쪽 무리(오른쪽)는 끝냅니다. 삭제와 제거가 위험한 색으로 놓여 위험 무리가 경고로 읽힙니다. 끝낼 것이 없는 명령 모음은 그 구석을 비워 두지 않고, 창을 대상으로 하는 조작인 확대 보기와 전체 화면을 받습니다. 열린 면이 얼마나 넓어지는지를 어느 단계에서나 같은 구석에서 찾도록 하기 위해서입니다. |
| 카드가 담고 있는 표 전체 | 그 카드 자신의 머리글이며, 다루는 줄들 위에 있습니다 | 목록을 늘리는 것이 먼저, 다시 읽는 것이 그다음, 페이지가 선택한 줄을 끝내는 것이 마지막이며 위험한 색입니다. 끝내는 조작은 무엇을 끝내는지 이름을 말하고, 아무것도 고르지 않았을 때 사라지는 대신 왜 거부되는지 말합니다. |
| 오직 한 줄 | 그 줄의 뒤쪽 조작 무리입니다. 아이콘 버튼이며, 끝내는 것은 위험한 색입니다 | 이 버튼을 눌러도 선택은 바뀌지 않습니다. 하나의 카드는 자기 줄을 머리글에서 끝내거나 줄 위에서 끝내거나 하며, 같은 표에 두 방식을 함께 두지 않습니다. |
나뉜 화면의 상자로 둘린 영역은 카드입니다. 공용 패널 머리글은 아이콘, 제목, 부제, 필을 지키며 결코 조작을 담지 않습니다. 인라인 안내 안의 조작은 그 안내의 답이지 머리글의 조작이 아닙니다.
명령 모음에서 조작이 아닌 것이 하나 있습니다. 상태 스위치는 열려 있는 면 자체를 대상으로 삼는 결정이면서, 그 결정에 답하는 모든 면에 공통인 카드나 입력란이 없을 때 씁니다(Process 모델 대시보드의 "View에 표시"). 앱 자신의 이름표 붙은 스위치이므로, 상태는 눌린 것처럼 보이는 조작이 아니라 그 조작 요소에서 읽습니다. 도구 설명은 지금 상태가 무엇을 뜻하는지 말합니다. 모드인 조작(편집, 편집 끝내기, 차트 도구)은 켜져 있는 동안 눌린 모습으로 보입니다.
두 가지 거부
모든 명령 모음과 메뉴와 스위치는 두 가지 거부를 같은 방식으로 구별합니다.
| 거부 | 어떻게 보이는가 | 이유 |
|---|---|---|
| 로그인한 역할에 결코 허락되지 않는 조작 | 아예 그려지지 않습니다 | 아무리 눌러도 권한을 얻지 못하고, 그 역할이 결코 닿을 수 없는 흐린 조작들이 줄지어 있으면 자리만 차지하고 제품이 고장 난 것처럼 보입니다. 보기만 하는 역할은 자기가 할 수 있는 만큼의 명령 모음을 읽습니다. |
| 지금 거부되는 조작 | 그려진 채로 흐려지고, 도구 설명이 무엇이 없는지 말합니다. 아무것도 선택하지 않음, 유닛이 실행 중이라 잠긴 스테이션, 진행 중인 실행, "런타임 정지" | 이 조건은 바뀌므로, 그 조작이 존재한다는 것과 무엇이 그것을 되돌리는지 알아야 합니다. |
이유가 상황일 때는 무언가를 끝내는 조작도 예외가 아닙니다. 그 자리에 흐려진 채 남아, 여전히 무엇을 끝내는지 이름을 말합니다. 메뉴는 같은 이유를 가리킬 때 말하고, 상태 스위치는 상태의 뜻을 말하는 문장보다 이유를 앞세우며, 바닥글의 +와 모두 펼치기 / 모두 접기도 같은 방식으로 흐려집니다.
오른쪽 버튼은 명령 모음을 되풀이합니다
트리의 줄에서 오른쪽 버튼을 클릭하면 그 줄이 먼저 선택되고, 커서 자리에 명령 모음과 같은 조작이 같은 위험한 색과 같은 거부 규칙으로 열립니다. 그래서 메뉴는 언제나 커서 아래의 줄을 다룹니다. 목적지 목록을 여는 줄(폴더로 이동, 장치를 추가할 수 있는 드라이버들)은 그 옆에 한 단계만 펼치며, 가리키거나 누르면 열리고 잎을 누르면 실행하고 메뉴가 닫힙니다. 바깥을 클릭하거나 창 크기를 바꾸거나 줄이 스크롤되어 사라지면 아무것도 실행하지 않고 메뉴가 닫힙니다. 열의 +도 같은 종류의 메뉴를 버튼에 붙여 열며, 마우스뿐 아니라 키보드로 누를 때도 그렇습니다.
엔지니어링 잠금
설정과 실시간 실행은 같은 스테이션을 함께 씁니다. 적어도 한 유닛이 절차를 실행하는 동안 구성은 읽기 전용이 됩니다. 페이지에 엔지니어링 잠금 알림 띠가 나타나고("유닛 조작이 진행 중입니다. 모든 유닛이 끝날 때까지 구성은 읽기 전용으로 유지되며, 실행 제어와 그 밖의 운전 조작은 계속 쓸 수 있습니다."), 상세 카드는 고정된 머리글까지 포함해 반응하지 않게 됩니다. 명령 모음의 조작은 저마다 자기 사용 가능 여부를 계속 말합니다. 잠금 아래에서도 열려 있는 것이 여럿이기 때문입니다. 실행을 시작하고, 일시 정지하고, 재개하고, 정지하고, 중단하는 것, 경보를 확인하는 것, 값을 쓰는 것은 계속 동작합니다. 마지막 유닛이 끝나면 편집이 스스로 돌아옵니다. 실행 기록을 보십시오.
정지한 런타임
라이선스가 없는 스테이션의 무료 모드 시간이 다 되면 런타임이 정지합니다. 계정을 뺀 모든 페이지가 하나의 일시 정지 안내로 물러나고, 스테이션을 바꾸는 조작은 실행 중이라면 열려 있었을 것까지 모두 "런타임 정지"로 거부됩니다. 띠와 일시 정지된 페이지와 다시 시작은 창에, 사용 시간 자체는 무료 모드와 라이선스에 설명되어 있습니다.
확인과 대화 상자
편집은 결코 창을 열지 않습니다. 대화 상자는 잠깐 쓰는 것이나 되돌릴 수 없는 것을 위한 것입니다.
| 대화 상자 | 언제 | 어떻게 동작하는가 |
|---|---|---|
| 확인 | 삭제나 복원 전에: "'이름'을(를) 삭제하시겠습니까? 무엇이 사라지는지. 이 작업은 되돌릴 수 없습니다." | 버튼 두 개이며 거부하는 쪽에 초점이 있습니다. Enter, Esc, 바깥 클릭이 모두 아니요로 답하고, 확인하려면 일부러 Tab을 누르거나 클릭해야 합니다. 되돌릴 수 없는 일은 명시적인 예 없이는 진행되지 않습니다. |
| 메시지 | 기본 관리자의, 한 번만 보여 주는 복구 키. 그 PIN을 설정하거나 바꿀 때 뜹니다. 스테이션이 이 대화 상자를 여는 것은 이 한 가지뿐입니다. 키는 화면에 한 번만 나오고 다른 어디에도 남지 않으므로, 적어 둘 때까지 거기 머물러야 합니다. | 확인 하나입니다. 대화 상자는 열리면서 초점을 가져가므로 그것이 말하는 바가 그대로 읽힙니다. Esc나 바깥 클릭이 그것을 닫고, Tab은 대화 상자 안에 머무릅니다. 결과를 알리는 자리는 아닙니다. 실행된 조작은 작업 기록 줄에서 말합니다. |
| 잠깐 쓰는 편집기 | 로그인 대화 상자, 충돌 보고서 동의 대화 상자, OPC UA 서버에 추가하는 클라이언트 | Esc나 바깥 클릭이 취소하고, 기본 조작이 있는 대화 상자에서는 Enter가 반영하며, Tab은 대화 상자 안에 머무릅니다. |
페이지 위가 아니라 페이지 안에 놓이는 인라인 안내는 알림 띠입니다. 제목, 본문, 때로는 조작 하나가 있고, 심각도(정보, 주의, 심각, 성공)의 색조로 가는 선이 그어집니다. 알림 띠가 색 면을 가득 쓰는 것은 결과가 이미 벌어지고 있는 조건, 예를 들어 지금 걸린 외부 정지뿐이며, 그 밖의 모든 것은 상태를 관찰한 것입니다.
결과가 닿는 자리
방금 한 일은 무엇이든 상태 표시줄의 작업 기록 줄에서 결과를 알리며, 다른 어디에서도 알리지 않습니다. 저장, 삭제, 이름 바꾸기, 가져오기, 인쇄, 재검사, 로그인이 모두 그렇습니다. 두 결과를 모두 알리며, 실패는 닫을 때까지 남아 있습니다. 예외는 대시보드 구성 요소 안에서 실행한 조작 하나뿐이며, 그것은 그 구성 요소 아래에서 답합니다. 알림(스낵바)은 끼어드는 것을 위한 것이지 누른 것에 대한 답이 아닙니다. 작업 기록 줄을 보십시오.
테마와 색
색은 뜻을 위해 아껴 씁니다. 상태 점은 중립이면 회색, 건강하면 초록, 나빠졌거나 시작 중이면 호박색, 고장이거나 오프라인이면 빨강, 나빠진 것은 아니지만 눈여겨볼 만하면 강조색입니다(예를 들어 보통 우선순위의 경보). 위험한 색은 무언가를 끝내는 것을 나타내고, 주의 색은 거부되었거나 붙들려 있는 것을 나타냅니다. 밝은 모양과 어두운 모양은 제목 표시줄의 테마 키나 설정, 모양에서 고르며, 그것은 스테이션의 것입니다. 원격을 포함한 모든 화면이 스테이션의 설정을 그립니다.
어떤 페이지도 하지 않는 일
- 장치, 태그, 변수, 모델, 사용자, 역할을 위해 별도의 편집 창을 열지 않습니다. 각각은 자기 패널에서 편집합니다.
- "저장됨" 깜빡임이나 자기만의 상태 줄이나 자기만의 알림을 보여 주지 않습니다.
- 역할이 결코 실행할 수 없는 조작을 흐리게 두지 않고, 지금만 거부되는 조작을 감추지 않습니다.
- 런타임이 정지된 동안 조작 요소를 하나씩 얼리지 않습니다. 셸이 페이지 전체를 대신합니다.
- 조작이 패널 머리글에 앉지 않고, 명령 모음의 무리 순서를 바꾸지 않습니다.