로고

다온주간보호센터
로그인 회원가입
  • 자원봉사&후원안내
  • 자원봉사&후원신청
  • 자원봉사&후원안내

    자원봉사&후원신청

    제미나이로 HTML 바이브코딩 게임 만든 후기2

    페이지 정보

    profile_image
    작성자 정열적인철편15
    댓글 0건 조회 110회 작성일 26-02-16 07:44

    본문

    캔바의 AI 코드 생성 기능을 활용하면 초등학생도 이렇게 멋진 게임을 30분만에 뚝딱 만들어낼 수 있습니다. 학생들에게 재미있는 아이디어를 열어볼 수 있게 하는 즐거운 시간이었답니다.​캔바 바이브 코딩을 처음 학생들이 접해보는 것이기에 마음에 드는 게임을 만들어보라고 하였습니다. 그리고 결과물은 패들렛으로 정돈하였습니다.​캔바 바이브 코딩 들어가기학생들에게 캔바 AI에 접속하여 바이브 코딩을 할 수 있도록 안내하였습니다. 사전에 해야할 몇가지 사항이 있습니다. ​[사전 필수사항]태블릿 개별 구글 로그인 - 정보부장님께 학생별 구글 아이디를 받아주세요.캔바 가입 - 학급 초대 바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임 : 교사 인증된 캔바 아이디로 학급 학생들을 초대합니다.​캔바 AI 코딩 순서입니다.캔바 홈 화면에서 Canva AI - 코드 생성 을 클릭합니다.​​2. 코드 생성 설명창에 내가 원하는 프로그램 혹은 게임을 텍스트로 설명합니다. 이렇게 하면 프로그램을 만들어주는데 만들어지는 프로그램에 추가 명령을 하여 보완합니다.​​3. 오른쪽 버전 창을 보고 보완점을 확인합니다.​​4. 수정보완 텍스트 - 저는 캐릭터의 크기가 너무 작아서 키우고, 미사일이 여러가지로 날아올 수 있도록 하였습니다.​​5. 수정보완에는 프롬프팅 명령에 따라서 1~2분 혹은 3~4분이 걸리기도 합니다. 저는 바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임 여러가지 종류로 미사일이 나올 수 있도록 명령해보았습니다.​​6. 혹시라도 중간에 나가지는 친구가 있다면 왼쪽의 햄버거 홈버튼 을 누르면 - 만들던 명령창이 다시 나옵니다.​​웹사이트 게시하기코딩이 완성된 프로그램은 다음과 같이 공유합니다.디자인 사용 - 웹 사이트 클릭​2. 캔바 에디팅 바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임 창이 나오면, 공유 - 웹사이트 클릭​​3. 웹사이트 - 게시를 클릭합니다.​4. 로딩을 기다립니다.​5. 웹사이트의 주소를 복사하여 패들렛에 게시합니다. 패들렛에 게시해야 자신의 작품을 쉽게 공유할 수 있습니다.​수업장면태블릿과 유선 키보드를 연결하여 텍스트를 쉽게 작성할 수 있도록 하였습니다. 바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임 ​​어떤 아이디어로 만들지 고민하는 친구들입니다.​​학생들이 평소에 좋아하던 게임이나 생각들을 가감없이 풀어서 놀이로 만들어냅니다.​​마지막에는 패들렛 QR코드를 카메라로 찍어서 자신의 작품을 공유합니다.​나만의 게임 작품 모음캔바 AI코딩으로 다양한 게임들을 개발하고 패들렛으로 모아보았습니다.​​▼ 나만의 게임 바이브 코딩 패들렛 ▼Padlet으로 만듦​다음에는 수업에 필요한 다양한 프로그램들을 개발해서 활용해보는 것으로 진행해봐야겠습니다.​학생 Canva AI 사용권한 주기Canva AI는 선생님이 설정에서 팀으로 초대한 학생들에게 권한을 주시지 않으면 학생들에게는 바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임'>바이브게임 보이지 않는답니다. 해당 문의가 많아 정돈합니다.​[Canva AI 사용권한 주는 법]Canva 왼쪽 아래 프로필 - 설정 을 클릭합니다.​​2. 설정에서 스크롤을 내려서 '사용권한'을 클릭합니다.​​​3. 사용 권한 - Magic 및 AI를 선택합니다.​​​4. 누가 Canva AI를 이용할 수 있나요? Canva 코드를 사용할 수 있는 회원 탭으로 이동합니다.​​5. 두 탭 모두를 '모든 사람'이 활용할 수 있도록 체크를 합니다.​이렇게 권한을 설정하면 팀으로 초대한 모든 학생들이 Canva 코드 및 AI기능을 활용할 수 있습니다.

    댓글목록

    등록된 댓글이 없습니다.