다양한 AI 활용한 "마술의 힘" 강의 교안 및 강의 홈페이지 제작

1. 소개

제 닉네임은 해피 매지션입니다. 저는 성격을 외향적으로 바꾸고 싶어 17년전 독학으로 마술을 처음 배우기 시작했습니다. 지금은 50여 가지 마술을 하는 아마추어 마술사입니다. 올해초 첫책 "마술의 힘" 책을 쓰기도 했습니다. 마술을 많은 사람들에게 보여주고 가르쳐주기도 하는데, 이번에는다양한 AI를 활용하여 마술에 대한 강의 교안을 업그레이드하고, 강의 홈페이지를 만들고자 했습니다. 앞으로 여러 강의를 할것이기에 강의 교안 만들기와 홈페이지 만들기 실습을 해보았습니다..

https://sites.google.com/view/powerofmagic

2. 진행 방법

(1) 업그레이드할 강의 선택 : 마술

  • 내 첫책 "마술의 힘" 내용과 기존 가지고 있던 "마술 강의" 교안 활용

(2) 사용한 도구

1) "마술의 힘" 강의 교안 작성

  • Skywork / Genspark / KIMI / Gamma 4개의 AI 활용하여 강의 교안 작성

2) "마술의 힘" 강의 홈페이지 작성(2주차 사례 발표 내용대로 진행)

  • ChatGPT / Gemini / Claude / Grok / perplecity의 Deep Research 활용하여 강의에 필요한 지식 조사

  • NotebooLM : 지식 소스 74개 업로드 후 각 웹페이지 제작 프롬프트 작성

  • Gemini : 프롬프트를 넣어서 각 웹페이지의 코드 소스 작성

  • Google Sites : Gemini에서 만든 코드 소스를 사용하여 "마술의 힘" 강의 홈페이지의 8개 웹페이지 제작

  • Skywork : 책 PDF, 강의 교안 PDF를 활용하고, Google Sites에서 만든 8개 웹페이지 제목을 제공하여 홈페이지 제작

(3) 구체 진행 내용

1) 강의 교안 제작

① Skywork AI 활용하여 강의 교안 제작(에듀테크 스터디 '꾸준한준님'이 활용하신 내용 참고)

  • "마술의 힘" 책 PDF 파일과 기존 "마술 강의 교안" PDF 파일 제공하여 새로운 업그레이드된 강의 교안 만들어 달라고 요청 (매일 500 크레딧 제공하는 장점이 있었음)

  • 프롬프트 넣으니 스스로 알아서 자동 실행해서 18페이지의 슬라이드 제작해줌

한국어 텍스트가있는 페이지의 스크린 샷
한국어 텍스트가있는 페이지의 스크린 샷
버튼이있는 한국 앱의 스크린 샷
  • Skywork에서 만들어준 파워포인트 18페이지 자료에 추가 자료를 넣어 최종 27페이지 강의교안 작성함

  • 생각보다 잘 만들어주었으나 제가 제공한 이미지를 활용하지 못하고, 글자가 많았음.

  • 다음은 Skywork가 만들어준 18페이지 자료(결과물 시연)

② Genspark AI 활용하여 강의안 제작(Skywork와 동일한 방법)

  • "마술의 힘" 책 PDF 파일과 기존 "마술 강의 교안" PDF 파일 제공하여 새로운 업그레이드된 25페이지 분량의 강의안 만들어 달라고 요청

한국어 문자 메시지의 스크린 샷
한국 문자 메시지의 스크린 샷
  • 알아서 25페이지의 강의 교안 제작함. 왼쪽에 글자, 오른쪽에 이미지 형태였음. Skywork와 마찬가지로 제가 제공한 이미지를 가져오지 못했기에 수정할 곳이 많았음.

  • PDF 로 다운 받으면 바탕 이미지가 보이는데, PPT로 다운 받으면 바탕 이미지가 없어지는 문제가 있었음.
    - PDF로 다운 받은 슬라이드

한국어 책의 홈페이지

- PPT로 다운 받은 25장의 슬라이드(결과물 시연)

한국어 텍스트가있는 검은 색 화면

③ KIMI AI 활용하여 강의 교안 제작(윤스케어 스터디장님이 PPT 제작에 좋다는 추천)

  • Skywork, Genspark와 동일한 방법으로 제작

Kimi 앱의 스크린 샷
  • 25페이지 슬라이드를 만들어 주었으나, 내용을 보니 일반적인 마술 지식과 트릭에 대한 내용이 많았음. 그래서 내가 제공한 책 내용과 강의 자료를 토대로 다시 작성해 달라고 요청함

흰색 배경에 한국어 텍스트
한국 이름과 숫자 목록
  • 파일로 받기 요청해서 다운로드를 하려고 했으나 파일이 열리지 않음. 메일로 전송했다고 했지만 도착하지 않았음. 구글 슬라이드 편집 링크를 제공해준다고 하여 클릭했지만 열리지 않아 결국은 포기함. (토요일 모각때 윤스케어 스터디장님께서 시연을 할때는 잘 만들어주던데..ㅠㅠ)

④ Gamma AI 활용하여 강의 교안 제작(Gamma 에이전트가 달렸다는 카카오톡 내용 확인)

Adobe Adobe Adobe Adobe의 한국어 버전 a
  • Skywork, Genspark와 동일한 방법 사용

  • 무료 플랜에서 400개의 초기 크레딧이 제공됨. 이 크레딧은 다시 채워지지 않음. 하나의 프레젠테이션을 만들때마다 40 크레딧이 사용됨.

  • 무료 버전이라 한번에 10장의 슬라이드 제작해줌. 먼저 "마술의 힘" 책을 활용하여 10장 제작함

두 손을 들고있는 한국 포스터
  • 다음으로 "기존 강의 교안" 활용하여 10장 제작하여, 총 20장의 슬라이드 제작함

빛이 빛나는 검은 색 화면
  • Gamma 3.0에 "에이전트" 기능이 추가된 것을 확인하고 추가 작업을 했지만 크게 개선된 것을 느낄 수는 없었음. (추가 스터디 필요)

  • Gamma 3.0에서 만든 2개(10장씩)의 슬라이드를 토대로 파워포인트에서 수정하여 완성함.
    이중 일부 슬라이드로 9월20일 토요일 모각하는 날 360 카페에서 마술에 대한 이론과 실습 강의에 활용함. 오늘도 여러분 모두를 대상으로 간단한 마술을 해보겠음. (결과물 시연)

2) 강의 홈페이지 제작

① ChatGPT에게 효과적인 강의 활용 TOOL 문의하니 다음 것들의 추천함.

  • 프레젠테이션 강화 도구 : Canva, Gamma, Beautiful

  • 청중 참여형 도구 : Mentimeter, Slido

  • AI 보조 발표 도구 : Tome AI, Prezi

  • 온라인 강의용 플랫폼 : Miro, Notion

  • 강의 자료 공유하여 복습과 확산 : Google sites, padlet ▶ Google sites로 만들기로 결정

② 강의 지식 조사

  • 2주차 사례발표했던 것처럼 ChatGPT / Gemini / Claude / Grok / perplecity 5개의 LLM의 Deep Research 등 활용하여 마술에 대한 지식 조사 (PDF 파일, 홈페이지 및 유튜브 URL)

③ 5개 LLM에서 찾은 지식 소스를 Notebook LM에 업로드 (총74개)

  • 조사한 PDF 파일, 홈페이지 및 유튜브 URL을 업로드함.

한국어가있는 앱의 스크린 샷

④ Notebook LM에서 강의 홈페이지 페이지 작성을 위한 프롬프트 요청

한국 페이스 북 페이지의 스크린 샷

⑤ 첫 페이지 프롬프트를 Gemini에 입력하여 google sites에서 제작할 코드 소스 작성

  • Gemini에 입력한 프롬프트 일부

    한국의 Google 검색 페이지의 스크린 샷
  • Gemini가 만들어준 첫번쩨 페이지의 코드 소스

중국어가있는 웹 페이지의 스크린 샷

⑥ google sites에서 첫번째 페이지 제작
- Gemini에서 만든 코드 소스를 입력하여 첫번쩨 페이지 제작

한국 버전의 Google Docs의 스크린 샷

- 첫번째 페이지의 모습

한국어 페이지의 스크린 샷

⑦ ④번부터 ⑥번 작업을 7번 반복하여 2페이지부터 8페이지까지 페이지 작성하여 강의 홈페이지 완성(처음 나온 이미지가 마음에 안 들어 반복 수정하는데 시간이 많이 소요됨)

https://sites.google.com/view/powerofmagic

⑧ '꾸준한준'님 했던것처럼 Skywork을 활용하여 홈페이지 제작 시도. 크레딧이 부족하여 1개월 유료 결제 후 제작함.(1개월 7,000 크레딧 제공)
- 프롬프트 입력하자 자동 실행하여 제작

한국 문자 메시지의 스크린 샷
한국어 문자 메시지의 스크린 샷

- 몇번의 수정과정을 거쳐 1시간 30분만에 홈페이지 제작 완료함.

�흰색 배경에 한국어 텍스트의 스크린 샷
흰색 배경에 텍스트 라인의 흑백 이미지

- 이미지 수정 등의 추가 작업이 많아 많은 크레딧을 사용함

��한국어 앱의 스크린 샷

https://skywork.live/share/v2/website/1972459081712197632?pid=1972441728520728576&sid=website-0yxj18iEH&t=website&pure=1

3. 결과와 배운 점

(1) 결과 및 배운점
- Skywork, Genspark, KIMI, Gamma를 통해 강의 교안 제작하는 방법을 배움
- 교안 작성 품질은 Gamma > Genspark = Skywork. KIMI?(제가 사용법을 잘 모를 수 있음)
- 각종 LLM 활용하여 강의에 필요한 여러 지식 조사
- Notebook LM에 지식을 업로드한 후, 웹사이트 제작에 필요한 프롬프트 작성 방법
- Gemini를 통해 웹페이지를 만들 코드 소스 및 미리보기 만드는 방법
- Google Sites 도구 / Skywork을 통해 웹사이트 페이지 작성 방법

(2) 시행착오 및 추가 작업할 내용
- 토요일 모각때 스터디장님께 KIMI 사용에 대해 문의함. 스터디장님은 결과물이 잘 나왔으나 나는 동일한 프롬프트를 넣었는데 결과가 다운이 안되었음.
- 만들어준 웹페이지 내용과 디자인이 마음에 들지 않아 계속 Gemini에서 코드 소스 반복 수정하는데 시간이 많이 소요됨.
- Skywork에서는 디자인 수정 등에 많은 크레딧이 차감되는 것 확인함.

(3) 앞으로의 계획
- AI 활용하여 내 강의 컨텐츠(자기 경영, 행복한 성공, AI가 바꾼 일상 등)와 홈페이지 제작
- AI 활용한 1인 창업 활동 지속

4. 도움 받은 글

  • 꾸준한준님(3주차 발표)이 발표하신 Skywork 활용한 "요요없는 다이어트 & 유지어터 완전정복" 책 요약본 만든 사례와 Skywork 활용하여 홈페이지 만든 사례가 도움이 되었습니다.

  • 구기모님(생소님, 1주차 사례)이 발표하신 "기존 재태크 강사의 홈페이지 제작(가상)"도 도움이 되었습니다.

  • 에듀테크 스터디장님 두분과 스터디원분들의 열정에 감동하여 저도 열심히 실행을 하였습니다. 감사합니다.

2
3개의 답글

👉 이 게시글도 읽어보세요