페이지를 읽는 중...

프로젝트 작업일
블로그 게시일
[Project]

직원지원사이트 개발

직원지원 사이트(백오피스) 웹플랫폼 개발

직원지원사이트 개발

개요

회사 인원 규모와 대량의 상품들의 재고 관리 이동 등의 업무 어려움이 대두되는 시기였다. 당시 인원은 직원이 30명 가까이 있었고, 서울 본사를 기반으로 안양-대전 등 지점까지 운영하고 있었기에 회사에서 별도로 활용 할 수 있는 백오피스 사이트가 필요했다.

  1. 물류관리 / 상품출고 등은 ERP(이카운트) 프로그램으로 작성하여 운영되고 있지만 ERP 프로그램의 높은 진입장벽과 불편한 모바일 접속환경이 개선되어야 함.
  2. 수기로 작성하거나 별도로 엑셀파일들을 활용해 작업을 하던 영업사원들의 업무적 부담을 백오피스를 통해 개선
  3. 외부 출장이 잦은 영업의 특성상 모바일로 활용할 수 있게 만들어 어디서나 접속해 장소에 제약을 해결

등의 이유로 본 사이트를 이용해 해결 할 수 있게 플랫폼을 만들어야 했다.

  • 기술스택 : PHP, MySQL, Bootstrap

업무내용

플랫폼을 개발하면서 가장 중점으로 둔 내용은 아래와 같다.

  1. 사용하는 직원들의 편의를 위해 만드는 프로그램이기 때문에 최대한 단순하고 쉽게 제작해야 함.

  2. 다음의 개발자를 위해 프로세스 로직을 단순화.

  3. 모바일에도 접속이 가능하게 하고 크로스 플랫폼이 가능한 반응형 웹페이지.

  4. 데이터 집중화를 통해 쇼핑몰-이카운트-엑셀-카탈로그 관리 용이.

  5. 데이터 관리 및 유지의 용이성을 위해 엑셀 기반의 업로드/다운로드 데이터 교환 필요.

  6. 최대한 보안에 신경을 써 외부IP를 원천적으로 차단.

서버구축

본사에서 이용하는 NAS를 활용해 작업을 진행. 서버환경이 불안하다는 단점이 있지만 회사 직원들만 사용하는 오피스작업이라 굳이 비용을 들여 외부 도메인 및 호스팅을 쓸 이유가 없음. NAS서버는 PHP와 MYSQL 서버를 지원하기 때문에 나스로 작업

  • Apache 2.4 Server
  • PHP 8.2
  • MarieDB 10
  • phpMyAdmin 5.2

로그인

폐쇄성이 필요한 페이지이기 때문에 먼저 KISA API를 통해 외국의 IP로 접속 차단으로 보안을 추가. id를 부여하기 보다 셀렉을 통해 직원을 인식하고 접속할 수 있게 끔 적용. 직원은 개발자가 데이터베이스를 통해 등록 및 삭제로 관리.

  • 후이즈 오픈 API WHOIS openAPI

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

    1. 비정상적인 로그인 접속 5번이 넘어가면 IP 원천 차단

장비가격

공지사항 격의 제품의 판매 / 임대 가격 페이지 뷰. 메신저를 통해 공유되던 가격표 이미지를 본 페이지로 볼 수 있게끔 고정 작업

카탈로그

제품의 상세정보 또는 가격이 필요할 때 검색어를 통해 빠르게 내용을 확인 할 수 있게 만든 페이지

  • 제품 카탈로그
    1. 제품의 데이터 시트를 웹버전으로 확인 할 수 있게 적용.
    2. 공유된 서버 데이터를 활용해 PTS웹 사이트와 쇼핑몰 제품 상세페이지의 내용을 쉽게 적용.
  • 소모품 카탈로그
    1. B2C, B2B 등의 세분화된 소모품의 가격을 한 눈에 확인 할 수 있게 테이블 형식으로 표현
    2. 검색어를 통해 빠르게 가격을 확인 할 수 있어 종이 카탈로그의 단점을 보완.

장비현황

  • 장비 입출고 입력

    1. 주요 제품군(플로터, 복합기)의 시리얼 넘버를 통해 재고 관리를 단순화.
    2. 장비의 주요 이동 작업 또는 AS내역 등을 본사 사정에 맞게 수정
    3. 제품군의 QR코드 부착하고 QR코드 접속을 통해 시리얼 넘버 오기입을 최소화.
    4. 엑셀 파일 다운로드를 통해 이카운트 업로드와 백업용 엑셀 파일에 활용할 수 있게 작업
  • 출고증 출력

    1. 장비의 입출고 내역과 정비 내용등의 로그를 확인할 수 있게 테이블 형식으로 표현
    2. 장비의 부착되어 있는 QR코드를 통해 접속하면 본 장비의 내역을 확인 할 수 있게 작업.
    3. 기 입력된 장비 입출고 입력내용을 관리부에 보고하기 위한 프린트.
    4. NCR지를 이용한 수기로 작성하던 프로세스를 본페이지에서 인쇄를 통해 해결하여 업무 부담 최소화.
  • 장비현황판

    1. 주요 제품군등의 현황을 지사별과 상태별로 테이블에 맞게 적용
    2. 장비 입출고 입력을 통해 현황을 실시간으로 확인 가능

상품관리

  1. 구글시트를 활용하여 상품의 정보 / 가격 등의 정보를 수정 및 생성을 용이하게 작업.
  2. 상품의 특성상 대량으로 변동되는 가격이나 정보등의 내용들을 CSV 다운로드 후 DB에 업로드 형식을 통해 쇼핑몰/웹사이트 등의 정보를 빠르게 적용

PWA 적용

  • 웹앱 설치를 통해 모바일 플랫폼에 적용으로 보다 쉽게 접속 가능하게 적용
  • 푸시 알림을 통해 공지 및 정보 공유
#홈페이지개발