제주 "바당" 연계 피지컬 컴퓨팅 디지털 과학실험 해커톤

제주 "바당" 연계
피지컬 컴퓨팅
디지털 과학실험 해커톤

센서가 읽은 값이 곧바로 그래프가 되는 수업. 제주 교사 60명이 하루 만에 실시간 과학실험 대시보드를 만들고, 그 자리에서 쓸 수 있는 학생 활동지까지 완성합니다.

일시

9월 12일(토) 09:30–16:30

장소

글로스터 호텔 (예정)

대상

도내 초·중·고 교사 60명

팀

2~3인 · 20개 팀

신청

8. 3. ~ 8. 28.

첨부한 바이브코딩_웹시리얼연결 기본.html 파일을 수정해 주세요. [목표] "데이터 수신 시작" 버튼을 누르면, 콘텐츠 영역에 수신된 데이터가 표와 라인그래프로 나타나게 해주세요. [요구사항] 1. 콘텐츠 영역(#main-container)의 안내 문구를 지우고, 왼쪽에 라인그래프, 오른쪽에 데이터 표를 나란히 배치해 주세요. 2. 센서에서 한 줄씩 들어오는 값은 processData() 함수로 전달됩니다. 이 함수 안에서 표에 행을 추가하고 그래프에 점을 찍어 주세요. 3. 들어오는 데이터는 숫자 한 개입니다. 예: 24.8 4. 그래프는 Chart.js로 그려 주세요. 가로축은 시각, 세로축은 측정값이고, 최근 100개만 보이게 해주세요. 5. 표는 번호 / 시각 / 측정값 세 열로 만들고, 새 행이 위에 쌓이게 해주세요. 6. "수신 중지"를 누르면 멈추고, 다시 시작하면 이어서 기록되게 해주세요. [주의] - 헤더의 연결·수신 버튼과 시리얼 통신 코드는 그대로 두세요. - HTML 파일 하나로 동작해야 합니다. 파일을 나누지 마세요.

Web Serial과 BLE를 사용하므로 Chrome 또는 Edge에서 열어야 합니다.

주제별 대시보드 (4종)

하나의 실험에 맞춰 만든 대시보드입니다. 주제를 어디까지 좁혀야 하는지 가늠하는 데 참고하세요.

계측 영역에 넣을 수 있는 기능 요소 (예시)

센서가 보낸 값을 보여주고 다루는 요소입니다. 기획 단계에서 필요한 것만 골라 배치하세요.

실시간 라인 그래프 시간에 따라 값이 어떻게 변하는지. 대부분의 실험에서 중심이 되는 요소입니다.

막대 그래프 조건을 바꿔가며 비교할 때. 각도별·재료별 결과를 나란히 놓습니다.

게이지 차트 지금 값이 안전 범위 안인지 한눈에. 소음·이산화탄소 측정에 잘 맞습니다.

큰 숫자 표시 교실 뒤에서도 읽히는 현재값. 화면당 하나만 크게 두는 편이 좋습니다.

데이터 표 측정 기록을 행으로 쌓습니다. 학생이 활동지에 옮겨 적을 근거가 됩니다.

통계 요약 평균·최대·최소·표준편차. 데이터 리터러시 수업으로 이어지는 지점입니다.

산점도 · 관계 그래프 두 변인이 서로 어떤 관계인지. 상관을 다루는 탐구에 씁니다.

구간 선택 · 비교 그래프에서 특정 구간만 잘라 분석. 가열 전후를 나눠 볼 때 유용합니다.

저장 · 내보내기 그래프를 이미지로, 기록을 엑셀로. 학생 산출물을 남기는 통로입니다.

조건 제어 슬라이더 단순 측정을 넘어 조건을 바꿔보게 합니다. 심사 기준의 혁신성 항목과 직결됩니다.

콘텐츠 영역에 넣을 수 있는 요소 (예시)

학생이 읽고 답하고 남기는 영역입니다. 3단계에서 만들 학생용 활동지를 화면 안에 넣을 때 씁니다.

단답형 측정값이나 용어를 한 칸에. 정답이 분명한 확인 문항에 씁니다.

OX 문항 실험 전 예상을 빠르게 모을 때. 학급 전체 응답을 비교하기 좋습니다.

선다형 보기를 주고 고르게 합니다. 오개념을 보기로 넣으면 진단 도구가 됩니다.

장문형 서술 까닭과 결론을 문장으로. 탐구의 질을 드러내는 핵심 문항입니다.

표 채우기 예상 → 관찰 → 차이를 나란히. 측정 데이터를 자동으로 채워 넣을 수도 있습니다.

이미지 삽입 실험 장면 사진이나 준비물 그림. 학생이 찍은 사진을 올리게 할 수도 있습니다.

과학 시뮬레이션 센서 없이도 조건을 바꿔 결과를 봅니다. 실물 실험 전 예상 단계에 유용합니다.

실험 절차 안내 순서대로 짚어주는 단계 목록. 교사가 돌아다니며 설명할 일을 줄여줍니다.

인쇄 작성한 활동지를 그대로 출력. 종이 제출이 필요한 수업에서 씁니다.

PDF 저장 완성한 활동지를 파일로. 클래스보드 제출이나 포트폴리오에 씁니다.

이 대회가 만드는 것

교사의 프로그램 개발 역량

'바당'에서 바로 쓰는 탐구 콘텐츠

지능형 과학실 수업 모델

교사의 데이터 리터러시

행사 개요

시상

대상

우수상

장려상

참가상

심사 기준

수업 적용성 및 교육과정 연계

과학실험 대시보드 활용 및 데이터 직관성

과학 탐구의 혁신성 및 창의성

참가 전 준비

가져오실 것

사전 회원 가입 (3곳)

기대효과

일정표

등록 및 접수

개회식

삼성 갤럭시 탭을 이용한 창의적 수업 연수

오리엔테이션 & 대시보드 제작 교육

아이디에이션 및 주제 선정

센서 연동 및 플랫폼 프로토타이핑

수업 시나리오 및 산출물 완성

심사 — 전문가 + 참가자

시상 및 총평

작품 제작 순서

주제 선정

화면 설계 및 콘텐츠 구상

바이브 코딩 및 수업 콘텐츠 작성

서비스 업로드 및 제출

대시보드 참고 샘플

범용 대시보드 (2종)

통합 계측기형

데이터 흐름형

주제별 대시보드 (4종)

보일의 법칙

스마트 가로등

단진자 주기

풍력 발전

계측 영역에 넣을 수 있는 기능 요소 (예시)

콘텐츠 영역에 넣을 수 있는 요소 (예시)

참고 자료

자료

관련 링크