직원지원사이트 개발
직원지원 사이트(백오피스) 웹플랫폼 개발
개요
회사 인원 규모와 대량의 상품들의 재고 관리 이동 등의 업무 어려움이 대두되는 시기였다. 당시 인원은 직원이 30명 가까이 있었고, 서울 본사를 기반으로 안양-대전 등 지점까지 운영하고 있었기에 회사에서 별도로 활용 할 수 있는 백오피스 사이트가 필요했다.
- 물류관리 / 상품출고 등은 ERP(이카운트) 프로그램으로 작성하여 운영되고 있지만 ERP 프로그램의 높은 진입장벽과 불편한 모바일 접속환경이 개선되어야 함.
- 수기로 작성하거나 별도로 엑셀파일들을 활용해 작업을 하던 영업사원들의 업무적 부담을 백오피스를 통해 개선
- 외부 출장이 잦은 영업의 특성상 모바일로 활용할 수 있게 만들어 어디서나 접속해 장소에 제약을 해결
등의 이유로 본 사이트를 이용해 해결 할 수 있게 플랫폼을 만들어야 했다.
- 기술스택 : PHP, MySQL, Bootstrap
업무내용
플랫폼을 개발하면서 가장 중점으로 둔 내용은 아래와 같다.
-
사용하는 직원들의 편의를 위해 만드는 프로그램이기 때문에 최대한 단순하고 쉽게 제작해야 함.
-
다음의 개발자를 위해 프로세스 로직을 단순화.
-
모바일에도 접속이 가능하게 하고 크로스 플랫폼이 가능한 반응형 웹페이지.
-
데이터 집중화를 통해 쇼핑몰-이카운트-엑셀-카탈로그 관리 용이.
-
데이터 관리 및 유지의 용이성을 위해 엑셀 기반의 업로드/다운로드 데이터 교환 필요.
-
최대한 보안에 신경을 써 외부IP를 원천적으로 차단.
서버구축
본사에서 이용하는 NAS를 활용해 작업을 진행. 서버환경이 불안하다는 단점이 있지만 회사 직원들만 사용하는 오피스작업이라 굳이 비용을 들여 외부 도메인 및 호스팅을 쓸 이유가 없음. NAS서버는 PHP와 MYSQL 서버를 지원하기 때문에 나스로 작업
- Apache 2.4 Server
- PHP 8.2
- MarieDB 10
- phpMyAdmin 5.2
로그인
폐쇄성이 필요한 페이지이기 때문에 먼저 KISA API를 통해 외국의 IP로 접속 차단으로 보안을 추가. id를 부여하기 보다 셀렉을 통해 직원을 인식하고 접속할 수 있게 끔 적용. 직원은 개발자가 데이터베이스를 통해 등록 및 삭제로 관리.
-
후이즈 오픈 API

- 위 API값을 통해 국내 IP가 아니면 접속 차단.
- 대전 데이터센터 화재 사건으로 접속이 불가한 경험을 통해 후이즈 의존성을 IP2Location 라이브러리를 추가하여 분산 작업.
-
로그인 페이지

- 비정상적인 로그인 접속 5번이 넘어가면 IP 원천 차단
장비가격
공지사항 격의 제품의 판매 / 임대 가격 페이지 뷰. 메신저를 통해 공유되던 가격표 이미지를 본 페이지로 볼 수 있게끔 고정 작업
카탈로그
제품의 상세정보 또는 가격이 필요할 때 검색어를 통해 빠르게 내용을 확인 할 수 있게 만든 페이지
- 제품 카탈로그
- 제품의 데이터 시트를 웹버전으로 확인 할 수 있게 적용.
- 공유된 서버 데이터를 활용해 PTS웹 사이트와 쇼핑몰 제품 상세페이지의 내용을 쉽게 적용.
- 소모품 카탈로그
- B2C, B2B 등의 세분화된 소모품의 가격을 한 눈에 확인 할 수 있게 테이블 형식으로 표현
- 검색어를 통해 빠르게 가격을 확인 할 수 있어 종이 카탈로그의 단점을 보완.
장비현황
-
장비 입출고 입력
- 주요 제품군(플로터, 복합기)의 시리얼 넘버를 통해 재고 관리를 단순화.
- 장비의 주요 이동 작업 또는 AS내역 등을 본사 사정에 맞게 수정
- 제품군의 QR코드 부착하고 QR코드 접속을 통해 시리얼 넘버 오기입을 최소화.
- 엑셀 파일 다운로드를 통해 이카운트 업로드와 백업용 엑셀 파일에 활용할 수 있게 작업
-
출고증 출력
- 장비의 입출고 내역과 정비 내용등의 로그를 확인할 수 있게 테이블 형식으로 표현
- 장비의 부착되어 있는 QR코드를 통해 접속하면 본 장비의 내역을 확인 할 수 있게 작업.
- 기 입력된 장비 입출고 입력내용을 관리부에 보고하기 위한 프린트.
- NCR지를 이용한 수기로 작성하던 프로세스를 본페이지에서 인쇄를 통해 해결하여 업무 부담 최소화.
-
장비현황판
- 주요 제품군등의 현황을 지사별과 상태별로 테이블에 맞게 적용
- 장비 입출고 입력을 통해 현황을 실시간으로 확인 가능
상품관리
- 구글시트를 활용하여 상품의 정보 / 가격 등의 정보를 수정 및 생성을 용이하게 작업.
- 상품의 특성상 대량으로 변동되는 가격이나 정보등의 내용들을 CSV 다운로드 후 DB에 업로드 형식을 통해 쇼핑몰/웹사이트 등의 정보를 빠르게 적용
PWA 적용
- 웹앱 설치를 통해 모바일 플랫폼에 적용으로 보다 쉽게 접속 가능하게 적용
- 푸시 알림을 통해 공지 및 정보 공유