Files
C.E.L._slide_test/docs/run-001/05-execution/generated_html.json

6 lines
16 KiB
JSON

{
"body_html": "<div style=\"width:100%; height:91px; overflow:hidden; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:10px 14px;\">\n <div style=\"font-size:12px; font-weight:bold; color:#334155; margin-bottom:4px;\">DX와 BIM의 혼용 문제</div>\n \n <div style=\"display:flex; gap:8px; height:100%;\">\n <div style=\"background:#ffffff; border-left:2px solid #94a3b8; padding:6px 8px; flex:1;\">\n <div style=\"font-size:10px; font-weight:bold; color:#334155; margin-bottom:2px;\">용어의 혼용</div>\n <div style=\"font-size:9px; color:#64748b; line-height:1.3;\">\n <div style=\"padding-left:14px; text-indent:-14px;\">• 건설산업의 디지털 전환 논의에서 <strong style=\"color:#1e293b\">DX(Digital Transformation)</strong>와 <strong style=\"color:#1e293b\">BIM(Building Information Modeling)</strong>이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음</div>\n <div style=\"padding-left:14px; text-indent:-14px;\">• 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산</div>\n <div style=\"padding-left:14px; text-indent:-14px;\">• 건설산업의 DX를 올바르게 이해하기 위해 각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요</div>\n </div>\n </div>\n \n <div style=\"background:#ffffff; border-left:2px solid #94a3b8; padding:6px 8px; flex:1;\">\n <div style=\"font-size:10px; font-weight:bold; color:#334155; margin-bottom:2px;\">혼용 대표 사례</div>\n <div style=\"font-size:9px; color:#64748b; line-height:1.3;\">\n <div style=\"padding-left:14px; text-indent:-14px;\">• <strong style=\"color:#1e293b\">스마트 건설 활성화 방안(2022.07)</strong>: 추진과제는 건설산업 디지털화이나 실행과제는 BIM 전면 도입, BIM 전문인력 양성</div>\n <div style=\"padding-left:14px; text-indent:-14px;\">• <strong style=\"color:#1e293b\">제7차 건설기술진흥 기본계획(2023.12)</strong>: 디지털 전환을 통한 스마트 건설 확산이 추진방향이나 추진과제는 BIM 도입으로 건설산업 디지털화</div>\n </div>\n </div>\n </div>\n</div>\n<div style=\"height:12px;\"></div>\n<div class=\"core\">\n <div class=\"core-header\">\n <div class=\"core-label\">DX와 BIM 관계</div>\n <div class=\"popup-link\">DX vs BIM 비교표</div>\n </div>\n <div class=\"core-text\">\n <div class=\"fi\">\n <img id=\"slide-img-dx1\" src=\"/assets/images/DX1.png\">\n <div class=\"cap\">DX와 핵심기술간 상호관계</div>\n </div>\n <div class=\"bp\"><b>건설산업</b>: 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업</div>\n <div class=\"sp\">목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함</div>\n <div class=\"bp\"><b>BIM(Building Information Modeling)</b>: 디지털 전환을 위한 핵심 기술</div>\n <div class=\"sp\">시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div class=\"sp\">건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n <div class=\"bp\"><b>DX(Digital Transformation)</b>: 산업 패러다임의 변화</div>\n <div class=\"sp\">디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div class=\"sp\">단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n <div class=\"bp\">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념</div>\n <div class=\"bp\">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능</div>\n <div class=\"sp\">GIS의 역할: 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>\n <div class=\"sp\">BIM의 역할: 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공</div>\n </div>\n <div class=\"key-msg\">\n 건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.\n </div>\n \n <details class=\"dx-bim-comparison\" style=\"display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border: 2px solid #e2e8f0; border-radius: 8px; padding: 20px; max-width: 90vw; max-height: 80vh; overflow-y: auto; z-index: 1000; box-shadow: 0 10px 25px rgba(0,0,0,0.2);\">\n <summary style=\"font-size: 14px; font-weight: 700; margin-bottom: 15px; cursor: pointer;\">DX와 BIM의 구분</summary>\n <table style=\"width: 100%; border-collapse: collapse; font-size: 11px;\">\n <thead>\n <tr style=\"background: #f8f9fa;\">\n <th style=\"border: 1px solid #dee2e6; padding: 8px; text-align: center; font-weight: 700;\">DX</th>\n <th style=\"border: 1px solid #dee2e6; padding: 8px; text-align: center; font-weight: 700;\">구분</th>\n <th style=\"border: 1px solid #dee2e6; padding: 8px; text-align: center; font-weight: 700;\">BIM</th>\n </tr>\n </thead>\n <tbody>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>BIM << DX</b>(Engineering + Management 통합)</td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">범위</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>Only 3D</b>(형상 구현 중심)</td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>제작 및 운영</b>(상용 + 전용 40~80개)[Rhino, Sketchup, Blender..] + [EG-BIM 등]</td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">S/W</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>모델 제작용 상용 SW</b>[Revit, Civil 3D, Navisworks, Autocad]</td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>근본적 문제의식을 통한 개선</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">프로세스</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>기존 2D 설계 방식 유지</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>공학 정보 및 콘텐츠 연계에 집중</b> 도면, 수량, 시공계획 등 일식</td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">성과품</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>3D 모델 중심</b> 기존 성과품 유지</td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>설계/시공 생산성 혁신</b>(개념의 재정립)</td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">활용</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>3D 모델에 의한 일반적 이해 향상</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>전 생애주기 활용 시스템</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">확장성</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>(설계/시공/운영) 분야별 단절</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>구체화(복잡) - 적극적/구체적 실현 방안</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">수행 개념</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>단순화(오류) - 수동적/집단적 동질화</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>적극적, 주체적인 기술 접목/융합</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">CIVIL + IT</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>소극적, 상용 기술에 의존</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>자체 수행 능력 - 지속가능성 확보</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">주체</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>S/W 제작사 판매 정책에 의존</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>차별화 및 경쟁력 확보, 해외 진출</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">발주처</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>평준화, 국내 중심</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>IT + CIVIL ENG 220명 운영 + 기술 개발</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">설계사</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>소규모 BIM팀 운영 + 단순교육에 집중</b></td></tr>\n <tr><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>분야 확장 모델 및 시스템</b></td><td style=\"border: 1px solid #dee2e6; padding: 6px; text-align: center; font-weight: 700;\">시공사</td><td style=\"border: 1px solid #dee2e6; padding: 6px;\"><b>국내 토목 소극적/해외 토목증가</b></td></tr>\n </tbody>\n </table>\n <button style=\"margin-top: 10px; padding: 5px 10px; background: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer;\">닫기</button>\n </details>\n</div>\n\n<style>\n.core {\n width: 100%;\n max-height: 371px;\n margin-top: 0;\n font-family: 'Pretendard Variable', sans-serif;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n padding: 14px 18px;\n overflow: hidden;\n word-break: keep-all;\n}\n.core-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.core-label {\n background: #1e293b;\n color: #ffffff;\n font-size: 12px;\n font-weight: 700;\n padding: 3px 12px;\n border-radius: 4px;\n}\n.popup-link {\n font-size: 10px;\n color: #2563eb;\n font-weight: 700;\n cursor: pointer;\n text-decoration: underline;\n}\n.fi {\n float: right;\n margin: 60px 0 8px 12px;\n width: 250px;\n}\n.fi img { width: 100%; }\n.fi .cap {\n font-size: 9px;\n color: #94a3b8;\n text-align: center;\n margin-top: 1px;\n}\n.core-text {\n font-size: 12px;\n color: #1e293b;\n line-height: 1.75;\n}\n.bp {\n padding-left: 14px;\n text-indent: -14px;\n margin-bottom: 5px;\n}\n.bp::before {\n content: '•';\n display: inline-block;\n width: 14px;\n text-indent: 0;\n color: #1e293b;\n font-weight: 700;\n}\n.sp {\n padding-left: 28px;\n text-indent: -14px;\n margin-bottom: 4px;\n font-size: 11px;\n color: #475569;\n}\n.sp::before {\n content: '◦';\n display: inline-block;\n width: 14px;\n text-indent: 0;\n color: #64748b;\n}\n.core-text b { font-weight: 700; color: #1e293b; }\n.key-msg {\n background: #f0f9ff;\n border: 2px solid #bae6fd;\n border-radius: 6px;\n padding: 5px 12px;\n text-align: center;\n font-size: 12px;\n font-weight: 700;\n color: #0c4a6e;\n margin-top: 8px;\n clear: both;\n}\n.key-msg em {\n color: #dc2626;\n font-style: normal;\n font-weight: 900;\n}\n</style>\n",
"sidebar_html": "<div style=\"width:380px; height:474px; overflow:hidden; padding:16px; background:#ffffff; font-family:sans-serif;\">\n <div style=\"font-size:10px; color:#64748b; margin-bottom:12px; text-align:left;\">용어 정의</div>\n \n <div style=\"background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:14px; margin-bottom:10px;\">\n <div style=\"font-size:11px; font-weight:bold; color:#1e293b; margin-bottom:8px;\">건설산업</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함</div>\n </div>\n \n <div style=\"background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:14px; margin-bottom:10px;\">\n <div style=\"font-size:11px; font-weight:bold; color:#1e293b; margin-bottom:8px;\">BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n <div style=\"font-size:10px; color:#94a3b8; margin-top:6px; font-style:italic;\">출처: 건설산업 BIM 기본지침, 국토교통부, 2020</div>\n </div>\n \n <div style=\"background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:14px;\">\n <div style=\"font-size:11px; font-weight:bold; color:#1e293b; margin-bottom:8px;\">DX(Digital Transformation) : 산업 패러다임의 변화</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div style=\"padding-left:14px; text-indent:-14px; margin-bottom:4px; font-size:10px; color:#475569; line-height:1.6;\">• 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n <div style=\"font-size:10px; color:#94a3b8; margin-top:6px; font-style:italic;\">출처: Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015</div>\n </div>\n</div>",
"footer_html": "<div class=\"block-banner-grad\">\n <div class=\"bg-text\">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 **가장 기초가 되는 일부분**</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: 14px 30px;\n text-align: center;\n color: #ffffff;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.bg-text {\n font-size: 12px;\n font-weight: 700;\n line-height: 1.5;\n}\n</style>",
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
}