453 lines
37 KiB
JSON
453 lines
37 KiB
JSON
{
|
|
"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",
|
|
"normalized": {
|
|
"clean_text": "## DX 시행을 위한 필수 요건\n\n## 기술(디지털)\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n## 사람(역량)\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n## 자연(여건)\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n## Process의 혁신과 Product의 변화\n\n### 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n### 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n[핵심요약: 핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**",
|
|
"title": "DX 실행 체계 구축 방안",
|
|
"images": [],
|
|
"popups": [],
|
|
"tables": [
|
|
{
|
|
"headers": [
|
|
"As-is [Analogue]",
|
|
"구분",
|
|
"To-be [Digital]"
|
|
],
|
|
"rows": [
|
|
[
|
|
"**개념·문서·행정 절차 중심**",
|
|
"➠",
|
|
"**시각화된 목적물, 소통, 투명성 중심**"
|
|
],
|
|
[
|
|
"**2D 도면, 전문가, 규정**",
|
|
"➠",
|
|
"**3D 모델, 참여자, 실체**"
|
|
],
|
|
[
|
|
"**업무 구분(단절), 책임**",
|
|
"➠",
|
|
"**협업(융·복합), 창의성**"
|
|
]
|
|
]
|
|
}
|
|
],
|
|
"sections": [
|
|
{
|
|
"level": 2,
|
|
"title": "DX 시행을 위한 필수 요건",
|
|
"content": ""
|
|
},
|
|
{
|
|
"level": 2,
|
|
"title": "기술(디지털)",
|
|
"content": "**Digital 기술(S/W, H/W)과 업무 Process의 통합**\n기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n**분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식"
|
|
},
|
|
{
|
|
"level": 2,
|
|
"title": "사람(역량)",
|
|
"content": "**혁신적 사고방식과 창의적 문제 해결 능력**\n기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n**사용자 중심 사고와 DX 수행 경험**\n사용자의 요구와 기대를 충족시키는 설계 및 구현\n시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시"
|
|
},
|
|
{
|
|
"level": 2,
|
|
"title": "자연(여건)",
|
|
"content": "**지속적인 투자 및 실행 의지**\n기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력"
|
|
},
|
|
{
|
|
"level": 2,
|
|
"title": "Process의 혁신과 Product의 변화",
|
|
"content": "**Analogue 기반 업무의 Digital화**\nAs-is [Analogue]\n구분\nTo-be [Digital]\n**개념·문서·행정 절차 중심**\n➠\n**시각화된 목적물, 소통, 투명성 중심**\n**2D 도면, 전문가, 규정**\n➠\n**3D 모델, 참여자, 실체**\n**업무 구분(단절), 책임**\n➠\n**협업(융·복합), 창의성**\n**GIS + BIM의 연계**\n지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n**사용자 중심의 Solution 제공**\n서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n**Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n정확한 Data에 기반한 계획으로 고품질 성과물 도출\n**Analogue 기반 도서 외 Digital 기반 정보물 추가**\n기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n**Solution을 활용한 업무 효율화**\nEngn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n[핵심요약: 핵심 요약]\n**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**"
|
|
}
|
|
]
|
|
},
|
|
"analysis": {
|
|
"core_message": "**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**",
|
|
"title": "DX 실행 체계 구축 방안",
|
|
"total_pages": 1,
|
|
"image_sizes": {}
|
|
},
|
|
"topics": [
|
|
{
|
|
"id": 1,
|
|
"title": "DX ??? ?? ?? ??",
|
|
"purpose": "?? ??",
|
|
"role": "flow",
|
|
"layer": "core",
|
|
"source_hint": "DX ??? ?? ?? ??",
|
|
"relation_type": "requirements",
|
|
"expression_hint": "Preserve the technology, people, and condition requirement groups.",
|
|
"source_data": "",
|
|
"structured_text": "",
|
|
"summary": ""
|
|
},
|
|
{
|
|
"id": 2,
|
|
"title": "??(Process)? ??",
|
|
"purpose": "???? ??",
|
|
"role": "flow",
|
|
"layer": "core",
|
|
"source_hint": "??(Process)? ??",
|
|
"relation_type": "process",
|
|
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
|
"source_data": "",
|
|
"structured_text": "",
|
|
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
|
},
|
|
{
|
|
"id": 3,
|
|
"title": "??(Product)? ??",
|
|
"purpose": "?? ??",
|
|
"role": "reference",
|
|
"layer": "supporting",
|
|
"source_hint": "??(Product)? ??",
|
|
"relation_type": "product",
|
|
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
|
"source_data": "",
|
|
"structured_text": "",
|
|
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
|
},
|
|
{
|
|
"id": 4,
|
|
"title": "?? ??",
|
|
"purpose": "?? ??",
|
|
"role": "flow",
|
|
"layer": "conclusion",
|
|
"source_hint": "?? ??",
|
|
"relation_type": "conclusion",
|
|
"expression_hint": "Keep the conclusion sentence as-is in the footer.",
|
|
"source_data": "**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**",
|
|
"structured_text": "",
|
|
"summary": "**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**"
|
|
}
|
|
],
|
|
"page_structure": {
|
|
"roles": {
|
|
"body": {
|
|
"topic_ids": [
|
|
1,
|
|
2
|
|
],
|
|
"weight": 0.72
|
|
},
|
|
"sidebar": {
|
|
"topic_ids": [
|
|
3
|
|
],
|
|
"weight": 0.18
|
|
},
|
|
"footer": {
|
|
"topic_ids": [
|
|
4
|
|
],
|
|
"weight": 0.1
|
|
}
|
|
}
|
|
},
|
|
"font_hierarchy": {
|
|
"key_msg": 14.0,
|
|
"core": 12.0,
|
|
"bg": 12.0,
|
|
"sidebar": 11.0
|
|
},
|
|
"container_ratio": [
|
|
100,
|
|
0
|
|
],
|
|
"containers": {
|
|
"body": {
|
|
"role": "body",
|
|
"zone": "body",
|
|
"topic_ids": [
|
|
1,
|
|
2
|
|
],
|
|
"weight": 0.72,
|
|
"height_px": 324,
|
|
"width_px": 780,
|
|
"max_height_cost": "large",
|
|
"text_budget": null,
|
|
"design_budget": {
|
|
"available_height_px": 186,
|
|
"available_width_px": 740,
|
|
"max_circle_diameter": 184,
|
|
"max_img_width": 740,
|
|
"max_img_height": 186,
|
|
"fits": true
|
|
},
|
|
"block_constraints": {
|
|
"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",
|
|
"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
|
|
},
|
|
{
|
|
"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
|
|
}
|
|
]
|
|
},
|
|
"preset_name": "sidebar-right",
|
|
"preset": {
|
|
"description": "좌측 본문 흐름 + 우측 참조 사이드바",
|
|
"grid_areas": "'header header' 'body sidebar' 'footer footer'",
|
|
"grid_columns": "65fr 35fr",
|
|
"grid_rows": "auto 1fr auto",
|
|
"zones": {
|
|
"header": {
|
|
"desc": "슬라이드 제목. 자동 크기.",
|
|
"budget_px": 50,
|
|
"width_pct": 100
|
|
},
|
|
"body": {
|
|
"desc": "flow 꼭지 배치 (위→아래 순서).",
|
|
"budget_px": 490,
|
|
"width_pct": 65
|
|
},
|
|
"sidebar": {
|
|
"desc": "reference 꼭지. 좁으므로 card-grid 1열, 시각화 블록 금지.",
|
|
"budget_px": 490,
|
|
"width_pct": 35
|
|
},
|
|
"footer": {
|
|
"desc": "결론 꼭지. 전체 너비.",
|
|
"budget_px": 60,
|
|
"width_pct": 100
|
|
}
|
|
}
|
|
},
|
|
"fit_result": {},
|
|
"enhancement_result": {},
|
|
"sub_layouts": {},
|
|
"generated_html": {
|
|
"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-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=\"button\" onclick=\"document.getElementById('popup-evidence').style.display='none'\" style=\"border:none; background:#e2e8f0; color:#334155; width:34px; height:34px; border-radius:999px; font-size:18px; font-weight:800; cursor:pointer;\">?</button></div><div style=\"font-size:12px; color:#64748b;\">??? ?? ??? ????.</div></div></div><div id=\"popup-comparison\" 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;\">DX? BIM? ??</div><button type=\"button\" onclick=\"document.getElementById('popup-comparison').style.display='none'\" style=\"border:none; background:#e2e8f0; color:#334155; width:34px; height:34px; border-radius:999px; font-size:18px; font-weight:800; cursor:pointer;\">?</button></div><div style=\"font-size:12px; color:#64748b;\">??? ???? ????.</div></div></div></div>",
|
|
"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": {},
|
|
"slide": {
|
|
"clientHeight": 720,
|
|
"excess_px": 0,
|
|
"overflowed": false,
|
|
"scrollHeight": 720
|
|
},
|
|
"zones": {
|
|
"body": {
|
|
"block_count": 0,
|
|
"blocks": [],
|
|
"clientHeight": 473,
|
|
"excess_px": 0,
|
|
"overflowed": false,
|
|
"scrollHeight": 473
|
|
},
|
|
"footer": {
|
|
"block_count": 0,
|
|
"blocks": [],
|
|
"clientHeight": 60,
|
|
"excess_px": 0,
|
|
"overflowed": false,
|
|
"scrollHeight": 60
|
|
},
|
|
"sidebar": {
|
|
"block_count": 0,
|
|
"blocks": [],
|
|
"clientHeight": 473,
|
|
"excess_px": 0,
|
|
"overflowed": false,
|
|
"scrollHeight": 473
|
|
}
|
|
}
|
|
},
|
|
"quality_score": 100,
|
|
"errors": [],
|
|
"warnings": [],
|
|
"retry_feedback": "",
|
|
"slide_images": []
|
|
} |