구현기능 |
HTML과 CSS를 통해 화면을 구성
- 메인 페이지 : 베이비 시스템 시터 이미지를 클릭하면 메인페이지로 이동하는 기능, 로그인페이지, 회원가입페이지, 돌봄이찾기, 부모찾기, 공지사항, 고객센터로 이동하는 기능 구현. 부트스트랩을 활용한 슬라이더 구현. header와 footer jsp페이지를 나눠 페이지별로 include하여 사용하는 기능 구현. 관리자가 등록 설정 한 개인회원의 프로필과 부모회원의 구인공고를 DB에서 불러와 메인페이지 하단에 출력하는 기능 구현.
- 로그인 페이지 : 개인회원, 부모회원, 관리자 별로 유형을 나눠 로그인할 수 있는 로그인페이지 구현. 유형별로 DB에 저장된 정보가 존재하지 않으면 확인문구가 나타나고 로그인에 실패하는 기능 구현.
- 아이디/비밀번호 찾기 페이지 : 개인회원, 부모회원의 유형을 나눠 선택하고 입력한 정보와 DB의 정보가 일치하면 알림창으로 해당 정보를 출력하는 기능 구현.
- 회원가입 페이지 : 개인회원과 부모회원중에 선택하여 유형을 나누고 프로필사진, 아이디, 비밀번호, 이름, 이메일, 생일, 주소, 휴대폰번호, 성별의 정보를 입력받아 회원가입하는 기능 구현. 프로필사진을 제외한 모든 정보는 필수사항이고 아이디를 입력했을 때 DB에 중복되는 아이디를 입력하면 ‘이 아이디는 사용 중 입니다.’라는 라벨문구로 경고하고 회원가입에 실패한다. 마찬가지로 각 항목별로 형식에 맞지 않는 값들을 입력하면 라벨문구로 경고하고 회원가입에 실패하는 기능 구현.
- 마이 페이지 : 우측 상단 로그인한 사용자의 이름을 클릭하면 마이 페이지로 이동. 관리자, 개인회원, 부모회원별로 확인할 수 있는 정보가 모두 다르고 관리자는 마이페이지, 쪽지, 포인트, 프로필 & 공고 탭으로 나뉘고 마이페이지 탭에서 개인회원과 부모회원 관리를 할 수 있는 기능 구현. 쪽지 탭에서는 쪽지를 받는 사람의 아이디와 전해줄 제목, 내용을 입력하여 등록할 수 있는 기능 구현. 보낸쪽지함과 받은쪽지함으로 정보를 확인할 수 있다. 포인트 탭에서는 번호, 아이디, 거래구분, 금액, 날짜, 보유포인트를 게시판 형태로 출력해준다. 프로필 & 공고 탭에서 등록설정을 해야만 개인회원과 부모회원의 글이 리스트로 정상출력된다.
개인회원과 부모회원은 기본정보관리, 쪽지보내기, 포인트, 내가 쓴 글, 거래탭으로 나뉘고 기본정보관리 탭에서 자신의 정보를 확인하고 수정, 탈퇴할 수 있는 기능 구현. 쪽지는 관리자와 기능이 같고 포인트 탭에서 포인트거래내역을 확인하고 포인트 충전 할 수 있는 기능구현. 내가 쓴 글 탭에서 내 문의글과 게시글을 확인하는 기능 구현. 거래 탭에서 개인회원은 내 지원현황을 확인하고 부모회원은 내 채용현황을 확인하는 기능 구현.
- 돌봄이 찾기 페이지 : 개인회원들이 입력한 정보들을 리스트로 보여주는 페이지. 개인회원이 로그인했을 때만 글쓰기 기능을 사용할 수 있는 기능 구현. 글쓰기버튼 아래에 있는 검색창과 체크버튼에 값을 입력하면 실시간으로 항목에 맞는 리스트가 출력되는 기능 구현. 리스트는 기본적으로 4개를 출력하고 5개 이상의 리스트가 존재하면 스크롤을 내려서 정보를 확인할 수 있는 기능 구현. 리스트는 관리자가 마이페이지 프로필 & 공고에서 등록 설정해야만 추가된다.
- 부모찾기 페이지 : 부모회원들이 입력한 정보들을 리스트로 보여주는 페이지. 부모회원이 로그인했을 때만 글쓰기 기능을 사용할 수 있는 기능 구현. 글쓰기버튼 아래에 있는 검색창과 체크버튼에 값을 입력하면 실시간으로 항목에 맞는 리스트가 출력되는 기능 구현. 리스트는 기본적으로 4개를 출력하고 5개 이상의 리스트가 존재하면 스크롤을 내려서 정보를 확인할 수 있는 기능 구현. 리스트는 관리자가 마이페이지 프로필 & 공고에서 등록 설정해야만 추가된다.
- 글쓰기(프로필 등록) 페이지 : 돌봄이 찾기 페이지 리스트에 출력될 정보를 입력받는 페이지. 프로필사진, 제목, 자기소개, 학력, 희망시급, 활동, 활동주소, 활동시간을 입력하여 프로필등록 버튼을 누르면 DB에 항목별로 값을 저장하는 기능 구현. 모든 항목을 입력해야 하고 활동주소에 다음map api기능을 연결하여 주소를 검색하는 기능을 구현했고 활동시간을 클릭하면 오늘의 날짜부터 선택할 수 있고 날짜를 클릭하면 시간표 테이블이 출력되며 일주일단위의 값을 입력할 수 있는 기능구현.
- 글쓰기(구인 공고) 페이지 : 부모찾기 페이지 리스트에 출력될 정보를 입력받는 페이지. 아이 수, 프로필사진, 제목, 내용, 희망시급, 활동, 활동주소, 활동시간을 입력하여 프로필등록 버튼을 누르면 DB에 항목별로 값을 저장하는 기능 구현. 모든 항목을 입력해야 하고 활동주소에 다음map api기능을 연결하여 주소를 검색하는 기능을 구현했고 활동시간을 클릭하면 오늘의 날짜부터 선택할 수 있고 날짜를 클릭하면 시간표 테이블이 출력되며 일주일 단위의 값을 입력할 수 있는 기능구현.
- 돌봄이 찾기 상세페이지 : 돌봄이 찾기에 출력된 리스트를 클릭하면 해당 리스트를 입력했던 회원의 정보를 출력하는 페이지. 이름, 조회수, 평점, 학력, 희망시급, 자기소개, 활동, 활동주소, 시간표를 보여주고 부모회원은 채용하기 버튼의 기능을 수행할 수 있도록 구현.
- 부모찾기 상세페이지 : 부모찾기에 출력된 리스트를 클릭하면 해당 리스트를 입력했던 회원의 정보를 출력하는 페이지. 이름, 조회수, 평점, 아동수, 성별, 자기소개, 활동, 활동주소, 시간표를 보여주고 개인회원은 지원하기 버튼의 기능을 수행할 수 있도록 구현.
- 공지사항 페이지 : 관리자가 입력한 정보를 확인할 수 있는 페이지. 개인회원과 부모회원은 글을 쓸 수 없고 읽기만 할 수 있다.
- 고객센터 페이지 : 개인회원과 부모회원이 관리자에게 문의할 수 있는 페이지. 회원은 글쓴이, 제목, 내용, 파일첨부 값을 등록한다. 관리자로 로그인하여 고객센터 페이지로 이동하면 회원이 등록한 글을 번호, 종류, 제목, 글쓴이, 날짜, 조회수, 파일, 표시로 구분하여 게시판형태로 값을 확인하고 제목을 클릭하면 해당 글의 내용이 표시되는 페이지로 이동한다. 관리자는 댓글을 남길 수 있고 회원은 마이페이지에서 내가 쓴 글에 내 문의글에서 고객센터를 통해 등록한 문의내용과 관리자가 남긴 댓글을 확인하는 기능 구현. |