docs: [vision] SAM AI 자동화 비전 문서 및 PPTX 슬라이드 추가
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
This commit is contained in:
@@ -83,6 +83,7 @@ docs/
|
||||
|------|------|
|
||||
| [security-policy.md](system/security-policy.md) | 보안 정책 (다층 방어, Sanctum, RBAC) |
|
||||
| [scaling-roadmap.md](system/scaling-roadmap.md) | 10K 테넌트 스케일링 로드맵 |
|
||||
| [ai-automation-vision.md](system/ai-automation-vision.md) | SAM AI 자동화 비전 및 장기 로드맵 |
|
||||
| [board-system-spec.md](system/board-system-spec.md) | 게시판 시스템 설계 스펙 |
|
||||
| [item-master-integration.md](system/item-master-integration.md) | 품목 마스터 통합 설계 |
|
||||
| [remote-work-setup.md](system/remote-work-setup.md) | 원격 개발 설정 (DEPRECATED) |
|
||||
|
||||
BIN
sam/docs/rules/slides/usage-plan/SAM_활용방안.pptx
Normal file
BIN
sam/docs/rules/slides/usage-plan/SAM_활용방안.pptx
Normal file
Binary file not shown.
31
sam/docs/rules/slides/usage-plan/convert.cjs
Normal file
31
sam/docs/rules/slides/usage-plan/convert.cjs
Normal file
@@ -0,0 +1,31 @@
|
||||
const path = require('path');
|
||||
module.paths.unshift(path.join(require('os').homedir(), '.claude/skills/pptx-skill/scripts/node_modules'));
|
||||
|
||||
const html2pptx = require(path.join(require('os').homedir(), '.claude/skills/pptx-skill/scripts/html2pptx.js'));
|
||||
const PptxGenJS = require('pptxgenjs');
|
||||
|
||||
async function main() {
|
||||
const pres = new PptxGenJS();
|
||||
pres.defineLayout({ name: 'CUSTOM_16x9', width: 10, height: 5.625 });
|
||||
pres.layout = 'CUSTOM_16x9';
|
||||
pres.author = '(주)코드브릿지엑스';
|
||||
pres.subject = 'SAM 활용방안 - AI 자동화로 중소 제조업을 혁신하다';
|
||||
|
||||
const slideDir = __dirname;
|
||||
const slideFiles = [
|
||||
'slide-01.html', 'slide-02.html', 'slide-03.html',
|
||||
'slide-04.html', 'slide-05.html', 'slide-06.html', 'slide-07.html'
|
||||
];
|
||||
|
||||
for (const file of slideFiles) {
|
||||
const htmlPath = path.join(slideDir, file);
|
||||
console.log(`Converting: ${file}`);
|
||||
await html2pptx(htmlPath, pres);
|
||||
}
|
||||
|
||||
const outputPath = path.join(slideDir, 'SAM_활용방안.pptx');
|
||||
await pres.writeFile({ fileName: outputPath });
|
||||
console.log(`\nPPTX saved: ${outputPath}`);
|
||||
}
|
||||
|
||||
main().catch(err => { console.error(err); process.exit(1); });
|
||||
42
sam/docs/rules/slides/usage-plan/slide-01.html
Normal file
42
sam/docs/rules/slides/usage-plan/slide-01.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!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: #0f172a; overflow: hidden; position: relative; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 80px 60px 80px;">
|
||||
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 28px;">
|
||||
<div style="width: 44px; height: 44px; background: #059669; border-radius: 12px; display: flex; align-items: center; justify-content: center;">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 18px; font-weight: 700; color: #6ee7b7; letter-spacing: 2px;">SAM PROJECT</p>
|
||||
</div>
|
||||
|
||||
<p style="white-space: nowrap; font-size: 36px; font-weight: 800; color: #ffffff; text-align: center;">SAM 활용방안</p>
|
||||
<p style="white-space: nowrap; font-size: 26px; font-weight: 700; color: #10b981; margin-top: 10px;">AI 자동화로 중소 제조업을 혁신하다</p>
|
||||
|
||||
<p style="white-space: nowrap; font-size: 14px; color: #94a3b8; text-align: center; margin-top: 22px;">방화셔터 제조업 실증 | 80% 공통화 전략 | Multi-tenant SaaS 플랫폼</p>
|
||||
|
||||
<div style="display: flex; gap: 10px; justify-content: center; margin-top: 28px;">
|
||||
<div style="border: 1px solid #1e4d3a; border-radius: 20px; padding: 6px 16px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #6ee7b7;">코어 모델 실증</p>
|
||||
</div>
|
||||
<div style="border: 1px solid #312e81; border-radius: 20px; padding: 6px 16px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #a5b4fc;">AI 자동화</p>
|
||||
</div>
|
||||
<div style="border: 1px solid #713f12; border-radius: 20px; padding: 6px 16px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #fcd34d;">다산업군 확장</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #475569;">SAM 활용방안 | (주)코드브릿지엑스 | 2026.03</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
sam/docs/rules/slides/usage-plan/slide-02.html
Normal file
58
sam/docs/rules/slides/usage-plan/slide-02.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!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>
|
||||
108
sam/docs/rules/slides/usage-plan/slide-03.html
Normal file
108
sam/docs/rules/slides/usage-plan/slide-03.html
Normal file
@@ -0,0 +1,108 @@
|
||||
<!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;">전체 프로세스 — 영업에서 출고까지</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">6단계 비즈니스 플로우와 AI 자동화 포인트</p>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; align-items: center; padding: 16px 24px 8px 24px; gap: 4px;">
|
||||
<div style="flex: 1; text-align: center; background: #6366f1; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">01</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">영업</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #e0e7ff; margin-top: 2px;">고객 DB 자동분류</p>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 16px; color: #6366f1; font-weight: 700;">→</p>
|
||||
<div style="flex: 1; text-align: center; background: #8b5cf6; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">02</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">상담</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #ede9fe; margin-top: 2px;">STT 음성 기록</p>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 16px; color: #8b5cf6; font-weight: 700;">→</p>
|
||||
<div style="flex: 1; text-align: center; background: #a855f7; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">03</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">견적서</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #f3e8ff; margin-top: 2px;">AI 자동 산출</p>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 16px; color: #a855f7; font-weight: 700;">→</p>
|
||||
<div style="flex: 1; text-align: center; background: #0ea5e9; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">04</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">수주서</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #e0f2fe; margin-top: 2px;">자동 전환</p>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 16px; color: #0ea5e9; font-weight: 700;">→</p>
|
||||
<div style="flex: 1; text-align: center; background: #059669; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">05</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">작업공정</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #d1fae5; margin-top: 2px;">AI 공정 최적화</p>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 16px; color: #059669; font-weight: 700;">→</p>
|
||||
<div style="flex: 1; text-align: center; background: #16a34a; border-radius: 10px; padding: 12px 4px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 800; color: #ffffff;">06</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 2px;">출고</p>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #dcfce7; margin-top: 2px;">배송 자동화</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding: 10px 24px 0 24px;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 600; color: #334155; margin-bottom: 6px;">경동/주일 실증 현황</p>
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
|
||||
<div style="display: flex; background: #1e293b;">
|
||||
<div style="width: 120px; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">단계</p></div>
|
||||
<div style="flex: 1; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">구현 기능</p></div>
|
||||
<div style="width: 80px; padding: 6px 10px; text-align: center;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">상태</p></div>
|
||||
<div style="flex: 1; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">AI 적용</p></div>
|
||||
</div>
|
||||
<div style="display: flex; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">영업관리</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">고객/거래처 CRM</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">운영중</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">고객 분류 자동화</p></div>
|
||||
</div>
|
||||
<div style="display: flex; background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">상담/문의</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">상담 이력, 음성 입력</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">운영중</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">STT 음성→텍스트</p></div>
|
||||
</div>
|
||||
<div style="display: flex; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">견적서</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">견적 작성/승인/발송</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">운영중</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">AI 견적 산출 (개발중)</p></div>
|
||||
</div>
|
||||
<div style="display: flex; background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">수주서</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">견적→수주 연동</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">운영중</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">자동 전환 프로세스</p></div>
|
||||
</div>
|
||||
<div style="display: flex; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">작업공정</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">BOM, 공정 관리</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dbeafe; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #2563eb;">개발중</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">AI 공정 최적화 (계획)</p></div>
|
||||
</div>
|
||||
<div style="display: flex; background: #f8fafc;">
|
||||
<div style="width: 120px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">출고/배송</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">출고 지시, 배송 추적</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #f1f5f9; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">계획</p></div></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">물류 자동화 (계획)</p></div>
|
||||
</div>
|
||||
</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;">3 / 7</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
88
sam/docs/rules/slides/usage-plan/slide-04.html
Normal file
88
sam/docs/rules/slides/usage-plan/slide-04.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!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;">80% 공통화론 — 핵심 설득 논거</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">중소 제조업 업무의 80%는 업종과 무관하게 동일하다</p>
|
||||
</div>
|
||||
|
||||
<div style="padding: 14px 40px 0 40px;">
|
||||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 6px;">
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b; width: 55px; text-align: right;">공통 업무</p>
|
||||
<div style="flex: 1; display: flex;">
|
||||
<div style="width: 80%; height: 24px; background: #10b981; border-radius: 6px; display: flex; align-items: center; padding: 0 10px;">
|
||||
<p style="white-space: nowrap; font-size: 10px; font-weight: 700; color: #ffffff;">80% — 영업, 회계, 인사, 재고, 문서, 품질</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 4px;">
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b; width: 55px; text-align: right;">커스텀</p>
|
||||
<div style="flex: 1; display: flex;">
|
||||
<div style="width: 20%; height: 24px; background: #f59e0b; border-radius: 6px; display: flex; align-items: center; padding: 0 10px;">
|
||||
<p style="white-space: nowrap; font-size: 10px; font-weight: 700; color: #ffffff;">20%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 8px; color: #94a3b8; margin-left: 65px;">커스텀 20% = 상품 마스터, 견적 계산식, 공정 시퀀스</p>
|
||||
</div>
|
||||
|
||||
<div style="padding: 10px 40px 0 40px;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 600; color: #334155; margin-bottom: 6px;">업종별 확장 시나리오</p>
|
||||
<div style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
|
||||
<div style="display: flex; background: #1e293b;">
|
||||
<div style="width: 90px; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">업종</p></div>
|
||||
<div style="flex: 1; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">공통 (80%)</p></div>
|
||||
<div style="flex: 1; padding: 6px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">커스텀 (20%)</p></div>
|
||||
<div style="width: 80px; padding: 6px 10px; text-align: center;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #ffffff;">난이도</p></div>
|
||||
</div>
|
||||
<div style="display: flex; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 90px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">방화셔터</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">영업, 견적, 수주, 회계, 인사</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">셔터 규격 계산, 설치 공정</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">실증완료</p></div></div>
|
||||
</div>
|
||||
<div style="display: flex; background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 90px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">블라인드</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">영업, 견적, 수주, 회계, 인사</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">원단/슬랫 규격, 재단 공정</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dcfce7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #059669;">즉시가능</p></div></div>
|
||||
</div>
|
||||
<div style="display: flex; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 90px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">금속가공</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">영업, 견적, 수주, 회계, 인사</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">소재/두께 단가표, CNC 공정</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #dbeafe; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #2563eb;">단기적용</p></div></div>
|
||||
</div>
|
||||
<div style="display: flex; background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
|
||||
<div style="width: 90px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">식품제조</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">영업, 견적, 수주, 회계, 인사</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">레시피 관리, HACCP, 유통기한</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #fef3c7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #d97706;">중기적용</p></div></div>
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div style="width: 90px; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; font-weight: 600; color: #334155;">전자부품</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">영업, 견적, 수주, 회계, 인사</p></div>
|
||||
<div style="flex: 1; padding: 5px 10px;"><p style="white-space: nowrap; font-size: 9px; color: #64748b;">PCB BOM, SMT 공정, 검사</p></div>
|
||||
<div style="width: 80px; padding: 5px 10px; text-align: center;"><div style="background: #fef3c7; border-radius: 10px; padding: 1px 6px; display: inline-block;"><p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #d97706;">중기적용</p></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px; border-left: 3px solid #6366f1; padding: 8px 12px; background: #f5f3ff; border-radius: 0 8px 8px 0;">
|
||||
<p style="font-size: 11px; color: #4338ca; font-style: italic;">"상품만 바꾸면 새로운 제조업이 된다. 영업, 회계, 인사, 재고 — 이 80%는 이미 완성되어 있다."</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;">4 / 7</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
74
sam/docs/rules/slides/usage-plan/slide-05.html
Normal file
74
sam/docs/rules/slides/usage-plan/slide-05.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!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;">멀티테넌시 — 하나의 플랫폼, 다수의 기업</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">tenant_id 기반 데이터 격리로 안전하게 다수 기업을 서비스</p>
|
||||
</div>
|
||||
|
||||
<div style="padding: 16px 40px 0 40px;">
|
||||
<div style="background: #0f172a; border-radius: 12px; padding: 16px 20px; margin-bottom: 16px;">
|
||||
<div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px;">
|
||||
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">A 기업 (경동)</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">B 기업 (주일)</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">C 기업 (금속)</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">D 기업 (식품)</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="white-space: nowrap; font-size: 14px; color: #6366f1; text-align: center; font-weight: 700; margin-bottom: 8px;">▼ ▼ ▼ ▼</p>
|
||||
<div style="background: #312e81; border: 2px solid #6366f1; border-radius: 12px; padding: 14px 20px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 16px; font-weight: 800; color: #ffffff;">SAM 플랫폼</p>
|
||||
<div style="display: flex; gap: 20px; justify-content: center; margin-top: 6px;">
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #a5b4fc;">공유: 코드 100%</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #fbbf24;">격리: 데이터 100%</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #6ee7b7;">기반: tenant_id</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 12px;">
|
||||
<div style="flex: 1; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 14px;">
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
||||
<div style="width: 22px; height: 22px; background: #059669; border-radius: 50%;"></div>
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">비용 절감</p>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #047857; line-height: 1.5;">하나의 코드베이스로 N개 기업 서비스. 기업이 늘어도 개발비 동일.</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 14px;">
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
||||
<div style="width: 22px; height: 22px; background: #2563eb; border-radius: 50%;"></div>
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">즉시 입주</p>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #1d4ed8; line-height: 1.5;">tenant_id 발급 + 기본 설정. 별도 개발 없이 수일 내 사용.</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: #faf5ff; border: 1px solid #e9d5ff; border-radius: 10px; padding: 14px;">
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
||||
<div style="width: 22px; height: 22px; background: #7c3aed; border-radius: 50%;"></div>
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #5b21b6;">데이터 격리</p>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #6d28d9; line-height: 1.5;">모든 쿼리에 tenant_id 자동 적용. A기업과 B기업 데이터 완전 분리.</p>
|
||||
</div>
|
||||
</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;">5 / 7</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
sam/docs/rules/slides/usage-plan/slide-06.html
Normal file
68
sam/docs/rules/slides/usage-plan/slide-06.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!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;">AI 자동화 현황 & 로드맵</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">구현 완료된 AI 기능과 향후 계획</p>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 18px; padding: 16px 40px 0 40px;">
|
||||
<div style="flex: 1;">
|
||||
<div style="margin-bottom: 10px;">
|
||||
<div style="background: #dcfce7; border-radius: 10px; padding: 3px 10px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 10px; font-weight: 600; color: #059669;">구현 완료</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">AI 재무 분석</p>
|
||||
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">CEO 대시보드에서 매출/비용/손익 AI 분석. Claude API로 자연어 인사이트 제공.</p>
|
||||
</div>
|
||||
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">STT 음성 입력</p>
|
||||
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">상담 메모, 현장 보고를 음성 입력. 자동 텍스트 변환 후 시스템 기록.</p>
|
||||
</div>
|
||||
<div style="background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">Claude Code 개발 자동화</p>
|
||||
<p style="font-size: 9px; color: #047857; margin-top: 4px; line-height: 1.5;">SAM 시스템을 Claude Code로 개발. 코드 생성, 리뷰, 배포 자동화.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="flex: 1;">
|
||||
<div style="margin-bottom: 10px;">
|
||||
<div style="background: #dbeafe; border-radius: 10px; padding: 3px 10px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 10px; font-weight: 600; color: #2563eb;">향후 계획</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 견적 자동 생성</p>
|
||||
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">고객 요구사항 입력 시 과거 데이터 기반 최적 견적 자동 산출.</p>
|
||||
</div>
|
||||
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px; margin-bottom: 8px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 공정 최적화</p>
|
||||
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">생산 데이터 분석으로 최적 공정 순서, 자재 배치 제안.</p>
|
||||
</div>
|
||||
<div style="background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 12px;">
|
||||
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">AI 고객 상담</p>
|
||||
<p style="font-size: 9px; color: #1d4ed8; margin-top: 4px; line-height: 1.5;">FAQ 자동 응답, 견적 문의 자동 접수. 필요 시 담당자 연결.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin: 12px 40px 0 40px; border-left: 3px solid #6366f1; padding: 8px 12px; background: #f5f3ff; border-radius: 0 8px 8px 0;">
|
||||
<p style="font-size: 11px; color: #4338ca; font-style: italic;">"공정의 다양성은 천차만별. 이를 AI와 데이터로 정복하는 것이 SAM의 연구 과제다."</p>
|
||||
</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;">6 / 7</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
82
sam/docs/rules/slides/usage-plan/slide-07.html
Normal file
82
sam/docs/rules/slides/usage-plan/slide-07.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!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: #0f172a; overflow: hidden; position: relative; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="padding: 20px 40px 0 40px;">
|
||||
<p style="white-space: nowrap; font-size: 20px; font-weight: 700; color: #ffffff;">로드맵 & 비전</p>
|
||||
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">방화셔터에서 시작하여 모든 중소 제조업으로</p>
|
||||
</div>
|
||||
|
||||
<div style="padding: 20px 40px 0 56px; position: relative;">
|
||||
<div style="position: absolute; left: 48px; top: 20px; width: 2px; height: 280px; background: #334155;"></div>
|
||||
|
||||
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
||||
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #059669;"></div>
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #10b981;">Phase 1</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">코어 실증</p>
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2025~2026 상반기</p>
|
||||
<div style="background: #1a3a2a; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #10b981;">진행중</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">경동/주일 방화셔터 제조업에서 전 프로세스 실증. 영업→출고 파이프라인 완성.</p>
|
||||
</div>
|
||||
|
||||
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
||||
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #2563eb;"></div>
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #60a5fa;">Phase 2</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">3~5사 확장</p>
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2026 하반기</p>
|
||||
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">계획</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">블라인드, 금속가공 등 유사 제조업 3~5사에 멀티테넌시 확장.</p>
|
||||
</div>
|
||||
|
||||
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
||||
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #7c3aed;"></div>
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #a78bfa;">Phase 3</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">AI 고도화</p>
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2027</p>
|
||||
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">계획</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">AI 견적 자동 산출, AI 공정 최적화, AI 고객 상담 순차 적용.</p>
|
||||
</div>
|
||||
|
||||
<div style="position: relative; padding-left: 24px;">
|
||||
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #dc2626;"></div>
|
||||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #f87171;">Phase 4</p>
|
||||
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">다산업군 플랫폼</p>
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2028~</p>
|
||||
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
||||
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">비전</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">식품, 전자부품 등 다양한 제조업종. 중소 제조업 표준 SaaS.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; bottom: 36px; left: 40px; right: 40px; background: #312e81; border: 1px solid #6366f1; border-radius: 12px; padding: 12px 20px; text-align: center;">
|
||||
<p style="white-space: nowrap; font-size: 15px; font-weight: 800; color: #ffffff;">"방화셔터에서 시작하여, 모든 중소 제조업의 디지털 전환을 이끄는 SAM"</p>
|
||||
<p style="white-space: nowrap; font-size: 10px; color: #a5b4fc; margin-top: 4px;">AI 자동화 + 멀티테넌시 + 80% 공통화 = 중소 제조업 혁신 플랫폼 | (주)코드브릿지엑스</p>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; bottom: 12px; right: 40px;">
|
||||
<p style="white-space: nowrap; font-size: 9px; color: #475569;">7 / 7</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
174
sam/docs/system/ai-automation-vision.md
Normal file
174
sam/docs/system/ai-automation-vision.md
Normal file
@@ -0,0 +1,174 @@
|
||||
# SAM 활용방안 — AI 자동화 비전
|
||||
|
||||
> **작성일**: 2026-03-02
|
||||
> **상태**: 설계 확정
|
||||
> **대상**: CEO, 경영진, 전 직원
|
||||
> **관련 페이지**: MNG 관리자 → Claude Code → 활용방안
|
||||
|
||||
---
|
||||
|
||||
## 1. 개요
|
||||
|
||||
### 1.1 목적
|
||||
|
||||
SAM(Smart Automation Management)은 방화셔터 제조업(경동기업, 주일기업)을 코어 모델로 실증한 차세대 ERP/MES 통합 시스템이다. 이 문서는 SAM의 장기 비전과 AI 자동화 전략을 기술한다.
|
||||
|
||||
### 1.2 핵심 논지
|
||||
|
||||
> "중소 제조업 업무의 80%는 업종과 무관하게 동일하다. 상품만 바꾸면 새로운 제조업이 된다."
|
||||
|
||||
| 항목 | 내용 |
|
||||
|------|------|
|
||||
| **코어 모델** | 방화셔터 제조업 (경동/주일 실증 완료) |
|
||||
| **확장 전략** | 80% 공통 프로세스 + 20% 상품 커스텀 |
|
||||
| **최종 목표** | Multi-tenant SaaS 플랫폼 (다산업군) |
|
||||
|
||||
---
|
||||
|
||||
## 2. Before / After — 왜 SAM인가
|
||||
|
||||
### 2.1 기존 방식의 문제
|
||||
|
||||
| 문제 | 상세 |
|
||||
|------|------|
|
||||
| Excel 수기 관리 | 데이터 유실, 버전 혼란, 실시간 공유 불가 |
|
||||
| ERP 도입비 수천만원 | 중소기업에 과도한 초기 투자 부담 |
|
||||
| 업체별 커스텀 6개월+ | 도입까지 긴 시간, 업데이트 어려움 |
|
||||
| 부서간 정보 단절 | 영업/생산/경영 각자 관리, 의사결정 지연 |
|
||||
|
||||
### 2.2 SAM 도입 후
|
||||
|
||||
| 개선 | 상세 |
|
||||
|------|------|
|
||||
| 시스템 기반 통합 관리 | 실시간 데이터 공유, 단일 진실 공급원(SSOT) |
|
||||
| 월 구독 SaaS | 초기 비용 최소화, 사용한 만큼 지불 |
|
||||
| 멀티테넌시 즉시 입주 | 설정만으로 바로 사용, 지속적 업데이트 |
|
||||
| 영업~출고 원스톱 자동화 | AI가 연결하는 End-to-End 프로세스 |
|
||||
|
||||
---
|
||||
|
||||
## 3. 전체 프로세스 — 영업에서 출고까지
|
||||
|
||||
```
|
||||
영업 → 상담 → 견적서 → 수주서 → 작업공정 → 출고
|
||||
(01) (02) (03) (04) (05) (06)
|
||||
```
|
||||
|
||||
### 3.1 각 단계별 AI 자동화 포인트
|
||||
|
||||
| 단계 | 구현 기능 | AI 적용 | 상태 |
|
||||
|------|----------|---------|------|
|
||||
| 영업관리 | 고객/거래처 CRM | 고객 분류 자동화 | 운영중 |
|
||||
| 상담/문의 | 상담 이력, 음성 입력 | STT 음성→텍스트 변환 | 운영중 |
|
||||
| 견적서 | 견적 작성/승인/발송 | AI 견적 자동 산출 | 운영중 (AI 개발중) |
|
||||
| 수주서 | 견적→수주 연동 | 자동 전환 프로세스 | 운영중 |
|
||||
| 작업공정 | BOM, 공정 관리 | AI 공정 최적화 | 개발중 |
|
||||
| 출고/배송 | 출고 지시, 배송 추적 | 물류 자동화 | 계획 |
|
||||
|
||||
---
|
||||
|
||||
## 4. 80% 공통화론
|
||||
|
||||
### 4.1 업무 구성 비율
|
||||
|
||||
```
|
||||
공통 업무 ██████████████████████████████████████████ 80%
|
||||
커스텀 ██████████ 20%
|
||||
```
|
||||
|
||||
- **공통 80%**: 영업/CRM, 회계/재무, 인사/근태, 재고관리, 문서/전자결재, 품질관리
|
||||
- **커스텀 20%**: 상품 마스터, 견적 계산식, 공정 시퀀스 (업종마다 다른 부분)
|
||||
|
||||
### 4.2 업종별 확장 시나리오
|
||||
|
||||
| 업종 | 공통 (80%) | 커스텀 (20%) | 난이도 |
|
||||
|------|-----------|-------------|--------|
|
||||
| 방화셔터 | 영업, 견적, 수주, 회계, 인사 | 셔터 규격 계산, 설치 공정 | 실증완료 |
|
||||
| 블라인드 | 영업, 견적, 수주, 회계, 인사 | 원단/슬랫 규격, 재단 공정 | 즉시가능 |
|
||||
| 금속가공 | 영업, 견적, 수주, 회계, 인사 | 소재/두께 단가표, CNC 공정 | 단기적용 |
|
||||
| 식품제조 | 영업, 견적, 수주, 회계, 인사 | 레시피 관리, HACCP, 유통기한 | 중기적용 |
|
||||
| 전자부품 | 영업, 견적, 수주, 회계, 인사 | PCB BOM, SMT 공정, 검사 | 중기적용 |
|
||||
|
||||
---
|
||||
|
||||
## 5. 멀티테넌시 구조
|
||||
|
||||
```
|
||||
┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐
|
||||
│ A 기업 │ │ B 기업 │ │ C 기업 │ │ D 기업 │
|
||||
│ (경동기업) │ │ (주일기업) │ │ (금속가공) │ │ (식품제조) │
|
||||
└────┬─────┘ └────┬─────┘ └────┬─────┘ └────┬─────┘
|
||||
│ │ │ │
|
||||
└─────────────┴──────┬──────┴─────────────┘
|
||||
│
|
||||
┌─────────▼─────────┐
|
||||
│ SAM 플랫폼 │
|
||||
│ │
|
||||
│ 공유: 코드 100% │
|
||||
│ 격리: 데이터 100% │
|
||||
│ (tenant_id 기반) │
|
||||
└───────────────────┘
|
||||
```
|
||||
|
||||
### 5.1 핵심 이점
|
||||
|
||||
| 이점 | 상세 |
|
||||
|------|------|
|
||||
| **비용 절감** | 하나의 코드베이스로 N개 기업 서비스. 기업이 늘어도 개발비 동일 |
|
||||
| **즉시 입주** | 새 기업 추가 = tenant_id 발급 + 기본 설정. 별도 개발 없이 수일 내 사용 |
|
||||
| **데이터 격리** | 모든 쿼리에 tenant_id 자동 적용. A기업이 B기업 데이터에 접근 불가 |
|
||||
|
||||
---
|
||||
|
||||
## 6. AI 자동화 현황 & 로드맵
|
||||
|
||||
### 6.1 구현 완료
|
||||
|
||||
| 기능 | 상세 |
|
||||
|------|------|
|
||||
| **AI 재무 분석** | CEO 대시보드에서 매출/비용/손익 AI 분석. Claude API로 자연어 인사이트 제공 |
|
||||
| **STT 음성 입력** | 상담 메모, 현장 보고를 음성으로 입력. 자동 텍스트 변환 후 시스템 기록 |
|
||||
| **Claude Code 개발 자동화** | SAM 시스템 자체를 Claude Code로 개발. 코드 생성, 리뷰, 테스트, 배포 자동화 |
|
||||
|
||||
### 6.2 향후 계획
|
||||
|
||||
| 기능 | 상세 |
|
||||
|------|------|
|
||||
| **AI 견적 자동 생성** | 고객 요구사항 입력 시 과거 데이터 기반으로 최적 견적 자동 산출 |
|
||||
| **AI 공정 최적화** | 생산 데이터 분석으로 최적 공정 순서, 자재 배치 제안. 불량률 예측 및 사전 경고 |
|
||||
| **AI 고객 상담** | FAQ 자동 응답, 견적 문의 자동 접수. 사람의 개입이 필요한 경우만 담당자 연결 |
|
||||
|
||||
> "공정의 다양성은 천차만별. 이를 AI와 데이터로 정복하는 것이 SAM의 연구 과제다."
|
||||
|
||||
---
|
||||
|
||||
## 7. 로드맵 — 4단계 비전
|
||||
|
||||
| Phase | 제목 | 기간 | 상태 | 핵심 목표 |
|
||||
|-------|------|------|------|----------|
|
||||
| **Phase 1** | 코어 실증 | 2025~2026 상반기 | 진행중 | 경동/주일 방화셔터에서 영업→출고 전 프로세스 실증 |
|
||||
| **Phase 2** | 3~5사 확장 | 2026 하반기 | 계획 | 블라인드, 금속가공 등 유사 제조업 멀티테넌시 확장 |
|
||||
| **Phase 3** | AI 고도화 | 2027 | 계획 | AI 견적 자동 산출, 공정 최적화, 고객 상담 순차 적용 |
|
||||
| **Phase 4** | 다산업군 플랫폼 | 2028~ | 비전 | 식품, 전자부품 등 다양한 업종. 중소 제조업 표준 SaaS |
|
||||
|
||||
---
|
||||
|
||||
## 결론
|
||||
|
||||
> "방화셔터에서 시작하여, 모든 중소 제조업의 디지털 전환을 이끄는 SAM"
|
||||
|
||||
**AI 자동화 + 멀티테넌시 + 80% 공통화 = 중소 제조업 혁신 플랫폼**
|
||||
|
||||
---
|
||||
|
||||
## 관련 문서
|
||||
|
||||
| 문서 | 설명 |
|
||||
|------|------|
|
||||
| [SAM 프로젝트 개요](../SAM_PROJECT_OVERVIEW_FOR_AI.md) | 기술적 개요 |
|
||||
| [스케일링 로드맵](scaling-roadmap.md) | 10,000 테넌트 기술 스케일링 |
|
||||
| [보안 정책](security-policy.md) | 보안 아키텍처 |
|
||||
|
||||
---
|
||||
|
||||
**최종 업데이트**: 2026-03-02
|
||||
Reference in New Issue
Block a user