본문 바로가기

스마트러닝364

10개의 동전 네모 안에 넣기 퍼즐(Circle Packing in a Square) 이 퍼즐은 공간 감각과 논리적 사고력을 요구하는 사고력 퍼즐이다.겉보기에는 단순해 보이지만, 의외로 많은 사람들이 포기하는 퍼즐이기도 하다.판매되는 제품돈주고 살 수가 없어서 직접 프로그램으로 만들었다. 학생들과 한번 도전해 보기 바란다. - 너무 간단하다.같은 크기의 동전 10개가 있다. 이 10개의 동전을 서로 겹치지 않게 네모칸 안에 모두 넣으면 된다.네모칸 안에 있는 9개의 동전을 잘 배치한 다음 마지막 밖에 있는 동전을 넣어 보자. 불가능한 것 처럼 보이지만 공간적 감각과 논리적 사고력이 있다면 불가능하지 않다. 아래 링크에서 도전하면 된다.아래 정답 보지 말고 도전해 보시길...https://sciencej.cafe24.com/html5/coinpuzzle/coin.html이 퍼즐은공간 활용.. 2026. 1. 10.
생활기록부 점검 프로그램(중복, 금지어 위주) 생활기록부를 작성하다 보면 영어 사용이나, 대회, 시상, 방과후 등 사용을 제한하는 용어들이 많다.그리고 나도 모르게 띄어쓰기 할때 빈칸을 두칸을 입력한다 던지, 마침표나 쉼표를 두번을 찍는 경우도 있다.예전에 엑셀에서 마침표 두번(..)을 검색해 보면, 꼭 1-2명씩 잘 못 입력한 경우가 나오곤 했다.(맞춤법 검사는 하지 않습니다. 금지어 검사만 합니다. 맞춤법 검사는 나이스에서 자체 지원되니 그걸로 하세요. ^^)금지어가 현재 100여개 정도 추가 되었습니다. 건의 받아서 시간 되면 계속 추가할 생각입니다.그래서 아예 점검 프로그램을 만들어 보았다.나이스에서 생기부를 엑셀로 저장한 다음아래 링크에 접속하고 엑셀 파일을 불러 들여서 점검하면 된다. https://sciencej.cafe24.com/ht.. 2026. 1. 7.
시간 맞추기 온라인 게임 - 정해진 시간 예측해서 맞추기 초시계를 가지고 많이 하던 게임이다. 게임 방법은 간단하다. 시계를 보지 않고 정해진 시간에 가장 근접하게 맞추는 사람이 승리 하는 게임이다.태블릿 1대로 최대 8명까지 게임할 수 있다. 아래 링크에서 실행하면 된다. https://sciencej.cafe24.com/html5/chktime/chktimer.html게임 설정 화면에서 참가인원과 목표시간을 선택하고 게임 시작을 누르면 된다.예를 들어 10초로 설정하고 참가인원 4명으로 설정하고 게임시작을 하면 화면이 4등 분되고, 시간이 흘러 간다.10초가 되었다고 생각되는 순간에 자신의 구역을 누르면 된다.그럼 누가 제일 근접하게 눌렀는지 확인할 수 있다. 시작할 때 결과 가리기를 선택하고 시작하면, 4명이 모두 누른 후에 확인을 눌러 1명씩 결과 시간.. 2026. 1. 5.
칠교놀이(tangram) 온라인용 - 저장 가능 2004년에 만들었던 칠교놀이3.0의 경우 자신이 만든 작품을 웹상에 저장할 수 있게 만들었다.현재 쓸모없는 것 까지 포함해서 75000여건 올라와 있다.아마 세계(?)에서 쓸데 없는 것들 포함해서 가장 많은 칠교모양이 저장되어 있지 않을까(?) 하는 생각을 해 본다. 그런데 기존에 칠교놀이는 컴퓨터에 다운 받아야만 실행 할 수 있었다.그래서 스마트기기에서도 할 수 있게 온라인용으로 다시 만들어 보았다.기존처럼 제작하기를 누르고 저장하면 자신이 만든 작품을 저장할 수 있다.아래 링크에서 실행하면 된다.(가능하면 태블릿을 사용하길 권장한다)https://sciencej1.cafe24.com/html5/tangram/tangram.html 스마트기기에서는 우측 상단에 전체화면을 눌러 전체화면으로 놓고 실행.. 2026. 1. 1.
온라인 도블(dobble) 게임 (2-4인용) - 태블릿 사용 교실에서 학생들이 도블 게임을 재미있게 하는 모습을 보고 온라인용 프로그램을 만들어 보았다.아래 링크에 접속해서 실행하면 된다. 게임 시작하고 우측상단에 전체화면 아이콘을 눌러 화면을 꽉 차게 하고 실행하기 바란다. https://sciencej.cafe24.com/html5/dobble/adobble.html게임 규칙은 더이상 설명이 필요 없다.제한된 시간내에 공통적으로 들어있는 그림을 찾아서 빨리 누르면 된다. 제한된 시간안에 같은 그림을 가장 많이 찾는 사람이 승자가 된다.전통적인 도블 게임 에서는 카드가 바닥날때 가지 경쟁하지만온라인용에서는 정해진 시간 내에 게임을 하도록 바꾸었다.이유는 교실에서 잠깐 사용하는 경우, 카드가 떨어질때 까지 기다리는 것보다 시간 제한을 걸어 두면 전체학생을 통제하기.. 2025. 12. 26.
스마트기기로 할 수 있는 2인용 온라인 바둑 게임 태블릿으로 할 수 있는 2인용 바둑 게임학생들이 교실이나 학교에서 태블릿이나 스마트기기로 게임을 많이 한다.이왕이면 교육적이고 두뇌개발에 좋은 게임을 하면 좋겠다는 생각이 들었다.그래서 둘이서 함께 할 수 있는 2인용 바둑게임을 만들어 보았다. 아래 링크에 접속해서 하면 된다. https://sciencej.cafe24.com/html5/chess/go.html우측상단에 전체화면 아이콘을 눌러 화면에 꽉차게 하고 실행하면 좋다. 2025. 12. 24.
손바닥으로 조절하는 벽돌깨기 게임(임시) 손바닥으로 조절하는 벽돌깨기 게임수업시간에 보여 주었더니 너무 간단한 게임인데도 불구하고 학생들이 너무 좋아해서 공개한다.아래 링크에서 실행하면 된다. 가능하면 노트북이나 태블릿에서 실행하기 바란다. https://sciencej.cafe24.com/html5/block/block.html프로그램을 실행하고 반드시 카메라를 허용해야 한다.그 다음 마우스로 선택할 수도 있지만, 그냥 화면에 손바닥을 보여 주고 주먹을 쥐었다 펴면 바로 시작이 된다.손바닥을 카메라에 보여 주면서 움직이면 패드가 손바닥을 따라서 움직이게 된다.(주먹을 쥐면 안된다) 가끔 아이템도 떨어진다.아이템을 획득하면 화면 상단 주먹에 아이템이 생긴다. 아이템을 획득한 경우 바로 사용하는게 아니라, 필요한 순간에 주먹을 쥐면 아이템이 활.. 2025. 12. 23.
눈 결정 모형 만들기 프로그램 종이를 접어 가위로 오려서 눈 결정 모양을 만드는 활동이 있다.가위로 오리기 전에 미리 어떤 모양이 나올지 확인할 수 있으면 재미있겠다는 생각이 들었다.그래서 눈 결정 모형을 미리 만들어 볼 수 있는 프로그램을 만들었다. 학년말 활동으로 해도 좋다. 1. 아래 링크에 접속해서 빨간색 삼각형 안에 그림을 그려 본다.https://sciencej.cafe24.com/html5/snow/snowflakemaker.html2. 메뉴에 삼각형 아이콘을 눌러 접었을 때 모습을 확인할 수 있다. 반대로 육각형 모양을 눌러 다시 펼쳐 볼 수 있다. 3. 다운로드 버튼을 누르면 완성된 눈 결정 모형을 다운로드 할 수 있다.3. 종이에 모형을 그리고 가위로 오리면 눈 결정 모양을 만들 수 있다.학년말 활동으로 학생들이 .. 2025. 12. 10.
쉬는시간만 재생되는 학교용 음악 재생기 - 수업시간 안나옴 학교 현관에 크리스마스 트리를 설치 했다.조명에 맞는 음악을 틀어 주고 싶은데, 수업시간에도 음악이 크게 나오면 수업에 방해가 될 수 있다.그래서 쉬는 시간이나 점심시간에만 음악이 나오는 플레이어를 만들었다.수업시간에는 음악이 재생되지 않는다. 캐롤 소리가 쉬는 시간만 되면 현관에 울려 퍼지게 할 수 있다. 필요하면 수업내용이나, 전달사항이 나오게 해도 좋을 듯... https://sciencej.cafe24.com/html5/schoolplay/schoolplay.html1. 링크에 접속해서 프로그램을 실행시키고2. mp3 파일 불러오기를 눌러 재생시키고 싶은 mp3 파일들을 모아 둔다.3. 쉬는 시간 시간표를 필요하면 수정한 다음4. 자동재생에 체크해 놓면 된다. - 그럼 지정된 시간에만 노래가 .. 2025. 11. 25.
노트북 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.
행사용 동영상 플레이어(동작인식) 행사때 사용하려고 만든 행사용 동영상 플레이어 - 그냥 영상만 틀면 재미가 없어서 동작을 인식해서 작동하는 동영상 플레이어를 만들어 보았다. 부스 앞에 노트북이나 컴퓨터를 설치해 놓면, 웹캠을 이용해서 사람이 인식되었을 때만 홍보 영상이 재생이 된다.또 손동작을 인식해서 간단한 제어가 가능 하도록 만들었다. 사람이 없을 때는 미리 지정해 놓은 메인 화면(타이틀 화면)이 나온다. 영상은 재생되지 않는다. - 구경하는 사람이 없을 때도 계속 혼자 소리내면서 재생되지 않아서 좋다 사람이 가까이 오면 동영상 화면으로 바뀌고 자동으로 재생이 된다. 또 관객은 영상을 보면서 손동작 만으로 마우스 없이 영상을 조작할 수 있다.영상 한 부분을 자세히 보고 싶을 때 왼손 손바닥을 들면 영상이 일시 정지 하게 되고, .. 2025. 11. 4.
하이러닝 AI 서∙논술형 평가 피드백 - 개별 확인 프로그램 경기도 교육청에서 개발한 하이러닝 프로그램에 AI 서∙논술형 평가가 추가 되었다.학생들이 작성한 서술형 또는 논술형 평가답안을 AI가 평가해 주고 피드백까지 해 준다.AI 피드백을 바탕으로 선생님이 최종 점수를 확정하고 피드백을 작성해서 저장을 하면학생들 개개인의 피드백을 출력해 줄 수 있다. 그런데 종이 낭비가 심하다. (아직 인터넷상에서 개인별로 피드백을 확인할 수 없어서, 출력해 줘야 한다. 나중에는 확인할 수 있는 기능이 추가되면 좋겠다. 혹시 내가 모르고 있는 걸지도...)300명의 학생을 평가 했다면 개인별로 1장씩 300장을 출력해야 한다. 만약 AI 서∙논술형 평가를 10번을 봤다면, 3000장이 필요하다. 만약 모든 과목이 다 이렇게 사용한다면, 출력물의 수는 엄청나게 많아지고, 종이와.. 2025. 10. 29.
인공지능 제미나이로 챗봇 만들기-욕쟁이 할머니 챗봇(임시정리) 인공지능을 챗봇으로 만들어 대화를 하면 좀 더 전문적인 대화가 가능하다.인공지능에게 역할을 부여하면, 인공지능은 자신의 역할에 충실하게 답변을 해 주기 때문이ㅏ.일단 아래 링크에 접속해서 욕쟁이 할머니 챗봇과 이야기를 나눠 보자.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.html1. 에디터를 실행하고 코드 입력창에 바이브 코딩으로 만든 코드를 붙여 넣기 하면 된다.(단 html과 자바스크립트로 만들어진 코드만 된다. 바이브 코딩에서 코드를 만들때 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.

티스토리툴바