튜터플로우 시뮬레이션 생성기

한 줄의 문장으로인터랙티브 시뮬레이션을 만들어 보세요.

무엇을 알아내게 하고 싶은지 적으면 튜터플로우가 계산할 모델부터 설계합니다. 선생님이 확인하고 확정하면 값을 바꿔가며 관찰하는 웹 페이지까지 만들어 드립니다.

튜터플로우가 어떤 문제를 해결해 줄까요?

원리를 말로 설명하면 학습자는 받아 적고 끝납니다. 직접 값을 바꿔 보게 하려면 누군가 시뮬레이션을 만들어야 했고, 그건 대개 아무도 못 하는 일이었습니다. 튜터플로우는 무엇을 가르칠지 한 줄만 받아서 계산이 실제로 돌아가는 웹 페이지를 만들어 드립니다. 설치할 것도 없고, 링크 하나면 교실 태블릿에서 그대로 열립니다.

설명이 아니라 실제로 계산하는 페이지

값을 바꾸면 그 자리에서 다시 계산해 그림과 숫자가 함께 움직입니다. 미리 만들어 둔 화면을 넘기는 것이 아닙니다.

튜터플로우가 먼저 돌려 보고 넘기는 시뮬레이션

튜터플로우가 슬라이더를 양 끝까지 움직여 보고 그림이 정말 달라지는지 확인합니다. 움직여도 아무 일이 없는 버전은 걸러내고 다시 만듭니다.

말 한마디로 끝나는 수정

"이율 범위를 20%까지 넓혀 주세요"처럼 적으면 시뮬레이션을 다시 만듭니다. 버전이 모두 남으니 언제든 되돌려 보세요.

선생님이 만들 때와 똑같은 과정을 거친 시뮬레이션 세 개

세 개 모두 선생님이 적은 한 문장에서 출발했습니다. 학습자가 만나는 모습 그대로, 이 자리에서 값을 바꿔 보세요.

용수철 진동 주기

추의 질량과 용수철 상수를 바꿔가며 주기가 어떻게 달라지는지 확인해 보세요. 측정한 주기가 화면에 함께 표시됩니다.

단리와 복리의 차이

원금, 연이율, 기간을 바꾸면 두 방식의 금액 곡선이 어디서부터 벌어지는지 눈으로 확인할 수 있습니다.

정렬 알고리즘 비교 횟수

배열 크기를 늘리면 비교 횟수가 어떤 규칙으로 늘어나는지 직접 세어 보게 만들었습니다.

직접 코딩한 부분은 하나도 없습니다. 튜터플로우가 모델을 설계하고, 계산을 쓰고, 돌려 본 다음 게시했습니다.

튜터플로우 시뮬레이션에는 이런 것이 들어갑니다

그럴듯해 보이기만 하는 화면과 수업에 쓸 수 있는 시뮬레이션은 이 세 가지에서 갈립니다.

무엇을 계산하는지 먼저 읽고 고쳐 보세요

만들기 전에 튜터플로우가 설계부터 씁니다. 어떤 값을 추적하고 어떤 식으로 계산하는지 1분이면 다 읽고, 수업에 안 맞는 부분은 그 자리에서 고칠 수 있습니다.

  • 추적할 값과 계산 규칙을 직접 확인하고 수정
  • 슬라이더마다 범위와 시작값, 움직였을 때 달라지는 것
  • 학습자가 스스로 알아내야 할 질문까지 미리 확인
T = 2π √(m ⁄ k)
m
k
c

슬라이더를 움직였을 때 정말 달라지는지 확인합니다

숫자만 바뀌고 그림은 그대로인 시뮬레이션은 없느니만 못합니다. 그래서 새로 만들 때마다 튜터플로우가 슬라이더를 양 끝까지 움직여 보고 화면이 실제로 달라지는지 확인합니다.

  • 모든 조작 값을 양 끝까지 움직여 보는 실제 실행 검사
  • 움직여도 그림이 그대로인 버전은 넘기지 않고 다시 제작
  • 학습자가 열자마자 현상이 보이는 시작값

읽고 끝나는 자료가 아니라 답을 찾아내는 활동으로

시뮬레이션마다 학습자가 값을 직접 바꿔야만 답할 수 있는 질문이 함께 실립니다. 화면에 적힌 숫자를 옮겨 적어서는 풀리지 않습니다.

  • 값을 바꿔 봐야만 답이 나오는 탐구 질문
  • 숫자로 함께 보여 주는 관계식
  • 말로 고치고 언제든 되돌릴 수 있는 버전 기록
1
2
3

한 문장에서 만져 볼 수 있는 시뮬레이션까지, 세 단계면 됩니다

  1. 1

    가르칠 원리 적기

    학습자가 무엇을 스스로 알아내면 좋을지 적어 보세요. 값을 바꿔가며 확인할 수 있는 원리 하나면 충분합니다.

  2. 2

    설계 확정하기

    무엇을 계산하고 어떤 값을 바꿀 수 있는지 읽어 보고, 수업에 맞지 않는 부분을 고친 다음 만들기를 시작하세요. 몇 분이면 됩니다.

  3. 3

    링크 공유하기

    학습자에게 링크만 보내면 브라우저에서 바로 열립니다. 마우스와 터치 조작을 모두 지원합니다.

튜터플로우의 시뮬레이션 기능은 누구에게 유용할까요?

01

프로그래밍 수업

알고리즘이 데이터 크기에 따라 어떻게 달라지는지 말로만 설명하기 답답했던 선생님께 잘 맞습니다.

02

금융·경영 교육

복리나 손익분기처럼 숫자를 바꿔 봐야 감이 잡히는 주제를 다루는 현장에 어울립니다.

03

기업 교육

의사결정이 어떤 결과로 이어지는지 직접 해 보게 하고 싶은 사내 교육 담당자에게 어울립니다.

04

수학과 과학 수업

공식을 외우기 전에 그 공식이 어디서 나오는지 먼저 보여 주고 싶은 선생님께 잘 맞습니다.

시뮬레이션에 대해 자주 묻는 질문

다음 수업에서는 학습자가 직접 찾아내게 해 보세요.

설명 한 줄이면 충분합니다. 값을 바꿔가며 원리를 알아내는 웹 페이지를 지금 만들어 보세요.

첫 시뮬레이션 만들기신용카드 없이 시작할 수 있습니다