2021년 1학기 SW-PBL 프로그램
구성원
| 이름 | 역할 | 책임 |
|---|---|---|
| Sudy009(조정현) | 팀장 👑 | about 페이지 구현 및 구글링&자료수집 |
| kimseongeun1212(김성은) | 부원 👑 | 전체적인 프로젝트 구현 및 관리담당 |
| 02010800jaeheonLee(이재헌) | 부원 👑 | 전체적인 UI 구현보조 및 코드 분석 |
| chajunkyu(차준규) | 부원 👑 | 코드 분석 및 구글링&자료수집 |
프로젝트 설명 별도의 마스크 인식 기계 없이 마스크를 썼는지 안썼는지 또는 코,턱스크를 썼는지 확인해주는 웹사이트를 제작했습니다.
프로젝트 경험을 쌓기 위해 처음 프로젝트를 해보는 2학년 학우들과 프로젝트 경험이 있는 3학년 학우 한명으로, 공부하면서 무언가를 만들어본다는 목적으로 참여하게되었습니다.
사용할 언어 및 프로그램
-
Visual Studio Code (VSC) : HTML,CSS,Javascript 코드를 사용하기 편리
-
Github : 깃헙을 사용하여 팀프로젝트 진행
-
Discord : 음성, 화상 채팅과 자료저장이 모두 되는 프로그램
-
Teachable Machine : 티처블 머신이라는 머신러닝을 쉽게 만들어주는 사이트에서 모델을 다운받아 사용
-
Javascript : 머신러닝 모델 주 언어 - 자바스크립트
-
HTML/CSS : 웹 UI 구현
웹사이트 화면/기능 설명
- 웹사이트에 들어갔을 때 딱 보이는 화면입니다.
- '들어가기' 버튼을 누르기전 사이트의 간단한 소개가 나오도록 하였습니다.
- 메인 화면
- 카메라로 사람 얼굴인지를 인식한 후에 마스크 착용 여부를 체크한다.
- 마스크를 썼으면 "안전합니다" 라는 음성이 나오게 되고
- 코스크나 턱스크를 하면 "마스크를 제대로 써주세요" 라는 음성이 나오게 되며
- 마스크를 착용하지 않았을 경우 "마스크를 써주세요" 라는 음성이 나오게 된다.
- ABOUT 화면
- 프로젝트에대한 소개가 나오는 페이지
- sw-PBL 공모전에 냈던 영상이 추가되어 나타남
- 각 팀원들의 소개
