[기획] 05 플로우 차트 제작 / 웹 화면 정의서 수정 / 앱 화면 정의서 수정 (23.02.25)

내일 있을 전체 회의를 위해 기획팀에서는 크게 3가지를 수정하고 구체화하였다.

1. 플로우 차트 제작

2. 웹 화면 정의서 수정

3. 앱 화면 정의서 수정

---

 

1. 플로우 차트 제작

---

 

2. 웹 화면 정의서

▼웹 화면 정의서 링크▼

https://ovenapp.io/view/B5zubjstv01QVAPaLCPGrBk7hDhXwM8L/OXjkE

 

 

A1: 검색기능

A2: 다크모드/라이트모드

A3: 계정 정보 페이지로 이동

B1: 현재 페이지(홈)로 이동

B2: 나의 동아리 페이지로 이동

B3: 홍보 게시판으로 이동

C1: 카테고리 선택기능. 분야 혹은 구분 선택 가능

C2: 선택한 동아리의 소개페이지로 이동

A1: 홈 화면으로 이동

A2: 나의 동아리 페이지로 이동

A3: 홍보게시판으로 이동

B1: 동아리의 활동내역 페이지로 이동

B2: 동아리의 게시판으로 이동

B3: 동아리의 회계내역으로 이동 (권한 필요)

B4: 동아리 관리로 이동 (권한 필요)

C1: 동아리 운영진의 카카오톡 오픈프로필 혹은 정해진 메신저 링크 반환

C2: 가입신청 페이지로 이동

C3: 찜 기능. 선택/해제 가능

C4: 상기 사항 표시/숨기기

D1: 스크롤을 아래로 내려 활동내역 로드. 스크롤을 아래로 내릴 시, 혹은 버튼 클릭시 작동

<문의하기 아이콘 클릭시 팝업창>

A1: 문의하기 기본 화면

A2: 오픈채팅 링크로 연결

<가입신청 아이콘 클릭시 팝업창>

A1: 가입신청 기본 창

A2: 임시저장 및 과거 저장내역 조회 및 불러오기

A3: 신청서 제출

A1: 공지사항 우선 표시기능. 공지사항이 있을 시 표시. 클릭시 공지사항 전체 내용 및 히스토리를 보여줌

A2: 검색기능

A3: 클릭시 글 전체 내용 표시

A1: 동아리 회비 잔액 표시 기능

A1-1: 새로고침

A2: 상세 내역 표시

A3: 정산 이력, 보고서 조회

B1: 입출금 내역 필터링 기능

A1: 동아리 관련 일정 캘린더 표시

A2: 동아리 일정 추가

B1: 동아리 관리

B1-1: 동아리 프로필 설정

B1-2: 문의하기 클릭시 노출되는 FAQ 설정창으로 연결

B1-3: 가입신청 양식 수정창으로 연결

B1-4: 동아리 정보 수정으로 연결

B2: 동아리 멤버 조회로 연결

B3: 가입신청 현황으로 연결

<일정추가 클릭시 팝업창>

A1: 일정추가 기본 창

A2: 저장하기

<FAQ 설정 클릭시 팝업창>

A1: 가입신청 기본 창

A1-1: 오픈채팅방 링크 입력창

A2: 미리보기 기능

A3: 저장하기

<가입신청 양식 클릭시 팝업창>

A1: 가입신청 양식 수정 기본창

A2: 미리보기 기능

A3: 저장하기 기능

<동아리 관리에서 멤버조회 클릭시>

A1: 멤버 프로필 정보

A1-1: 직책 표기

A2: 멤버 프로필 수정

<동아리 관리에서 가입신청 현황 조회시>

A1: 신청내용 상태 필터링 검색기능

A2: 검색기능

B1: 신청자 정보

B1-1: 가입 승인, 거절 기능

A1: “내 캘린더＂에 등록되어있는 동아리의 일정을 표시

A1-1: 월별 선택기능

A2: 캘린더에 표시할 정보들을 추가 가능

B1: 내가 속해있는 동아리 혹은 관심있는 동아리를 등록할 수 있음

B1-1: 동아리 선택시 동아리 게시판으로 이동

B1-2: 원하는 동아리 추가가능

C1: 관심 동아리 목록을 보여줌

C2: 가입 신청을 넣은 현황을 보여줌

C3: 내가 쓴 글들을 보여줌

A1: 홍보게시판 내 동아리 성격 별 카테고라이징 기능, 정렬 기능

A2: 검색 기능

A3: 클릭시 홍보게시판 내 선택한 게시글 전체내용을 보여줌.

 

 

<웹 목업 추가 및 수정사항>
1. 동아리 관리 카테고리 추가
메인 화면에서 동아리 클릭시 접근권한이 있는 자에 한하여 '동아리 관리' 카테고리가 보여지도록 함.

2. 동아리 관리 내의 세부 기능 구현
동아리 관련 일정 추가, FAQ 설정, 가입신청 양식 수정 , 멤버 조회, 가입신청 현황 등 기능에 따른 화면을 구성

3. 신청자 관점의 양식 추가
문의하기, 가입신청 버튼 클릭시 나타나는 결과창 예시 구현

4. My 페이지 구현

---

 

3. 앱 화면 정의서

A1: 통합 검색 창

B1: 나의 동아리 일정 확인

C1: 바로가기 아이콘

D1: 동아리 분류 선택 기능

D2: 동아리 선택

E1: ‘나의 동아리’로 이동

E2: ‘홍보게시판’으로 이동

E3: ‘홈’으로 이동

E4: ‘통합 검색’으로 이동

E5: ‘마이페이지’로 이동

F1: 중앙동아리 분류 선택기능 / 오른쪽 화면으로 이동

G1: 동아리에 대한 간단한 설명 -> 다음 슬라이드 페이지로 이동

A1: 동아리 카테고리

A1: 동아리 최근 소식/ 모두 전환

B1: 댓글기능

A1: 최근 4주간 동아리 회비 입출금 내역

A2: 동아리 회비 잔액 표시기능

A3: 동아리 회비 입출금 내역 표시

A1: 동아리 일정 관리

A1-1: 동아리 일정 추가 -> 오른쪽 페이지 나옴

A2: 회원 목록

A3: 가입 신청 목록

A4: 가입 신청 양식 설정

A2: 회원 목록

A3: 가입 신청 목록

A4: 가입 신청 양식(자기소개서) 설정

A4-1: 자기소개서 항목

A4-2: 자기소개서 양식 지정

A4-3: 항목 위치 이동

A4-4: 필수항목 지정

A4-5: 자기소개서 양식 미리보기

A1: 펼치기/ 접기

A1-1: 문의 기능

A1-2: 가입 신청 기능

A1-3: 관심동아리 기능

A1-2-1: 가입 신청 항목 입력란

A1-2-2: 제출

A1-1-1: 오픈채팅으로 이동

A1: 캘린더 기능

A2: 캘린더 표기 항목 설정 기능

B1: 나의 동아리 바로가기 기능

B1-1: 동아리 바로가기 추가

C1: 관심 동아리 표시기능

C2: 가입 내역으로 이동

C3: 내가 쓴 글로 이동

A1: 카테고리 선택 기능

A2: 글 선택시 오른쪽 창으로 이동

B1: 댓글 기능

A1: 통합 검색 기능

A1: 아이디 입력창

A2: 비밀번호 입력창

A3: 자동로그인 여부

A4: 아이디 저장 여부

A5: 로그인 제출

A6: id찾기로 이동

A7: 비밀번호찾기로 이동

B1: 휴대폰인증/이메일 인증 선택

C1: 휴대폰인증/이메일 인증 선택

A1: 회원가입 정보 기입랑

A1-1: 아이디 중복확인

A1-2: 휴대폰 인증번호 전송

A2: 이전/다음

B1: 모두 동의 버튼

B2: 단일 약관 동의, 보기

B3: 다음 버튼