Switch Type B layouts to full-body flow

This commit is contained in:
kmlee1 committed 2026-04-06 16:03:16 +09:00
1 parent 65f800296d
commit 4a71d7db88
39 files changed
+405 -396

No files matched your search

+26 -26
View File
@@ -1,5 +1,5 @@
{
"run_id": "20260406_145936",
"run_id": "20260406_160127",
"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",
@@ -176,23 +176,23 @@
],
"weight": 0.72,
"height_px": 355,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "large",
"text_budget": null,
"design_budget": {
"available_height_px": 217,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 215,
"max_img_width": 740,
"max_img_width": 1160,
"max_img_height": 217,
"fits": true
},
"block_constraints": {
"max_lines": 7,
"max_items": 3,
"chars_per_line": 56,
"max_chars_total": 392,
"max_chars_per_item": 130,
"chars_per_line": 88,
"max_chars_total": 616,
"max_chars_per_item": 205,
"font_size_px": 14.0,
"padding_px": 16,
"line_height": 1.6
@@ -206,23 +206,23 @@
],
"weight": 0.18,
"height_px": 88,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "medium",
"text_budget": null,
"design_budget": {
"available_height_px": 0,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 0,
"max_img_width": 740,
"max_img_width": 1160,
"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,
"chars_per_line": 96,
"max_chars_total": 288,
"max_chars_per_item": 288,
"font_size_px": 13.0,
"padding_px": 8,
"line_height": 1.5
@@ -236,23 +236,23 @@
],
"weight": 0.1,
"height_px": 49,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "compact",
"text_budget": null,
"design_budget": {
"available_height_px": 0,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 0,
"max_img_width": 740,
"max_img_width": 1160,
"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,
"chars_per_line": 104,
"max_chars_total": 104,
"max_chars_per_item": 104,
"font_size_px": 12.0,
"padding_px": 8,
"line_height": 1.4
@@ -387,7 +387,7 @@
"preset": {
"description": "좌측 본문 흐름 + 우측 참조 사이드바",
"grid_areas": "'header header' 'body sidebar' 'footer footer'",
"grid_columns": "65fr 35fr",
"grid_columns": "1fr 0fr",
"grid_rows": "auto 1fr auto",
"zones": {
"header": {
@@ -398,12 +398,12 @@
"body": {
"desc": "flow 꼭지 배치 (위→아래 순서).",
"budget_px": 490,
"width_pct": 65
"width_pct": 100
},
"sidebar": {
"desc": "reference 꼭지. 좁으므로 card-grid 1열, 시각화 블록 금지.",
"budget_px": 490,
"width_pct": 35
"budget_px": 0,
"width_pct": 0
},
"footer": {
"desc": "결론 꼭지. 전체 너비.",
@@ -416,7 +416,7 @@
"enhancement_result": {},
"sub_layouts": {},
"generated_html": {
"body_html": "<div style=\"width:calc(153.85% + 18px); max-width:none; margin-right:calc(-53.85% - 18px); height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px; position:relative; z-index:2;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:15px; font-weight:900; color:#0f172a; margin-bottom:10px;\">DX 시행을 위한 필수 요건</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #2563eb; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">기술(디지털)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</li><li style=\"margin-bottom:4px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-bottom:4px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #7c3aed; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">사람(역량)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">혁신적 사고방식과 창의적 문제 해결 능력</li><li style=\"margin-bottom:4px;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피</li><li style=\"margin-bottom:4px;\">디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #16a34a; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">자연(여건)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">지속적인 투자 및 실행 의지</li><li style=\"margin-bottom:4px;\">기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자</li><li style=\"margin-bottom:4px;\">기술 고도화를 위한 지속적인 개선 및 투자 체계 구축</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-req').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;\">Requirements details</button></div></div><div style=\"display:grid; grid-template-columns:1.06fr 0.94fr; gap:12px; flex:1;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box; height:100%;\"><div style=\"font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;\">과정(Process)의 혁신</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">GIS + BIM의 연계</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">사용자 중심의 Solution 제공</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-process').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4Line truncated
"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:12px; position:relative; z-index:2;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:15px; font-weight:900; color:#0f172a; margin-bottom:10px;\">DX 시행을 위한 필수 요건</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #2563eb; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">기술(디지털)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</li><li style=\"margin-bottom:4px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-bottom:4px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #7c3aed; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">사람(역량)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">혁신적 사고방식과 창의적 문제 해결 능력</li><li style=\"margin-bottom:4px;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피</li><li style=\"margin-bottom:4px;\">디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #16a34a; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">자연(여건)</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">지속적인 투자 및 실행 의지</li><li style=\"margin-bottom:4px;\">기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자</li><li style=\"margin-bottom:4px;\">기술 고도화를 위한 지속적인 개선 및 투자 체계 구축</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-req').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;\">Requirements details</button></div></div><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;\">과정(Process)의 혁신</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">GIS + BIM의 연계</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">사용자 중심의 Solution 제공</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-process').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;\">Process details</button></div></div><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-raLine truncated
"sidebar_html": "<div style=\"width:100%; height:100%; opacity:0; pointer-events:none;\"></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": "requirements-process-product layout selected from document content traits"
@@ -434,9 +434,9 @@
"block_count": 0,
"blocks": [],
"clientHeight": 477,
"excess_px": 118,
"excess_px": 138,
"overflowed": true,
"scrollHeight": 595
"scrollHeight": 615
},
"footer": {
"block_count": 0,