로그인 바로가기

중앙 내용으로 바로가기

본문내용

본문

포트폴리오
+ Home > 커뮤니티 > 포트폴리오
Python, Java 기반 웹 개발자 양성과정
  • 팀장/팀원
    한재호/이건희,장유정,김주영
  • 작성일
    2021-10-04 18:29:36
    조회수
    61
  • 교육과정
    Python, Java 기반 웹 개발자 양성과정
  • 발표일
    2021-08-18
  • 개요
    On The Daegu
  • 구현/적용기술
    HTML5, CSS, JavaScript, Java11, tomcat, ajax, jQuery, maven, Apache tiles, MyBatis, Oracle
  • 설계주안점
    네이버 지도 API, 결제 API 등을 이용해서 생산성을 빠르게 하고, 길찾기를 통해서 대략적인 길 위치와 시간을 안내한다.

 

<미니 프로젝트>



프로젝트 개요


대구 도시 철도 공사에서 제공하고 있는 자전거 대여 시스템에 대한 접근성을 높이고, 이를 확장시켜 전동 킥보드 등의 서비스도 제공함으로써 대중교통의 활성화를 도모함

기존의 대여 시스템에 찾아가는 서비스를 추가하여 좀 더 소비자 친화적인 시스템을 만들어 보고자 함.

 

시스템 요약

 

1. 결제 시스템

- 시간권, 정기권(1시간, 2시간, 하루, 한달 등)

- 카드, 자동계좌이체 (api 사용 고려(*추가 테스트 비용 관련))

 

2. 회원 시스템

- 로그인 (구글API 또는 카카오API)

- 구글API, 카카오API OR 전화번호 포함 아이디 회원가입

- 아이디,비밀번호,비밀번호체크,이름, 주소(API)

- 튜토리얼 팝업

- 마이페이지 / 회원수정 / 회원탈퇴 / 구독권 남은기간 보여주기 / 히스토리

 

3. 대여 관련 시스템

- 지도 APIGPS를 사용해서 신청자의 위치를 자동으로 파악

- 도착지 지정후 자동 시간계산

- 자전거 재고 현황 시스템

- 대여 가능 재고량 표시(사용자가 현재 자전거 현황 파악 가능)

- 고장 및 분실 신고 시스템


* 차별화 전략

일반적인 도로에서의 대여와는 다르게 직접 자전거(전동바이크 등)을 집 앞으로나 직장 앞으로 배달

 

4. 게시판 기능

- 공지사항

- 리뷰게시판 : 기존에 사용했었던 회원들만 사용 가능

- 문의/FAQ







메인 페이지

1. Header 메뉴바

- 이용권 : 결제페이지 이동

- 공지사항, 리뷰게시판, 문의/FAQ

- 로그인, 회원가입

2. 자전거 서비스

- 자전거 대여 현황 : 자전거 리스트 사이트로

- 자전거 대여 하기 : 자전거 대여 선택 화면으로




이용권 구매 사이트


아임포트 API를 이용한 구매 사이트

구매내용은 API를 통해서 전달 받은 내용을 토대로 DB에 저장된다.

(실제 구매 아이디는 디비와 다르게 저장된다.)

 


 

이용권 환불 및 사용 내역 사이트


이미 구매한 내역이 DB를 통해서 보여줌, 환불 버튼을 누르면 다시 사용 내역으로 보여주고 리스트가 변경됨.






공지사항 게시판


관리자를 제외한 다른 유저들은 읽기만 가능하고 관리자는 수정 및 삭제가 가능


 

 




이벤트 게시판


관리자를 제외한 다른 유저들은 읽기만 가능하고 관리자는 수정 및 삭제가 가능






리뷰 게시판


  - HISTORY 테이블 데이터에 아이디가 포함되어 있지 않은 회원은 작성 할 수 없음.

  - 작성시 ajax로 목록에 바로 더해짐

  - 한 번이라도 구매를 한 이력이 있는 경우, 리뷰 게시글 작성이 가능.

  - 한 페이지에 5개씩 보임






로그인 페이지


이메일 기준 아이디와, 패스워드로 로그인이 가능함.

틀릴 경우 페이지에서 비교 후 새로고침 없이 벨류가 삭제됨.

 

 

 

 

 

회원가입 페이지


1. 이메일 중복확인은 ajax로 실시간 디비에 같은 이메일이 존재하는지 확인한다.

2. 비밀번호 동일한지 확인

 

 



정보확인 페이지


1. 비밀번호 수정 버튼과 전화번호가 따로 존재하고 전화번호만 수정이 즉각적으로 가능

2. 회원 탈퇴 : 실제로 디비에는 없어지지않고 탈퇴했다는 표시만 남게 둠





자전거 리스트 페이지


1. 지도 로딩을 위해 ajax로 테이블을 가져옴

2. 현재 자전거의 위치가 네이버 지도 api의 마커를 통해서 가져옴





대여 선택 페이지


1. 배달 요청 페이지

2. 직접 픽업 페이지





배달 요청 페이지


1. 배달을 가는 좌표 등과 남은 정기권 시간이 표시됨

2. 만약 정기권 시간이 존재하지 않는다면 “배달 시작” -> “이용권 구매” 로 바뀌고 이용권 구매 사이트로 가게 된다.





자전거 배달 중 페이지


자전거 본사로부터 자바스크립트로 자전거가 배달 오는 과정을 자바스크립트로 표현했다.


 


남은 시간 페이지


배달이 끝나거나 픽업 선택 후에는 남은 시간을 보여주는 페이지

 



파킹, 선택한 파킹의 자전거 리스트 페이지


지정한 주차구역의 자전거 리스트들을 볼 수 있으며, 후에 배달 요청과 비슷한 페이지로 불러와짐


목록보기
수정하기
삭제하기