Add separate results folder for run outputs
This commit is contained in:
kmlee1 committed
1 parent
e4c90d63b9
commit
62d75f53ed
64 files changed
+3949
-570
No files matched your search
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"concepts": [
|
||||
{
|
||||
"topic_id": 1,
|
||||
"relation_type": "goal",
|
||||
"expression_hint": "Keep the three goal groups and the referenced image visible.",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"topic_id": 2,
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
},
|
||||
{
|
||||
"topic_id": 4,
|
||||
"relation_type": "conclusion",
|
||||
"expression_hint": "Keep the conclusion sentence as-is in the footer.",
|
||||
"summary": "고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다."
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"rollback_stage": "stage_1b",
|
||||
"failures": [
|
||||
"Verify-ComparisonVisible",
|
||||
"Verify-CoreMessage",
|
||||
"Verify-DesignNarrative",
|
||||
"Verify-DesignStructure",
|
||||
"Verify-ImageRef"
|
||||
],
|
||||
"reasons": [
|
||||
"가시 메시지/관계도/비교 요약이 부족하여 topic 표현 지시를 다시 강화해야 함"
|
||||
],
|
||||
"mutations": [
|
||||
{
|
||||
"topic_id": 2,
|
||||
"change": "summary",
|
||||
"strategy": "core_message_strengthen"
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"change": "expression_hint",
|
||||
"strategy": "force_relation_diagram_visible"
|
||||
},
|
||||
{
|
||||
"topic_id": 5,
|
||||
"change": "expression_hint",
|
||||
"strategy": "force_visible_comparison_summary"
|
||||
},
|
||||
{
|
||||
"topic_id": 6,
|
||||
"change": "summary",
|
||||
"strategy": "strong_footer_conclusion"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -5,9 +5,22 @@
|
||||
"total_pages": 1
|
||||
},
|
||||
"page_structure": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -9,14 +9,14 @@
|
||||
{
|
||||
"topic_id": 2,
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"summary": ""
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"topic_id": 4,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -213,10 +378,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -230,26 +395,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 66,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 66
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 88 KiB |
@@ -153,15 +153,15 @@
|
||||
<div class="slide-title" style="grid-area: header;">DX의 시행 목표 및 기대효과</div>
|
||||
|
||||
<div class="area-body" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;"><div style="background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;"><div style="display:flex; gap:12px; align-items:flex-start;"><div style="font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;">⚠</div><div style="flex:1;"><div style="font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;">DX? ??? ??</div><ul style="font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;"><li style="margin-left:16px; margin-bottom:5px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style="font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;"><span style="font-weight:800;">?? ??</span></div><ul style="font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;"></ul><button type="button" onclick="document.getElementById('popup-evidence').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">?? ???</button><div style="margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style="background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;"><div style="font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;">DX ?? ??? ????</div><div style="display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;"><div><div style="width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;"><svg viewBox="0 0 320 220" width="100%" height="100%" aria-label="relation diagram"><circle cx="150" cy="110" r="82" fill="#1d4ed8" opacity="0.95"></circle><text x="150" y="102" text-anchor="middle" font-size="12" fill="#dbeafe">Digital</text><text x="150" y="122" text-anchor="middle" font-size="28" font-weight="800" fill="#ffffff">DX</text><circle cx="92" cy="130" r="38" fill="#f59e0b" opacity="0.95"></circle><text x="92" y="136" text-anchor="middle" font-size="18" font-weight="800" fill="#ffffff">BIM</text><circle cx="205" cy="92" r="34" fill="#06b6d4" opacity="0.95"></circle><text x="205" y="98" text-anchor="middle" font-size="16" font-weight="800" fill="#ffffff">GIS</text><circle cx="196" cy="154" r="32" fill="#f97316" opacity="0.95"></circle><text x="196" y="158" text-anchor="middle" font-size="11" font-weight="800" fill="#ffffff">Digital Twin</text></svg></div><div style="margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;">relation diagram</div></div><div style="display:flex; flex-direction:column; gap:8px;"><ul style="font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;"><li style="margin-left:18px; margin-bottom:6px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style="margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;"><div style="display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;"><div style="padding:7px 10px;">DX</div><div style="padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;">??</div><div style="padding:7px 10px;">BIM</div></div></div><button type="button" onclick="document.getElementById('popup-comparison').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">??? ?? ??</button></div></div></div><div id="popup-evidence" style="display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;"><div style="width:min(920px, 92vw); max-height:88vh; overflow:hidden; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;"><div style="display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;"><div style="font-size:20px; font-weight:900; color:#0f172a;">?? ??</div><button type="button" onclick="document.getElementById('popup-evidence').style.display='none'" style="border:none; background:#e2e8f0; color:#334155; width:34px; height:34px; border-radius:999px; font-sizeLine truncated
|
||||
</div>
|
||||
|
||||
<div class="area-sidebar" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;"><div style="font-size:10.0px; font-weight:800; color:#475569; padding:2px 6px;">?? ?? ??(Process)? ??</div></div>
|
||||
</div>
|
||||
|
||||
<div class="area-footer" style="overflow:hidden;">
|
||||
|
||||
<div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; line-height:1.35;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -213,10 +378,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -230,26 +395,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 66,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 66
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttonLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
}
|
||||
@@ -10,26 +10,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 66,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 66
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,27 +129,74 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,32 +129,79 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -170,6 +230,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -89,9 +89,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -55,10 +55,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -68,10 +68,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -89,9 +89,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -213,10 +378,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {},
|
||||
"quality_score": 0,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -213,10 +378,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {},
|
||||
"quality_score": 0,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162506",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
|
||||
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -63,10 +63,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "?? ?? ??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order.",
|
||||
"expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -76,10 +76,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "DX ?? ??? ????",
|
||||
"relation_type": "stakeholder_effect",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
|
||||
"expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "<DxEffect /> ???? ?? ???? ??",
|
||||
"structured_text": "",
|
||||
"summary": "<DxEffect /> ???? ?? ???? ??"
|
||||
"summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -97,9 +97,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -116,39 +129,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -177,6 +251,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -213,10 +378,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX? ??? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">DX ?? ??? ????</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">??? ?? ??</button></div></div></div><div id=\"popup-evidence\" style=\"display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;\"><div style=\"width:min(920px, 92vw); max-height:88vh; overflow:auto; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;\"><div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;\"><div style=\"font-size:20px; font-weight:900; color:#0f172a;\">?? ??</div><button type=\"buttLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">?? ?? ??(Process)? ??</div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -230,26 +395,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 66,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 66
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
|
||||
<th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th>
|
||||
<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
|
||||
</table>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>
|
||||
@@ -6,8 +6,8 @@
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
|
||||
<th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"><DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ??</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"><DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
|
||||
</table></body></html>
|
||||
@@ -153,15 +153,15 @@
|
||||
<div class="slide-title" style="grid-area: header;">DX의 시행 목표 및 기대효과</div>
|
||||
|
||||
<div class="area-body" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;"><div style="background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;"><div style="display:flex; gap:12px; align-items:flex-start;"><div style="font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;">⚠</div><div style="flex:1;"><div style="font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;">DX? ??? ??</div><ul style="font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;"><li style="margin-left:16px; margin-bottom:5px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style="font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;"><span style="font-weight:800;">?? ??</span></div><ul style="font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;"></ul><button type="button" onclick="document.getElementById('popup-evidence').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">?? ???</button><div style="margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style="background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;"><div style="font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;">DX ?? ??? ????</div><div style="display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;"><div><div style="width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;"><svg viewBox="0 0 320 220" width="100%" height="100%" aria-label="relation diagram"><circle cx="150" cy="110" r="82" fill="#1d4ed8" opacity="0.95"></circle><text x="150" y="102" text-anchor="middle" font-size="12" fill="#dbeafe">Digital</text><text x="150" y="122" text-anchor="middle" font-size="28" font-weight="800" fill="#ffffff">DX</text><circle cx="92" cy="130" r="38" fill="#f59e0b" opacity="0.95"></circle><text x="92" y="136" text-anchor="middle" font-size="18" font-weight="800" fill="#ffffff">BIM</text><circle cx="205" cy="92" r="34" fill="#06b6d4" opacity="0.95"></circle><text x="205" y="98" text-anchor="middle" font-size="16" font-weight="800" fill="#ffffff">GIS</text><circle cx="196" cy="154" r="32" fill="#f97316" opacity="0.95"></circle><text x="196" y="158" text-anchor="middle" font-size="11" font-weight="800" fill="#ffffff">Digital Twin</text></svg></div><div style="margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;">relation diagram</div></div><div style="display:flex; flex-direction:column; gap:8px;"><ul style="font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;"><li style="margin-left:18px; margin-bottom:6px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</li></ul><div style="margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;"><div style="display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;"><div style="padding:7px 10px;">DX</div><div style="padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;">??</div><div style="padding:7px 10px;">BIM</div></div></div><button type="button" onclick="document.getElementById('popup-comparison').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">??? ?? ??</button></div></div></div><div id="popup-evidence" style="display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center; justify-content:center; z-index:9999; padding:28px;"><div style="width:min(920px, 92vw); max-height:88vh; overflow:hidden; background:#ffffff; border-radius:18px; box-shadow:0 24px 80px rgba(15,23,42,0.28); padding:22px 24px 20px 24px;"><div style="display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;"><div style="font-size:20px; font-weight:900; color:#0f172a;">?? ??</div><button type="button" onclick="document.getElementById('popup-evidence').style.display='none'" style="border:none; background:#e2e8f0; color:#334155; width:34px; height:34px; border-radius:999px; font-sizeLine truncated
|
||||
</div>
|
||||
|
||||
<div class="area-sidebar" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;"><div style="font-size:10.0px; font-weight:800; color:#475569; padding:2px 6px;">?? ?? ??(Process)? ??</div></div>
|
||||
</div>
|
||||
|
||||
<div class="area-footer" style="overflow:hidden;">
|
||||
|
||||
<div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; line-height:1.35;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
|
||||
<div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
</table>
|
||||
</body></html>
|
||||
@@ -30,26 +30,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 66,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 66
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 461,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 461
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
실행 요약
|
||||
- auto_loop_runner.py iteration 1로 실행했다.
|
||||
- auto_loop_runner.py iteration 2로 실행했다.
|
||||
- 입력: `docs/run-002/01-input/02. DX의 시행 목표 및 기대효과.mdx`
|
||||
- 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
|
||||
- stage snapshot: `stage_0_context.json` ~ `final_context.json`
|
||||
@@ -12,7 +12,7 @@
|
||||
|
||||
KPI / 판정 결과
|
||||
- 판정: pass
|
||||
- iteration: 1
|
||||
- iteration: 2
|
||||
- 종료 코드: 0
|
||||
- 필수 산출물 4종 유효 여부: True
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
실행 요약
|
||||
- iteration 1 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
|
||||
- iteration 2 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
|
||||
- slide overflow: False
|
||||
- zone overflow: 없음
|
||||
- 최종 판정은 `revise`이다.
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
{
|
||||
"concepts": [
|
||||
{
|
||||
"topic_id": 1,
|
||||
"relation_type": "requirements",
|
||||
"expression_hint": "Preserve the technology, people, and condition requirement groups.",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"topic_id": 2,
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"topic_id": 4,
|
||||
"relation_type": "conclusion",
|
||||
"expression_hint": "Keep the conclusion sentence as-is in the footer.",
|
||||
"summary": "**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"rollback_stage": "stage_1b",
|
||||
"failures": [
|
||||
"Verify-ComparisonVisible",
|
||||
"Verify-CoreMessage",
|
||||
"Verify-DesignNarrative",
|
||||
"Verify-DesignStructure",
|
||||
"Verify-ImageRef"
|
||||
],
|
||||
"reasons": [
|
||||
"가시 메시지/관계도/비교 요약이 부족하여 topic 표현 지시를 다시 강화해야 함"
|
||||
],
|
||||
"mutations": [
|
||||
{
|
||||
"topic_id": 2,
|
||||
"change": "summary",
|
||||
"strategy": "core_message_strengthen"
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"change": "expression_hint",
|
||||
"strategy": "force_relation_diagram_visible"
|
||||
},
|
||||
{
|
||||
"topic_id": 5,
|
||||
"change": "expression_hint",
|
||||
"strategy": "force_visible_comparison_summary"
|
||||
},
|
||||
{
|
||||
"topic_id": 6,
|
||||
"change": "summary",
|
||||
"strategy": "strong_footer_conclusion"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -5,9 +5,22 @@
|
||||
"total_pages": 1
|
||||
},
|
||||
"page_structure": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -9,14 +9,14 @@
|
||||
{
|
||||
"topic_id": 2,
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"summary": ""
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"topic_id": 3,
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"summary": ""
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"topic_id": 4,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -240,10 +405,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-Line truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -257,26 +422,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 130 KiB |
@@ -153,15 +153,15 @@
|
||||
<div class="slide-title" style="grid-area: header;">DX 실행 체계 구축 방안</div>
|
||||
|
||||
<div class="area-body" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;"><div style="background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;"><div style="display:flex; gap:12px; align-items:flex-start;"><div style="font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;">⚠</div><div style="flex:1;"><div style="font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;">DX ??? ?? ?? ??</div><ul style="font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;"><li style="margin-left:16px; margin-bottom:5px;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style="margin-left:16px; margin-bottom:5px;">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style="font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;"><span style="font-weight:800;">?? ??</span></div><ul style="font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;"></ul><button type="button" onclick="document.getElementById('popup-evidence').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">?? ???</button><div style="margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style="background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;"><div style="font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;">??(Product)? ??</div><div style="display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;"><div><div style="width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;"><svg viewBox="0 0 320 220" width="100%" height="100%" aria-label="relation diagram"><circle cx="150" cy="110" r="82" fill="#1d4ed8" opacity="0.95"></circle><text x="150" y="102" text-anchor="middle" font-size="12" fill="#dbeafe">Digital</text><text x="150" y="122" text-anchor="middle" font-size="28" font-weight="800" fill="#ffffff">DX</text><circle cx="92" cy="130" r="38" fill="#f59e0b" opacity="0.95"></circle><text x="92" y="136" text-anchor="middle" font-size="18" font-weight="800" fill="#ffffff">BIM</text><circle cx="205" cy="92" r="34" fill="#06b6d4" opacity="0.95"></circle><text x="205" y="98" text-anchor="middle" font-size="16" font-weight="800" fill="#ffffff">GIS</text><circle cx="196" cy="154" r="32" fill="#f97316" opacity="0.95"></circle><text x="196" y="158" text-anchor="middle" font-size="11" font-weight="800" fill="#ffffff">Digital Twin</text></svg></div><div style="margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;">relation diagram</div></div><div style="display:flex; flex-direction:column; gap:8px;"><ul style="font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;"><li style="margin-left:18px; margin-bottom:6px;">Analogue 기반 업무의 Digital화</li><li style="margin-left:18px; margin-bottom:6px;">GIS + BIM의 연계</li><li style="margin-left:18px; margin-bottom:6px;">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style="margin-left:18px; margin-bottom:6px;">사용자 중심의 Solution 제공</li><li style="margin-left:18px; margin-bottom:6px;">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style="margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;"><div style="display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;"><div style="padding:7px 10px;">DX</div><div style="padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;">??</div><div style="padding:7px 10px;">BIM</div></div></div><button type="button" onclick="document.getElementById('popup-comparison').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">??? ?? ??</button></div></div></div><div id="popup-evidence" style="display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center;Line truncated
|
||||
</div>
|
||||
|
||||
<div class="area-sidebar" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;"><div style="font-size:10.0px; font-weight:800; color:#475569; padding:2px 6px;">??(Process)? ??</div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">1</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">2</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">3</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">혁신적 사고방식과 창의적 문제 해결 능력</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>
|
||||
</div>
|
||||
|
||||
<div class="area-footer" style="overflow:hidden;">
|
||||
|
||||
<div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; line-height:1.35;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -240,10 +405,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-Line truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -257,26 +422,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weLine truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
}
|
||||
@@ -10,26 +10,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,27 +156,74 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,32 +156,79 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -197,6 +257,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -240,10 +405,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-Line truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {},
|
||||
"quality_score": 0,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -240,10 +405,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-Line truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {},
|
||||
"quality_score": 0,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -240,10 +405,10 @@
|
||||
"enhancement_result": {},
|
||||
"sub_layouts": {},
|
||||
"generated_html": {
|
||||
"body_html": "",
|
||||
"sidebar_html": "",
|
||||
"footer_html": "",
|
||||
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
|
||||
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;\"><div style=\"background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;\"><div style=\"display:flex; gap:12px; align-items:flex-start;\"><div style=\"font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;\">⚠</div><div style=\"flex:1;\"><div style=\"font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;\">DX ??? ?? ?? ??</div><ul style=\"font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:5px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-left:16px; margin-bottom:5px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style=\"font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;\"><span style=\"font-weight:800;\">?? ??</span></div><ul style=\"font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;\"></ul><button type=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">?? ???</button><div style=\"margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;\">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;\"><div style=\"font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;\">??(Product)? ??</div><div style=\"display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;\"><div><div style=\"width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;\"><svg viewBox=\"0 0 320 220\" width=\"100%\" height=\"100%\" aria-label=\"relation diagram\"><circle cx=\"150\" cy=\"110\" r=\"82\" fill=\"#1d4ed8\" opacity=\"0.95\"></circle><text x=\"150\" y=\"102\" text-anchor=\"middle\" font-size=\"12\" fill=\"#dbeafe\">Digital</text><text x=\"150\" y=\"122\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"#ffffff\">DX</text><circle cx=\"92\" cy=\"130\" r=\"38\" fill=\"#f59e0b\" opacity=\"0.95\"></circle><text x=\"92\" y=\"136\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"800\" fill=\"#ffffff\">BIM</text><circle cx=\"205\" cy=\"92\" r=\"34\" fill=\"#06b6d4\" opacity=\"0.95\"></circle><text x=\"205\" y=\"98\" text-anchor=\"middle\" font-size=\"16\" font-weight=\"800\" fill=\"#ffffff\">GIS</text><circle cx=\"196\" cy=\"154\" r=\"32\" fill=\"#f97316\" opacity=\"0.95\"></circle><text x=\"196\" y=\"158\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"#ffffff\">Digital Twin</text></svg></div><div style=\"margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;\">relation diagram</div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><ul style=\"font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:18px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</li><li style=\"margin-left:18px; margin-bottom:6px;\">GIS + BIM의 연계</li><li style=\"margin-left:18px; margin-bottom:6px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style=\"margin-left:18px; margin-bottom:6px;\">사용자 중심의 Solution 제공</li><li style=\"margin-left:18px; margin-bottom:6px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style=\"margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;\"><div style=\"display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;\"><div style=\"padding:7px 10px;\">DX</div><div style=\"padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;\">??</div><div style=\"padding:7px 10px;\">BIM</div></div></div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-Line truncated
|
||||
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">??(Process)? ??</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">1</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">2</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;\"><div style=\"width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;\">3</div><div style=\"flex:1;\"><div style=\"font-size:13px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;\">혁신적 사고방식과 창의적 문제 해결 능력</div><div style=\"font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>",
|
||||
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
|
||||
"reasoning": "retry regrouping by content importance: grouped problem+evidence with popup details, relation block, visible comparison summary with full popup, numbered definition cards"
|
||||
},
|
||||
"measurement": {
|
||||
"containers": {},
|
||||
@@ -257,26 +422,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
|
||||
<th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th>
|
||||
<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
|
||||
</table>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>
|
||||
@@ -6,8 +6,8 @@
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
|
||||
<th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
|
||||
</table></body></html>
|
||||
@@ -153,15 +153,15 @@
|
||||
<div class="slide-title" style="grid-area: header;">DX 실행 체계 구축 방안</div>
|
||||
|
||||
<div class="area-body" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:8px;"><div style="background:linear-gradient(135deg,#fff5f5 0%,#ffe8e8 100%); border:2px solid #f8a4a4; border-radius:12px; padding:12px 16px;"><div style="display:flex; gap:12px; align-items:flex-start;"><div style="font-size:24px; line-height:1; color:#f59e0b; margin-top:2px;">⚠</div><div style="flex:1;"><div style="font-size:12.5px; font-weight:900; color:#b42318; margin-bottom:6px;">DX ??? ?? ?? ??</div><ul style="font-size:9.4px; line-height:1.5; color:#7a271a; padding-left:0; margin:0 0 6px 0; list-style:disc;"><li style="margin-left:16px; margin-bottom:5px;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style="margin-left:16px; margin-bottom:5px;">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul><div style="font-size:9px; line-height:1.42; color:#9a3412; margin-top:4px;"><span style="font-weight:800;">?? ??</span></div><ul style="font-size:8.9px; line-height:1.42; color:#9a3412; padding-left:0; margin:2px 0 0 0; list-style:disc;"></ul><button type="button" onclick="document.getElementById('popup-evidence').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">?? ???</button><div style="margin-top:8px; background:#991b1b; color:#ffffff; border-radius:4px; padding:5px 10px; font-size:10px; font-weight:800; word-break:keep-all;">→ ? ??? ??, ??, ????? ?? ??? ?? ??</div></div></div></div><div style="background:#ffffff; border:1px solid #d6e2ef; border-radius:14px; padding:10px 12px;"><div style="font-size:14px; font-weight:900; color:#1f3b63; margin-bottom:6px;">??(Product)? ??</div><div style="display:grid; grid-template-columns:250px 1fr; gap:14px; align-items:start;"><div><div style="width:100%; height:210px; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:12px; display:flex; align-items:center; justify-content:center;"><svg viewBox="0 0 320 220" width="100%" height="100%" aria-label="relation diagram"><circle cx="150" cy="110" r="82" fill="#1d4ed8" opacity="0.95"></circle><text x="150" y="102" text-anchor="middle" font-size="12" fill="#dbeafe">Digital</text><text x="150" y="122" text-anchor="middle" font-size="28" font-weight="800" fill="#ffffff">DX</text><circle cx="92" cy="130" r="38" fill="#f59e0b" opacity="0.95"></circle><text x="92" y="136" text-anchor="middle" font-size="18" font-weight="800" fill="#ffffff">BIM</text><circle cx="205" cy="92" r="34" fill="#06b6d4" opacity="0.95"></circle><text x="205" y="98" text-anchor="middle" font-size="16" font-weight="800" fill="#ffffff">GIS</text><circle cx="196" cy="154" r="32" fill="#f97316" opacity="0.95"></circle><text x="196" y="158" text-anchor="middle" font-size="11" font-weight="800" fill="#ffffff">Digital Twin</text></svg></div><div style="margin-top:8px; background:#dcfce7; border:1px solid #86efac; color:#166534; font-size:9px; line-height:1.3; border-radius:999px; padding:4px 10px; text-align:center;">relation diagram</div></div><div style="display:flex; flex-direction:column; gap:8px;"><ul style="font-size:9px; line-height:1.46; color:#334155; padding-left:0; margin:0; list-style:disc;"><li style="margin-left:18px; margin-bottom:6px;">Analogue 기반 업무의 Digital화</li><li style="margin-left:18px; margin-bottom:6px;">GIS + BIM의 연계</li><li style="margin-left:18px; margin-bottom:6px;">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li><li style="margin-left:18px; margin-bottom:6px;">사용자 중심의 Solution 제공</li><li style="margin-left:18px; margin-bottom:6px;">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul><div style="margin-top:4px; border:1px solid #b9d3ff; border-radius:10px; overflow:hidden;"><div style="display:grid; grid-template-columns:1fr 86px 1fr; background:linear-gradient(135deg,#0d47a1,#1565c0); color:#fff; font-weight:800; font-size:12px; text-align:center;"><div style="padding:7px 10px;">DX</div><div style="padding:7px 6px; background:rgba(0,0,0,0.14); font-size:11px;">??</div><div style="padding:7px 10px;">BIM</div></div></div><button type="button" onclick="document.getElementById('popup-comparison').style.display='flex'" style="margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;">??? ?? ??</button></div></div></div><div id="popup-evidence" style="display:none; position:fixed; inset:0; background:rgba(15,23,42,0.56); align-items:center;Line truncated
|
||||
</div>
|
||||
|
||||
<div class="area-sidebar" style="overflow:hidden;">
|
||||
|
||||
<div style="width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;"><div style="font-size:10.0px; font-weight:800; color:#475569; padding:2px 6px;">??(Process)? ??</div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">1</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">Digital 기술(S/W, H/W)과 업무 Process의 통합</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</div></div></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">2</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">분야별 전문 지식(설계, 시공, 유지관리 등) 보유</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">건설 전 단계에 대한 근본적인 이해와 지식 및 경험 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식</div></div></div><div style="background:#ffffff; border:1px solid #d7e2f0; border-radius:14px; padding:12px; display:flex; gap:10px; align-items:flex-start; min-height:108px;"><div style="width:34px; height:34px; border-radius:999px; background:#2563eb; color:#fff; font-size:10.0px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;">3</div><div style="flex:1;"><div style="font-size:10.0px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35;">혁신적 사고방식과 창의적 문제 해결 능력</div><div style="font-size:10px; line-height:1.58; color:#334155; word-break:keep-all;">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</div></div></div></div>
|
||||
</div>
|
||||
|
||||
<div class="area-footer" style="overflow:hidden;">
|
||||
|
||||
<div style="background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;"><div style="font-size:13px; font-weight:900; line-height:1.35;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
|
||||
<div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
</table>
|
||||
</body></html>
|
||||
@@ -30,26 +30,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
실행 요약
|
||||
- auto_loop_runner.py iteration 1로 실행했다.
|
||||
- auto_loop_runner.py iteration 2로 실행했다.
|
||||
- 입력: `docs/run-003/01-input/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx`
|
||||
- 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
|
||||
- stage snapshot: `stage_0_context.json` ~ `final_context.json`
|
||||
@@ -12,7 +12,7 @@
|
||||
|
||||
KPI / 판정 결과
|
||||
- 판정: pass
|
||||
- iteration: 1
|
||||
- iteration: 2
|
||||
- 종료 코드: 0
|
||||
- 필수 산출물 4종 유효 여부: True
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
실행 요약
|
||||
- iteration 1 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
|
||||
- iteration 2 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
|
||||
- slide overflow: False
|
||||
- zone overflow: 없음
|
||||
- 최종 판정은 `revise`이다.
|
||||
|
||||
Reference in new issue
Block a user