Giter VIP home page Giter VIP logo

surfy's Introduction

시선집중 (SURFY) 📲

  • 프로젝트 기간 : 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 디자인, 룰렛/마일리지 적립/출금 기능 구현

사용 기술 🖱

프로젝트 진행 기록 ✏

  • Jira

    • 백로그와 이슈, 스프린트 관리 및 소멸차트 기록

    Jira

  • Git

    • 커밋 규칙과 브랜치를 통한 협업 내용

    Git

  • Notion

    • 노션을 통해 매일 회의 내용과 개발 내용 및 계획 기록

    Notion

서비스 내용 👐

  • 키오스크 화면

    • 버스정류장에 설치될 키오스크 화면입니다.
    • 날짜, 시간, 현재 정류장 위치와 날씨 정보, 실시간 버스 정보를 확인할 수 있으며, 지도에 터치를 하면 주변 인프라와 건물 정보를 확인할 수 있습니다.
    • 하단에 vs설문은 버스를 기다리는 사람들의 심심함을 해소하면서 동시에 키오스크에 대한 관심도를 올리기 위해 구성하였으며, 원하는 이미지를 선택하면 통계 지표와 함께 QR코드르 화면으로 넘어갈 수 있습니다.kiosk
  • 모바일 화면

    • 룰렛 페이지
      • 키오스크 화면 하단의 QR코드 스캔을 하면 룰렛 페이지로 이동됩니다.
      • 룰렛을 돌리면 6가지 당첨 마일리지중 하나가 당첨됩니다.

      roulette

    • 로그인 창
      • 마일리지를 수령하기 위해서는 로그인이 필요합니다.
      • 이용자의 편의를 위해 회원가입이 아닌 소셜 로그인을 통해 이용할 수 있습니다.

      login

    • 추가 설문 페이지
      • 로그인 후 추가 설문을 할 수 있습니다.
      • 추가 설문을 완료하면 룰렛의 기회가 주어지며, 이미 완료한 설문은 더 하실 수 없습니다.

      survey

    • 마일리지 적립 페이지
      • 설문 후 적립한 마일리지에 대해 내역을 확인할 수 있습니다.

      mileagesave

    • 마일리지 환급 페이지
      • 적립된 마일리지를 본인의 계좌로 출금할 수 있으며, 출금 후 마일리지 내역 페이지에서 출금 내역을 확인할 수 있습니다.

      mileagereturn

회고 💭

surfy's People

Contributors

jayden-unho avatar 0h328 avatar hyorimlee avatar jongkyuhong avatar sonk55 avatar lkj10 avatar

Stargazers

Changyul Lee avatar JCW avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.