업무 객체 간 상세 링크
고객, 품목, 견적, 수주, 작업지시, 발주, 출하, 청구 데이터가 식별자 기준으로 연결되어 데모 중 맥락을 잃지 않습니다.
기능소개
CEMA는 영업, 제품, 구매, 생산, 품질, 물류, 경영/재무, 인사, 전자결재, 그룹웨어, 모바일 업무를 실제 제조 데이터 흐름으로 연결하는 스마트팩토리 통합 관제 데모입니다.
Feature Map
업무 흐름이 끊기지 않는 통합 데모
각 화면은 단독 캡처용 목업이 아니라, 실제 업무 객체를 따라 이동할 수 있는 운영형 프로토타입으로 구성되어 있습니다.
DataView 기반 목록 경험
검색, 정렬, 페이징, 컬럼 리사이즈, 테이블/그리드 전환을 제공해 실제 운영 시스템에 가까운 목록 UX를 제공합니다.
권한별 데모 운영
일반 데모는 대시보드 중심으로, 승인된 풀 데모 계정은 상세 업무 화면까지 확인할 수 있도록 구성했습니다.
Module Screens
기능별 실제 화면
주요 모듈의 대시보드와 관리 화면을 스크린샷과 함께 설명합니다. 각 모듈은 상세 페이지, 이력, 연계 데이터로 확장됩니다.
영업관리
견적부터 수주, 매출, 채권, VOC까지 한 흐름으로 추적
업무 흐름: 고객 → 견적 → 수주 → 생산 → 출하 → 매출/채권
- 영업 파이프라인 DataView
- 고객사 매출/채권 상위 분석
- 견적·수주·청구 상세 링크
- VOC/클레임 연계
제품·상품관리
제품 마스터, 상품 마스터, BOM, 공정, 금형, 단가를 기준정보로 통합
업무 흐름: 상품 → BOM → 견적 → 발주 → 생산이력 → 수주이력
- 상품 BOM 계층 구조
- 견적서/발주서/생산이력/수주이력 링크
- 금형 및 공정 정보
- 단가 계산과 첨부파일 관리
생산관리
작업지시, 라인 클러스터, 생산 실적과 품질 위험을 관제
업무 흐름: 생산계획 → 작업지시 → 라인 모니터링 → 실적 → 품질/자재 알림
- 작업 지시 진행 현황 DataView
- 라인별 생산/불량 추적
- 실시간 생산 알림
- 작업지시 상세 이동
물류관리
재고, 입출고, 출하 스케줄, 도크/배차, 위치 정보를 연결
업무 흐름: 재고 → 입출고 → 피킹 → 도크 배차 → 출하 → 청구
- 재고 현황과 위치 추적
- 입출고 이력
- 출하 스케줄
- 도크/배차 현황
품질관리
수입·공정·출하 검사와 NCR, 샘플, 고객 클레임을 연계
업무 흐름: 검사 기준 → 판정 → NCR → 클레임 → 개선 조치
- 검사 판정 관리
- NCR 및 클레임 추적
- 표준 견본 관리
- 품질 이슈 대시보드
경영/재무
매출, 매입, 원가, 자금, 채권 데이터를 경영 KPI로 전환
업무 흐름: 매출/매입 → 원장 → 자금 → 원가 → 경영 지표
- 전사 KPI 대시보드
- 매출/매입 원장
- 현금흐름과 채권 위험
- 보고서와 기간 필터
Mobile Demo
현장 역할별 모바일 화면
현장 작업자는 데스크톱 ERP 화면보다 빠른 입력과 즉시 판정이 중요합니다. CEMA 모바일 데모는 영업, 생산, 품질, 물류, 오퍼레이터 역할별 업무를 별도 화면으로 제공합니다.
영업용
명함 촬영, 예상 단가 산출, 견적서 작성 흐름을 현장에서 처리합니다.
생산관리자용
작업자 지정, 라인 이상 알림, 생산 실적 리포트를 모바일에서 확인합니다.
품질관리자용
입고·출고 품질검사를 현장에서 합격/불합격으로 즉시 판정합니다.
물류용
바코드/QR 스캔으로 피킹, 창고 이동, 상차 업무를 처리합니다.
오퍼레이터용
설비 앞에서 작업 시작/중지, 불량 신고, 생산 실적 입력을 수행합니다.
라이트 모드와 다크 모드 지원
관제실에서는 다크 모드가 편하지만, 회의실 제안·교육·문서 캡처에는 라이트 모드가 더 읽기 좋습니다. 위 버튼을 눌러 미리보기 화면을 직접 전환할 수 있습니다.
공통 CSS 변수 기반 색상 체계
데스크톱과 모바일 화면 모두 동일한 브랜드 톤 유지
사용자별 선택값을 브라우저에 저장
Light Mode Preview
영업 대시보드
금월 매출
16,444백만
수주 전환율
99.3%
미수 채권
9,446백만
실제 앱의 테마 토글은 상단 헤더에서 제공되며, 라이트 모드는 회의용 데모와 화면 캡처에 적합하도록 대비를 높이는 방향으로 확장됩니다.
Architecture
실제 구축으로 이어지는 기술 구조
데모 이후에는 API, DB, 권한, 승인 워크플로우, 모바일 현장 입력, 설비/PLC 연동으로 단계적으로 확장할 수 있습니다.
Next.js App Router
프론트와 코어 백엔드를 단일 프로젝트로 구성하여 개발 생산성과 배포 효율을 높입니다.
PostgreSQL + Prisma
ERP, 재무, 생산 실적 등 트랜잭션 데이터는 ACID 기반 RDBMS에 저장합니다.
Firestore Signal
실시간 현황판은 상태 신호만 구독하여 비용과 데이터 중복을 줄입니다.
Cloud Run
웹 앱과 IoT 수집 워커를 분리 배포해 설비 데이터 부하를 격리합니다.
Pilot Workshop