쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱

온라인 코딩 교육, 게임 앱 만들기 3차시 위드 라이브 프로그래밍 개념 마스터 1단계 – 3차시

자바스크립트 텍스트코딩으로 앱을 만드는 셋째 주!
줌 수업 등 수많은 컨택수업 중에서도 위드라이브 온라인코딩 교육은 특히 아이들이 재미있다며 즐겁게 기다리는 수업이다.

1:1 수업과 1:1 수업 중 게임 어플을 만들어가는 과정 중에 같이 공부하는 친구들과 의견을 교환하거나 서로의 결과물도 비교할 수 있는 1:1 코딩 수업으로 진행 중인데 인원이 늘어나는 만큼 수업시간이 길기 때문에 코딩도 여유롭게 할 수 있고 줄리의 만족도도 높다.

일방적으로 선생님 강의를 듣는 게 아니라 아이들이 그날의 미션을 완수할 수 있도록 코드에 대한 힌트를 주면서 함께 만들어 가는 수업이라 1시간 30분 수업이 금방 끝날 것 같다.

'추천 관련글,

기초과정인 프로그래밍 개념 마스터는 한 달에 4개의 앱을 만드는 것이 한 세트로 진행되며 3개월에 한 수준으로 진행된다.

프로그래밍 필수 개념을 단계적으로 응용하면서 앱을 만드는 것이다.

초급단계 첫 3개월 동안 프로그래밍 언어에 집중하고 다양한 명령어와 원리를 이해하고 코딩하는데 집중!

레벨1의 세 번째 수업 주제는 여로를 가로막는 수수께끼. 퀴즈를 풀고 정답을 맞혀야 큐브를 옮겨 목적지로 갈 수 있는 간단한 게임 앱을 코딩해 볼 예정이다.

새롭게 배우는 주요 명령어는 on Signal, send Signal, kill, revive

‘자바스크립트 언어’가 영어로 구성되어 있어서 단어의 의미만 알아도 어느 정도 기능을 짐작할 수 있는데 수업 때 슬쩍 들어보면 선생님도 영어 단어의 의미와 함께 이해하기 쉽게 가르쳐 주는 것 같다.

텍스트 코딩 숨겨진 장점의 하나는 영문판에 익숙해지는 것 같다.

배경을 설정하고 캐릭터를 골라 조이스틱으로 캐릭터를 움직이게 하며 퀴즈를 맞추고 조건을 충족하면 장애물을 움직일 수 있는 등 순차적으로 조건을 만들어 원하는 행동을 유도하는 과정을 코딩해 자연스럽게 사고력도 익힌다.

퀴즈를 맞혀야 하는 조건을 만들면서 아이들은 각자 자신이 묻고 싶은 질문을 ○X퀴즈로 만들었다.

열심히 코딩하다가 에러가 나면 다시 돌아가서 디버깅!
차근차근 논리를 맞추고 오류를 찾는 과정.

가끔 선생님 질문에 답하면서 수업에도 열심히 참여하는 모습을 보면 만족.세 번째 수업에서 아이들이 코딩한 내용은 크게 네 단계를 해결하는 과정이다.

버튼을 누르면 표시되는 퀴즈 코딩 문제와 함께 표시되는 OX 표시 코딩의 정답을 맞추면 방해물을 드래그할 수 있도록 코딩 목적지에 도착하면 성공장면으로 이동하도록 코딩

줄리가 만든 코드를 가만히 들여다보니 컴퓨터가 이해할 수 있는 언어와 함께 줄리가 코드를 보고 알 수 있도록 주석도 꼼꼼히 넣어둔 것이 보였다.

블록을 맞추면 되는 엔트리 코딩과 달리 텍스트 코딩은 해놓은 것을 보면 만든 사람의 성격도 나오는 것 같다.

ㅎ

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 10

수업시간에 열심히 만든 앱을 퍼블리싱하면서 제목도 넣고 설명도 적어서 완성!
!

조이스틱으로 캐릭터를 움직이고 조절하다가 중간에 나오는 퀴즈를 풀고 큐브에 도착하는 게임입니다.

”

이런설명문도선생님이읽어주는것이아니라아이들스스로만들어쓰는것이다.

위즈라이브 온라인 코딩 교육 수업시간에 완성된 앱, 주리가 실행해 보는 영상~ 엄마만으로도 마우스로 조이스틱을 조작하는 것이 조금 미숙해 아이들이 잘한다.

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 11

수업이 끝나고 교재를 보면서 다시 정리해보자!

캐릭터가 버튼을 만지면 퀴즈가 화면에 나타나도록 코딩하면서 상황을 판단하고 어떤 코드를 써야 할지 고민하면서 문제를 해결한다.

신호를 보내고 시간차를 두고 내용이 바뀌는 등 다양한 조건을 명령어를 통해 충족시키는 일은 별로 없을 것 같지만 컴퓨터를 이해할 수 있도록 하나씩 조건을 만드는 데 익숙해지려면 꽤 신경을 써야 한다.

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 12

코딩 실력을 더 올리고 싶다면?한시간 반 수업이 끝난 후 교재를 참고하여 추가 미션을 해결해 본다!
!
!

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 13

첫 번째 문제를 맞히면 두 번째 문제가 나타나도록 코딩하는 추가 미션 도전!

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 14

선생님의 코칭 없이 직접 하는 추가 미션이기 때문에 열심히 생각하고 진지하게 코딩 중이다.

쉽게 만들 수 있는 3차시 위드 라이브 온라인 코딩 교육, 게임 앱 15

몇 번의 시행착오를 겪었지만 완성!

초등학교 코딩, 주리가 만든 게임앱 추가 미션까지 알차게 넣어서 주리가 만든 게임앱.주리가 코드에 대해서 열심히 설명해 주는 영상이니까 한번 플레이 해 주세요~!

캐릭터는 조이스틱으로 이동해 고양이 버튼을 누르고 게임을 시작하며 OX퀴즈 2개를 맞히면 장애물인 고양이 석상을 정리하고 목적지인 큐브에 도착한다.

줄리가 만든 앱을 실행하려면 아래 링크를 클릭하여 PLAY!
컴퓨터와 모바일 모두에서 실행되는데, 이렇게 매 수업마다 하나의 앱을 완성하고 성취감이 생긴다.

https://wizlab.net/wizapp 누구나 쉽게 게임을 만들고 코딩을 체험할 수 있는 소프트웨어 교육 서비스입니다.

wizlab.net 수업시간이 아니더라도 위드랩 플랫폼에서 무료로 간단하게 코딩 도구와 리소스를 활용해 게임 앱을 만들 수 있기 때문에 게임 앱 개발에 관심이 있다면 위드랩을 활용하는 것이 추천!
!
!