몇 달간 만든 3D 인터랙티브 교육 과정을 오픈소스화합니다 (AI SaaS 국내 버전 전환 및 55개 과정 공개)

제가 몇 달 동안 제작한 3D 인터랙티브 교육 과정을 오픈소스로 공개하기로 결정했습니다. 매달 여기저기 흩어져 있던 구독권들만으로는 너무 아깝다고 생각했기 때문입니다.

이전에 제가 만들었던 AI SaaS는 북미 버전이었기 때문에, 순차적으로 국내 버전을 개편하고 있으며, 현재까지 총 55개 과정을 오픈소스로 공개할 수 있게 되었습니다.

🔗 온라인 사용: https://t.co/O4Pm54GHsc
🔗 GitHub: https://t.co/jwidnvL5ny

물리, 화학, 생물, 지리 네 과목을 중국 고등학교 교과 과정 및 인교판(人教版) 교재에 맞춰 제작했습니다. (예시 주제: 암모니아 합성, 접촉법을 이용한 황산 제조, 염소-알칼리 산업, 고로 제철, 전류의 자기장, 광전 효과, 유사 분열, 신경 충동, 삼순환 순환, 엘니뇨 등)

각 과정은 다음과 같은 구성입니다:

• 3D 세계: 끌거나 돌릴 수 있고, 탑 내부를 단면으로 관찰할 수 있는 3D 환경을 제공합니다.
• 제어 콘솔 (Control Panel): 오른쪽에 위치하며, 슬라이드와 스위치를 통해 모든 단계가 움직이며, 측정값과 곡선이 실시간으로 변합니다.
• 단계별 진행선: 선생님이 '다음 단계'를 누르는 것만으로 한 수업을 끝낼 수 있으며, 학생이 직접 조작하지 않은 단계는 자동으로 시연됩니다.
• 평가 단계: 마지막에는 목표값이 설정된 평가 과정이 있습니다.

제가 중요하게 생각하는 몇 가지 특징은 다음과 같습니다:

1. 휴대성: 각 과정이 약 1MB 크기의 HTML 파일 하나로 구성되어 있어, USB 드라이브에 복사하여 더블 클릭만 하면 열립니다. 인터넷 연결 없이도, 프로젝터나 전자칠판에서도 사용 가능합니다.
2. 디지털 추적성 (Digital Traceability): 각 과정에는 사실표(Fact Sheet)가 먼저 작성됩니다. 교재의 수치와 페이지 번호를 명시하고, 교육 목적으로 설정된 수치는 별도로 '교과 자료 설정'으로 표시하며 그 이유를 함께 기재합니다. 교과 자료에 등장하는 모든 숫자는 이 사실표에서 찾아볼 수 있습니다.
3. 활용성: 다운로드하거나 학교 웹사이트에 임베드할 수 있으며, 수업 페이지는 한 번의 클릭으로 삽입 코드를 복사할 수 있습니다.

어떻게 만들었나요:
토큰을 절약하기 위해 DeepSeek를 대량 사용했기 때문에 제가 만든 SaaS 스튜디오만큼의 완성도는 아니지만, 전반적으로는 괜찮습니다.

• DeepSeek: 교재 검색, 사실표 작성, 과정 구성에 활용했습니다.
• Claude: 통일된 과정 외피와 시각적 규범을 설계하고 검토하는 역할을 맡았습니다.
• 이미지 모델: 참고 이미지와 표지를 생성했습니다.
• 모든 과정은 세 가지 화면 크기에서 단계별 자동 검사(숫자, 가림 처리, 대비도, 주석 중첩 여부)를 거쳤으며, 이후 사람이 직접 스크린샷을 확인하며 통과한 후에야 공개되었습니다.

AI가 속도를 높여줄 수는 있지만, '정확하게 설명하고 이해하기 쉽게 만드는 것'은 반복적인 검토에 의존해야 합니다. 그럼에도 불구하고 55개 과정 중 오류가 있는 것이 분명히 있을 것입니다. 만약 선생님이나 학생이 과학적 오류나 화면 이해가 어려운 부분을 발견하시면, 과정 페이지에서 '오류 보고'를 누르시거나 GitHub에 Issue를 제기해 주십시오. 제가 하나하나 수정할 것이며, 다른 교육 과정 수요가 있다면 그것도 천천히 개발할 예정입니다. 어쨌든 에이전트(Agent)가 작업을 수행하고 있고, 저는 SOP(표준 운영 절차)만 잘 만들었기 때문에 작업량이 많지 않습니다.

다음 계획:

• 네 과목을 계속 진행하여 목표를 모두 달성한 후, 중학교 및 초등학교 과정을 제작할 예정입니다.
• 영어와 다른 언어 버전도 출시할 것입니다.
• 완벽한 제작 방법을 장문으로 작성할 계획입니다.

유용하다고 생각하시면 주변 선생님께 공유해 주시거나 저장소에 별점(⭐)을 부탁드립니다. 또한 팔로우해주시면 이 스레드에서 계속해서 과정을 공유하겠습니다.