23570d3ee9
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
59 lines
4.3 KiB
HTML
59 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }
|
|
body { width: 960px; height: 540px; background: #f8fafc; overflow: hidden; position: relative; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="background: #0f172a; padding: 16px 40px;">
|
|
<p style="white-space: nowrap; font-size: 20px; font-weight: 700; color: #ffffff;">왜 SAM인가? — Before / After</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">중소 제조업의 현실과 SAM이 제시하는 변화</p>
|
|
</div>
|
|
|
|
<div style="display: flex; gap: 20px; padding: 20px 40px;">
|
|
<div style="flex: 1; background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 18px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 14px;">
|
|
<div style="width: 26px; height: 26px; background: #dc2626; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
|
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3"><path d="M6 18L18 6M6 6l12 12"/></svg>
|
|
</div>
|
|
<p style="white-space: nowrap; font-size: 14px; font-weight: 700; color: #991b1b;">Before — 기존 방식</p>
|
|
</div>
|
|
<p style="font-size: 12px; font-weight: 600; color: #7f1d1d; margin-bottom: 4px;">Excel 수기 관리</p>
|
|
<p style="font-size: 10px; color: #991b1b; margin-bottom: 12px;">데이터 유실, 버전 혼란, 실시간 공유 불가</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #7f1d1d; margin-bottom: 4px;">ERP 도입비 수천만원</p>
|
|
<p style="font-size: 10px; color: #991b1b; margin-bottom: 12px;">중소기업에 과도한 초기 투자 부담</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #7f1d1d; margin-bottom: 4px;">업체별 커스텀 6개월+</p>
|
|
<p style="font-size: 10px; color: #991b1b; margin-bottom: 12px;">도입까지 긴 시간, 업데이트 어려움</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #7f1d1d; margin-bottom: 4px;">부서간 정보 단절</p>
|
|
<p style="font-size: 10px; color: #991b1b;">영업/생산/경영 각자 관리, 의사결정 지연</p>
|
|
</div>
|
|
|
|
<div style="flex: 1; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 12px; padding: 18px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 14px;">
|
|
<div style="width: 26px; height: 26px; background: #059669; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
|
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3"><path d="M5 13l4 4L19 7"/></svg>
|
|
</div>
|
|
<p style="white-space: nowrap; font-size: 14px; font-weight: 700; color: #065f46;">After — SAM 도입 후</p>
|
|
</div>
|
|
<p style="font-size: 12px; font-weight: 600; color: #064e3b; margin-bottom: 4px;">시스템 기반 통합 관리</p>
|
|
<p style="font-size: 10px; color: #047857; margin-bottom: 12px;">실시간 데이터 공유, 단일 진실 공급원(SSOT)</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #064e3b; margin-bottom: 4px;">월 구독 SaaS</p>
|
|
<p style="font-size: 10px; color: #047857; margin-bottom: 12px;">초기 비용 최소화, 사용한 만큼 지불</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #064e3b; margin-bottom: 4px;">멀티테넌시 즉시 입주</p>
|
|
<p style="font-size: 10px; color: #047857; margin-bottom: 12px;">설정만으로 바로 사용, 지속적 업데이트</p>
|
|
<p style="font-size: 12px; font-weight: 600; color: #064e3b; margin-bottom: 4px;">영업~출고 원스톱 자동화</p>
|
|
<p style="font-size: 10px; color: #047857;">AI가 연결하는 End-to-End 프로세스</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 12px; left: 40px; right: 40px; display: flex; justify-content: space-between;">
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">SAM 활용방안 | (주)코드브릿지엑스</p>
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">2 / 7</p>
|
|
</div>
|
|
</body>
|
|
</html>
|