이번에 수업 시간에 유용하게 활용할 수 있는 '실험 그래프 그리기' 웹 프로그램을 새롭게 제작하였다.
과학 실험 수업을 하다 보면, 학생들(모둠)이 측정한 데이터를 취합하고 전체 데이터의 경향성이나 평균값을 비교해 보는 과정이 매우 중요하다. 하지만 칠판에 일일이 적거나 엑셀로 취합하는 과정이 번거로울 때가 많다.
종이 실험보고서를 주고 직접 측정값을 기록하고 그래프를 그려보게 하는 것이 제일 좋지만, 종이를 사용하지 않고도 이 프로그램은 스마트폰, 태블릿, PC 등 어떤 기기에서든 완벽하게 작동하며, 학생들이 입력한 데이터를 구글 스프레드시트로 실시간 취합하여 교사용 화면에서 모든 모둠의 그래프를 한눈에 겹쳐서 비교할 수 있도록 만들어졌다.
누구나 소스를 복사해서 원하는 실험 주제에 맞게 수정하여 사용하실 수 있다.
일단 아래 링크에서 테스트 해보기 바란다. 마음대로 입력해 보고, 교사 입장에서 살펴보거나 삭제해 봐도 된다.
참고로 교사용 비밀번호와 자동 그리기 비밀번호는 1234 이다.
교사용에서 초기화 시키면 입력된 데이터도 모두 지울 수 있다. 샘플이기 때문에 마음대로 입력하거나 변경해 봐도 된다.
🌟 주요 특징
- 어떤 기기에서든 완벽한 화면 비율
- 가로/세로 모드 상관없이 화면 비율이 깨지지 않고 꽉 차게 맞춰져서 보기가 좋다.
- 우측 상단의 '전체화면' 아이콘이을 누르면 몰입감 있는 전체화면으로 전환된다.
- 직관적인 학생용 UI (드래그 앤 드롭 지원)
- 1~3회차 데이터를 입력하면 자동으로 평균값이 계산된다.(데이터를 1회차만 입력해도 상관 없다)
- 데이터가 입력되면 그래프에 '빨간 점'이 나타나며, 학생들은 스마트폰 화면을 터치해 점을 위아래로 자유롭게 드래그하며 직관적으로 그래프를 직접 그릴 수 있다. (자동으로 그려지는 것이 아니라 직접 그려보게 하는 것이 중요하다)
- '자동 그리기'를 체크하면 파란색 선으로 깔끔하게 그래프가 완성되어, 자신이 그린 그래프와 비교해 볼 수 있다. (단 자동그리기는 선생님이 비밀번호를 공개해야만 그릴 수 있다.)
- 강력한 '교사용 모드' (데이터 실시간 취합 및 분석)
- 관리자 비밀번호를 입력하고 교사용으로 진입하면, 전체 모둠의 데이터가 하나의 그래프에 색상별로 겹쳐서 나타난다.
- 실시간 자동 갱신: 학생들이 데이터를 제출하면 3초마다 자동으로 그래프가 갱신되어 모든 모둠의 결과를 비교할 수 있다.
- 모둠별 강조(Highlight): 우측 범례에서 특정 모둠의 이름을 클릭하면 해당 모둠의 그래프만 굵고 진하게 강조된다.
- 전체 평균값 도출: '평균값'을 체크하면 취합된 모든 데이터의 전체 평균을 계산하여 굵은 검은색 선으로 그려진다.
📖 사용 방법 및 설명서
👨🎓 학생용 (데이터 입력 및 제출)
- 링크를 통해 프로그램에 접속한다.
- 각 조건(X축)에 맞춰 측정한 실험 결과(1~3회)를 입력칸에 적는다.(반드시 3회 모두 입력할 필요는 없다)
- 평균값이 자동으로 계산되며 그래프 영역 하단에 빨간 점이 생성된다.
- 수동 모드: 빨간 점을 위아래로 터치/드래그하여 원하는 위치에 맞춰서 직접 그래프를 완성한다.(수동모드로 그래프를 그리는 걸 추천한다)
- 자동 모드: 비밀번호를 입력하고 '자동 그리기'를 체크하면 파란색 선으로 데이터 값에 맞춰 자동으로 그래프가 그려진다.
- 하단에서 자신의 모둠(또는 번호)을 선택하고 [제출하기]를 누른다.- 제출하기를 누르면 수동, 자동 그래프와 상관없이 데이터 표에 있는 평균값이 전송된다.
👨🏫 교사용 (데이터 확인 및 관리)
- 화면 우측 상단의 [교사용] 버튼을 누르고 관리자 비밀번호를 입력한다.
- 좌측 표가 사라지고 그래프가 화면에 꽉 차게 표시된다.
- [선 연결] 및 [평균값] 체크박스를 활용해 데이터의 경향성을 분석한다.
- 우측 범례(모둠명)를 클릭하여 특정 모둠의 결과를 강조해서 확인한다.
- 다음 반 수업을 위해 데이터를 지워야 할 경우 [초기화] 버튼을 누르면 구글 시트의 데이터가 안전하게 모두 삭제된다
- 데이터의 원본을 확인하고 싶다면 [시트연결] 버튼을 눌러 연동된 구글 스프레드시트를 새 창에서 열 수 있다.
<만드는 방법>
🛠️ 나만의 실험으로 세팅하기 (사본 복사 및 배포 가이드)
이 프로그램은 구글 스프레드시트와 Apps Script를 기반으로 작동합니다. 아래 순서대로 따라 하시면 3분 만에 나만의 프로그램을 만들 수 있다.
1단계: 원본 스프레드시트 사본 만들기
- 아래 링크를 클릭하여 원본 스프레드시트를 연다
https://docs.google.com/spreadsheets/d/1_mqpGUyze2GSq8kYic-sxzrUGfO_NAO7szL5hnlc250/edit?usp=sharing
- 좌측 상단 메뉴에서 [파일] -> [사본 만들기]를 클릭하여 복사해 간다.
- 원하는 이름으로 변경 후 [사본 생성]을 누르면, 내 구글 드라이브에 이 파일과 코드가 완벽하게 복사된다.
2단계: 내 실험에 맞게 [설정] 시트 수정하기
복사된 스프레드시트 하단의 설정 시트를 클릭하고 아래 내용을 이번 수업에 맞게 수정한다. (흰색 칸만 수정하세요!)
- 관리자 비밀번호: 교사용 화면 진입 비밀번호 (예: 1005)
- 실험 제목 / 축 제목: (예: 옴의 법칙, 전압, 전류 등)
- 그래프 범위 (최소값, 최대값, 간격): X축과 Y축 그래프가 그려질 눈금의 범위와 간격을 숫자로 입력한다.
위 설정 시트에서 입력한 값은 아래 그림처럼 그래프 그리기 프로그램에 반영된다. 비교해 가면서 값을 수정해 보기 바란다.
3단계: 학생들에게 배포하기 (가장 중요!)
이제 설정이 끝난 프로그램을 웹 링크(URL)로 만들어야 한다.
- 스프레드시트 상단 메뉴에서 [확장 프로그램] -> [Apps Script]를 클릭한다.
- 새 창으로 스크립트 편집기가 열리면, 우측 상단의 파란색 [배포] -> [새 배포]를 클릭한다.
- 설정값을 반드시 아래와 같이 맞춘다.
- 설명: (원하는 내용 작성 또는 생략)
- 다음 사용자로서 실행: 나(선생님 구글 계정)
- 액세스 권한이 있는 사용자: 모든 사용자
- [배포] 버튼을 클릭한다.
4단계: 권한 허용하기 (최초 1회만)
최초 배포 시 구글 계정 권한 승인이 필요하다.
- 액세스 승인 버튼 클릭 -> 본인의 구글 계정 선택
- 화면 좌측 하단의 고급(Advanced) 글자 클릭
- 가장 아래에 있는 (안전하지 않음(unsafe))으로 이동 클릭
- 마지막으로 허용 버튼을 누른다.
5단계: 완료! 링크 공유하기
- 배포가 완료되면 웹 앱 URL이 생성된다.
- 이 URL을 복사하여 학생들에게 카톡, 구글 클래스룸, QR코드 등으로 공유하면 된다.
- 학생들이 이 링크로 접속해 데이터를 제출하면, 선생님의 스프레드시트 데이터 시트에 실시간으로 기록된다.
💡 팁: 나중에 설정을 바꾸거나 데이터를 지울 때는 스프레드시트만 열면 된다. 프로그램 화면 교사용 탭에 있는 [시트연결] 버튼을 누르면 언제든 내 스프레드시트로 즉시 이동할 수 있다!
<추가> 예시 자료 - 나의 성장 그래프(인생그래프) - 그래프 그리기 프로그램을 이용해서 만들어 보았다.
아래 링크에서 나의 나이나 시간에 따른 감정, 행복, 또는 성취의 변화를 선으로 그리는 활동을 해 볼 수 있다.
실험 그래프 그리기
script.google.com
