학교 AI방과후 시간에 티처블 머신을 활용하여 웹사이트를 만들고 배포를 해보았습니다!
제가 만든 웹사이트를 다른 사람과도 공유하고 싶어 이렇게 글을 쓰게 되었습니다
😊 그럼 사이트를 소개해보도록 하겠습니다!
🔗 배포 주소
👩🏻💻 프로젝트 소개: StayAlertStudy
StayAlertStudy는 웹캠 기반 자세 감지 및 졸음 방지 튜터로, 학습 환경을 개선하고 더 나은 학습 경험을 제공하기 위해 개발되었습니다! 이 프로젝트는 학습자가 올바른 자세를 유지하고 학습 도중 졸음을 방지하는 데 도움을 주며, 효율적인 학습을 지원합니다.
💡 문제 해결
현재 학습 과정에서 학습자들은 자세를 잘못 유지하거나 과도한 졸음으로 인해 학습 효율성을 떨어뜨릴 수 있습니다. StayAlertStudy는 웹캠을 활용하여 학습자의 자세를 실시간으로 감지하고 졸음을 감지하여 이러한 문제를 해결합니다. 👍🏻
⚒️ 기능 설명
-
웹캠 기반 자세 감지: StayAlertStudy는 웹캠을 활용하여 학습자의 자세를 실시간으로 감지합니다. 올바른 자세와 올바르지 않은 자세의 수치를 사용하가 확인하여 자세를 바로 잡을 수 있도록 도와줍니다.
-
동기부여 : 졸음이 쏟아질 때 동기부여를 얻을 수 있도록 공부를 할 때 자극이 되는 명언을 추가하였습니다.
✨ 사용법
(로딩하는데 시간이 조금 걸립니다!)
- StayAlertStudy 웹사이트에 시작버튼을 누릅니다.
- 웹캠에 접근을 허용하고 학습을 시작합니다.
- 자세나 졸음 감지가 활성화되면, 프로젝트가 사용자의 동작을 실시간으로 모니터링합니다.
(제 얼굴이 나와서 춘식이로 가렸어요ㅎㅎ)
✍🏻 추가할 기능
- 더 나은 성능 및 정확도를 위해 터치블 머신에 좀더 많은 자료를 넣을 예정입니다.
- 졸음 방지 알림을 추가하여 학습자가 졸음을 느낄 때, 경고 메시지를 표시하고 진동 또는 소리로 알릴 예정입니다.
🤭 느낀점
StayAlertStudy 프로젝트를 만들면서 명언을 애니메이션 효과로 페이지에 표현하는 기능을 구현하게 되었는데 이 과정에서 GSAP() 함수에 대해 자세히 학습하게 되어 유익했습니다. 🤩
또한, 웹사이트를 배포하는 과정에서 GitHub Pages와 Netlify와 같은 호스팅 서비스를 활용하는 방법을 배우게 되어 정말 좋았습니다!
