man's community(man's)

26
Mans Community

Upload: -

Post on 14-Apr-2017

108 views

Category:

Social Media


0 download

TRANSCRIPT

Page 1: Man's community(Man's)

Mans Community

Page 2: Man's community(Man's)

INDEX Summary

Design

Function

Page 3: Man's community(Man's)

Summary1.             개요

Page 4: Man's community(Man's)

1 프로젝트 개요

✓  Mans Community (M'sC)

전 세계의 남성들이 흥미를 가질만한 요소들로 한 눈에 보기 좋은 심플한 느낌의 홈페이지를 구성하여 클라이언트 (사용자 )간의 자유로운소통과 공유가 가능한 커뮤니티 홈페이지를 구성 

Page 5: Man's community(Man's)

1 개발환경

✓ Tool : Eclipse

✓ Server :  Apache Tomcat 8.0

✓ DataBase: SQL Tools(Orcle)

✓ Browser: Google Chrome

✓ Language:Java,Jsp,Jquery,Ajax,JavaScript,CSS

✓  개발자 -   권혁모 , 이지섭 , 노용준 , 송준일4MAN

✓ 제작기간  -  2016.04.05~2016.04.25

Page 6: Man's community(Man's)

1 개발 파트 분담 역활

✓ 권혁모 : CSS,JavaScript,jquery 주요 담당✓ 이지섭 : DB 총괄업무 담당 ,  홈페이지의 전반적인 기능 구현✓ 노용준 : CSS, 각 게시판 폼 디자인 담당✓ 송준일 : CSS, DB, 게시판 기능 구현 , 프로젝트 통합

✓   개발자 -    권혁모 ,   이지섭 ,   노용준 , 송준일4MAN

✓ 제작기간  -  2016.04.05~2016.04.25

Page 7: Man's community(Man's)

Design2             설계

Page 8: Man's community(Man's)

홈페이지설계2

Index HomePage 를 기존에 벤치마킹한 Nick 와 비슷한 느낌으로 깔끔  하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서

메뉴의 목록과 홈페이지가 한눈에 들어올수 있다 . 

추가기능  - 메인 이미지를 슬라이드 기능을 이용하여 시간마다 넘어가여 다른이미지로 변환이 되도록 구현

Page 9: Man's community(Man's)

홈페이지설계2

Index HomePage 를 기존에 벤치마킹한 Nick 와 비슷한 느낌으로 깔끔  하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서

메뉴의 목록과 홈페이지가 한눈에 들어올수 있다 . 

추가기능  -  홈페이지를 축소하였을때 몇퍼센트로 축소 하였을때ICON 이미지로 홈페이지가 변하여 한눈에 들어올수 있도록 구현

Page 10: Man's community(Man's)

 Login Page2

Page 11: Man's community(Man's)

 Member(Join) Page2

✓  회원 가입 홈페이지✓ ID 중복체크 기능 구현✓  닉네임 중복체크 기능 구현✓ㄴㄴ닉✓ PW 일치 및 조건 기능 구현✓  각폼에 형식을 주어 형식에

 맞지 않으면 경고 메시지 출력 ㅇㅇㅇㅇㅇ

Page 12: Man's community(Man's)

 MY Info Page2

My Info Page 로서 회원가입시 입력했던 정보를 한눈에 볼수 있는 페이지입니다 . 

Page 13: Man's community(Man's)

  Board List Page2

GameBoard

 FreeBoard

Page 14: Man's community(Man's)

  Board List Page2

Sports  Board 

Travel Board 

Page 15: Man's community(Man's)

  Board List Such2

 Such Step.1 

 Such Step.3

Such Step.2 

Page 16: Man's community(Man's)

 List View Page2

Page 17: Man's community(Man's)

 List View Page2

  댓글 기능을 Ajax  로 구현하여 게시글은 물론 댓글기능으로 사용자들 간의 소통이 가능합니다 . 

Page 18: Man's community(Man's)

 Q&A Board2

Q&A 홈페이지를 구성하여 클라이언트간 질문사항이나 문의사항 등 글을 수렴하고 그 게시글에 대한 답글 기능을 구현하여 즉시 답변이 가능합니다 .

Page 19: Man's community(Man's)

 Level Page2

LEVEL 시스템을 도입해 각 레벨에 맞는 혜택을 부여 , 

클라이언트간 경쟁심을 유발하여 활발한 활동을 유도하였습니다 . 

Page 20: Man's community(Man's)

  프로젝트구조2

Page 21: Man's community(Man's)

Function3             기능

Page 22: Man's community(Man's)

Flow Chart (Main)3Main

비회원 회원 관리자

로그인

회원가입

정보변경

마이페이지

  회원관리

공지사항

로그인

Page 23: Man's community(Man's)

Flow Chart (Member)3회원

회원관리 각종게시판 Q&A

정보수정회원탈퇴게임

글쓰기글보기댓글수정삭제

스포츠 음식

영화 여행문의사항

Page 24: Man's community(Man's)

Flow Chart (Admin)3Admin

통계 게시판관리 회원관리

로그인

방문자 수

글 삭제 글 수정 글 이동 글 보기

회원 정지

회원 검색

가입자 수

Page 25: Man's community(Man's)

기능및주안점3✓ 주안점    홈페이지를구성함에앞서주안점으로는    Level System  을추가하여모든유저의등급을    부여하고단순커뮤니티사이트가아닌경쟁을    유도하여조금더활발한페이지를구성  Level System 에서등급별로어떠한혜택을    부여해야할지생각중 ..  

Page 26: Man's community(Man's)

Thank You