팀장/팀원 | 팀장 : 이수진 팀원 : 김마로, 심수민, 전민기, 백종솔, 김나희 |
---|---|
개요 | 금융에 대한 사람들의 관심이 높아짐에 따라 자산관리 웹 서비스 이용률이 증가하고 있다. 대표적으로 뱅크 샐러드, 구글독스 가계부의 경우, 대출/카드 추천, 매거진 등 관리 측면보다 정보제공 중심의 서비스와 기본 기능만 집중한, UI를 고려하지 않은 단순 테이블 형태의 서비스를 제공하고 있다. 이와 같은 점을 보완하여 사용자의 애플리케이션 접근 편리성을 높이고 소비/지출 패턴을 한눈에 파악할 수 있는 UI/UX를 구성하고 추가적인 서비스 기능을 구현하여 다양한 카테고리의 금융 정보를 제공하고자 한다. |
구현기능 | 회원 1. 회원가입 - 아이디 중복확인, 비밀번호, 이름, 이메일, 주소, 개인정보 등록하여 계정 생성 2. 로그인 및 아이디/비밀번호 찾기 - 아이디, 비밀번호를 입력하여 로그인 - 이메일, 이름 기본 개인정보 입력하여 아이디 확인 - 아이디, 이메일, 이름 개인정보 입력하여 임시 비밀번호 이메일 전송 기능 3. 회원정보 수정 및 탈퇴 - 개인정보 수정 기능과 비밀번호 입력하여 회원 탈퇴 가능 4. 마이페이지 - 나의 카드/계좌 목록, 나의 카드 혜택, 내가 쓴 게시판 글, 내가 스크랩한 동영상 보기 서비스 1. 챗봇 - 특정 키워드(질문)에 대한 자동 대답 채팅 - 기본 개인정보, 현재 잔액, 금융 지식 등 서비스 카테고리 질문에 따른 url연결 2. 카드/계좌 등록 - 카드/계좌 선택에 따른 비동기식 등록 페이지 구현 3. 카드/계좌 목록 - 등록한 카드/계좌 목록 확인 및 카드 명 클릭 시 카드 혜택 확인 4. 카드 혜택 목록 - 카드 정보를 크롤링하여 은행/카드사별 카드 선택 시 혜택 리스트 확인 5. 지출/수입 등록 - 등록한 카드/계좌 정보 연동하여 카테고리, 날짜, 세부내용, 거래 금액 등록 시 지출/수입에 따른 자동 잔액 계산 - 더치페이 채무자의 이름, 금액 입력하여 더치페이 정보 등록 6. 지출/수입 목록 - 등록된 각 계좌별 전체 잔액과 날짜순으로 지출/수입 목록 확인 - 각 지출/수입 목록 클릭 시 더치페이 내역 확인, 수정, 삭제 기능 7. 나의 소비 목록 - 나의 3개월 지출 목록을 금액이 높은 카테고리 순서의 리스트로 확인 - 각 3개월 총지출 금액과 다음 달 예상 지출액 차트로 시각화 오각형 차트로 시각화 8. 연령대별 지출 비교 차트 - 20/30/40대 각각 지출 금액이 높은 5개의 카테고리와 금액을 9. FAQ 및 질문 게시판 - 자주 하는 질문은 고정 게시판에 관리자만 글쓰기로 한정, 리스트 띄어 글 제목 클릭 시 FAQ 내용 확인 - 회원 질문 게시판에 글쓰기, 댓글 쓰기, 글제목 클릭 시 내용 확인, 수정, 삭제 10. 금융 상식 - 금융 카테고리별 영상 목록 스크롤, 목록 클릭 시 영상 재생 - 스크랩하며 메모 가능, 마이페이지에서 확인 가능 11. 캘린더 - Fullcalendar(JavaScript Event Calendar)를 활용한 일일 일정등록, 수정, 삭제 - 지출/수입 금액 캘린더에 시각화 관리자 1. 메인 - 가입 회원 수/11일 이전까지의 탈퇴 회원 수/11일 이전의 방문자 수 차트 - 일자별 수입/지출 내역 등록 건수 차트 - FAQ 게시판/금융 지식 게시판 게시글 정보 및 링크, 카테고리별 스크랩 수 - 연령별 회원 수/챗봇 내용 실시간 확인 2. 회원 관리 - 회원 전체 보기, 회원 삭제 3. FAQ 게시판 관리 - 관리자 작성, 사용자 게시글 삭제, 수정 4. 지식 관리 - 카테고리별 영상 확인, 입력, 수정, 삭제 - 카테고리 분류, 영상 리스트, 영상 랜덤 설정 |
설계의 주안점 | 1. 잔액, 소비 내용, 금융 정보에 대한 채팅 서비스로 신속성, 편리성 증가 2. 개인 소비 목록과 연령대별 소비 차트 제공, 사용자 중심의 UI/UX 디자인 3. 카드사/은행별 카드, 혜택 리스트 확인, 사용자가 소지한 카드 혜택만 간단히 확인할 수 있다. 4. 로그인 후 메인 페이지에서 캘린더로 일일 일정과 소비 내역을 한눈에 파악할 수 있다. |