@things-factory/operato-board 6.1.129 → 6.1.130
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/helps/faq/appliance-token.md +0 -0
- package/helps/faq/board-deployment.md +0 -0
- package/helps/faq/board-versioning.md +0 -0
- package/helps/faq/data-binding-for-select-options.md +0 -0
- package/helps/faq/data-binding-on-calling-board.md +0 -0
- package/helps/faq/data-binding-persistent.md +0 -0
- package/helps/faq/user-credential-component.md +0 -0
- package/helps/faq.md +76 -0
- package/helps/index.md +70 -58
- package/package.json +3 -3
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/helps/faq.md
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# 자주 묻는 질문 (FAQ)
|
|
2
|
+
|
|
3
|
+
## 질문 1: Select 컴포넌트 데이터 바인딩 방법
|
|
4
|
+
|
|
5
|
+
Select 컴포넌트(콤보박스)에 데이터를 Options 속성에 고정하는 것은 알겠는데, 데이터를 불러와서 그 값을 바인딩하는 방법을 설명해주세요
|
|
6
|
+
|
|
7
|
+
A: [셀렉트 컴포넌트의 옵션에 데이타바인딩 하기](./faq/data-binding-for-select-options.md)
|
|
8
|
+
|
|
9
|
+
## 질문 2: 보드 및 플레이어 배포
|
|
10
|
+
|
|
11
|
+
보드 혹은 플레이어를 로그인 절차없이 배포하는 절차를 설명해주세요. 토큰 만들고 링크(주소)에 적용하는 법도 설명해주세요.
|
|
12
|
+
|
|
13
|
+
A: [토큰 생성 및 링크에 적용하기](./faq/appliance-token.md)
|
|
14
|
+
|
|
15
|
+
## 질문 3: 보드에서 선택한 값 저장 방법
|
|
16
|
+
|
|
17
|
+
보드에 사용자 선택 혹은 입력을 유도하는 컴포넌트의 값을 저장하여 PC가 리부텅되어 다시 실행했을 때 그 값을 유지하고 그 값을 읽고 싶은데, 어떤 방법을 사용하면 되는지 설명해주세요.
|
|
18
|
+
(해당 보드가 실행되는 PC의 로컬에 저장 혹은 오페라토 보드 자체 DB에 저장이 가능한지 등)
|
|
19
|
+
|
|
20
|
+
A: [컴포넌트의 마지막 데이타 유지하기](./faq/data-binding-persistent.md)
|
|
21
|
+
|
|
22
|
+
## 질문 4: 보드에서 보드 호출시 인자값 전달 방법
|
|
23
|
+
|
|
24
|
+
보드에서 다른 보드를 호출할 때, 특정값을 전달할 수 있는지 있다면 방법 문의 드립니다.
|
|
25
|
+
|
|
26
|
+
A: [보드 호출시 변수 전달](./faq/data-binding-on-calling-board.md)
|
|
27
|
+
|
|
28
|
+
## 질문 5: 로그인한 계정 및 다국어설정 값 얻기
|
|
29
|
+
|
|
30
|
+
보드나 시나리오에서 현재 로그인한 계정이나 다국어 설정값을 알수 있는 방법이 있는지요.
|
|
31
|
+
|
|
32
|
+
A: [로그인 유저 정보 획득](./faq/user-credential-component.md)
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
## 운영관련 질문들
|
|
37
|
+
|
|
38
|
+
이 섹션에서는 운영관련 질문과 답변을 제공합니다.
|
|
39
|
+
|
|
40
|
+
### Q: 보드 업데이트
|
|
41
|
+
|
|
42
|
+
이미 배포된 보드는 실시간으로 수정사항이 반영됩니다.
|
|
43
|
+
그러면, 만약 개발자가 보드나 시나리오를 수정하고 중간에 완성되지 않은 내용을 저장을 하면 바로 현장에 반영이될텐데,
|
|
44
|
+
개발 중 저장을 하면 배포가 되는게 아니라, 배포라는 어떤 이벤트가 있을때만 현장에 배포(업데이트)가 되는 방법이 있는지,
|
|
45
|
+
아니면 어떤 식으로 개발을 해야하는지 문의 드립니다.
|
|
46
|
+
|
|
47
|
+
A: [보드 버전 관리](./faq/board-versioning.md)
|
|
48
|
+
|
|
49
|
+
### Q: 운영 배포
|
|
50
|
+
|
|
51
|
+
보드나 시나리오는 개발서버에서 작업을 하고, 나중에 운영 서버 2대에 배포를 하는 구조로 가게됩니다.
|
|
52
|
+
어떻게 개발서버에서 작업한 내용을 운영 서버에 배포를 하는 것인지 그 절차를 좀 설명 부탁드립니다.
|
|
53
|
+
|
|
54
|
+
A: [보드 운영 배포 관리](./faq/board-deployment.md)
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
58
|
+
## 기술적인 질문들
|
|
59
|
+
|
|
60
|
+
이 섹션에서는 기술적인 질문과 답변을 제공합니다..
|
|
61
|
+
|
|
62
|
+
### Q: 기술적인 질문 1?
|
|
63
|
+
|
|
64
|
+
A: 기술적인 질문 1에 대한 답변이 여기에 들어갑니다.
|
|
65
|
+
|
|
66
|
+
### Q: 기술적인 질문 2?
|
|
67
|
+
|
|
68
|
+
A: 기술적인 질문 2에 대한 답변이 여기에 들어갑니다.
|
|
69
|
+
|
|
70
|
+
---
|
|
71
|
+
|
|
72
|
+
## 추가 도움말 및 연락처 정보
|
|
73
|
+
|
|
74
|
+
- 웹사이트: [웹사이트 링크](https://hatiolab.com)
|
|
75
|
+
- 이메일: [이메일 주소](mailto:heartyoh@hatiolab.com)
|
|
76
|
+
- 전화번호: +82-31-605-5571
|
package/helps/index.md
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
# **Operato Board**
|
|
2
|
+
|
|
2
3
|
---
|
|
4
|
+
|
|
3
5
|
## **소개**
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
- 생산/물류 각 현장의 실시간 현황을 모니터링하고 이슈 상황에 대해 선제적 대처가 가능합니다.
|
|
8
|
+
- 기본 개별설비 모니터링 시스템 외에 다양한 물류 데이터의 Visibility 시스템 구축이 가능합니다.
|
|
9
|
+
- 별도의 프로그램 설치 없이 파워포인트를 사용하듯 쉬운 인터페이스를 활용하여 복잡한 데이터를 편리하게 구현합니다.
|
|
7
10
|
|
|
8
11
|
---
|
|
12
|
+
|
|
9
13
|
![operato-board][operato-board]
|
|
10
14
|
|
|
11
15
|
[operato-board]: http://www.hatiolab.com/assets/img/operato-detail7.png#brendw1080
|
|
12
16
|
|
|
13
|
-
|
|
14
17
|
## **설치하기**
|
|
15
18
|
|
|
16
19
|
- **동영상은 Operato ECS기준으로 설치 가이드를 진행하고 있으며 아래 설치 스크립트로 꼭 바꾸어서 설치 필요**
|
|
@@ -18,42 +21,45 @@
|
|
|
18
21
|
[](https://youtu.be/AM6LZ_NcNYM)
|
|
19
22
|
|
|
20
23
|
- 설치 대상 OS, CPU 아키텍처
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
|
|
25
|
+
- 인텔, AMD
|
|
26
|
+
- 권장 (테스트 됨) : Linux ubuntu 및 centos
|
|
27
|
+
- 사용 가능 (도커-데스크톱으로 테스트) : MacOS
|
|
28
|
+
- 사용 가능 (도커-데스크톱으로 테스트) : Windows
|
|
29
|
+
- ARM
|
|
30
|
+
- 사용 가능 (도커로 테스트 됨) : Raspberry Pi의 raspbian
|
|
27
31
|
|
|
28
32
|
- 인터넷 브라우저
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
33
|
+
|
|
34
|
+
- 권장 : 구글 크롬, 사파리, 파이어 폭스, Edge
|
|
35
|
+
- 지원되지 않음 : Internet Explorer
|
|
32
36
|
|
|
33
37
|
- 전제 조건
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
|
|
39
|
+
- 'docker'및 'docker-compose'가 설치되어야 함
|
|
40
|
+
- https://www.docker.com/
|
|
36
41
|
|
|
37
42
|
- Operato-Board 설치 스크립트
|
|
38
|
-
|
|
43
|
+
- 폴더를 만들고 디렉토리를 폴더를 이동
|
|
39
44
|
|
|
40
|
-
```
|
|
45
|
+
```sh
|
|
41
46
|
# 설치 스크립트
|
|
42
47
|
curl -fsSL curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-board/installer/install.sh | bash -s
|
|
43
48
|
```
|
|
44
49
|
|
|
45
50
|
## **시작하기**
|
|
46
|
-
|
|
47
51
|
|
|
48
52
|
1. Overview
|
|
49
|
-
![overview]
|
|
50
|
-
|
|
53
|
+
![overview]
|
|
54
|
+
|
|
55
|
+
- 1번 : 홈으로 이동
|
|
51
56
|
- 2번 : 타이틀 Area
|
|
52
57
|
- 3번 : Group Area
|
|
53
58
|
- 4번 : 사용자 Board메뉴
|
|
54
59
|
- 5번 : Board 생성 및 기 생성된 Board list표현
|
|
55
60
|
|
|
56
|
-
2. 보드 생성
|
|
61
|
+
2. 보드 생성
|
|
62
|
+
|
|
57
63
|
- 3번 위치 우측의 '+' 버튼을 눌러 **_SCENE 그룹_**을 생성한다.
|
|
58
64
|
|
|
59
65
|
![create-scene]
|
|
@@ -66,73 +72,79 @@ curl -fsSL curl -O https://raw.githubusercontent.com/things-factory/things-facto
|
|
|
66
72
|
|
|
67
73
|
![hello-board]
|
|
68
74
|
|
|
69
|
-
|
|
70
75
|
[overview]: ./images/board-overview.png
|
|
71
|
-
|
|
72
76
|
[create-scene]: ./images/create-board-button.png
|
|
73
|
-
|
|
74
77
|
[create-board-view]: ./images/create-board-view.png
|
|
75
|
-
|
|
76
78
|
[hello-board]: ./images/hello-world.png
|
|
77
|
-
|
|
78
79
|
[text-style]: ./images/text-style.png
|
|
79
80
|
|
|
80
81
|
## **Board Tutorial**
|
|
82
|
+
|
|
81
83
|
### 1. Countup Board Modeling
|
|
82
|
-
* Tutorial 1 - Scenario Control
|
|
83
84
|
|
|
84
|
-
|
|
85
|
-
|
|
85
|
+
- Tutorial 1 - Scenario Control
|
|
86
|
+
|
|
87
|
+
[](https://youtu.be/-1bZg75Ao0A?t=117)
|
|
88
|
+
|
|
89
|
+
- for data control please refer [1. scenario countup](#1.-scenario-countup)
|
|
86
90
|
|
|
87
91
|
### 2. Covid19 Status Chart Modeling
|
|
88
|
-
* Tutorial 2 - Making Covid19 Status Chart
|
|
89
92
|
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
- Tutorial 2 - Making Covid19 Status Chart
|
|
94
|
+
|
|
95
|
+
[](https://youtu.be/59DF3vvGgDA?t=104)
|
|
96
|
+
|
|
97
|
+
- for data control please refer [2. http request with Covid19 API](#2.-http-request-with-Covid19-API)
|
|
92
98
|
|
|
93
99
|
## **Visualizer Tutorial**
|
|
94
|
-
* Tutorial 3 - 3D Visualizer Modeling
|
|
95
100
|
|
|
96
|
-
|
|
101
|
+
- Tutorial 3 - 3D Visualizer Modeling
|
|
102
|
+
|
|
103
|
+
[](https://youtu.be/eku1ED66DHE)
|
|
97
104
|
|
|
98
105
|
## **Senario Tutorial**
|
|
106
|
+
|
|
99
107
|
### 1. scenario countup
|
|
100
|
-
|
|
101
|
-
|
|
108
|
+
|
|
109
|
+
- Tutorial 1 - Scenario Control
|
|
110
|
+
|
|
102
111
|
[](https://youtu.be/-1bZg75Ao0A?t=6)
|
|
103
112
|
|
|
104
|
-
|
|
113
|
+
- Tutorial scenario
|
|
105
114
|
|
|
106
|
-
|
|
115
|
+
|
|
107
116
|
|
|
108
117
|
### 2. http request with Covid19 API
|
|
109
|
-
|
|
118
|
+
|
|
119
|
+
- Tutorial 2 - Making Covid19 Status Chart from [Covid19 API](https://api.covid19api.com/)
|
|
110
120
|
|
|
111
121
|
[](https://youtu.be/59DF3vvGgDA?t=7)
|
|
112
122
|
|
|
113
|
-
|
|
123
|
+
- Tutorial scenario
|
|
114
124
|
|
|
115
125
|
|
|
116
126
|
|
|
117
|
-
|
|
118
127
|
## **Samples**
|
|
119
128
|
|
|
120
|
-
|
|
|
121
|
-
|
|
122
|
-
|
|
|
123
|
-
|
|
|
124
|
-
|
|
|
125
|
-
|
|
|
126
|
-
|
|
|
127
|
-
|
|
|
128
|
-
|
|
|
129
|
-
|
|
|
130
|
-
|
|
|
131
|
-
|
|
|
132
|
-
| <figure>
|
|
133
|
-
|
|
|
134
|
-
|
|
|
135
|
-
|
|
129
|
+
| <figure> ![][01] <figcaption>Worldmap</figcaption> </figure> | <figure> ![][12] <figcaption>Korail Map</figcaption> </figure> |
|
|
130
|
+
| :---------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
|
|
131
|
+
| <figure> ![][03] <figcaption>**Floor**</figcaption> </figure> | <figure> ![][21] <figcaption>**SSL 3 Floor**</figcaption> </figure> |
|
|
132
|
+
| <figure> ![][05] <figcaption>**Sort monitoring**</figcaption> </figure> | <figure> ![][06] <figcaption>**Piece Sorting Monitoring**</figcaption> </figure> |
|
|
133
|
+
| <figure> ![][04] <figcaption>**SOP Procgress**</figcaption> </figure> | <figure> ![][10] <figcaption>**Equipment Monitoring**</figcaption> </figure> |
|
|
134
|
+
| <figure> ![][11] <figcaption>**Silting & Pressing**</figcaption> </figure> | <figure> ![][02] <figcaption>**Mixing Process**</figcaption> </figure> |
|
|
135
|
+
| <figure> ![][15] <figcaption>**Process Rate**</figcaption> </figure> | <figure> ![][16] <figcaption>**Equipment Performance Map**</figcaption> </figure> |
|
|
136
|
+
| <figure> ![][29] <figcaption>**Dock Status**</figcaption> </figure> | <figure> ![][18] <figcaption>**QPS Integrated Monitoring**</figcaption> </figure> |
|
|
137
|
+
| <figure> ![][19] <figcaption>**Facility Operation Status**</figcaption> </figure> | <figure> ![][20] <figcaption>**SMT Operation Monitoring**</figcaption> </figure> |
|
|
138
|
+
| <figure> ![][07] <figcaption>**Yield View**</figcaption> </figure> | <figure> ![][08] <figcaption>**Performance View**</figcaption> </figure> |
|
|
139
|
+
| <figure> ![][22] <figcaption>**Stock movement Event**</figcaption> </figure> | <figure> ![][23] <figcaption>**Delivery Status**</figcaption> </figure> |
|
|
140
|
+
| <figure> ![][27] <figcaption>**All Process Rate**</figcaption> </figure> | <figure> ![][28] <figcaption>**Inspection status by Fleet**</figcaption> </figure> |
|
|
141
|
+
| <figure> ![][30] <figcaption>**Facility Control Monitoring**</figcaption> </figure> | <figure> ![][24] <figcaption>**Fleet Efficiency**</figcaption> </figure> |
|
|
142
|
+
| <figure> ![][31] <figcaption>**Visualizer**</figcaption> </figure> | <figure> ![][14] <figcaption>**Indoor Vilsualizer**</figcaption> </figure> |
|
|
143
|
+
| <figure> ![][09] <figcaption>**3D warehouse view**</figcaption> </figure> | <figure> ![][13] <figcaption>**Warehouse Visualizer**</figcaption> </figure> |
|
|
144
|
+
|
|
145
|
+
## [**FAQ**](./faq.md)
|
|
146
|
+
|
|
147
|
+
[FAQ를 참고하시려면 이 링크를 클릭하세요](./faq.md)
|
|
136
148
|
|
|
137
149
|
[01]: http://www.hatiolab.com/assets/img/thingsboard-01.png
|
|
138
150
|
[02]: http://www.hatiolab.com/assets/img/thingsboard-02.png
|
|
@@ -164,4 +176,4 @@ curl -fsSL curl -O https://raw.githubusercontent.com/things-factory/things-facto
|
|
|
164
176
|
[28]: http://www.hatiolab.com/assets/img/thingsboard-28.png
|
|
165
177
|
[29]: http://www.hatiolab.com/assets/img/thingsboard-29.png
|
|
166
178
|
[30]: http://www.hatiolab.com/assets/img/thingsboard-30.png
|
|
167
|
-
[31]: http://www.hatiolab.com/assets/img/thingsboard-31.png
|
|
179
|
+
[31]: http://www.hatiolab.com/assets/img/thingsboard-31.png
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@things-factory/operato-board",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.130",
|
|
4
4
|
"main": "dist-server/index.js",
|
|
5
5
|
"browser": "dist-client/index.js",
|
|
6
6
|
"things-factory": true,
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"@things-factory/apptool-ui": "^6.1.129",
|
|
88
88
|
"@things-factory/auth-ui": "^6.1.129",
|
|
89
89
|
"@things-factory/board-service": "^6.1.129",
|
|
90
|
-
"@things-factory/board-ui": "^6.1.
|
|
90
|
+
"@things-factory/board-ui": "^6.1.130",
|
|
91
91
|
"@things-factory/context-ui": "^6.1.129",
|
|
92
92
|
"@things-factory/export-ui": "^6.1.129",
|
|
93
93
|
"@things-factory/fav-base": "^6.1.129",
|
|
@@ -120,5 +120,5 @@
|
|
|
120
120
|
"@things-factory/board-test": "^6.1.129",
|
|
121
121
|
"@things-factory/builder": "^6.1.129"
|
|
122
122
|
},
|
|
123
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "b694e353eac8bd9cccfb00ffb201ed7933475ca8"
|
|
124
124
|
}
|