StarBook & Community
관리자
view : 1607
기간 :2016-06-13 ~ 2016-12-12 ( 월,화,수,목,금 )
URL :
커뮤니티페이지와 일상생활 공유 및 정보공유 자료제공
[ StarBook & Community ]
|
Final project |
“StarBook & Community” |
||||||||
|
개발환경 |
OS |
Windows 7 | |||||||
|
DBMS |
Oracle Database 11g Express Edition Release 11.2.0.2.0 | ||||||||
|
Language |
Java, JavaScript |
||||||||
|
Development tool |
Eclipse, SQLTools | ||||||||
|
추가 S/W |
Apache Tomcat / 8.0.36 | ||||||||
|
개발인원 |
개발기간 |
||||||||
|
6 명 |
2016-11-07 (월) ~ 2016-12-07 (수) |
||||||||
|
|
개발 취지 및 목적 |
||||||||
|
1. 커뮤니티페이지와 일상생활 공유 및 정보공유 자료제공
2. 친구 추가기능 및 즐겨찾기 기능으로 유용성 추가 사용 편리성 제공
3. 광고 노출로 클릭 수당 광고수익창조
|
|||||||||
|
DATABASE 구조도 |
|||||||||
|
|
|||||||||
|
프로젝트 일정 |
|||||||||
|
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. starbook클릭시 로그인 활성화 된상태라면 스타북으로 이동, 비로그인 상태라면 인덱스화면 유지 (마우스 오버시 한글 설명 표기)
2. community클릭시 로그인 여부 상관없이 커뮤니티페이지로 이동
3. 아이디라벨 클릭시 아이디입력창 커서이동
4. 암호라벨 클릭시 암호입력창으로 커서이동
5. 커뮤니티 부분 이미지클릭시 커뮤니티이동
6. 회원가입폼 정보입력시 정규식으로 미입력사항 및 오입력사항 alert창으로 표기
7. ooter부분 팀원 이름 클릭시 다이얼로그로 프로필 노출
8. 영역 크기 유동성 작업으로 페이지창 크기에 따른 대응 가능
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. ①.리스트에 게시할 글 내용을 적는 텍스트창
2. ②.글과 함께 등록할 사진을 선택하는 버튼 사진 수는 1개부터 4개까지 등록 할 수 있음
3. ③.공개 여부를 선택 하는 창 전체공개는 친구나 친구가 아닌 사람에게 글이 공개 됨
4. ④.글을 등록한 위치를 선택하는 텍스트 도나 시까지만 검색하여 등록 가능
5. ⑤.게시 버튼을 하면 입력 폼에 기재한 정보가 인풋으로 넘어가 데이터베이스에 저장되고
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. ① input 화면 에서 업로드한 사진
2. ② 사진의 갯수가 2개 이상일때 슬라이드 기능으로 이전 사진을 볼 수 있음
3. 사진의 갯수가 2개 이상일때 슬라이드 기능으로 다음 사진을 볼 수 있음 4. 글을 게시한 아이디의 닉네임, 프로필 이미지,게시 날짜,위치등과 함께 글 내용이 함께 기재됨. 5. 이 글의 현재 좋아요 개수 6. 현재 페이지의 로그인한 아이디의 프로필 이미지 이글에 댓글을 입력할 수 있는 텍스트 창 7. 댓글을 입력하고 싶은 글을 입력하고 게시 버튼을 누르면 댓글 목록의 가장 하단에 글이 게시됨 8. 댓글을 입력한 회원의 프로필 이미지, 닉네임, 게시 날짜, 댓글 내용이 기재됨 |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 정보 수정하기 팝업창 생성
2. 정보 삭제하기 팝업창 생성
3. 좋아요 수 증가
4. 댓글 수 띄워주기 5. 누르면 view 팝업창이 뜨고 댓글 달기 6. 친구 목록으로 이동 7. 사진 목록으로 이동 8. 즐겨찾기 목록으로 이동
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 완료버튼 누르면 수정 완료 후 개인페이지 이동 2. 취소 누르면 변경 없이 개인페이지 3. 비밀번호가 일치하지 않으면 경고창, 수정 불가 |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 등록한 글에 있는 사진, 커버사진, 프로필 사진을 띄움 2. 사진을 누르면 해당 글을 팝업창으로 띄움
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 커버나 프로필 사진 등록을 누르면 팝업창이 뜨고 이미지 설정 가능 2. 커버 사진 변경 버튼
3. 프로필 사진 변경 버튼
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 각자 다른 사람들이 광고를 신청을 하면 페이지에 신청목록들이 뜸. 2. 신청된 광고 목록들을 보고 절절한지 부절적한지 판단하여 수락을 함 3. 수락을 하게 되면 광고목록으로 넘어감
4. 거절을 하게 되면 지워짐
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 신청목록에서 수락된 광고들만 보여짐 2. 광고 종료일과 클릭수가 다 되면 삭제됨 |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 메뉴 바, 아이템을 클릭하면 아래로 메뉴가 생성됨, 각 메뉴의 최하단 메뉴를 누를 시 게시판 페이지로 이동.
2. 섹션 탭, 공지사항, 오늘의 추천 글 목록, 이달의 게시판별 게시글 랭킹, 이달의 회원 추천 수 랭킹 아이템이 있음, 글 제목 클릭 시 해당 글로 이동
3. 해더 탭, 스타북과 커뮤니티 이동 버튼이 있고, 검색과 로그인 탭이 있음.eq \o\ac(○,1)
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 리스트 아이템, 데이터베이스에서 가져온 내용들 공지사항은 마지막에 작성한 1개의 아이템만 최상단에 위치하도록 배치, 게시글 이름 앞에 썸네일이 있고, 뒤에 ‘- 댓글 수’를 붙여줌
2. 게시판 검색 탭, 해당 게시판의 게시글을 검색 할 수 있다. 셀렉트 박스에서 검색 조건 선택 가능
3. 글쓰기 버튼, 해당버튼을 누르면 글쓰기 탭으로 이동 가능
4. 페이지 이동 탭, 원하는 페이지로 이동 할 수 있다. |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 댓글 등록 시 알림창이 생성됨
2. 게시글 뷰 탭 하단에 리스트 탭이 존재한다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 모바일페이지 각 페이지, 스타일만 변경시켰고, 광고부분을 없앴음, 반응형 웹페이지로 만들어져 있음
|
|||||||||
