웹 개발/SSF-SHOP_클론코딩_프로젝트

SSF-SHOP_클론코딩 프로젝트_화면설계(스토리보드 작성)_10회차

VITUND 2021. 1. 25. 11:19

[피드백]

▶ 지금까지 화면설계 문제점

  - 1. 유효성 검증 기획/관리 X. 

  - 2. 얼럿창 / 컨펌창 내용 기획/관리 X

  - 3. 팝업 내용 기획/관리 △

  - 4. DB에서 가져오지 않는 내용들에 대한 기획/관리 X

       ; EX) 컨텐츠 제목 or 유의사항/안내문구 등

 

 

[메인 FOOTER_제휴 문의]

※ 숫자(1,2,3..):  테이블or컬럼   

<제휴문의 테이블>

1. 문의자명 컬럼 

2. 연락처 컬럼

3. 이메일 컬럼 

4. 문의내용 컬럼 

5. 개인정보 수집 이용에 대한 동의내용 컬럼 

6. 개인정보 수집 이용에 대한 동의여부 컬럼  

 

※ 알파벳(A,B,C..):  링크or이벤트  

A. 클릭시 메인화면 이동

B. 클릭시 고객센터 화면 이동

C. 클릭시 제휴문의 화면 이동

D. 클릭시 국가번호 목록 펼쳐지고 1개를 선택

E. 클릭시 문의내용에 대한 답변등록할 때 카카오톡 알림톡, SMS 보내기   

F. 클릭해야(개인정보 수집 이용에 대한 동의를 해야) 제휴문의를 등록할 수 있음 

G. 클릭시 고객센터 화면으로 이동 

H. 클릭시 "등록하시겠습니까?" 컨펌창 -> '확인' 클릭시 -> "등록이 완료되었습니다" 얼럿창 뜨고

    -> '확인' 클릭시 제휴 문의 화면으로 이동 

 

※ 한글(ㄱ,ㄴ,ㄷ..):  기타 설명  

ㄱ. 필수입력사항 표시 

ㄴ. 연락처 작성 규칙 

ㄷ. 문의내용 작성시 금지 특수문자 안내하는 문구 작성 

ㄹ. 제휴문의 등록하려면 개인정보 수집 이용에 동의해야만 가능하다는 안내하는 문구 작성 

 

---------------------------------------------------------------------------------------------------------------------------------

[메인 FOOTER_입점 신청]

※ 숫자(1,2,3..):  테이블or컬럼   

<입점신청 테이블>

1. 입점 신청자명 

2. 입점 신청자 연락처 

3. 입점 신청자 이메일 

4. 사업자 업체명

5. 사업자 등록번호

6. 사업 대표자명 

7. 사업자등록증 사본 

8. 브랜드명 

9. 취급품목

10. 회사/브랜드 소개서 

12. 타사 입점 현황 

- ex. 컬럼값으로 현대백화점, 신라면세점, 애경백화점  등록됨 

13. 개인정보 수집이용에 대한 동의 여부 

- ex. Y or N 

14. 개인정보 수집이용에 관한 세부 내용 

- ex. HTML형태로 저장 

 

※ 알파벳(A,B,C..):  링크or이벤트  

A. 클릭시 메인화면으로 이동 

B. 클릭시 고객센터 화면으로 이동 

C. 클릭시 입점신청 화면으로 이동 

D. 클릭시 국가번호 목록 펼쳐지고 1개를 선택

E. 클릭시 이미지파일 1개 업로드 되고, 업로드된 이미지 파일명 조회 

F. 클릭시 이미지파일 1개 업로드 되고, 업로드된 이미지 파일명 조회 

I. 클릭시 개인정보 수집이용에 대한 동의 여부 컬럼의 값이 Y로 설정됨 

J. 클릭시 고객센터 화면으로 이동 

K. 클릭시 "등록하시겠습니까?" 컨펌창 -> '확인' 클릭시 -> "등록이 완료되었습니다" 얼럿창 뜨고

    -> '확인' 클릭시 -> 제휴 문의 화면으로 이동 

 

※ 한글(ㄱ,ㄴ,ㄷ..):  기타 설명  

ㄱ. 신청자 정보 관련해서 '필수입력' 하도록 안내 

ㄴ. 신청자 연락처 입력 양식/규칙 안내 

ㄷ. 사업자 정보 관련해서 '필수입력' 하도록 안내 

ㄹ. 대표자명 작성시 유의사항 안내 

   - "사업자 등록증 기준으로 입력해 주십시오"

ㅁ. 사업자등록증 사본 업로드시 제약조건 안내 

   - 파일형식: gif, png, jpg, pdf 파일

   - 용량:  10MB 이하 

   - 허용등록갯수: 1개 

ㅂ. 회사/브랜드 소개서 업로드시 제약조건 안내 

   - 파일형식: ppt, word, pdf 파일

   - 용량:  10MB 이하 

   - 허용등록갯수: 1개 

ㅇ. 타사입점현황 작성시 해당 특수문자는 사용할 수 없음을 안내하는 문구 작성 

   - \/:<>

ㅈ. 개인정보수집 이용에 대해 동의해야만 입점신청할 수 있음을 안내하는 문구 작성