Final project

주거정보 제공 사이트 “SharEㅓ”

개발환경

OS

Window 7

DBMS

Oracle Database

Language

Java/HTML5

개발툴

Database

Oracle Database

Design

Jquery/Html5/CSS3

Editer

Spring Framework

개발인원

개발기간

4 명

2015.12.24.~ 2015.01.22. (31일 간)

개발 취지 및 목적

구하기 어려운 도심의 주거환경에 있어 일시적이나마 거주 가능한 공간을 마련할 수 있도록 하기 위해, 여럿이 공동으로 주거할 수 있는 정보 제공.(공유의 share와 주거의 터를 합친 합성어)

DATABASE 구조도

개발 참여도

 상세화면

 기능설명

1) 메인화면의 평상시 페이지이다.

2)페이지에 보여지는 것은 간단한 소개를 하고 아래 메뉴를 통해 이동이 가능하다.

3) 아래 footer를 JQuery를 이용해서 평상시에 보이지 않지만, 화살표 모양을 클릭하여 열고 닫을 수 있다.

4) footer 안에는 홈페이지  메인으로 가거나 쉐어 하우스, 실버 하우스 , 개인 쉐어하우스로 이동할 수 있게

  구성해 놓았다.

5) 모든 페이지 Footer에서 적용이 될 수 있도록 CSS처리를 하였다.

 상세화면

 기능설명

1) 메인페이지 내부의 Survey 화면이다..

2) 오늘의 추천 버튼을 또 누르게 되면 오늘의 추천 Survey 를 다시 할 수 있게 한다.

3) 랜덤으로 데이터베이스 내부의 저장되어 있는 문장을 받아와서 화면에 출력하는 기능을 가지고 있다.

 상세화면

 기능설명

1) 운영자(Master)가 메일을 보낼 때의 화면이다 .

   받는 사람 이메일을 입력 받고 제목과 내용을 쓰고 전송을 누르면 전송이 된다.

2) 다음과 같이 팝업으로 띄워서 처리하였고 로그인 페이지도 똑같이 팝업으로 처리를 하였다.

3) 메일은 gmail (구글)을 통해서 실제 보낼 수 있으며 실제 메일함에서 확인할 수 있다.

상세화면

기능설명

1) 내 정보를 알 수 있는 마이 페이지이다.

   나의 메일 주소 비밀번호, 전화번호, 생년월일 등급 , 포인트등 여러 가지 정보를 알 수 있도록 구현하였다.

2) 아래에는 탭을 이용하여서 자신이 한 방 상담 예약 내역과 게시판 및 중고 게시판에 자기가 작성한 글 , 포인트 및

   라이프 스타일을 확인 할 수 있다.

 상세화면

 기능설명

1)     Java script로 서울시 맵을 구현.

     마우스 오버할 시 색이 바뀌고 클릭하면 해당 구로 등록된 방 정보만 하단에 보여진다.

2)     구/가격대/지역별로 방을 검색하여 구분할 수 있다.

3)     방 정보에는 대표 이미지1개와 간략한 방 정보가 표시된다

 상세화면

 기능설명

1)     검색페이지에서 들어온 상세페이지 방 제목, 설명 ,별점 등 상세한 정보가 보여진다.

방 등록 시 첨부한 전체 이미지의 확인이 가능하며, 자동으로 슬라이드 된다.

상세화면

 기능설명

1) 글 등록시 이미지를 첨부할 수 있고 여러가지 폰트나 글 색상 , 글의 크기를 조절할 수 있도록 만들었다.

2) 글을 작성후 게시물을 확인하면 자신이 게시한 글 내용과 이미지를 볼 수 있음을 알 수 있다.

3)글 등록창은 평소에는 숨겨져 있다가 글 등록을 누르면 활성화된다. 등록되면 다시 감춰진다.

상세화면

기능설명

1) 다음은 공지사항 게시판이다.

   공지사항의 글은 보다시피 운영자 계정(Admin)만 작성이 가능하게 구현하였다.

2) 공지 사항의 글 작성시 다음과 같이 팝업으로 되며 작성자가 운영자(Admin)인 경우에만 작성이 되도록 구성하였다.

3) 게시판의 기본적인 페이징처리 , 조회수 , 추가 , 삭제가 되도록 구현하였다.

 상세화면

 기능설명

1) 이벤트 게시판에서 이벤트 등록과 이벤트 등록한 글을 한 페이지안에서 처리하였다.

2) 작성자는 운영자(Admin)만 가능하도록 처리하였다.

3) 이벤트 시작일과 종료일을 게시하여서 이벤트에 응모가 언제까지 가능한지 표현하였다

4) 이벤트에 대한 삭제 및 글 작성은 Admin만 가능하도록 표현하였다.

상세화면

기능설명

1) 업체에 대한 리스트 정보를 가지고 있는 페이지이다.

2) 업체번호와 업체이름 , 업체전화 번호 및 업체 상태에 대한 정보를 알 수 있으며,

   계약 해지를 할 경우 업체에 대한 정보가 삭제 되게 된다.

3) 글 등록 및 메인으로 이동이 가능하며 페이징 처리를 하여 여러개의 정보도 표현할 수 있다.