‘CT 요소 중심모델’을 기반한 아동 SW코딩 동화책 콘텐츠 개발 연구

1-1 SW코딩 동화책 연구 배경 및 목적

2015년 개편 교육과정에 따라 초등학교 SW(software) 코딩교육이 정규과목으로 지정되었다. 코딩교육에서 중요한 것은 단순히 배우고 익히는 것만이 아니라 아동들이 얼마나 교육에 집중할 수 있느냐는 점이다. 따라서 MIT (Massachusetts Institute of Technology) Media Lab의 엠블럭(mBlock) 사이트에서는 창의 컴퓨팅 교육의 기본 철학으로 코딩을 통해 놀이(play)하면서 만나고(meet), 공유하면서(share) 배우는(learn) 학습을 지향하고 있다[1].

교육 현장에서는 효과적인 코딩교육의 시행을 위한 다양한 교수학습모델이 개발되고 있다. 이러한 교수학습모델은 코딩교육의 주목적인 컴퓨팅적 사고 향상을 핵심으로 하고 있으며 기본적인 학습 목표 영역을 지식, 기능, 태도의 향상을 대상으로 하고 있다. 김진숙 등의 연구에서는 컴퓨팅사고의 핵심 구성요소를 포함한 코딩교육 학습모델로 CT (Computational Thinking) 요소중심모델을 제시한다. CT 요소중심모델은 문제해결 학습법으로 분해, 패턴인식, 추상화, 알고리즘, 프로그래밍의 절차를 가진 모델로 종합적 코딩 학습모델이다[2].

문제는 이런 학습모델의 개발에 있음에도 불구하고 여전히 코딩 학습은 어렵게 느껴지고 아동의 눈높이에 맞지 않은 경향이 있다는 점이다. 아동을 대상으로 한 사전 인터뷰에 따르면 학교 코딩 수업이 어렵고, 코딩 학습에 대한 흥미도가 낮으며, 학습 동기부여가 낮다는 문제점이 있었다. 또한 코딩이 실생활과 연계성이 적다고 여겨져서 왜 배워야 하는지 목적을 알지 못하는 경우가 있었다. 이는 아동 코딩교육에 있어 적절한 학습모델의 발굴과 적용이 필요함과 동시에 전달 매체에 대한 고려 또한 함께 되어야 한다는 점을 지적할 수 있다.

이런 관점에서 아동 코딩의 효과적 전달 매체로 고려되고 있는 것이 바로 동화책이다. 동화책은 아동들이 가장 접근하기 쉬운 매체이며 교육 목적 전달을 효과적으로 달성할 수 있는 콘텐츠라고 할 수 있다. 이러한 동화책의 교육적 효과성은 여러 연구를 통해 입증되었다. 이은미는 그림 동화책이 태아일 때부터 부모의 목소리와 시각을 통해 태교를 시작하면서부터 아동이 접하는 친근한 매개체로, 그림 동화책은 아동의 두뇌를 자극해 상상력을 키워주고 언어발달과 올바른 인격을 형성할 수 있는 아동에게는 꼭 필요한 지침서와 같다고 하였다[3]. 정누리와 김정렬은 동화책은 학생들에게 학습 부담을 줄이면서 언어 능력과 정서적 측면의 인성교육까지 동시에 할 수 있는 유용한 교육적 자료로 활용될 수 있다고 하였다[4].

우리나라에서 발간된 코딩 동화책이 2017년 이후 많지는 않지만, 꾸준히 발간되고 있는 것은 동화책이란 매체가 가지고 있는 친숙성과 교육 효과성에 대한 인정에서일 것이다. 그리고 어려운 코딩교육을 더욱 쉽게 전달하기 위한 수단으로 동화책이란 매체를 사용하고 있다고 할 수 있다. 기존 코딩 동화책들은 복잡한 용어나 개념에 대한 설명에 집중되어 있거나, 코딩교육의 모든 것을 한 곳에 집약하여 부담스러울 정도의 방대한 양을 가지고 있어 어린 학습자들의 부담감을 떨치지 못하는 한계를 가지고 있다. 따라서 설명서로 효과는 높지만 직접 학습하고 실천하는 측면에서 보완이 요구된다.

이에 본 연구에서는 코딩교육을 위한 효과적인 교수학습모델의 선정과 반영, 그리고 동화책이란 교육 매체의 적용에 있어 유효적인 스토리텔링, 캐릭터, 레이아웃, 색채, 타이포그래피 등의 고려 등을 통해 개발된 아동 코딩교육 동화책을 제안하고자 한다. 따라서 본 연구는 CT 요소중심모델의 학습모델을 적용한 동화책으로 아동들이 재미있고 쉽게 이해할 수 있는 SW 코딩 교육콘텐츠를 개발하는 것을 목적으로 한다.

1-2 SW코딩 동화책 연구 방법

본 연구 방법은 다음과 같다. 첫째, 문헌 연구를 통해 코딩교육 교수학습 모델과 동화책 구성요소를 고찰한다. 둘째, 코딩 교과를 가르치는 학교 교사와 학원 강사, 학교에서 코딩 수업을 듣는 학생과 그들의 부모에게 사용자 사전 조사 인터뷰를 진행하여 SW코딩 동화책의 요구사항을 파악한다. 셋째, 코딩교육 동화책 사례를 분석한다. 넷째, CT 요소중심모델을 기반으로 아동 SW코딩 동화책 스토리를 개발한다. 다섯째, 개발된 스토리 요소를 동화책 매체에 맞게 스토리텔링화하고 캐릭터, 레이아웃, 색채, 타이포그래피 등을 개발한다.

2-1 코딩교육 교수학습 모델

한국교육개발원의 지원을 통해 진행된 김진숙 등의 연구에서는 컴퓨팅사고의 핵심 구성요소 모두를 포함한 코딩교육 학습모델로 시연중심모델(DMM 모델), 재구성중심모델(UMC 모델), 개발중심모델(DDD 모델), 디자인중심모델(NDIS 모델), CT 요소중심모델(DPAA(P) 모델) 등 5가지 모델을 제시하고 있다. 이중 시연중심모델은 시연, 모방, 제작을 중심으로 한 모델이고, 재구성중심모델은 놀이, 수정, 재구성을 중심으로 한 모델, 개발중심모델은 탐구, 설계, 개발을 중심으로 한 모델, 디자인중심모델은 요구분석, 디자인 구현, 공유를 중심으로 한 모델이다. 이해 반해 CT 요소중심모델은 분해(Decomposition), 패턴인식(Pattern recognition), 추상화(Abstraction), 알고리즘(Algorithms), 프로그래밍(Programming)의 절차를 가진 모델로 이상의 4개 모델 모두를 포괄하고 있는 종합적 코딩 학습모델이라고 할 수 있다.

Table 1.

The SW education teaching and learning model of the Korea educational research information service

CT 요소 중심모델(DPAA(p))은 문제해결 학습법으로 분해(Decomposition) - 패턴인식(Pattern Recognition) - 추상화(Abstraction) - 알고리즘(Algorithm) - 프로그래밍(Programming) 순서로 컴퓨팅사고의 문제해결 방식으로 교육 설계된 방법이다. 이는 학습자 스스로 문제를 파악하고 분석하여 실행하는 모델로써, 사고의 구성을 목표로 하므로 현실의 문제를 해결해 가는 것에 중점에 둔다. 즉, 학생의 생활에서 당면하는 현실적인 문제에서 여러 문제를 해결해 나가는 과정을 통해 지식, 기능, 태도 등을 종합적으로 획득하여 반성적 사고를 함양하는 데 목적이 있다. 문제해결학습의 이론적 배경은 실용주의(pragmatism)에 기반을 두고 있다. 사고는 문제 상황에서 가장 활발히 촉진되며, 지식은 그 자체로서가 아니라 이를 활용하여 문제를 해결하는 과정에서 의미를 지닌다. Dewey의 경험주의 교육 이론을 기반으로 학습자의 지적 호기심과 흥미를 중시하고 있다. 문제해결이란 어떤 내용을 배우는 것보다는 문제를 해결하는 방법을 배우는 것을 의미한다[5].

Fig. 1.

CT Element Centered Model relationship

CT 요소 중심모델은 모두 5단계를 걸쳐 진행되고 단계별 역할은 다음과 같다.

Fig. 2.

CT Element Centered Model stage 5

Table 2.

The teaching and learning procedures of CT element centered model

2-2 동화책 구성요소

동화책이란 글과 그림이 하나로 구성되어, 글과 그림이 동등하게 또는 그림이 우위의 관계를 유지하는 책 형태를 말한다. 동화책은 아이들에게 있어서 가장 편리하게 접근할 수 있는 매체다[6]. 강수경은 동화책의 구성요소를 주인공의 설정, 사건의 전개, 전달 메시지, 일러스트로 구분하였다. 주인공 설정은 캐릭터의 성격과 관계 등을 세부적으로 설정하는 과정이고 사건의 전개는 인물·사건·배경의 구성요소로 스토리를 전개하는 과정이다. 일러스트는 구성·레이아웃·배치·색·원근법·명암의 고려가 필요하고 색채·형태·구도를 배합하여 전체적인 스토리 라인에 맞게 그리는 과정이다[7]. 권은정은 동화책 작품에는 ‘표현’과 ‘전달’이라는 두 가지 기능이 포함되며, ‘표현’은 형태, 색채, 질감, 구도 등의 구성요소 인지·지각의 조형 요소를 지니고 ‘전달’은 작가가 표현하고자 하는 독창적인 개성이나 상징적 가치라고 하였다. 각의 조형 표현 요소를 형, 색, 질감, 빛, 시간, 공간으로 구분하였다[8]. 신은경은 그림책은 언어라는 기표가 전달하지 못하는 차이를 비기표적 기호인 그림을 통해 전달하는 것으로 캐릭터, 그림의 기법, 레이아웃, 색조로 그림의 표현 요소를 구분하였다[9].

Table 3.

The components of a fairy tale book

본 연구는 선행연구 바탕으로 동화책의 구성요소를 스토리텔링, 캐릭터, 레이아웃, 색채, 타이포그래피로 분류하였다. 각 요소의 개념은 다음과 같이 정리하였다.

2-3 사용자 사전 조사

코딩 콘텐츠 개발을 위해 코딩 교과의 학교 교사, 학원 강사, 학교에서 코딩 수업을 듣는 학생 2명 및 그들의 부모 1명 총 5명에게 사용자 사전 조사 인터뷰를 시행하였다.

Table 4.

User pre-survey interview result

학교 교사(남, 45세)는 20명 학생에게 주 1회 블록코딩(block coding)과 피지컬 컴퓨팅(physical computing)을 가르치는데, 블록코딩은 엔트리(entry) 프로그램을 사용하고 피지컬 컴퓨팅은 아두이노(Arduino)를 사용한다고 하였다. 학생들이 컴퓨터 용어에 대한 이해와 연산과 같은 수학 개념의 접목을 어려워한다고 하였다. 코딩교육은 컴퓨터를 잘 사용하기 위한 것이 목표가 아니라 생각하는 법, 즉 논리적인 사고력을 증진하는 도구라고 하였다. 또한 학생들이 즐기면서 배우고 흥미를 잃지 않게 가르쳐야 하는 점을 강조하였다.

학원 강사(남, 50세)는 수학 코딩과 과학코딩으로 교과 내용이 연계되도록 하고 초등학생은 스크래치를 가르친다고 하였다. 수업을 진행하면 수동적으로 학습하는 학생이 있고 능동적으로 학습하는 학생이 있는데, 흥미와 호기심을 가지고 응용하는 자세가 필요하다고 하였다. 컴퓨팅 씽킹(CT)은 논리적인 사고로 실생활의 문제를 컴퓨터로 해결하는 것으로, 생각을 순서도로 정리하고 이것을 코딩 언어로 옮기는 것이 코딩 활동 과정이라 하였다. 또한 스크래치에서 제어, 연산, 변수의 개념을 잘 익히는 것이 파이선, C언어, 자바스크립트 등의 타이포 코드로 심화하기 위한 개념이라고 하였다.

초등학교 4학년 학생은 일주일에 한 번 학교 컴퓨터실에서 코딩 수업이 있는데, 엔트리를 사용하고 수업 내용이 다소 어렵다고 하였다. 수업이 어려웠던 이유는 드래그, 컨트롤 등의 컴퓨터 용어가 익숙하지 않아서라고 했다. 코딩 수업이 컴퓨터 활용에 도움 될 것 다고 하였으며, 코딩 과목의 예습 복습은 따로 진행하지 않는다고 하였다. 코딩교육 동화책이 개발된다면 재미있게 사용할 거 같다고 하였다. 동화책 주인공으로 계획하는 ‘배미’ 캐릭터에 대해서는 귀엽다고 하였다.

Table 5.

Coding education fairy tales

초등학교 6학년 학생은 서울시에 있는 초등학교에서 코딩 수업을 일주일에 1번 듣고 엠블럭과 아두이노를 배운다고 하였다. 수업 내용은 조금 이해가 되지만 임포트, 익스포트, 랜덤 등의 프로그램 용어가 어렵다고 하였다. 또한 피지컬 컴퓨팅을 실습할 때 손으로 연결하는 과정이나 장비가 고장 날 때 어려움을 겪는다고 하였다. 그러나 캐릭터를 만들고 화면을 꾸미고 게임을 만들어서 술래잡기하는 등의 놀이 과정이 흥미롭다고 하였다. 동화책을 활용한 코딩 교육콘텐츠가 개발된다면 적극적으로 사용할 것 같다고 하였다. 동화책 주인공으로 계획하는 ‘배미’ 캐릭터에 대해서는 귀엽다고 하였다.

학부모는 교육 관심도가 높은 편이며 코딩이 정규과목으로 의무화된 것은 알고 있으나 코딩에 대한 개념은 잘 알지 못한다고 하였다. 코딩교육에 있어서 전문성이 가장 중요하고 동화책을 활용한 코딩 교육콘텐츠가 개발된다면 적극적으로 사용할 것 같다고 하였다.

이로써 학생들은 코딩 수업을 컴퓨터 실에서 일주일에 1회 1시간 진행하고 4학년 때는 컴퓨터 사용 능력, 6학년 때는 피지컬 컴퓨팅 활용과 콘텐츠 제작 내용을 학습하는 것을 알 수 있었다. 코딩 수업할 때 평소 사용하지 않는 컴퓨터나 코딩 용어 사용을 어려워하고 오류 나는 부분이 있을 때 코딩 과목 자체에 어려움을 느낀다는 것을 알 수 있었다. 동화책을 활용한 코딩 교육콘텐츠는 ‘재미있을 거 같다’, ‘적극적으로 사용하겠다’라고 하는 만큼 기대하며, 주인공으로 사용하려는 ‘배미’ 캐릭터를 ‘귀엽다’, ‘유치하지 않다’, ‘재미있을 거 같다’라며 친근하게 느낀다는 것을 알 수 있었다.

2-4 코딩 교육 동화책 사례

<코딩과학동화 팜>, <2주완성 스크래치코딩>, <놓치마 과학! 정신이 코딩에 정신 놓다>, <교원 빨간펜 REDPEN 코딩>, <코딩 어드벤처> 총 5권의 코딩 동화책으로 사례분석을 하였다. 각각의 도서를 A, B, C, D, E 알파벳으로 표기하여 분석한다.

A동화책은 2023년에 출판된 것으로 총 4권의 시리즈가 있고 초등학교 저학년인 8세부터 중학생 16세를 대상으로 한다. 이벤트, 순차, 반복, 알고리즘, 디버깅, 추상화, 조건, 변수, 함수, 병렬화 등 코딩을 실행할 때 필요한 용어를 이해하기 위해 만화를 활용한다. 미션이 있어서 학습 내용을 정리하는 특징이 있다. 예를 들어 버튼을 눌러 기계가 작동하는 상황을 만화로 표현하고 ‘이벤트’의 개념을 설명한다.

B동화책은 2020년에 출판되고 초등학교 3학년부터 5학년인 10세에서 12세를 대상으로 한다. SW블록 코딩인 스크래치 프로그램을 다루고 실습 파일과 영상을 제공한다. 스토리텔링을 통해서 블록 코딩을 실습할 주제를 만화로 제시한다. 예를 들어서 주인공과 친구의 ‘공룡을 마음대로 움직일 수 있어!’ 라는 대사를 4컷 만화로 보여주고 스크래치 화면서 방향키로 공룡 스프라이트를 조정하는 방법을 설명한다. 실습 과정에서 과학과 4학년 ‘화산과 지진’, 영어과 3학년 ‘신체 부위 익히기’ 등 교과 연계를 이야기에 녹인 특징이 있다.

C동화책은 2019년에 출판된 것으로 총 2권의 시리즈가 있고 초등학교 1학년인 8세부터 6학년인 13세를 대상으로 한다. 알고리즘, 순서도, 비트, 프로그래밍 언어, 최초의 프로그래머, 좌표, 버그, 순차, 반복, 선택, 코딩 역사 등 코딩 학습을 위해서 필요한 개념과 상식을 주인공의 실생활 사건을 통해 설명한다. 예를 들어 주인공이 라면을 끓이는 방법을 설명하면서 ‘알고리즘’의 개념을 설명한다. 교과연계표를 통해서 스토리 내용과 교과 학습 내용을 연결할 수 있는 특징이 있다. 교과연계는 ‘실과 6학년-소프트웨어와 프로그래밍’에서 이루어진다.

D동화책은 2019년에 출판되고 총 78권의 시리즈로 구성된다. 6세부터 초등학교 6학년인 13세를 대상으로 한다. 개별 도서마다 새로운 이야기를 구성하고 있으며 코딩 개념을 만화로 표현한다. 동화책은 피지컬 컴퓨팅인 모디블럭과 태블릿, 어플, 증강현실 코딩 퍼즐 등의 구성품을 포함한다. 이야기의 개념을 코딩 퍼즐로 학습하고, 이야기에 나온 사물을 모디블럭으로 구현한다. 예를 들어 이야기 속 주인공의 시간에 따른 반복되는 행동으로 ‘반복’의 개념을 알려주고 AR 코딩 퍼즐로 반복하는 행동을 코딩한다. 이야기에 나온 시계를 모디 블록과 종이 모형으로 제작한다.

E동화책은 2017년에 출판되고 어린이를 대상으로 한다. 교육에서 어린이는 만 13세 미만인 사람을 일컫는다. 스크래치 프로그램을 사용하고 실습 파일을 제공한다. 코딩교육을 하는 데 있어서 학습 목표의 흥미 유발 기능으로 만화를 사용한다. 연구원과 학생들이 대화 형식으로 이야기가 전개된다.

그림 3은 5개의 코딩 동화책에서 만화가 사용되는 범위와 양을 측정하기 위한 정량적 지표이다. 시리즈 도서의 경우 한 권을 기준으로 비교하였다.

Fig. 3.

Percentage and amount consisting of cartoons in children’s books

A동화책은 총 12개의 스토리로 구성되고 총 200페이지에서 190페이지인 95%를 만화가 차지한다. 스토리를 만화로 구성하고 마지막에서 미션을 통해서 학습할 용어를 정리한다. 코딩에 대한 개념과 관련 용어의 설명을 충실히 전달해 주고 있다는 장점이 있으나 직접 코딩을 배우고 실행하는 부분이 없고, SW교수 학습모델에 대한 고려가 반영되지 않아서 CT 요소 중심모델의 문제해결 학습법 5개 과정에 대한 반영이 없다.

B동화책은 총 8개의 스토리로 구성되고 총 240페이지에서 8페이지인 3%를 만화가 차지한다. 스크래치 실습에 등장하는 소재가 4컷 만화에서 등장한다. 예를 들어 움직이는 객체를 뜻하는 스프라이트(sprite)가 공룡이라면 공룡과 관련된 간단한 만화가 학습 도입부에 있다. 교수학습모델 관점에서 보면 코딩의 기술적 측면에 집중하고 있어 문제해결 학습법인 알고리즘 부분을 잘 다루고 있고 기술적 부분을 단계적으로 쉽게 이해할 수 있는 장점이 있지만, 그 외 요소인 분해, 패턴 인식, 추상화 등의 과정은 간과되고 있다는 한계가 있다.

C동화책은 총 19개의 스토리로 구성되고 187페이지에서 144페이지인 77%를 만화가 차지한다. 만화로 코딩 개념을 생활 만화로 표현하고 각 이야기 뒤에 학습 개념을 정리하거나 참고 학습 자료로 부가 설명한다. SW교수 학습모델 관점에서 보면 C동화책은 CT 요소 중심모델 중 생활 속에서 발견된 문제를 코딩과 연계하여 분해와 패턴 인식에 효과적이며 추상화 과정이 일부 포함된다. 반면 코딩학습에 대한 내용과 실습 부분이 없어 알고리즘과 프로그래밍 과정에 관한 내용이 미비하다.

D동화책은 78권의 시리즈 각 분권에 캐릭터와 스토리가 상이하다. 한 권을 기준으로 44페이지 중 33페이지인 75%를 만화가 차지한다. 연계된 태블릿의 어플로 동화책을 음성으로 읽을 수 있고, 증강현실을 통해서 소프트웨어에 필요한 블록을 수집하는 형태로 되어있다. 하드웨어를 담당하는 모디블록으로 교육을 확장한다. 이처럼 D동화책은 78권의 동화책, 태블릿, 코딩퍼즐, 모디블럭, 블록케이스 등 포괄적으로 구성되어 있어 SW 코딩교육뿐만 아니라 하드웨어를 포함한 총체적인 코딩교육을 할 수 있다는 장점이 있으나, 반면 내용이 광범위하고 동화책-태블릿-AR-블럭 코딩-모디블럭-패키징의 일련의 과정의 학습 내용에 일관성을 파악하기 힘들고 특히 아동 혼자 학습을 전개하는데 매우 어렵다는 한계가 있다.

E동화책은 총 18개의 스토리로 구성되고 총 142페이지에서 38페이지인 27%가 만화를 차지한다. 수업 학습 목표를 만화로 표현하여 흥미를 유발하는 기능을 한다. 그러나 E동화책 SW 블록코딩 소프트웨어를 사용하기 위한 설명서의 기능에 충실하여 CT 요소 중심모델 중 문제해결 학습 부분인 알고리즘과 프로그래밍은 단계적으로 잘 설명하고 있으나 코딩에서 컴퓨팅적 사고를 키워주는 분해, 패턴 인식, 추상화 등에 대한 내용은 부족하다.

이로써 각 동화책에서 만화가 차지하는 정량적 범위는 3%에서 95%로 다양하며, 대부분 하나의 도서에 평균 11개의 사건을 구성하고, 어렵게 느낄 수 있는 코딩교육을 친숙하게 하도록 구체적인 학습에 앞서 만화를 사용함을 알 수 있었다. 또한 만화의 역할은 각 도서의 내용과 목적에 따라 코딩 실행 용어를 표현, 실습 주제를 만화로 제시, 개념을 생활 만화로 표현, 학습 목표 제시와 동기유발로 다양하게 사용됨을 알 수 있었다.

그러나 기존의 코딩교육 동화책은 개념을 학습하거나 용어를 배우는 이론적 내용만 다루거나, 실습 내용이 포함되더라도 이야기와 코딩 실습의 연계성이 적은 한계가 있으며 있다고 하더라도 너무 광범위하고 복잡하여 아동이 스스로 학습하기에 매우 어려운 상황이다. 또한 SW교육 교수학습모델에 대한 고려가 미약하여 교수학습법에 대한 반영이 부족하고 특히 CT 요소 중심모델의 관점에서 볼 때 문제해결 학습법인 분해, 패턴 인식, 추상화, 알고리즘, 프로그래밍을 간편하게 다루고 있는 코딩 동화책에 대한 연구는 부족한 실정이다.

3-1 <배미>코딩교육 동화책의 일반 개요

<배미>코딩 교육 동화책은 SW코딩이 정규 교과목인 초등학교 3학년에서부터 6학년을 대상으로 한다. 블록형 코딩인 엠블럭 프로그램을 사용하고 동화책으로 문제 상황제시와 분해, 패턴인식, 추상화, 알고리즘, 프로그래밍 등의 CT 요소 중심모델의 절차를 단계적으로 스토리텔링에 접목하였다. 곤충 애벌레를 의인화한 캐릭터가 주인공이고 부모님과 대화를 통해서 이야기가 전개된다. 하나의 간략한 이야기로 문제를 해결하고 상황에 맞는 코드를 학습할 수 있는 특징이 있다.

Table 6.

General overview of coding education fairy tale book <Baemi>

3-2 <배미>코딩교육 동화책의 CT 요소 중심모델 적용

3-3 SW코딩 교육 동화책 콘텐츠 적용

동화책을 구성하는 콘텐츠 내용의 정리보다도 교수학습모델인 CT를 어떻게 맞추어 기획하였는가에 중심을 두고 전개하였다.

Table 7.

Story of fairy tale book

2) 동화책 캐릭터

주인공 캐릭터는 배추흰나비의 애벌레를 의인화한 것으로 성별은 없고 나이는 11살이다. 성격은 호기심이 많고 끈기가 있다. 애벌레라 초록색 피부색과 더듬이, 그리고 꼬리가 있다. SD캐릭터(Super Deformation Character)로 2등신의 비율을 가지고 있어 친근하다. 문제점을 찾고 해결하려는 경향이 있고, 새로운 아이디어가 있으면 ‘BAAM’하면서 더듬이가 떨린다. 감정적이고 새로운 것을 마주하면 몹시 기뻐한다. 나비 형태의 부모님과 도서관 사서인 벌, 문제를 도와주는 꿀벌, 딱정벌레, 잠자리, 나비, 사슴벌레, 무당벌레, 반딧불이 꼬맹이의 조력자가 있다.

Fig. 4.

Design for children’s book

3) 동화책 레이아웃

동화책을 펼쳤을 때 보여지는 두 쪽에 하나의 사건 또는 두 개의 장면이 보이도록 구성한다. 화면에서 인물의 크기, 위치, 인원, 시점, 방향, 구도로 인물의 감정이 잘 표현하도록 한다. 카메라 앵글 또한 하이앵글, 미들앵글, 로우앵글로 다양하게 연출한다. 플롯이 순차적이고 고르게 분배되도록 하며 도서관에 가는 주인공과 부모, 마스크 쓰는 이유 설명, 인플루엔자 설명, 출입자명부 작성 요구, 반복되는 요구에 불편함, 해결 방법을 고민하고 코딩 발견, 코딩 프로그램 설치, SW블록 코딩 설명, 코드 알고리즘 설명, 인공지능과 TTS 기술 설명, 응용, 공유의 상황으로 레이아웃을 구성한다.

Fig. 5.

Children’s book layout

4) 동화책 색채

색채는 교육과정을 기준으로 코딩 수업을 처음으로 접하는 초등학교 3학년부터 6학년 학생이 학습 내용에 집중할 수 있도록 배경은 대체로 하얗게 여백을 주면서도 인물과 요소에 고명도·고채도의 다양한 색상을 사용하였다. 곤충 마을의 배경은 대체로 파란색과 초록색을 활용하고 주인공 또한 배추흰나비의 애벌레인 점을 고려하여 연한 초록색을 피부색으로 사용하였다. 연한 초록색의 경우 웹용과 인쇄용의 색상에 시각적 차이가 있어서 전자책에서는 웹용을 사용하고 종이책에서는 인쇄용 색상의 연한 초록색을 일부 조절하여 사용하였다. 주인공의 주목성을 높이기 위해 연한 초록색의 보호색인 주황색 의상을 착용하였다. 주인공의 부모인 나비 캐릭터는 노란색 피부색이고 파란색 의상을 착용했다.

페이지 전반에 구성된 색상 코드를 확인하기 위해 웹용 색상 모드로 설정된 동화책 전체 페이지를 하나의 이미지로 만들고, 어도비컬러(Adobe Color) 사이트에서 ‘선명하게’ 그레이디언트 추출을 실시하였다. 플롯에 따라 보조색을 구분하여 사용하였는데 부모와 도서관에 가는 발단 페이지에서는 자연적이고 편안한 분위기를 주도록 녹색과 갈색의 자연 색채를 사용하였다. 반복적으로 출입자 명부를 작성해서 불편한 감정을 느끼는 전개 페이지에서는 명도를 낮추고 주황과 빨간 붉은 계열의 색상을 주인공과 배경에 사용하였다. 코딩 책을 활용해서 해결 방법을 찾아가는 절정 페이지에서는 고채도의 다양한 색상을 사용하였다. 마지막으로 결말 페이지는 코딩을 통해 방법을 찾고 응용하여 다른 사람들에게도 공유하는 내용으로 다시 편안한 자연의 색을 활용하면서도 주인공의 붉은 색상을 활용하여 움직임을 강조하였다.

Table 8.

Color per plot page of children’s book

Table 9.

Children’s book pages