- next.js
- rechart
- supabase
- React Native
프로젝트 배경
본 플랫폼은 (주)예성건축에서 실제 운영되고 있는 서비스 입니다. 다른 개발자의 데모 포토폴리오와는 다르다는 점을 미리 알려 드립니다. 이 점을 개발자 선정시 꼭 확인하셔야 피해를 막을수 있습니다.
프로젝트 배경
1) 문제점
중소 건설사는 현장이 전국 여러 곳에 분산되어 있어, 출역(출근) 인원을 실시간으로 파악하기 어렵습니다. 종이·수기 방식의 출석 체크는 현장마다 카톡으로 확인해야 했고, 노임대장은 엑셀로 일일이 계산해 오류가 잦았으며, 계약서와 현장 영수증은 종이로 흩어져 정산·증빙에 많은 시간이 들었습니다. 서비스 도입 전에는 본사 관리자가 현장마다 출역을 직접 확인하고, 노임을 수기로 계산하며, 영수증을 손으로 입력해야만 했습니다.
2) 프로젝트 목표
GPS자동 출퇴근 가능·급여·계약·현장증빙을 작업자 앱과 관리자 웹 하나로 묶어, 현장 인원을 실시간으로 관제하고 노임 계산과 전자계약, 영수증 처리를 자동화하는 종합 노무관리 플랫폼을 구축하는 것입니다.
3) 주안점
현장(필드)에서도 끊김 없는 실시간 위치 관제와, 임금·노임대장의 데이터 정확성, 그리고 현장 작업자도 쉽게 쓰는 사용성에 중점을 두었습니다. 민감정보(주민번호) 암호화와 본인 인증 등 보안도 함께 설계했습니다.
프로젝트 성과
생산성 향상
그동안 전국에 퍼져있는 수십개의 현장관리를 하기 어려웠으나, 본 엡과 백오피스를 설치후 대폭의 생산성 향상 및 관리가 수월하게 되었습니다.
인원절감
본사에서 현장관리를 위해 4명의 인원이 유선통화 , 이메일등을 통한 상호소통을 하며 관리를 하였으나, 앱을 설치후 비용, 근로계약서, 출근현황, 휴가, 급여등을 1명이 처리 할수 있게 되었습니다.
인건비 절감
생산성 향상으로 절감된 인원을 생산적이고 창의적 업무에 재배치하여 인건비 절감이 가능하게 되었으며, 야근 및 특근수당 감소로 전반적인 회사의 경영실적이 크게 향샹 되었습니다.
실시간 리포팅(자동화)
대시보드의 주요지표를 다양한 형태의 리포트로 자동출력하여 보고시간 및 보고의 정확성이 크게 향상 되었습니다.
핵심 기능
GPS위치기반 출퇴근 자동 확인 기능
본사에서 전국의 수십개의 작업현장을 GPS위치확인으로 작압자의 출퇴근,근무이탈등을 실시간 모니터링하여 사고 및 관리감독을 강화합니다.
급여관리
각 작업자의 급여가 일당과 앱에서 전송된 출근기록에 의해서 자동으로 계산되고 지급됩니다. 기존의 엑셀 수작업이 자동화 되어 정확하고 신속하게 계산되고, 엑셀 및 보고서 형식으로 출력도 가능합니다.
전자 근로계약서
작업자는 현장별로 근로계약서를 작성하여야 합니다. 앱에서 계약서 확인후 서명하면 저장되어, 본사 관리자가 계약서를 확인하고, 정부기관인 근로 감독관 감사에 제출 할 수 있습니다.
프로젝트 상세
본 시스템은 경기도 동탄의 (주)예성건축에서 사용하고 있는 실제 운영 포트폴리오 입니다. 다른 개발사의 화면만 있는 데모용 포트폴리오와는 다른점을 미리 알려 드립니다.
1) 포트폴리오 소개
프로젝트 배경
1) 문제점
건설현장은 협력업체, 공정, 작업 위치, 투입 인력, 장비, 위험요인이 복잡하게 얽혀 있어 현장 정보를 실시간으로 파악하기 어렵습니다. 기존에는 작업일보, 안전작업계획서, 일일안전회의 자료 등을 수기 또는 종이 문서로 관리하는 경우가 많아 문서 작성, 취합, 승인, 보관에 많은 시간이 소요되었습니다.
2) 프로젝트 목표
Smart On-sitehub의 목표는 건설현장의 주요 업무를 하나의 디지털 플랫폼으로 통합하여 작업일보 작성부터 공정 모니터링, 안전관리, 문서 승인, 현장 조회까지 연결되는 스마트 현장관리 체계를 구축하는 것입니다.
특히 표준화된 작업일보를 기반으로 종합작업일보, 사전작업허가서, 안전회의 자료, 공정 실적을 자동 연계할 수 있도록 구성했습니다.
3) 주안점
현장 업무 흐름에 맞춘 실무형 화면 구성
협력업체가 쉽게 입력하고 관리자가 빠르게 검토할 수 있는 구조
공정 진행상황과 안전작업 정보를 시각적으로 확인할 수 있는 모니터링 강화
승인, 전자서명, PDF 보관 등 문서 관리 프로세스의 디지털화
현장 작업자도 QR코드와 모바일 화면을 통해 필요한 정보를 바로 확인할 수 있는 사용성 확보
핵심 기능과 장점
① GPS 출역 — "1탭 출근, 위치로 검증"
- 작업자는 앱에서 버튼 한 번. 현장 반경(지오펜스) 안이면 자동 정상, 벗어나면 현장 외 320m처럼 거리까지 표기.
- 관리자 웹 지도에서 누가 어디서 찍었는지 실시간 관제.
- 장점: 출퇴근 대리체크·허위 출역을 위치로 차단 → 노임 부풀리기 방지.
② 노임대장 자동 생성 — "출역 = 급여, 손계산 0"
- 출역 데이터가 그대로 엑셀 노임대장으로 떨어집니다. 급여형태(일급·월급·매사)별 수식 자동 적용.
- 소득세·4대보험 공제까지 서버가 계산해 실수령액 표시.
- 장점: 매월 수작업 정산 → 클릭 다운로드로 단축. 계산 실수·누락 제거.
③ 전자 근로계약서 — "현장에서 손가락 서명"
- 현장 배정 시 1회, 앱에서 계약 내용 확인 → 서명패드로 사인 → PDF 보관.
- 장점: 종이 계약서 분실·미작성 리스크 해소, 법적 증빙(개인정보·근로계약) 자동 확보.
④ 물량 2단계 결재(매사) — "작업자→팀장→관리자"
- 작업자가 조적 벽체 물량 입력 → 팀장 검토·수정 → 관리자 최종 승인. 5단계 상태로 추적.
- 장점: 중간 검증 단계가 있어 물량 부풀리기·오류를 현장에서 거른 뒤 정산에 반영.
⑤ 현장증빙 — "사진으로 남기는 안전·자재 기록"
- 안전/공사 사진, 자재·송장, (팀장) 영수증을 카테고리별 업로드. 제출 후 삭제 불가로 증빙 무결성 보장.
- 장점: 안전점검·자재입고·비용을 날짜별로 자동 정리 → 분쟁·감사 대비.
⑥ 발주 시스템 — "자재·장비 발주를 알림톡으로"
- 발주 요청→승인→발송→입고 파이프라인. 공급처에 카카오 알림톡(Solapi) 자동 발송, 실패 시 카톡 공유로 차선 발송.
- 장점: 전화·메모 발주의 누락을 막고, 발주 이력·금액이 데이터로 집계(공급처 TOP·품목별 비중).
⑦ 관리자 분석 대시보드
- 인건비 추이·출역 캘린더 히트맵·현장별 출역·급여형태 구성을 차트로 한눈에.
- 서비스 카테고리: 건설·건축 협력사 운영 관리
- 메인 타깃: 다현장을 운영하는 중소 시공사·협력사, 그 현장의 작업자·팀장(소장)
- 한 줄 요약: 흩어진 현장의 출역·발주·비용·급여를 한 시스템으로 자동 집계해
본사·팀장·작업자가 각자의 화면에서 처리
2) 작업 범위
- 개발 범위: 기획·화면 설계·UI/UX 디자인 시스템 구축, 풀스택 개발(Front-end + 서버 +
DB 스키마·RPC·RLS), 관리자 페이지, 모바일 앱(작업자·팀장 2종) 개발 및 배포
- 지원 환경:
- 반응형 웹 (PC·모바일 브라우저) — 관리자
- Android 네이티브 앱
- 외부 연동: Solapi 알림톡, Google Gemini Vision API, Supabase Auth/Storage
3) 주요 업무 (주요 기능 및 페이지)
관리자 웹
- 작업자·협력사·현장 마스터 관리 페이지
- 출역 검토 (모바일 출역 승인·반려·시수 보정)
- 매사 단가 — 현장별·벽돌 종류별 장당 단가 (예: 고천초등학교 보통 150원/특수 180원)
- 월별 급여 자동 집계 + ExcelJS 엑셀 다운로드
- 협력사·현장 단위 ZIP 그룹 다운로드
- 발주시스템 - 접수·상태 관리·자동 알림까지 이어지는 시스템
- 재고관리 시스템
- 다양한 서식의 보고서, 차트 출력기능
- 엑셀 대량 업로드·검증·다운로드 기능
작업자 앱
- 휴대전화 + PIN 4자리 가입, 1탭 출근 체크
- 본인 협력사·현장 매핑(default) 관리
- 출역 시 협력사·현장 스냅샷 저장 (과거 기록 불변)
- GPS연동 자동 출역
팀장(소장) 앱
- 담당 현장 출역 검토·승인
- 자재 발주 (알림톡 + 카톡 공유)
- 현장 비용·장비 등록 (영수증 사진 첨부)
- GPS 현장 위치 확인
- 현장 사진 + AI 자동 인원 카운트 (Gemini Vision)