4백라인 수비 움직임을 학습하는 웹앱
4백 수비 라인
설치와 사용
수비 네 명이 공을 따라 어떻게 함께 움직이는지 배웁니다.
보고 익힌 다음, 직접 끌어다 놓아 보는 두 단계입니다.
설치하기 전에 먼저 써 보세요. 아래 체험용 링크는 학생이 보게 될 화면 그대로입니다.
체험만 해보실 거면 위 「먼저 체험해 보기」 만 누르셔도 됩니다.
차례
- 이 앱이 가르치는 것2단계
- 사본 만들기1분
- 초기 설정 · 권한 승인3분 · 고비
- 웹 앱으로 배포하기3분 · 고비
- 수업에서 쓰는 법
- 학생이 무엇을 하나
- 어디서 막히는지 보기
- 난이도 조절
- 잘 안 될 때
1이 앱이 가르치는 것
수비 네 명은 한 덩어리로 움직입니다. 그것을 눈과 손으로 익힙니다.
1단계 — 보고 익히기
아홉 장면이 순서대로 이어집니다. 노란 화살표가 누가 어디로 갔는지 보여 줍니다.
상황을 넷으로 나눠 두었습니다. 수업에서 한 가지만 다룰 때 그 부분만 반복해 보여줄 수 있습니다.
| 묶음 | 담긴 장면 |
|---|---|
| 전체 | 아홉 장면 전부 |
| 왼쪽 측면 | 기본 → 왼쪽으로 → 중앙 투입 |
| 오른쪽 측면 | 기본 → 오른쪽으로 → 중앙 투입 |
| 뒷공간 | 라인 올림 → 긴 패스 → 걷어냄 → 다시 올림 |
2단계 — 직접 옮기기
여섯 문제가 나옵니다. 학생이 네 명을 끌어다 놓고 확인을 누릅니다.
공이 왼쪽으로 갔습니다
↓
흰 테두리가 있는 네 명을 끌어서 놓습니다
↓
[확인] → 네 명이 모두 맞아야 통과
2사본 만들기
써 보시고 마음에 드시면 여기서부터 하시면 됩니다.
- 위 단추를 누릅니다새 탭에 「문서 사본 만들기」 창이 뜹니다. 이름을
3학년 수비 라인처럼 바꾸세요. - 사본 만들기 를 누릅니다내 드라이브에 복사되고 그 시트가 바로 열립니다.
- 이제부터 이 시트를 씁니다원본은 다시 안 봐도 됩니다.
3초기 설정 · 권한 승인
여기가 가장 헷갈리는 곳입니다. 천천히 따라오세요.
- 시트 위 메뉴새 탭에 코드 편집기가 열립니다. 코드는 안 고쳐도 됩니다.
확장 프로그램 → Apps Script - 왼쪽에서위쪽 함수 목록에서
Code.gs를 고릅니다setupSheets를 고르세요. - 실행 을 누릅니다권한 승인 창이 뜹니다. 학교 계정을 고르세요.
- 「Google에서 확인하지 않은 앱」 화면여기서 멈추면 아무것도 안 됩니다무서운 말이 나오지만 직접 만든 코드라 그렇습니다. 구글에 심사를 맡기지 않은 개인 스크립트는 모두 이렇게 나옵니다.
⚠ Google에서 확인하지 않은 앱입니다 이 앱을 사용하려면 개발자를 신뢰해야 합니다. ← 잘 보이지 않는 작은 글씨 고급 [ 뒤로 ]① 왼쪽 아래 고급 을 누릅니다.
② 맨 아래 「(이름)(으)로 이동(안전하지 않음)」
③ 허용
「안전하지 않음」은 구글이 심사하지 않았다는 뜻이지 위험하다는 뜻이 아닙니다. - 스프레드시트 탭으로 돌아갑니다Apps Script는 새 탭에서 열렸으니 원래 시트 탭을 누르세요. 완료 창이 떠 있습니다. 확인을 누르면 아래에 시트가 생긴 것이 보입니다 —
대시보드설정명단기록.
4웹 앱으로 배포하기
학생에게 줄 링크를 만드는 단계입니다.
- Apps Script 오른쪽 위 배포 → 새 배포
- 톱니바퀴(유형 선택) → 웹 앱
- 설정을 이렇게 맞춥니다
항목 값 다음 사용자로 실행 나 액세스 권한 모든 사용자 액세스 권한을 꼭 확인하세요모든 사용자여야 학생이 들어옵니다. 「나만」이면 학생 화면이 하얗게 뜹니다.
학교 계정 정책상 이 항목이 안 보이면 「○○학교의 모든 사용자」 를 고르세요. - 배포 → 주소가 나옵니다
...script.google.com/macros/s/AKfy.../exec - 시트 메뉴주소를 붙여넣으면 시트가 기억합니다.
⚽ 수비 라인 → 🔗 링크 보기
배포 → 배포 관리 → 연필 → 버전: 새 버전 → 배포저장만으로는 학생 화면에 반영되지 않습니다. 주소는 그대로입니다.
5수업에서 쓰는 법
채울 시트가 없습니다. 링크만 주면 끝입니다.
이렇게 쓰시면 됩니다
- 교실이나 체육관에서 링크를 띄웁니다1단계를 함께 보면서 설명하세요. 속도를
×0.5로 낮추면 한 장면당 4초씩이라 말로 짚기 좋습니다. - 학생이 각자 2단계를 풀게 합니다틀려도 괜찮습니다. 깜빡이는 자리를 보고 다시 하면 됩니다.
- 수업 끝에실패율이 높은 상황을 다음 시간에 다시 짚으면 됩니다.
어디서 막히나를 봅니다
6학생이 무엇을 하나
링크를 열고 학번·이름·계정을 넣으면 바로 시작합니다.
화면은 스크롤이 없습니다
휴대폰이든 크롬북이든 한 화면에 다 들어갑니다. 경기장이 화면 크기에 맞춰 커지고 작아집니다.
[1 보기] [2 옮기기] 전체 왼쪽 오른쪽 뒷공간 ✕ ┌─────────────────────────┐ │ │ │ 경 기 장 │ │ │ └─────────────────────────┘ ◀ ▶ 재생 ▶ ×1 ↝
| 단추 | 하는 일 |
|---|---|
| ◀ ▶ | 장면을 하나씩 넘깁니다 |
| 재생 | 자동으로 이어서 보여 줍니다 |
| ×1 | 속도. 누를 때마다 ×0.5 → ×1 → ×1.5 → ×2 |
| ↝ | 이동 화살표 켜고 끄기 |
2단계에서 끌 수 있는 것
흰 테두리가 있는 동그라미만 끌립니다. 수비 네 명입니다. 골키퍼·상대·콘은 안 움직입니다.
7어디서 막히는지 보기
점수를 매기는 것보다 무엇을 더 가르쳐야 하는지 보는 쪽에 맞췄습니다.
대시보드
학번 이름 [여섯 문제] 통과 가장 많이 틀린 자리 30115 홍길동 1 2 1 1 ✗ 1 5/6 RB (5번) 30116 이서연 1 1 ✗ 2/6 CB2 (3번)
| 표시 | 뜻 |
|---|---|
| 숫자 | 통과까지 걸린 시도 횟수. 1이면 한 번에 맞춘 것 |
| ✗ | 아직 통과 못 함 |
| 빈칸 | 아직 안 해봄 |
어디서 막히나
메뉴에서 누르면 반 전체 통계가 나옵니다.
■ 상황별 실패율
오른쪽에서 중앙으로 들어왔다
18 / 32회 (56%)
머리 위로 긴 패스가 넘어왔다
11 / 30회 (37%)
■ 자리별 틀린 횟수
RB 24번
CB2 15번
시트에 무엇이 쌓이나
| 시트 | 무엇이 있나 |
|---|---|
| 대시보드 | 학생별 문제별 현황. 새로고침할 때 다시 그립니다 |
| 기록 | 시도할 때마다 한 줄. 무엇을 틀렸는지도 남습니다 |
| 명단 | 자동. 학번·이름·계정 |
| 설정 | 허용 오차 등 |
8난이도 조절
설정 시트에서 숫자 하나만 바꾸면 됩니다.
| 허용오차 | 어떻게 되나 |
|---|---|
| 12 | 느슨함. 방향만 맞으면 통과 |
| 8 (기본) | 화면에서 손가락 하나 정도 |
| 5 | 엄함. 정확히 맞춰야 함 |
좌표나 장면을 바꾸고 싶다면
Code.gs 의 scenes_() 안에 있습니다.
좌표는 x 0~100, y 0~100이고 위가 상대 진영, 아래가 우리 골문입니다.
side: P_(Object.assign({
GK:[50,88], LB:[14.5,50.8], CB1:[27.6,67], ...
오른쪽 상황은 왼쪽을 뒤집어 자동으로 만듭니다. 왼쪽만 고치면 오른쪽도 따라 바뀝니다.
장면 이름은 t: 값, 2단계 문제 문구는
quiz_() 안 q: 값입니다.
수업에서 쓰시는 말로 바꾸셔도 됩니다.
배포 → 배포 관리 → 연필 → 버전: 새 버전
9잘 안 될 때
고쳤는데 그대로다 → 배포 → 배포 관리 → 연필 → 버전: 새 버전
증상별로 모두 보기
| 증상 | 이유와 해결 |
|---|---|
| 학생 화면이 하얗게 뜬다 | 배포의 액세스 권한이 「나만」입니다.배포 → 배포 관리 → 연필 에서 모든 사용자로. |
| 코드를 고쳤는데 그대로다 | 배포 → 배포 관리 → 연필 → 버전: 새 버전 → 배포 |
| 메뉴가 안 보인다 | 스프레드시트를 완전히 닫았다 다시 여세요. |
| 동그라미가 안 끌린다 | 1단계는 원래 안 끌립니다. 위에서 2 옮기기 를 누르세요. 2단계에서도 흰 테두리가 있는 네 명만 끌립니다. |
| 너무 자주 틀린다 | 설정 시트의 허용오차를 12로 올리세요. |
| 경기장이 작다 | 브라우저 창을 키우거나 전체 화면(F11)으로 보세요. 창 크기에 맞춰 자동으로 커집니다. |
| 「등록되지 않은 계정」 | 설정의 자동등록이 N 입니다.
첫 시간에는 Y 로 두세요. |
| 대시보드가 비어 있다 | 학생이 아직 한 번도 안 풀었습니다. 누구든 한 문제라도 풀면 나타납니다. |