Socar.kr 을 모티브로 만든 포트폴리오

Socar 프로젝트 제안서

Smart Web&App Course

팀장 : 장종익

팀원 : 신재현 , 황성호 , 김동혁

최경욱 , 안창규

3

목 차

1. 개발시스템 개요

2. 기능 구성

3. 요구사항 및 설계

4. 결론

4

1. 개발시스템 개요

• 쏘카 (Socar) 란 ?웹 사이트 , 스마트폰 어플리케이션을 통해 카셰어링 서비스 시스템을 지원하는 기업 . • 카셰어링 (carsharing) 이란 ?자동차를 빌려 쓰는 방법 중의 하나이다 . 보통 회원제로 운영되며 , 주로 시간 단위로 필요한 만큼만 쓰고 차를 갖다주는 방식으로 장기간 동안 이용한다 . 시간 단위로 빌리기 때문에 간단하게 장을 볼 때나 짐을 옮길 때 등 종종 벌어지는 간단한 상황에서 이용할 수 있다 .

5

2. 기능구성 기능개요

• 기능 설명

찾기 · 예약

대여일 , 반납일을 선택

대여할 지역 검색

조건에 일치하는 대여 차량을 제공

쿠폰 북 화면

예약내역 화면

결제내역 화면

관리자 모드 화면

Project Manager장 종 익

6

7

3. 데이터베이스 구현 (ERD)

8

3. 화면구현 UI

• Main 화면

9

3. 화면구현 UI

• 서비스안내 – 이용방법

10

3. 화면구현 UI

• 요금안내

Member Part신 재 현

11

3. Member 요구사항 확인

회원가입 회원가입시 ID, 비밀번호 , 전화번호 , 주소 , 면허번호 , 면허 만료일 , 면허 발급일 , 결제카드 정보를 입력받는다 . ID 중복방지를 위한 중복체크를 한다 . ID 는 4~20 자로 제한하며 , 영어 대 , 소문자와 숫자만 입력받는다 . 사용하려는 비밀번호 확인을 위해 재입력을 입력받아 , 일치여부를 검사한다 . 비밀번호는 4~20 자로 제한하며 영어대 , 소문자 , 숫자 , 특수문자 [! @ # $ % ^ & * ( )] 만 입력받는다 . 결제카드는 1 개만 등록할 수 있다 . 결제카드 등록시 개인카드 , 법인카드 종류를 구분하여 등록할 수 있다 . 이미 등록된 카드번호를 중복해서 등록할 수 없다 . 운전면허 , 결제카드 정보는 선택사항으로 , 등록을 원하지 않으면 바로 회원가입 할 수 있다 .

로그인 ID 와 비밀번호를 입력하여 로그인 할 수 있다 . ID 혹은 비밀번호가 일치하지 않으면 로그인을 할 수 없다 .

내 정보 수정 마이페이지에서 내 정보를 확인 및 수정할 수 있다 . 수정할 수 있는 내용은 비밀번호 , 전화번호 , 주소 , 면허정보 , 결제카드가 있다 . 비밀번호는 input 태그의 type 을 password 로 처리하여 * 로 출력한다 . 회원가입시 등록하지 않은 운전면허 , 결제카드 정보를 등록할 수 있다 . 이미 등록된 카드번호를 중복해서 등록할 수 없다 .

회원탈퇴 마이페이지에서 회원탈퇴 버튼을 클릭하여 회원탈퇴를 수행한다 .

12

3. Member 데이터베이스 구현 (ERD)

13

14

3. 데이터베이스 설계도 주요 테이블명세서

• Member 테이블

No 컬럼 자료형 PK FK N·N

Default DESC

1 ID varchar(20)

○ ○ 아이디

2 NAME varchar(20)

○ 이름

3 PW varchar(20)

○ 비밀번호

4 PHONE varchar(13)

○ 전화번호

5 ADDRESS varchar(255)

○ 주소

6 LICENSE_TYPE varchar(30)

면허종류

7 LICENSE_NUM varchar(20)

면허번호

8 LICENSE_START Date 면허 발급일

9 LICENSE_END Date 갱신만료일

10 BIRTH varchar(8) ○ 생년월일

11 GENDER varchar(10)

○ 성별

12 EMAIL varchar(50)

○ 이메일

15


• Card 테이블


Default DESC

1 CARD_NUM varchar(20)

○ ○ 카드번호

2 CARD_PW varchar(20)

카드 비밀번호

3 CARD_MONTH varchar(2) ○ 만료 월

4 CARD_YEAR varchar(4) ○ 만료 년

5 BUSINESS_NUM varchar(20)

사업자 번호

6 ID varchar(20)

○ ○ ID

16

3. Member 데이터베이스 구현 (SQL)

17

3. Member 데이터베이스 구현 (SQL)

18

3. Card 데이터베이스 구현 (SQL)

19

3. Card 데이터베이스 구현 (SQL)

20

3. 화면구현 UI

• 로그인 화면

21

3. 화면구현 UI

• 회원 가입 화면

22

3. 화면구현 UI

• 마이페이지 - 내 정보

23

3. 어플리케이션 구현

24


25


26


27


28


29


30


31


32


33


34


35


36


37


38


39


40


41


42


43


44


45


46


47


48


49


50


51


52


53


54


55


56


57


58


59


60


61


62


63


64


65


66


67


68


69


70


71


72


73


74


75


76


77


78


79


80


81


82


83


84


85


86


87


88


89


90


91


92


93


94


95


96


97


98


99


100


101


102


103


104


Admin Part안 창 규

105

3. 관리자모드 요구사항 확인

관리자모드는 ID : admin, PW : admin 으로 로그인하여 접근할 수 있다 . 관리자모드에서 사용할 수 있는 기능은 공지사항 , 1 대 1 문의 & 답변 , 차량관리 , 쿠폰관리가 있다 . 공지사항을 고객센터와 동일하게 리스트로 확인할 수 있으며 , 공지사항을 작성할 수 있다 . 공지사항 작성 시 제목 , 내용을 입력받는다 . 사용자들이 전송한 1 대 1 문의 내역을 확인할 수 있다 . 차량관리는 현재 등록되어있는 차량을 확인할 수 있다 . 차량등록시 차량번호 , 대여지역 , 차량명 , 유종 , 옵션 , 대여요금 , 주행요금 , 차량이미지를 입력받는다 . 차량등록시 차량번호 중복체크를 해야하며 , 중복되는 차량번호는 등록할 수 없다 . 쿠폰관리는 현재 등록되어있는 쿠폰을 확인할 수 있다 . 쿠폰관리에 리스트로 등록되어있는 쿠폰의 이미지를 클릭하여 쿠폰을 수정할 수 있다 . 쿠폰의 수정할 수 있는 사항은 사용조건 , 상세설명이 있다 . 쿠폰등록시 쿠폰명 , 발급기간 , 유효기간 , 사용조건 , 상세설명 , 할인조건 (- 혹은 %), 할인수치 , 쿠폰수량 , 쿠폰 이미지를

입력받는다 . 쿠폰이미지를 등록하지 않으면 'default.png' 이미지를 사용하여 기본이미지로 등록한다 .

106

3. 관리자모드 데이터베이스 구현 (ERD)

107

108

3. 관리자모드 데이터베이스 구현 (SQL)

109


110


111


112


113


114


115


116

3. 화면구현 UI

• 관리자모드 - 공지사항

117

3. 화면구현 UI

• 관리자모드 – 공지사항 등록 화면

118

3. 화면구현 UI

• 관리자모드 – 문의 & 답변

119

3. 화면구현 UI

• 관리자모드 – 차량관리

120

3. 화면구현 UI

• 관리자모드 – 차량관리 등록 화면

121

3. 화면구현 UI

• 관리자모드 – 쿠폰관리

122

3. 화면구현 UI

• 관리자모드 – 쿠폰관리 등록 화면

123


124


125


126


127


128


129


130


131


132


133


134


135


136


137


138


139


140


141


142


143


144


145


146


147


148


149


150


151


152


153


154


155


156


157


158


Customer Part황 성 호

159

3. Customer 요구사항 확인

공지사항 고객센터 - 공지사항에서 공지사항을 확인할 수 있다 . 공지사항 게시는 관리자만이 가능하다 . 공지사항 게시물을 제목으로 검색할 수 있다 . 공지사항 리스트는 게시물 고유번호 , 제목 , 게시날짜를 출력한다 . 공지사항 리스트에서 제목을 클릭하면 게시물 내용을 확인할 수 있다 . 게시물에서는 제목 , 게시날짜 , 게시 내용을 확인할 수 있다 . 게시물 내용 화면에서 목록보기 버튼을 클릭하여 공지사항 리스트로 이동할 수 있다 . 메인 화면에 가장 최근에 등록된 공지사항 5 개를 제목으로 리스트를 출력하며 , 제목을 클릭하면 게시물 내용을 확인할 수 있다 .

1 대 1 문의하기 문의분류 , 제목 , 내용 , 첨부파일을 입력하여 관리자에게 1 대 1 문의를 전송할 수 있다 . 1 대 1 문의하기의 제목은 100 자로 제한한다 .

자주 묻는 질문 자주 묻는 질문의 카테고리 별로 확인할 수 있다 . 자주 묻는 질문을 제목 및 내용으로 검색할 수 있다 .

160

3. Customer 데이터베이스 구현 (ERD)

161

162

3. Customer 데이터베이스 구현 (Table)


Default DESC

1 CUSTOMER_SEQ BIGINT ○ ○ 고유번호

2 CATEGORY varchar(40)

○ 카테고리

3 TITLE varchar(255)

○ 제목

4 CONTENT TEXT ○ 내용

5 ANSWER TEXT 답변

6 FILE_NAME varchar(20)

이미지 이름

7 ROLE varchar(20)

○ 종류구분

8 REG_DATE varchar(20)

○ 등록일

9 ID varchar(20)

○ ○ ID

163

3. Customer 데이터베이스 구현 (SQL)

164


165


166

3. 화면구현 UI

• 고객센터 - 공지사항

167

3. 화면구현 UI

• 고객센터 – 자주 묻는 질문

168

3. 화면구현 UI

• 고객센터 - 자주 묻는 질문

169

3. 화면구현 UI


170

3. 화면구현 UI


171

3. 화면구현 UI


172

3. 화면구현 UI


173

3. 화면구현 UI


174

3. 화면구현 UI


175


176


177


178


179


180


181


182


183


184


185


186


187


188


189


190


191


192


193


194


195


196


197


198


199


200


Coupon Part최 경 욱

201

3. Coupon 요구사항 확인

쿠폰 북 사용자가 쿠폰을 받을 수 있다 . 쿠폰은 수량이 있으며 남은 수량이 0 이하면 해당 쿠폰은 받을 수 없다 . 사용자가 이미 소지한 쿠폰은 사용을 하더라도 다시 받을 수 없다 . 쿠폰별로 개수 , 쿠폰이름 , 발급기간 , 유효기간 , 사용조건을 출력한다 . 자세히 버튼을 클릭하면 쿠폰의 사용조건 , 상세설명을 출력한다 .

내 쿠폰 현재 소지하고 있는 쿠폰은 마이페이지 - 내 쿠폰에서 확인할 수 있다 . 내 쿠폰에서 확인할 수 있는 사항은 쿠폰 명 , 쿠폰 상세설명 , 유효기간 , 사용 상태 여부가 있다 . 차량을 예약할 때 소지중인 쿠폰을 사용하여 대여 요금을 할인 받을 수 있으며 , 사용한 쿠폰은 사용불가 상태가 된다 . 예약취소시 사용한 쿠폰을 환불 받을 수 있다 .

202

3. Coupon 데이터베이스 구현 (ERD)

203

204

3. Coupon_master 데이터베이스 구현 (Table)


Default DESC

1 COUPON_MASTER_SEQ

BIGINT ○ ○ 고유번호

2 COUPON_NAME varchar(255)

○ 쿠폰이름

3 OPEN_START_DATE

DATE ○ 발급시작일

4 OPEN_END_DATE DATE ○ 발급종료일

5 EP_DATE DATETIME ○ 유효기간

6 OPTION_HEADER varchar(255)

○ 쿠폰사용조건

7 OPTION_DETAIL TEXT ○ 쿠폰상세설명

8 IMG_NAME varchar(20)

○ default.png 이미지 이름

9 DC_OPTION varchar(255)

○ 할인 방식

10 DC INT ○ 할인 수치

11 COUPON_COUNT INT ○

205

3. Coupon_member 데이터베이스 구현 (Table)


Default DESC

1 COUPON_MEMBER_SEQ

BIGINT ○ ○ 고유번호

2 USE_FLAG varchar(1) ○ N 쿠폰사용여부

3 COUPON_MASTER_SEQ

BIGINT ○ ○ COUPON_MASTER 고유번호

4 ID varchar(20)

○ ID

206

3. Coupon 데이터베이스 구현 (SQL)

207

3. Coupon 데이터베이스 구현 (SQL)

208

3. 화면구현 UI

• 쿠폰 북 -1

209

3. 화면구현 UI

• 마이페이지 - 내 쿠폰

210

3. 화면구현 UI

• 쿠폰 북 -2

211


212


213


214


215


216


217


218


219


220


221


222


223


224


Booking & Payment Part김 동 혁

225

3. Booking & Paymnet 요구사항 확인

쏘카 찾기 /예약 지역을 확인할 수 있게 지도를 화면상에 출력한다 . 지도는 Google Map 을 사용한다 . 대여일 반납일 , 지역 , 차종을 입력하고 조건에 만족하는 차량을 출력하여 원하는 차량을 예약할 수 있다 . 대여하려는 차량의 대여날짜가 중복이 되면 예약이 불가능하며 , 차량 목록에 출력하지 않는다 . 예약내역은 마이페이지 - 예약 내역에서 확인할 수 있다 . 예약내역에서 확인할 수 있는 사항은 예약 고유 번호 , 차량 명 , 차량 번호 , 대여일 , 총 대여일 , 대여 지역 , 결제 요금 , 결제

상태가 있다 . 예약하기시 , 쿠폰을 사용하여 할인 받은 대여금액을 바로 결제한다 . 결제하지 않은 예약내역은 취소할 수 있으며 , 예약에 사용한 쿠폰은 환불된다 . 카드가 등록 되어있지 않으면 결제를 할 수 없다 .

결제 결제내역은 마이페이지 - 결제내역에서 확인할 수 있다 . 결제내역에서 확인할 수 있는 사항은 결제일 , 결제수단 , 결제금액이 있다 .

226

3. Booking & Paymnet 데이터베이스 구현 (ERD)

227

228


• Car 테이블


Default DESC

1 CAR_SEQ BIGINT ○ ○ 고유번호

2 CAR_NUM DATETIME ○ 차량번호

3 CAR_TYPE DATETIME ○ 차량종류

4 OIL_TYPE BIGINT ○ 유종

5 CAR_OPTION BIGINT 차량옵션

6 SOCAR_ZONE varchar(20)

○ 대여지역

7 RENT_AMT INT ○ 대여요금

8 DRIVE_AMT Varchar(2) ○ 주행요금

9 CAR_IMG 이미지이름

229


• Rent 테이블


Default DESC

1 RENT_SEQ BIGINT ○ ○ 예약번호

2 START_DATE DATETIME ○ 대여일

3 END_DATE DATETIME ○ 반납일

4 CAR_SEQ BIGINT ○ ○ 차량고유번호

5 COUPON_MASTER_SEQ

BIGINT ○ 쿠폰고유번호

6 ID varchar(20)

○ ○ 아이디

7 PRICE INT ○ 예약금액

8 STATUS Varchar(2) ○ N 결제상태

230


• Payment 테이블


Default DESC

1 PAYMENT_SEQ BIGINT ○ ○ 고유번호

2 PAYMENT_DATE DATETIME ○ 결제날짜

3 PAYMENT_AMT INT ○ 결제금액

4 RENT_SEQ BIGINT ○ ○ RENT 고유번호

5 CARD_NUM varchar(20)

○ ○ 카드번호

6 ID varchar(20)

○ ○ 아이디

231

3. Bookgin & Payment 데이터베이스 구현 (SQL)

232


233


234

3. 화면구현 UI

• 찾기 · 예약 화면 – 검색 전

235

3. 화면구현 UI

• 찾기 · 예약 화면 – 검색 후

236

3. 화면구현 UI

• 찾기 · 예약 화면 – 예약 진행화면

237

3. 화면구현 UI

• 찾기 · 예약 화면 – 예약 완료화면

238

3. 화면구현 UI

• 마이페이지 - 예약내역

239

3. 화면구현 UI

• 마이페이지 - 결제내역

240


241


242


243


244


245


246


247


248


249


250


251


252


253


254


255


256


257


258


259


260


261


262


263


264


265


266


267


268


269


270


271


272

4. 결론

• 주요 기능

AjaxJsonTiles , no TilesMybatisGoogle API(Map)MySqlBootStrapetc...

Internet

Socar.kr 을 모티브로 만든 포트폴리오