웹기반 물리실험 가상화

📰 프로젝트 개요

웹기반 물리실험 가상화

비대면 수업으로 인해 물리실험을 영상으로 시청하는 물리학과 대학생들을 위해 물리실험 영상을 분석하고 결과를 저장하는 웹

🗓️ 개발기간

2021.07 ~ 2021.09 (8주)

🌟 Team

이름	역할
차송희	영상분석 관련 기능
김민정	그래프 피팅 관련 기능

🛠️ 기술스택

Tech	Stack
Backend	GraphQL
Frontend	React.js

🔎 주요 기능

function

1. 분석모드(analysis mode)

• 좌표계 : draggable SVG, 좌우반전
• 비디오위 마우스 클릭 시 : 좌표 표시 및 좌표 표에 저장
• 원점 설정: 원하는곳에 좌표계 위치시킨 후 원점설정 버튼 클릭시 원점으로 설정됨
• 가이드라인 설정: 가이드라인 사이즈 설정시 좌표계 변환
• 다시 그리기 : 다시그리기 버튼을 통해 좌표 다시 찍기 가능

2. 그래프 출력(create graph)

• 표 데이터를 Chart.js로 출력
• 그래프 피팅(선형, 곡선)
• 표 데이터 수정시 차트도 수정됨
• 확대, 축소
• 이미지로 저장

3. Graphql API

• 사용자 아이디와 찍은 좌표의 표 데이터 저장
• 사용자 아이디를 통해 표 데이터 불러오기

실행 화면

Tech	Stack
영상분석
그래프
그래프 피팅