SlideShare a Scribd company logo
Mans Community
INDEX Summary
Design
Function
Summary1.
1 프로젝트 개요
✓ Mans Community (M'sC)
전 세계의 남성들이 흥미를 가질만한 요소들로 한 눈에 보기 좋은 심플한
느낌의 홈페이지를 구성하여 클라이언트(사용자)간의 자유로운
소통과 공유가 가능한 커뮤니티 홈페이지를 구성
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
1 개발 파트 분담 역활
✓ 권혁모: CSS,JavaScript,jquery 주요 담당
✓ 이지섭: DB 총괄업무 담당, 홈페이지의 전반적인 기능 구현
✓ 노용준: CSS,각 게시판 폼 디자인 담당
✓ 송준일: CSS, DB, 게시판 기능 구현,프로젝트 통합
✓ 개발자 - 권혁모 , 이지섭 , 노용준 , 송준일
4MAN
✓ 제작기간 - 2016.04.05~2016.04.25
Design2
홈페이지 설계2
Index HomePage를 기존에 벤치마킹한 Nick와 비슷한 느낌으로 깔끔
하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서
메뉴의 목록과 홈페이지가 한눈에 들어올수 있다.
추가기능 - 메인 이미지를 슬라이드 기능을 이용하여 시간마다 넘어가여
다른이미지로 변환이 되도록 구현
홈페이지 설계2
Index HomePage를 기존에 벤치마킹한 Nick와 비슷한 느낌으로 깔끔
하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서
메뉴의 목록과 홈페이지가 한눈에 들어올수 있다.
추가기능 - 홈페이지를 축소하였을때 몇퍼센트로 축소 하였을때
ICON 이미지로 홈페이지가 변하여 한눈에 들어올수 있도록 구현
Login Page
2
Member(Join) Page
2
✓ 회원 가입 홈페이지
✓ ID 중복체크 기능 구현
✓ 닉네임 중복체크 기능 구현
✓ㄴㄴ닉
✓ PW 일치 및 조건 기능 구현
✓ 각폼에 형식을 주어 형식에
맞지 않으면 경고 메시지 출력
ㅇㅇ
ㅇㅇ
ㅇ
MY Info Page
2
My Info Page로서 회원가입시 입력했던 정보를 한눈에 볼수 있는 페이
지 입니다.
Board List Page2
GameBoard
FreeBoard
Board List Page
2
Sports Board
Travel Board
Board List Such
2
Such Step.1
Such Step.3
Such Step.2
List View Page
2
List View Page
2
댓글 기능을 Ajax로 구현하여 게시글은 물론 댓글기능으로 사용자들
간의 소통이 가능합니다.
Q&A Board
2
Q&A 홈페이지를 구성하여 클라이언트간 질문사항이나 문의사항 등
글을 수렴하고 그 게시글에 대한 답글 기능을 구현하여 즉시 답변이 가
능합니다.
Level Page
2
LEVEL 시스템을 도입해 각 레벨에 맞는 혜택을 부여,
클라이언트간 경쟁심을 유발하여 활발한 활동을 유도하였습니다.
프로젝트 구조
2
Function3
Flow Chart (Main)
3
Main
비회원 회원 관리자
로그인
회원가입
정보변경
마이페이지
회원관리
공지사항
로그인
Flow Chart (Member)
3
회원
회원관리 각종게시판 Q&A
정보수정
회원탈퇴
게임
글쓰기
글보기
댓글
수정
삭제
스포츠 음식
영화
여행
문의사항
Flow Chart (Admin)3
Admin
통계 게시판관리 회원관리
로그인
방문자 수
글 삭제
글 수정
글 이동
글 보기
회원 정지
회원 검색
가입자 수
기능 및 주안점3
✓ 주안점
홈페이지를 구성함에 앞서 주안점으로는
Level System을 추가하여 모든 유저의 등급을
부여하고 단순 커뮤니티 사이트가 아닌 경쟁을
유도하여 조금더 활발한 페이지를 구성
Level System에서 등급별로 어떠한 혜택을
부여해야 할지 생각중..
Thank You

More Related Content

What's hot

드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서draghome
 
Java script PPT #1 : 개요.
Java script PPT #1 : 개요.Java script PPT #1 : 개요.
Java script PPT #1 : 개요.Hong Jin Baek
 
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서Jeong Seak Jeong
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택Tai Hoon KIM
 
2016. 09. 19 oss wordpress 발표자료 최종본
2016. 09. 19 oss wordpress 발표자료 최종본2016. 09. 19 oss wordpress 발표자료 최종본
2016. 09. 19 oss wordpress 발표자료 최종본Shim Hyeong Gwan
 
비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초Gihyo Joshua Jang
 
프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음DataUs
 
[EWD2014]CLASS10
[EWD2014]CLASS10[EWD2014]CLASS10
[EWD2014]CLASS10JY LEE
 
웹-워크플로우 베스트프랙티스
웹-워크플로우 베스트프랙티스웹-워크플로우 베스트프랙티스
웹-워크플로우 베스트프랙티스Tai Hoon KIM
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향Jonathan Jeon
 
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1민태 김
 
프로그레시브 웹앱(Pwa)
프로그레시브 웹앱(Pwa)프로그레시브 웹앱(Pwa)
프로그레시브 웹앱(Pwa)Woncheol Lee
 
모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부NAVER D2
 
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)Ubuntu Korea Community
 
2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서블로그코디
 
마크업 개발, 어떤툴들을 사용하시나요?
마크업 개발, 어떤툴들을 사용하시나요?마크업 개발, 어떤툴들을 사용하시나요?
마크업 개발, 어떤툴들을 사용하시나요?Goonoo Kim
 
모바일웹Ui개발 저자세미나 1부
모바일웹Ui개발 저자세미나 1부모바일웹Ui개발 저자세미나 1부
모바일웹Ui개발 저자세미나 1부NAVER D2
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer ModelHan Lee
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료치웅 이
 

What's hot (20)

드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서
 
Java script PPT #1 : 개요.
Java script PPT #1 : 개요.Java script PPT #1 : 개요.
Java script PPT #1 : 개요.
 
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택
 
2016. 09. 19 oss wordpress 발표자료 최종본
2016. 09. 19 oss wordpress 발표자료 최종본2016. 09. 19 oss wordpress 발표자료 최종본
2016. 09. 19 oss wordpress 발표자료 최종본
 
Jinyweb
JinywebJinyweb
Jinyweb
 
비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초
 
프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음
 
[EWD2014]CLASS10
[EWD2014]CLASS10[EWD2014]CLASS10
[EWD2014]CLASS10
 
웹-워크플로우 베스트프랙티스
웹-워크플로우 베스트프랙티스웹-워크플로우 베스트프랙티스
웹-워크플로우 베스트프랙티스
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
 
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1
 
프로그레시브 웹앱(Pwa)
프로그레시브 웹앱(Pwa)프로그레시브 웹앱(Pwa)
프로그레시브 웹앱(Pwa)
 
모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부
 
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)
이동현 - 오픈소스 DBMS 큐브리드 (2009Y05M30D)
 
2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서
 
마크업 개발, 어떤툴들을 사용하시나요?
마크업 개발, 어떤툴들을 사용하시나요?마크업 개발, 어떤툴들을 사용하시나요?
마크업 개발, 어떤툴들을 사용하시나요?
 
모바일웹Ui개발 저자세미나 1부
모바일웹Ui개발 저자세미나 1부모바일웹Ui개발 저자세미나 1부
모바일웹Ui개발 저자세미나 1부
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료
 

Viewers also liked

문디 3주차 | Data frame & Lists
문디 3주차 | Data frame & Lists 문디 3주차 | Data frame & Lists
문디 3주차 | Data frame & Lists 동철 정
 
M5 6 1
M5 6 1M5 6 1
M5 6 1nexthw
 
GNOME3 & 그놈 한국 공동체
GNOME3 & 그놈 한국 공동체GNOME3 & 그놈 한국 공동체
GNOME3 & 그놈 한국 공동체Joone Hur
 
(Tide Academy) Bandi Presentation
(Tide Academy) Bandi Presentation(Tide Academy) Bandi Presentation
(Tide Academy) Bandi PresentationShin-Wook Kang
 
자연을 닮은 집 생태건축의 재발견
자연을 닮은 집 생태건축의 재발견자연을 닮은 집 생태건축의 재발견
자연을 닮은 집 생태건축의 재발견Seongwon Kim
 
바우하우스
바우하우스바우하우스
바우하우스hongye06
 
207140040 서혜주
207140040 서혜주207140040 서혜주
207140040 서혜주littlechi
 
SW개발자가 얘기하는 건축이야기
SW개발자가 얘기하는 건축이야기SW개발자가 얘기하는 건축이야기
SW개발자가 얘기하는 건축이야기Sangwon Ko
 
[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPTInhye Lee
 

Viewers also liked (12)

문디 3주차 | Data frame & Lists
문디 3주차 | Data frame & Lists 문디 3주차 | Data frame & Lists
문디 3주차 | Data frame & Lists
 
M5 6 1
M5 6 1M5 6 1
M5 6 1
 
GNOME3 & 그놈 한국 공동체
GNOME3 & 그놈 한국 공동체GNOME3 & 그놈 한국 공동체
GNOME3 & 그놈 한국 공동체
 
메타포+정보구성
메타포+정보구성메타포+정보구성
메타포+정보구성
 
(Tide Academy) Bandi Presentation
(Tide Academy) Bandi Presentation(Tide Academy) Bandi Presentation
(Tide Academy) Bandi Presentation
 
자연을 닮은 집 생태건축의 재발견
자연을 닮은 집 생태건축의 재발견자연을 닮은 집 생태건축의 재발견
자연을 닮은 집 생태건축의 재발견
 
바우하우스
바우하우스바우하우스
바우하우스
 
207140040 서혜주
207140040 서혜주207140040 서혜주
207140040 서혜주
 
SW개발자가 얘기하는 건축이야기
SW개발자가 얘기하는 건축이야기SW개발자가 얘기하는 건축이야기
SW개발자가 얘기하는 건축이야기
 
[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT
 
App 1차pt
App 1차ptApp 1차pt
App 1차pt
 
커뮤니티맵핑 발표자료
커뮤니티맵핑 발표자료커뮤니티맵핑 발표자료
커뮤니티맵핑 발표자료
 

Similar to Man's community(Man's)

[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...JinKwon Lee
 
[I2max 아이투맥스] 2015 salesforce 발표자료 cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...
[I2max 아이투맥스] 2015 salesforce 발표자료  cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...[I2max 아이투맥스] 2015 salesforce 발표자료  cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...
[I2max 아이투맥스] 2015 salesforce 발표자료 cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...i2max
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.효근 박
 
중고나라 거래 통계 서비스 1차 개발 완료 보고
중고나라 거래 통계 서비스 1차 개발 완료 보고중고나라 거래 통계 서비스 1차 개발 완료 보고
중고나라 거래 통계 서비스 1차 개발 완료 보고embian
 
[Ewd]class05 0405
[Ewd]class05 0405[Ewd]class05 0405
[Ewd]class05 0405jylee6977
 
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트Dae Kim
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a jobDeo Kim
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하GyooHa Kim
 
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해Terry Cho
 
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overviewMEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview민태 김
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현kdh24
 
서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)수보 김
 
주니어 개발자의 개인프로젝트 개발기
주니어 개발자의 개인프로젝트 개발기주니어 개발자의 개인프로젝트 개발기
주니어 개발자의 개인프로젝트 개발기sung yong jung
 
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)Sang Don Kim
 
Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'ssuser4e0be8
 
Front end dev 2016 & beyond
Front end dev 2016 & beyondFront end dev 2016 & beyond
Front end dev 2016 & beyondJae Sung Park
 
[D2 오픈세미나]3.자바스크립트mean스택 김태훈
[D2 오픈세미나]3.자바스크립트mean스택 김태훈[D2 오픈세미나]3.자바스크립트mean스택 김태훈
[D2 오픈세미나]3.자바스크립트mean스택 김태훈NAVER D2
 
[아꿈사/110903] 도메인주도설계 4장
[아꿈사/110903] 도메인주도설계 4장[아꿈사/110903] 도메인주도설계 4장
[아꿈사/110903] 도메인주도설계 4장sung ki choi
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 

Similar to Man's community(Man's) (20)

[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
 
[I2max 아이투맥스] 2015 salesforce 발표자료 cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...
[I2max 아이투맥스] 2015 salesforce 발표자료  cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...[I2max 아이투맥스] 2015 salesforce 발표자료  cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...
[I2max 아이투맥스] 2015 salesforce 발표자료 cloud동향에서 salesforce 앱 개발까지_ salesfroce 1...
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.
 
중고나라 거래 통계 서비스 1차 개발 완료 보고
중고나라 거래 통계 서비스 1차 개발 완료 보고중고나라 거래 통계 서비스 1차 개발 완료 보고
중고나라 거래 통계 서비스 1차 개발 완료 보고
 
[Ewd]class05 0405
[Ewd]class05 0405[Ewd]class05 0405
[Ewd]class05 0405
 
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a job
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하
 
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
 
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overviewMEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현
 
Web micro blog
Web micro blogWeb micro blog
Web micro blog
 
서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)
 
주니어 개발자의 개인프로젝트 개발기
주니어 개발자의 개인프로젝트 개발기주니어 개발자의 개인프로젝트 개발기
주니어 개발자의 개인프로젝트 개발기
 
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)
[Td 2015]구름 위로 올려 어느 곳에서든 연결되는 서비스 azure 앱 서비스(이종인)
 
Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'
 
Front end dev 2016 & beyond
Front end dev 2016 & beyondFront end dev 2016 & beyond
Front end dev 2016 & beyond
 
[D2 오픈세미나]3.자바스크립트mean스택 김태훈
[D2 오픈세미나]3.자바스크립트mean스택 김태훈[D2 오픈세미나]3.자바스크립트mean스택 김태훈
[D2 오픈세미나]3.자바스크립트mean스택 김태훈
 
[아꿈사/110903] 도메인주도설계 4장
[아꿈사/110903] 도메인주도설계 4장[아꿈사/110903] 도메인주도설계 4장
[아꿈사/110903] 도메인주도설계 4장
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 

Man's community(Man's)

  • 4. 1 프로젝트 개요 ✓ Mans Community (M'sC) 전 세계의 남성들이 흥미를 가질만한 요소들로 한 눈에 보기 좋은 심플한 느낌의 홈페이지를 구성하여 클라이언트(사용자)간의 자유로운 소통과 공유가 가능한 커뮤니티 홈페이지를 구성
  • 5. 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
  • 6. 1 개발 파트 분담 역활 ✓ 권혁모: CSS,JavaScript,jquery 주요 담당 ✓ 이지섭: DB 총괄업무 담당, 홈페이지의 전반적인 기능 구현 ✓ 노용준: CSS,각 게시판 폼 디자인 담당 ✓ 송준일: CSS, DB, 게시판 기능 구현,프로젝트 통합 ✓ 개발자 - 권혁모 , 이지섭 , 노용준 , 송준일 4MAN ✓ 제작기간 - 2016.04.05~2016.04.25
  • 8. 홈페이지 설계2 Index HomePage를 기존에 벤치마킹한 Nick와 비슷한 느낌으로 깔끔 하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서 메뉴의 목록과 홈페이지가 한눈에 들어올수 있다. 추가기능 - 메인 이미지를 슬라이드 기능을 이용하여 시간마다 넘어가여 다른이미지로 변환이 되도록 구현
  • 9. 홈페이지 설계2 Index HomePage를 기존에 벤치마킹한 Nick와 비슷한 느낌으로 깔끔 하고 심플하게 제작 다른 타 사이트들과 달리 광고와 배너가 없어서 메뉴의 목록과 홈페이지가 한눈에 들어올수 있다. 추가기능 - 홈페이지를 축소하였을때 몇퍼센트로 축소 하였을때 ICON 이미지로 홈페이지가 변하여 한눈에 들어올수 있도록 구현
  • 11. Member(Join) Page 2 ✓ 회원 가입 홈페이지 ✓ ID 중복체크 기능 구현 ✓ 닉네임 중복체크 기능 구현 ✓ㄴㄴ닉 ✓ PW 일치 및 조건 기능 구현 ✓ 각폼에 형식을 주어 형식에 맞지 않으면 경고 메시지 출력 ㅇㅇ ㅇㅇ ㅇ
  • 12. MY Info Page 2 My Info Page로서 회원가입시 입력했던 정보를 한눈에 볼수 있는 페이 지 입니다.
  • 14. Board List Page 2 Sports Board Travel Board
  • 15. Board List Such 2 Such Step.1 Such Step.3 Such Step.2
  • 17. List View Page 2 댓글 기능을 Ajax로 구현하여 게시글은 물론 댓글기능으로 사용자들 간의 소통이 가능합니다.
  • 18. Q&A Board 2 Q&A 홈페이지를 구성하여 클라이언트간 질문사항이나 문의사항 등 글을 수렴하고 그 게시글에 대한 답글 기능을 구현하여 즉시 답변이 가 능합니다.
  • 19. Level Page 2 LEVEL 시스템을 도입해 각 레벨에 맞는 혜택을 부여, 클라이언트간 경쟁심을 유발하여 활발한 활동을 유도하였습니다.
  • 22. Flow Chart (Main) 3 Main 비회원 회원 관리자 로그인 회원가입 정보변경 마이페이지 회원관리 공지사항 로그인
  • 23. Flow Chart (Member) 3 회원 회원관리 각종게시판 Q&A 정보수정 회원탈퇴 게임 글쓰기 글보기 댓글 수정 삭제 스포츠 음식 영화 여행 문의사항
  • 24. Flow Chart (Admin)3 Admin 통계 게시판관리 회원관리 로그인 방문자 수 글 삭제 글 수정 글 이동 글 보기 회원 정지 회원 검색 가입자 수
  • 25. 기능 및 주안점3 ✓ 주안점 홈페이지를 구성함에 앞서 주안점으로는 Level System을 추가하여 모든 유저의 등급을 부여하고 단순 커뮤니티 사이트가 아닌 경쟁을 유도하여 조금더 활발한 페이지를 구성 Level System에서 등급별로 어떠한 혜택을 부여해야 할지 생각중..