MEAN Stack 기반의 실시간 설문조사 웹 애플리케이션

• 테스티드 https://tested.kr
• 샘플 사이트 http://poll.tested.co.kr
• 페이지 스크린샷 https://photos.app.goo.gl/LmWrj6KbHw8cm4w58
• MEAN Stack 기반에 대한 소개는 링크 참고

오프라인에서 세미나 등의 강연 진행자가 설문조사를 진행할 때
설문 참여자의 응답 결과를 실시간으로 확인하면서 커뮤니케이션 하는 용도
설문 참여자는 모바일 기기 등으로 설문에 참여

돌아가는 모습은 페이지 스크린샷 또는 샘플 사이트를 참고하세요.
오류/의견 및 피드백을 남겨주세요.

1. 설문 진행자가 설문을 등록( 비밀번호를 제외한 모든 항목을 입력해야 등록 가능 )

• 특정조사는 설문 참여자의 성향을 알 수 있는 정보를 기준( 성별, 혈액형, 나이 등 )
• 설문 문항은 객관식, 주관식으로 구분

2. 설문을 등록하고 이동되는 수정 페이지에서 반드시 __암호키__를 저장

• 설문을 수정/진행/종료할 때 암호키가 필요

3. 설문 수정 페이지에서 설문진행 버튼으로 설문 시작
4. 설문 참여자가 입장할 수 있도록 설문 대기 화면에 표시된 __방 번호__와 __비밀번호__를 공유

• 설문 등록 시 입력한 최소 참여 인원수가 입장할 때까지 설문 대기 화면이 표시
• 설문 참여자는 메인 페이지에서 방 번호를 입력하거나, 페이지 주소로 설문 페이지에 입장

5. 특정조사는 항목을 선택하면 바로 다음 문항으로 넘어감
6. 설문 문항에서 항목을 선택/입력하고 다음 설문 버튼을 눌러 설문을 진행

• 항목을 선택하거나, 답변을 입력해야 다음 설문 버튼이 활성화
• 설문 진행자의 지시에 따라 한 단계씩 설문을 진행하거나, 자유롭게 설문을 진행
• 미리 다음 설문을 진행해도 이전 설문 버튼으로 이전 설문을 확인 할 수 있음

7. 마지막 설문에서 설정(톱니바퀴) 버튼을 눌러 설문 진행자가 설문을 종료( 암호키 필요 )

• 설문 종료 시 모든 참여자가 설문 결과 페이지로 자동 이동되므로 주의

8. 설문 결과 페이지에서 암호키가 공유되어 설문 참여자 모두 자유롭게 설문 결과를 공유할 수 있음

• 항목별의 제목, 아이콘을 눌러 결과를 펼침
• 객관식 결과에서 특정조사 응답 결과를 매칭하여 표시
  • 예) 문제1의 항목1에 표시된 "남자 4 50%"는 특정조사에서 남자를 선택한 참여자 총 8명 중 4명이 항목1을 선택했으며, 이 4명의 비율은 전체 남자의 50%인 것을 알 수 있다.

9. 끝.

• Mongoose
• Express
• AngularJS
• NodeJS
• package.json
• RequireJS
• Bootstrap
• NProgress

• https://github.com/angular-ui/bootstrap