Skip to content

Quack-Survey/Front

Repository files navigation

Quack Survey


이메일 로그인 테스트 계정

관리자
ID [email protected]
PW quacksurvey123!



목차

  1. 개요
  2. 기술 스택
  3. 기능 소개
  4. DB 설계
  5. 팀 소개

1. 개요

일반인들도 전문적으로 설문을 운영할 수 있다!

편리하게 설문을 기획하고, 응답현황을 관리하고 응답결과를 시각화할 수 있는 서비스입니다. 세미나/모임 관련 설문조사를 진행하려는 대학생/일반인, 구상 아이템에 대한 수요조사를 사전에 진행해보려는 예비 창업자를 타겟으로 합니다. 주요 기능은 아래와 같습니다.

기능 설명
모바일 설문 에디터 모바일에 최적화된 설문개설/편집 에디터
설문 로직 커스텀 문항에 적용할 로직을 간편하고 직관적으로 설정가능
응답현황 모니터링 응답현황을 한 눈에 파악할 수 있도록 시각화
조사결과 시각화 조사결과를 다방면으로 분석할 수 있도록 쿼리필터 기능 지원

2. 기술 스택

Tech Stack

기술스택


3. 기능 소개

  1. 로그인
  2. 설문에디팅
  3. 대쉬보드
  4. 마이페이지
  5. [유저단]설문응답화면

1. 로그인

① 회원가입

  • 이메일 형식체크
  • 비밀번호 자릿수 제한 및 문자/숫자/특수문자 조합
  • 닉네임 미입력시 랜덤생성 (ex 슬픈 너구리)
  • 이메일 인증
  • 회원가입 완료 후 자동 로그인로그인 기능
① 비밀번호 찾기 ② 비밀번호 변경메일 ③ 비밀번호 변경완료시
비밀번호 찾기_resize 비밀번호 찾기_메일 비밀번호 찾기_변경_resize

2. 홈

  • 신규 템플릿 개설하기
  • 생성된 설문템플릿 조회
  • 셍성된 설문템플릿 수정하기

3. 설문에디팅

① 문항 CRUD

  • 상태변화에 따른 즉각적인 UI 변경기능
  • 단일/복수/서술형 문항구분에 따른 템플릿 생성
  • 복제. 엔터, 위/아래이동 등 모바일 입력 편의기능
  • 필수응답여부 설정

② 문항 DND

  • 순서변경 완료시 넘버링 업데이트
  • 로직 기반 DND validation : 순서를 변경할 문항에 로직이 적용되어있을 경우, 링크될 문항보다 순서가 뒤로 밀릴 수 없음

③ 설문 편의기능

  • 데드라인 설정 : 응답수집이 종료될 일자를 설정함
  • 목표 응답수 설정 : 본 설문으로 목표하는 총 응답수를 설정
  • 쿼터비율 설정 : 분석변수의 각 항목별로 목표하는 구성비율을 설정하며, 이때 합이 100%가 되는지 검증함
① 문항 CRUD ② 문항 DND ③ 설문 편의기능
crud_resize dnd_resize 편의기능_resize

④ 로직 설정

용어 정의

  1. 문항 : 질문을 뜻함
  2. 항목 : 문항 내 선택지
  3. (이동)로직 : 유저단에서 보여질 문항의 순서를 정의함. 특정 문항에서 유저가 선택한 항목에 기반해 다음에 표시될 문항을 정하는 규칙
  • 로직 설정 프로세스 구현
    (1) 로직적용 항목 선택 : 로직이 적용될 항목을 선택
    (2) 링크 문항 선택 : (1)에서 지정된 항목이 실제로 응답자에 의해 선택될 경우, 다음에 표시될 문항을 선택

  • 로직 대쉬보드 : 설정된 로직을 관리자가 이해하기 쉽게 시각화함

⑤ 미리보기 & 설문링크 생성기능

  • 미리보기 : 생성한 설문을 실제 응답자가 보게될 화면으로 표출
  • 설문링크 생성 : 실제로 설문에 참여할 응답자에게 발송할 링크를 생성함
④ 로직 설정 ⑤ 미리보기 & 설문링크 생성기능
로직_resize 미리보기_resize

4. 대쉬보드

① 설문별 응답현황 표출

  • 일별 응답수 현황
    (1) 응답한 데이터가 있을 경우 표출
    (2) 설정된 설문종료기간까지의 데이터만 표출
  • 응답현황 분석
    (1) 목표 응답수가 설정된 경우 표출
    (2) 전체 응답률, 증감률, 누적응답수 등 현재 응답현황에 대한 분석데이터 제공

② 설문결과 표출

  • 객관식/서술형 응답현황 표출
  • 맨위/맨아래로 이동기능
① 설문별 응답현황 표출 ② 설문결과 표출
응답현황_resize 설문결과_resize

5. 마이페이지

  • 로그인된 계정확인
  • 로그아웃

6. [유저단]설문응답화면

① 응답페이지 뷰

  • 설문 에디터에서 생성된 문항을 응답용으로 표출
  • 단수문항일 경우 단일선택, 복수문항일 경우 다중선택 기능적용
  • 서술형문항일 경우 textarea 적용

② 로직 validation

  • 설문에디터에서 설정한 로직이 있는 경우, 응답한 항목에 따라 다음 응답해야하는 문항 표출
  • 로직적용된 문항에서 특정 항목 선택시, 검증이 이루어짐
  • 로직검증에 따라 제외되는 문항들은 fold처리

③ 필수응답 validation

  • 응답자가 필수문항에 응답하지 않았을 경우 warning이 표시
① 응답페이지 뷰 ② 로직 validation ③ 필수응답 validation
문항뷰_resize 로직설정_resize 필수문항_resize

4. DB 설계

diagram-export-2023 -12 -4 -오후-1_44_14


5. 팀 소개