A Project

검색

검색

Total 162 / 9 page
썸네일

Final Project : Music & Musician

기간 : 2014-07-14 ~ 2014-08-07 ( 월,화,수,목,금 ) URL : 내부 서버용 음악을 사랑하는 사람들만의 소셜네트워크 플랫폼     Final Project : Music & Musician  개발환경  OS Microsoft Window 7  DBMS SQLplus  WAS Apache Tomcat 7.0  Language Java Jquery Ajax HTML5 CSS3  Framework  Spring3.0 MyBatis Tiles Maven  개발툴 Database ORACLE 11g Design   Photoshop Editor Spring Eclipes  Version Control  SVN  API  네이버 오픈 API  개발기간  개발인원 2014.07.14 ~ 2014.08.07  3명  참여정도 및 DATABASE 구조도       개발 취지 및 목적    제가 항상 음악을 좋아하여 많은 공연을 기획하기도 하고 찾아다니기도 하면서 아직 음악을 시작하는 사람들이 자연스럽게 자신들의 공연 정보 및 음악을 자유롭게 나눌 수 있는 공간이 부족하다는 것을 느끼게 되었습니다.  그래서 음악활동을 하고 있는 뮤지션들이 빠르고 효율적으로 자신의 공연 정보나 음악을 알리고 음악을 좋아하는 사람들은 자신의 취향에 맞는 음악을 손쉽게 접하고 공연정보를 빠르고 간편하게 받아 볼 수 있는 뮤지션과 팬들이 서로 정보를 나눌 수 있는 음악을 사랑하는 사람들만의 소셜네트워크 플렛폼을 만들었습니다.       세부기능 요약 및 설명  상세화면   기능설명        - 저희 홈페이지의 얼굴이 되는 오프닝 페이지입니다.  - 사람들이 간단하게 회원가입을 하고 Ajax를 이용하여 실시간으로 유효성을 검사하도록 하였습니다.  - 간결하고 직관적인 UI를 통해 사용자들이 손쉽게 웹사이트에 가입하고 접속할 수 있도록 만들었었습니다.  - 상단에는 MyBatis 동적 쿼리를 사용하여 이름과 이메일로 사용자를 검색할 수 있습니다.  상세화면   기능설명    - 로그인시 바로 보여지는 메인 페이지입니다.  - 중간에는 사용자가 팔로우하는 모든 사람들의 포스팅이 시간과 날짜순으로 정리되어 업데이트 되며 포스팅은 근황, 공연정보, 구인, 중고 장터등 네가지 카테고리로 올릴 수 있습니다.  - 왼쪽에는 필터링탭으로써 뉴스피드에는 모두 섞여서 나오는 모든 카테고리의 정보들을 따로따로 정리해서 보여주는 탭입니다.  - 오른쪽은 사용자가 다양한 음악을 들으며 추가할 수 있는 플레이리스트이며, 하단에는 사용자와 비슷한 장르를 좋아하는 사람들과 뮤지션은 팔로우하도록 추천하게 만들었습니다.  상세화면   기능설명      - 사용자의 개인 취향과 정보를 포함하는 유저 페이지입니다.  - 왼쪽에는 유저의 사진, 소개, 음악적 취향 등을 볼 수 있는 프로필 타일입니다.  - 포스팅에 사진을 업로드 할때 멀티 업로드를 사용하였으며 사진을 우선 여러개 선택한 후 글쓰고 DIV창에 미리 보여주며 글과 같이 사진을 등록할시 사진이 더 있다는 것을 표시해주었습니다  - 오른쪽 상단은 유저가 팔로잉하는 사용자와 뮤지션의 공연정보를 정리해 주는 달력기능입니다. Full Calendar라는 플러그인을 사용하였습니다.  상세화면  기능설명    - 사용자의 음악활동을 알릴 수 있는 뮤지션 페이지입니다.  - 왼쪽은 뮤지션의 기본정보와 맴버정보를 상세히 알아볼 수 있습니다. 중간은 유저페이지와 마찬가지로 포스팅을 하고 그 포스팅한 내용들을 볼 수 있습니다.  - 오른쪽 상단은 뮤지션의 앨범 정보를 볼 수 있으며 사용자는 앨범에 담긴 음악을 듣고 메인 페이지에 있는 플레이 리스트로 음악을 추가할 수 있습니다.  - 이 뮤지션 페이지를 팔로우하는 사람들을 보여줌으로써 자신과 비슷한 음악취향의 사람들과 손쉽게 소통할 수 있습니다.    

2021-12-10

썸네일

공부친구

기간 : 2014-06-09 ~ 2014-06-13 ( 월,화,수,목,금 ) URL : 내부서버용 카드 갯수에 구애받지 않고 여러 묶음의 카드를 가지고 다닐 수 있으며, 정리와 관리도 쉽게 할 수 있는 어플리케이션   Project : 공부친구  개발환경  OS  Microsoft Windows 7  DBMS Android  개발툴 Design  Adobe Photoshop  Editer Android Eclipse  개발기간  개발인원  2014.06.09 ~ 2014.06.13  2명 개발 취지 및 목적    어렸을 때부터 지금까지 영어 단어를 외우거나 역사 또는 미술사 등의 암기과목을 공부할 때 항상 카드 앞면과 뒷면에 외울 내용들을 따로 적어서 외웠습니다.  이 방법으로 친구들과 함께 퀴즈 게임을 하고 지하철이나 버스 안에서도 틈틈이 공부 할 수 있지만, 외울 내용이 많아지면 카드 수가 많아지고 휴대성이 떨어질 뿐만 아니라 정리 및 관리가 힘들다는 단점이 있습니다. 중앙 HTA에서 안드로이드 수업을 2주 정도 듣고, 저는 이 암기카드를 스마트폰 어플리케이션으로 만들어 보고 싶었습니다.  이를 통해서 카드 갯수에 구애받지 않고 여러 묶음의 카드를 가지고 다닐 수 있으며, 정리와 관리도 쉽게 할 수 있게 만들었습니다.  또한 카드 앞면과 뒷면에 문자 외에 스마트 폰에 저장된 이미지나 촬영한 사진도 올릴 수 있게 하여 연상기법을 통한 암기도 가능하도록 만들었습니다.      세부기능 요약 및 설명  상세화면  기능설명  상세화면 기능설명        - 어플 실행 창. -주변검색 : 주변에 공부할 장소를 검색 -공부시작 :  암기카드를 만들거나 만들어진 암기카드로 공부를 시작 -자료메모 : 자료를 메모하고 저장하는 있는 메모장 기능      - 주변 검색을 누르면 도서관, 서점, 카페를 검색할 수 있는 옵션을 제공합니다. - 이중 하나를 선택하면 15km안에 있는 모든 서점 도서관 또는 카페의 위치를 알려줍니다.        - 카드묶음을 추가할 때 뜨는 창입니다. - 위쪽은 앞면을 입력하고 아래쪽은 뒷면을 입력하는 부분입니다. - 좌측에 그림을 누르면 저장된 이미지나 사진을 찍어서 카드에 등록할 수 있습니다.      - 카드의 앞면과 뒷면입니다. - 화면을 위쪽 또는 아래쪽으로 밀면 뒷면, 앞면이 전환 됩니다. - 화면을 왼쪽으로 밀면 다음카드가 나오고, 오른쪽을 밀면 전 카드가 나옵니다.  

2021-12-10

썸네일

Rebuilding The Academy Homepage

기간 :2014-07-21 ~ 2014-08-25 ( 월,화,수,목,금 )   URL :내부 서버용   내가 있는 공간을 중심으로 나에게 적합한 헬스장을 찾아서 소개하기 위한 프로그램     Rebuilding The Academy Homepage  개발환경  OS Microsoft Window 7  DBMS Oracle 11g - SQL  WAS  Tomcat 7.0  Language JAVA, JSP, Android  개발툴 Programing Eclipse kepler Design   Photoshop CS 5 Test Oracle VM VirtualBox / SamSung Gallaxy S4  개발기간  개발인원 2014.07.21 ~ 2014.08.25 (5주)  3명  참여정도 및 DATABASE 구조도     개발 취지 및 목적    경제가 계속 성장하고 기술이 발전하면서 사람들은 풍족한 삶을 살게 되었습니다. 그리고 규모의 성장과 함께 이제는 개인의 삶의 질이 중요해졌습니다. 그렇기 때문에 건강, 운동 등 헬스 케어 산업 또한 규모가 커지고 있습니다. 그중에서 많은 사람들이 운동을 할 공간과 헬스장을 찾는 사람들의 수요를 발견하게 되었습니다. 그러나 일일이 헬스장을 내가 사는 공간 혹은 내가 있는 공간을 중심으로 나에게 적합한 헬스장을 찾아서 소개하기 위해서 프로그램을 제작하게 되었습니다.      세부기능 요약 및 설명  상세화면            기능설명   1. 메인 게시판이면서 커뮤니티 공간입니다.   2. 운동게시판은 각종 운동 공유자료가 있는 운동게시판으로 연결되는 부분입니다.   3. 자유게시판은 자유로운 글들을 쓰는 자유 공간입니다.   4. 공지사항은 해당 서비스에서 제공하는 공지글이 담기는 공간입니다.  상세화면        기능설명   1. 해당 운동 게시판으로 들어갔을 때 보이는 리스트 화면입니다. 하단의 버튼을 누를 경우 글 작성이 되는 부분입니다.   2. 글 작성 아이콘을 눌렀을 때 보이는 게시글 작성 영역입니다.  중단의 카메라 아이콘을 누르면 사진이 첨부되며, 펜 버튼을 누를 경우 글이 등록이 됩니다.   3.  글이 등록되었을 경우 해당 게시글을 누르면 보이는 View 영역입니다.  상세화면      기능설명   상단 좌축의 3단 줄을 누르면 나오는 Drawer Navigation 입니다. 로그인과 헬스장 보는 화면이 나오는 페이지로 연결했습니다.  로그인을 하였을 경우, 자신의 아이디와 마이 페이지가 보이도록 구성된 화면입니다. 지도보기는 나의 위치를 중심으로 Naver 지도 화면상에서 보이는 헬스장 위치를 나타냅니다 상세화면         기능설명  1. Drawer Navigation 에서 로그인 버튼을 눌렀을 때 나오는 로그인 화면입니다.  2. 아이디 혹은 비밀번호를 잃어버렸을 경우 아이디를 찾기 위해서 누르는 아이디 찾기 화면입니다. 이름과 이메일이 동일할 경우 이메일로 아이디 혹은 비밀번호가 전송됩니다.  3. 회원가입을 하는 화면입니다.  상세화면        기능설명  1. 헬스장 찾기를 눌렀을 때 나오는 Naver 지도 API 에서 받아오는 헬스장 리스트를 보여줍니다. 자신의 위치를 기준으로 가까운 곳을 보여줍니다.  2. 해당 헬스장을 눌렀을 경우 나오는 각종 헬스장 개인 페이지 입니다. 헬스장 정보, 위치, 프로그램이 소개됩니다.  3. 지도보기를 눌렀을 경우 나오는 상세 헬스장의 위치를 보이는 지도입니다.    

2021-12-10

썸네일

CLAMP

기간 : 2014-07-14 ~ 2014-08-27 ( 월,화,수,목,금 ) URL : 내부 서버용 신용 대출 승인 관리 프로그램(Credit Loan Approval Management Program)     Final Team Project : CLAMP  개발환경  OS  Microsoft Windows 7 Home Premium K  DBMS  ORACLE 11g xe  WAS  Tomcat 7.0  Language  JAVA 1.7.0_51, JSP&Servlet, HTML, Javascript, jQuery, CSS, jstl, el, Ajax, Spring3 Library   Bootstrap  개발툴  Database SQLTools  Design  Adobe Photoshop CC  Editer  Eclipse Java EE IDE for Web Developers Kepler Service Release2  개발기간  개발인원  2014.07.14 ~ 2014.08.27  (  45 일)  6명  참여정도 및 DATABASE 구조도   개발 취지 및 목적    CLAMP는 신용 대출 승인 관리 프로그램(Credit Loan Approval Management Program) 이라는 의미로 각 단어들이 가지고 있는 글 중에 앞 단어만 모아서 표현한 뜻입니다. Clamp라는 프로그램을 만들게 된 취지로 첫째, 사내 인트라넷 개념을 이해하고 둘째, 사내 홈페이지 개념을 이해 셋째로 인트라넷을 통한 대출 프로그램에 대한 고찰을 하기 위하여 시작하게 되었습니다. 흔히 접하는 홈페이지나 은행 대출 프로그램이 아닌 회사 내에서의 사원들의 관점과 관리자의 관점으로 제작해 봄으로 대출 프로그램의 로직을 이해하고 싶었습니다.      세부기능 요약 및 설명  상세화면  기능설명  상세화면 기능설명       로그인:  Salary(사원) 테이블의 사원번호와 비밀번호가 일치할 경우 로그인이 가능하며, 로그인이 되면 해당 메인 페이지로 이동된다.    메인화면:  CSS와 jQuery를 사용하여 드랍메뉴 를 구현하였다. 일반사원들이 볼 수 있는 메뉴와, 관리자로 로그인 했을 때 만 보이 메뉴가 다르게 분기처리 되어있다      게시판:  스마트 에디터 를 사용, CheckBox 유무에 따라 중요 공지를 조절할 수 있게 해놓았다. Clob을 사용 byte가 자동으로 수정되게 하였다.    상품등록:  대출상품을 등록할 수 있게 하는 화면      대출계산기:  사원이 원하는 정보를 직접 입력하여 가상의 스케줄을 출력할 수 있는 페이지        스케줄표:  사원이 대출한 상품에 대한 스케줄 표와 해당 계약에 대한 상세한 내용이 표시 되는 페이지      일정달력:  DB에 있는 데이터를 List형태로 가져와서 JSONArray 객체에 add시킨후 out.print를 해서 화면에 표시    상담목록: Servlet과 JSTL, EL식으로 구현, 검색 및 목록과 페이징은 jQuery Ajax비동기 방식으로 데이터를 가져옵니다.      계약:  상세검색 클릭 시 jQuery의 slideToggle로 숨겨진 div를 펼쳐줍니다.    계약상세:  계약상태에 따라 보이는 버튼이 달라집니다. 상담완료결재대기면 결재버튼 활성화 결재승인 계약만료면 스케줄 버튼이 활성화 결재부결이나 결재, 반려 일 때는 목록 버튼 외에는 안 보이게 됩니다      결재:  계약진행 상태와 요청내용, 신청을 확인할 수 있습니다    공통코드:  업무 대·소분류 또는 대·소분류 명을 입력하고 조회버튼을 누르면 등록된 코드조회가 가능합니다.    담당업무 세부내용 및 설명  상세화면 기능설명       사원등록:   1) 사원번호는 자동 채번을 통해서 가입을 누를때 알아서 숫자가 자동으       로 증가한다.   2) 나이와 입사일은 datepicker.js파일을 통해서 달력이 나타나 선택하게        만들었다.   3) 부서와 직급은 공통코드에 등록해서 부서나 직급이 새로이 생기면      자동으로 생성되게 만들었다.   4) 성별, 결혼, 주택·차량 소유 여부는 SelectBox를 사용함으로 선택을      쉽게 만들었다.   5)  항목들을 모두 기입을 해야만 가입이 가능하다.   6) 사원관리는 관리자 모드에서 관리자만 메뉴에서 볼 수가 있으며 등록,       수정이 되어 진다.      사원목록:   1) 사원등록이 되었다면 팝업창 이 나오면서 자동으로 사원목록 리스트로       이동되어진다.   2) 검색창 에는 사원번호나 이름으로 관리자가 원하는 사람을 빠르고      쉽게 찾을 수 있도록 기능을 구현했다.   3) 사원번호를 누르게 되면 그 사원의 자세한 정보들을 알 수 있게 만들       었다.   4) 사원의 데이터가 많아지면 화면 창 이 가득 차는 것 을 방지하기 위해       서 페이징 처리를 했다    사원수정:   1) 사원번호를 누르게 되면 그 사원의 정보를 자세히 열람 할 수 있다.   2) 사원의 정보를 수정 할 수도 있다. 단, 사원번호는 수정 불가   3) 나이와 입사일을 클릭하면 달력 팝업이 나와서 손쉽게 입력을 할 수        있게 만들었다.    정보조회:   1) 화면상단의 정보조회를 클릭하면 자신의 정보를 확인 할 수 있다.   2) 또한 자신의 대출 이력이 있으면 대출정보에 내용이 나오게 만들었다.   3) 대출 상품을 클릭하면 자신의 상세한 대출 스케즐표를 볼수가

2021-12-10

썸네일

inSummer

기간 : 2014-02-03 ~ 2014-03-19 ( 월,화,수,목,금 ) URL : 내부서버용 여름을 겨냥한 수영복 쇼핑몰   Final Project : inSummer 항목 개발환경 OS Microsoft Windows 8.1 Professional DBMS Oracle 11g xe WAS Tomcat 7.0 Language JAVA 1.7.0_51, Servlet & JSP, HTML, Javascript, Ajax, jQuery 항목 개발툴 Database SQLTools Design Adobe Photoshop CS6, Dreamweaver Editer Eclipse 개발기간 개발인원 2014.02.03 ~ 2014.3.19 6명 포트폴리오 수영복 전문 쇼핑몰 - inSummer - 2014년 여름을 겨냥해 수영복 쇼핑몰을 제작. - 유저단과 관리자단을 구분해 관리자단에서 손쉽게 상품을 등록할 수 있도록 하였음. ※ 벤치마킹 - chuu, cafe24   세부기능 요약 및 설명 상세화면 기능설명 상세화면 기능설명 로그인: 운영자, 일반유저, 비회원 으로 권한을 나누어 세부기능을 사용가능 메인화면: 기본적인 상품 정보는 확인 가능하지만 게시판 같은 경우 로그인을 해야 사용가능 카테고리별 상품 리스트: 운영자단에서 등록한 상품이 표시되는 곳 유저들이 구매 전 상품정보들을 확인 및 주문 가능 장바구니: 구입 전 상품을 장바구니에 추가하여 확인 가능 문의 게시판: 기본적인 작성, 삭제, 수정, 댓글 기능을 모두 구현 댓글 같은 경우 ajax를 이용하여 입력과 동시에 작성 내용을 확인가능 관리자 메인화면: 주문이 왔을시 미입금 건수, 미배송 건수를 확인 가능 상단 메뉴를 선택시 해당 관리자 페이지로 이동 상점 관리: 판매 할 상품을 등록, 삭제, 수정 가능 검색기능을 이용하여 카테고리별 상품들을 Ajax로 확인 할 수 있도록 만듬 상품관리: 입고된 상품을 등록하여 재고, 상품명 옵션 크기 등 세부 내용을 입력 가능 상품이 판매될시 재고가 줄어들도록 설계 업체관리: 거래 업체를 관리 할 수 있도록 등록, 수정, 삭제 등의 기능을 구현 배송 업체도 함께 관리 가능 주문관리: 일반유저가주문을할시주문관리의입금관리로들어오도록설정, 입금관리에서 해당 주문번호 확인시 배송으로 이동 배송완료시 재고가 줄어들도록 설계 회원관리: 가입된 회원의 조회 및 수정, 탈퇴 처리가 가능 매출관리: 그래프를 사용하여 일별, 월별, 연별 상품의 판매량을 그래프 형식으로 확인 할 수 있다.  

2021-12-10

썸네일

가온누리

기간 : 2014-02-03 ~ 2014-03-14 ( 월,화,수,목,금 ) URL : 내부서버용 가구 쇼핑몰   Final Project : 가온누리 항목 개발환경 OS Microsoft Windows 7 DBMS ORACLE 11 XE WAS Tomcat 7.0 Language JAVA, Servlet & JSP, HTML, Javascript 항목 개발툴 Database Toad 11.5 Design Adobe Photoshop CS6, DreamWeaver CS6 Editer Eclipse 개발기간 개발인원 2014.02.03 ~ 2014.03.14 6명 포트폴리오 개발 취지 및 목적 프로젝트 주제로 쇼핑몰을 선정하고 쇼핑몰의 기능을 분석하여 기능을 완벽하게 구현하는 것을 목적으로 함   out.print("핵심기능 요약 및 설명") 상품 유형 수정 페이지: 상품 등록시 선택된 상품 유형을 개별적/일괄적 수정이 가능한 페이지입니다. 검색기능: 해당 페이지에서 등록된 상품만을 검색하여 수정이 가능합니다. 해당 페이지도 상품유형과 동일한 기능이 구현되어있으며 등록/수정/삭제가 가능합니다. 기본적으로 회원가입, 로그인, 회원정보수정, 아이디 찾기, 회원탈퇴, 게시판 기능이 구현

2021-12-10

썸네일

Sound Flow

기간 : 2014-02-01 ~ 2014-03-20 ( 월,화,수,목,금 ) URL : 내부서버용 홈레코딩을 하는 사람들을 위한 음악사이트   Final Project : Sound Flow 항목 개발환경 OS Windows 7 DBMS MySQL 6.0 WAS Tomcat 7.0.x ~ 6.0.x Language JAVA 1.7.x ~ 1.6x, JSP, Javascript, CSS, HTML 항목 개발툴 Database SQLTools Design Adobe Photoshop CS6, Dreamweaver Editer Eclipse 개발기간 개발인원 2014.02.01 ~ 2014.03.20 6명 포트폴리오      개발취지 및 목적 홈레코딩을 하는 사람들을 위한 음악 업로드 및 커뮤니케이션 공간 제공    세부기능 요약 및 실행  로그인 페이지     1) 데이터베이스에서 글을 읽어와서 게시판 형태로 보여준다. 2) 페이징 구현 3) 제목+내용/제목/내용으로 선택적인 검색 가능    입력사항 페이지     4. 데이터베이스에서 글을 읽어와서 게시판 형태로 보여준다. 5. 페이징 구현 6. 제목+내용/제목/내용으로 선택적인 검색 가능   게시판 페이지      7. 데이터베이스에서 글을 읽어와서 게시판 형태로 보여준다. 8. 페이징 구현 9. 제목+내용/제목/내용으로 선택적인 검색 가능    게시판 상세 페이지     10. 데이터베이스에어 글을 읽어와서 게시판 형태로 보여준다. 11. 페이징 구현 12. 제목+내용/제목/내용으로 선택적인 검색 가능      

2021-12-10

썸네일

BreakTime GuestHouse

기간 : 2014-02-24 ~ 2014-03-19 ( 월,화,수,목,금 ) URL : 내부서버용 JAVA, JSP, jQuuery 기술들을 적용한 게스트하우스 사이트   Final Project : BreakTime GuestHouse 항목 개발환경 OS Windows 7 DBMS Oracle 11g WAS Tomcat 7.0 Language JAVA, JSP, HTML5, javascript, jQuery, CSS3, Ajax 항목  개발툴 Database Toad 11.5 Design Adobe Photoshop CS6, 그림판 Editer eclipse 개발기간 개발인원 2014.02.24 ~ 2014.03.19. (4주) 6명 개발 취지 및 목적 최근 게스트하우스 이용객이 늘어나면서 벤치마킹을 시작했고, 벤치마킹하면서 대부분 전화로만 예약을 하는 시스템에서 보다 사용자와 관리자가 좀 더 편하게 예약 및 취소를 할 수 있는 시스템을 구축함으로써 예약 등의 로직을 이해하고 다양한 기능을 학습해 볼 수 있다. 벤치마킹 이미지                    메인화면          메인화면 페이지: 상단의 버튼들로 회원가입 및 로그인과 예약을 진행할 수 있습니다.   out.print("핵심기능 요약 및 설명");        예약일 선택: 달력에 남은 침대의 개수를 보고 예약일과 방, 자고 싶은 위치의 침대를 선택할 수 있습니다.          예약기능: 본인이 원하는 방에 침대를 선택할 수 있으며 jQuery toogle을 사용하여 선택된 침대는 누워있는 아이콘으로 선택이 불가합니다.          예약현황: 사용자 본인의 예약현황을 볼 수 있으며 결재를 할 수 있는 페이지입니다.   기본적으로 회원가입, 로그인, 회원정보수정, 아이디 찾기, 회원탈퇴, 게시판 기능이 구현 되어있고 핵심 기능 및 지원자가 구현한 페이지를 중점적으로 정리하여 포트폴리오로 첨부합니다.  

2021-12-10

썸네일

Book-ing

기간 : 2014-02-24 ~ 2014-03-19 ( 월,화,수,목,금 ) URL : 내부서버용 MVC패턴, Ajax, jQuery의 이해를 바탕으로 그 기술들을 적용한 도서쇼핑몰       Project : Book-ing 개발환경 OS Window 7 DBMS Oracle 11g XE WAS Apache Tomcat 7.0 Language Java( Ajax, jQuery, javascript), HTML5/CSS 개발툴 Database SQL Tools for Oracle, EXERD Design Photoshop CS6 Editer ECLIPSE KEPLER 개발기간 개발인원 2014. 02. 24 ~ 2014. 03. 19 6명 개요 1. 프로젝트의 목적 Java Open Framework 전문가 과정에서 배웠던 기술들을 적용시키고 숙련할 수 있는 Web을 개발분야로 선정 많은 데이터를 처리 할 수 있는 온라인 서적 쇼핑몰을 선정하여 DATABASE에 대한 이해를 높이고자 함 MVC패턴, Ajax, jQuery의 이해를 바탕으로 그 기술들을 적용하고자 함 2. Book-ing 의미 책을 읽자는 의미로 책(Book)에 접미사(ing)를 붙여 Reading을 다르게 표현한 단어 3. Book-ing 소개 사용자 : 도서검색(단어)·자동완성(단어, 자음) 및 도서상세정보 제공, 장바구니·주문내역확인 기능제공, 사용자 질문사항을 접수·답변 해 줄 수 있는 고객센터 제공 관리자 : 가입한 회원들을 관리할 수 있는 회원관리 제공, 도서등록·수정·삭제 할 수 있는 도서관리 제공, 베스트, 추천, 신규도서를 설정하고 설정 된 도서들을 노출 시킬 수 있는 화면관리 제공 4. 벤치마킹 위메프, 하프클럽, 교보문고, Yes24     세부기능 요약 및 설명 상세화면 기능설명 비밀번호 찾기 : 사용자는 아이디와 이메일 주소를 입력하면 자신의 현재 비밀번호를 이메일로 찾을 수 있다. ▶사용자가 입력한 아이디와 이메일을 MEMBER테이블에서 조회하여 유효성검사를 하고 일치하는 레코드의 비밀번호를 네이버 stmp서버를 이용하여 사용자메일로 전송한다. 초성 도서검색 및 자동완성 : 사용자는 초성 입력 시 자동완성 되어 진 도서들을 볼 수 있고 검색 시 해당되는 도서를 검색할 수 있다. ▶도서검색란에 입력된 글자가 초성인지를 판별하고 초성이라면 한 글자씩 나누어 ‘가~하’중 맞는 글자를 매칭시켜 검색한다. ▶예를들어 ‘ㄱ’이 입력되었다면 첫 글자가 가~나 사이의 데이터를 검색하고 SEARCHBOOK테이블의 BOOKNAME 컬럼에 검색 된 데이터들을 저장, 첫 글자를 뺀 데이터들을 SPLITNAME 컬럼에 저장한다. ▶두 글자 이상의 초성이 입력되었을 경우 데이터를 BOOK테이블의 BOOKNAME 컬럼에서 조회하지 않고 SEARCHBOOK테이블의 SPLITNAME 컬럼에서 조회한다. 도서상세정보 : 1)사용자는 선택한 도서의 이미지, 제목, 지은이, 가격, 목차, 줄거리 등 상세정보를 볼 수 있다. ▶BOOK 테이블에서 사용자가 선택한 도서의 BOOKNUM으로 레코드를 조회한다. 2) 사용자는 수량 설정 후 장바구니 담기 또는 바로구매를 할 수 있다. ▶CART 테이블에 사용자의 ID, BOOKNUM, QUANTITY를 저장, PK인 장바구니번호 CARTNUM은 시퀀스로 생성한다. 장바구니 : 1)사용자는 장바구니에 담았던 도서 목록들을 볼 수 있다. ▶CART테이블에서 사용자의 ID로 레코드들을 조회한다. 2)사용자는 장바구니에 담았던 도서들의 수량수정 하거나 삭제할 수 있다. ▶사용자가 선택한 CARTNUM에 해당하는 레코드의 수량을 변경 하거나 삭제한다. 3)사용자는 주문하기와 계속 쇼핑하기를 할 수 있다. ▶주문결제 페이지로 선택한 CARTNUM 값을 전달한다. 주문결제 : 1)구매정보 사용자는 구매할 도서의 정보와 지불해야 할 결제 금액을 볼 수 있다. ▶장바구니 페이지에서 전달받은 CARTNUM으로 사용자가 구매 할 정보들을 보여준다. 2)배송정보 사용자는 수취인의 배송정보를 입력 할 수 있다. ▶등록된 배송지 : MEMBER테이블에서 사용자의 ID로 레코드를조회하여 이름, 주소, 휴대폰번호를 선택하여 보여준다. 3)결제 사용자는 무통장 입금할 은행을 선택하고 입금자명을 기입 후 결제를 진행할 수 있다. ▶입력된 정보들과 CARTNUM값을 결제완료페이지로 전달 결제완료 : 사용자는 무통장 입금정보, 배송지 정보, 주문상품내역, 결제정보를 볼 수 있다. ▶전달받은 모든 정보들을 BOOKORDER테이블에 저장한다. 구매하는 도서에 각각 주문번호 ORDERNUM을 시퀀스로 생성한다., 여러 개를 한 번에 주문했음을 알려주는 배송번호 DELIVERYNUM은시퀀스로 생성한다. → 두 개 이상 주문 시 같은 DELIVERYNUM을 갖는다. QNA : 사용자는 질문사항을 게시판에 쓰고 관리자로부터 답변을 받을 수 있다. ▶QNA테이블 레코드들을 ROWNUM과 서브쿼리로 페이징하여 처리된 레코드들을 QNANUM으로 정렬하여 5개씩 사용자에게 보여준다. ▶게시된 글을 읽었을 때 세션에 저장된 아이디로 자신이 작성한 글인지 판별하여 자신이 작성할 글일 때 수정 및 삭제가 가능하다. FAQ : 1)사용자는 자주 묻는 질문과 답변을 볼 수 있다. ▶자주 묻는 질문을 클릭 했을 때 jQuery DOM구조를 이용하여 페이지 이동 없이 답변을 보여준다. 2)사용자는 검색란을 통해 원하는 정보를 빠르게 찾을 수 있다.

2021-12-10

썸네일

KWF

기간 : 2013-12-23 ~ 2014-01-22 ( 월,화,수,목,금 ) URL : 내부 서버용 멸종위기에 놓인 동물들을 알리고 보호하고 후원할 수 있도록 할 수 있는 사이트     Final Project : KWF 개발환경 OS Microsoft Windows 7 DBMS ORACLE 11g Language JAVA 7.0, JSP/SERVLET, HTML, Javascript  개발툴 Design Adobe Photoshop CS5 Editer Spring tool suite, Android Developer Tool    개발기간 개발인원   2013.12.23 ~ 2014.01.22  7명   개발 취지 및 목적   학원 수료 후 접하게 될 실무 분야중 가장 비중이 높은 작업의 숙련도 향상을 목적으로 웹페이지를 완벽히 구현하는 것을 목표로 하고, 학원 교육과정에서 배운 기술들 중 실무에서 사용빈도가 높은 Jquery, Spring, Mybatis를 위주로 작업을 하기로 하였습니다. 멸종위기에 놓인 동물들을 알리고 보호하고 후원할 수 있도록 할 수 있는 사이트를 만들었습니다.        웹페이지 세부기능 요약 및 설명     메인화면: tiles를 이용하여 전체 레이아웃을 구성하였으며, 상단 메뉴는 Jquery를 이용하여 롤다운 방식으로 제작하였다,     활동내역 게시판: 제목에 본문의 첨부사진 중 대표 이미지가 썸네일 방식으로 표시되는 포토 게시판이며 본문 중에는 첨부 파일과 5장까지의 사진 첨부가 가능하도록 되어있다.     동물 소개 게시판: 멸종 위기 동물 종을 소개하는 페이지이며, 관리자만 게시판에 업로드 형식으로 글 작성이 가능하도록 되어있다.     인형 쇼핑 페이지: 판매 수익이 멸종 위기 동물 보호 사업 기금으로 사용 되는 인형 판매 페이지 이며, tiles와 Jquery 를 이용해, 상단의 카트에 물품을 채우는 방식으로 쇼핑이 가능하도록 제작되어 있다.     잡화 판매 페이지: 인형 쇼핑페이지와 유사하나, 물품 클릭시 상세 설명 페이지가 나오며, 별도의 장바구니에 물품이 담기는 방식으로 제작되어 있다.     장바구니: 쇼핑 페이지에서 장바구니 DB에 넣은 물품이 아이디 정보를 이용해 정렬되는 방식이며 체크박스를 이용해 개별, 전체 삭제 및 구매가 가능하다.     구매내역: 구매한 내역은 DB에 담아져 해당 아이디를 가진 유저가 조회할 수 있도록 되어있고, 비회원 역시 랜덤으로 식별코드를 부여받아 해당 코드로 조회가 가능하도록 되어있다.     후원 페이지: 멸종 위기 동물에 대한 후원 및 선택한 동물에 대한 설명과 해당 동물과 관련된 물품 쇼핑이 가능하도록 구성되어 있으며, Jquery를 이용해 화면을 구성하였다.      

2021-12-10

썸네일

NFC와 Spring을 기반으로 한 명함교환&관리 프로그램

기간 : 2013-12-23 ~ 2014-01-21 ( 월,화,수,목,금 ) URL : 내부 서버용 명함 교환/관리를 보다 효율적이고 간편하게 하기 위한 프로그램    Final Project. NFC와 Spring을 기반으로 한 명함교환&관리 프로그램 제작 환경 및 사용 툴  OS : Windows 7 Professional Tools : STS, ADT, SqlDeveloper Environment : JDK1.7, Tomcat7.0, Oracle 11g Language : Java, Jsp, J-Query, HTML5, CSS3, Android, JavaScript Framework : Spring, Mybatis, Ajax Else Api : NaverMap, JavaMail  참여인원 7명  제작기간 2013.12.23.-01.21 (22일)  프로젝트 개요 및 목적    명함교환/관리를 보다 효율적이고 간편하게 하기 위한 프로그램 개발. 1. 철저하게 유저친화적인 인터페이스의 구현. 2. 웹의 편리한 관리기능과 앱의 강력한 데이터 교환 기능을 접목하여 보다 실용적이고 유용한 프로그램을 구현. 3. 반복적인 코딩은 줄이고 비슷한 프로세스라도 다양한 방법으로 구현하는 것을 목표로 프로젝트를 전개해 나감.    담당 역할 및 업무    역할 : 프로젝트 Web 팀 조장 1. 프로젝트의 아이디어 구상. 2. 웹 부분 로그인, id & password 찾기 구현. 3. E-mai 전송기능 구현. 4. Database 관리. 5. 웹 파트 레이아웃 및 디자인 지원. 6. 웹 프로젝트 진행에 필요한 기술에 대한 지원.        프로그램 세부 소개 : 웹     로그인 화면 ──────────────── ※ 사용되는 TABLE ※ Joining (회원 가입 정보) ──────────────── [ 세부 설명 ] - 로그인 - Joining 테이블에서 ID와 Password 리스트를 가져와 사용자가 회원 가입 시 입력했던 ID와 Password 가 일치하는 정보가 있을 경우 j_num(사용자 고유번호)를 가지고 메인 페이지로 이동.   - 유효성 검사 - 정규식을 이용한 정보의 유효성 검사 기능  프로그램 세부 소개 : 앱   로그인 화면&로딩화면 ──────────────── ※ 사용되는 Data Base ※ Oracle - Joining, SQLite - userInfo ──────────────── APP로딩 후 표시되는 첫 페이지 1) 실행과 동시에 폰 내부 데이터에 userInfo Table 존재유무 확인 (Table이 있을 시는 3번으로 바로 이동) 2)Table이 없으면 생성하면서 user의 ID,PW를 SQLite에 저장 3)Oracle에 joining table 값과 SQLite에 입력된 값을 비교하여 일치하면 메인화면으로 user의 Jnum값과 cnum값을 갖고 MainActivity로 화면 이동 4)회원 가입을 위한 홈페이지를 배치  

2021-12-10

썸네일

Idol Magazine

교육기간 :    2013-12-13 ~ 2014-01-13 ( 월,화,수,목,금 ) URL : 내부 서버용 아이돌에 대한 프로필뿐만 아니라 스케줄, 화보, 영상 등을 간편하게 확인할 수 있는 앱   Final Project : Idol Magazine  개발환경  OS Microsoft Windows 7 Home premium K SP1  DBMS Oracle Database 11g Express Edition  WAS  Tomcat 7.0  Language JAVA 7.0, Android Jelly Bean, JSP, HTML    개발툴  Database  SQL Tools / SQL Developer  Design  Adobe Photoshop CS  Editer Spring Tool Suit, Android Development Tools 개발기간 개발인원 2013.12.13 ~ 2014.01.13. (4주) 4명  Database구조 및 참여도     개발 취지 및 목적   매년 수많은 아이돌이 탄생한고 여러 방면에서 이슈가 된다. 하지만 수많은 아이돌이 탄생하는 만큼 모든 정보를 알기란 힘들다. 이런 문제를 해결하고자 게임, 상식 등에 대한 백과사전 앱처럼 국내 아이돌에 대한 정보를 쉽고 간편하게 얻을 수 있는 앱을 만들고자 하였다. 아이돌에 대한 프로필뿐만 아니라 스케줄, 화보, 영상 등을 간편하게 확인할 수 있다. 또한 게시판을 SNS 형태로 디자인하여 친숙하게 사용할 수 있고 각 아이돌의 게시판에서 더 많은 정보를 공유할 수 있다.    세부기능  

2021-12-10

썸네일

영화관 홈페이지

기간 : 2013-12-16 ~ 2014-01-14 ( 월,화,수,목,금 ) URL : 내부 서버용 정확한 스케쥴링 과정에 대해 파악하고, 고객들의 부담없는 접근을 위해 구현화된 기능들을 편안하게 디자인한 홈페이지     Project : 영화관 홈페이지  개발환경  OS Microsoft Windows 7  DBMS Oracle Database Express Edition 11g  WAS  Tomcat 7.0  사용 기술 Spring 3.1, mybatis 3.1, jQuery / Ajax, HTML5 / CSS3, tiles 개발도구 Spring Tool Suit, Maven  Design Photoscape 개발기간 개발인원 2013.12.16 ~ 2014.01.14 6명 실행화면 및 DATABASE 구조도   개발 취지 및 목적   영화 정보 및 온라인 예매 시스템을 제공함에 따라 회사의 이익 창출 및 고객 편의를 개선하고자 한다. 첫째, 영화 정보를 다양한 기능을 통해 제공함에 따라, 고객의 흥미를 이끌 수 있고, 한줄평 기능 및 게시판을 통해 고객과 고객 또는 고객과 관리자 사이의 커뮤니티 형성에 이바지할 수 있다. 둘째, 온라인 예매를 구현함에 따라 급증하는 고객들의 요구를 실시간으로 처리할 수 있고, 오프라인 매장의 업무를 줄임으로써 효율적인 업무 프로세스를 구축하는데 이바지할 수 있다. 셋째, 관리자 페이지의 구현은 영화와 상영관 사이의 복잡한 스케쥴링을 간편화함으로써 효율적인 업무를 가능케 한다. 또한 누적되는 데이터에서 산출하는 다양한 통계 정보는 회사 이익을 극대화하는데 전략정보로 사용될 수 있다. 세분화된 데이터베이스를 구현함에 있어서 정확한 스케쥴링 과정에 대해 파악하고, 고객의 편의를 위한 기능을 구현화 할 수 있도록 업무 전반적인 내용을 숙지하도록 한다. 고객들의 부담없는 접근을 위해 구현화된 기능들을 편안하고 친근하게 디자인하도록 한다.   직접 구현한 기능 및 설명  실행화면 기능설명      < 영화 예매 >   DB에 수록된 영화 스케쥴을 이용자에게 보여주고 간단한 조작을 통해 영화선택부터 결제까지 간편하게 예매할 수 있는 기능이다. 이미 예약된 좌석은 비활성화하고 단체 좌석을 쉽게 선택할 수 있도록 좌석묶임설정을 구현하였다. 결제방식은 카드, 핸드폰, 거래은행 계좌이체로 나눠지며, 해당되는 할인율이 결제에 적용되도록 기능을 구현하였다. 이 페이지는 모두 jQuery Ajax 비동기 통신을 사용해서 처리하여 화면의 깜박임 없이 페이지 이동을 매끄럽게 처리하였다.   페이지 구성 : 스케쥴 선택 - 좌석 선택 - 결제       < 마이페이지 >   JDBC와 Mybatis를 연동하여 다중 테이블 조인, 서브 쿼리를 구현해 DB에 수록된 고객의 예매내역, 관심영화, 문의내역, 이벤트 응모내역, 회원정보 수정, 포인트-등급 정보를 확인할 수 있는 페이지이다. 해당 정보를 이용자에게 보다 쉽게 보여질 수 있도록 HTML5 / CSS3 를 사용하여 그래픽 처리 및 페이지 디자인을 통일되게 하였다.     < 그 외 > 개발환경설정 : Spring tiles 를 이용한 레이아웃 구현, JDBC, Mybatis 설정, SVN 설정 등   Excel 파일 데이터 입력 : Excel 파일로 작성된 영화 스케쥴을 서버에 업로드하는 동시에 DB에 자동 입력   디자인 : HTML5 / CSS3 를 이용한 순수 디자인    

2021-12-10

썸네일

예그리나

기간 : 2013-12-16 ~ 2014-01-14 ( 월,화,수,목,금 ) URL : 내부 서버용 합리적인 가격으로 이벤트를 대신 준비해주는 홈페이지     Final Project : 예그리나  개발환경  OS Microsoft Windows XP Professional SP3  DBMS  ORACLE 11g  WAS  Tomcat 7.0  Language   JAVA 7.0, Servlet & JSP, HTML, Javascript  개발툴  Database  SQL Tools / SQL Developer  Design  Adobe Photoshop CS  Editer Spring tool suite   개발기간 개발인원 2012.12.16. ~ 2012.1.14 6명  Database구조 및 참여도     개발 취지 및 목적   일상생활 속에서 지친 현대인들, 프러포즈 날 멋진 이벤트로 특별하게 보내고 싶으신 분들이 개인적으로 파티를 하기에는 문제점이 있다. 첫 번째로는 많은 인원, 또는 소수의 인원이 파티를 할 수 있는 공간이 부족하다. 두 번째로는 파티용품을 준비하거나 일반 파티장소 외 에도 특별한 장소를 섭외할 때 가격이 너무 비싸다. 이런 문제점을 해결하기위해 예그리나는 합리적인 가격으로 이벤트를 대신 준비해주는 홈페이지이다. 예그리나는 하나의 이벤트 샘플에 대한 여러 사진과 상세정보를 지원하고 스페셜이벤트에는 선상이나 열차 같은 특별한 장소에서 이벤트를 제공한다. 또한 고객에게 이벤트에서 사용했던 소품과 그 외에 파티 소품을 저렴한 가격에 구매할 수 있다.    세부기능 요약 및 설명  상세화면 상세화면      예그리나의 메인페이지로 왼쪽 큰 사진은 jQuery 를 이용하여 슬라이드기능을 구현하였고 오른쪽 6개 이미지는 버튼으로 클릭 시 해당 페이지로 이동한다. 또한 레이아웃은 header와 footer로 tiles를 이용하였으며 header에 있는 메뉴에 마우스 오버시 하위메뉴들이 나오는 기능은 CSS를 이용하였다. 맨 오른쪽에 있는 textarea는 클라이언트와 관리자의 1:1 실시간 상담기능으로 Ajax를 이용하여 구현하였다.     처음 메인페이지를 열었을 때 나오는 팝업으로써 쿠키를 이용한 하루 동안 보지 않기 기능이 있고 별 팝업이나 설문조사 팝업 의 경우 클릭하면 팝업은 close되고 부모창 에서 그 페이지로 이동 가능하게 구현하였다.     설문조사 게시판은 예그리나 홈페이지의 부수적인 페이지로써 클라이언트들이 설문조사에 참여할 수 있는 페이지이다. 관리자가 이벤트 종료링크를 클릭 시 state가 2로 update되면서 동시에 제목에도 "<종료>“ 라는 문구가 붙게 된다.   종료되지 않은 설문조사를 클릭했을 때 나오는 페이지로 설문조사의 상세한 정보가 나오게 되고 설문조사에 참여 할 수 있다. 여기서 PK 를 설문조사번호와 아이디로 설정하여 한설문조사당 한번만 참여할수 있다.    

2021-12-10

썸네일

웰빙 건강관리

기간 :2013-12-09 ~ 2014-01-10 ( 월,화,수,목,금 )   URL :내부 서버용   체계적인 건강관리를 도울 수 있는 실내/외 제한 없이 편리하게 이용가능한 웹과 모바일웹     Final Project : 웰빙 건강관리  개발환경  DBMS  ORACLE 11g  WAS  Tomcat 7.0  Language Adobe Photoshop CS6, Illustrator CS6  개발툴  Design Adobe Photoshop CS6, Illustrator CS6  Editer Spring Tool Suit, Maven 개발기간 개발인원 2013.12.09 ~ 2014.01.10 6명  Database구조 및 참여도     개발 취지 및 목적   건강과 음식에 대하여 관심도가 높아졌지만 바쁜 일상으로 인해 건강을 챙길 여유가 없는 현대인들을 위해 일과 건강을 챙길 수 있도록 건강과 음식에 대한 정보를 제공함으로써 현대인들에게 편리한 정보 제공을 할 수 있도록 개발 취지에 목적을 두었다. 트레이너들이 일반인과 매칭되어 체계적인 건강관리를 도울 수 있으며, 실내·외 제한 없이 편리하게 이용할 수 있도록 웹과 모바일 웹을 제작하게 되었다.      세부기능 요약 및 설명  상세화면 기능설명   메인화면   동영상 게시판   * 메인화면    - 접근 권한에 따라 회원과 트레이너의 이용이      제한 되어있습니다. * 동영상 게시판   - 운동 부위별 동영상을 제공하여 회원과      트레이너가 보며 따라할 수 있습니다.   다이어리  체중 그래프   * 다이어리   - 일정관리와 매일 매일 섭취한 식단을 기록할     수 있으며 섭취한 칼로리도 볼 수 있습니다. * 체중 그래프   - 매일 매일 신장, 체중을 입력한 DB를 이용해     그래프로 체중변화를 볼 수 있습니다.   트레이너 게시판   성공 후기 게시판   * 트레이너 게시판   - 등록된 트레이너 정보를 보고 회원들이 트레이너에     게 관리 받을 수 있습니다. * 성공후기 게시판   - 다이어트 전·후 이미지를 올리며 후기를 남길 수       있는  게시판 입니다.     메인 화면     동영상 게시판 * 메인화면   - 핸드폰 기종마다 자동화면 조절이 가능하며 주요 게      시판을 볼 수 있습니다. * 동영상 게시판   - 관리자가 등록한 동영상을 핸드폰으로도 편리하게      볼 수 있습니다.     다이어리    쪽지 기능 * 다이어리   - 일정관리를 할 수 있으며 웹과 연동해 두어 웹에서도       똑같은 기록내용을 볼 수 있습니다. * 쪽지기능   - 회원/트레이너 모두 쪽지를 주고 받을 수 있습니다.      

2021-12-10

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

TOP