본문 바로가기

스마트러닝/스마트러닝219

인공지능 제미나이로 챗봇 만들기-욕쟁이 할머니 챗봇(임시정리) 인공지능을 챗봇으로 만들어 대화를 하면 좀 더 전문적인 대화가 가능하다.인공지능에게 역할을 부여하면, 인공지능은 자신의 역할에 충실하게 답변을 해 주기 때문이ㅏ.일단 아래 링크에 접속해서 욕쟁이 할머니 챗봇과 이야기를 나눠 보자.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.

학습용 테트리스 만들기(제작중) 테트리스 게임에 단어들을 집어 넣어서, 테트리스게임을 하면서 단어를 맞추는 프로그램을 만들어 보았다.단순히 테트리스 게임만 하는게 아니라, 단어도 확인할 수 있기 때문에 학습효과를 볼 수 있다.줄을 없애는 것도 중요하지만, 블럭들을 조합해서 왼쪽에 제시된 단어를 만들어 내면 가산점이 상당히 높다.따라서 간단한 용어들도 학습이 가능하다. 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.

구글 제미나이(gemini)로 초간단 바이브 코딩 하고 공유하기 인공지능을 이용하면 바이브 코딩을 할 수 있다. 다양한 인공지능이 경쟁을 하고 있는데 최근에는 제미나이 성능이 점점 뛰어나지는 것 같다.구글은 세상의 거의 모든 데이터를 다 가지고 있다. 그래서인지 시간이 지날수록 구글에서 만든 제미나이 성능이 뛰어나다는 느낌을 받는다.그리고 제미나이 특징은 완성된 프로그램을 별다른 작업 없이 바로 공유해서 학생들에게 제공할 수 있다는 점이다.최근에 나를 놀라게 하는 것은 코딩뿐만 아니라 뛰어난 인공지능의 창의성(?)이다.내가원하는 프로그램을 자세히 설명하는 것 보다, 큼직하게 설명하는 것이 항상 그런건 아니지만 때로는 더 잘 만들어 준다.아래 비유가 맞는지 모르겠지만, 가끔은 아래 비유와 같은 느낌을 받는 것도 사실이다.예를 들어 그림을 그리는 것에 비유하면 : '선생.. 2025. 8. 1.

배틀쉽(battle ship) 게임(2인용) - 태블릿 1대로 2명이 하는 게임 배틀쉽 게임을 태블릿 1대 가지고 두명이서 함께 할 수 있게 만들었다. 오목게임 처럼 태블릿 1대로 2이 할 수 있다종이에 그리지 않고도 할 수 있다. 게임은 아래 링크를 눌러 시작하면 된다.https://sciencej1.cafe24.com/html5/battleship2/battleship.html1. 첫번째 참가자는 두번째 참가자가 보지 못하게 하고, 먼저 배를 화면에 배치 한다. (두번째 참가자는 배치하는 화면을 보면 안된다.)배치가 끝나면 배치완료를 누르고 두번째 참가자에게 태블릿을 넘긴다.2. 두번째 참가자는 첫번째 참가자가 보지 못하게 하고 같은 방법으로 배를 배치한다. (첫번째 참가자는 두번째 참가자가 배를 배치하는 동안 화면을 보면 안된다)3. 배치가 끝나면 시작하기를 누르고, 첫번째 참.. 2025. 7. 6.

구글 제미나이 인공지능으로 1분 만에 초간단 퀴즈 만들어 공유하기 구글제미나이가 업데이트 되면서 성능이 막강해 졌다.구글에서 다른 인공지능과 경쟁하기 위해 대부분의 기능을 무료로 마구 쏟아내고 있다. 노트북LM에서 하던 것을 구글 제미나이에서 거의 다 지원하는 듯 하다.그리고 구글설문지로 만들던 퀴즈를 바로 만들어서 학생들에게 제공할 수 있다. 그냥 놀라울 따름이다.예전에는 인공지능을 통해 문제를 만들고, 구글설문지로 옮기는 과정을 거쳐야 했지만, 이제는 바로 풀수 있는 퀴즈프로그램을 만들어 준다.학생들이 바로 풀고 복습도 할 수 있다. 로그인도 필요 없다.(단점은 구글설문지 처럼 제출 받을 수는 없다. 이것도 곧 가능해 지지 않을까?)1. 교과서 pdf 파일과 지도서 pdf 파일을 올린다.2. 객관식 5문제 구글설문지 퀴즈로 만들어 줘 라고 시키니 바로 객관식 퀴즈 .. 2025. 7. 6.

삼각형 웹용 직소퍼즐 만들기3.0(통합본) - 구글스프레드시트용 삼각형 웹용 직소퍼즐 만들기3.0 - 구글스프레드시트용이전에 만들었던 삼각형 웹용 직소퍼즐을 3.0으로 업데이트 했다.만드는 방법을 직접 입력하는 방식이 아니라, 구글스프레드시트에 입력해서 만들 수 있게 했다.아래 링크에 접속해서 학생입장에서 일단 도전해 보기 바란다.http://edgo.kr/njP4u 삼각형 퍼즐은 2가지 종류가 있다. 쉬운 11문제 출제용이 있고, 18문제 출제용이 있다. 11문제용은 쉽게 문제를 출제할 수 있고, 수업시간에 간단하게 투입할 수 있다.(문제수가 많은 것은 만드는데 시간이 많이 걸리기 때문에, 매 시간 투입하는 것이 어렵다는 단점이 있었다)18문제용은 조금 더 오랜 시간을 가지고 문제를 풀게 할 수 있다. 단원 마무리 용으로 적합하다. 오프라인에서도 사용 가능하게 .. 2025. 7. 2.

피타고라스 정리(페리갈의 증명 - 가상실험) 수학시간에 배우는 피타고라스 정리를 페리갈의 증명을 이용해 확인해 볼 수 있게 만들었다.아래 링크 가서 실행시키고, 큰 정사각형 안에 있는 도형들을 이동시켜 작은 정사각형에 채워 넣으면 된다.https://sciencej1.cafe24.com/html5/pythagoras/pythagoras.html그래서 a^2 + b^2 = c^2 이 됨을 확인해 볼 수 있다.성공하고나면 반대로 작은 사각형 안에 들어있는 조각들을 옮겨 큰 사각형을 채워 볼 수 있다. 밑면과 높이를 변화시켜 볼 수 있는 피타고라스 정리는 아래 링크에서 실행하면 된다. 밑면과 높이를 조절해서 직각 삼각형 모양을 바꿀 수 있다.이를 통해 어떤 직각 삼각형이 든지 피타고라스 정리가 성립된다는 걸 확인할 수 있다.https://scienc.. 2025. 6. 24.

스토리 큐브(글자용) 웹용 프로그램 -원하는 단어를 이용해서 이야기 만들기 원하는 단어를 이용해서 스토리큐브 프로그램을 만들 수 있다.사용방법은 아래 링크에 있는 그림용과 같다. 단 그림 대신 수업과 관련된 글자를 직접 입력해서 만들 수 있다.https://sciencelove.tistory.com/483063 스토리 큐브 웹용 프로그램 – 이미지를 보고 이야기 만들기스토리 큐브 웹용 프로그램 – 아래 링크에서 실행하면 된다.https://sciencej1.cafe24.com/html5/story/storycubeimg.html위 그림을 보고 만들어 본 예시(1. 해도 소용 없을 거라고 너는 안된다고 했지만, 4 동료sciencelove.com그림이 여러가지 의미를 내포하고 다양한 이야기를 이끌어 낼 수 있지만, 수업시간에 맞는 이미지를 이용하는 것이 쉽지 않다.하지만 글자용.. 2025. 6. 20.

스토리 큐브 웹용 프로그램 – 이미지를 보고 이야기 만들기 스토리 큐브 웹용 프로그램 – 아래 링크에서 실행하면 된다.https://sciencej1.cafe24.com/html5/story/storycubeimg.html위 그림을 보고 만들어 본 예시(1. 해도 소용 없을 거라고 너는 안된다고 했지만, 4 동료들과 함께 노력했더니, 2 어느새 스타가 되어 있었고, 5 돈도 많이 벌어서 좋은 일도 할 수 있었다. 8 기록으로 남겨 다른 친구들에게 모범이 되야 겠다) 스토리큐브 그림용 프로그램이다. 예전에 다운로드해서 실행 했는데 웹상에서 바로 실행할 수 있게 새로 만들었다. 그림은 74개의 그림 중에 랜덤으로 9개가 보여 진다. 그림을 드래그 해서 위 녹색 직사각형에 순서대로 끌어다 놓면 된다. 학급운영할 때는 자신의 기분이나 마음을 표현하게 할때 사용하게 .. 2025. 6. 19.

NotebookLM 이용하여 수업지도안과 평가자료 만들기 NotebookLM 을 이용하면 쉽게 다양한 자료를 만들 수 있다. 기본적으로 출판사에서 제공한 교과서 파일과, 지도서 파일을 이용해서 간단하게 수업지도안과 평가자료 그밖에 질문이나, 활동지 등을 만드는 방법을 알아 보자.1. 우선 출판사에서 제공하는 교과서 파일과 지도서 파일이 필요하다. (내가 원하는 차시만 잘라서 준비한다.)한글과 컴퓨터를 설치하면 함게 설치되는 한pdf 2024 에서 출판사에서 제공되는 교과서나 지도서 pdf 파일을 불러 들인 다음, 도구 쪽 추출하기에서 필요한 차시만 잘라서 저장해서 사용하면 된다. 위와 같은 방법으로 1차시분 교과서 파일과 지도서 파일을 준비한다.또는 아래 사이트에 가서 원하는 부분만 잘라도 된다.https://sciencelove.com/483084 pdf 분.. 2025. 6. 1.

구글 스튜디오 veo2(veo3)로 간단한 동영상(실험 동영상) 만들기 구글 AI 스튜디오를 이용하면 무료로 8초 짜리 동영상을 만들 수 있다.무료 버전에서는 veo2 까지 지원된다.Veo2는 구글이 개발한 무료 생성형 AI 영상 도구다. 사용자는 텍스트 프롬프트만으로 원하는 장면을 영상으로 구현할 수 있다. 또는 사진을 올리고 그 사진을 이용해서 영상을 만들 수 있다. 기존 영상 제작 방식에 비해 훨씬 빠르고 비용이 들지 않는다. veo3 부터는 유료 사용자만 가능하고 veo3의 경우에는 영상에 소리까지 생성할 수 있다.무료버전인 veo2를 이용해서 간단한 영상을 만들어 보자.잘만 활용한다면 간단한 실험영상이나, 수업관련 영상도 제작이 가능하다.만드는 방법도 아주 간단하다.1. 구글 AI 스튜디어에 접속해서 구글계정으로 로그인 한다. https://aistudio.goog.. 2025. 5. 29.

인공지능에 대한 단상(2025.5.12.) - 인공지능은 나를 바보로 만들고 있는건 아닐까? 최근에는 인공지능과 함께 프로그램을 만들고 있다. 언제 부터 인가 나도 모르게 바이브 코딩(Vibe coding)을 하고 있다. 바이브 코딩(Vibe coding)은 대규모 언어 모델(LLM)에 프롬프트를 입력하여 문제를 해결하는 AI 기반 프로그래밍 이다. 프로그램을 한번도 해보지 않은 사람들도 내 생각을 표현하는 것 만으로 프로그램을 만들 수 있다. 최근에 내가 만드는 프로그램의 90% 이상은 인공지능의 도움을 받아 만들고 있다. 매번 코딩 하지 않고 만들고 싶은 내용을 설명만 잘 해도 거의 완성된 프로그램을 만들어 준다. 마음에 안드는 몇가지 부분만 수정하면 완벽한 프로그램이 된다. 수정하는 부분도 왠만하면 인공지능에게 시킨다. 인공지능을 사용함으로서 나의 프로그램 능력이 인공지능을 사용하기 전 .. 2025. 5. 12.

vrew 로 동영상 만들기(인공지능이 영상 자동 추가) 1. vrew 사이트에 접속한다.https://vrew.voyagerx.com/ko/2. 다운로드를 눌러 프로그램을 다운 받아 설치한다.3. 설치가 끝나면 프로그램을 실행한 후 대본이나, 대화 파일을 올리고 영상을 만들면 된다.notebookLM 에서 만든 한글 팟캐스트 이용해서 동영사 팟캐스트 만드는 방법이다.대화 파일은 아래 링크에서 미리 만들어 오기 바란다.https://sciencelove.com/483010 notebookLM 이용하여 인공지능으로 한글 대화 팟캐스트 만들기이제는 심층대화을 한글로도 만들어 준다. 너무 잘 만들어 주기 때문에 놀라울 뿐이다. 만들어진 대화를 다운로드해서 클로바 노트에 가서 올리면 대본집을 만들 수도 있다. 단 설정에서 출력언sciencelove.com 1. 프로.. 2025. 5. 7.

이전 1 2 3 4 ··· 11 다음

티스토리툴바