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

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

무엇을 알아내게 하고 싶은지 적으면 튜터플로우가 계산할 모델부터 설계합니다. 확정만 하면 학습자가 값을 바꿔가며 원리를 찾아내는 웹 페이지까지 만들어 냅니다.

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

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

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

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

슬라이더 하나까지 움직여 보고 넘기는 시뮬레이션

튜터플로우가 슬라이더를 하나씩 양 끝까지 움직여 보고 그림이 따라 달라지는지 확인합니다. 슬라이더만 움직이고 그림은 그대로인 버전은 다시 만듭니다.

말 한마디로 끝나는 수정

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

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

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

용수철에 매단 추의 진동 주기

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

단리와 복리의 차이

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

정렬 알고리즘 비교 횟수

배열 크기를 늘려 보고, 비교 횟수가 어떤 규칙으로 늘어나는지 직접 세어 보세요.

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

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

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

설계를 먼저 읽고, 맞지 않는 부분을 고쳐 보세요

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

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

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

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

  • 슬라이더를 하나씩 양 끝까지 움직여 보는 실제 실행 검사
  • 움직여도 그림이 그대로인 버전은 넘기지 않고 다시 제작
  • 학습자가 열자마자 현상이 보이는 시작값

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

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

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

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

  1. 1

    가르칠 원리 적기

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

  2. 2

    설계 확정하기

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

  3. 3

    링크 공유하기

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

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

01

프로그래밍 수업

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

02

금융·경영 교육

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

03

기업 교육

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

04

수학과 과학 수업

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

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

학습자가 스스로 찾아내게 해 보세요.

설명 한 줄이면 충분합니다. 학습자가 값을 바꿔가며 탐구하는 웹 페이지를 지금 만들어 보세요.

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