첫 등교는 IP로!

Website

https://rodeview-tmp.firebaseapp.com

수상 및 공식 이력

🏆 제2회 미림소프트웨어 대회 우수작 (2등)

🏫 미림여자정보과학고등학교 공식 로드뷰

Built With

• VanillaJS
• bootstrap
• Marzipano api
• node.js
• Firebase(Hosting, realtime database)

Feature

• 학교 로드뷰

  • 학교 동아리 정보

    • 해당 동아리실 앞에 도착하면 i 표시가 있습니다. 마우스를 올려주면 해당 동아리 이름이 나옵니다. 클릭 시 동아리 소개, 담당 선생님, 동아리실 정보가 나옵니다. [퀴즈] 라고 적혀 있는 글자를 클릭하면 해당 동아리 퀴즈로 이동합니다.

  • 학교 교실 정보

    • 해당 교실 앞에 도착하면 i 표시가 있습니다. 마우스를 올려주면 해당 반(1-1)이 나옵니다. 클릭 시 반과 담임 선생님이 나옵니다.

  • 학교 교무실 정보

    • 해당 교무실 앞에 도착하면 i 표시가 있습니다. 마우스를 올려주면 해당 교무실은 어떤 부서가 사용하는지, 또 어떤 선생님들이 계시는 지에 대한 정보가 나옵니다.

• 퀴즈

  • 동아리 정보에서 [퀴즈] 글자를 클릭하면 퀴즈로 이동합니다. 문제를 맞출 경우 문제에 따라 점수를 부여합니다. 부여된 점수는 인벤토리와 랭킹에서 사용됩니다. 해당 동아리에서 제출한 퀴즈 문제가 객관식(2,4문제)로 나오며 한 번 푼 퀴즈는 다시 풀 수 없습니다.

• 인증서

  • 사용자

    • 동아리 퀴즈를 맞출 경우 인증서 를 부여합니다.

  • 동아리 부장

    • 동아리 담당자는 인증서를 가지고 있는 학생들을 조회할 수 있습니다. 조회 방법은 동아리 부장에게 조회 가능한 페이지 링크를 공개하는 형식입니다.

• 인벤토리

  • 점수에 따라 캐릭터 가 부여됩니다. 부여된 캐릭터를 착용하면 랭킹이나 인증서 조회 시 확인할 수 있습니다.

• 랭킹

  • 점수가 내림차순으로 보여집니다.

• 반응형 웹

서비스 스크린샷

• 로그인, 회원가입 화면

로그인 화면

회원가입 화면

• 로드뷰 화면

로드뷰 화면

• 그 외 서비스 화면 퀴즈 화면

인증서

인벤토리

랭킹

• 관리자(동아리 부장) 화면 정답자 리스트(동아리 관리자)