스마트러닝/스마트러닝230 학습용 도둑잡기 멀티 플레이 카드게임 만들기 예전에는 종이에 인쇄하고 잘라서 카드를 나눠 줘야 했지만 이제는 태블릿이나 스마트기기로 쉽게 할 수 있도록 만들었다. 도둑잡기 카드게임은 앞서 소개한 원카드 게임보다 활용도가 훨씬 높다. 2개씩 짝을 이루는 내용만 있으면 쉽게 만들어 활용할 수 있기 때문이다.(예를 들어 문제와 답 형태로도 카드를 만들 수 있다)일단 아래 링크에서 트럼프 카드를 가지고 하는 전형적인 원카드 게임을 체험해 보자. 단 아래 게임은 혼자 하는 것이 아니라 2명 이상이 함께 해야 한다. 1명이 방장이 되어 방을 개설하고 다른 친구들은 방에 접속해야 게임을 진행할 수 있다. (혼자 테스트 해보고 싶으면 브라우저를 2개 열거나, 1개는 컴퓨터에서 1개는 스마트폰에서 참여해 보면 된다.)* 생각을 바꾸면 더 다양하게 활용이 가능하다.. 2026. 6. 23. 학습용 원카드 멀티 플레이 게임 만들기-학습내용으로 원카드 게임 하기 내가 원하는 학습내용으로 카드 게임을 만들어 활용할 수 있다. 예전에는 이런게임을 수업시간에 활용하기 위해서 일일이 두꺼운 종이에 인쇄하고, 잘라서 사용하곤 했다. 재미는 있지만 한번 수업하자고 종이에 인쇄하고 자르고 준비하는시간이 너무 오래 걸리는 단점이 있었다.그래서 각자의 스마트기기로 온라인 고스톱 게임 처럼, 방장이 만든 방에 4명까지 접속해서 게임을 할 수 있도록 만들어 보았다.서버를 사용하긴 하지만, 개인정보가 저장되지는 않고, 게임 상태만 게임하는 동안만 저장되기 때문에 걱정없이 사용하면 된다. 게임이 끝나고 나면 30분 후에는 모두 삭제 된다.일단 아래 링크에서 트럼프 카드를 가지고 하는 전형적인 원카드 게임을 체험해 보자. 아래 게임에서는 조커나 7이 나올때 내가 원하는 모양으로 무늬를 .. 2026. 6. 19. 바이브 코딩으로 만든 html 파일 웹에 올려서 공유하는 방법 바이브 코딩으로 만든 html 파일을 활용하는 방법에는 여러가지가 있다.1. 제일 쉬운 방법은 다운 받아서 활용하는 방법이다. - 그런데 이건 내 컴퓨터에서 실행할 수는 있지만, 학생들이 접근할 수는 없다.2. 두번째 방법은 제미나이에서 만든 바이브 코딩을 아래 그림처럼 바로 공유하는 방법이다. https://gemini.google.com/share/7426d3568bc2그런데 이건 제미나이 자체에서 공유되는 거라, 제미나이를 통해서 들어간다. 가능은 하지만 뭔가 시작 화면부터 뭔가 불편하다. 3. 웹계정을 구입해서 html 파일을 올려 배포하는 방법이 있다. 그런데 이건 돈이 든다. - 필자가 사용하고 있는 방법이다. 좋은점도 있지만, 만약 사용자가 많아지면 비용이 추가로 발생할 수 있다. h.. 2026. 6. 2. 추억의 땅따먹기 게임 - 마찰력 응용 어렸을 때 추억이 생각나서 만들어 본 땅따먹기 게임지역에 따라 부르는 이름이 제각각 이었다고 한다. 땅따먹기는 ‘땅빼앗기’, ‘땅재먹기’, ‘땅뺏기’, ‘꼭꼬락치기’ 등으로도 부르기도 한다. 중학교 과학 마찰력 수업 시간에 체험 활동으로 사용할 수 도 있다. 아래 링크에서 실행하면 된다.https://sciencej.cafe24.com/html5/landeat/landeat.html1. 자신의 땅에서 돌을 원하는 위치에 놓고, 돌을 이동시켜 3번 안에 다시 자신의 땅으로 들어오면 된다. 그럼 자신이 지나간 경로가 자신의 땅이 된다. 3번 안에 자신의 땅으로 들어오지 못하거나, 남의 땅을 지나가게 되면 다음 플레이어에게 기회가 넘어 간다.돌을 위치 시키고 잡아 당기면 화살표 길이가 길어지는 것이 아니라.. 2026. 5. 29. 초간단 움직이는 이모티콘 만들기 (gif 화일 만들기) 프로그램 내가 그린 그림을 연속으로 이어 붙여서 움직이는 이모티콘 파일을 만들어 보자.완성된 파일은 gif 파일로 저장해서 활용할 수 있다. 배경을 투명하게 저장할 수도 있다.간단한 에니메이션 처럼 제작도 가능하다.아래 링크에서 만들면 된다.https://sciencej1.cafe24.com/html5/gifmake/gifmake.html만들어본 움직이는 gif 파일이다.아래 파일을 다운 받아서 작업 열기로 불러 오면 추가로 작업할 수 있다.간단한 실험이나, 영상 또 나만의 움직이는 이모티콘을 만들어서 활용할 수 있다수업시간에는 자유낙하 운동, 등속운동, 날아가는 우주선, 스포츠 동작, 감정 표현, 영어단어와 뜻, 한자단어와 뜻, 단어카드 등 다양한 곳에 활용될 수 있을 것이다.좋은 점은 만들어진 gif 파일을.. 2026. 5. 27. 투명 이미지 만들기 편집 프로그램 배경을 지워 주거나 배경을 투명하게 해 주는 이미지 편집 프로그램은 많이 있다.하지만 배경이 아니라 TV화면이라던가 사람이 입고 있는 옷을 투명하게 하고 싶을때가 있는데, 그런걸 전문적으로 해 주는 프로그램을 찾지 못했다. 포토샵이나 photopea 같은 프로그램을 사용해도 되지만,이미지에서 옷만 투명하게 만들고 싶은데 전문 프로그램을 사용하기에는 너무 무겁고 복잡하다.그래서 간단하게 사진의 일부만 투명하게 만들 수 있는 이미지 편집 프로그램을 만들었다.아래링크에서 실행하면 된다.https://sciencej.cafe24.com/html5/pngediter/pngediter.html(1) 편집할 사진을 불러 들인다.(2) 매직툴을 이용해서 배경을 투명하게 만들고 싶은 부분을 선택하면 자동으로 비슷한 색들.. 2026. 4. 20. 단어 리듬 게임(Say The Word on Beat) - 원하는 단어로 만들기(학습용) 2025년 12월부터 SNS에 전 세계적으로 유행한 챌린지이자 밈이라고 한다.Wordonbeat라고도 불리며, 한국에서는 주로 리듬챌린지나 단어 리듬 게임으로 불린다.나는 잘 모르는데, 학생들 사이에서는 꽤 유명한가 보다. 그래서 학습 단어를 이용해서 단어리듬게임 만드는 프로그램을 제작해 보았다. 영상이 아니라 프로그램으로 만들면 좋은 점은, 단어가 나올때 마다 랜덤으로 순서가 바뀌기 때문에 외워서 할 수 없다. 그리고 프로그램 상에서 게임 빠르기도 조절할 수 있어서 좋다. 그리고 내가 원하는 단어를 이용해서 바로 만들 수 있다.학생들과 수업시간에 해 봤는데, 재미있어 한다. 같은 단어를 계속 반복하기 때문에 새로운 단어를 익히는데 도움이 될 듯 하다. 단어카드에 초록색 테두리가 생길때 리듬에 맞춰 단.. 2026. 3. 24. 수업송 노래방 만들기 프로그램 1.0 (5분만에 만들어 활용하기) 교과서 내용을 이용해서 수업송 가사가 나오는 노래방 처럼 직접 만들어 수업시간에 활용하면 학습효과가 커진다. 구글에서 만든 opal 을 이용하면 자동으로 수업송 노래방을 만드는 앱을 제작 할 수 있다. 그래서 누구나 뚝딱 수업송을 노래방 처럼 자동으로 만들어 주는 프로그램을 만들어 보았다. 본인만의 수업송 노래방을 만들어 활용해 보자.일단 아래 링크에 접속해서 완성된 수업송 노래방을 살펴보자. (불러오는데 시간이 걸릴 수 있다)https://scientific-exploration.netlify.app/미리 준비할 것은 수업송.mp3 파일과 노래 가사다. 인공지능에 교과서 파일을 올리고 수업송 가사를 만든 다음, 그 가사를 이용해서 suno 를 이용해 마음에 드는 수업송을 만들면 된다. suno로 수업.. 2026. 2. 26. <적극추천> 학습용 도블 게임 만들기 프로그램2.0-그림추가 가능 내가 원하는 단어로 학습용 도블 게임 만들기 2.0학생들이 즐겁게 참여 하는 도블 게임이다. 1-4명이서 게임을 할 수 있다. 수업을 게임처럼 재미있게 할 수 있는 방법을 생각하다가 도블 게임을 학습용으로 만들어 보았다. 수업시간에 교사가 학습하고 싶은 단어들을 가지고 직접 도블 게임을 만들어 활용 할 수 있다.재미만 있는 것이 아니라, 학습요소도 집어 넣어 보았다.반복 게임 하면서 새로 나오는 단어들 또는 중요한 단어들에 친숙해 지면 좋겠다.한글 뿐만 아니라 영어나 한자, 일본어등 다른나라 언어도 되고, 퀴즈 형태로 만들 수도 있다. 일단 아래 링크에 접속해서 가장 기본적인 학습용 도블 게임을 체험해 보자. http://edgo.kr/EtLSB 게임 방법은 간단하다. 2명에서 최대 4명까지 참여가 가.. 2026. 2. 9. 노트북 LM 이용하여 학습용 ppt 슬라이드 자료 만들기 인공지능을 이용하면 ppt 처럼 슬라이드를 만들 수 있다.얼마전 노트북LM에 슬라이드 자료 기능이 새로 생겼다.궁금해서 내가 강의 하려고 만든 엉성한 ppt 파일을 pdf 파일로 바꿔서 올리고, 슬라이드 자료를 만들게 시켰다.정말 뭔가 새로운 기능이 나올때 마다 할말이 없다. 내가 만든 것을 이렇게 잘 정리해서 슬라이드 자료를 만들어 주다니심지어는 내가 생각했던 것 보다, 더 의미있게, 그리고 더 세분화 해서 분류해 주고, 정리도 해 준다.이쁜 그림 넣어 주는 건 덤이다. 나보다 내 생각을 더 잘 이해하는 인공지능이 등장한 것 같다.내가 만든 ppt 가 이런 의미라는 걸 만들어 준 슬라이드 보고 깨닫고 있다.아래는 내가 평상시 사용하는 엉성한 ppt 를 올렸더니 만들어 준 슬라이드 자료이다. 놀랍지 .. 2025. 11. 24. 학습용 지뢰찾기 게임 만들기 지뢰찾기 게임을 해결하면 미리 입력된 학습 내용을 확인할 수 있도록 만들었다.지뢰찾기 게임을 하면, 지뢰가 없는 곳은 빈칸이 나오는데, 빈칸이 나오는 곳에 미리 입력한 학습내용이 나타나게 해서, 지뢰찾기 게임을 해결하고 나면, 숨겨둔 학습 내용을 확인할 수 있다.일단 아래 링크에서 학생입장에서 도전해 보자.http://edgo.kr/AnP3B 지뢰찾기 게임에 성공하면 원고지 읽듯이 위에서 부터 오른쪽으로 차례대로 읽으면 된다. 글자수가 적을 경우에는 중간에 빈칸이 많이 나올 수 있다. 아래 링크에서 학습내용을 입력하고 만들기를 누르면 된다.https://sciencej.cafe24.com/html5/landmine/minemaker.html만들어진 링크 주소를 학생들에게 보내 참여하게 하면 된다.게임방법.. 2025. 11. 10. 인공지능 제미나이로 챗봇 만들기-욕쟁이 할머니 챗봇(임시정리) 인공지능을 챗봇으로 만들어 대화를 하면 좀 더 전문적인 대화가 가능하다.인공지능에게 역할을 부여하면, 인공지능은 자신의 역할에 충실하게 답변을 해 주기 때문이ㅏ.일단 아래 링크에 접속해서 욕쟁이 할머니 챗봇과 이야기를 나눠 보자.https://gemini.google.com/gem/1qrlZ1P5ZW2p_bCcB9yFIn3lNCp3IxFy9?usp=sharing신과수 연구회에서 김요섭 선생님이 챗봇 만들기 내용을 발표해 주셔서 따라 만들어 봤다. 사실은 예전 부터 만들어 봣었는데, 좀 더 구체적으로 만들 수 있게 되었다.같은 챗봇이라도 창의성이 중요하다. 그래서 오래전 부터 생각하던 욕쟁이 할머니 버전 상담가 챗봇을 만들어 보았다. 인공지능이 항상 긍정적이고 좋은 말만 해 주다 보니, 어느 순간 부터 .. 2025. 10. 20. 인공지능으로 사진 편집하기-구글 제미나이 나노 바나나 사용(포토샵 대체) 구글 제미나이에 얼마전 부터 화제가 되었던이미지 생성 인공지능(AI) 모델 ‘나노바나나(nano-banana)’ 기능이 포함되었다예전에 힘들게 배웠던 포토샵이 이제는 필요 없다. 말로 모든걸 바꿀 수 있다.기존과 달라진 점은 이미지의 일관성을 유지하면서 무언가를 바꿀 수 있다는 점이다.포토샵에서 힘들게 했던 작업을 그냥 요구만 하면 된다. 아래 이미지는 왼쪽 사진을 넣고 오른쪽 처럼 바꿔 본 것이다. 그냥 배경을 저녁노을이 지는 바다로 바꿔 달라고 하면 된다. 같은 방법으로 배경이나, 옷 뿐만 아니라, 표정이나 동작도 바꿀 수 있다.오늘 사용해 보니 또 다른 세상이다. 1. 구글제미나이에 접속해서 https://gemini.google.com/app2. 도구 에서 이미지 샌성 선택 후 + 를 눌러 이.. 2025. 10. 13. html 과 자바스크립트 웹 에디터(실시간 코드 편집기) 바이브 코딩으로 프로그램을 만들고 코드를 편집하려고 보니, 뭔가 마음에 드는 에디터가 있으면 좋겠다는 생각이 들었다.그래서 html 웹용 에디터를 제작 해 보았다. 아래 링크에서 실행하면 된다.https://sciencej.cafe24.com/html5/htmlediter/htmlediter.html인공지능으로 만든 html 과 자바스크립트 코드를 코드 입력에 붙여 넣기 하고, 우측 상단에 저장을 누르면 index.html 파일로 저장된다. index.html 대신 원하는 이름.html 로 컴퓨터에 저장해 두면, 그 다음 부터는 저장된 이름.html 파일을 눌러서 바로 실행할 수 있다.1. 에디터를 실행하고 코드 입력창에 바이브 코딩으로 만든 코드를 붙여 넣기 하면 된다.(단 html과 자바스크립트로 만.. 2025. 10. 13. <적극추천>노트북LM 학습 동영상 문제 영상으로 변환하는 프로그램 노트북LM으로 만든 학습영상에 형광색으로 칠해진 단어를 가려서 다시 영상으로 변환해 주는 프로그램이다. NotebookLM 학습영상 만드는 방법은 아래 링크 참고https://sciencelove.com/483080 NotebookLM 으로 한글 학습영상 만들기 - 동영상 개요Notrbook LM이 팟캐스트 뿐만 아니라 동영상도 만들어 준다.단순히 오디오로 설명해 주는 것이 아니라 ppt 처럼 간단한 영상자료와 함께 동영상으로도 설명을 해 준다. 하지만 아직은 영어만 지원한sciencelove.com 만들어진 영상을 그냥 단순하게 시청 하는 것 보다, 영상에 가려진 곳을 영상을 보면서 채워 넣게 하면, 좀 더 집중해서 듣게 할 수 있다. (수업송 들려줄 때 학습지 만들어서 사용하던 것과 같은 방법이다.).. 2025. 10. 1. 칼레이도 사이클 전개도 만들기(웹용) - 사진 크기 조절 후 인쇄해서 사용 칼레이도 사이클(Kaleidocycle) 전개도 만드는 프로그램 끝판왕기존에 칼레이도 사이클 만들던 실행 프로그램을 웹용으로 바꾸었다. 이제 웹상에서 내가 원하는 그림 4개를 올리고 칼레이도 사이클 전개도를 만들 수 있다.한가지 다른 프로그램들과 큰 특징이 있다.기존 외국 사이트들은 사진을 올렸다가 크기가 안 맞으면 다시 사진을 편집해서 올려야 했는데 그게 불편했다. 그래서 사진을 올리고 위치와 크기를 미리보면서 조절할 수 있게 했다.이제 원하는 칼레이도 사이클 전개도를 쉽게 만들어 바로 수업에 활용 수 있다. 아래 링크에서 만들면 된다.https://sciencej.cafe24.com/html5/kaleidocycle/kaleidocycle.html1. 준비한 사진 4장을 불러오기를 눌러 웹상에 올린.. 2025. 9. 23. 온라인 빙고게임 만들기(2025) 2022년에 만들었던 빙고게임을 구글스프레드시트랑 연동해서 빙고게임을 만들 수 있도록 다시 만들었다.만들면서 기능도 몇가지 업데이트 했다.1. 단어가 아니라 문장을 입력해도 대부분 잘 나타난다. (긴 문장도 입력이 가능하다. )2. 단어수에 따라 자동으로 빙고게임이 만들어 진다. (빙고 판 수를 선택할 필요 없다.)예를 들어 단어수가 9개 라면 3x3 빙고게임이 16개라면 4x4 빙고게임이 만들어 진다. 최대 36개(6x6)까지 만들 수 있다.만약 단어수가 15개라면 3x3 빙고게임이 만들어 지고 15개의 단어 중 무작위로 9개가 빙고게임에 배치된다. 참여하는 학생들 마다 배치되는 단어 위치가 달라지기 때문에 빙고게임을 할 수 있다. 1. 구글스프레드시트를 사본 복사해서, 보기전용으로 공유하고, .. 2025. 9. 7. 학습용 초간단 그림 퍼즐 만들기 교과서 그림이나 이미지를 가지고 초간단 그림 퍼즐을 만드는 프로그램이다. 의미있는 그림 자료를 이용해서 퍼즐을 맞추다 보면, 구조나 내용을 파악하는데 도움이 된다. 게임처럼 진행하면서 학습효과를 볼 수 있다. 일단 아래 링크에 접속해서 학생 입장에서 참여해 보자. 눈의 구조를 맞춰 보는 퍼즐이다. http://edgo.kr/yPAiW그냥 조각난 그림을 끌어다가 원래 모양을 만들면 된다. 처음 시작할 때 희미하게 원래 모양이 나타나니까 잘 봐 두었다가 맞추면 된다. 조각을 드래그 해서 화면 밖으로 꺼내 놓을 수 있다. 화면안에서는 자리를 찾아 들어가지 못하면 제자리로 돌아온다. 화면안에서 이미 다른 조각이 있는 곳에 끌어다 놓으면 이미 자리를 차지하고 있던 조각은 다시 밖으로 빠진다. 성공하면 몇 .. 2025. 9. 3. 학습용 테트리스 만들기(제작중) 테트리스 게임에 단어들을 집어 넣어서, 테트리스게임을 하면서 단어를 맞추는 프로그램을 만들어 보았다.단순히 테트리스 게임만 하는게 아니라, 단어도 확인할 수 있기 때문에 학습효과를 볼 수 있다.줄을 없애는 것도 중요하지만, 블럭들을 조합해서 왼쪽에 제시된 단어를 만들어 내면 가산점이 상당히 높다.따라서 간단한 용어들도 학습이 가능하다. 1. 아래 링크에 가서 원하는 단어를 넣고 학습용 테트리스를 만들면 된다.https://sciencej.cafe24.com/html5/tetris/tetrismaker.html2. 미리보기 해서 테트리스 게임을 해보자. 3분간 게임을 해서 제일 높은 점수를 받으면 된다.아래 링크에 가서 게임을 해 보자.http://edgo.kr/GyDqd단 게임 중에 서로 다른 블럭이 겹.. 2025. 8. 20. NotebookLM 으로 한글 학습영상 만들기 - 동영상 개요 Notrbook LM이 팟캐스트 뿐만 아니라 동영상도 만들어 준다.단순히 오디오로 설명해 주는 것이 아니라 ppt 처럼 간단한 영상자료와 함께 동영상으로도 설명을 해 준다. 이제 한글도 지원 된다. 동영상 개요만 누르면 된다. 1. 아래 노트북LM 사이트에 가서 회원가입하고 로그인 한다. https://notebooklm.google/ Google NotebookLM | AI 조사 도구 및 사고 파트너소스를 분석한 후 복잡한 내용을 명확하게 풀어서 나만의 콘텐츠로 만들어 주는 AI 조사 도구이자 사고 파트너인 NotebookLM을 만나보세요.notebooklm.google - 회원가입이라고 해도 별거 없다. 같은 구글에서 만든거라 그냥 구글계정 연동해서 로그인 하면 된다. 2. 교과서 본문 pdf 파.. 2025. 8. 18. 이전 1 2 3 4 ··· 12 다음
