NewFace

교육기간 : 2017-09-18 ~ 2017-10-31 ( 월,화,수,목,금 ) URL :   싸이월드+페이스북   Final Project : SNS (New Face) 개발환경 OS Microsoft Windows 7 Home Premium K x64 DBMS MySQL Enterprise Edition 5.6 WAS Apache tomcat 8.5 Language Java, Html5, Css3, Javascript, Ajax, JQuery, JQplot 개발툴 Database MySQL Workbench 6.0 CE Design Bootstrap, JQuery Editer Spring Tool Suite 개발인원 개발기간 4인 2017-09-18 ~ 2017-10-31 (30일)   < 메인 화면 >       프로젝트 내용 1) 사용자 홈페이지 - 타임라인, 검색창 - 1:1문의 - 마켓, 도토리결제 - 구매, 보유내역   2) 관리자 홈페이지 - 회원관리 - 마켓관리 - 신고관리 - 1:1문의관리 프로젝트 일정                          메인 화면 (상단바)       - 로고 게시글 검색창 실시간 알림 아이콘(쪽지, 일촌신청) 타임라인           타임라인 게시글 화면 공유하기 클릭 시 화면 도토리 충전 화면           도토리 보유 및 충전 도토리 결제창 결제 완료 화면   마켓 화면           마켓 화면 상품명 클릭 시 상품 결제창 1:1문의         문의 전체 목록 세부 내용 화면 작성 화면 마이페이지 (구매, 보유내역)       구매, 보유내역 전체 목록 상품 상세 정보창 1:1문의           1:1문의 전체 목록 세부 내용 및 관리자 답변 내용 마켓관리 (상품)  ㅈ     상품 전체 목록 상품 등록 화면 마켓관리 (카테고리)       카테고리 전체 목록 카테고리 수정 화면 회원관리       전체, 경고, 탈퇴회원 목록 회원 상세 정보 및 수정 화면 신고관리       신고 게시물 전체 목록 상세 내용 및 관리자 확인  

2021-12-10

너의 방송은...

기간 : 2017-09-18 ~ 2017-10-27 ( 월,화,수,목,금 ) URL :   실시간 인터넷 방송 및 동영상 감상       Final Project : 실시간 인터넷 방송 및 동영상 조회     프로젝트개요 1. 프로젝트 명 ● 너의 방송은... ● Your Broadcast... : 실시간 인터넷 방송 및 동영상 감상   2. 개발 배경 및 목적 ● 기존의 인터넷 방송 사이트를 참고하여 분석/설계/구현했다. ● 기본적인 게시판 CRUD 작업뿐 아니라 이를 응용해 Ajax를 이용해 추천, 신고 등을 구현했다. ● 인터넷 방송 사이트를 만들어 원하는 사람들이 실시간 인터넷 방송을 하고 다른 사람들이 방송을 보면서 채팅에 참여해 방송에 관해 자유롭게 의견을 공유할 수 있다. ● 게시된 동영상을 조회하고 동영상에 대하여 관련 댓글을 추가함으로써 자유로운 의견 공유가 가 능하다.   3. 기능 ● 본인이 담당한 업무 - 일반게시판 CRUD작업 - 일반게시판 댓글 추가, 목록 출력 - 동영상게시판 댓글 추가, 목록 출력 - 동영상 추천, 신고 - 동영상 댓글 추천, 신고 - 동영상 즐겨찾기 - 쪽지 송/수신, 조회, 삭제 - 공지사항 작성, 목록 출력, 조회 - 관리자만 관리자 페이지 접속 가능 개발 환경 OS Windows7 DBMS Oracle 11g SERVER Apache Tomcat 8.5, Nginx Language JSP, HTML5, CSS, Java Script, Ajax Framework Spring 4.0, jQuery 3.2.1, MyBatis 개발 툴 DB SQLDeveloper Programming Eclipse(Spring Tool Suite), Git hub Design Boot Strap, W3 Web Template Communication Trello 개발 기간 개발 인원 2017.09.18 ~ 2017.10.27 (40일) 4명 DATABASE 구조도     DATABASE 구조 설명 - 총 테이블 개수 : 33개 - 회원, 게시판, 동영상 등의 관련된 column들을 정규화를 통해 나누었다. 세부 기능 요약 및 설명 상세화면 기능 설명   ● 게시판(1) - 일반 게시판 - 해당 회원 최신 글 목록 표시 - 해당 회원의 게시판 카테고리가 side Bar에 출력   ● 게시판(2) - 게시 글 작성 - 해당 회원의 카테고리가 selector로 나타나 선택해 글 작성 가능 - 페이지 주인만 공지사항 등록 가능   ● 게시판(3) - 게시 글 리스트 출력 - 공지사항은 상단에 그 밑에는 최근 순으로 게시 글 목록이 15개씩 출력(paging 처리)   ● 게시판(4) - 게시 글 조회/수정/삭제, 댓글 - 작성자만 수정, 삭제 a태그 존재 - 해당 글의 댓글 목록 - ‘더 보기‘ 버튼 클릭 시 Ajax로 댓글을 추가로 불러옴   세부 기능 요약 및 설명 상세화면 기능 설명     ● 동영상(1) - 동영상 카테고리 별 출력 - 해당 카테고리 별 동영상 목록 출력 - 청소년 관람불가 영상은 ‘adult.png’ 가 thumbnail로 나타나며 미성년자 관람불가   ● 동영상(2) - 동영상 조회 ● 동영상(3) - 추천/신고, 댓글 추천/신고 - Ajax로 구현 - 추천 기능, 중복 추천 불가 - 신고 기능, 중복 신고 불가 ● 동영상(4) - 동영상 댓글 추가/출력 - 해당 글의 댓글 목록 - ‘더 보기‘ 버튼 클릭 시 Ajax로 댓글을 추가로 불러옴 ● 동영상(5) - 즐겨찾기 - 즐겨찾기를 클릭하면 별의 색이 오렌지색으로 바뀌며 즐겨찾기 목록에 추가 - 다시 클릭하면 별의 색이 사라지며 즐겨찾기 목록에서 사라짐 세부 기능 요약 및 설명 상세화면 기능 설명   ● 쪽지(1) - 보낸 쪽지 함/받은 쪽지 함 - 해당 쪽지 출력 - 상대방의 조회 여부 - 화면을 조회해서 삭제하거나 checkbox를 체크해 여러 개를 동시 삭제 가능   ● 쪽지(2) - 쪽지 전송 - 존재하는 회원에게만 쪽지 전송 가능   ● 공지사항(1) - 공지사항 추가 - 로그인 화면에서 관리자 아이디로 접속하면 관리자 페이지로만 접속 가능 - 관리자만 관리자 페이지로 접속 가능 - 관리자만 공지사항 작성 가능   ● 공지사항(2) - 공지사항 출력/조회 - 로그인을 하지 않아도 조회 가능    

2021-12-10

Epple

    Semi Project : 맛집 검색 사이트 (Epple) 개발환경 OS Microsoft Windows 7 Home Premium K x64 DBMS Oracle 11g WAS Apache tomcat 8.5 Language HTML, CSS, Javascript, Servlet & JSP, Ajax, MVC Design Pattern 개발툴 Database Oracle sql developer Design Bootstrap Editer Eclipse Neon 개발인원 개발기간 4인 2017.07.21. ~ 2017.08.6.(18일)     < 메인 화면 >       프로젝트 내용 1) 맛집 검색 화면 - 자동 / 최근 검색 구현 - 실시간 인기 검색어 / 맛집 목록 구현 - 검색 결과 화면 구현 - 맛집 등록 신청 가능 2) 공지사항 - 목록, 작성, 수정, 삭제, 댓글 기능 구현   기술적 구현 목적 - Java / Servlet 기반 프로그램을 구성 - Oracle DB 사용하여 데이터 관리 및 추출 - MVC패턴을 적용하여 각 기능의 모듈화 지향 - API를 활용한 서비스로 유저의 사용편의성 제공     < 세부 기능 요약 및 설명 >   - E-R 다이어그램       메인 화면     - 실시간 인기 검색어 / 실시간 인기 맛집 검색창 (자동 검색어 / 최근 검색어)   검색 결과 화면           검색 결과 있을 경우 검색 결과 없을 경우 (맛집 등록 신청)   공지사항 화면                 공지사항 전체 목록 공지사항 세부 화면    

2021-12-10

유리웹

기간 : 2017-07-21 ~ 2017-08-07 ( 월,화,수,목,금 ) URL :   종합 커뮤니티 사이트 Semi Project ( 커뮤니티 사이트 : 유리웹 ) 개발환경 OS Microsoft Windows 7 Home Premium K x64 DBMS Oracle 11g WAS Apache tomcat 8.5 Language HTML, CSS, Javascript, Servlet & JSP, Ajax, MVC Design Pattern 개발툴 Database Oracle sql developer Design Bootstrap Editer Eclipse Neon 프로젝트 기간 참여인원 2017.07.21 ~ 2017.08.06 (18일) 5 인 프로젝트 내용   커뮤니티 사이트(유리웹) 라는 주제로 프로젝트를 진행하였습니다. - 기본 게시판 (입력, 수정, 삭제, 상세보기, 목록) - 스포츠 카테고리, 프로필 (상세보기, 수정) - 쪽지 (보내기, 보낸 쪽지함 목록, 받은 쪽지함 목록, 상세보기).     세부기능 요약 및 설명 메인 << 유리웹 메인화면 >>   스포츠 카테고리 << 스포츠 카테고리 메인 - 게시판 최신글 리스트 >> << Jsoup을 이용한 데이터 출력 >>   기본 게시판 << 기본게시판 글쓰기 >> << 기본게시판 목록 >> << 기본 게시판 상세보기 >> << 기본 게시판 수정 >>   개인정보 << 프로필 사진, 닉네임 수정 >> << 비밀번호, 이메일 수정 >>   쪽지 << 쪽지 보내기 >> << 보낸 쪽지함 목록 >> << 쪽지 상세보기 >> << 받은 쪽지함 목록 >>    

2021-12-10

RedClip

기간 : 2017-06-10 ~ 2017-07-07 ( 월,화,수,목,금 ) URL :   물물교환 중개 웹     소개       프로젝트     RedClip   소개     물물교환 중개 웹   개발기간   2017 . 06 . 10 ~ 2017 . 07 . 07 (29일)   개발인원     5명   담당업무   1. 맵에 좌표 값 전달 및 맵 상에 물품 등록 – daum API 2. 맵 상에서 물품을 확인할 수 있도록 하고, 마커를 통해 상세정보를 확인하도록 구현    (daum API) 3. GPS 및 Network 기반으로 현재위치를 검색하고, 좌표를 얻어와 주소로 변환, 맵상에서    선택한 위치를 주소로 등록 4. 게시판 리스트 및 네이버 스마트에디터API를 활용한 게시물 뷰 작업     개발환경       운영체제     Window 7 64bit   DB     Oracle   사용언어     Java, HTML5/CSS, JQuery, Ajax, Mybatis, JavaScript, FrameWork(Spring)   개발도구     Maven Spring Tool Suit   기타S/W     Bootstrap / Daum map / Naver Smart Editor 등록페이지       등록하고자 하는 물품의 카테고리를 선택한다.   1) 아이템명, 내용, 물건상태, 연락처를 입력한다. 2) 이미지를 4장까지 첨부가 가능하다. 3) 다음 API를 통해 주소입력이 가능하며, 입력한    주소는 맵에 표시되고 검색도 가능하다.     등록 리스트       1. 등록 완료 후, 리스트로 등록된다. 2. 클릭 시, 상세 정보를 확인할 수 있다.     맵       1. 등록한 물품의 위치와 물품 정보를 지도에   나타낸다. 2. 검색 기능을 제공한다.   (해당 검색의 좌표 값을 반환) 3. 말 풍선을 클릭하면, 상세 정보 페이지로    이동한다. 쪽지       1. 상단의 쪽지 함에 쪽지 보내기 버튼 클릭 시,    쪽지를 보낼 수 있는 modal창을 생성한다. 2. 전송 버튼을 누르면 상대방에게 쪽지를    전송한다.     게시판       네이버 스마트 에디터 API를 이용해 다양한 기능이 제공되어 글을 작성할 수 있다. 글 작성시 비밀번호를 입력하며 수정, 삭제 요청 시 비밀번호를 입력하여 해당 요청을 수행할 수 있다.     댓글       1. 글의 상세 페이지에서 댓글을 입력할 수 있다. 2. 세션에 등록된 닉네임을 통해 각 회원들이    입력한 댓글에만 삭제 버튼을 활성화 시킨다.     회원관리(관리자 모드)       1. 관리자모드를 통해 회원목록, QnA질문내역,    신고접수내역 등을 확인 및 관리할 수 있다. 2. 신고 당한 회원의 경우, 필터처리를 통해    비회원과 접근 권한을 같이한다.     회원가입       1. 회원가입 버튼을 통해 현재 화면으로 이동한다. 2. 우편번호 검색을 눌러 다음 우편번호 서비스    API를 가져와 주소를 입력한다.   3. 가입한 회원의 정보는 DB에 저장되고, 세션에    회원의 정보를 등록 후에 로그인한 회원의    정보를 세션에 저장한 후 웹을 이용할 수 있다.     메일 인증       회원 가입 시, 입력한 이메일로 인증코드와 인증코드를 입력할 수 있는 링크를 걸어준다.     신고       1. 신고버튼 클릭 시, 신고 창이 나타난다. 2. 광고 글 및 홍보, 부적절한 상품, 욕설 등을    신고사유로 선택할 수 있다.   3. 신고가 완료되면 해당 내용은     관리자페이지에서 확인이 가능하다.    

2021-12-10

천둥장터

기간 : 2017-06-30 ~ 2017-07-19 ( 월,화,수,목,금 ) URL :   물물교환 중개 웹     소개       프로젝트     천둥장터   소개     물물교환 중개 웹   개발기간     2017 . 06 . 30 ~ 2017 . 07 . 19 (20일)   개발인원   3명   담당업무   구글 맵 api를 활용한 지도 표시 제품 등록 페이지 등록, 수정, 삭제 상세페이지 물품 정보 출력 및 기능 메인페이지 제품 리스트 메인페이지 관리자 페이지       개발환경       운영체제     Window 7 64bit   DB     Oracle   사용언어     Java, HTML5/CSS, JQuery, Ajax, Mybatis, JavaScript, FrameWork(Spring)   개발도구     Maven Spring Tool Suit   기타S/W     API : 구글 맵, 기가 라이브 채팅       메인페이지           메인페이지   Top-Main-Bottom으로 나누어 Top페이지의 로고, 검색바, 채팅, 카테고리창 Bottom페이지의 회사카피라이터를 고정하고 main페이지의 내용만 변경시킨다.      메인페이지 카테고리       메인 페이지 - 카테고리   물품 등록시 설정한 카테고리 기준으로 ajax를 이용하여 깜박임 없이 리스트를 출력한다.   메인페이지 검색       메인 페이지 - 검색   물품등록시 제목과 내용 기준으로 ajax를 이용하여 깜박임 없이 출력한다.   상세페이지 1       상세페이지 1 - 이미지   스와이프.js, 스와이프.css를 이용하여 물품 등록시 여러 사진을 스와이프로 뿌려준다. 게시판의 기본 키를 이용하여 검색한 내용들을 출력한다. 스크롤 탑을 이용하여 페이지 최상단 하단으로 이동 상품 찜하기 클릭 시 테이블을 검색하고 같은 데이터가 없을 시 insert 같은 데이터가 있을시 delete한다.   상세페이지 2       상세페이지 2   구글map api를 이용하여 물품 등록시 등록한 검색어를 다시 한번 검색하여 위치를 출력한다. 상품문의 Ajax를 이용하여 등록버튼을 클릭하면 화면 깜박임 없이 닉네임과 내용을 출력한다. 연락하기 클릭 시 기가 채팅 라이브러리를 이용하여 판매자 닉네임의 채팅방으로 접속한다.   상세페이지 3       상세페이지 3   연관상품 데이터의 카테고리 기준으로 4개의 게시판을 출력한다. ○ ○님의 상점 데이터의 ○ ○의 기본 키를 기준으로 4개의 게시판을 출력한다. 클릭 시 상세페이지로 이동한다. 판매자 상점가기 판매자가 올린 모든 상품들을 메인 페이지에서 출력한다.   공지사항       공지사항   공지사항 제목을 클릭 시 제이쿼리를 사용하여 내용의 display를 none, block 처리를 해준다.   1:1 문의       1:1 문의   제이쿼리를 이용하여 상담내역을 클릭하면 상담내역 리스트를 출력하고 1:1 상담하기 클릭하면 입력 폼을 출력한다.   마이페이지       마이페이지   예약완료, 판매완료를 클릭 시 데이터를 변경 하여 데이터에 맞는 이미지를 상단에 출력한다. 삭제를 클릭 시 데이터를  삭제한다. 제목을 클릭 시 내용 변경 페이지로 이동한다.   찜 목록       찜 목록   상세페이지에서 찜을 클릭한 게시판을 리스트로 출력한다. 이미지를 클릭하여 상세페이지로 이동한다.   등록 페이지 1       등록 페이지 1   물품등록 버튼을 클릭 시 제이쿼리를 이용하여 file 태그를 생성한다. Base64를 이용하여 등록한 이미지를 실시간으로 미리보기를 보여준다. 썸네일 이미지를 클릭하여 이미지를 삭제, 수정한다.   등록 페이지 2       등록 페이지 1   물품등록 버튼을 클릭 시 제이쿼리를 이용하여 file 태그를 생성한다. Base64를 이용하여 등록한 이미지를 실시간으로 미리보기를 보여준다. 썸네일 이미지를 클릭하여 이미지를 삭제, 수정한다.   관리자페이지 - 메인       관리자페이지 - 메인   배너 이미지 변경을 클릭하여 배너 이미지를 등록한다. 일반 페이지로 접속을 클릭하여 사용자와 같은 페이지를 볼 수 있다. 천둥 톡 버튼을 클릭하여 대화창에 접속 할 수 있다. 수정 버튼을 클릭하여 잘 못 올라온 카테고리를 수정 할 수 있다. 삭제 버튼을 클릭하여 게시글을 삭제 할 수 있다.   관리자페이지 - 검색       관리자페이지 - 검색   일반 메인페이지와 마찬가지로 ajax를 이용하여 깜박임 없이 검색 기능 기능을 사용할 수 있다.   관리자페이지 - 카테고리       관리자페이지 - 카테고리   일반 메인페이지와 마찬가지로 ajax를 이용하여 깜박임 없이 카테고리 기능 기능을 사용할 수 있다.   관리자페이지 - 공지사항           관리자페이지 - 공지사항   공지등록 버튼을 클릭하여 공지사항을 등록 할 수있다. 제목을 클릭하여 수정 페이지로 넘어 가지 않고 jQery를 사용하여 제목과 내용 text 박스를 만들어 주고 수정, 삭제,목록 버튼을 클릭하여 수정, 삭제 할 수있다.     채팅       채팅   기가 라이브 채팅 라이브러리를 사용하여 판매자의 닉네임을 기준으로 채팅방을 개설하고 구매자들 닉네임 기준으로 접속하여 채팅하는 방식으로 설계하여 실시간으로 채팅을 지원한다  

2021-12-10

Unknown Company

교육기간 : 2017-06-30 ~ 2017-07-19 ( 월,화,수,목,금 ) URL :   생산, 재고관리 프로그램   파이널 프로젝트 프로젝트명 Unknown Company 개발환경 운영체제 Window7 / 64bit DB Oracle 사용언어 및 기술 Java, HTML/CSS, Ajax, JSP, JavaScript, JQuery, JSTL,   MyBatis, Spring, GitHub 개발도구 Eclipse, QueryBox 개발인원 개발기간 6 명 2017.06.30.~2017.07.19 (20일) 담당 업무 요약 자재에 관한 정보 입력 및 삭제 기능 대표이미지 / 메인화면 프로그램 설명     생산, 재고관리 프로그램 연구소, 구매, 생산, 영업으로 구성   PLM : 제품 수명 주기 관리(Product lifecycle management) + ERP : 기업 내 통합정보시스템을 구축(Enterprise resource planning) 기술적 구현 목적 Java / MyBatis / Spring / ajax 기반 프로그램 구성 Oracle DB 사용하여 데이터 관리 및 추출 기업 등의 구성원들이 컴퓨터로 연결된 작업장에서 서로 협력하여 업무를 수행하는 그룹 작업을 지원하기 위한 목적   담당업무 <자재 등록(전체)>     결재자 선택, 제목, 문서내용, 자재명, 자재종류, 사진첨부 등으로 구성. Spring, MyBatis, Ajax를 이용, 모든 데이터가 정상적으로 입력 됐을 시 등록 가능.   <결재자 선택>   등록된 사원들 중, 두 명만을 선택하여 값을 넘겨준다. <주요 흐름 & 코드> ① 아래와 같이 해당 경로의 페이지에서는 Spring, MyBatis를 이용하여 사원 List를 Select 하는 로직을 실행. DB로부터 사원 데이터를 Ajax를 이용하여 읽어온 후, 그 데이터를 JSON타입으로 Parsing. Parsing한 JSON을 활용하여 태그 생성, 화면에 출력.     ② 결재자 두 명을 선택한 후, ‘결재 완료’ 버튼을 누르면, ‘JavaScript’의 ‘window.opener’를 이용하여 선택된 결재자의 사원번호가 자재등록 페이지의 Input 태그를 생성, 그 안에 Value 값에 저장.   <문서내용 입력>   <주요흐름> 문서 내용 작성 후, ‘입력’ 버튼을 누르면 ‘JavaScript’의 ‘window.opener’를 이용하여 작성한 문서 내용이 'Input' 태그 Value에 값이 들어가고, 그것을 자재 등록 페이지에 추가하여 출력. <자재 종류>     Drop Box에서 원하는 자재 카테고리를 선택하면, Change이벤트가 발생. 선택한 카테고리 INDEX의 Value를 얻어서 Input 태그 value에 저장한다. <주요 코드>       <파일첨부>     이미지 파일 여부를 확인하기 위해, 파일의 확장자명을 이용하여 아래와 같이 무결성 검사. <주요 코드>     <최종 등록>   자재등록을 위해 작성한 내용을 Ajax를 이용하여 Submit 그 결과를 ‘ResponseText’로 읽어와 값을 확인하여, 정상 등록이면 ‘자재 리스트’ 페이지로 이동.   <주요 흐름> ① Aajx에 FormData를 활용하여 Spring controller 경로에 Form 정보 전달 ② 자재, 문서 테이블 Insert. 이 두 테이블의 접근할 수 있는 코드 값을 연구소 리스트 테이블에 각각 Insert. (연구소 리스트 테이블을 통해 문서코드나, 자재코드 둘 중 하나만 가지고도 자재, 문서 테이블 모두 접근 가능)(코드 값 증가는 Sequence 대신 max()함수와 Sub Query를 활용. )     <자재 상세(LIST)>   Spring, Ajax, MyBatis를 이용하여, 자재리스트를 출력. 자재를 검색할 때에도 Ajax를 활용하여 화면 전환 없이 원하는 정보 출력 가능.   <주요 흐름 & 코드> ① Url은 검색어를 통해 원하는 자재 리스트를 얻어오는 로직이 수행되는 스프링 컨트롤러 경로. 검색을 하기 위한 Input 태그가 담겨있는 Form정보를 Send에 지정.     ② 검색된 자재 리스트를 JavaScript에서 사용할 수 있도록 JSON 타입으로 변환하는 과정.     ③ ResponseText를 이용하여 결과 값을 가져오고 그 값을 JSON타입으로 Parsing.     ④ var matListResult = document.getElementById("matListResult"); matListResult.innerHTML = ""; --> 기존에 출력된 List 초기화. Parsing한 JSON을 활용하여 태그 생성된 태그를 "matListResult"에 출력.   <자재 View>       <주요 흐름> ① 자재 리스트에서 상세보기를 위한 자재를 선택하면 Spring Controller에서 자재코드 값 전달. ② 자재코드 값을 활용하여 자재 정보를 MyBatis를 통해 읽어드린 후 Spring Controller model객체의 자재정보가 담겨있는 ‘vo(valueObject)’를 저장한다. ③ 자재 뷰 페이지에서는 Spring Controller에서부터 전달된 ‘vo’정보를 EL태그를 이용해 자재 정보를 출력한다.   삭제를 하는 부분은 Ajax를 통해 삭제할 자재의 코드 값을 화면 전환 없이 전달하게 되며 정상 삭제가 되어서야 자재 리스트 페이지로 화면 전환이 이루어진다.      

2021-12-10

JATACAS

기간 : 2017-05-01 ~ 2017-05-15 ( 월,화,수,목,금 ) URL :   출결 관리 시스템   Semi Project 프로젝트명 출결 관리 시스템 개발환경, 개발툴 JDK 1.8, Oracle 11gXE, Eclipse JAVAEE, ProtoNow, Apache Tomcat 8.5,  queryBox , 64bit window7 desktop 사용 언어, 라이브러리 JAVA, JSP, SERVLET, HTML5, CSS3, JAVASCRIPT, JDBC 담당 업무 각 조원별 파일 최종 조인, 로그인 했을 때 출결 기록, 로그인 시간 기록, 출결기록을 이용하여 출결사항, 출결캘린더 출력. 관리자가 입력한 주요일정 출력, 사유서 스터디 보고서 작성 후 결재 승인 절차 구현. 쪽지 기능 구현 프로젝트 기간 참여인원 2017.05.01 ~ 2017.05.15 (14일) 6명 세부 기능 요약 및 설명           로그인을 하게 되면 하루에 한번 출석관련 테이블에  출석현황 기록   로그인한 시간을 기준으로 출근or지각or결석 값을 얻어서 테이블의 등록   로그인한 아이디와 로그인 시간을 세션에 등록       로그인 되었을때만 메인페이지로 이동 가능 header 부분에 로그인 상태 표시 메인 페이지는 header center footer 3개의 분리된 레이아웃 사용. index파일을 불러올 때 request로 파라미터 값을 읽어들인다. get방식인 index.jsp?inc= “center에 include할 경로”를 이용하여 center에 파일 출력         출석 현황 페이지로 이동시 출석기록, 주요일정을 DB로부터 select 한다.    출석현황,출석캘린더,주요일정 select하는 로직 실행후 출석현황 페이지로 값을 전달.         출석현황 페이지에서 출결사항과 출결캘린더에서 출석 관련 기록을 확인 가능 출결 캘린더에 디자인은 테이블 태그를 활용       캘린더를 표현할 테이블은 기본 가로7, 새로6 칸의 공백이고 그안에 값은 JAVA의 Calendar class의 getActualMaximum과 Calendar.DAY_OF_WEEK를 활용하여 끝나는 요일과, 1일이 되는 요일을 계산후 해당 월에 날짜값을 얻어서 채워진다 . dayList 배열의 길이는 42가 된다.       Calendar class로 도출된 날짜값에 출결사항이 기록된 테이블에서 출결 날짜와 일치하는 부분을 출근,지각,결석 아이콘으로 변경     날짜 정보를 request영역에 담아서   출석현황 페이지에 전달한다.                 페이지 상단부분 header에서 안읽은 메시지를 확인 가능.         헤더에 표시되는 안읽은 쪽지 개수를 DB를 통해서 카운팅   메시지 아이콘을 클릭하면 메시지 보관함으로 이동.         보낸 메시지와 받은 메시지는 같은 테이블을 사용하기 때문에 삭제 관련 부분을 상태값으로 이용   보낸 메시지인 경우 sdelck라는 컬럼의 값이 0이 아닌 경우가 삭제가 된 상태라고 본다. 그렇기에 보낸 메시지가 삭제가 안된 상태(sdelck=0)인 경우에만 list에 출력해준다. 메시지를 삭제 하게 되면 실제 값이 삭제가 되기 전에 우선 상태값을 변경하게 되는 것이다. 실제 테이블에 값을 삭제 하게 되는 경우에는 보낸메시지 상태값(sdelck)과 받은메시지 상태값(gdelck) 모두 0이 아닌 경우에만 값을 삭제 하게 된다.     삭제 상태값 변경후   상태값 확인후 삭제   메시지 일괄 삭제 부분은 체크박스의 해당 메시지에 대한 시리얼 값을 value에 담아서 submit   request.getParameterValues를 통해 배열로된 시리얼 값을 얻고   배열의 길이 만큼(선택된 메시지 만큼)의 반복문을 통해서 해당 메시지의 삭제 상태값 변경.   삭제한후 바로 message list를 다시 출력해주기 때문에 웹페이지에서 새로고침이 필요가 없다.         쪽지 쓰기는 이 사이트의 회원가입이 된 멤버들, 관리자 들과의 커뮤니케이션을 위한 기능. 쪽지를 보낼 대상자를 선택할 때 다수를 선택 가능.   userlist를 db에서 select. javascript를 활용하여 오른쪽 드롭박스에 출력     비어 있는 sel(select태그)에 userlist 멤버수 만큼 create한 option을 appendChild시킨다.      생선된 userlist 드롭박스중 쪽지를 보낼 대상자를 선택하게 되면 왼쪽 보낼사람 명단에 표시가 된다. 내부적으로는 보낼사람이 추가될때마다 input type=hidden을 create해서 value에 선택된 아이디를 저장 시킨다.     보낼 사람 선택후 submit을 하게 되면 request.getParametarValues(“send_id”)를 통해 선택된 userlist배열을 얻을수가 있고, 배열의 길이(선택된 userlist)만큼 메시지를 테이블에 저장할 때 보낸사람 id(login한 멤버)와 받는사람 id(선택된 멤버)가 같이 저장. 그로인해 보낸 사람 id를 통해 받은 메시지 list를 출력, 받는 사람 id를 통해 보낸 메시지 list가 출력 가능 하다.         사유서를 통해 작성한 문서는 관리자가 확인 가능 하며 결재 승인 절차가 존재한다. 결재 단계에 따라 결재 승인 상태값을 통해 이미지로 확인 가능.       결재승인 상태값에 따라 출력된 사유서 리스트 항목. 사유서를 작성하게 되면 이 상태값이 최초 0인 상태로 등록. manager와 admin으로 로그인을 하게 되면 관리자 모드에서 이 값을 변경 시킬수가 있다. 0 : 최초 등록  1 : manager 승인  2 : admin 승인(최종승인)  3 : 거부      manager와 admin으로 로그인 했을시에만 header부분에 생기는 관리자 모드 아이콘.   사유서 테이블의 승인상태값 컬럼인 cfck     이 컬럼의 상태값의 따라 보여줄 이미지 등록     manager 로그인 후 관리자 페이지에서 멤버들이 작성한 사유서 리스트를 확인(결재상태가 0( )인 경우)할수 있으며,  결재승인 checkbox를 선택해서 승인 or 거절을 선택할 수가 있다.     결재 승인 되었을 경우 기존 0에서 +1 더해서 1이된다. 결재상태가 1()이 되었기 때문에 admin으로 로그인 했을시 관리자 페이지에 리스트로 출현 하게 된다.     결재 거절 되었을 경우 결재상태가 3()이 된다.   admin의 관리자 페이지에서는 상태값이 1인 경우(manager가 승인)에만 사유서가 리스트가 출력 admin 아이디로 승인을 하게 되면 기존 1인 상태에서 +1을 하여 최종 승인 단계인 2()가 된다.    

2021-12-10

Wadda

기간 : 2017-05-01 ~ 2017-12-17 ( 월,화,수,목,금 ) URL :   영화정보 사이트   세미 프로젝트 프로젝트명 Wadda 개발환경 운영체제 Window7 / 64bit DB Oracle 사용언어 및 기술 Java, HTML/CSS, JSP, JavaScript, JQuery, Servlet, JDBC, JSTL, API 개발도구 Eclipse, SQLTool, QueryBox 개발인원 개발기간 4 명 2017.05.01~2017.05.17 (14일) 담당 업무 요약 DB 데이터 Insert 및 Select하여 Servlet을 이용한 JSP페이지 간 데이터 전달 및 출력 메인에서 영화 검색 후 리스트 출력 및 게시판 대표이미지 / 메인화면 로고 / 프로그램 설명       영화정보를 제공하는 웹서비스로, 박스오피스 / 영화상세정보 등을 제공하며 회원들이 영화를 평가하고 다른 회원들의 평가를 확인할 수 있으며 자신의 평가를 토대로 영화를 추천합니다. 기술적 구현 목적 Java / Servlet 기반 프로그램을 구성 Oracle DB 사용하여 데이터 관리 및 추출 사용자가 평가한 영화정보를 데이터화하여 데이터마이닝을 통한 영화추천 MVC패턴을 적용하여 각 기능의 모듈화 지향 API를 활용한 서비스로 유저의 사용편의성 제공       로그인           Facebook ID를 통한 로그인 (Facebook API, DB)   회원가입 생략 (FaceBook ID로 로그인 가능)     Facebook 사용자정보를 받아 DB 저장   (이름, 이메일, 연령대, 성별 등)    단, Facebook ID가 있다면 DB에    데이터 저장 없이 로그인 가능    (API를 사용하며 GET방식으로   XML데이터를 전송 받는 기술)     메인페이지         검색, 박스오피스 (영화진흥원, Daum 영화 API)   영화진흥원 API를 통해 박스오피스 데이터를 받은 후, Daum 영화 API와 연계해 영화제목, 포스터 등의 데이터를 메인에 출력   Header에 검색 창을 통해 영화정보검색 기능 제공, 관련된 영화를 SELECT 후, LIST형태 출력     영화 상세페이지             영화정보, 평점,  코멘트 (DB)   해당 영화에 매긴 개인의 평점을 리스트로 출력, 평균 평점 표시   코멘트 작성 기능 평가된 점수를 토대로 평균평점을 계산하여 출력. 영화 예고편, 포스터 등은 팝업으로 표현     영화추천           사용자평가데이터 활용 (DB)   각 사용자가 평가한 영화 중 가장 많은 평점을 준 세 개의 영화를 SELECT. 영화의 장르, 감독, 배우를 조건으로 전체 영화에서 SELECT 한 후, 평점 순으로 나열하여 영화추천 유저의 평가에 따라 추천하는 영화가 다르므로 웹에서 노출되는 영화는  유저마다 상이함     마이페이지           사용자평가데이터 활용 (DB, Google Chart API)   각 사용자가 평가한 데이터를 활용하여 취향 분석, 직관적이고 시각적인 효과를 위해 그래프 형태로 출력   Google chart API를 활용하여 유저가 평가한 영화들을 토대로 그래프를 통해 영화 선호도 기능 제공 (선호 장르, 선호 국가, 선호 배우)   지도 검색     검색 및 지도 (GoogleMap, NaverMap, 검색 API)     클릭된 영화관의 이름으로 좌표를 검색하고, 검색된 자표데이터를 MAP에 전달하여 지도에 마커형태로 출력하고 태그에 검색된 정보와 함께 해당 영화관의 정보를 출력    

2021-12-10

떳다떳다 비행기

기간 :2017-05-15 ~ 2017-06-13 ( 월,화,수,목,금 ) URL : 여행사의 여행 상품, 예약, 정산 등을 관리할 수 있는 사이트 개발     Final Project 프로젝트명 Spring MVC를 이용한 여행사 관리 시스템 주 담당: 여행 상품 관리 개발환경 Apache Tomcat v8.0 Server JDK 1.8 Oracle 12c DataBase 개발툴 Eclipse Neon for Java EE Devlopers SQL Devloper Exerd 프로젝트 설명 여행사의 여행 상품, 예약, 정산 등을 관리할 수 있는 시스템 개발 사용 언어 JAVA / JSP & Servlet / JavaScript / Jqeury / AJAX / Spring / Mybatis / HTML5 / CSS 프로젝트 기간 참여인원 2017년 5월 15일 ~ 2017년 6월 13일 (29일 간, 진행 중) 5명 프로젝트 상세내용      [DB ERD]    1. 기초 상품  2. 출발 상품(기초 상품에서 파생)  3. 메뉴 구분  4. 여행 구분  5. 지역 구분  6. 상품 소개  7. 항공 정보  8. 공항 정보  9. 항공사 정보      [클라이언트 페이지 - 상품 상세]    1. 지역별 메인 메뉴  2. 상품문의하기  3. 이메일 보내기  4. 회원 정보 테이블     [상품 상세 > 주요 기능]    1. 상품 문의하기   - 회원 전용 기능으로 별도의 작성자명          지정 없이 바로 질문 가능  2. 이메일 전송  - 수신 이메일 주소만 입력하면 현재     링크를 전송할 수 있음      [관리자 로그인 페이지]    아이디 및 패스워드 입력      [관리자 로그인 후 TOP]    1. 회사로고  2. 증명사진  3. 이름  4. 부서명      [기초 상품 검색]    1. 여러 조건으로 검색 가능   - 여행구분/ 여행지역/ 항공사/ 등록일/       상품코드로 검색 가능   - 캘린더: daterangepicker        [기초 상품 등록]    1. 인적사항  2. 상품 관련 메뉴    - 기초상품 조회/ 등록   - 출발상품 조회/ 등록  3. 상품 정보 등록      [출발일별 상품 등록]    1. 기초상품의 기본 DB를 받아 옴     (read only)  2. 출발일, 상품가 등 추가 정보 입력       가능      [상품 상세 > 출발일별 정보]    1. 날짜별 상품 조회     - 캘린더: daterangepicker  2. 출발일/ 도착일/ 여행기간/      이용항공편/ 가격/상태 가능 확인     (앞서 만든 상품을 통해 저장된 DB)  3. 인원수 체크     - 인원수 변동에 따른 총합 확인  4. 상품 간단 설명  5. 예약 버튼  

2021-12-10

학사관리 시스템

기간 :2017-04-10 ~ 2017-05-11 ( 월,화,수,목,금 ) URL : 교수 / 학생 / 관리자로 분업화된 학사관리 시스템을 목적으로 개발   Final Project 프로젝트명  학사관리 시스템 프로젝트 기간 2 0 1 7 . 0 4 . 1 0  ~  2 0 1 7 . 0 5 . 1 1 (  3 2일 )  참여인원 8명 개발환경  Microsoft Window 7 Home Premium K x64  Oracle Data base Express Edition 11g Release 2  Apache Tomcat v8.5 개발툴  Eclipse Neon 3  Toad Extension  Brackets 프로젝트 내용  교수 / 학생 / 관리자로 분업화된 학사관리 시스템을 목적으로 개발하였습니다.  입학부터 학생의 Life Cycle에 의한 정보 통합관리 및 서비스 제공을 통해 보다 체계적인   시스템으 로 학기관리, 학적관리, 강의관리, 수강관리, 과제관리, 강의평가, 각 사용자간의 쪽지,  메일 기능과 게시판관리의 기능을 구현하였습니다. 담당 업무  기본적인 UX와 학생/교수의 로그인 기능 구현을 하였고, 입학처리/교수임용/사용자 조회/휴학·  복학·자퇴·제적처리와 처리된 내역을 여러 조건으로 조회 할수 있는 기능을 구현하였습니다. 데이터베이스 다이어그램 클래스 다이어그램           세부기능 요약 및 설명     < 로그인 화면 >    ▶ 학생 / 교수로 로그인 하고자하는 타입을 선택하여 학번 /     교번과 비밀번호 입력하여 해당 유저가 없거나 비밀번호가      불일치 할경우 알림 표시를 하여 사용자에게 알림을 표시하게     됩니다.    ▶ 관리자 페이지일 경우 url에 admin/ 교수 페이지일 경우      url에 prof/ 학생 페이지일 경우 url에 stud/ 를 붙여     lnterceptor를 통해서 로그인되지 않은 상태에서 접속하는      것과 각 사용자간의 페이지 이동을 막았습니다.   < 입학생 등록 / 교수 임용 >    ▶ 관리자가 명/입학구분/주민등록번호/성별/학과/학년/     지도교수/연락처/이메일/주소/보호자성명/보호자 연락처를      입력하여 등록합니다. 학번은 입학년도 + 성명의 Hashcode를      이용하여 자동부여합니다.     초기비밀번호 주민번호의 앞자리 6자리를 부여합니다.    ▶ 관리자가 성명/재직구분/주민등록번호/성별/학과/직위     /외국인여부/연락처/이메일/주소를 입력하여 등록합니다.     교번과 비밀번호는 학생과 같은 방식으로 자동으로         부여됩니다.   < 학생 / 교수 조회 목록 >  ▶ 관리자는 학생의 학적상태/학과/학년/이름/학번/전화번호로      학생을 조회 할 수 있습니다. 현재조회 된 목록의 인원을      확인 할 수 있고, Mybatis의 where절의 if문을 이용하여      모든 조건이 충족하지 않아도 현재 해당된 조건에 맞춰서      결과 값을 조회하여 화면에 표시합니다.    ▶ 관리자가 교수 역시 학생과 마찬가지로 교직상태/학과별/     직위/이름/학번/전화번호로 교수를 조회 할 수 있습니다.   < 휴학/복학/자퇴 신청 화면 >    ▶ 학생이 현재 휴학상태가 아닐경우 휴학을 신청할 수      있습니다. 일반휴학/군휴학/질병휴학/출산육아휴학/     창업휴학으로 휴학을 구분하여 휴학신청을 하게 되며,         관리자에게 신청 내역이 표시되고 관리자가 승인/거절을      통해 해당 학생의 학적을 변동시킬수 있습니다.    ▶ 학생이 현재 휴학상태일 경우 복학을 신청할 수 있으며,      학생이 신청했던 최근 휴학에 대한 복학신청이 가능합니다.     복학신청이 되면 관리자에게 신청 내역이 표시되고 관리자가      승인/거절을 통해 해당 학생의 학적을 변동시킬수 있습니다.    ▶ 자퇴신청은 언제나 가능하며, 자퇴사유을 작성 후, 신청이     가능합니다. 자퇴신청 역시 관리자에게 신청 내역이 표시되고     관리자가 승인/거절을 통해 해당 학생의 학적을 변동시킬수     있습니다.   세부기능 요약 및 설명   < 휴학/복학/자퇴 신청·승인 내역 화면 >  ▶ 시스템을 이용하는 학생들 중 휴학/복학/자퇴 신청을 한      학생들의 내역을 모두 화면에 표시합니다.     신청목록일 경우 상세 내역을 확인할 수 있고, 상세 내역에서      해당 학적변경 신청을 승인/거절을 통해 관리자가 학생의      학적을 관리할 수 있습니다.    ▶ 승인 목록일 경우 학적변경신청에 대한 처리일자와 처리      결과를 확인할 수 있습니다.     신청·승인 목록에서 학적변동/학과/이름/전화번호/학번의      조건으로 목록을 조회할 수 있습니다.   < 휴학/복학/자퇴 신청 세부정보 화면 >  ▶ 휴학신청의 세부정보일 경우 관리자는 학생의 기본정보와      휴학 신청 내역을 통해 신청일자, 복학일자를 확인하여 승인/     거절을 할 수 있습니다.    ▶ 복학신청의 세부정보일 경우 관리자는 학생의 기본정보와      해당 복학에 대한 휴학 내역과 복학일자를 확인하여 승인/     거절을 할 수 있습니다.    ▶ 자퇴신청의 세부정보일 경우 관리자는 학생의 기본정보와      자퇴 신청 내역의 자퇴사유를 확인하여 승인/거절을 할 수      있습니다.   < 휴학/복학/자퇴 처리 세부정보 화면 >  ▶ 관리자가 휴학/복학/자퇴신청에 대한 결재처리 된 정보를      확인할 수 있고, 해당 학생의 기본정보와 학적변동, 신청일자,     처리일자, 결재 상태를 확인하여 학생들의 차후의      조회결과를 확인하고 통보 할 수 있습니다.   < 제적처리 화면 >  ▶ 제적은 학생이 신청하는 것이 아니기 때문에 신청 화면이나      신청내역을 확인하지 않습니다.     제적처리할 학번/이름으로 검색하여 조회된 학생을 선택하면     학생상세화면에서 제적 사유를 선택하여 해당 학생의 학적을     제적으로 변경가능하며 제적된 학생은 학사관리 시스템을      더 이상 이용할 수 없습니다.  

2021-12-10

Q-BANK 문제은행사이트

기간 : 2017-03-16 ~ 2017-04-12 ( 월,화,수,목,금 ) URL :   문제은행 여러가지 장르별 문제를 다양하고 재미있게 풀 수 있는 홈페이지입니다. 다양한 통계를 제공하여 사용자의 편의를 도모하였습니다.   [ Q-BANK 문제은행 사이트 ]   Final project “Q-BANK 문제은행 사이트” 개발환경 OS  Windows 7 DBMS  MYsql Language Java8, jQuery, Javascript, JSP, HTML5, CSS3, MYsql Development tool  Eclipse, Chrome 추가 S/W  Photoshop 개발인원 개발기간 7 명 2017-03-16(목) ~ 2017.04.12(수)           개발 취지 및 목적  1 .정보화시대, 지식의 욕구를 충족시켜 줄 수 있는 문제은행 홈페이지 구축         2 . 회원랭킹, 각종통계제공                3 . 커뮤니티, 쪽지, 오늘의 퀴즈, 골든벨 등 제공           DATABASE 구조도            프로젝트 일정   1주 (3/16~3/22) 2주 (3/23~3/29) 16일 17일 18일 19일 20일 21일 22일 23일 24일 25일 26일 27일 28일 29일 주제선정/컨셉회의 DB작업/기능분배 레이아웃 마이페이지 3주 (3/30~4/5) 4주 (4/6~4/12) 30일 31일 1일 2일 3일 4일 5일 6일 7일 8일 9일 10일 11일 12일 커뮤니티 이벤트 문제등록/풀기 관리자 오류수정 문서작업    실행화면                  세부내용         2. 리스트 상단에 오늘 등록된 글, 기간별(주간, 월간, 전체)로 분류해서 리스트를 볼 수 있습니다.    실행화면                      세부내용   1. Q&A의 리스트가 보여지는 페이지입니다.   실행화면                세부내용 1. Q&A의 상세내용이 보여지는 페이지입니다.  실행화면        세부내용     1. 자유게시판의 상세내용이 표시되는 페이지입니다. 2. 댓글과 대댓글을 작성할 수 있습니다.      실행화면              세부내용   1. 인기가 많은 문제통장과 간단한 통계를 메인화면에 배치하였습니다. 2. 사이드메뉴에 홈페이지의 각종 메뉴를 배치하였습니다. 3. 상단에 회원의 쪽지, 알람, 채팅 그리고 종합검색기능을 추가하였습니다.      실행화면            세부내용   1. 개별회원 랭킹 페이지입니다. 2. 각종 제약조건으로 개별회원의 랭킹을 정렬해서 볼 수 있는 페이지입니다.    실행화면                  세부내용 1. 전체회원 통계 페이지입니다. 2. 회원들의 정보와 활동내역을 이용해서 각종 통계를 알기 쉽게 구현하였습니다.   실행화면        세부내용   1. 문제통장 분류를 선택 후, 필요한 정보를 입력하고, 섬네일 이미지를 등록할 수 있다.    실행화면            세부내용   1. 내가 등록한 문제통장을 볼 수 있으며, 원하는 통장을 등록, 수정, 삭제 할 수 있다.      실행화면     세부내용     1. 문제통장에 대한 상세정보와 평점, 코멘트를 확인 할 수 있다.   2. 문제풀기를 통해 해당 문제통장을 풀 수 있다.      실행화면     세부내용   1. 문제통장 상세정보를 확인 할 수 있다. 2. 장바구니, 즐겨찾기에 등록 할 수 있다. 3. 구입하기 버튼으로 통장구매페이지로 이동할 수 있다.    실행화면    세부내용  1. 오늘의 퀴즈 들어 갔을시 상태화면 (비로그인 상태)  실행화면    세부내용  1. Spring의 스케쥴러를 이용해 12시 정각되면 랜덤으로 문제 보여주기  2. 나의 정보 보여주기 (닉네임, 푼 문제 갯수, 나의 정답률)  3. 나의 최근 기록 보여주기  실행화면    세부내용   1. 오늘의 골든벨 랭킹  2. 기간별 골든벨 랭킹 (주간, 일간, 전체)  3. 비로그인시 문제풀러가기, 클릭시 로그인 페이지로 이동    실행화면    세부내용   1. 총 몇 문제 풀었는지 확인 2. 오늘 문제 푼 사람들 중 등수 구해주기    실행화면    세부내용    1. 총 출석일 구하기  2. 7일 연속 출석수 보기  3. 4주 연속 출석수 보기  4. 출석체크로 얻은 총 보상      

2021-12-10

Styie Solo - 혼족(1인가구)를 위한 쇼핑몰

기간 : 2017-03-15 ~ 2017-04-14 ( 월,화,수,목,금 ) URL :   혼족들을 위한 다양한 상품을 판매하는 쇼핑몰   [ Style Solo - 혼족(1인가구)를 위한 쇼핑몰]   Final project “Style Solo-혼족(1인가구)를 위한 쇼핑몰” 개발환경 OS  Windows 7 , Ubuntu DBMS  Oracle 11g XE Language Java, jQuery, Javascript, MyBatis, Ajax, HTML5, CSS, BootStrap Development tool  Spring Framework, Apache Tomcat 8.0 추가 S/W  Spring Tool Sheet(STS), SQL Developer, AWS(Amazon Web Service), FileZila(FTP) 개발인원 개발기간 7 명 2017-03-15(수) ~ 2017.04.14(금)         개발 취지 및 목적  1 . 혼족을 위한 다양한 상품 판매         2 . 패션, 인테리어 상품을 조합하여 추천 아이템 제안                 3 . 공동 구매 페이지를 통한  구매 창구 다양화           DATABASE 구조도          프로젝트 일정     구분 1주(3/15~19) 2주(3/20 ~ 26) 3주(3/27 ~ 4/2) 4주(4/3 ~ 9) 5주(4/10 ~ 16) 테이블 설계 및 구축 화면 구성 메뉴 – 페이지 연동 DB 연동 컨텐츠 구성 및 테스트 추가 기능 / 개선 검토 오류 수정 및 최종 테스트 최종 PPT 준비    실행화면          세부내용    실행화면            세부내용   1. 계정 정보 찾는 페이지.  2. 아이디는 이름/생년월일 입력하여 찾음.  3. 비밀번호는 이메일 인증을 통해 확인 후 메일로 비밀번호 발송     실행화면            세부내용 1. 고객에게 특정 주제를 가지고 아이템을 추천하는 페이지 2. 추천 분류    - MD 추천    - 코디 추천    - 인테리어 추천  실행화면        세부내용   1.  쇼핑 메인 페이지 2. 카테고리를 클릭하면 관련 리스트 페이지로 이동된다 3. 이미지를 클릭하면 해당 상품의 상세 페이지로 이동한다      실행화면          세부내용   1. 고객센터 관련 메뉴를 보여주는 메인 페이지 2. FAQ, 1:1문의, 공지사항, 이용안내 페이지로 이동하여 서비스 이용 3. FAQ 주요 게시물과 공지사항 주요 게시물 리스트 표기 4. 자주 찾는 검색어를 노출하고 검색할 수 있는 부분 추가    실행화면          세부내용   1. 공동구매 페이지 2. 회원이 등록한 공동구매 베스트 게시물(구매건 순), 운영자 추천 베스트 공동 구매 리스트를 보여주는 페이지    실행화면              세부내용 1. 공동구매를 등록하는 페이지 2. 항목에 맞게 등록하면 된다. 3. 등록은 권한이 있는 계정만 가능하다.   실행화면      세부내용   1. 회원 정보를 확인하고 수정할 수 있는 페이지  실행화면        세부내용   1. 관리자 프로그램 메인 화면. 2. 좌측에 로그인 정보, 메뉴, 쇼핑몰 방문자 정보를 보여줌. 3. 상단에는 조건에 따른 검색 영역, 이미지 경로를 추출할 수 있는 기능, 내 정보를 보는 기능, 로그아웃 버튼이 있음. 4. 메인 영역에는 쇼핑몰 방문자, 접속자 통계, 카테고리별 상품 등록 통계, 카테고리별 매출 통계가 보여짐. 5. 최하단에는 금일 가입/탈퇴 목록이 보여짐.    

2021-12-10

Academy Korea-학원 통합검색

기간 : 2016-06-13 ~ 2016-12-12 ( 월,화,수,목,금 ) URL :   학원 정보를 한눈에 볼 수 있게 (운전학원, 입시학원, 고시학원, 언어학원, 취미학원, 자격증반 등) 많은 학원 정보를 정리해서 보여준다   [ Academy Korea-학원 통합검색 ]   Final project “Academy Korea-학원 통합검색” 개발환경 OS  Windows 7 DBMS  Oracle 11g Language  jsp , java , jQurey , javaScript , ajax , mybatis Development tool  Eclipse , SQLTool , SqlDeveloper 추가 S/W  Tomcat 개발인원 개발기간 6 명 2016-10-24(월) ~ 2016.12.02(금)       개발 취지 및 목적  1 . 학원정보를 원하는 사람들에게 정보를      제공 함으로써 편의를 제공한다    2 . 학원 정보를 한눈에 볼 수 있게  (운전학원, 입시학원, 고시학원, 언어학원, 취미학원, 자격증반 등) 많은 학원 정보를 정리해서 보여준다    3 . 학원을 다니지 않는 인강 생들을 위한      공간(학습 교재, 인강 루트 제공)      DATABASE 구조도      프로젝트 일정        실행화면      세부내용    실행화면    세부내용  1. 자격증 관련 일정을 보여주는 화면으로 해당 시험일정을 클릭하면 세부사항이 열린다.   실행화면      세부내용   1. 아이디 중복확인 페이지    실행화면    세부내용   1. 우편번호 제공 API 페이지    실행화면    세부내용 1. 회원가입 결과 페이지  실행화면    세부내용   1. 관리자 로그인 결과 화면 표시    실행화면    세부내용   1. 현재 로그인 되어있는 회원의 정보를 화면에 출력    실행화면    세부내용   1. 현재 로그인 되어있는 회원의 포인트를 사용 할 수 있는 페이지    실행화면    세부내용   1. 페이지 위쪽에는 학원이름,  학원 전화번호, 학원 이메일, 학원주소, 학원 홈페이지 주소, 커리큘럼, 학원소개, 학원사진을    입력합니다. 2. 중단부분에는 자격증, 학문, 지역, 의 카테고리 의 분류를 클릭하여 어떤 종류의 학원이고 무엇을 배우는지 알려줍니다. 3. 마지막으로 강사님의 사진과, 강사님의 이름과 소개내용을 적을 수 있는 창이 있습니다. 4. 모든 정보를 기입하면 등록 버튼을 클릭하여 데이터를 등록합니다.    실행화면    세부내용   1. 페이지 위쪽에는 학원이름,  학원 전화번호, 학원 이메일, 학원주소, 학원 홈페이지 주소, 커리큘럼, 학원소개, 학원사진을    수정합니다.   2. 중단부분에는 자격증, 학문, 지역의 카테고리 의 분류를 클릭하여 기존 문항이 변경되었으면 변경합니다.   3. 마지막 문항인 강사님의 소개 목록도 변경해주고 나서 모든 정보를 수정하였다면 수정 버튼을 클릭하여 수정해 줍니다    실행화면    세부내용   1. 검색을 안한 리스트 페이지에는 전체 학원 데이터가 표시되도록 하였습니다.   2. 각 데이터에는 학원 Image, 학원이름, 지역 소분류, 대분류, 쿼리큘럼, 간단한 학원소개, 즐겨찾기 등록 버튼 등으로      구성되어 있습니다.    실행화면    세부내용   검색을 위한 콤보박스. 대분류와 소분류로 나눠집니다. 분류 기준 ┗ 지역 대분류: 도 ┗ 지역 소분류: 시 1.     대분류를 선택하면 소분류 옵션들이 표시됩니다.   2.     소분류 선택시 해당 데이터가 검색됩니다.   3.     검색은 카테고리 순서와는 상관없이 가능합니다.    실행화면    세부내용   1. 관리자 전용 영역은 관리자 ID로 로그인 했을시에만 노출됩니다. 2. '등록’ 버튼을 클릭시에는 last_input.j네 페이지로 이동합니다. 3. 등록 페이지는 새창으로 생성됨으로서 List페이지를 동시에 확인하며 데이터를  입력할수 있게끔 하였습니다.    실행화면    세부내용        1. 맨 상단 영역    - List 창에서 선택한 학원 이름과 학원 대표 Logo를 보여준다.    - 상단 우측 Button 의미 : ‘학원소개 / 강사진’은 앵커로 만들어 이 페이지에서 보고 싶은 해당 영역에 이동할 수 있게     만들었다.    - 학생인터뷰 : 학원에 다니는 학생의 간단한 학원 정보 및 학생의 느낀점으로 확인 할 수 페이지로 이동    - 찾아가는 길 : 학원의 위치 정보(지도)를 보여주는 페이지로 이동     2. 맨 하단 영역    - 학원 주소를 제공 Button    - 학원홈 : 학원 홈페이지로 이동 가능    - 문의하기 : 학원 담당자 및 Home 관리자에게 상담 문의 메일 전송    - 건의하기 : Home 관리자에게 HomePage관련 건의 사항 메일로 전송    - Top : 맨 상단으로 이동    실행화면    세부내용        1. 게시판 상세 화면입니다. 작성자 본인이 로그인하게 되면 수정, 버튼이 나오게 됩니다.        2. 댓글 입력, 수정, 삭제가 가능 합니다.        3. 본문의 수정 버튼을 누르게 되면  수정 페이지로 넘어갑니다.   4. 목록으로 버튼을 누르면 리스트 화면으로 이동하게 됩니다.        

2021-12-10

StarBook & Community

기간 :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. 모바일페이지 각 페이지, 스타일만 변경시켰고, 광고부분을 없앴음, 반응형 웹페이지로 만들어져 있음      

2021-12-10