A Project

Diet on

관리자

view : 923

교육기간 : 2015-07-20 ~ 2015-12-09 ( 월,화,수,목,금 )
URL : 내부서버용
다이어트 하려는 이용자들에게 식단, 운동방법들을 제공하고 다른 사용자들과도 정보를 공유 할 수 있는 커뮤니티 사이트

 


“Diet on”

개발환경

OS

Microsoft Window 7 Server

DBMS

Oracle 11g XE

WAS

Eclipse, Apache Tomcat 8.0, Navicat

Language

JAVA, JSP, HTML5, Css, JQuery, Ajax, JavaScript, MyBatis

기타 S/W

Navicat, Adobe Photoshop, exERD

개발툴

Design

Adobe Photoshop CS4

개발기간

개발인원

2015.10.20 ~ 2015.12.08

5

참여정도 및 DATABASE 구조도

 

전체참여도

  

 

 

개발참여도

   

 

 

    DATABASEPhysical구조

 

 

 

개발 취지 및 목적

1. 다이어트 하려는 이용자들에게 식단운동방법들을 제공하고 다른 사용자들과도 정보를 공유 할 수 있는 커뮤니티 사이트이다.

2. 다이어트정보뿐만 아니라 이벤트기능을 넣어서 이용자들이 다이어트를 재미있게 할 수 있도록 제작.

3. 사용자가 섭취한 음식칼로리운동한 운동량을 다이어트일기장에 기재함으로써 지속적인 관리도모.

실행화면

 

 

 

  세부내용

1. 홈페이지 초기화면

2. 상단에 login, register 배치하여 이용자들이 로그인과 회원가입을 할 수 있도록 하였다.

3. 상단에 다이어트 일기장과 before & after, 식단운동방법을 배치하여 누르면 곧바로 페이지가 이동하도록 하였다.

실행화면

 

 

 

 세부내용

1. 홈페이지 초기화면

2. 홈페이지 중간 부분에 운동하는 동영상과 배너를 배치하였다.

3. Diary, 전후사진식단운동방법을 누르면 해당 페이지로 이동이 가능하다.

 실행화면

 

 

 

 세부내용

1. Before & After 월간베스트 페이지

2. 추천수가 제일 높은 순으로 세 개의 베스트 사진이 뽑히게 된다.

3. 매 달 베스트 사진은 추천수에 따라 달라지게 된다. 

 실행화면

 

 

 

새부내용 

1. Before & After리스트 페이지

2. 최근에 올린 순서대로 리스트 에 기재 된다.

 실행화면

 

 

 

 세부내용

1. Before&After 여자만 선택 가능한 페이지

2. 남//전체 세 개로 구분하여 여자부분을 누르면 여성회원들이 올린 사진만 리스트에 올라오게 되는 기능이다.

 실행화면

 

 

 

 세부내용

1. Before&After 남자만 선택 가능한 페이지

2. 남//전체 세 개로 구분하여 여자부분을 누르면 여성회원들이 올린 사진만 리스트에 올라오게 되는 기능이다.

 실행화면

 

 

 

 세부내용

1. Before & After 검색 및 페이지분리 페이지

2. 상단 부분에 검색기능이 가능하다.

3. 검색은제목,내용,제목+내용작성자로 검색이 가능하다. ,

 실행화면

 

 

 

 

 

 

 

 

 세부내용

1. Before & After 글쓰기페이지

2. Before&After 페이지에서 로그인한후 글쓰기 버튼을 누르면 보이는 페이지이다로그인 한 회원만 기재가 가능하다.

3. 제목/후사진아이디연령대성별감량전 몸무게감량후 몸무게감량후기 순서대로 기재한 후 저장하면 된다.

4. 아이디와 성별은 회원가입 했을 때 기재된 내용으로 자동으로 생성된다.

실행화면

 

 

 

 세부내용

1. Before & After 수정페이지

2. 로그인 한 후 자신이 올린 페 이지에서 제목사진연령감량전후감량후기 내용을 수 정할 수있다..

 

먼저 비밀번호를 입력하여 주세요.

창닫기확인

TOP