View Code? Open in Web Editor
NEW
사람들이 많이 모이는 버스 정류장의 키오스크를 활용한 설문조사 플랫폼
Dockerfile 0.52%
JavaScript 96.56%
Shell 0.07%
HTML 1.67%
CSS 1.17%
surfy's Introduction
- 프로젝트 기간 : 2022. 01. 04 ~ 2022. 02. 18 (약 7주)
- 자유롭게 설문을 할 수 있는 환경과 그에 대한 당첨 보상을 통해 키오스크에 대한 관심도 상승
- 사람들이 많이 모이는 버스 정류장의 키오스크를 활용한 설문조사 플랫폼
- 키오스크 내 QR코드를 활용하여 모바일 기기로 설문 조사 실시 후 당첨 마일리지 수령
멤버 이름 |
멤버 역할 |
개발 내용 |
이효림 (팀장) |
Backend, Hardware, CI/CD |
전체 DB 설계, 서버구축, 회원관리, 로그인 DB관리, 배포 및 키오스크 연동 |
이언호 (팀원) |
Frontend, Jira관리, UCC제작 |
버스정보/설문/마일리지/로그인 API 연동, 소셜로그인, 마일리지 적립/출금 기능 DB저장(FE) |
홍종규 (팀원) |
Frontend, Backend 보조 |
날씨API연동, 설문/마일리지 DB관리, 추가설문 페이지 기능 구현, 마일리지 적립/출금 기능 DB저장(BE) |
김영후 (팀원) |
Frontend, Git, UI/UX 디자인 |
구글맵API연동, 키오스크/웹 페이지 UI/UX 디자인, 룰렛/마일리지 적립/출금 기능 구현 |
![](https://camo.githubusercontent.com/4b59a44380e736c8c2a8be522c621ae6c7eb62e9291d4975952a63fca94e0806/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4261636b656e642d4e6f64652e6a732d79656c6c6f77677265656e)
![](https://camo.githubusercontent.com/656a5d78c2280108031c0f5f5302338bbb5a77240942259bdd8c6bfc6f8f79bf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4672616d65776f726b2d457870726573732d6c6967687467726579)
![](https://camo.githubusercontent.com/8407a3e3b397c10705c5e1e360e5aa7b3ae67fa4a0e10cf26bfd760e50e71fc5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f44617461626173652d4d6172696144422d62726f776e)
![](https://camo.githubusercontent.com/017c6cbbaddeaac0e1555cf8afd477eae4a6bfb658bdbe3578c5fb9b2d6f8233/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6962726172792d52656163742d626c7565)
![](https://camo.githubusercontent.com/0a1773a4f5e2f194f894c6a2e41e5a0f0dea65b5e05437ed6c8575b09d22c198/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4672616d65776f726b2d4d6174657269616c55492d626c7565)
![](https://camo.githubusercontent.com/626d73e4da91fc5f71b3a5d3a3dd50ea66560eadc52a5bb6c4a06e012962b475/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4672616d65776f726b2d5374796c65645f436f6d706f6e656e74732d79656c6c6f77)
![](https://camo.githubusercontent.com/a2e13a8f4812e41b9de68bd4060e5ce716a8e1f1228cc247841e84a3dfaac6d9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f48617264776172652d52617370626572727950692d726564)
-
- 백로그와 이슈, 스프린트 관리 및 소멸차트 기록
![Jira](README.assets/Jira.png)
-
![Git](README.assets/Git.png)
-
- 노션을 통해 매일 회의 내용과 개발 내용 및 계획 기록
![Notion](README.assets/Notion.png)
-
- 버스정류장에 설치될 키오스크 화면입니다.
- 날짜, 시간, 현재 정류장 위치와 날씨 정보, 실시간 버스 정보를 확인할 수 있으며, 지도에 터치를 하면 주변 인프라와 건물 정보를 확인할 수 있습니다.
- 하단에 vs설문은 버스를 기다리는 사람들의 심심함을 해소하면서 동시에 키오스크에 대한 관심도를 올리기 위해 구성하였으며, 원하는 이미지를 선택하면 통계 지표와 함께 QR코드르 화면으로 넘어갈 수 있습니다.
![kiosk](README.assets/kiosk-16453457003401.png)
-
-
- 키오스크 화면 하단의 QR코드 스캔을 하면 룰렛 페이지로 이동됩니다.
- 룰렛을 돌리면 6가지 당첨 마일리지중 하나가 당첨됩니다.
![roulette](README.assets/roulette-16453506849781.gif)
-
- 마일리지를 수령하기 위해서는 로그인이 필요합니다.
- 이용자의 편의를 위해 회원가입이 아닌 소셜 로그인을 통해 이용할 수 있습니다.
![login](README.assets/login-16453507156372.gif)
-
- 로그인 후 추가 설문을 할 수 있습니다.
- 추가 설문을 완료하면 룰렛의 기회가 주어지며, 이미 완료한 설문은 더 하실 수 없습니다.
![survey](README.assets/survey-16453507608243.gif)
-
- 설문 후 적립한 마일리지에 대해 내역을 확인할 수 있습니다.
![mileagesave](README.assets/mileagesave.gif)
-
- 적립된 마일리지를 본인의 계좌로 출금할 수 있으며, 출금 후 마일리지 내역 페이지에서 출금 내역을 확인할 수 있습니다.
![mileagereturn](README.assets/mileagereturn.gif)
surfy's People
Stargazers
Watchers