프로젝트 명

ES Electronics - 스프링 프레임워크 기반 A/S 센터 및 내부 시스템 구축

개발기간

2017. 11 ~ 2017. 12 (4주)

개발인원

6명

담당역할

Database설계, A/S 예약 관련 시스템,재무 관련 시스템,결제 본인인증 시스템

개발환경

OS

Windows 7

Development Tool

STS, Android Studio, Spring, MyBatis

Language

JAVA, JSP, HTML/CSS, JAVA Script

DB

Oracle Database 11g Express Edition

주요화면

설명

 - 고객 A/S센터방문 예약

  A/S센터방문 예약을 하기 위한 페이지

 수리 받을 제품의 카테고리를 선택 후

 원하는 지역의 센터, 예약일, 담당

 엔지니어, 예약시간을 선택하여 방문

 예약 가능.

 예약은 현재 일시부터 1주일 이내

  (주말 제외)만 예약할 수 있게 처리 가능.

 센터 위치는 Database에 저장된

 센터의 주소를 가져와 다음 지도API 를

 사용하여 해당 위치에 표시.

주요화면

설명

 - 엔지니어 예약 확인

  A/S센터 직원이 자신에게 예약된

 스케줄을 확인 할 수 있는 페이지.

 스케줄 별로 예약한 고객의 기본

 정보,  고객이 등록한 고장증상, 제품

 정보를 Ajax로 가져와 Table에 출력.

 - 엔지니어 예약 A/S완료 처리

 엔지니어 예약 확인 창에서 완료버튼을

 클릭하면 Modal창 출력

 해당 창에서 수리 형태, 수리시 사용된

 부품을 선택하여 아래의 input 창에 

 자동으로 수리비를 출력.

 - 수리부품 재고확인

 수리에 필요한 부품들의 재고현황을

 확인 할 수 있는 페이지.

 부품의 대 분류, 중분류를 선택하여

 해당 분류에 속한 부품의 정보 및

 재고를 확인 가능.

주요화면

설명

 - 수입/지출 분석

 기간별, 유형별 수입과 지출을 확인

 할 수 있는 페이지.

  A/S수리비, 부품 입고 및 판매, 기타 

 비용, 직원 월급 등을 기간별로 계산

 하여 Google Chart 라이브러리를

 이용해 기간별 유형별로 차트를 출력.

 그 기간에 해당하는 데이터를 아래   의 Table로 표시

 - 기타 지출 입력

 기타 비용 및 직원 월급 지급을 할

 수 있는 페이지.

 모든 직원들의 지난 월급 지급 내역

 확인 가능.

 당월에 아직 월 급 지급이 안되었다

 면 월급 지급 버튼을 생성 하여 비용

 처리 가능.

 기타 비용은 부서, 지출 사유와 금액

 을 입력가능.

 비용 입력 칸은 동적으로 계속 생성.

  입력 칸 중 잘못 입력 하였을 때, 한

 부분 이라도 입력 되지 않았다면 그

 행은 처리되지 않음.

주요화면

설명

 - 고객 결제 본인인증

 고객이 소모품을 결제할 때 본인

 인증을 위한 Modal창

  Modal창이 나타나게 되면 동적으로

 고객의 정보와 승인URL을 바탕으로

 QRCode를 생성. 

 서버와 Web Socket으로 연결하여

 따로 구현한 본인인증 Android  

  App 으로 QRCode를 스캔 하면

 그 즉시 결제 완료.

 - 고객 본인인증 앱

 고객이 소모품을 결제할 때 본인

 인증을 위한 Android App.

  zxing라이브러리를 통해 구현된 QR

  Code 스캐너로QR Code를 스캔시 

 QR Code에 입력된 URL로 해당

 스마트폰의 전화번호를 전송 가능.

 서버에서는 전송된 전화번호와 결제

 를 요청한 고객의 전화번호와 일치하

 면 결제 승인을 내어 연결된 Web

  So cket을 통해 결제 완료 메시지를

 전송.