ThingView 데이터 속성으로 작업
ThingView 위젯의 Data 속성을 사용하여 3D 모델과 외부 소스 간에 교차 선택 및 색 강조 표시를 수행할 수 있습니다. 이 Data 속성을 그리드 위젯에 사용하려면 다음 단계를 수행합니다.
 |
교차 선택을 수행하기 전에 3D 모델의 발생 ID 경로를 알고 있어야 합니다.
|
데이터 셰이프 만들기
다음 단계를 수행하여 이름이 SamplePartDataShape인 데이터 셰이프를 만듭니다.
1. Composer에서 > 로 이동합니다.
2. 새로 만들기를 클릭하여 새 데이터 셰이프를 만듭니다.
3. 이름을 SamplePartDataShape로 지정합니다.
4. 저장을 클릭하여 데이터 셰이프를 저장합니다.
5. 필드를 추가하려면 필드 정의를 클릭합니다.
6. 추가를 클릭합니다. 새 필드 정의 패널이 열립니다.
7. 다음 세부 정보를 사용하여 필드를 만듭니다.
◦ 이름 - IDPath
◦ 기본 유형 - STRING
◦ 기본 키임 옵션을 선택합니다.
8. 세부 내용과 함께 필드를 저장합니다.
9. 다음 세부 정보를 사용하여 두 번째 필드를 만들고 저장합니다.
◦ 이름 - PartName
◦ 기본 유형 - STRING
10. 다음 세부 정보를 사용하여 세 번째 필드를 만들고 저장합니다.
◦ 이름 - Stock
◦ 기본 유형 - NUMBER
◦ 기본값 있음을 선택합니다. 기본값으로 0을 지정합니다.
11. 저장을 클릭합니다.
사물 만들기
다음 단계를 수행하여 이름이 SamplePartThing인 사물을 만듭니다.
1. Composer에서 > 로 이동합니다.
2. 새로 만들기를 클릭하여 새 사물을 만듭니다.
3. 이름으로 SamplePartThing을 지정합니다.
4. 기본 사물 템플릿을 GenericThing으로 지정합니다.
5. 저장을 클릭하여 사물을 저장합니다.
6. 서비스 및 추가를 클릭하여 인포테이블에 있는 부품의 세부 정보를 가져오는 서비스를 정의합니다.
7. 서비스에 대해 다음 세부 정보를 지정합니다.
◦ 이름 - GetPartDetails
◦ 데이터 테이블에 추가할 모델의 세부 정보를 지정합니다. 예를 들어 다음 샘플 코드는 모델의 IDPath, PartName 및 Stock 세부 정보를 지정합니다.
var data = [
{
"IDPath": "/39",
"PartName": "BLOWER_COMPLETE_K01.PRT",
"Stock": 18
},
{
"IDPath": "/40",
"PartName": "LOWER_HOUSING_COMPLETE_K01.PRT",
"Stock": 35
},
{
"IDPath": "/41",
"PartName": "UPPER_HOUSING_COMPLETE_K01.PRT",
"Stock": 57
}
];
var result = DataShapes.SamplePartDataShape.CreateValues();
for(var i =0;i<data.length;i++) {
result.AddRow(data[i]);
}
{
"IDPath": "/39",
"PartName": "BLOWER_COMPLETE_K01.PRT",
"Stock": 18
},
{
"IDPath": "/40",
"PartName": "LOWER_HOUSING_COMPLETE_K01.PRT",
"Stock": 35
},
{
"IDPath": "/41",
"PartName": "UPPER_HOUSING_COMPLETE_K01.PRT",
"Stock": 57
}
];
var result = DataShapes.SamplePartDataShape.CreateValues();
for(var i =0;i<data.length;i++) {
result.AddRow(data[i]);
}
◦ 출력에서 다음 세부 정보를 지정합니다.
▪ 출력 유형 - INFOTABLE
▪ 데이터 셰이프 - SamplePartDataShape
▪ 인포테이블 유형 - 인포테이블임
8. 완료를 클릭하여 서비스를 저장합니다.
9. 사물을 저장합니다.
스타일 정의 만들기
다음 단계를 수행하여 세 가지 스타일 정의를 만듭니다.
1. Composer에서 > 로 이동합니다.
2. 새로 만들기를 클릭하여 새 스타일 정의를 만듭니다.
3. 이름으로 SampleLowStockStyleDefinition을 지정합니다.
4. 스타일 정보를 클릭합니다.
5. 텍스트 색으로 빨강을 선택합니다.
6. 저장을 클릭하여 스타일 정의를 저장합니다.
7. 이름이 SampleMediumStockStyleDefinition인 두 번째 스타일 정의를 만듭니다.
8. 텍스트 색으로 노랑을 선택하고 스타일 정의를 저장합니다.
9. 이름이 SampleHighStockStyleDefinition인 세 번째 스타일 정의를 만듭니다.
10. 텍스트 색을 녹색으로 선택하고 스타일 정의를 저장합니다.
상태 정의 만들기
다음 단계를 수행하여 상태 정의를 만듭니다.
1. Composer에서 > 로 이동합니다.
2. 새로 만들기를 클릭하여 새 상태 정의를 만듭니다.
3. 이름을 SampleStockStateDefinition으로 지정합니다.
4. 상태 정보를 클릭합니다.
5. 상태 적용 목록에서 숫자를 선택합니다.
6. 기본값을 클릭합니다.
7. 표시 이름을 DefaultStockDisplay로 지정합니다.
8. 스타일에서 기본값으로 설정할 상태 정의를 검색합니다. 이 예에서는 SampleHighStockStyleDefinition을 검색하여 선택합니다.
9. 상태 정보를 저장합니다.
10. 상태 정보에서 추가를 클릭하여 새 상태 정의를 추가합니다.
11. 이 예에서는 연산자 값을 보다 작음(<)으로 유지합니다.
12. 값을 20으로, 표시 이름을 Low Stock Levels로 지정합니다.
13. SampleLowStockStyleDefinition을 검색하여 선택합니다.
14. 상태 정보를 저장합니다.
15. 값을 40으로, 표시 이름을 Medium Stock Levels로 설정하여 두 번째 상태를 만듭니다.
16. SampleMediumStockStyleDefinition을 검색하여 선택합니다.
17. 상태 정보를 저장합니다.
18. 값을 100으로, 표시 이름을 High Stock Levels로 설정하여 세 번째 상태를 만듭니다.
19. SampleHighStockStyleDefinition을 검색하여 선택합니다.
20. 기본 상태 정보를 저장합니다.
21. 저장을 클릭합니다.
매쉬업 만들기
다음 단계를 수행하여 이름이 SamplePartMashup인 매쉬업을 만듭니다.
1. Composer에서 > 으로 이동합니다.
2. 새로 만들기를 클릭합니다. 새 매쉬업 대화 상자가 열립니다.
3. 정적을 선택하고 확인을 클릭합니다.
4. 이름을 SamplePartMashup으로 지정합니다.
5. 저장을 클릭하여 매쉬업을 저장합니다.
6. 설계를 클릭합니다.
7. 위젯 창에서 ThingView 위젯을 레이아웃으로 끕니다.
8. 위젯 창에서 그리드 위젯을 레이아웃으로 끕니다.
9. 도크에서 데이터에 있는 +를 클릭합니다. 데이터 추가 대화 상자가 열립니다.
10. 엔티티 선택 필드에서 앞서 만든 사물을 검색합니다. 이 예에서는 SamplePartThing을 검색하여 선택합니다. 사물에 사용할 수 있는 서비스가 나열됩니다.
11. 서비스 선택 필드에서 사물에 만든 서비스를 검색합니다. 이 예에서는 GetPartDetails를 검색합니다.
12. GetPartDetails 서비스에서 오른쪽을 가리키는 화살표를 클릭하여 매쉬업에 추가합니다.
13. 완료를 클릭합니다.
14. 도크에서 GetPartDetails를 확장합니다.
15. 반환된 데이터에서 모든 데이터를 클릭하고 끕니다. 서비스에 사용할 수 있는 매개 변수가 나열됩니다.
16. 모든 데이터 매개 변수를 ThingView 위젯으로 끕니다. ThingView 위젯에 사용할 수 있는 매개 변수가 나타납니다.
17. ThingView 위젯의 데이터 매개 변수를 선택합니다. 이제 부품 데이터가 위젯에 바인딩되었습니다.
18. 마찬가지로 반환된 데이터에서 모든 데이터 매개 변수를 그리드 위젯으로 끕니다. 그리드의 데이터 매개 변수에 바인딩합니다.
19. 레이아웃에서 ThingView 위젯을 선택합니다. 화살표와 함께 위젯 테두리가 레이아웃 영역에 표시됩니다.
20. 화살표 위에 포인터를 놓습니다. ThingView 위젯에 사용할 수 있는 옵션 목록이 나타납니다.
21. 바인딩 구성을 선택합니다. 위젯 구성 대화 상자가 나타납니다.
22. 이벤트에서 Loaded를 선택합니다.
23. 트리거된 서비스를 클릭합니다. 이 이벤트에서 트리거할 서비스 추가 대화 상자가 열립니다.
24. GetPartDetails 서비스를 선택합니다.
25. 열려 있는 모든 대화 상자에서 완료를 클릭합니다.
26. ProductToView 속성에 Creo View 구조 파일의 URL을 지정합니다.
27. OccurrenceField 속성에서 IDPath를 선택합니다.
 | 속성에 필드가 표시되지 않으면 매쉬업에서 ThingView 위젯을 선택하여 데이터 속성의 사용 가능한 필드를 표시합니다. |
28. DataFormatter 속성에서 State Formatting을 클릭합니다. 상태 서식 적용 구성 대화 상자가 열립니다.
29. 다음 세부 정보를 지정합니다.
◦ 상태 기반 서식 적용 옵션을 선택합니다.
◦ 종속 필드에서 Stock을 선택합니다.
◦ 상태 정의에서 SampleStockStateDefinition을 선택합니다.
◦ 완료를 클릭하여 상태 서식 적용을 저장합니다.
30. 저장을 클릭하여 매쉬업을 저장합니다.
31. 매쉬업 보기를 클릭하여 매쉬업을 봅니다.
매쉬업에서 모델의 부품을 클릭하면 테이블에서 해당 행이 자동으로 선택됩니다. 마찬가지로 행에서 부품을 선택하면 모델에서 부품이 강조 표시됩니다.