KH 프로젝트

KH정보교육원에서 진행하고 발표된 프로젝트를 과정별로 보실 수 있습니다.

[NCS]응용SW엔지니어 및 DB엔지니어 양성과정 19회차

프로젝트 발표날짜 : 2018. 03. 05

KH IEI PROJECT
 

[NCS]응용SW엔지니어 및 DB엔지니어 양성과정 19회차

윤민영 강사 / 조지은 취업담임
2018. 03. 05 (G)

1 팀
여자둘 남자셋
팀장/팀원 안**(팀장), 김**, 서**, 이**, 박**
개요 사용자는 회원가입을 통하여 로그인을 할 수 있다. 이후 사용자는 원하는 종류의 티켓상품을 검색할 수 있고 원하는 상품을 예매할 수 있다. 사용자는 예약페이지에 저장되어있는 티켓상품을 취소 할 수 있으며, 구매했던 물품을 취소하고 싶을 경우 마이페이지에서 취소 할 수 있다. 상품에 대한 문의나 다른 궁금증은 공지사항에서 관리자의 공지를 확인하거나, 게시판을 이용하여 관리자에게 문의할 수 있다.
구현기능 Html, css를 활용한 Layout(Button, Table, Page, Background 등) 화면구성
1. 메인 페이지 :
1) 회원가입 기능 및 회원가입을 완료한 고객 로그인 기능이 있다.
2) 티켓상품 리스트를 볼 수 있는 기능이 있다.
3) 공지사항 및 게시판을 볼 수 있는 기능이 있다.
4) 티켓상품을 검색 할 수 있는 기능이 있다.

2. 티켓상품 리스트 페이지:
1) 이미지, 티켓 아이템명(항공사정보 기재), 가격을 확인 할 수 있다.

3. 예약 페이지:
1) 아이템명, 가격, 이미지 확인, 사용자 정보 설정 후 구매

4. 예약상세 페이지:
1) 내가 선택한 티켓 상품을 볼 수 있다.
2) 상품 결제를 할 수 있다.
3) 예약목록에서 삭제를 할 수 있다.

5. 마이페이지
-회원정보 수정: 회원정보 수정 및 회원탈퇴를 할 수 있다.
- 주문내역조회:
1) 내가 주문한 티켓 상품을 볼 수 있다.
2) 내가 주문한 티켓을 취소 할 수 있다.
- 내가쓴글보기:
내가 작성한 게시물 및 admin의 답변을 볼 수 있다.
- 예약상품: 예약상세 페이지와 같다.

7. 관리자페이지
- 회원목록조회:
1) 회원의 번호, 아이디, 성명을 볼 수 있다.
2) 상세보기를 통해 이름, 주소, 생년월일, 이메일, 전화번호를 확인 할 수 있다.

- 주문목록 조회:
1) 주문목록조회를 통하여 구매를 한 티켓상품과 취소를 한 상품을 볼 수 있다.
2) 상세보기를 통하여 주문한 고객의 정보와 티켓정보를 확인 할 수 있다
설계의 주안점 ㆍ사용자가 간편하게 서핑을 할 수 있도록 구현
ㆍ효율적이고 체계적인 DB 테이블 구현
ㆍ티켓상품 예약의 전반적인 업무를 할 수 있도록 구현
2 팀
이거 사조
팀장/팀원 김**(팀장), 김**, 김**, 정**, 홍**
개요 2015년 기준 1인 가구 수는 약 5천 가구를 넘고 있다. 1인가구가 늘어나면서 ‘혼밥족’이 들어나면서 ‘적어도 맛있게 즐긴다’ 란 키워드가 대두되면서 온라인에서는 소량반찬 판매가 늘어나고 있다. 그에 편리성을 더해 온라인으로 시장을 넓혀 가고 있다.
구현기능 Spring을 이용한 웹 구현
- 메인 페이지 : 회원가입 기능, 회원가입을 완료한 고객과 관리자가 프로그램에 로그인할 수 있는 로그인 기능과 회원 ID/PASSWARD찾기 기능 제공, 회원이 원하는 정보를 제공하기 위해 탭메뉴를 사용하여 가독성을 높임
- 일반회원 페이지 : 회원가입시 기입한 사용자의 개인정보 수정, 로그아웃 기능
- 판매자 페이지 : 상품등록•삭제, 1:1문의 의 기능을 추가하여 일반회원과 차이점을 둠
- 관리자 페이지 : 현재 ‘우리찬’에서 판매되고 있는 상품에 대해 월별판매액, 분류별 판매비율 등 을 확인 할 수 있음
- 반찬 상세정보 : 해당 상품을 클릭시 상품에 대한 상세정보와 후기글 작성을 할 수 있음
- 장바구니 : 모든 카테고리에서 ajax 통신을 통해 담기 버튼을 통해 장바구니로 이동이 가능함
- 결제시스템 : 결제API를 사용하여 실제 결제가 되도록 구현함
설계의 주안점 1. 판매회원의 신뢰성 : 판매회원은 별도의 신청을 통해 승인을 받아야 가입가능
2. 회원정보의 보안성 확보 : 회원정보 관련된 접근에 대해 여러 단계를 두어 보안성 확보
3. 상품 접근성 향상 : 프로모션 및 서로 연관이 있는 상품에 대한 정보를 제공
4. 결제 시스템 제공 : 실제 사용되는 결제 시스템 관련 api를 사용하였고, 그에 따른 거래 내역 제공
5. 오픈마켓 시스템 : 구현된 웹을 통해 회원끼리 거래가 가능한 것을 목표
6. 통계 제공 : 년월별로 수익, 품목별 판매량 등의 통계를 보기쉽게 제공
7. 그 외 커뮤니티 : 공지사항, 자유게시판, 1:1문의, 상품 후기 제공
3 팀
각자할거하조
팀장/팀원 박**(팀장), 임**, 현**, 최**, 김**, 강**
개요 맞벌이 부모가 많아지면서 내 아이를 안전하게 돌봐주며 같이 놀이도 하는 믿고 맡길 수 있는 돌봄이를 구할 수 있는 서비스를 구현하였다.
구현기능 HTML과 CSS를 통해 화면을 구성
- 메인 페이지 : 베이비 시스템 시터 이미지를 클릭하면 메인페이지로 이동하는 기능, 로그인페이지, 회원가입페이지, 돌봄이찾기, 부모찾기, 공지사항, 고객센터로 이동하는 기능 구현. 부트스트랩을 활용한 슬라이더 구현. header와 footer jsp페이지를 나눠 페이지별로 include하여 사용하는 기능 구현. 관리자가 등록 설정 한 개인회원의 프로필과 부모회원의 구인공고를 DB에서 불러와 메인페이지 하단에 출력하는 기능 구현.

- 로그인 페이지 : 개인회원, 부모회원, 관리자 별로 유형을 나눠 로그인할 수 있는 로그인페이지 구현. 유형별로 DB에 저장된 정보가 존재하지 않으면 확인문구가 나타나고 로그인에 실패하는 기능 구현.

- 아이디/비밀번호 찾기 페이지 : 개인회원, 부모회원의 유형을 나눠 선택하고 입력한 정보와 DB의 정보가 일치하면 알림창으로 해당 정보를 출력하는 기능 구현.

- 회원가입 페이지 : 개인회원과 부모회원중에 선택하여 유형을 나누고 프로필사진, 아이디, 비밀번호, 이름, 이메일, 생일, 주소, 휴대폰번호, 성별의 정보를 입력받아 회원가입하는 기능 구현. 프로필사진을 제외한 모든 정보는 필수사항이고 아이디를 입력했을 때 DB에 중복되는 아이디를 입력하면 ‘이 아이디는 사용 중 입니다.’라는 라벨문구로 경고하고 회원가입에 실패한다. 마찬가지로 각 항목별로 형식에 맞지 않는 값들을 입력하면 라벨문구로 경고하고 회원가입에 실패하는 기능 구현.

- 마이 페이지 : 우측 상단 로그인한 사용자의 이름을 클릭하면 마이 페이지로 이동. 관리자, 개인회원, 부모회원별로 확인할 수 있는 정보가 모두 다르고 관리자는 마이페이지, 쪽지, 포인트, 프로필 & 공고 탭으로 나뉘고 마이페이지 탭에서 개인회원과 부모회원 관리를 할 수 있는 기능 구현. 쪽지 탭에서는 쪽지를 받는 사람의 아이디와 전해줄 제목, 내용을 입력하여 등록할 수 있는 기능 구현. 보낸쪽지함과 받은쪽지함으로 정보를 확인할 수 있다. 포인트 탭에서는 번호, 아이디, 거래구분, 금액, 날짜, 보유포인트를 게시판 형태로 출력해준다. 프로필 & 공고 탭에서 등록설정을 해야만 개인회원과 부모회원의 글이 리스트로 정상출력된다.
개인회원과 부모회원은 기본정보관리, 쪽지보내기, 포인트, 내가 쓴 글, 거래탭으로 나뉘고 기본정보관리 탭에서 자신의 정보를 확인하고 수정, 탈퇴할 수 있는 기능 구현. 쪽지는 관리자와 기능이 같고 포인트 탭에서 포인트거래내역을 확인하고 포인트 충전 할 수 있는 기능구현. 내가 쓴 글 탭에서 내 문의글과 게시글을 확인하는 기능 구현. 거래 탭에서 개인회원은 내 지원현황을 확인하고 부모회원은 내 채용현황을 확인하는 기능 구현.

- 돌봄이 찾기 페이지 : 개인회원들이 입력한 정보들을 리스트로 보여주는 페이지. 개인회원이 로그인했을 때만 글쓰기 기능을 사용할 수 있는 기능 구현. 글쓰기버튼 아래에 있는 검색창과 체크버튼에 값을 입력하면 실시간으로 항목에 맞는 리스트가 출력되는 기능 구현. 리스트는 기본적으로 4개를 출력하고 5개 이상의 리스트가 존재하면 스크롤을 내려서 정보를 확인할 수 있는 기능 구현. 리스트는 관리자가 마이페이지 프로필 & 공고에서 등록 설정해야만 추가된다.
- 부모찾기 페이지 : 부모회원들이 입력한 정보들을 리스트로 보여주는 페이지. 부모회원이 로그인했을 때만 글쓰기 기능을 사용할 수 있는 기능 구현. 글쓰기버튼 아래에 있는 검색창과 체크버튼에 값을 입력하면 실시간으로 항목에 맞는 리스트가 출력되는 기능 구현. 리스트는 기본적으로 4개를 출력하고 5개 이상의 리스트가 존재하면 스크롤을 내려서 정보를 확인할 수 있는 기능 구현. 리스트는 관리자가 마이페이지 프로필 & 공고에서 등록 설정해야만 추가된다.

- 글쓰기(프로필 등록) 페이지 : 돌봄이 찾기 페이지 리스트에 출력될 정보를 입력받는 페이지. 프로필사진, 제목, 자기소개, 학력, 희망시급, 활동, 활동주소, 활동시간을 입력하여 프로필등록 버튼을 누르면 DB에 항목별로 값을 저장하는 기능 구현. 모든 항목을 입력해야 하고 활동주소에 다음map api기능을 연결하여 주소를 검색하는 기능을 구현했고 활동시간을 클릭하면 오늘의 날짜부터 선택할 수 있고 날짜를 클릭하면 시간표 테이블이 출력되며 일주일단위의 값을 입력할 수 있는 기능구현.

- 글쓰기(구인 공고) 페이지 : 부모찾기 페이지 리스트에 출력될 정보를 입력받는 페이지. 아이 수, 프로필사진, 제목, 내용, 희망시급, 활동, 활동주소, 활동시간을 입력하여 프로필등록 버튼을 누르면 DB에 항목별로 값을 저장하는 기능 구현. 모든 항목을 입력해야 하고 활동주소에 다음map api기능을 연결하여 주소를 검색하는 기능을 구현했고 활동시간을 클릭하면 오늘의 날짜부터 선택할 수 있고 날짜를 클릭하면 시간표 테이블이 출력되며 일주일 단위의 값을 입력할 수 있는 기능구현.

- 돌봄이 찾기 상세페이지 : 돌봄이 찾기에 출력된 리스트를 클릭하면 해당 리스트를 입력했던 회원의 정보를 출력하는 페이지. 이름, 조회수, 평점, 학력, 희망시급, 자기소개, 활동, 활동주소, 시간표를 보여주고 부모회원은 채용하기 버튼의 기능을 수행할 수 있도록 구현.

- 부모찾기 상세페이지 : 부모찾기에 출력된 리스트를 클릭하면 해당 리스트를 입력했던 회원의 정보를 출력하는 페이지. 이름, 조회수, 평점, 아동수, 성별, 자기소개, 활동, 활동주소, 시간표를 보여주고 개인회원은 지원하기 버튼의 기능을 수행할 수 있도록 구현.

- 공지사항 페이지 : 관리자가 입력한 정보를 확인할 수 있는 페이지. 개인회원과 부모회원은 글을 쓸 수 없고 읽기만 할 수 있다.

- 고객센터 페이지 : 개인회원과 부모회원이 관리자에게 문의할 수 있는 페이지. 회원은 글쓴이, 제목, 내용, 파일첨부 값을 등록한다. 관리자로 로그인하여 고객센터 페이지로 이동하면 회원이 등록한 글을 번호, 종류, 제목, 글쓴이, 날짜, 조회수, 파일, 표시로 구분하여 게시판형태로 값을 확인하고 제목을 클릭하면 해당 글의 내용이 표시되는 페이지로 이동한다. 관리자는 댓글을 남길 수 있고 회원은 마이페이지에서 내가 쓴 글에 내 문의글에서 고객센터를 통해 등록한 문의내용과 관리자가 남긴 댓글을 확인하는 기능 구현.
설계의 주안점 ㆍ관리자, 개인회원, 부모회원 각 유형별로 기능이 다르도록 구현
ㆍ설계 의도에 맞게 구인/구직 기능을 중심적으로 구현
ㆍ구인/구직 기능을 통한 거래시스템 구현
4 팀
수고했죠
팀장/팀원 정**(팀장), 안**, 임**, 정**, 강**
개요 영화의 평점을 보기 쉽고 클라이언트와 상호작용하기 쉽도록 구현하여 유저 친화적인 UI를 구성하였음.
구현기능 HTML과 CSS를 통해 화면을 구성

- 메인 페이지 : 메인 화면의 동영상 자동 재생 및 클릭 시 유튜브 동영상 화면 모달로 띄워 줌, API 쿼리 요청을 통한 박스오피스 영화 자동 갱신, 게시판 글 목록, API 쿼리 요청을 통한 영화 관련 뉴스 갱신, 영화 포스터 클릭 시 영화 관련 정보들을 보여주고 로그인 후에 평점 입력 및 코멘트 작성 기능을 AJAX로 구현.

- 회원 정보 페이지 : 회원 정보를 수정 할 수 있으며 회원 프로필 사진을 AJAX를 이용하여 변경함. 간단한 유효성 검사를 통하여 필수 입력 사항 공백 여부 체크.

- 회원 가입 페이지 : 간단한 유효성 검사를 통하여 필수 입력 사항 공백 여부 체크, 회원 가입 시도 전에 아이디 중복 검사를 실시해야 함. 아이디 중복 검사는 데이터베이스에 같은 아이디의 회원 값이 있는지 확인 여부 체크 후 반환 값을 통해 구분함.

- 게시판 페이지 : 카테고리 별로 분류된 게시판에서 관리자만 작성할 수 있는 공지사항과 회원들이 작성할 수 있는 자유게시판, 질문게시판 등으로 구분 되어 있으며 글의 제목을 클릭하여 상세보기로 들어가면 상세 내용을 볼 수 있다. 오직 글과 댓글의 작성자와 관리자 만이 수정 및 삭제가 가능하다. 원하는 검색어로 게시판의 글을 검색할 수 있다.

- 영화 상세정보 페이지 : 모든 영화 목록을 카테고리 별로 구분하여 보여 준다. API 쿼리를 이용하여 데이터베이스에 저장 후 데이터베이스에 저장되어 있는 영화목록을 보여줌으로써 좀 더 빠른 웹페이지 로딩을 가능하게 한다. 메인페이지와 마찬가지로 로그인 후에 영화 평점을 줄 수 있으며, 코멘트를 작성 할 수 있다.

- 개인 정보 페이지 : 본인이 평점을 주거나 댓글을 작성한 글을 확인 할 수 있다. 해당 페이지에서도 평점과 댓글 수정이 가능하다.
설계의 주안점 ㆍ영화의 평점을 보기 쉽고 클라이언트와 상호작용하기 쉽도록 구현
ㆍ익명 별점 테러를 방지하기 위해 로그인 후에만 평점을 줄 수 있도록 구현
ㆍ작성자와 관리자 만이 글과 댓글을 삭제하고 수정할 수 있도록 구현
5 팀
LTE 4G
팀장/팀원 이**(팀장), 문**, 김**, 김**
개요 커뮤니티 기능을 갖춘 공대생을 위한 온라인 중고 거래 사이트로 각 학부 별로 원하는 정보를 교환하거나 물물 거래를 할 수 있게 도와줌
구현기능 - 회원가입 : mybatis를 활용하여 DB에 사용자 개인정보를 저장
- 메일인증 : 회원가입 또는 마이페이지에서 학교메일을 인증/ 비인증
시 거래 및 게시글 열람 제한이 있음
- 로그인&아웃 : 사용자 계정으로 접속을 하거나, 접속을 끊음
- 메인화면 : 현재 모집하는 동아리 포스터 게시 및 판매왕, 최근 게시물 목록을 보여줌
- 전공 카테고리 : 카테고리 별로 분류하여 메뉴를 구성
- 게시글 : 리스트에서 검색하여 원하는 글을 찾을 수 있으며 게시글을 볼 때 직거래 장소를 입력했을 시에는 해당 장소를 지도로 띄어줌, 아이디 클릭 시 회원 정보 확인 및 사기정보 조회, 쪽지 보내기 기능이 구현 되어 있음
- 거래 : 거래 중, 거래 완료 등을 게시글 머리말에 표시를 해주며 판매자와 구매자만의 단독 거래를 위한 로직이 구현되어 있음
- 쪽지 : 실시간으로 쪽지 전송 시 알람을 통해 알 수 있으며 수신 여부
역시 확인 가능
- 마이 페이지 : 등록되어있는 개인정보를 수정 및 회원탈퇴 가능, 본인이 작성한 게시글을 확인
- 관리자 : 현재 등록되어 있는 회원 정보를 볼 수 있으며 강제로 탈퇴시킬 수 있음
설계의 주안점 ㆍ사용자 중심적인 UI 구현
ㆍ핵심 기능(안전거래, 개인정보)의 보안을 고려한 구현
ㆍ체계적인 DB 테이블 구현
ㆍ게시판을 통한 커뮤니티 구현
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

KH임직원은 수강생 한 분 한 분의 성공적인 취업을 위해 최선을 다하겠습니다.

No.1 국내 최대의 취업 실적을 보유한 KH정보교육원에 오신 것을 환영 합니다.
KH의 전 과정은 NCS(국가교육표준화)기준을 준수하며 100% 무료, 전액 국비지원을 받으실 수 있습니다.

교육희망 과정

희망과정 선택

세부 교육과정

전화 아이콘
  • 1544-9970
  • 전국대표문의전화(연중무휴)

교육희망 지점

신청자 정보

- -

기입 내용이 사실과 다를 시 상담 서비스가 원활하지 않을 수 있습니다.

1544
9970

대표문의

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

KH정보교육원
전국대표 문의전화
(09:00 ~ 19:00)

1544-9970

주말·공휴일에도 상담 및 접수 가능합니다.

  • 2023 당산지원

    5년 인증 우수
    훈련기관 선정

  • 2022 강남지원

    5년 인증 우수
    훈련기관 선정

  • 2022 종로지원

    5년 인증 우수
    훈련기관 선정

  • 2020 강남지원

    훈련 이수자 평가
    A등급 획득

  • 2020 종로지원

    훈련 이수자 평가
    A등급 획득

  • 2019 당산지원

    훈련 이수자 평가
    A등급 획득

  • 2019 IT교육부문

    브랜드 대상
    4년 연속 수상

  • 2018 당산지원

    4차 산업 선도
    훈련기관 선정

KH정보교육원 | 사업자등록번호 : 487-86-00763 | 사업자등록번호 : 851-87-00622 | 서울 강남 제2014-01호 | 대표자 : 양진선 | 책임자 : 최홍석 |  개인정보관리책임자 : 양진선

강남지원 1관 : 서울특별시 강남구 테헤란로14길 6 남도빌딩 2F, 3F, 4F, 5F, 6F
강남지원 2관 : 서울특별시 강남구 테헤란로10길 9 그랑프리 빌딩 4F, 5F, 7F
강남지원 3관 : 서울특별시 강남구 테헤란로 130 호산빌딩 5F, 6F
종로지원 : 서울특별시 중구 남대문로 120 그레이츠 청계(구 대일빌딩) 2F, 3F
당산지원 : 서울특별시 영등포구 선유동2로 57 이레빌딩(구관) 19F, 20F