4Earth(지구를 위한 환경 챌린지&친환경 샵)
KH정보교육원
2022.03.22 09:10
4Earth (디지털컨버전스) 클라우드 컴퓨팅 웹 융합 응용SW엔지니어 양성 과정A(3) 1회차 | |
|---|---|
| 팀장/팀원 | 조**(팀장) : 관리자 페이지 |
| 류** : FAQ 페이지, 공지사항 서비스, 1:1문의 서비스 | |
| 박** : 메인 페이지, 챌린지 관련 서비스 | |
| 이** : 소분샵 관련 서비스 | |
| 최** : 회원관련 서비스 | |
| 개요 | 우리가 살아가는 지구를 위해서 무엇을 할 수 있을까?라는 질문에 대한 답으로 환경에 도움이 되는 행동을 챌린지 형식으로 도전을 해보면 어떨까? 사용하는 물건을 친환경적인 물건으로 바꾸면 좋지 않을까?라는 생각에서 기획했습니다 |
| 구현기능 | 1. 메인 페이지 기능 화면 왼쪽에는 참여할 수 있는 챌린지가 5개 오른쪽에는 에코샵에 등록된 최신 물품이 5개가 보여집니다 2. 회원가입 서비스 회원 가입 시 프로필 사진 미리보기 및 등록이 가능하고 입력창에 KEYUP 이벤트로 형식이 일치할 경우에만 OK글씨가 뜨며 가입이 가능하다. 가입할 때에 입력하는 주소는 DAUM우편번호 API를 이용했다. SNS(카카오, 네이버, 구글)를 통한간편 회원가입이 가능하다 3. 아이디/ 비밀번호 찾기 아이디찾기의 경우에는 AJAX를 활용해서 화면 전환 없이 바로 서버와 통신하고 올바른 정보를 입력시 문자가 전송되고 전송된 정보를 적을 수 있는 모달창이 열린다. 비밀번호 찾기의 경우에도 AJAX를 활용했고 올바른 정보를 입력시 메일이 전송되며 모달창이 뜬다. 4. 회원 탈퇴 회원 탈퇴의 경우에는 비밀번호를 확인 후 탈퇴가 가능하게 설정되어 있고 SNS 회원의 경우에는 비밀번호 확인없이 바로 탈퇴가 가능하고 카카오의 경우에는 탈퇴와 연결 해제까지 진행되고 네이버와 구글의 경우에는 탈퇴까지만 진행된다 5. FAQ 페이지 회원들이 자주 질문하는 질문과 그에대한 답을 모아놓은 페이지 입니다, 1:1 문의로 연결 할 수 있는 페이지이며 채널톡 프로그램을 활용해서 1:1 대화 또한 가능하다 6. 공지사항 페이지 회원들이 볼 수 있는 공지사항 페이지 입니다 7. 챌린지 관련 서비스 회원들이 참여할 수 있는 챌린지를 볼 수 있는 페이지이다. 챌린지를 참여해서 사진과 함께 인증샷을 올릴 수 있고 조건(오늘의 챌린지의 경우에는 오늘의 챌린지를 전부 참여해야하고 이달의 챌린지의 경우에는 같은 챌린지를 일정 회수만큼 참여해야 한다)을 충족할 경우에 포인트가 지급된다 8. 에코샵 페이지 등록된 지 3일 이내의 상품이라면 'NEW' 태그가 붙어있다. 상품 목록을 카테고리와 상세 필터를 통해 원하는 물품의 목록만을 조회/정렬이 가능합니다.물품 구매 시 리뷰와 별점을 등록할 수 있고 로그인을 한 회원은 하트 버튼을 눌러 상품을 찜 할 수 있다. 로그인 회원은 상품구매, 장바구니/찜 추가가 가능하고 구매한 회원은 리뷰작성이 가능해진다. 상품에 대한 문의도 남길 수 있는데 비밀글 설정이 가능하다 9. 에코샵 물품 구매 바로 구매를 할 수도 있고 장바구니에 담은 다음에 구매를 진행할 수 있다. 기본배송지 또는 신규 배송지를 적은 후에 구매가 가능하고 포인트 사용액에 따른 가격 변화가 적용된 가격을 알려준다 10. 물품 입고 신청 회원들이 4Earth 사이트에서 판매를 원하는 상품을 신청할 수 있다 11. 오프라인 매장 안내 페이지 카카오 맵을 연결한 지도와 매장의 정보가 있는 페이지이다 12. 관리자 페이지 1) 공지사항 페이지 - 공지사항을 작성/수정을 할 수 있는 페이지 2) 회원관리 페이지 - 회원의 정보를 불러오고 정지/정지해제 시킬 수 있는 페이지 3) 문의관련 페이지 - 1:1 문의를 불러오고 답변/답변수정을 할 수 있는페이지, 상품문의에 답변을 남길 수 있는 페이지 4) 신고관련 페이지 - 다른회원이 신고한 신고내용을 볼 수 있는 페이지, 신고받은적이 있는 회원을 볼 수 있는 페이지 5) 챌린지관련 페이지 - 회원들이 볼 수 있는 챌린지목록을 보기/작성/수정할 수 있는 페이지이다. 회원들의 챌린지 참여 내역을 볼 수 있고 확인을 할 수 있 고 문제가 있는 경우에는 참여내역을 없앨 수 있다 6) 에코샵관련 페이지 - 에코샵 물품을 등록/수정할 수 있는 페이지이다. 회원들이 결제를 할 경우에는 주문이 접수되고 발송완료/취소 상태로 바꿀 수 있다 회원들이 신청한 입고목록을 볼 수있고 등록할 수도 있다 |
| 설계의 주안점 | 환경을 위한 행동이 챌린지와 같은 방식으로 환경에 도움이되는 행동을 하게 만들고 환경에 도움이되는 물품을 구매하는 등 일상생활에 자연스럽게 녹아들 수 있도록해서 환경에 대해서 별로 생각이 없는 사람들에게도 거부감을 느끼지 않고 환경에 도움이되는 행동을 하게 만드는 것을 중점으로 만들었습니다 |
| 사용기술 및 개발환경 | 개발 툴 : 카카오오븐, ERD Cloud, VS Code, SQL developer, Eclipse, github 등 언어&기술 : HTML5, Javascript, CSS, Oracle, Java, JSP, Jquery, Ajax 등 사용 api : 아임포트(결제), SNS 회원가입관련 api, 카카오지도, 다음 주소 찾기 |
목록으로 
댓글쓰기 
0 
