A Story

검색

검색

Total 162 / 6 page
썸네일

CULTURE COMPANY

기간 :2016-05-16 ~ 2016-11-29 ( 월,화,수,목,금 ) URL :내부서버용 1. 사용자에게 다양한 문화정보를 제공한다. 2. 영화정보 및 예매가능를 가능하게 제공 3. 다양한 물품을 쇼핑 정보 제공 4. 날씨 정보와 합쳐진 관광 투어 제공   [ CULTURE COMPANY ]   Final project “CULTURE COMPANY” 개발환경 OS  Windows 7 DBMS  Oracle Expression Edition 11g Language  JAVA, JavaScript, JQuery, Ajax, HTML5, CSS3 Development tool  Eclipse, exERD, Sql developer 추가 S/W Tomcat 9.0 개발인원 개발기간 6 명 2016-10-10 (월) ~ 2016-11-29 (화)       개발 취지 및 목적        1.     사용자에게 다양한 문화정보를 제공한다.          2.     영화정보 및 예매가능를 가능하게 제공   3.     다양한 물품을 쇼핑 정보 제공   4.     날씨 정보와 합쳐진 관광 투어 제공   5.     인바디 측정 및 여러 운동과 건강에 대한 정보를 제공   6.     다양한 숙박 정보와 예약시스템 구현   7.     CRM(고객관계관리)를 통한 고객에게         마케팅 정보 제공 DATABASE 구조도        프로젝트 일정          실행화면        세부내용   1)  사용자쪽 메인 페이지    실행화면     세부내용   1)  아이디 찾기는 해당하는 정보를 입력하면 자기 아이디를 찾을 수 있음   2)  비밀번호 찾기는 해당하는 정보를 입력하면 해당 이메일로 임시 비밀번호가 감.   3)  이메일에서 임시비밀번호 확인 후 로그인 후 비밀번호 수정  실행화면    세부내용 1) 포인트를 충전 할 수 있는 팝업 페이지    실행화면    세부내용      1)    고객정보를 리스트에서 보여줌      2)    웹그리드를 이용해 그룹핑과 해당 고객을 검색 할 수 있음      3)    해당 부분을 엑셀파일로 export할 수 있음      4)  고객의 정보를 삭제 또는 업데이트 할 수 있음    실행화면    세부내용      1)   고객한테 마케팅 정보를 SMS로 보냄   2)  자주 사용하는 문자를 이용해 SMS를 보낼 수 있음    실행화면    세부내용         1)   예매 사용자 메인페이지   2)   제목, 이미지, 에매율, 평점, 개봉일을 표시   3)   예매율, 관람객 순으로 예매 가능한 영화를 표시   4)   좋아요 기능        5)  예매 페이지로 이동  실행화면    세부내용      1)  예매할 영화 선택       2)  극장 , 날짜, 시간 순으로 선택       3)  선택한 정보가 출력됨 4)  좌석선택 메뉴로 이동  실행화면    세부내용        1)   좌석선택 팝업창 2) 1명에서 최대 8명까지 자유롭게 좌석선택  실행화면    세부내용         1)  상품을 클릭할 시 해당 상품의 상세 정보를 알아 볼수있다.   2) 해당 페이지에서는 상품 구매, 장바구니 기능을 할수있다.    실행화면    세부내용         1)  상품 상세보기 또는 장바구니에서 상품을 선택하고 구매 할 수 있는 페이지   2) 보내시는 분 정보, 받으시는 분 정보를 입력 받아 상품을 구매한다.    실행화면    세부내용         1)    회원 별 구매했던 상품 정보를 알수있다.   2)  구매 후 현 상태에서 정보 출력 가능하다.    실행화면    세부사항   1)   호텔 등록 페이지  실행화면    세부사항     1) 등록 된 호텔 리스트     2) 웹 그리드를 이용한 호텔리스트 삭제 및 수정.    실행화면    세부사항      1)     Tour 메뉴 클릭 시 나타나는 메인 리스트페이지      2)     관광지나 행사 정보 리스트를 보여주며, 이미지나 간단한 요약소개를 보여준다.   3)  옆 쪽 사이드메뉴의 SEARCH 창에서 검색이 정보를 검색 가능하다.  실행화면    세부사항      1) 각 관광지나 행사의 세부 정보 페이지       2) 관광지의 기본정보, 개요, 위치 등을 표시 3) 예약버튼을 누르면 예약페이지로 이동 가능  실행화면    세부사항         1)   지역별 날씨 정보 페이지      2)   지역별 검색 가능      3)   현재의 날씨와 오늘의 날씨 확인   4) 주간 날씨 확인  실행화면    세부사항      1)  관광 정보 업데이트 페이지.      2)  관광지, 행사, 관광 코스의 세가지 목차로 나누어서 입력이 가능   3) 입력하면 바로 메인 리스트와 관리자 관광정보 관리 페이지에서 확인 가능  실행화면    세부사항         1)     관광 행사 일정 안내 페이지      2)     FullCalendar를 사용   3) 일정 클릭 시 입력, 수정, 삭제 가능.  실행화면    세부사항      1)  MBI(인바디)를 체크 할수 있는 페이지   2) 인바디 페이지에서 인바디를 하면 결과값이 나옴  

2021-12-10

썸네일

ABSC 사내 시스템

교육기간 : 2016-05-16 ~ 2016-11-29 ( 월,화,수,목,금 ) URL : 내부서버용 1. 메신저를 통하여 각자의 자리에서 업무보고를 할 수도 있고 사원들 간 이야기와 사진을 주고받으며 사내 친목을 도모. 2. 사원을 등록을 입사일 에 맞춰 자동생성 하며, 사원들을 등록 ,수정, 조회, 삭제가 가능 3. 회의실 등의 공간을 예약시스템을 도입하여 시간별, 날짜별로 확인할 수 있고, 예약을 통해서 효율적인 공간 활용.   [ ABSC 사내 시스템 ]   Final project “ABSC 사내 시스템” 개발환경 OS  Windows 7 DBMS  Oracle12c Language  Spring MVC, Mybatis, Jquery Mobile,   Java ,JSP ,HTML5 /CSS3 ,Javascript ,  Ajax , Jquery Development tool  Eclips Mars, Oracle SQL Developer 추가 S/W  Exerd 개발인원 개발기간 8 명 2016.10.31(월) ~ 2016.11.28(월)   개발 취지 및 목적  1. 메신저를 통하여 각자의 자리에서    업무보고를 할 수도 있고 사원들 간    이야기와 사진을 주고받으며    사내 친목을 도모.    2. 사원을 등록을 입사일 에 맞춰    자동생성 하며, 사원들을 등록 ,수정,    조회, 삭제가 가능    3. 회의실 등의 공간을 예약시스템을    도입하여 시간별, 날짜별로    확인할 수 있고, 예약을 통해서    효율적인 공간 활용.    4. 출결시스템을 통하여 사원들의    근태상황을 전산으로 관리 할 수 있으며,    대용량의 데이터를 저장하여 인사고과에    반영. DATABASE 구조도    프로젝트 일정        실행화면    세부내용   1)     장소 목록을 클릭하여 해당 장소를 자세히 볼 수 있다.   2)     예약 버튼을 클릭하면 해당 장소의 예약이 가능하다.   3)     오른쪽에 고정 바를 통해 간략한 정보를 항상 확인할 수 있다.    실행화면    세부내용   1)     모든 장소에 대한 정보를 확인할 수 있는 관리자 페이지.      2)  특정 장소에 대한 예약 리스트 또는 스케줄을 확인 할 수 있고 사진을 클릭하면 자세히 보기 화면으로 이동 할 수 있다     실행화면     세부내용  1 )결제폼이 자세히 보여진다.   실행화면     세부내용   1)     사원이 로그인 을 해서 해당 페이지로 오면 출근버튼을 누르고 등록 오전 9:00이후에 등록을 누르면 지각여부에     Y 그전에 등록하면 N          2)  퇴근/야근 동일     실행화면     세부내용   1) 개인정보에는 로그인 한 사람의 정보 자동입력되며 외근상세내용으로 외근 사유를 작성하고 거래처 정보를 입력한다.    추가로 첨부할 파일이 있으면 파일첨부를 할 수 있다.     실행화면       세부내용   1)     개인정보에는 로그인 한 사람의 정보 자동입력   2)     근태현황에는 사원의 출퇴근 지각 야근 여부를 확인 할 수 있다.   3)     사원 외근 내역에는 사원의 외근 현황을 확인할 수 있다. 상세내용 클릭 시 외근서를 확인 할 수 있다.        4) 출장 현황 내역에서도 내역을 확인 할 수 있으며 상세보기로 자세한 내용 확인 가능     실행화면           세부내용   1)     관리자가 등록한 교육 리스트 목록         2)   검색 조건을 설정하여 조건에 맞는 리스트 조회     실행화면     세부내용      1)     교육에 관한 설명과 교육을 담당하는 강사의 정보 노출        2)  수강 신청 후 로그인 한 사원의 정보와 신청교육이 신청확인 페이지에 저장  실행화면    세부내용     1) 재고 목록을 클릭하면 상품 목록과 재고 목록이 나온다.    실행화면    세부내용       1)     사원 목록이 부서별로 구분        2) 사원 클릭 시 대화 창으로 이동    실행화면    세부내용   1)     로그인한 사원의 소속 부서에 관한 간략한 정보와 부서별 인덱스 사진   2)     사내 조직도      3) 인사관리 메뉴 바로가기    실행화면    세부내용   1)     사원 정보 출력      (기본사항, 학력사항, 경력사항, 자격증, 외국어능력, 발령 사항 등 정보를 출력) 2)     내용 추가 및 수정, 삭제    실행화면    세부내용   1)     로그인 한 사원이 물품을 선택해서 대여 신청    2)     기본인 사용 탭에서는 대여, 반납 탭에서는 대여 물품 목록에서 선택해서 반납       3) 각각 검색 조건을 단일 혹은 조합해서 조회할 수 있음  실행화면    세부내용   1)  품목, 창고, 거래처 탭을 선택해서 목록에 추가, 수정, 삭제를 해서 관리함     2) 직접 입력하거나 선택 상자의 드롭 버튼으로 리스트에서 선택해서 값을 넣을 수 있음  실행화면    세부내용   1)     대여, 반납에 대한 로그인 한 사원의 개인 내역     2) 버튼을 눌렀을 때 팝업창에 테이블 형식으로 출력되고 엑셀 파일로 저장할 수 있음  

2021-12-10

썸네일

Big Store

기간 : 2016-04-18 ~ 2016-10-17 ( 월,화,수,목,금 ) URL : 내부서버용 1.사원과 지점을 관리하고 다양한 기능 접목 시켜 빠른 업무처리를 위한 회사관리 프로그램 개발 2. 회사는 거래처로부터 상품을 확보, 지점의 재고 관리, 회사의 사원들을 관리, 통계 분석으로 다양한 상황 처리 가능한 프로그램 개발   [ Big Store ]   Final project “Big Store” 개발환경 OS Window 7, Window 10 DBMS Oracle Expression Edition 11g Language JAVA, JSP, HTML, SQL Development tool Java Eclipse EE, Spring Tool, Toad DB, Quantum DB 추가 S/W Apache Tomcat 8.0 개발인원 개발기간 6 명 2016.09.05(월) ~ 2016.10.17(월)        개발 취지 및 목적 1.   사원과 지점을 관리하고 다양한 기능    접목 시켜 빠른 업무처리를 위한    회사관리 프로그램 개발        2.  회사는 거래처로부터 상품을 확보,         지점의 재고 관리, 회사의 사원들을 관리,        통계 분석으로 다양한 상황 처리 가능한        프로그램 개발 3. 지점은 상품 판매, 재고 발주 기능,    지점의 사원 관리기능 프로그램 개발 4. 회사의 소개, 이벤트 관련이나   공지사항을 보여주고, 지점 위치찾기   기능 프로그램 개발 5.  맞춤 기능들로 빠른 업무의 흐름,     편리한 업무의 진행이 가능합니다.   DATABASE 구조도                  프로젝트 일정      실행화면      세부내용   1)     회사 업무 홈페이지의 메인페이지   2)     좌측 사이드바는 회사 공통 메뉴바 3)     사이드바 버튼클릭 시 사이드바 숨기기 가능 4)     로그인한 사용자의 정보 확인 5)     각 직급별 사용할 수 있는 기능만보임 6)     최근 등록된 회사 공지사항 확인 7)     오늘 등록한 오늘의 할 일 중 최근만 확인 8)     회사일정 및 개인 일정 캘린더 확인 9)     최근에 받은 쪽지 확인    10) 회사 홈페이지 전체 백그라운드 비디오 적용    실행화면    세부내용   1)     메인 페이지의 공지사항 더보기와 좌측 사이드바에서 인사 공지사항으로 페이지 이동 가능 2)     회사의 부장급직원만 공지사항 작성이 가능하며 일반사원들은 공지사항 확인만 가능    실행화면    세부내용    1)     공지사항 세부내용 페이지에서 부장급 직원만 수정 가능 2)     해당 공지사항의 제목과 내용만 수정 가능  3)     취소버튼 클릭 시 해당 게시글 세부내용 페이지로 되돌아감 수정버튼 클릭 시 수정한 내용을 확인하기 위해 세부내용 페이지로 이동   실행화면    세부내용    1)     오늘의 할 일을 작성하여 스케줄 관리 2)     날짜선택 후 검색 버튼 클릭 시 해당 날짜의 작성한 할 일 보기가능 3)     제목과 내용 작성 후 추가하기 버튼 클릭 시 아래 리스트에 바로 표시 4)     완료버튼 클릭 시 해당 할 일 완료 표시 5)     삭제 버튼 클릭 시 해당 할 일 삭제 완료한 것 표시하기 체크 해제 시 완료한 내용 안보임  실행화면    세부내용    1)      회사 일정 표시와 개인 월 일정 표시 2)      회사 일정은 파랑색으로 일반직원은 수정 불가 3)      개인 일정은 초록색으로 표시 수정가능 4)      일정날짜를 클릭 하거나 클릭 후 드래그 시 일정 입력 가능 5)      입력된 일정 클릭 시 삭제 여부 6)      입력된 일정 들어올려 원하는 날에 내려놓기 수정가능 7)      입력된 일정 우측 끝 드래그 수정 가능  실행화면    세부내용   1)     물품 리스트에서 물품명 클릭 시 이동     2)     물품의 상세 정보 확인 가능   3)     목록 버튼 클릭 시 물품 리스트로 이동     4) 수정 버튼 클릭 시 수정 페이지로 이동  실행화면    세부내용    1)     제품 세부 정보 에서 수정 버튼 클릭 시 이동  2)     해당 제품의 제품명, 메모내용, 가격, 이미지, 제조사, 분류 등 수정 가능 3)     취소 버튼 클릭 시 제품 세부 정보페이지로 이동 용 변경 후 수정 버튼 클릭 시 변경 된  내용 확인을 위해 제품 세부정보  페이지로 이동  실행화면    세부내용       1)   아이디를 입력한다.     2)   비밀번호를 입력한다.     3)  아이디와 비밀번호가 일치한 경우 스프링 시큐리티를 적용하여 로그인된다.  4) 메인 페이지로 이동한다.  실행화면    세부내용    1)      지점 직원의 등급에 따라 메뉴가 상이하게 노출된다.  2)      점장일 경우, 판매/재고/행사물품/결산/발주/사용자등록 메뉴가 노출된다.  3)      아르바이트생일 경우, 판매/재고/행사물품 메뉴가 노출된다.  4) 각 메뉴를 클릭 시, 해당 페이지로 이동한다.  실행화면    세부내용   1)      상단메뉴 : 클릭 시, 각 페이지로 이동한다. 2)      대분류(간편식사,즉석조리 등) 클릭시, 해당 대분류에 속하는 소분류(빵/스낵/비스켓 등)가 노출되고,      소분류 클릭 시 해당 소분류에 포함된 물품 목록이 노출된다. 3)      물품 클릭 시, 좌측 목록에 추가된다. 4)      일괄취소 클릭 시, 좌측 목록이 리셋된다. 5)      보류 클릭 시, 좌측 목록 물품들이 보류로 이동되고 해당 목록에서 사라진다. 6)      결제 클릭 시, 결제화면이 레이어팝업으로 노출된다. 7)      반품 클릭 시, 반품화면이 레이어팝업으로 노출된다.    실행화면    세부내용   1)      판매 화면에서 판매 중 보류하기를 클릭하면, 보류 목록에 저장되고 상단 메뉴에 현재 보류중인 물품리스트가 있음이      표시된다. 2)     판매로 이동하기 버튼을 클릭하면, 판매창으로 해당 물품들이 쌓이면서 이동한다. 3)  보류삭제를 클릭 시, 보류중인 물품 리스트가 모두 삭제된다.  실행화면    세부내용   1)     로그인한 사람의 해당 지점 재고가 노출된다. 20개 이하인 재고는 붉게 표시된다. 2)     상품명/수량/소분류명으로 지점내 재고 검색이 가능하다. 3)     본사의 상품명/소분류명으로 물품 검색이 가능하다. 4)  주문수량 입력 후 발주 추가 버튼을 클릭하면, 발주 대기목록에 추가된다.  실행화면    세부내용   1)      발주내역이 노출된다. 2)      날짜검색창에 시작날짜, 끝 날짜를 입력 후 검색이 가능하다. 3)      발주번호를 클릭하면, 발주 상세내역을 확인할 수 있다.    세부내용    세부내용   1)      1+1, 2+1, 전체보기 메뉴를 통해 각 메뉴에 해당하는 이벤트중인 상품들을 확인할 수 있다.    실행화면    세부내용   1) 사원리스트 출력                   2) 쪽지보내기 선택 시 writemessage에 해당 사원의 아이디로 보낼 수 있도록 넘어가짐 3) login/out 상태표시  실행화면    세부내용   1) 받은쪽지함,보낸쪽지함에서 읽고싶은 메세지를 클릭했을 시 나타나는 화면 2) 읽을 시 읽음여부가 “Y” 로 바뀜  실행화면    세부내용   1)     통계 페이지 2)     회사의 목표금액까지 올해의 누적매출액(누적바차트), 지점별매출(파이차트), 품목별매출(파이차트), 월별매출(bar차트), 일별매출(꺽은선차트), 순이익등을 다양한 구글차트를 이용하여 한눈에 보여준다. 3) 이 페이지를 만들기 위한 차트. 페이지는 총10페이지로 각 각 페이지마다 jquery, ajax, json, googlechart를 사용하고 있다.    실행화면    세부내용   1) main.do -  접속 첫 화면 2) 상단 메뉴바 - 회사소개, 공지사항, 서비스유형별 안내 3) 사이드 메뉴바 - 현재 이벤트 상품들 보여주기 이벤트 별로 메뉴를 클릭하여 상세 상품을 볼 수 있다       4) 지점검색기능 - 찾는 지점의 주소나 이름으로 검색가능        5) 서비스 유형별 검색은 각 지점별 서비스를  선택하여 검색 할 수 있도록 하였다 6) 하단 푸터 - Contact Us를 눌러 메일로 문의글을 남길 수 있다    실행화면    세부내용   1)  서비스유형별 안내 2) 서브메뉴의 각 유형을 클릭할 때 마다  유형에 해당하는 지점 리스트가 뜨고 지도에 마킹된다. 3) 마킹된 마커를 클릭하면 지점 상세 정보를 확인할 수 있다    실행화면    세부내용    1) 상단메뉴에 돋보기를 눌러 화면 이동 가능 2) 주소와 지점명 두 가지로 검색가능 3) 메인페이지의 검색창에 입력하여 검색도 가능  실행화면    세부내용   1) 메인화면에서 주소나 지점을 선택후 조회 버튼을 누르면 searchbranch.do 화면에 지점 리스트가 보인다 2) 서비스 유형별 검색에서는 원하는 유형을 선택하면 선택된 서비스가 가능한 지점 리스트가 보인다    실행화면    세부내용  1) 고객 웹페이지를 휴대폰으로 접속했을 때 보여지는 이미지  실행화면    세부내용   1) 팝업창에서 간단히 거래처명 입력하면 등록 가능 2) 등록 시 공백이거나 중복체크를 하지 않으면 등록 버튼은 비활성화 3) 중복체크를 하였더라도 공백이거나 중복된 거래처명이 있어도 등록 버튼 비활성화 되며 입력 박스 하단에 경고 문구 나옴 4) 정상적인 등록이 완료되면 다시 거래처 리스트 화면으로 돌아가며 리스트에 등록한 거래처 확인 가능    실행화면    세부내용    1) 본사 재고 확인 가능하며 제조사명, 상품번호, 상품명, 수량이 표시 2) 적은 수량부터 화면에 표시 3) 하단의 신청 버튼을 누르면 발주 신청 페이지로 이동    실행화면          세부내용   1) 발주 신청한 내용 확인 가능 2) 왼쪽 하단의 입고 확인 버튼 클릭 시 입고확인 여부가 대기에서 완료로 변경되며 본사 재고에 추가됨 ) 오른쪽 하단의 수정버튼 클릭 시 수정 페이지로 이동  실행화면    세부내용   1) 마이페이지 -> 내정보 화면으로 본인만 접근 가능하다. 2) 사원 이미지, 사원번호, 근무부서, 이름, 직책, 생년월일, email, 근무형태, 입사일자, 연락처,  주소, 비고, 학력, 어학능력, 자격증을  확인 할 수 있다. 3) 학력은 최근 졸업한 순으로 보여진다. 4) 어학능력은 최근 입력한 것이 먼저 보여진다. 5) 자격증은 먼저 입력한 순서대로 보여진다. 6) 비밀번호 수정버튼을 클릭하면 비밀번호 수정 페이지로 이동한다, 7) 목록버튼을 클릭하면 사원리스트 페이지로 이동한다.  실행화면    세부내용   1) 인사관리 부서만 접근이 가능하다. 2) 지점명, 담당자, 지점 전화번호, 주소, 상세주소, 해당 편의점 편의시설 (ATM, 직접조리식품, 로또, 택배서비스, 생활편의),    해당 편의점의 지점사원 목록을 확인할 수 있다. 3) 지점 수정 버튼을 클릭하면 지점을 수정할 수 있다. 4) 지점 사원 수정을 클릭하면 퇴사여부를 변경할 수 있다. 5) 목록버튼을 클릭하면 지점 리스트페이지로 돌아간다.  실행화면    세부내용   1) 인사관리 부서만 접근이 가능하다. 2) 사원명이 클릭되지 않으면 명세서이름이 나타나지 않는다. 3). 부서명클릭 후 해당되는 사원번호를 가진 사원명을 클릭한 하면 “OOO님 0000년 00월 명세서”라고 나타난다. 4)기본금, 국민연금, 건강보험, 장기요양보험, 고용/산재보험, 초과근무시간, 금액을 입력할 수 있다. 5) 총 지급내역이 계산 되고 등록을 클릭하면 급여 등록이 완료 된다. 6) 취소하면 입력한 값이 사라진다.    실행화면    세부내용   1) 인사관리 부서만 접근이 가능하다. 2) 날짜, 부서명, 이름, 출근시간, 퇴근시간, 시간외근무, 지각, 조퇴가 조회된다. 3) 부서별, 이름. 기간별로 검색이 가능하다.  

2021-12-10

썸네일

Melona

기간 : 2016-04-18 ~ 2016-10-17 ( 월,화,수,목,금 ) URL : 내부서버용 1. 사용자에게 음원 및 공연정보를 제공한다. 2. 사용자의 편의를 위해 인기차트 및 랭킹정보 제공 3. 음원 듣기/다운로드가 가능한 이용권 및 공연 티켓을 구매하여 문화생활을 위한 정보 제공   [ Melona ]   Final project “Melona” 개발환경 OS Window 7 DBMS Oracle Expression Edition 11g Language JAVA, JQuery, JavaScript, D3, MyBatis Development tool Eclipse, SQL Developer, Quantum DB 추가 S/W Tomcat 8.0 개발인원 개발기간 6 명 2016.09.19(월) ~ 2016.10.14(금)     개발 취지 및 목적 1.     사용자에게 음원 및 공연정보를 제공한다.   2.     사용자의 편의를 위해 인기차트 및 랭킹정보를 제공한다.   3.     음원 듣기/다운로드가 가능한 이용권 및 공연 티켓을 구매함으로써 문화생활을 위한 정보를 제공한다.   4.     사용자가 필요로 하는 정보를 직관적으로 제공함으로써 구매자의 정보획득 편의를 도모한다.   DATABASE 구조도(일부)            프로젝트 일정          실행화면        세부내용   1) 기본 메인화면 2) 접속 시 장르별 앨범사진과 최신앨범 이미지슬라이드, 하단에 인기 가수, 실시간 차트 표시 3) 각 항목, 이미지 클릭 시 담당 페이지로 전환    실행화면    세부내용   1) 실시간 앨범 차트 2) 실시간으로 가장 인기 있는 top10 표시 3) 제목에 마우스를 위치하면 앨범 이미지 표시 4) 클릭 시 해당 상세페이지로 이동 5) 더보기 클릭 시 top100 페이지로 이동    실행화면    세부내용   1) 회원가입 페이지 2) 입력항목 누락 시 경고창 생성 3) 아이디 중복체크 4) 가입 버튼 클릭 시 회원가입, 취소 버튼 클릭 시 메인페이지로 이동    실행화면    세부내용   1) 티켓 메인화면 2) 접속시 공연목록 표시, 좌우로 슬라이드 이동 3) 새로운 공연, 공연날짜가 다가오는 공연 표시 4) 공연 이미지 클릭 시 디테일 화면으로 전환 5) 랭킹 차트 표시    실행화면    세부내용   1) 공연 목록 이미지 슬라이드 2) 양쪽의 < > 버튼 클릭 시 옆의 포스터로 이동 3) 공연 포스터 클릭 시 해당 공연 상세페이지로 전환  실행화면    세부내용   1)    신규 공연, 공연임박 목록    2) 이미지 클릭 시 해당 공연페이지로 전환    실행화면    세부내용   1) 랭킹화면 2) 예매된 연중 예매율 순으로 랭킹 표시 3) 랭킹, 공연 명, 포스터, 일시,장소 표시, %로 예매율 표시 4) 예매 버튼 클릭 시 디테일 화면으로 전환, 예매 가능  실행화면    세부내용     1) 이용권 구매 버튼을 클릭한다. 2) 이용권 목록이 나타난다. 3) 이용권 내용과 가격을 확인한다. 4) 구매를 원할 시에는 구매하기 버튼을 클릭한다.    실행화면    세부내용   1)  결제 시 결제 완료 창이 나타난다.      2) 마이 뮤직에서 이용권 내용을 확인할 수 있다.    실행화면    세부내용         1) 공연 상세 페이지에서 예매하기 버튼을 누르면 좌석을 선택할 수 있다.    2) 좌석등급과 가격, 잔여석을 확인한다.   3) 원하는 좌석을 선택하여 예매를 진행한다.    실행화면    세부내용     1) 선택한 좌석의 정보를 확인한다.   2) 결제 금액을 확인한 후 결제 방법을 선택한다.   3) 주문자 정보를 입력한다.   4) 작성한 이메일로 예매내역이 전송된다.   5) 결제하기 버튼을 누르면 티켓이 결제된다    실행화면    세부내용        1) 마이 티켓 페이지에서 예매 내역을 확인할 수 있다.   2) 공연 정보와 좌석 번호, 결제 정보를 확인한다.   3) 티켓을 체크하여 취소하기 버튼을 누르면 티켓 예매가 취소된다.  실행화면    세부내용   1) 티켓 예매 완료 시, 작성한 이메일로 예매 상세내역이 발송된다.  실행화면    세부내용   1) 유저가 공개상태로 전환한 플레이리스트들을 확인할 수 있는 페이지 2) 가장 많은 팔로우를 받고 있는 리스트 4개를 BEST PLAYLIST에 출력 3) 가장 최근에 플레이리스트를 공개전환한 리스트를 최근 공개된 목록에 추가 4) 리스트 클릭 시 상세페이지로 이동    실행화면    세부내용   1) 공개된 플레이리스트 디테일 화면 2) 팔로우 버튼 추가 시 팔로우가 추가되고 팔로우 버튼이 언팔로우 버튼으로 변환된다. 3) 내가 등록한 리스트에 등록 시 팔로우 버튼 대신 '내가 등록한 플레이리스트입니다'라는 문구가 대신 출력된다.    실행화면    세부내용   1) 내가 생성한 플레이리스트 목록이 출력되는 화면 2) '플레이리스트 순서변경/삭제' 버튼 클릭 시 해당기능을 수행하는 페이지로 이동 3) 플레이리스트 만들기 버튼 클릭 시 리스트 이름을 작성할 팝업창이 뜨고 확인버튼을 누르면 리스트 생성 4) 듣기 버튼을 누르면 리스트에 등록된 음악들을 플레이어창에서 재생    실행화면    세부내용   1) 내 플레이리스트의 순서변경 및 플레이리스트 삭제를 담당하는 페이지 2) 라디오 버튼이 체크된 리스트는 화살표 버튼을 누르면 위치가 변경된다. 3) 삭제버튼 클릭 시 플레이리스트와 그 리스트에 등록되어 있던 음악리스트가 같이 삭제 4) 순서변경완료 버튼을 누르면 최종적으로 리스트의 정렬을 마칠 수 있다    실행화면        세부내용   1)      앨범 목록. (앨범 번호, 사진, 이름, 아티스트, 장르, 발매일, 발매국가 표시) 2)      + 버튼을 클릭하면 앨범 등록 화면으로 이동한다. 3)      번호순, 앨범명순, 발매일순 버튼을 클릭하면 앨범의 번호순, 앨범명순, 발매일순으로 정렬된다. 4)      검색할 조건(앨범명, 가수명)을 선택 -> 키워드 입력 -> 검색 버튼을 클릭하면 키워드가 포함된 모든 앨범이 검색된다. 5)      앨범명을 클릭하면 앨범 상세 정보 화면으로 이동한다. 6)  수정 버튼을 클릭하면 앨범 수정 화면으로 이동한다.    실행화면    세부내용   1)      앨범 상세 정보. (앨범 번호, 사진, 이름, 아티스트, 발매일, 장르, 발매국가, 수록곡 표시) 2)      수록곡 옆에 + 버튼을 클릭하면 노래 등록 화면으로 이동한다. 3)      곡명을 클릭하면 해당 노래 상세 정보 화면으로 이동한다. 4)      수정 버튼을 클릭하면 앨범 수정 화면으로 이동한다. 5)   목록 버튼을 클릭하면 앨범 목록 화면으로 이동한다.    실행화면        세부내용   1)      앨범 등록 : 앨범명/발매일 입력, 아티스트 (2명 이상 가능)/장르/발매국가/사진 파일 선택      (사진 파일명은 입력한 앨범명과 동일하게 저장됨) 2) 취소 버튼을 클릭하면 앨범 목록 화면으로 이동한다.    실행화면    세부내용   1)      음악 목록. (음악 번호, 앨범명, 곡명, 아티스트 표시) 2)      + 버튼을 클릭하면 음악 등록 화면으로 이동한다. 3)      번호순, 곡명순 버튼을 클릭하면 음악의 번호순, 곡명순으로 정렬된다. 4)      검색창에 키워드(곡명) 입력 -> 검색 버튼을 클릭하면 키워드가 포함된 모든 음악이 검색된다. 5)      곡명을 클릭하면 해당 음악 상세 정보 화면으로 이동한다. 6)   수정 버튼을 클릭하면 음악 수정 화면으로 이동한다.    실행화면    세부내용   1)      음악 수정 : 곡명/가사/뮤직비디오 URL입력, 앨범/아티스트(2명 이상 가능) 선택 2) 취소 버튼을 클릭하면 노래 목록 화면으로 이동한다.    실행화면    세부내용   1)      공연 목록. (공연 번호, 사진, 이름, 공연일, 공연장 표시) 2)      + 버튼을 클릭하면 공연 등록 화면으로 이동한다. 3)      번호순, 공연임박순, 최신순 버튼을 클릭하면 공연의 번호순, 공연임발순, 최신순으로 정렬된다. 4)      검색창에 키워드(공연명) 입력 -> 검색 버튼을 클릭하면 키워드가 포함된 모든 공연이 검색된다. 5)      공연명을 클릭하면 공연 상세 정보 화면으로 이동한다. 6)      수정 버튼을 클릭하면 공연 수정 화면으로 이동한다. 7)   상세보기 버튼을 클릭하면 공연 상세 정보 화면으로 이동한다.    실행화면    세부내용   1)      공연장 목록. (공연장 번호, 사진, 이름, 위치, URL 표시) 2)      + 버튼을 클릭하면 공연장 등록 화면으로 이동한다. 3)      번호순, 이름순 버튼을 클릭하면 공연장의 번호순, 이름순으로 정렬된다. 4)      검색창에 키워드(공연장명) 입력 -> 검색 버튼을 클릭하면 키워드가 포함된 모든 공연장이 검색된다. 5)   수정 버튼을 클릭하면 공연장 수정 화면으로 이동한다.    실행화면    세부내용   1)      공연장 등록 : 공연장명/위치/URL 입력, 사진 파일 선택 (사진 파일명은 입력한 공연장명과 동일하게 저장됨) 2) 취소 버튼을 클릭하면 앨범 목록 화면으로 이동한다.    실행화면    세부내용   1)      월별 매출. 오늘 날짜 기준으로 6개월 동안의 월별 메로나(이용권)/티켓별 매출 현황을 막대 그래프와 표로 보여준다. 2)      티켓 버튼을 클릭하면 메로나 티켓의 매출 현황을 보여준다. 3) ▼ 버튼을 클릭하면 해당 날짜의 매출 상세 내역을 보여준다. (월별 매출이 0원 이상인 경우 ▼ 버튼 나타남)   실행화면    세부내용   1)      공연 기본 정보 : 공연기간, 공연장, 관람시간, 장르, 기획사, 티켓팅 날짜 표시 2)      공연 예매 : 공연 예매 날짜/시간 선택 -> 예매하기 버튼 클릭하면 예매 화면으로 이동한다. (단, 공연 일정이 없는 경우 예매하기 버튼은 나타나지 않음)      * 공연 날짜가 지난 경우 공연 예매 창에 ‘판매가 종료된 상품입니다.’라고 출력된다.   3)      좌석 현황 : 좌석 등급, 가격, 잔여석 표시 (날짜/시간 선택 전의 잔여석은 -석으로 표시) 4)      크게 상세정보, 기대평, 관람후기, 공연장정보 4개의 탭으로 구성되어 있다. 5)   하단 목록 버튼을 클릭하면 공연 목록 화면으로 이동한다.    실행화면    세부내용   1)      현재시간 스트리밍 60%+다운로드40%를 반영한 1,2,3위의 시간별 그래프를 표시한다 2)      1,2,3위 음악 정보를 표시한다. 3)      실시간 TOP100곡을 표시한다. 4)      음악듣기/다운로드, 좋아요 선택/해제가 가능하다.    

2021-12-10

썸네일

Fitness

기간 : 2016-04-04 ~ 2016-10-04 ( 월,화,수,목,금 ) URL : 내부서버용 운동참여자에 대한 데이터축적 방안 마련하고, 공급자 중심에서 운동참여자 수요자 중심의 스포츠환경 제공      [ Fitness ]   Final project “Fitness” 개발환경 OS  Windows 7 DBMS  Oracle 11g XE Language   JAVA, javaScript, JQuery, MyBatis, JSP, BootStrap, CSS, Ajax Development tool   Spring, Apache Tomcat 8.0 추가 S/W   Toad for Oracle 12.8 Freeware, Edit Plus 개발인원 개발기간 4 명 2016.08.22(월) ~ 2016.09.30(금) 개발 취지 및 목적  1. 운동참여자에 대한 데이터축적 방안을    마련하고, 공급자 중심에서 운동참여자의    수요자 중심의 스포츠환경 제공   2. 프렌차이즈 피트니스 각 지점들의 DB를    통합 관리자, 직원, 회원 측면에서의    다양한 이점 제공   3. 소비자 행동 패턴 및 특성 분석이 용이   4. 회원의 기본정보가 저장되어 있기 때문에   타 지점의 회원이 방문을 하여도 맞춤형   트레이닝 제공이 용이함 DATABASE 구조도      프로젝트 일정        실행화면      세부내용   1.  로그인시 Admin 체크 후 우측 하단의 Join us!!를 클릭하여 직원 추가 페이지도 이동   2. DB에 저장되어있는 직급정보와 지점정보를 뽑아와 셀렉트 박스로 표시, 해당 직급과 지점, 사진파일 선택 후 Enroll 버튼을     클릭하여 회원등록 완료    실행화면    세부내용   1. 직원으로 로그인 후 상단메뉴의 Admin의 Staff List를 클릭하면 직원목록을 볼 수 있다.   2.    조건을 선택하여 직원 검색 가능, 조건 없이 검색 시 경고메세지 출력   3.     지점 및 직급 클릭 시 DB에 저장되어져 있는 정보를 ajax로 받아와 셀렉트박스로 출력 직원이름을 클릭하여      직원상세보기 가능    실행화면    세부내용   1.  직원목록에서 직원이름을 클릭하여 상세보기 페이지로 이동        2. 상세보기에서 수정버튼을 누르면 수정 가능한 input 태그와 select 태그로 바뀜    실행화면    세부내용   1.     상단메뉴의 Trainer의 Trainer List를 클릭하여 강사목록보기 가능   2.     조건(직원번호, 강사번호, 강사경력, 소속지점, 강사직급, 강사이름)을 선택하여 강사 검색 가능     3. 강사번호를 클릭하여 강사상세보기 가능 실행화면    세부내용   1.     직원으로 로그인시 Admin의 Attendance에서 출석지점 선택 후 출석 가능   2.     회원으로 로그인시 MyPage의 Attendance에서 출석지점 선택 후 출석 가능      3. 로그인 된 사용자의 종류(회원/직원)에 따라 자동으로 저장할 DB를 선택하므로 하나의 출석 페이지로 회원과 직원이       같이 사용    실행화면    세부내용   1.     직원으로 로그인 후 Trainer 메뉴의 Matt List를 클릭하여 회원출석목록을 볼 수 있음   2.     회원이름을 클릭하여 회원 상세보기 가능   3.     조건을 선택하여 회원검색 가능        (조건: 출석지점, 회원이름, 회원전화) 실행화면    세부내용   1.     Admin 메뉴의 Payment를 클릭하면 왼쪽 화면의 1번 상자만 표시   2.     직원번호, 직원이름, 직원전화로 직원을 검색하면 검색된 직원정보를 ajax로 가져와 표로 출력(2번).   3.     2번에서 회원을 선택하면 날짜입력 칸이 나타나는데(3번), 원하는 날짜를 선택하면 해당날짜가 포함된 달의 전체 출근정보를 기준으로 컨트롤러에서 직급에 따라 다르게 월급계산 후 표로 그 정보를 보여줌(4번)      Ok를 누르면 4번 표의 정보대로 월급지급이 완료   실행화면   세부내용   1.     Admin 메뉴의 Payment List에서 볼 수 있음   2.    검색 시작일에서 날짜를 선택하면 선택한 날짜부터 3개월 후 까지 지급했던 내용이 출력됨     3. 조건을 선택하여 원하는 정보 검색 가능  실행화면    세부내용   1. 환불할 고객의 명단을 찾아서 사용   2. 일정이 다르므로 환불 일정 명단에서 가격을 뽑아와서 내역을 만들어서 환불가능    상세화면    세부내용   1.     부트스트랩으로 화면이 넘어가 시설 이미지소개   2.     트레이너 프로필 반응형 웹, 이미지 클릭 시 상세보기 가능.   3.    다음지도API를 이용한 지도맵 설정      4. 마지막 하단에 지점별 전화번호보기    실행화면    세부내용    1.     관리자 로그인 / 회원 로그인으로 구분    2.    관리자로 로그인 시, 회원관리, 직원관리, 수강관리, 매출관리, Q&A게시판 답글쓰기, Event게시판 입력/수정/삭제,     스케쥴관리, 월급관리, 지점관리, 부서관리 페이지로 이동이 가능.    3. 회원으로 로그인 시, 마이페이지, 게시판페이지, 수업예약 페이지로 이동이 가능    실행화면    세부내용     1.     가입한 회원 전체목록 보기 페이지     2.     말머리에 회원번호, 회원이름, 회원번호 중에 하나를 선택해서 회원을 검색 가능/ 페이징 처리 가능    실행화면    세부내용   1.     말머리에서 회원번호, 회원이름 및 전화번호 중에 하나를 선택한 후, 수강등록 할 회원을 검색     2.     radio버튼으로 수강등록 할 회원을 선택을 하고, 선택된 회원은 등록할 회원번호에 입력 됨   3.     등록유형에 따라 프로그램선택의 selectbox가 동적으로 변화 가능   4.     프로그램선택, 락커 신청여부, 운동복신청여부를 선택하면 총 등록금액이 계산되며 수강등록이 가능         5. 유효성처리 함  실행화면    세부내용    1.     회원번호, 회원이름 및 회원전화번호 중에 하나를 선택해서 수강 등록한 회원을 검색할 수 있음     2.    페이징 처리를 함     3. 수강등록 정보에 대한 수정 및 삭제가 가능  실행화면    세부내용     1.     이벤트글 상세정보, 댓글입력, 댓글보기, 이벤트글 전체목록보기가 보여지는 페이지     2.     이벤트글에 대한 작성, 수정 및 삭제는 관리자만 가능     3.     댓글은 회원 및 관리자만 작성이 가능하며, 비회원은 작성할 수 없음     4.     첫 화면은 최근 글 정보가 보여지며, 이전에 작성된 글은 글 목록을 통해서 접근이 가능     5.  댓글 목록 및 이벤트 글 목록에 대해 페이징 처리  실행화면    세부내용     1. 계산기준일로 검색을 하면 지점별 한 달간의 총 수입, 총 환불, 총 매출액이 표와 그래프로 제시.        

2021-12-10

썸네일

8.Reright

기간 : 2016-04-04 ~ 2016-10-04 ( 월,화,수,목,금 ) URL : 내부서버용 스포츠 매칭 사이트     [ 8.Reright ]   Final project “8.Reright” 개발환경 OS Window 10 DBMS MySQL Language Java, Spring, WebSocket, JSP, jQuery, SQL, HTML, CSS Development tool SpringToolSuite, MySQL Developer, Maven 추가 S/W WAS - Tomcat 개발인원 개발기간 4 명 2016.08.26(금) ~ 2016.09.29(목)           개발 취지 및 목적     1)   나 혼자 산다 , 혼자 족을 위한 모임을 만들어 더불어 가는 세상을 만든다. 사이트 내에서 모임을 만들거나 모임에 가입을 하여서 정모를 공지하여 모임끼리의 만남을 할 수 있으며 채팅 , 게시판 , 사진첩으로 모임끼리의 친목을 다질 수 있도록 함.   2)   아마추어 스포츠를 활성화 시킨다 예체능(TV프로그램)의 모티브를 이어 받아 아마추어 스포츠에 더욱 많은 사람들이 참여하고 , 대결을 할 수 있도록 스포츠 , 지역별로 대회를 계획하며 신청을 받아서 대회를 주선한다. 3)   모임끼리의 대결을 한다. 모임끼리 랜덤이나 지목으로 다른 모임과의 대결을 시켜줘서 더욱 돈독한 모임을 만든다.       DATABASE 구조도(일부)    프로젝트 일정       실행화면        세부내용 1. 메인 페이지 입니다. 헤더부분과 옆의 키워드 부분은 항상 동일하며 가운데 부분만 달라집니다.   실행화면   세부내용 1. 마이 페이지의 회원정보가 보여지는 페이지입니다.   2. 메인 사진 수정이 가능합니다. 실행화면   세부내용 1. 마이 페이지의 내가 가입한 모임들이 보여지는 페이지입니다.   2. 자신이 모임장인 경우 모임 장 양도가 가능합니다.  실행화면    세부내용   1.   전체 모임들을 조회하는 페이지입니다.    2. 페이징 처리 대신 무한스크롤바를 썼고 , 보여지는 순서는 최근에 모임을 만든 순서대로 보여집니다.  실행화면   세부내용  1. 모임에 사진을 업로드 하는 페이지 입니다.   2. 자기 자신의 모임에만 사진업로드가 가능하며 같은 모임 원 들에게만 공유가 가능합니다.  실행화면    세부내용   1. 같은 모임 원들끼리의 채팅 방입니다.    실행화면    세부내용     1. 모임을 만드는 페이지입니다.     2. 메인 사진 업로드가 가능하며 사진은 바로 미리보기가 가능합니다.    실행화면    세부내용  1. 8개의 스포츠 별로 랭킹이 높은순으로 보여지는 페이지입니다.    실행화면    세부내용   1.  Q&A게시판 리스트 페이지입니다.     2. 운영자가 쓴 글의 최신 3개의 글은 위의 공지사항에 보여지게 됩니다.    실행화면    세부내용        1. 대회 진행상황을 대진표로 보는 페이지입니다.     2. 대회 참가신청양식을 다운로드 받을 수 있습니다.    실행화면    세부내용   1. 내 모임이 두 개 이상일 경우 어떤모임으로 랜덤신청을 할 것인지 선택하는 페이지입니다.    실행화면    세부내용   1. 랜덤 매칭을 통해 매칭이 된 경우 수락이나 거절을 하는 페이지입니다.  실행화면    세부내용   1. 랜덤 매칭을 통해 매칭이 된 경우 수락이나 거절을 하는 페이지입니다.   2. 양쪽다 수락을 할 경우 장소추천을 하며 상대의 전화번호를 공개합니다.    실행화면    세부내용      1. 내가 가입한 모임이 2개 이상일 경우 어떤 모임으로 대결신청을 할 것인지 모임 선택을 하는 페이지입니다.    실행화면    세부내용 1. 모임장만 신청이 가능하며 , 내 모임의 스포츠 키워드와 대회신청기간 , 대회참가마감을 기준으로 참가 신청 가능한     대회가 보여지게 됩니다.    실행화면    세부내용   1. 메시지 모달 창입니다.   2.   쪽지 보내기는 자기의 모임 원들에게만 메시지를 보낼 수 있습니다.   3.   받은 쪽지함은 수신여부 , ajax페이징처리를 하였습니다.      4. 수신여부에 따른 팝업 창으로 최신메시지를 띄워줍니다.  실행화면      세부내용   1.  운영자가 전체 모임 조회 하는 페이지입니다.      2. 유효기간 연장 신청을 했을 경우 현재 페이지에서 입금된 금액을 입력하면 자동으로 모임이 연장됩니다.  

2021-12-10

썸네일

Peter Pan

기간 : 2015-12-21 ~ 2016-05-18 ( 월,화,수,목,금 ) URL : 내부서버용 키덜트 상품 구매 사이트   [ Peter Pan ]   Final project “Peter Pan” 개발환경 OS Window 7 DBMS Oracle Database 11g Language JAVA, JQuery, JavaScript, JSP Development tool Eclipse, SQLTool 추가 S/W Tomcat 8.0 개발인원 개발기간 4 명 2016.04.11(월) ~ 2016.05.18(수)     개발 취지 및 목적   1. 키덜트 상품 구매자에 맞춘 정보를    제공함으로써, 구매자의 편의를 도모한다. 2. 기존에 있는 포괄적인 수요자 분류와는    다르게 구매자의 취향에 맞춰 상품을    분류함으로써 원하는 아이템을 보다    가시적으로 제공한다.  3. 구매자가 구매한 아이템에 대한 정보를     제공하고, 보다 정확한 정보를 특정함으로써     직관적인 정보를 제공한다.    4. 구매자가 필요로 하는 정보를 직관적으로     제공함으로써 구매자의 상품선택 편의를     도모한다.   DATABASE 구조도(일부)    프로젝트 일정        실행화면      세부내용   1. 아이디를 입력한다.   2. 비밀번호를 입력한다.   3. 입력된 아이디와 비밀번호가 일치할 경우 세션에 아이디 정보가 저장된다.   4. 아이디 정보가 저장 된 후 로그인 부분이 사라진다.  실행화면      세부내용   1. 약관에 동의하고 아이디 중복을 확인함 2. DB와 비교하여 아이디 중복여부 판단   3. 비밀번호 확인을 통해 입력한 두 개의 값이 일치하지 않으면 메시지 출력   4. 이름, 생일, 아이디, 비밀번호, 주소 등 필수입력사항이 입력되지 않을 시 경고 메시지 출력   5.  해당 조건에 맞는 정보가 입력 되었을 시 DB에 회원정보가 입력된다.    실행화면    세부내용   1. 이메일과 전화번호를 입력 받는다     2. 입력 받은 정보와 일치하는 ID를 DB에서 검색한다.   3. 검색 후 해당조건에 맞는 데이터의 ID를 출력한다.    실행화면        세부내용   1. 회원이 장바구니에 넣은 상품의 목록이 보임   2. 수량에 따라 가격과 포인트가 변경됨   3. 주문할 상품을 체크하여 주문한다.   4. 장바구니에 있는 삭제 버튼을 통해서 상품을 없앨 수 있다.    실행화면    세부내용 1. 장바구니 또는 바로 주문 해서 선택한 상품의 목록이 보인다. 결제 금액이 계산 되며 포인트 사용 여부에 따라     금액이 다시 계산된다. 2. ‘고객 정보’에는 주문자의 정보가 보여지고, ‘배송 정보 입력’ 에는 수신인의 정보를 작성한다.     주문자 본인의 주소를 불러오거나 직접 주소지를 선택하여 작성 할 수 있다.   3. 결제 동의에 선택하지 않을 경우 주문되지 않고 알림창이 뜬다.    실행화면      세부내용   1. 주문이 완료 되었을 경우 주문번호가 표시되며 주문번호를 누를 경우 마이 페이지의 배송 내역으로 가게 된다.    실행화면    세부내용 1. 전체적인 마이 페이지 서비스를 한눈에 볼 수 있다. 2. 쇼핑내역, 장바구니 상품, 내 문의 내역, 내 상품 리뷰를 볼 수 있다.  실행화면      세부내용 1. 로그인한 아이디의 현재 등급 정보와 포인트 적립 현황, 입금상태/배송상태 현황 등을 알 수 있는 상태 창.   2. 마이 페이지 내에서 이동할 수 있는 네비게이션 바 3. 현재 주문/배송중인 물품들에 대한 배송 상태와 주문번호 등을 확인할 수 있으며, 주문 취소와 구매확인, 반품/교환 신청을    할 수 있다.    주문/배송 중인 물품들에 대해 기간별 검색이 가능하며 기본적으로 보름 내에 주문한 물품들을 확인할 수 있다.   (15일, 한달, 3달 간격으로 확인할 수 있는 버튼 포함)  실행화면    세부내용   1. 한 주문리스트 내에 포함된 주문 내역을 확인 하기 위한 페이지로 주문 시 작성했던 배송 정보와 결제 정보를    확인 할 수 있다 2. ‘배송정보수정’ 버튼을 누르면 하단에 배송정보 수정 페이지가 나오게 된다. 단, 배송 상태가 ‘입금 대기’일 경우만    수정이 가능하며, 다른 배송정보 상태일 경우 경고 창이 뜨게 된다. 3. 배송 정보 수정 창에 새로운 정보를 입력하면 배송정보내용이 바뀐 상단 화면을 확인 할 수 있다.  실행화면    세부내용 1. 배송정보상태가 ‘배송완료’일 경우 나타나는 구매 확인 버튼을 클릭하게 되면 현재 등급에서 얻을 수 있는 포인트 적립율과    이번 구매를 통해 얻을 수 있는 포인트를 확인 할 수 있고, 최종 구매 확인 버튼을 누르면 포인트가 적립 된 후    리스트 페이지로 이동한다. 2. 이동하면서 현재 현재까지 누적 구매 금액으로 등급이 새로이 바뀔 수도 있고, 포인트도 누적되어 표시되는 것을    확인 할 수 있다. 3. 또한 배송정보상태도 ‘구매완료’라고 표시된다  실행화면    세부내용   1. 배송정보상태가 ‘배송완료’일 경우 나타나는 버튼 중 반품 신청이나 교환 신청을 클릭 시 이동하게 되는 화면으로 교환이나    반품을 원하는 상품을 선택하여 반품 신청을 할 수 있도록 하였다. 2. 교환페이지와 반품페이지는 환불 계좌 입력 여부에 따라 카테고리가 나눠진다. 3. 교환/반품 신청을 하게 되면 배송정보상태가 교환/반품으로 바뀌게 되고 교환/반품 리스트 페이지로 이동할 수 있는    버튼이 나온다.    실행화면    세부내용 1. 교환/반품 신청이 이뤄진 후에 리스트 페이지에서 현재 진행중인 교환 반품 내역을 확인 할 수 있다. 2.   이 페이지에서는 교환 반품 상태정보와 교환반품 신청을 취소 할 수 있다.    실행화면    세부내용 1. 교환 반품 리스트를 클릭해서 들어가면 현재 교환 반품 중인 주문에 대한 정보를 확인 할 수 있다.  실행화면   세부내용 1. 가입된 회원의 회원 정보를 수정할 수 있는 페이지로서 수정할 내용을 수정 하고 버튼을 클릭하면 본인의 정보가 바뀌어    유저에 저장된다.  실행화면      세부내용 1. 가입된 회원이 탈퇴를 하고 싶은 경우 탈퇴 사유를 꼭 작성해야만 탈퇴를 할 수 있다. 2. 탈퇴 이후엔 탈퇴 회원으로 지정되며, 동일한 아이디로 재 가입은 불가하다.  실행화면    세부내용 1. 상품을 등록 하는 있는 페이지 입니다. 2. 상품명, 제조사, 판매가, 할인가, 상품 메인 이미지, 상품카테고리, 상세 카테고리, 상품 상세설명, 재고수량을 입력하면    등록이 완료됩니다 3. 상품 상세설명은 위지윅 에디터 기능을 이용해 사진과 텍스트를 편리하게 입력할 수 있습니다.  실행화면    세부내용   1. 사이트의 전반적인 컨텐츠를 볼 수 있는 메인페이지 입니다.   2. 상단에는 이미지 슬라이드를 넣어 이벤트나 기획전에 대한 간략한 정보를 볼 수 있습니다.   3. 바로 아래쪽에는 추천상품(MD’S PICK) 영역으로, 운영자가 뽑은 추천상품이 12개씩 보여집니다. 4. 메인 컨텐츠 부분은 신상품과 인기상품으로 나뉘어 집니다. 신상품은 최근 등록된 순서로, 인기상품은 판매순이 높은 순서로    8개씩 정렬됩니다. 5. 하단에는 공지사항, 문의하기 등의 메뉴가 있습니다   실행화면       세부내용 1. 페이지 상단에는 메인이미지, 상품이름, 가격, 제조사 등 상품에 대한 전반적인 내용이 표시됩니다. 2. 크게 상세설명, 구매후기, 상품문의, 배송/환불/교환 4개의 탭으로 구성되어 있습니다.   3. 상세설명 부분에는 상품에 대한 자세한 설명이 표시됩니다.   4. 구매후기는 버튼을 누르면 모달창이 뜨는데 평점, 리뷰내용, 사진을 등록해 작성 할 수 있습니다 5. 상품문의도 모달로 만들었습니다. 문의 제목과 내용을 입력하면 작성이 완료됩니다.   6. 배송/환불/교환 탭은 배송에 관한 주의사항이 표시됩니다  

2021-12-10

썸네일

Jo2Ting

기간 : 2015-12-21 ~ 2016-05-18 ( 월,화,수,목,금 ) URL : 내부서버용 이성간의 매칭을 통한 커뮤니티 & 다양한 요소들로 결제를 유도하는 컨텐츠 &시간, 장소에 구애 받지 않고, 원하는 여성에게 관심과 쪽지를 주고 받을 수 있는 시스템   [ Jo2Ting ]   Final project 이성 매칭 커뮤니티 “Jo2Ting” 개발환경 OS Window 7 DBMS Oracle Database 11g Language JAVA, JQuery, JavaScript, JSP (WAS : tomcat 8.0) Development tool Eclipse 추가 S/W  Oracle SQL developer, Eclipse EE 개발인원 개발기간 5 명 2016.04.18(월) ~ 2016.05.18(수)                 개발 취지 및 목적     1.     여러 이성들의 프로필을 보며 관심있는 여성에게 관심표현을 하고 쪽지를 할 수 있음.   2.     솔로들을 위한 다양한 매칭 컨텐츠를 제공할 수 있음.   3.     시간, 장소에 구애 받지 않고, 원하는 여성에게 관심과 쪽지를 주고 받을 수 있는 시스템 DATABASE 구조도(일부)        프로젝트 일정    실행화면    세부내용 1.    홈페이지 초기화면   2.   상단에 회원가입을 배치하여 사용자들이 회원가입을 할 수 있도록 배치하였다. 3.  중앙에 로그인을 배치하여 로그인을 하도록 배치하였고, 로그인 시 서브 메인페이지로 이동한다.  실행화면      세부내용      1.     서브메인 페이지이다.    2.     좌측에 각 컨텐츠별 메뉴를 클릭하여 실행한다.      3.     상단에는 마이페이지와 로그아웃을 할 수 있고 로그인한 회원의 젤리개수와 회원의 닉네임이 표시된다.    실행화면      세부내용         1.   하루에 1번을 무료로 이성 3명과 랜덤으로 매칭이 진행된다.  2. 1번의 무료 횟수를 이용한 후 추가로 이용하려면 젤리를 결제해야 한다.    실행화면       새부내용    1. 쪽지를 클릭 시 해당 이성의 사진과 개인프로필을 보고 관심을 표현할 수 있다.   실행화면    세부내용      1. 지역별 매칭은 내 위치를 등록하고 주위 이성을 보여줄 수 있다.      2.  내 위치 등록을 클릭 시 자신의 위치를 저장할 수 있다.      실행화면    세부내용      1. 주변이성보기 클릭 시 내가 지역별 매칭은 내가 등록한 위치의 근처에 위치를 등록 한 이성이 있을 경우       지도에 표시하여 준다.      2.    지도 초기화 선택 시 현재 맵에 있는 마커들이 사라진다.    실행화면      세부내용 1. 위치별로 있는 마커를 클릭 시 해당 위치에 있는 이성의 프로필 사진이 나타난다.   2. 해당 이성의 추가프로필을 보거나 관심이나 쪽지를 젤리를 사용하여 보낼 수 있다.     실행화면      세부내용  1. 메뉴에서 캐치마인드 클릭 시 해당 회원이 질문을 등록한 상태가 아니면 캐치마인드 등록할 수 있는 페이지로 이동한다.       2. 질문을 세개 이상 등록해야 한다. 3개미만으로 등록 시 팝업 생성.  실행화면      세부내용        1. 메뉴에서 캐치마인드 클릭 시 해당 회원이 질문을 등록한 상태이면 캐치마인드를 등록한 이성의 목록들이 보여진다.          2. 마음에 드는 이성들과 캐치마인드를 할 수 있다.        3. 하루에 3회 무료이고 무료이용을 다 쓰면 젤리를 결제해 이용할 수 있다.    실행화면      세부내용       1. 마음에 드는 이성을 클릭 시 등록한 질문 중 3개의 질문이 랜덤으로 나와 문제를 풀 수 있다.         2. 문제를 맞출 시 다음 문제로 가고 틀릴 시 다시 목록으로 되돌아간다.    실행화면      세부내용      1. 3개의 문제를 모두 맞출 시 상대방의 프로필을 볼 수 있다.      2. 젤리를 결제하여 추가프로필을 보거나 관심과 쪽지를 보낼 수 있다.    실행화면    세부내용   1. 명예의 전당 클릭 시 1주일 동안 관심표현을 가장 많이 받은 회원들의 랭킹이 표시된다. 2. 매주 월요일에 전 주에 1~5위한 회원들에게 젤리가 지급된다        3. 랭킹에 등록된 회원들이 마음에 들 경우 젤리를 결제하여 관심을 보내거나 쪽지를 보낼 수 있다.    실행화면    세부내용      1. Jo2Ting버튼 클릭 시 공지사항과 문의사항게시판이 표시된다.      2. 공지사항 등록은 관리자만 등록할 수 있다.      3.검색을 이용해 원하는 내용을 찾을 수 있다.    실행화면      세부내용       1. 문의사항게시판에서 궁금한 사항들을 문의할 수 있다.       2. 답변은 관리자만 가능하다.   실행화면    세부내용 1. 회원들이 문의한 내용들을 관리자만 답변을 할 수 있다.  실행화면    세부내용       1. 상단의 마이페이지 클릭 시 마이페이지 메인 페이지가 출력된다.    실행화면     세부내용        1.마이페이지에서 관심함 클릭 시 관심함 메인 페이지로 이동된다. 2. 받은 관심을 클릭 시 나에게 관심이 준 사람들의 목록이 나오고 해당 이성의 사진을 클릭하면 간단한 프로필이 나온다. 3. 마음에 들면 좋아요 버튼을 누르고 별로이면 별로! 버튼을 누른다.    

2021-12-10

썸네일

후원으로 잠 못 이루는 밤(후.잠.못)

기간 : 2015-10-05 ~ 2016-02-29 ( 월,화,수,목,금 ) URL : 내부서버용 1. 단순한 후원 / 봉사만이 아닌 물건을 구매 함으로서 어려운 이웃을 도울 수 있다. 2.회원이 아닌 봉사활동을 할 수혜자나 수혜지역을 제안할 수 있다. 3.해외 / 국내에 진행중인 후원프로젝트를 보고 후원할 수 있다.   [ 후원으로 잠 못 이루는 밤 ]   Final project 봉사 후원관련 웹사이트 구축 “후.잠.못” 개발환경 OS Window 7 DBMS Oracle Database 11g Language JAVA/ HTML/ CSS/ JQuery/ javaScript/ Ajax/ JSP (WAS : tomcat 8.0) Development tool Spring/ SQL Tools 개발인원 개발기간 6 명 2016.01.25(월) ~ 2016.02.25(목)           개발 취지 및 목적 1. 단순한 후원/ 봉사만이 아닌 물건을 구매함으로서    어려운 이웃을 도울 수 있다.   2. 회원이 아닌 봉사활동을 할 수혜자나 수혜지역을    제안할 수 있다.   DATABASE 구조도(일부)             실행화면        세부내용   1. 인트로 상단 : 1page : 동영상 url(자동재생) 후원projectlist 사이트로 연결 2 page : 지도 사이트로 연결 3 page : 차트 사이트로 연결     2. 인트로 하단 :     Projectlist를 6개의 projectlist를 랜덤 하게 사진과 제목으로 화면에 나타내었다.     3. 인트로 하단의 projectlist의 더보기를 클릭하면 projectlist.jsp에서 해당 projectlist가 Modal로 나타난다.    실행화면        세부내용     1. 상단에 ajax요청을 하여 bussinesslist를 불러오며 각 bussinesslist를 통해 ajax요청을하여 projectlist를 불러온다.   2. 중단에는 bussiness의 간략한 설명이 있으며 바로 후원 하기 버튼을 클릭하면 Sponsorform 으로 이동한다.   3. 하단에는 projectlist가 있으며 Projectlist를 클릭하면 modal창을 활용하여 상세 페이지가 띄워진다.     4. Modal 창 하단의 후원하기 버튼을 클릭하면 해당 프로젝트의 후원페이지로 이동한다    실행화면    세부내용   1.회원 아이디와 후원인은 USER_LOGIN에 담긴 값을 사용하여 자동 완성 된다. 2. 프로젝트명은 후원 페이지에서 선택한 프로젝트 리스트로 자동 선택된다.   3.지불금액은 만원 단위로 입력 가능하며 일치하지 않을 시 경고창이 뜬다.    실행화면    세부내용   1. 후원 가이드 페이지는 3개의 탭으로 되어있으며 설명, 지도 정보, 차트 정보로 구성 되어 있다. 2. 지도 페이지는 WHO사이트의 정보를 json파일로 가져와 google map API를 사용하여서 데이터를 나타내었다. 3. 항목별(탭) 연도별(셀렉트박스)로 다양한 데이터를 표현 할 수 있다.   4. 차트 페이지는 unicef의 자료를 기반으로 각 항목들을 zing chart API를 활용하여 년도별로 데이터를 표현 하였다.    실행화면          세부내용   1. 다음 지도 API를 사용하여 왼쪽에서 지도선택에서 각 구역을 클릭하면 해당위치로 지도가 이동되며     그 위치에 해당하는 샾에 마크가 찍힌다. 2. 샵 리스트에 오른쪽에 있는 마크 버튼을 클릭하면 해당 샵의 간단한 설명과 위치가 modal으로 띄워진다. 3. +버튼을 클릭하면 해당 샵의 상세 페이지로 이동한다. 4. 지도는 확대 축소가 가능 하다.    실행화면          세부내용   1. 등록된 샵들의 리스트들이 표시 된다.    실행화면        세부내용   1. 각 샵에 해당하는 자료를 주소와 전화번호 홈페이지, 이미지 그리고 지도 api를 통해 위치를 나타내었다.    실행화면        세부내용        1. 현재 후원프로젝트 목록을 볼 수 있다.        2. comboBox로 삭제할 프로젝트를 선택하여 프로젝트를 삭제 할 수 있다.          3.    실행화면    세부내용          1. 프로젝트 목록에서 상세보기 버튼을 누르면 프로젝트 수정 폼으로 이동된다.  2. 프로젝트에 관한 상세정보가 보여진다. 3. 프로젝트 사진추가가 가능하다.    실행화면    세부내용   1. 프로젝트를 추가할 수 있는 기능 2. selectBox로 사업명을 선택한 후 프로젝트에 대한 설명을 쓸 수 있다. 3. 프로젝트에 해당하는 사진을 추가 할 수 있다.    실행화면    세부내용   1. 로그인을 한 후 마이페이지에 들어가면 후원금 관리를 할 수 있다.   2. 어떤 프로젝트에 언제, 얼마를 후원했는지 보여준다.   3. 내가 후원한 후원금 총 금액을 계산해준다.     실행화면      세부내용    1. 봉사활동 리스트를 구글 api에 출력해보았다.  2. 신청날짜가 지나거나 모집인원이 완료된 것은 모집마감으로 변경되고 클릭하여도 이동이 안되도록 하였다. 3. API에 나타난 일정을 리스트로 만들어서 좀더 상세하게 나타내었다  실행화면      세부내용    1. 신청 가능한 구글api나 리스트를 선택하면 봉사활동의 상세 정보를 확인 할 수 있다  2. 신청하기를 누르면 Modal효과로 인한 프로그램 신청서 양식이 출력된다 3. 신청서를 입력하면 DB에 저장되고, 관리자 페이지로 저장된다  실행화면      세부내용   1. 제목으로 검색을 하면 리스트에 출력이 된다.  실행화면      세부내용   1. 마이페이지로 국내 해외 봉사 신청 내역, 수혜자 신청목록을 출력한다.    실행화면      세부내용   현재 홈페이지에서 운영중인 프랜즈샵의 게시판을 관리할 수 있는 페이지이다. 1.  검색 기능을 넣어 필요한 데이터만 받을 수 있다.   2. 게시판 목록갯수를 10개나 20개씩 바꿀 수 있다.   3. 게시글 갯수 및 db에서 가지고오는 데이터의 수에 따라 페이징처리가 된다.   4.  전체 선택과 부분 선택으로 삭제 할 수 있도록 구현하였다.   5. 게시글을 수정 할 수있도록 연결하였다.   6. 추가페이지와 연결하였다.    실행화면        세부내용   1. 프랜즈 샵 게시판에 새로운 게시글을 추가하는 관리자 추가 페이지이다. - form에 게시글의 내용들과 이미지를 업로드 가능하도록 구현 하였고 radio 버튼을 넣어 업종을 선택하게 하였다.    실행화면        세부내용 1. 관리자가 수정하는 게시글의 간단한 내용을 확인 할 수 있도록 input박스에 수정 전 내용을 구현 하였고   수정 후 db에서 수정하는게시글의 데이터를 update 하였다.  실행화면      세부내용   1.홈페이지의 회원들 중에서 프랜즈샵을 등록 원하는 신청서를 올렸을 때 내용을 확인하고 게시판으로 등록& 삭제하는   관리자 페이지이다.    실행화면          세부내용      1. 스토어의 상품 등록 페이지 상품을 등록할 수 있다.   2. 사진 등록은 최대 6개까지 등록이 가능 합니다.  실행화면      세부내용        1. 스토어 클릭하면 바로 보여지는 리스트 페이지 입니다.   2.  상품 등록하면 바로 리스트 보여집니다.    실행화면      세부내용   주문페이지 입니다. 1. 장바구니나 상세페이지에서 주문하면 주문페이지로 이동합니다. 2. 회원정보로 불러와서 그 회원으로 주소를 불러와서 결제를 합니다.  실행화면          세부내용     1. 회원 아이디와 비번을 입력받아 일치시에 회원 정보를 LOGIN_USER 세션에 담는다.   2. 비밀번호는 DigestUtils.md5DigestAsHex를 이용해 암호화 하여 저장 되어 있는 값을 입력 받은 값과 함께 비교한다.   3. 로그인 실패시 각각의 메시지가 상단에 표시된다.    4. 로그인 성공시 상단에 사용자의 이름과 로그 아웃 버튼이 활성화 된다.    실행화면        세부내용    1. 회원정보 수정은 입력값을 수정하게 되면 정규식을 이용하여 값이 변경여부를 확인한다.  2. 수정이 완료되면 상단에 메시지가 나타난다.  3. 회원 아이디와 이름은 LOGIN_USER 세션에 담긴 값을 이용하여 자동 완성된다. 4. 각각 정보는 부분 수정이 가능 하며 비밀번호에 아무 값도 입력 하지 않으면 ‘ ’값으로 인식되기 때문에 null 값으로 바꾸어 변경값으로    값이 입력되지 않게 한다.    

2021-12-10

썸네일

Travel Maker

기간 : 2015-10-05 ~ 2016-02-29 ( 월,화,수,목,금 ) URL : 내부서버용 1. 나만의 특별한 여행에 대한 관심도가 증가함으로서, 여행을 계획할 수 있는 기능 및 가고 싶은 명소에 대한 정보 확인   [ TravelMaker ]   Final project 여행지 소개 및 일정관리 웹 어플리케이션 “TravelMaker” 개발환경 OS Window 7, 8, 10 DBMS Oracle 11g Language Java, javascript, HTML5, CSS3 Server-side Library Spring Framework, Mybatis, EL, JTSL Front-End Library JQuery, Bootstrap 연동 API 다음 지도 API, 기상청 API, 환율 API 개발인원 개발기간 6 명 2016.02.01(월) ~ 2016.02.26(금)           개발 취지 및 목적   1. 정보시스템 개발자 양성과정에서 배운    웹 개발 지식을 활용하여 웹 서버에서 작동하는    어플리케이션을 개발한다.   2. 철저한 역할 분담을 기반으로 실제 프로젝를 체험해    볼 수 있도록 개발 업무를 진행한다.         3. 조원들의 관심사 중 하나였던 여행 계획을 테마로            여행 계획을 관리할 수 있는 웹 어플리케이션을           제작해본다.   DATABASE 구조도         실행화면        세부내용   1. 회원가입 후, 사용자는 이메일과 비밀번호를 입력하여 사이트에 로그인을 할 수 있다. 2. 로그인 정보가 올바르지 않으면 로그인되지 않고, DB에 해당 정보가 존재 및 일치한다면 사용자의 정보를 세션에 담아 유지시킨다.    실행화면    세부내용   1. 검색어 자동완성 기능이 있다. 1글자 이상부터 해당 글자를 포함하는 모든 여행지 이름 – 도시 이름이 함께 검색된다. 2. 로그인을 하면 해당 사용자의 개인정보와 포인트 적립가능한 달력이 출력된다. 3. 개인정보를 클릭하면 마이페이지로 redirect 된다. 달력을 누르면 당일에 단 한번만 100점씩 포인트를 적립할 수 있다.    실행화면        세부내용   1. 여행지 및 도시 정보의 검색 기능을 제공한다. 2. DB 여행지 조회수를 참조하여 인기있는 도시 랭킹을 매기고, 해당 도시의 이미지를 레이아웃에 맞게 출력한다.    실행화면        세부내용   1. DB에 저장된 여행지를 카테고리별로 분류하여 사용자에게 출력해준다. 사용자는 카테고리 명을 클릭하여 해당 여행지 페이지로    이동할 수 있다. 2. 하단에는 도시와 카테고리를 선택하여 검색어를 입력 후 검색 버튼을 클릭하면 여행지 정보를 Ajax로 검색하여 출력하는    여행지 검색 기능을 제공한다. 3. 푸터에서는 각 페이지로 이동할 수 있는 사이트 맵 기능을 하고, 홈페이지의 언어를 한국어, 영어, 일어, 중국어로 바꿀 수 있고,    환율 표현 정보를 KRW, USD, JPY로 변경할 수 있다.    실행화면        세부내용   1. 특정 도시의 기본 정보 (2장 이상의 사진 슬라이드, 텍스트 정보)를 출력한다. 2. 현재 날씨는 외부 JSONP를 이용해 출력한다. 날씨 아이콘은 4가지 종류로  (clear-cloudy-rain-snow), 그날 날씨에 따라 바뀐다. 3. 섭씨와 화씨로 당일 온도 전환이 가능하다. 4. 당일의 환율을 JSONP를 이용해 출력하며, select 를 이용해 다른 나라의 환율로 전환할 수 있다.    실행화면    세부내용   1. 도시에 포함된 모든 여행지를 출력한다. 2. 여행지는 상위-하위 카테고리가 존재하고, 각 카테고를 누를 때마다 상위에 해당하는 여행지 또는 상/하위 모두에 해당하는 여행지와    페이지네이션이 Ajax를 이용해 출력된다. 3. Java의 기본 클래스 Date를 이용해 현재 날짜를 기준으로 작년 년도를 찾아서 작년의 월평균 기온을 JSONP로 가져온다. 4. 구글차트를 이용하여 평균 기온 그래프를 그린다.    실행화면    세부내용   1. 특정 도시에 포함되는 모든 여행지의 모든 리뷰를 모아 출력한다. 2. 상단에 특정등급을 클릭하면 해당 등급의 리뷰들과 페이지네이션을 출력한다.    실행화면    세부내용   1. 각각의 여행지 정보를 출력한다. 2. 사진/카테고리/전화번호/오픈시간/웹사이트 정보를 제공한다.    실행화면      세부내용   1. 유저들의 일정에 담겨있는 테마를 기준으로 원형그래프 산출한다. 2.  리뷰를 작성할때 만족도를 조사해 막대 그래프로 산출된다. 3. 현 여행지의 주소를 기반으로 지도를 표현한다 4. 로그인한 유저는 리뷰남기기 버튼을 클릭해서 자신의 만족도를 리뷰에 표현이 가능하다. 5. 로그인한 유저는 자신의 리뷰를 삭제가 가능/ 다른 유저나 guest 는 삭제 불가능하다.    실행화면        세부내용   1. 로그인한 유저는 일정에 담기 버튼을 통해 시작 날짜와 끝나는 날을 확인 가능하다. 2. 선택했을 시에 그 여행지가 포함된 유저의 일정 페이지로 넘어가서 일정을 수정 및 그 일정에 관해 일정을 추가한다.    실행화면    세부내용   1. 유저가 등록한 글을 화면에 리스트로 출력하고 각 버튼을 누르면 해당 지역의 글만 필터링되어서 회면서 출력이 된다.    실행화면        세부내용   1. 상단에는 일정에 대한 개요를 볼 수 있다. 2. 중단 버튼을 클릭하여 자신의 일정을 수정, 삭제할 수 있고, 자신 및 타인의 일정을 복사하거나 엑셀로 출력할 수 있다. 3. 일정의 정보를 바탕으로 자신이 짠 일정이 날짜 및 작성 순서대로 표시되어 있으며, 이 순서 정보가 우측의 지도에 마커로 표현되어있다.    실행화면 \      세부내용   1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.    실행화면      세부내용   1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.    실행화면    세부내용   1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.    실행화면        세부내용   1. 작성하기 버튼을 누르면 여행 출발일을 달력을 통해 지정하고 제목을 설정한다.    실행화면        세부내용   1. 방문일정에 따라 체류일자 별 목록이 생성하거나 또는 기존의 일정정보를 가져와 수정 할 수 있다. 2. 수정화면의 경우 기존일정이 표시되며 해당 체류일별 지도의 경로와 순서가 제공된다. 3. 해당 도시의 여행지를 기본적으로 전체 리스트로 제공하며 카테고리를 통한 여행지 리스트를 분류하여 표시하고 마커를 통한 위치를    제공한다.      

2021-12-10

썸네일

BALD CLUB

기간 : 2015-09-07 ~ 2016-01-29 ( 월,화,수,목,금 ) URL : 내부서버용 1. 미용실 회원 관리 및 예약관리 시스템 2. 미용실 매장관리 및 직원들의 휴가, 급여 관리 시스템   Final project 미용실 관리 시스템 “BALD CLUB” 개발환경 OS Window 7 DBMS Oracle Database Language Java/ JSP 개발도구  JAVA SE 1.8, Spring Tool suite 3.7.2, tomcat 7.0 개발인원 개발기간 2 2015.12.28.~2016.01.27         개발 취지 및 목적 1. website를 통한 미용실 회원 관리 & 예약관리 시스템 2. Website를 통한 미용실 매장관리 3. 직원들의 휴가, 급여 관리 시스템   DATABASE 구조도    상세화면        기능설명   1. 이벤트, 공지사항, 회원 게시판 등 각종 게시판의 기능    상세화면    기능설명 1. 직원 전체의 급여를 입력하고 열람 할 수 있는 급여대장과 개인별 급여를 열람할 수 있는 개인별 급여 조회 기능  상세화면    기능설명   1. Google Email 계정과 연동 하여 로그인을 가능 하게 한 페이지    상세화면    기능설명   1. 회원 개인의 포인트 내역 및 기본적인 정보를 보고 관리 할 수 있는 페이지    상세화면      기능설명  1. 매장의 매출 및 직원의 실적 회원의 이용 내역 등을 차트로 볼 수 있는 페이지  상세화면    기능설명   1. 고객들이 매장에서 제공하는 서비스 상품을 볼 수 있는 페이지   상세화면   기능설명   1. 고객들이 방문 전에 미리 예약을 할 수 있게 해주는 페이지    상세화면    기능설명   1. 직원들의 경력 및 소개를 볼 수 있는 페이지    상세화면    기능설명   1. 매장의 위치정보를 구글 맵을 통하여 확인 할 수 있는 페이지    상세화면    기능설명   1. 현재 서비스를 제공받고 있는 고객의 정보 표시와 결제를 하는 페이지    상세화면    기능설명   1. 직원들의 휴가 신청 및 현황을 볼 수 있는 페이지  

2021-12-10

썸네일

MIRACLEAIR

기간 : 2015-09-07 ~ 2016-01-29 ( 월,화,수,목,금 ) URL : 내부서버용 항공권 예매 사이트 & 여행지 정보 제공    [ MIRACLEAIR ]   Final project 미라클 항공 예매 사이트 개발환경 OS Window 7 DBMS Oracle Database Language Java 개발인원 개발기간 2 명 2015.12.28.~2016.01.27      개발 취지 및 목적        1.  항공권 예매를 할 수 있는 사이트 2. 각종 여행지에 대한 정보를 제공   DATABASE 구조도         상세화면        기능설명 1. 슬라이드 방식으로 현재 할인중인 항공권을 볼 수 있다. 2. 메인화면으로 각종 메뉴에 접근할 수 있는 메뉴들로 구성되어 있다.    상세화면    기능설명 1. 두번째 메인화면으로 공지사항, 이벤트, 여행에세이 게시판의 글로 이동되도록 연결되어있다.    상세화면    기능설명   1.   회원으로 로그인 하는 페이지 2.   아이디 저장기능을 사용하여 아이디를 저장할 수 있다. 3.  회원가입, 아이디찾기, 비밀번호 찾기 페이지로 이동할 수 있다.    상세화면    기능설명 1.  회원가입에 필요한 양식을 적고 확인을 누르면 회원가입이 완료된다    상세화면    기능설명   1. 회원가입이 완료될 경우 보여지는 페이지 2. 홈으로 버튼을 누르면 메인으로 이동한다    상세화면    기능설명   1. 항공권을 조회하는 페이지 2. 국내와 국제선 중 선택 할 수 있고 편도, 왕복, 다구간을 선택해서 좌석등급과 예약인원을 설정하고 조회버튼을 누르면    조건에 해당하는 항공사들의 목록을 출력해준다. 이때 중복되는 항공사는 한 개씩만 화면에 보여진다.    상세화면    기능설명   1. 항공을 예매하는 페이지 2. 총 예매비용을 볼 수 있고 남은 좌석수와 시간대 정보를 확인 할 수 있다.    상세화면    기능설명   1. 예약 완료페이지 2. 홈으로 버튼을 누르면 메인으로 이동한다.    상세화면    기능설명   1. 도시가이드 페이지 2. 구글맵api를 사용 지도에 표시된 마커를 클릭하면 해당 도시에 대한 정보를 팝업창으로 보여준다    상세화면    기능설명        1.   에세이게시판 페이지 2. 사용자들이 자신들이 갔던 여행지에 대한 사진들을 올릴 수 있는 게시판    상세화면      기능설명   1.. 커뮤니티 게시판중 공지사항 페이지 2. 현재 페이지에는 회원으로 로그인하였기 때문에 글쓰는 권한이 없어서 글쓰기 버튼이 보이지 않는다. 3. 관리자 아이디로 접근해야만 글쓰기가 가능하다    상세화면    기능설명   1. 마일리지 페이지 2. 마일리지 상위페이지로 하위페이지로 이동할 수 있도록 되어있다.   상세화면   기능설명   1.   마이페이지       2. 회원정보를 관리와 예약관리를 할 수 있고 자신이 작성한 게시물을 전부 볼 수 있다 3. 마일리지 메뉴는 대메뉴에 있는 마일리지 상위페이지로 이동한다    상세화면    기능설명   1. 글 쓰기 페이지 2. 제목, 내용, 첨부파일을 선택하여 글을 작성할 수 있다    

2021-12-10

썸네일

SharEㅓ

기간 : 2015-09-07 ~ 2016-01-22 ( 월,화,수,목,금 ) URL : 내부서버용 쉐어하우스 및 게스트 하우스 , 실버하우스 3가지의 정보를 갖고 있는 정보 사이트가 필요하다고 생각되었고 또한, 중고 거래 및 자유 게시판도 있는 다방면으로 활용이 가능한 사이트도 함께 필요하다고 생각되어 개발하게 되었다.   [ SharEㅓ]   Final project 주거정보 제공 사이트 “SharEㅓ” 개발환경 OS Window 7 DBMS Oracle Database Language Java/HTML5 개발툴 Database Oracle Database Design Jquery/Html5/CSS3 Editer Spring Framework 개발인원 개발기간 4 명 2015.12.24.~ 2015.01.22. (31일 간)       개발 취지 및 목적 구하기 어려운 도심의 주거환경에 있어 일시적이나마 거주 가능한 공간을 마련할 수 있도록 하기 위해, 여럿이 공동으로 주거할 수 있는 정보 제공.(공유의 share와 주거의 터를 합친 합성어) DATABASE 구조도 개발 참여도             상세화면      기능설명   1) 메인화면의 평상시 페이지이다. 2)페이지에 보여지는 것은 간단한 소개를 하고 아래 메뉴를 통해 이동이 가능하다. 3) 아래 footer를 JQuery를 이용해서 평상시에 보이지 않지만, 화살표 모양을 클릭하여 열고 닫을 수 있다. 4) footer 안에는 홈페이지  메인으로 가거나 쉐어 하우스, 실버 하우스 , 개인 쉐어하우스로 이동할 수 있게   구성해 놓았다. 5) 모든 페이지 Footer에서 적용이 될 수 있도록 CSS처리를 하였다.    상세화면    기능설명   1) 메인페이지 내부의 Survey 화면이다.. 2) 오늘의 추천 버튼을 또 누르게 되면 오늘의 추천 Survey 를 다시 할 수 있게 한다. 3) 랜덤으로 데이터베이스 내부의 저장되어 있는 문장을 받아와서 화면에 출력하는 기능을 가지고 있다.    상세화면    기능설명   1) 운영자(Master)가 메일을 보낼 때의 화면이다 .    받는 사람 이메일을 입력 받고 제목과 내용을 쓰고 전송을 누르면 전송이 된다. 2) 다음과 같이 팝업으로 띄워서 처리하였고 로그인 페이지도 똑같이 팝업으로 처리를 하였다. 3) 메일은 gmail (구글)을 통해서 실제 보낼 수 있으며 실제 메일함에서 확인할 수 있다.   상세화면   기능설명   1) 내 정보를 알 수 있는 마이 페이지이다.    나의 메일 주소 비밀번호, 전화번호, 생년월일 등급 , 포인트등 여러 가지 정보를 알 수 있도록 구현하였다. 2) 아래에는 탭을 이용하여서 자신이 한 방 상담 예약 내역과 게시판 및 중고 게시판에 자기가 작성한 글 , 포인트 및    라이프 스타일을 확인 할 수 있다.    상세화면      기능설명   1)     Java script로 서울시 맵을 구현.      마우스 오버할 시 색이 바뀌고 클릭하면 해당 구로 등록된 방 정보만 하단에 보여진다. 2)     구/가격대/지역별로 방을 검색하여 구분할 수 있다. 3)     방 정보에는 대표 이미지1개와 간략한 방 정보가 표시된다    상세화면      기능설명   1)     검색페이지에서 들어온 상세페이지 방 제목, 설명 ,별점 등 상세한 정보가 보여진다. 방 등록 시 첨부한 전체 이미지의 확인이 가능하며, 자동으로 슬라이드 된다.   상세화면      기능설명   1) 글 등록시 이미지를 첨부할 수 있고 여러가지 폰트나 글 색상 , 글의 크기를 조절할 수 있도록 만들었다. 2) 글을 작성후 게시물을 확인하면 자신이 게시한 글 내용과 이미지를 볼 수 있음을 알 수 있다. 3)글 등록창은 평소에는 숨겨져 있다가 글 등록을 누르면 활성화된다. 등록되면 다시 감춰진다.   상세화면   기능설명   1) 다음은 공지사항 게시판이다.    공지사항의 글은 보다시피 운영자 계정(Admin)만 작성이 가능하게 구현하였다. 2) 공지 사항의 글 작성시 다음과 같이 팝업으로 되며 작성자가 운영자(Admin)인 경우에만 작성이 되도록 구성하였다. 3) 게시판의 기본적인 페이징처리 , 조회수 , 추가 , 삭제가 되도록 구현하였다.    상세화면    기능설명   1) 이벤트 게시판에서 이벤트 등록과 이벤트 등록한 글을 한 페이지안에서 처리하였다. 2) 작성자는 운영자(Admin)만 가능하도록 처리하였다. 3) 이벤트 시작일과 종료일을 게시하여서 이벤트에 응모가 언제까지 가능한지 표현하였다 4) 이벤트에 대한 삭제 및 글 작성은 Admin만 가능하도록 표현하였다.   상세화면   기능설명   1) 업체에 대한 리스트 정보를 가지고 있는 페이지이다. 2) 업체번호와 업체이름 , 업체전화 번호 및 업체 상태에 대한 정보를 알 수 있으며,    계약 해지를 할 경우 업체에 대한 정보가 삭제 되게 된다. 3) 글 등록 및 메인으로 이동이 가능하며 페이징 처리를 하여 여러개의 정보도 표현할 수 있다.    

2021-12-10

썸네일

BrokenPipe

기간 : 2015-09-07 ~ 2016-01-22 ( 월,화,수,목,금 ) URL : 내부서버용 헬스클럽센터를 운영하면서 웹 상에서 회원과 강사를 관리하고 회원이 좀더 체계적으로 운동할 수 있도록 안드로이드로 출석체크를 하는 한편 락커와 스케줄, 공지와 문의, 운동정보 게시판등 제작   BrokenPipe Final project Gym 운영 웹 사이트 개발환경 OS Window7 DBMS Oracle Language Java, Ajax, Javascript, Jquery 개발툴 Database Database 11g Express Edition Release 11.2.0.2.0 - 64bit Production Design HTML5 Editer Spring, Jdbc, AngularJS, ChartJS, Bootstrap CSS 개발인원 개발기간 6명 2015.12~2016.01 (4주)      개발 취지 및 목적 헬스클럽센터를 운영하면서 웹 상에서 회원과 강사를 관리하고 회원이 좀더 체계적으로 운동할 수 있도록 안드로이드로 출석체크를 하는 한편 락커와 스케줄, 공지와 문의, 운동정보 게시판 운동량으로 칼로리 소모를 추측하여 확실한 다이어트 효과를 보고자 기획하였다. DATABASE 구조도       실행화면    세부내용 1) 우측 상단에 있는 메뉴를 클릭하면 스케줄을 볼 수 있음.  실행화면    세부내용   1) 스케줄 기본 화면(모든 경우에 동일)   2) <,>버튼은 월,주,일별 앞 뒤의 일정을 보는 기능.    ‘오늘’이라는 버튼은 어느 일정을 보고 있더라도 월,주,일별 오늘에 해당하는 범위로 일정을 가리키게 됨.   3) 월,주,일 각각에 해당하는 버튼 클릭시 월별,주별,일별 스케줄을 볼 수 있음.    2),3)버튼의 기능은 관리자 뿐 아니라 회원과 강사의 경우도 동일.   4) 하나의 일정을 클릭시 일정에 대한 정보를 볼 수 있음. 강사와 회원, 출석 여부를 구별하여 출력함.   실행화면   세부내용   1) 회원이 보는 자신의 스케줄. 회원은 전체가 아닌 자신의 스케줄만 조회가 가능함.   2) 일정을 클릭시 마찬가지로 해당 일정의 내용인 강사의 아이디와 출석 여부를 출력함.    실행화면    세부내용   1) 강사가 볼 수 있는 자신의 스케줄.   2) 자신의 페이지면 ‘전체스케줄 보기’라는 버튼이 있고 전체스케줄 페이지면 관리자가 보는 스케줄과 동일하게 나타나는데    중앙쪽 상단에 ‘나의스케줄 보기’라는 버튼이 보임.   3) 일정을 클릭시 일정 내용과 출석여부를 출력함.    실행화면    세부내용   1) 스케줄 입력/수정은 강사만이 자신의 페이지에서 할 수 있음.    강사는 시간을 구별할 수 없는 월부분에서 하기보다는 주,일 부분에서 하는 것이 좋음.    특히 주 부분으로 가면 일주일과 30분간격으로 시간 단위를 모두 볼 수 있음.   2) 스케줄을 보고 강습할 시간에서부터 끝시간까지 드래그하면 스케줄 입력 가능   3) 드래그가 끝나면 등록할 회원의 ID를 입력함.    실행화면    세부내용   1) 변경하고 싶은 일정을 드래그하여 원하는 시간에 드롭하는 방식으로 스케줄을 변경함.   2) 스케줄 변경 여부를 묻는 창이 출력되면 수정 버튼을 클릭함.  

2021-12-10

썸네일

우리 어디가?

기간 : 2015-07-20 ~ 2015-12-09 ( 월,화,수,목,금 ) URL : 내부서버용 여행을 다닐 때 일반 여행사처럼 만들어진 여행이 아니라 본인이 직접 웹에서 정보를 얻으며 일정을 짜고 같이 갈 인원을 모아 여행을 다닐 수 있는 환경을 만들어주는 목적   프로젝트 명 우리어디가?(여행일정 관리 사이트) 개발환경 OS Window 7 Home Premium K 64비트 DBMS Oracle 11g XE WEB Server Tomcat 8.0 Language JAVA(J2SE/J2EE, Servlet/JSP,EJB), AJAX, JAVA Script HTML/CSS PL/SQL 개발 툴 DataBase SQL Tools for Oracle IDE Eclipse Mars Release(4.5.0) 관련 문서 작성 한컴 오피스 한글 2010 JDK Java developer’s kit 자바 개발 도구 v1.8.0_51 ImageTool PIXLR EDITOR 개발 기간 및 인원 개발기간 2015 10.19~2015.12.04 개발인원 6 명 일정       개발 배경 자바 교육센터에서 파이널 프로젝트를 진행하는데 주제를 찾던 중에 일정을 만들어주는 사이트를 찾아 우리가 한번 만들어보면 재미있을 것 같고 각종 라이브러리를 추가하고 만들면서 공부가 많이 될 것 같아서 선정하였습니다. 여행을 다닐 때 일반 여행사처럼 만들어진 여행이 아니라 본인이 직접 웹에서 정보를 얻으며 일정을 짜고 같이 갈 인원들을 모아 여행을 다닐 수 있는 환경을 만들어주는 목적으로 시작되었습니다.   < 주요 기능 > 1.여행을 계획할 수 있는 기능 및 가고 싶은 명소에 대한 정보 확인 2. 단순 여행계획 뿐 아니라 여행을 함께 할 수 있는 동행 찾기 서비스 및 쪽지기능 제공 3. mypage 에서 내가 계획했던 여행 및 내가 쓴 댓글 확인 가능. 4.. 관리자 페이지 별도로 제작, 회원관리, 신고관리, 명소정보 추가 기능 구현. 전체 참여도 개발 참여도               사용 된 주요 기술 Ajax - 데이터를 클라이언트에서 서버로 비동기적으로 요청          (회원가입시 실시간으로 닉네임, 아이디 중복확인 및 각종 검색기능 처리, 닉네임 메뉴팝업 처리 등)   Jquery - 소프트웨어를 제작할 때 자주 사용되는 기능들을 쉽게 사용할 수 있도록 모아놓은 자바스크립트 라이브러리             (로그인 메뉴팝업, 일정 등록시에 명소들 드래그앤드랍 이벤트, 이미지 슬라이더 등)   map(Naver 지도 API) - jsp에서 지도를 띄우고 표시기능을 가능하게 해주는 라이브러리                                  (명소를 입력할 때, 일정을 등록할 때 지도를 이용하여 좌표를 입력하거나 출력받아 처리)   Java Mail - 자바 어플리케이션 및 jsp에서 이메일을 보낼 수 있는 라이브러리                   (회원가입시 이메일로 인증번호 보내기, 아이디찾기, 비밀번호찾기 모두 이메일 연동)   Mybatis - 간단한 xml서술자를 이용하여 간단하게 자바빈즈(자바객체)를 sql구문에 맵핑(연결)시키는 ORM프레임워크.               (DB쿼리 모두 Mybatis로 처리)   Json - 속성-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷.          비동기 브라우저/서버 통신 (AJAJ)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷.          (일정 입력시 장소 한곳 한곳의 데이터들에 대한 입력값들을 DB에 전송시 사용)   Smarteditor - 웹상에서 게시글처럼 텍스트를 입력할 때 사용자들이 직접 스타일을 적용 시킬 수 있게 만들어주는 라이브러리.                    (커뮤니티, 일정등록 시 장소에 대한 설명글 작성할 때 사용)  실행화면  세부내용 1. 관리자 아이디로 로그인 했을 시, 명소 찾기 영역의 좌측 상단부분에 명소추가 탭이 나타남  2. 명소 추가 탭 클릭 시, 명소추가 modal팝업창이 발생하여, 새로운 명소추가가 가능함.  상세화면    세부내용 1.장소 입력 후 검색버튼을 클릭하면 우측에 이름이 포함된 지역이 검색된다.  2. 지역선택 후, 지도상에 원하는 위치를 클릭하면 마커가 생성되고,  경도위도에 따른 주소가 자동으로 입력된다. 3. 파일(사진)첨부가 가능하고, 파일삭제가 바로 가능한 기능을 제공함.  상세화면    세부내용 1.  저장버튼 클릭 후에 좌측리스트 제일 아래쪽에 입력한 명소가 추가됨을 확인할 수 있다.    2. 추가된 명소를 클릭하면, 리스트 우측의 지도에 명소가 표시된다.   3. 표시된 명소를 클릭하면, 입력했던 명소의 상세정보 페이지를 볼 수 있다.   4. 명소 상세정보 페이지의 우측 상단을 클릭하면 현재 명소를 추천할 수 있고, 한번 더 반복하면 추천이 취소된다.  상세화면    세부내용 1. 명소상세페이지 우측상단에 관리자로 로그인시 수정 버튼이 활성화됨   2. 수정버튼 클릭 시 명소수정페이지가 Modal 팝업이 발생   상세화면    세부내용 1. 수정 후, 하단 수정완료버튼을 클릭하면 수정되었다는 팝업 발생 하고, 수정됨    2. 좌측하단 삭제버튼을 클릭하면, 추가했던 명소에 대한 내용이 삭제됨.  상세화면    세부내용 1. 명소추천페이지의 기본리스트   [참조1] 좌측상단의 명소검색 탭에서, 원하는 검색어 입력 시 해당 검색어를 포함하는 명소가 리스트에 나타난다.   [참조2] 검색 탭 아래 카테고리별 이미지를 클릭하면 카테고리에 해당하는 명소가 리스트에 나타난다.  

2021-12-10

  1. 6
  2. 7
  3. 8
  4. 9
  5. 10

TOP