윤스케어
윤스케어
🏆 AI 챔피언
⚔️ 베테랑 파트너

수업을 더 재미있고 효율적으로! 구글앱스스크립트로 나만의 수업도구 만들기

소개

왜 만들었을까?

  • 수업에서 학생 참여를 높이고 운영을 효율적으로 하기 위해

어떤 도구를 만들었을까?

  • 실시간 워드클라우드: 학생 의견을 즉시 시각화

  • 타임아웃 타이머: 활동 시간을 효과적으로 관리

  • 조별 랜덤 추첨기: 공정한 팀 배정으로 참여율 향상

이 글에서 다루는 내용

  • 구글 앱스 스크립트를 활용한 도구 제작 과정과 실습 방법 소개

진행 방법

사용한 도구

  • 구글 앱스 스크립트 (Google Apps Script): 구글 스프레드시트와 연동하여 맞춤형 기능 개발

  • HTML & JavaScript: 사용자 인터페이스(UI) 제작 및 실시간 데이터 처리


    1️⃣ 실시간 워드클라우드 생성기

📌 활용 방법

  • 학생들이 입력한 단어를 실시간으로 수집하고, 워드클라우드 형태로 시각화

  • 구글 스프레드시트에 데이터를 저장하고, HTML + JavaScript로 클라우드 생성

💡 사용한 프롬프트 (예시)

당신은 유능한 앱스스크립트 전문가야. 실시간 단어 구름(Word Cloud) 생성기를 만들고 싶어. 

* 학생들이 키워드나 의견을 제출하면 실시간으로 단어 구름 생성 

* 더 많이 제출된 단어일수록 크게 표시 

* 브레인스토밍이나 수업 이해도 확인에 활용 가능 

* 학생들이 입력할 수 있게 배포할 수 있는 웹앱이 필요하고 학생들의 입력한 결과를 볼 수 있는 html 형식의 웹앱도 필요해. 이것은 구글사이트에 임베드를 하려고 해

Google 번역 한국어 - 스크린 샷


2️⃣ 타임아웃 타이머

📌 활용 방법

  • 조별 활동이나 퀴즈 진행 시, 설정된 시간이 지나면 자동 알림

  • 구글 앱스 스크립트로 타이머를 만들고 HTML 인터페이스 추가

  • 💡 사용한 프롬프트 (예시)

"당신은 구글앱스스크립트의 전문가로  구글 앱스크립트를 배우는 초보인 저를 도와주세요.  타이머가 있는 간단한 이벤트 페이지를 만들고 싶어요.

한국 웹 사이트의 스크린 샷


3️⃣ 조별 랜덤 추첨기

📌 활용 방법

  • 학생들을 랜덤으로 조 편성하여 공정한 팀 배정

  • 구글 스프레드시트에서 학생 명단을 가져와 자동으로 조를 생성

💡 사용한 프롬프트 (예시)

랜덤 학생 선택기 

* 버튼을 누르면 학생 목록에서 무작위로 한 명을 선택

* 애니메이션 효과로 룰렛처럼 돌아가다가 멈추는 시각적 요소 추가

* 공정한 발표자 선정이나 조 편성에 활용 가능

결과와 배운 점

✅ 결과

실시간 워드클라우드, 타임아웃 타이머, 조별 랜덤 추첨기를 성공적으로 제작함으로서, 학생들의 실시간 참여가 증가하고, 수업 운영이 한층 더 효율적으로 개선됨

✅ 배운 점 & 꿀팁

구글 앱스 스크립트(GAS) + HTML 조합이 강력하다!는 것을 다시 한번 깨달았고, 단순한 스프레드시트 자동화뿐만 아니라, 사용자 인터페이스(UI)까지 개발 가능함을 배웠네요~

✅ 앞으로의 계획

더 다양한 수업 도구를 개발해서 예를 들어, 퀴즈 생성기, 참여도 분석 도구 추가하여 사용자 편의성을 향상시키고 모바일에서도 쉽게 활용할 수 있도록 디자인 개선할 계획입니다.

3
3개의 답글

👉 이 게시글도 읽어보세요