본문 바로가기

스마트러닝398

영상 얼굴 가리개 - 영상 에서 학생들 얼굴 자동으로 모자이크 처리 영상 얼굴 가리개는 어떤 프로그램인가영상 얼굴 가리개는 영상 속 얼굴을 장면마다 찾아 따라가며 모자이크, 블러, 스티커로 가려 주는 웹 프로그램이다. 수업 영상이나 행사 영상을 블로그, 학급 홈페이지, 유튜브에 올리기 전에 학생과 참가자의 얼굴을 가릴 때 쓰기 좋다.설치가 필요 없다. 브라우저에서 바로 열린다.영상을 서버로 보내지 않는다. 분석과 가리기, 저장이 모두 내 컴퓨터의 브라우저 안에서 처리된다.얼굴을 사람별로 묶어 주므로 특정 인물만 가리지 않을 수 있다.자동으로 못 찾은 얼굴이나 이름표는 직접 네모를 그려 가리고, 움직이는 사람도 따라가며 가릴 수 있다.원래 영상의 소리를 살린 채 MP4 파일로 저장한다.단 속도가 상당히 느리다. 영상이 길면 작업 시켜 놓고 한참을 기다려야 한다. 영상길이가.. 2026. 10. 13.
사진 얼굴 가리개 프로그램 - 사진에서 학생들 얼굴 자동으로 모자이크 처리 얼굴 가리개는 어떤 프로그램인가얼굴 가리개는 사진을 올리면 사람 얼굴을 자동으로 찾아 모자이크, 블러, 스티커로 가려 주는 웹 프로그램이다. 수업 활동 사진이나 행사 사진을 블로그, 학급 홈페이지에 올리기 전에 학생과 참가자의 얼굴을 빠르게 가릴 때 쓰기 좋다.설치가 필요 없다. 크롬, 엣지, 사파리 같은 브라우저에서 바로 열린다.사진을 서버로 보내지 않는다. 얼굴 찾기와 가리기는 모두 내 컴퓨터의 브라우저 안에서 처리된다.여러 장을 한 번에 올리면 모두 자동으로 처리하고, ZIP 파일 하나로 한꺼번에 저장할 수 있다.https://sciencej.cafe24.com/html5/facehider/facehider.html1. 사진 올리기사진을 올리는 순간 얼굴 찾기가 자동으로 시작된다. 오른쪽 위의 '얼.. 2026. 10. 13.
매직 아이 만들기 프로그램 들어가며글자나 그림을 넣으면 그 모양을 무늬 속에 숨긴 매직 아이 그림을 만들어 주는 웹 프로그램을 만들었다. 설치 없이 브라우저에서 바로 쓸 수 있고, 만든 그림은 PNG 파일로 저장할 수 있다.숨길 모양은 네 가지 방법으로 정한다. 글자를 입력하거나, 예시 그림이나 내 사진을 고르거나, 화면에 직접 그리거나, 실제 별자리를 고르면 된다. 특히 별자리 기능은 지구에서 각 별까지의 실제 거리를 입체의 높낮이로 보여 준다.프로그램 바로가기https://sciencej.cafe24.com/html5/magiceye/magiceye.html매직 아이의 원리매직 아이는 두 눈이 서로 다른 위치의 무늬를 보도록 만들어 뇌가 입체로 느끼게 하는 그림이다. 정식 이름은 오토스테레오그램(autostereogram)이다.. 2026. 10. 11.
스마트폰으로 ISS 와 행성 찾아주는 프로그램 하늘을 손바닥 위에: ISS·행성 찾기 웹앱을 소개한다 국제우주정거장을 맨눈으로 보고 싶어서 시작했다스마트폰을 하늘에 비추면 ISS(국제우주정거장)와 행성이 어디 있는지 원과 화살표로 알려 주는 웹앱, 'ISS·행성 찾기'를 만들었다. 설치 없이 브라우저에서 바로 열린다.아래 링크에서 실행하면 된다. https://sciencej.cafe24.com/html5/iss/ ISS·행성 찾기태양과 이루는 각 태양–지구–대상이각– 태양–대상–지구위상각– 주황 호 이각 · 회색 호 위상각 · 거리는 실제 비율이 아니에요sciencej.cafe24.comISS는 해 진 직후나 해 뜨기 직전에 금성만큼 밝은 점으로 3~6분 동안 하늘을 가로지른다. 문제는 언제, 어느 쪽에서 나타나는지 모르면 그냥 지나쳐 버린다는 것.. 2026. 10. 11.
색종이 접어 오리기 시뮬레이션 프로그램 색종이를 접고, 그 위에 그림을 그리고, 필요 없는 부분을 잘라낸 뒤 펼쳐 보는 활동을 화면에서 그대로 해 볼 수 있는 시뮬레이션입니다. 유치원에서 많이 하는 '색종이 눈꽃 오리기'에서 출발했습니다.아래 링크에서 실행하면 된다.https://sciencej1.cafe24.com/html5/papercut/papercut.html 어떤 프로그램인가요실제 색종이는 한 번 자르면 되돌릴 수 없지만, 이 프로그램에서는 몇 번이고 다시 오리고 되돌릴 수 있습니다. 접는 방법과 횟수를 바꿔 보면서 접은 겹 수만큼 무늬가 대칭으로 반복된다는 것을 눈으로 확인할 수 있습니다.대상: 유치원·초등 저학년 미술 활동, 초등·중학교 수학의 선대칭·점대칭 단원준비물: 인터넷 브라우저가 있는 PC나 태블릿 (설치 필요 없음)결과.. 2026. 10. 3.
<적극추천> 학습용 협동 방탈출 게임 3D 만들기 - 쉬운 사용법 (10종류) 당분간 계속 업데이트 된다. 단순 재미를 떠나, 학생들이 어쩔 수 없이 함께 학습할 수 밖에 없도록 하는 교육적인 기능을 모두 넣었다. 지도는 바꿀 수 없지만, 방탈출 게임속 문제들을 정말 쉽게 내가 원하는 문제들로 최대 20문제 까지 바꿀 수 있다.지도나 캐릭터는 단순하다. 게임방법도 간단하다. 캐릭터가 학교를 돌아다니며 숨겨진 문제를 찾아 풀고, 문제를 다 풀면 교문옆 보물상자를 열어서 마지막 문제를 확인하고, 그 문제의 답을 교문에 입력해서 교문을 열고 탈출 하는 게임이다.재미있는 건 모둠활동으로 진행하는 경우, 혼자서는 방을 탈출 할 수 없다. 마지막 보물상자를 열면 문제의 일부만 보여지기 때문이다. 같은 모둠원들이 다 보물상자를 열어야 마지막 문제를 해결할 수 있다. 먼저 문제를 다 해결한 학.. 2026. 9. 30.
kjs PDF 압축 프로그램 - 용량 줄이기: 올리지 않고, 미리 보고, 골라서 줄이는 PDF 압축기 현존하는 최고의 pdf 압축 프로그램이라고 생각한다. 수업 자료나 공문을 보내려는데 PDF가 너무 커서 첨부가 안 된 적 있다.또 스캔한 학습지 몇 장이 수십 MB가 되는 일도 흔하다.최근에는 인공지능에 pdf 파일을 첨부할 때 용량을 줄여서 올려야 할 때도 많다.그동안 이곳 저곳에 공개된 온라인 무료 압축 사이트를 사용했지만 사용할 때마다 몇 가지가 늘 아쉬운 점이 있었다.그래서 그 아쉬움을 하나씩 풀어 보려고 직접 만든 도구가 kjs PDF 용량 줄이기다. 정말 꼭 필요한 기능과 그동안 아쉬웠던 기능을 다 넣었다. 특히 압축하기 전에 미리보기로 화질을 확인할 수 있는 기능과 압축용량을 미리 확인할 수 있는 기능은 정말 필요로 했던 기능들이다. 압축하고 화질이 너무 좋아서 다시 압축할 일이 없어졌다... 2026. 9. 24.
무료 동영상 편집기 「동영상 컷 편집기」 설치 없이 쓰는 무료 동영상 컷 편집기동영상을 조금 자르고 이어 붙이고 싶을 뿐인데, 무거운 편집 프로그램을 설치하기는 부담스러울 때가 있다.컷 편집기는 인터넷 브라우저에서 바로 열리는 간단한 동영상 편집기다.일단 영상을 보자https://youtu.be/bkY2zcGKw1s 정말 기본 사용자에게 꼭 필요한 내용만 넣고, 잘 사용하지 않는 무거운 기능들은 과감하게 없애 버렸다.가입이나 설치가 필요 없고, 영상은 인터넷에 올라가지 않고 내 컴퓨터 안에서만 처리된다.아래 링크에서 실행하면 된다.https://sciencej1.cafe24.com/html5/videocutter/ 할 수 있는 것영상 자르기, 지우기, 순서 바꾸기, 여러 영상 이어 붙이기복사·잘라내기·붙여넣기제목이나 설명 글자 넣기구간별 속도 .. 2026. 9. 23.
<적극추천> 학습용 협동 학교 방탈출 게임 만들기 - 쉬운 문제 출제 - zep 스타일 ZEP 스타일의 학교 방탈출 게임이다. 오랫동안 생각만 하던 것을 만들어 보았다.당분간 계속 업데이트 된다. 단순 재미를 떠나, 학생들이 어쩔 수 없이 함께 학습할 수 밖에 없도록 하는 교육적인 기능을 모두 넣었다. 지도는 바꿀 수 없지만, 방탈출 게임속 문제들을 정말 쉽게 내가 원하는 문제들로 최대 20문제 까지 바꿀 수 있다.지도나 캐릭터는 단순하다. 게임방법도 간단하다. 캐릭터가 학교를 돌아다니며 숨겨진 문제를 찾아 풀고, 문제를 다 풀면 교문옆 보물상자를 열어서 마지막 문제를 확인하고, 그 문제의 답을 교문에 입력해서 교문을 열고 탈출 하는 게임이다.재미있는 건 모둠활동으로 진행하는 경우, 혼자서는 방을 탈출 할 수 없다. 마지막 보물상자를 열면 문제의 일부만 보여지기 때문이다. 같은 모둠원들이.. 2026. 9. 20.
3D 꼬치의 달인 보드 게임 - 1인 연습용게임 - 규칙 익히기 이것도 보드카페에서 가족들과 해 보면서 너무 재미있게 했던 게임이다.그런데 이것도 규칙이 필요하다. 실제 보드게임에서 이기려면, 규칙을 잘 알아야 한다.그래서 인공지능의 도움을 받아 프로그램으로 만들어 보았다.https://sciencej1.cafe24.com/html5/kushi/kushi.html몇번 해보니 규칙은 간단하다.이제는 실제 보드게임을 해도 잘 할 수 있을 것 같다.만들어서 몇번 해보니, 규칙이 너무 간단한게 아닌가 하는 생각이 들 정도다.규칙이 중요한게 아니라 손놀림이 중요하다. 실제 보드게임을 구매해서 해 보면 규칙과 손놀림이 합쳐 지면서 훨씬 박진감 넘치고 재미있다. https://brand.naver.com/asmodeekorea/products/5566085626 꼬치의달인 보드게.. 2026. 9. 15.
코드 777 보드 게임 - 1인 연습용 게임 - 규칙익히기 코드777 보드 게임을 보드카페에 가서 가족과 함께 했는데, 처음에 사용법을 익히는데 시간이 많이 걸렸다.그리고 숙달된 사용자들에게는 게임 규칙이 어려워 초보자가 이기기도 어려 웠다.그래서 혼자 연습할 수 있는 777 게임을 만들어 보았다.아래 링크에서 실행하면 된다. 나름 혼자서 연습을 해 보니, 규칙도 이해가 되고, 어떻게 공략해야 될지 감도 잡힌다.https://sciencej1.cafe24.com/html5/777/777.html원래는 4명이서 하는 게임인데, 혼자 연습해야 하니까. 3명은 인공지능이 한다. 그리고 룰도 약간 다르다.내가 가진 번호 3개를 1번만 1번만 맞추면 된다.(원래 게임은 내가가진 번호 3개를 3번을 먼저 맞춰야 한다)인공지능은 숫자를 맞추지 않는다. 그냥 카드만 제시할 .. 2026. 9. 14.
<적극추천>오늘의 문제 출제 프로그램 - 학생이 낸 문제와 질문으로 수업진행 학생이 문제를 만들고, AI가 검증하고, 친구들이 낸 문제를 풀고 피드백 하고, 교사는 그 문제중 몇개를 골라 골든벨 문제로 출제할 수 있는 수업 도구 구글 스프레드시트 하나로 만드는 '오늘의 문제 출제'*2026.9.11일 오후 4시 이후 업데이트 - 이전에 받은 선생님은 다시 사본 복사해서 만들어 보세요 - 교사용을 관리자용으로 명칭을 바꾸었습니다.(학생들이 교사용으로 착각하는 경향이 있어서 관리자용 으로 변경) - 보관함 기능 추가 - 교사용에서 마음에 드는 문제를 골라 보관해 두는 기능을 추가했습니다. 보관함을 누르면 모든 날짜에 보관해 둔 문제들만 모아서 화면에 나타납니다. 보관하는 방법은 학생의 번호를 누르면 됩니다. - 친구 이름 필터 - 학생들이 문제를 입력하거나 질문을 입력할 때 같은.. 2026. 9. 8.
끝말잇기 프로그램 2인용 - 어휘력 향상 - 컴퓨터와도 가능 끌말잇기 프로그램을 만들어 보았다.표준 국어대사전에 있는 낱말 명사 192,948개의 낱말을 이용한다.사람끼리도 할 수 있고, 컴퓨터와도 할 수 있다.두음 법칙을 적용할 수 있어 조금 편하게 게임할 수 있다.컴퓨터랑 하다 보면 가끔 처음보는 단어를 제시해서 곤란하게 하는 경우도 있다.게임은 아래 링크에서 실행하면 된다. https://sciencej1.cafe24.com/html5/wordchain/wordchain.html 처음 화면에서 위 그림처럼 여러가지 설정이 가능하다. 컴퓨터랑 하다 보면 가끔 황당한 단어를 제시하는 경우도 있다. 그래서 절대 못 이길 줄 알았다.컴퓨터랑 하다가 딱 1번 이겨 봤다. 2026. 8. 31.
학습용 워들(Wordle) 게임 프로그램 - 원하는 단어로 만들기 학생들이 재미있게 배운 단어를 복습할 수 있도록 '학습용 워들(Wordle) 게임'을 만들었다.교육용으로 사용하면 수업시간에 배운 중요한 단어를 스스로 찾아내는 묘미가 있다. 그 뜻도 알 수 있다. 세계적으로 유행했던 워들 게임의 규칙을 그대로 가져와서, 선생님들이 코딩을 몰라도 문제만 입력하면 바로 게임이 생성되도록 제작했다. 스마트폰, 태블릿, PC 어디서든 별도의 설치 없이 웹에서 바로 실행할 수 있다.원래 규칙은 의미있는 단어를 완성해야 칸이 채워지지만, 우측상단에 사전검사를 끄면 난이도를 고려해서 의미없는 단어를 넣어도 칸이 채워지게 했다.(사전검사를 끄지 않고 시도해 보면 어휘력 향상에 많은 도움이 된다. 단 영어는 사전검사가 되지 않는다)예전에 너무 재미있게 하던 게임이다. 우선 아래 링.. 2026. 8. 23.
윈도우에서 그림(이모지) 활용하는 법 그림 파일 없이 간단한 그림을 글자처럼 넣을 수 있다. 윈도우에서 기본 제공되는 그림(이모지)를 사용하면 된다.문서에도 넣을 수 있고, 이 사이트에서 구글스프레드 시트나 문자로 만드는 모든 프로그램에도 넣을 수 있다. 직접 이모지를 검색하고 싶으면입력창에서 윈도우키 + .(마침표) 를 누르면 나온다.그럼 이모지를 선택하고 직접 찾아 보거나, 아니면 이모지 검색을 통해서 원하는 이모지를 찾으면 된다. 윈도우에서 지원하는 이모지는 3700 여개 된다. 아래 대표적인 이모지만 모아 놓았다.이모지를 사용하면 그림파일 없이도 문자처럼 표현할 수 있다. 검색하기 귀찮으면 아래 이모지 중에 원하는 이모지를 복사해서 글자처럼 사용해도 된다. 😀 표정과 사람😀 😃 😄 😁 😆 😅 😂 🤣 🥲 ☺️ 😊.. 2026. 6. 24.
학습용 도둑잡기 멀티 플레이 카드게임 만들기 예전에는 종이에 인쇄하고 잘라서 카드를 나눠 줘야 했지만 이제는 태블릿이나 스마트기기로 쉽게 할 수 있도록 만들었다. 도둑잡기 카드게임은 앞서 소개한 원카드 게임보다 활용도가 훨씬 높다. 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 파일이다.아래 파일을 다운 받아서 작업 열기로 불러 오면 추가로 작업할 수 있다.간단한 실험이나, 영상 또 나만의 움직이는 이모티콘을 만들어서 활용할 수 있다수업시간에는 자유낙하 운동, 등속운동, 날아가는 우주선, 스포츠 동작, 감정 표현, 영어단어와 뜻.. 2026. 5. 27.

티스토리툴바