1. 컨텍스트
1.1. 프로젝트 목적
1.2. 용어 정리
•
상담
•
결제
1.3. 프로젝트 범위
•
1.4. 프로젝트 성공 기준
•
판매팀 상담내용을 신규 배정 온택트 선생님에게 공개해서 초기환불 케이스를 줄이는데 도움을 준다.
◦
판매팀을 거치면서 생긴 시스템에 대한 학생(학부모)의 기대를 온택트 선생님이 미리 파악한다.
◦
이를 통해 사용자가 기대한 시스템과 실제 수업의 간극이 적도록 (혹은 적게 느끼도록) 제공하면서 초기환불을 방지한다.
◦
근데 이번 스콥에는 온택트 본부에서 확인이 불가능한데 어떻게 해야할까요…?
1.5. 예상 유저 Flow
•
판매팀은 Google 로그인으로 Hub 에 접속한다.
•
오늘의 결제건들이 list 뷰로 보이는데, 그 중 본인이 판매한 결제건을 검색한다.
◦
구매자, 구매자 번호, imp, 상품명 으로 검색한다.
◦
혹은 list view 에서 page 를 넘기면서 결제를 직접 찾는다.
•
본인이 판매한 결제를 선택해서 상담을 등록한다.
◦
이 때 학부모, 학생 상담을 둘 다 진행한 경우 상담을 두번 등록한다.
◦
상담등록 시 파일 업로드를 하고 업로드 완료가 되면 상담등록을 완료한다.
•
등록된 상담 확인
◦
상담등록을 완료한 경우 결제 별 상담 리스트에서 생성된 상담을 확인한다.
2. FE 시스템 요구사항
2.1. 기능적 요구사항
•
hub-web (@mildang/hub-web)
◦
새로운 도메인 “밀당Hub”의 web application
◦
◦
반응형으로 구현되며, mobile first로 디자인되었음
◦
vercel 환경 구성 (예정)
▪
production: https://hub.mildang.kr
▪
stage: https://stage.hub.mildang.kr
▪
develop: https://dev.hub.mildang.kr
•
2.1.1. 새로운 기능 추가 및 확장
기능 | 위치 | 설명 | 컴포넌트 영향도 | 비고 |
밀당Hub 레이아웃 | hub | - 밀당Hub 페이지 레이아웃 | - Header
- Layout
- Sidebar | - |
HubHeader | hub | - recipes | ||
HubLayout | hub | - recipes | ||
HubSidebar | hub | - recipes | ||
구글 로그인 페이지 | hub-web | - 구글 로그인 페이지 | - | - |
구글 로그인 스크린 | hub | - 구글 로그인 스크린 | - | - png 이미지 추상화 필요 |
구글 로그인 | mildang-ui | - 구글 로그인 기능을 제공한다.
- redirect url 진입을 통해 받아온 인증정보를 처리하는 컴포넌트 | - | - recipes
- 추후 auth 패키지로 분리 예정 (기록 필요) |
구글 로그인 버튼 | mildang-ui | - 구글 로그인 버튼
- 구글 로그인 url Link 기능으로 동작 | - | - recipes
- https://svglogos.dev/ |
결제 내역 페이지 | hub-web | - 결제 내역 정보를 제공하는 페이지 | - | |
결제 내역 필터 | hub | - recipes | ||
DateRangePicker | mildang-ui | - 모바일 시안 적용 작업 | - DS / moleculs | |
결재 내역 페이지네이션 | hub | - recipes | ||
결제 내역 리스트 | hub | - recipes | ||
결제 내역 Item | hub | - recipes | ||
결제 정보 페이지 | hub-web | - 결제 1건에 대한 상세 정보를 제공
- 상담 기록 추가 버튼 클릭 시 상담 기록 추가 페이지로 진입 | - | |
결제 정보 Panel | hub | - 모바일 대응 | - recipes | |
판매 상담 기록 Item | hub | - recipes | ||
판매 상담 기록 List | hub | - recipes | ||
상담 추가하기 Button | hub | - 모바일 대응 | - recipes | |
상담 기록 추가 페이지 | hub-web | - 결제 1건에 대한 상담 기록을 작성하는 페이지 | - 파일 첨부 | - |
결제 정보 ExpansionPanel | hub | - recipes | ||
상담 기록 Form | hub | - recipes | ||
파일 첨부 | mildang-ui | - 파일 여러개 첨부 가능하게 작업 (검토) | ||
판매 상담 기록 상세 페이지 | hub-web | - 상담 기록 1건에 대한 정보, 수정 및 삭제 기능을 제공 | - | |
판매 상담 기록 viewer | hub | - 상담 기록 1건에 대한 정보를 제공 | - recipes | |
판매 상담 기록 수정, 삭제 버튼 | hub | - 작성자 본인만 가능해야 함 | - recipes |
2.1.2. 기존 기능 변경 및 개선
기능 | 위치 | AS-IS | TO-BE | 컴포넌트 영향도 |
도메인 권한 | CMS, CRM, LMS, STUDENT | CMS, CRM, LMS, STUDENT, HUB | ||
Operation 권한 | HUB |
2.1.3. 밀당 디자인시스템(MDS) 영향도
컴포넌트 | 위치 | AS-IS | TO-BE | figma / storybook(chromatic) |
2.2. 비기능적 요구사항
(품질, 신뢰성, 사용성 / 효율성, 유지보수성, 호환성, 보안성)
리팩토링, 구조 변경 등의 작업으로 영향도가 있다면 어느 부분이 테스트되어야할지, 리그레션 테스트 범위를 작성
•
N/A
3. BE & DATA 시스템 요구사항
3.1. 외부 인터페이스 요구사항
3.1.1. 클라이언트
3.1.2. BE - DATA
•
N/A
3.2. 기능적 요구사항
3.2.1. 새로운 기능 추가 요구사항
•
결제 목록 조회
•
상담 생성
◦
상담 이력 관리
◦
상담 파일 업로드
•
상담 조회
•
상담 수정 / 삭제
◦
수정, 삭제시 권한 적용
◦
작성자만 수정, 삭제가 가능하도록
3.2.2. 기존 기능 개선 요구사항
•
ACRM 직원 추가 시 SA 유저 연동 가능하도록 처리 (@11/27/2024 개발 배포에는 포함 X)
•
ACRM 선생님 배정 행정요청 confirm 시 API 를 통해 로직이 동작하도록 수정 (@11/27/2024 개발 배포에는 포함 X)
3.3. 비기능적 요구사항
•
aws s3 삭제 cron (@11/27/2024 개발 배포에는 포함 안됌)
•
audit -
4. 기타 요구사항
•
N/A
5. 참고문헌
•