A Project

페 북

관리자

view : 320

교육기간 : 2018-12-17 ~ 2019-01-18 ( 월,화,수,목,금 )
URL :  
SNS 웹 홈페이지 제작

 

Final Project : 페 북

개발환경

OS

Microsoft Windows 10

DBMS

ORACLE 11.2

WAS

Tomcat 8.5

Language

JAVA, Servlet & JSP, HTML, Javascript

개발툴

Database

ORACLE, myBatis

Design

bootstrap, css

Editer

Spring Tool Suite

개발기간

개발인원

2018.12.17 ~ 2019.01.18. (31일)

4명

데이터베이스 다이어그램 (ERD)

 

개발목적 및 담당업무

개발목적 : 우리들의 생활에서 많이 사용되는 SNS를 이용자 입장이 아닌 개발자 입장에서 바라보고

다양한 조건으로 값을 가지고 오는 홈페이지를 만들고 싶어서 SNS 웹 홈페이지 제작

담당 업무 : 메인페이지 배치 및 디자인 , 웹 소켓 이용 채팅 시스템 구현 , 친구 태그 기능 구현

 

세부기능 요약 및 설명

 

 

  

 

페 북

로그인 시 메인 화면 구성

로그인 유저의 친구가 접속 시

웹 소켓을 이용 접속여부 체크

 

 

웹 소켓 이용 로그인 유저의 친구들과

실시간 채팅 가능

상단 이벤트 알림 탭을 클릭 시

lnterceptor 와 ajax 이용

해당 이벤트에 대한 상세정보 출력

 

 

 

 

글쓰기 입력창에서 친구태그하기 클릭 후

검색어 입력 시 ajax 이용 친구목록 검색

친구 태그 시 해당 유저로 링크

게시글 에서 좋아요, 댓글 등 이벤트 발생시

해당 유저 ajax처리 Tool팁으로 표현

 

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

창닫기확인

TOP