Semi Project :COLD EYES(감시자들)

 개발환경

 OS

Window7

DBMS

Oracle 11G

 Language

JAVA 5.0, Servlet & JSP, HTML5,CSS3, Javascript,jQuery

WAS

TOMCAT 5.5

 개발툴

DB 설계

SQL TOOLS

 Design

 Photoshop CS5

 Programing

 Eclipse

 개발기간

 개발인원

2014.06.16. ~ 2014.06.23 ( 7일)

5명

프로젝트 내용

각 조원들의 개성을 살려 다른 사람들 에게 우리를 표현 할 수 있는 홈페이지를 제작 하게 되었습니다. 컨셉은 감시자들로 ‘우리를 감시한다’라는 의미로 만들었으며 jQuery를 이용하여 역동적인 움직임을 표현해 보았습니다. 그리고 회원가입과 로그인을 통해 자료나 게시판을 이용하여 커뮤니케이션을 활성화 하였습니다.

[전체] 세부기능 요약 및 설명

 상세화면

 기능설명

 상세화면

기능설명 

로그인 :

로그인을 하여 사진&자료

등을 업로드 할 수 있으며 게시판을 이용하여 글을 올리거나 댓글을 달수 있게 하였다.

회원가입 :

회원가입을 통하여 회원로그인을 할 수 있으며 DB를 통해 저장을 한다.

앨범 :

조원의 사진이나 가입자들이 사진업로드를 할 수가 있으며 원하는 사진을 다운을 받을 수 있게 하였다.

Works :

수업을 하면서 프로젝트를 한 자료나 파일을 올리는 페이지입니다.

Board :

게시판 페이지입니다.

게시판 글을 올리거나

덧글 을 작성 할 수 있습니다.

Site :

사이트 페이지입니다.

유명사이트 나 다른 조의 사이트 링크를 걸려 있어 바로 사이트에 접속 할 수 있게 만들었습니다.

세미 프로젝트

  상세화면

 기능설명

Album :

제가 조에서 맡은 부분 엘범 페이지 부분이며 제이쿼리와 HTML/CSS, DB를 이용하여 만들었으며 디자인은 윈도우8 모티브를 따서 만들었습니다.

이미지 화면 :

이미지 화면은 제이쿼리를 이용하여 만들었으며 제이쿼리 소스는 http://www.htmldrive.net/ 에서 이용을 했습니다. 이미지를 업로드를 하면은 밑에 메뉴에 바로 나오게 만들었으며 클릭하면 사진이 보이게 만들었습니다.

앨범 업로드 :

앨범 업로드 부분이며 제목 첨부파일 글을 쓸 수

있게 만들었으며 이미지 크기 상관이 어떤 이미지든

업로드를 할 수 있습니다.

앨범 게시판이며 하단에 검색 창에서 제목을 검색을 하면 검색한 테이블만 나오게 했으며 입을 클릭을 하면 수정이나 삭제를 할 수 있고 파일을 클릭을 하면 해당 파일을 다운을 받을 수 있습니다.

메인 화면 :

메인 화면 Content부분(중앙부분)을 만들었으며 제이쿼리를 이용 하였고 마우스가 오버하면 뒤에 있는 화면이 움직이게 했으며 클릭을 하면 앨범페이지 와 동일하게 이미지 화면을 보이게 만들었습니다.