KR20190092796A - Method for coding education based virtual environment graphic - Google Patents

Method for coding education based virtual environment graphic Download PDF

Info

Publication number
KR20190092796A
KR20190092796A KR1020180011965A KR20180011965A KR20190092796A KR 20190092796 A KR20190092796 A KR 20190092796A KR 1020180011965 A KR1020180011965 A KR 1020180011965A KR 20180011965 A KR20180011965 A KR 20180011965A KR 20190092796 A KR20190092796 A KR 20190092796A
Authority
KR
South Korea
Prior art keywords
virtual environment
graphic
learning problem
program code
learning
Prior art date
Application number
KR1020180011965A
Other languages
Korean (ko)
Inventor
정래진
Original Assignee
정래진
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 정래진 filed Critical 정래진
Priority to KR1020180011965A priority Critical patent/KR20190092796A/en
Publication of KR20190092796A publication Critical patent/KR20190092796A/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G06Q50/20—Education
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00—Manipulating 3D models or images for computer graphics
    • G06T19/003—Navigation within 3D models or images
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00—Manipulating 3D models or images for computer graphics
    • G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Tourism & Hospitality (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • Computer Graphics (AREA)
  • Computer Hardware Design (AREA)
  • Strategic Management (AREA)
  • Primary Health Care (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • Educational Technology (AREA)
  • Educational Administration (AREA)
  • Architecture (AREA)
  • Human Computer Interaction (AREA)
  • Electrically Operated Instructional Devices (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

The present invention relates to a method for educating coding based virtual environment graphics, in which coding education is performed based on virtual environment graphics including virtual reality (VR) graphics and augmented reality (AR) graphics. According to one embodiment of the present invention, the method for educating coding based virtual environment graphics comprises: a learning content screen providing process of allowing an education operation server to provide a student terminal with an education content screen including a learning problem field displaying learning problem virtual environment graphics, which are virtual environment graphics including a learning problem, and a coding interface field displaying a coding interface to edit the learning problem virtual environment graphics disposed in the learning problem field; a learning problem solving process of allowing the student terminal to receive a program code value including text and image by an input of the student in the coding interface field to solve the learning problem of the presented learning problem virtual environment graphics; a learning problem answer registration process of allowing the student terminal to register the program code value to the education operation server; and a learning problem answer sharing process of allowing the education operation server to update the learning problem solving virtual environment graphics based on the program code value to share the updated graphics and the program code value with other student terminals.

Description

가상환경 그래픽을 기반으로 하는 코딩 교육 방법{Method for coding education based virtual environment graphic}Coding education method based on virtual environment graphics {Method for coding education based virtual environment graphic}

본 발명은 코딩 교육 방법으로서, 창의적으로 학습할 수 있도록 하는 코딩 교육 방법에 관한 것이다.The present invention relates to a coding education method that enables creative learning.

컴퓨터 기술이 발전함에 따라, 전자교육서비스(e-learning service)와 같이 교육생가 네트워크를 이용하여 원격 학습하는 시스템이 꾸준히 늘어나고 있는 추세이다. 참고로, 교실의 학생 및 원격지의 강사가 등장하는 가상공간을 구현하여 학생이 학습 콘텐츠에 실제로 들어간 것처럼 느끼면서 가상현실 콘텐츠와 상호 작용하는 학습을 지원하는 기술이 대한민국 공개특허공보 공개번호 10-2010-0073076(공개일자: 2010년 07월 01일)의 "가상현실을 이용한 교육장치 및 방법"에서 개시된 바 있다.With the development of computer technology, the system of distance learning using the student's network like the e-learning service is steadily increasing. For reference, a technology that supports learning that interacts with virtual reality contents while making students feel as if they have actually entered the learning contents by implementing a virtual space in which classroom students and remote instructors appear is disclosed in Korean Laid-Open Patent Publication No. 10-2010 -0073076 (published: July 01, 2010) has been disclosed in "education apparatus and method using virtual reality".

한편, 세계 주요 국가들은 프로그래밍 코딩 교육의 중요성을 인식하고 정규 교육과정에 포함함으로써 학습 문제 해결 능력을 갖춘 인재를 확보하는 것에 경쟁중이다. Meanwhile, the world's major countries recognize the importance of programming coding education and are competing to attract talented individuals with learning problem solving skills by incorporating them into the formal curriculum.

반면에, 국내 상황은 정보화 교육을 조기에 도입함으로써 IT강국으로 성장하는데 크게 기여하였으나, 2000년대 말부터 초중등 학교의 정보화 교과의 이수율이 낮아지고 있는 현황이다. 또한 그 간의 정보화 교육의 내용이 단순히 특정 애플리케이션의 활용하는 방법을 위주로 구성되어, 컴퓨팅 사고력에 기반을 둔 다양한 학습 문제를 해결하는 능력이 부족한 상황하다.On the other hand, the domestic situation has greatly contributed to the growth of IT power by introducing information education early, but the completion rate of information education in elementary and secondary schools has been decreasing since the late 2000s. In addition, the contents of information education in the meantime are mainly focused on how to use a specific application, and thus there is a lack of ability to solve various learning problems based on computing thinking ability.

따라서 컴퓨터에 표시되는 시뮬레이션 콘텐츠를 기반으로 교육생 스스로 창의적으로 학습 문제 해결할 수 있는 프로그램 코딩 학습 시스템의 필요성이 증대되고 있다.Therefore, there is an increasing need for a program coding learning system that enables students to creatively solve learning problems based on simulation contents displayed on a computer.

한국공개특허 10-2010-0073076Korea Patent Publication 10-2010-0073076

본 발명의 기술적 과제는 교육생이 주어진 문제를 해결하기 위해 화면 안의 가상 환경을 단순히 조작하여 답을 도출하는 것이 아니라, 창의력을 발휘하여 화면에 나타나는 가상 환경의 차원, 넓이, 높이 등의 환경적 요소와 가상 환경 안에 등장하는 개체의 형태, 존재 유무, 수량, 위치를 수정할 수 있도록 한다. 이를 통해 교육생은 주어진 문제의 답안을 찾는 것이 아닌 문제가 제시된 가상환경을 다각적으로 조작함으로써 문제에 대해 다양한 관점의 답을 도출할 수있도록 하는데 있다. 이를 통해 교육생은 문제 해결 능력을 키울 수 있으며, 아울러 조작한 가상환경을 다른 사용자와 공유할 환경을 제공함으로써 사용자 간에 토의 및 협업 학습을 통해 학습 효과를 신장하는데 목적이 있다.The technical problem of the present invention is not to derive the answer by simply manipulating the virtual environment on the screen to solve a given problem, but to demonstrate the creativity and the environmental factors such as the dimension, width and height of the virtual environment on the screen. Allows you to modify the type, existence, quantity, and location of objects that appear in the virtual environment. In this way, the trainee is not able to find the answer to a given problem, but rather to manipulate the virtual environment in which the problem is presented. Through this, trainees can develop problem-solving skills and provide an environment to share the manipulated virtual environment with other users to increase the learning effect through discussion and collaboration learning among users.

본 발명의 실시 형태는 가상현실 그래픽, 증강현실 그래픽을 포함한 가상환경 그래픽을 기반으로 코딩 교육이 이루어지는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법에 있어서, 교육 운영 서버가, 학습 문제가 포함된 가상환경 그래픽인 학습 문제 가상환경 그래픽이 표시된 학습 문제 필드와, 학습 문제 필드에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드를 포함하는 교육 콘텐츠 화면을 교육생 단말기에 제공하는 학습 콘텐츠 화면 제공 과정; 제시되는 학습 문제 가상환경 그래픽의 학습 문제 해결을 위하여, 상기 교육생 단말기가, 상기 코딩 인터페이스 필드에서의 교육생 입력을 통한 문자, 이미지를 포함하는 프로그램 코드값을을 입력받는 학습 문제 해결 과정; 상기 교육생 단말기가, 상기 프로그램 코드값을 상기 교육 운영 서버에 등록하는 학습 문제 해결 답안 등록 과정; 및 상기 교육 운영 서버가, 상기 프로그램 코드값에 따른 학습 문제 해결 가상환경 그래픽을 업데이트하여, 상기 프로그램 코드값과 함께 다른 교육생 단말기에 공유하는 학습 문제 해결 답안 공유 과정;을 포함할 수 있다.An embodiment of the present invention is a coding education method based on a virtual environment graphic in which coding education is performed based on a virtual environment graphic including a virtual reality graphic and an augmented reality graphic, wherein the training operation server includes a virtual environment including a learning problem. A learning content screen providing a student terminal with a training content screen including a learning problem field with a graphic learning problem virtual environment graphic and a coding interface field with a coding interface for modifying the learning problem virtual environment graphic displayed in the learning problem field. Provision process; A learning problem solving process of receiving, by the student terminal, a program code value including a character and an image through a student input in the coding interface field to solve the learning problem of the presented learning problem virtual environment graphic; A learning problem solving answer registration process in which the student terminal registers the program code value in the education operation server; And a learning problem solving answer sharing process of the education operation server updating the learning problem solving virtual environment graphic according to the program code value and sharing the program code value to another student terminal.

상기 학습 문제는, 학습 문제 가상환경 그래픽에 등장하는 객체 요소의 특성과 환경 요소의 특성을 변경하여 해결 방안을 도출하는 문제임을 특징으로 할 수 있다.The learning problem may be a problem of deriving a solution by changing the property of the object element and the property of the environment element appearing in the learning problem virtual environment graphic.

상기 객체 요소는, 객체의 존재 유무, 객체의 개수, 객체의 형태, 객체의 위치, 객체의 크기, 및 객체의 색상을 포함하는 객체적 요소이며, 상기 환경 요소는, 가상환경의 차원, 넓이, 높이를 포함하는 환경적 요소임을 특징으로 할 수 있다.The object element is an object element including the presence or absence of an object, the number of objects, the type of the object, the position of the object, the size of the object, and the color of the object. It may be characterized as an environmental element including the height.

상기 코딩 인터페이스 필드는, 상기 학습 문제 가상환경 그래픽의 프로그램 코드가 표시되는 프로그램 코드 입력 필드를 포함하며, 상기 학습 문제 해결 과정은, 학습 문제 가상환경 그래픽 상에서 학습자로부터 선택된 객체 요소나 환경 요소에 매칭되는 프로그램 코드 블록이 식별되도록 상기 프로그램 코드 입력 필드에서 표시할 수 있다.The coding interface field may include a program code input field in which program code of the learning problem virtual environment graphic is displayed, and the learning problem solving process may be matched to an object element or an environment element selected from a learner on the learning problem virtual environment graphic. The program code block may be displayed in the program code input field so as to be identified.

상기 학습 문제 해결 과정에서 프로그램 코드값을 입력받는 것은, 학습 문제 가상환경 그래픽 상에서 학습자로부터 선택된 객체 요소나 환경 요소에 매칭되는 프로그램 코드 블록내의 프로그램 코드값을 수정 입력받음을 특징으로 할 수 있다.The input of the program code value in the learning problem solving process may be characterized in that the program code value in the program code block matching the selected object element or environment element is selected from the learner on the learning problem virtual environment graphic.

상기 교육 콘텐츠 툴은, 학습 문제 가상환경 그래픽 상의 객체 요소의 특성이나 환경 요소의 특성을 변경할 수 있는 그래픽 조작 툴을 제공하며, 상기 학습 문제 해결 과정은, 그래픽 조작 툴의 학습자 조작을 통해 객체 요소나 환경 요소의 그래픽이 변경된 경우, 객체 요소나 환경 요소의 그래픽 변경에 매칭되는 프로그램 코드값을 표시할 수 있다.The educational content tool provides a graphic manipulation tool that can change a property of an object element or a characteristic of an environment element on a learning problem virtual environment graphic. The learning problem solving process is performed by a learner manipulation of a graphic manipulation tool. When the graphic of the environment element is changed, the program code value matching the graphic change of the object element or environment element may be displayed.

상기 그래픽 조작에 매칭되는 프로그램 코드값을 표시하는 것은, 그래픽 조작 툴의 학습자 조작이 있는 경우 그래픽 조작 툴의 조작값을 상기 교육 운영 서버로 전송하여, 상기 그래픽 조작 툴의 조작값에 매칭되는 프로그램 코드값을 상기 교육 운영 서버로부터 수신하여 표시할 수 있다.Displaying the program code value matching the graphic operation is to transmit the operation value of the graphic operation tool to the training operation server when there is a learner operation of the graphic operation tool, the program code matching the operation value of the graphic operation tool A value may be received from the education operation server and displayed.

상기 학습 콘텐츠 화면 제공 과정은, 학습자 학습 요청이 있는 경우, 다른 교육생의 프로그램 코드값인 공유 프로그램 코드값을 코딩 인터페이스 필드에 함께 표시할 수 있다.In the learning content screen providing process, when a learner learns a request, a shared program code value, which is a program code value of another student, may be displayed together in a coding interface field.

상기 학습 콘텐츠 화면 제공 과정은, 학습자 학습 요청이 있는 경우, 상기 공유 프로그램 코드값에 따라서 변경된 객체 요소와 환경 요소가 반영된 가상환경 그래픽인 학습 문제 공유 가상환경 그래픽을 상기 학습 문제 필드 내에 함께 표시할 수 있다.In the learning content screen providing process, when there is a learner learning request, a learning problem sharing virtual environment graphic, which is a virtual environment graphic reflecting an object element and an environment element changed according to the shared program code value, may be displayed together in the learning problem field. have.

본 발명의 실시 형태에 따르면 교육자가 교육 콘텐츠 시스템에서 제공하는 환경을 조작하거나 창의적으로 직접 수정하고 이를 여러 사용자에게 공유함으로써 창의적 학습 문제 해결 능력을 향상시킬 수 있다. According to the embodiment of the present invention, the educator can improve the creative learning problem solving ability by manipulating the environment provided by the educational content system or directly modifying it creatively and sharing it with multiple users.

도 1은 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 시스템의 구성도.
도 2는 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 시스템의 동작 흐름을 도시한 그림.
도 3은 본 발명의 실시예에 따른 교육 운영 서버의 구성 블록도.
도 4는 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 과정들을 도시한 플로차트.
도 5는 본 발명의 실시예에 따른 교육 콘텐츠화면이 교육생 단말기에 표시된 모습을 도시한 그림.
도 6은 본 발명의 실시예에 따른 교육자로부터 선택된 객체 요소나 환경 요소의 프로그램 코드 블록을 식별하여 표시한 그림.
도 7은 본 발명의 실시예에 따라 그래픽 조작 툴의 조작에 따라 학습 문제 해결이 이루어지는 예시 그림.
도 8은 본 발명의 실시예에 따라 다른 교육생의 공유 프로그램 코드값을 공유하는 예시 그림.1 is a block diagram of a coding education system based on a virtual environment graphic according to an embodiment of the present invention.
2 is a diagram illustrating an operation flow of a coding education system based on a virtual environment graphic according to an embodiment of the present invention.
Figure 3 is a block diagram of a training operation server according to an embodiment of the present invention.
4 is a flowchart illustrating coding training courses based on virtual environment graphics according to an embodiment of the present invention.
5 is a view showing a state in which the education content screen is displayed on the student terminal according to an embodiment of the present invention.
FIG. 6 is a diagram illustrating a program code block of an object element or an environment element selected from an educator according to an exemplary embodiment of the present invention.
7 is an exemplary diagram in which learning problem solving is performed according to an operation of a graphic manipulation tool according to an embodiment of the present invention.
8 is an exemplary diagram of sharing a shared program code value of another student in accordance with an embodiment of the present invention.

이하, 본 발명의 장점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은, 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것으로, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 또한, 본 발명을 설명함에 있어 관련된 공지 기술 등이 본 발명의 요지를 흐리게 할 수 있다고 판단되는 경우 그에 관한 자세한 설명은 생략하기로 한다.Advantages and features of the present invention, and methods for achieving them will be apparent with reference to the embodiments described below in detail with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but may be implemented in various forms, and is provided to fully inform the scope of the invention to those skilled in the art. The invention is defined only by the scope of the claims. In addition, in the following description of the present invention, if it is determined that related related technologies and the like may obscure the gist of the present invention, detailed description thereof will be omitted.

도 1은 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 시스템의 구성도이며, 도 2는 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 시스템의 동작 흐름을 도시한 그림이며, 도 3은 본 발명의 실시예에 따른 교육 운영 서버의 구성 블록도이다.1 is a configuration diagram of a coding education system based on a virtual environment graphic according to an embodiment of the present invention, and FIG. 2 is a flowchart illustrating an operation of a coding education system based on a virtual environment graphic according to an embodiment of the present invention. 3 is a block diagram of the educational operation server according to an embodiment of the present invention.

본 발명은 창의적 학습 문제해결 능력을 키우기 위한 가상환경 그래픽의 교육 콘텐츠 기반의 운용 시스템 및 그 방법에 관한 것으로써, 교육 콘텐츠는 3D 가상환경 기반의 학습 문제를 제공하며, 사용자는 제시된 학습 문제에 대해 창의적인 해결 방법을 구상하고 가상환경을 사용자 인터페이스 장치를 활용하여 조작하거나, 별도의 가상환경을 수정하는 과정을 거쳐 학습 문제를 해결할 수 있도록 하는 새로운 개념의 교육 콘텐츠 서비스에 관한 것이다.The present invention relates to an operating system and method for training contents based on a virtual environment graphic for improving creative learning problem solving ability. The training contents provide a learning problem based on a 3D virtual environment, and a user can learn about the presented learning problem. The present invention relates to a new concept of educational content service that enables students to solve learning problems through the process of envisioning creative solutions, manipulating virtual environments using user interface devices, or modifying separate virtual environments.

이를 위해 본 발명은, 교육생이 주어진 문제를 해결하기 위해 화면 안의 가상 환경을 단순히 조작하여 답을 도출하는 것이 아니라, 창의력을 발휘하여 화면에 나타나는 가상 환경의 차원, 넓이, 높이 등의 환경적 요소와 가상 환경 안에 등장하는 개체의 형태, 존재 유무, 수량, 위치를 수정할 수 있도록 한다. 이를 통해 교육생은 주어진 문제의 답안을 찾는 것이 아닌 문제가 제시된 가상환경을 다각적으로 조작함으로써 문제에 대해 다양한 관점의 답을 도출할 수 있다. 이하 상술한다.To this end, the present invention is not to derive the answer by simply manipulating the virtual environment on the screen in order to solve a given problem, the creativity and environmental factors such as the dimensions, width, height of the virtual environment displayed on the screen Allows you to modify the type, existence, quantity, and location of objects that appear in the virtual environment. This enables the trainees to derive answers from the various viewpoints on the problem by diversifying the virtual environment in which the problem is presented, rather than finding the answer to a given problem. It will be described in detail below.

가상환경 그래픽을 기반으로 코딩 교육이 이루어지는 가상환경 그래픽을 기반으로 하는 본 발명의 가상환경 그래픽을 기반으로 하는 코딩 교육 시스템은, 도 1 및 도 2에 도시한 바와 같이 유무선 통신망(100), 교육생 단말기(200), 및 교육 운영 서버(300)를 포함할 수 있다.The coding education system based on the virtual environment graphic of the present invention based on the virtual environment graphic in which coding education is performed based on the virtual environment graphic, as shown in FIGS. 1 and 2, the wired / wireless communication network 100 and the student terminal. 200, and the education management server 300.

이하에서 가상환경 그래픽이라 함은 가상현실 그래픽(VR graphic), 증강현실 그래픽(AR graphic) 등의 다양한 가상의 그래픽을 모두 포함하는 개념이다. 알려진 바와 같이 가상현실(VR)과 증강현실(AR)은 모두 가상의 현실로, 현실에서 느낄 수 없는 새로운 환경을 제공하며 체험을 확장시켜주는데, 가상현실은 새로운 공간을 구현한 기술, 증강현실은 현실 세계에 가상의 경험을 추가시킨 기술의 차이를 가진다. 이하 본 발명의 설명 및 도면에서는 가상현실을 예로 들어 설명하겠으나, 가상현실뿐만 아니라 증강현실 등의 다양한 가상환경 그래픽에도 모두 적용될 수 있음은 자명할 것이다.Hereinafter, the virtual environment graphic is a concept including all of a variety of virtual graphics, such as a virtual reality graphic (VR graphic), augmented reality graphic (AR graphic). As is known, both virtual reality (VR) and augmented reality (AR) are virtual reality, which provides a new environment that cannot be felt in reality, and expands the experience. There is a difference in technology that adds virtual experiences to the real world. In the following description and drawings of the present invention will be described by taking virtual reality as an example, it will be apparent that not only virtual reality but also can be applied to various virtual environment graphics such as augmented reality.

유무선 통신망(100)은, 교육생 단말기(200)와 교육 운영 서버(300)간에 유선 통신 또는 무선 통신을 제공하는 통신망이다. 이러한 유무선 통신망(100)이 무선 통신망으로 구현되는 경우, 기지국(BTS;Base Transceiver Station), 이동교환국(MSC;Mobile Switching Center), 및 홈 위치 등록기(HLR;Home Location Register)로 이루어진 무선 이동통신망을 이용하여 데이터 통신을 할 수 있다. 또한 유무선 통신망(100)이 유선 통신망으로 구현되는 경우, 네트워크 통신망으로 구현될 수 있는데 TCP/IP(Transmission Control Protocol/Internet Protocol) 등의 인터넷 프로토콜에 따라서 데이터 통신이 이루어질 수 있다.The wired / wireless communication network 100 is a communication network providing wired communication or wireless communication between the student terminal 200 and the education operation server 300. When the wired / wireless communication network 100 is implemented as a wireless communication network, a wireless mobile communication network including a base transceiver station (BTS), a mobile switching center (MSC), and a home location register (HLR) is provided. Data communication is possible. In addition, when the wired / wireless communication network 100 is implemented as a wired communication network, it may be implemented as a network communication network, and data communication may be performed according to an Internet protocol such as Transmission Control Protocol / Internet Protocol (TCP / IP).

교육생 단말기(200)는, 교육생이 사용하는 단말기로서, 도면에서는 데스크탑 PC(desktop PC)스마트폰(smart phone)을 예로 들어 설명하나, 데스크탑 PC뿐만 아니라 스마트폰(smart phone), 태블릿 PC(tablet PC), 슬레이트 PC(slate PC), 노트북 컴퓨터(notebook computer) 등이 해당될 수 있다. 물론, 본 발명이 적용 가능한 단말기는 상술한 종류에 한정되지 않고, 외부 장치와 통신이 가능한 단말기를 모두 포함할 수 있음은 당연하다.The trainee terminal 200 is a terminal used by trainees, and in the drawings, a desktop PC and a smartphone are described, but not only a desktop PC but also a smartphone and a tablet PC are described. ), A slate PC, a notebook computer, and the like. Of course, the terminal to which the present invention is applicable is not limited to the above-described type, and of course, may include all terminals capable of communicating with external devices.

교육생 단말기(200)는, 교육 운영 서버(300)로부터 제시되는 학습 문제 콘텐츠의 문제 해결을 위하여, 코딩 인터페이스 필드(20)에서의 교육생 입력을 통한 문자, 이미지를 포함하는 프로그램 코드값을을 입력받아 프로그램 코드값을 교육 운영 서버(300)에 등록한다. 따라서 교육 운영 서버(300)로부터 제시되는 학습 문제 콘텐츠를 통하여 창의적인 학습이 이루어지도록 한다.The student terminal 200 receives a program code value including a character and an image through the student input in the coding interface field 20 in order to solve the problem of the learning problem content presented from the education operation server 300. The program code value is registered in the training operation server 300. Therefore, creative learning is made through the learning problem content presented from the education operation server 300.

교육 운영 서버(300)는, 하드웨어적으로는 통상적인 웹 서버와 동일한 구성을 가지며, 소프트웨어적으로는 C, C++, Java, Visual Basic, Visual C 등과 같은 다양한 형태의 언어를 통해 구현되어 여러 가지 기능을 하는 프로그램 모듈을 포함한다. 또한, 일반적인 서버용 하드웨어에 도스(dos), 윈도우(window), 리눅스(linux), 유닉스(unix), 매킨토시(macintosh) 등의 운영 체제에 따라 다양하게 제공되고 있는 웹 서버 프로그램을 이용하여 구현될 수 있다.The educational operation server 300 has the same configuration as a conventional web server in hardware, and is implemented in various forms of languages such as C, C ++, Java, Visual Basic, Visual C, and the like in software. It includes a program module for doing this. In addition, it can be implemented by using a web server program that is variously provided according to operating systems such as DOS, Windows, Linux, Unix, Macintosh, etc. in general server hardware. have.

교육 운영 서버(300)는, 학습 문제가 포함된 가상환경 그래픽(이하, '학습 문제 가상환경 그래픽')이 표시된 학습 문제 필드(10)와, 학습 문제 필드(10)에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드(20)가 포함된 교육 콘텐츠 화면을 교육생 단말기(200)에 제공한다. 아울러, 프로그램 코드값에 따른 학습 문제 해결 가상환경 그래픽을 업데이트하여, 프로그램 코드값과 함께 다른 교육생 단말기(200)에 공유하여 다른 학습자의 학습에 활용할 수 있도록 한다.The educational operation server 300 may include a learning problem field 10 in which a virtual environment graphic including a learning problem (hereinafter, 'learning problem virtual environment graphic') is displayed, and a learning problem virtual environment graphic displayed in the learning problem field 10. The education content screen including the coding interface field 20 displaying the coding interface for modifying the content is provided to the student terminal 200. In addition, by updating the learning problem-solving virtual environment graphic according to the program code value, it is shared with the other student train terminal 200 with the program code value to be used in the learning of other learners.

이를 위하여 교육 운영 서버(300)는, 도 3에 도시한 바와 같이 서버 통신부(310), 교육 콘텐츠 화면 제공부(320), 코딩 처리부(330), 및 교육 콘텐츠 공유부(340)를 포함할 수 있다.To this end, the education operation server 300 may include a server communication unit 310, an education content screen providing unit 320, a coding processing unit 330, and an education content sharing unit 340 as shown in FIG. 3. have.

서버 통신부(310)는, 각 교육생 단말기(200)와 각각 통신하는 하드웨어 및 소프트웨어의 프로토콜을 지원한다. 서버 통신부(310)는, 예컨대, TCP/IP(Transmission Control Protocol/Internet Protocol) 등의 인터넷 프로토콜에 따라서 데이터 통신이 이루어질 수 있다.The server communication unit 310 supports hardware and software protocols for communicating with each student terminal 200, respectively. The server communication unit 310 may perform data communication according to an Internet protocol such as, for example, Transmission Control Protocol / Internet Protocol (TCP / IP).

교육 콘텐츠 화면 제공부(320)는, 창의적 교육을 위한 교육 콘텐츠를 생성하여 교육생 단말기(200)에 제공한다. 여기서 교육 콘텐츠는, 학습 문제가 포함된 가상환경 그래픽인 학습 문제 가상환경 그래픽이 표시된 학습 문제 필드(10)와, 학습 문제 필드에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드(20)가 포함된 교육 콘텐츠 화면을 제공한다.The education content screen providing unit 320 generates education content for creative education and provides the education content to the student terminal 200. In this case, the educational content includes a learning problem field (10) displaying a learning problem virtual environment graphic, which is a virtual environment graphic containing a learning problem, and a coding interface field displaying a coding interface for modifying the learning problem virtual environment graphic displayed in the learning problem field. Provide educational content screen 20 is included.

코딩 처리부(330)는, 교육생 단말기(200)로부터 제공되는 프로그램 코드값에 따라서 코딩을 진행하여 학습 문제 해결 가상환경 그래픽을 업데이트한다. The coding processor 330 updates the learning problem solving virtual environment graphic by performing coding according to a program code value provided from the student terminal 200.

교육 콘텐츠 공유부(340)는, 업데이트된 학습 문제 해결 가상환경 그래픽을 프로그램 코드값과 함께 다른 교육생에게 공유한다. 따라서 교육생들은 다른 교육생이 작성한 프로그램 코드값을 열람하여 학습에 참고할 수 있게 된다.The educational content sharing unit 340 shares the updated learning problem solving virtual environment graphic with the other program students. Therefore, the students can read the program code values written by other students to refer to the learning.

또한 교육 콘텐츠 공유부(340)는, 업데이트된 학습 문제 해결 가상환경 그래픽을 프로그램 코드값과 함께 저장하는데, 하드디스크 드라이브(Hard Disk Drive), SSD 드라이브(Solid State Drive), 플래시메모리(Flash Memory), CF카드(Compact Flash Card), SD카드(Secure Digital Card), SM카드(Smart Media Card), MMC 카드(Multi-Media Card) 또는 메모리 스틱(Memory Stick) 등 정보의 입출력이 가능한 모듈에 저장될 수도 있고, 별도의 DB 서버에 저장될 수 있다.In addition, the educational content sharing unit 340 stores the updated learning problem solving virtual environment graphic with a program code value, a hard disk drive (Hard Disk Drive), SSD drive (Solid State Drive), Flash memory (Flash Memory) Can be stored in a module capable of inputting / outputting information such as Compact Flash Card, Compact Flash Card, Secure Digital Card, Smart Media Card, MMC Card, Multi-Media Card or Memory Stick. It may be stored in a separate DB server.

도 4는 본 발명의 실시예에 따른 가상환경 그래픽을 기반으로 하는 코딩 교육 과정들을 도시한 플로차트이며, 도 5는 본 발명의 실시예에 따른 교육 콘텐츠화면이 교육생 단말기에 표시된 모습을 도시한 그림이며, 도 6은 본 발명의 실시예에 따른 교육자로부터 선택된 객체 요소나 환경 요소의 프로그램 코드 블록을 식별하여 표시한 그림이며, 도 7은 본 발명의 실시예에 따라 그래픽 조작 툴의 조작에 따라 학습 문제 해결이 이루어지는 예시 그림이며, 도 8은 본 발명의 실시예에 따라 다른 교육생의 공유 프로그램 코드값을 공유하는 예시 그림이다.4 is a flowchart illustrating coding training processes based on a virtual environment graphic according to an embodiment of the present invention, and FIG. 5 is a view illustrating a state in which an education content screen is displayed on a student terminal according to an embodiment of the present invention. 6 is a diagram illustrating a program code block of an object element or an environment element selected from an educator according to an embodiment of the present invention, and FIG. 7 is a learning problem according to an operation of a graphic manipulation tool according to an embodiment of the present invention. 8 is an exemplary view of sharing a shared program code value of another student according to an embodiment of the present invention.

가상현실 그래픽, 증강현실 그래픽을 포함한 가상환경 그래픽을 기반으로 코딩 교육이 이루어지는 본 발명의 가상환경 그래픽을 기반으로 하는 코딩 교육 방법은, 도 4에 도시한 바와 같이 교육 운영 서버가, 학습 문제가 포함된 가상환경 그래픽인 학습 문제 가상환경 그래픽이 표시된 학습 문제 필드(10)와, 학습 문제 필드(10)에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드(20)를 포함하는 교육 콘텐츠 화면을 교육생 단말기에 제공하는 학습 콘텐츠 화면 제공 과정(S410)과, 제시되는 학습 문제 가상환경 그래픽의 학습 문제 해결을 위하여, 교육생 단말기가, 코딩 인터페이스 필드(20)에서의 교육생 입력을 통한 문자, 이미지를 포함하는 프로그램 코드값을 입력받는 학습 문제 해결 과정(S420)과, 교육생 단말기가, 상기 프로그램 코드값을 상기 교육 운영 서버에 등록하는 학습 문제 해결 답안 등록 과정(S430)과, 교육 운영 서버가, 프로그램 코드값에 따른 학습 문제 해결 가상환경 그래픽을 업데이트하여, 프로그램 코드값과 함께 다른 교육생 단말기에 공유하는 학습 문제 해결 답안 공유 과정(S440)을 포함할 수 있다. 이하 상술하기로 한다.In the coding education method based on the virtual environment graphic of the present invention in which coding education is performed based on the virtual environment graphic including the virtual reality graphic and the augmented reality graphic, the education operation server includes a learning problem as shown in FIG. 4. A learning problem field 10 in which a learning problem virtual environment graphic is displayed, and a coding interface field 20 in which a coding interface for modifying the learning problem virtual environment graphic displayed in the learning problem field 10 is displayed. In order to solve the learning problem of the learning content screen providing process (S410) for providing the education content screen to the student terminal and the presented learning problem virtual environment graphic, the student terminal texts through the student input in the coding interface field 20 Learning problem solving process of receiving a program code value including an image (S420), and The student terminal, the learning problem solving answer registration process (S430) for registering the program code value to the education operation server, and the education operation server, by updating the learning problem solving virtual environment graphic according to the program code value, program code value And it may include a learning problem solution answer sharing process (S440) to share with other student terminals. This will be described below.

학습 콘텐츠 화면 제공 과정(S410)은, 도 5에 도시한 학습 문제가 포함된 가상환경 그래픽인 학습 문제 가상환경 그래픽이 표시된 학습 문제 필드(10)와, 학습 문제 필드(10)에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드(20)를 포함하는 교육 콘텐츠 화면을 교육생 단말기(200)에 제공한다.The learning content screen providing process (S410) includes a learning problem field 10 in which a learning problem virtual environment graphic, which is a virtual environment graphic including the learning problem shown in FIG. 5, is displayed, and a learning problem virtual displayed in the learning problem field 10. An education content screen including a coding interface field 20 in which a coding interface for modifying an environment graphic is displayed is provided to the student terminal 200.

여기서 학습 문제는, 학습 문제 가상환경 그래픽에 등장하는 객체 요소의 특성을 변경시키도록 하는 문제일 수 있다. 객체 요소는, 객체의 존재 유무, 객체의 개수, 객체의 형태, 객체의 위치, 객체의 크기, 및 객체의 색상을 포함하는 객체적 요소가 해당될 수 있다. 따라서 객체 요소를 변경시키는 학습 문제는, 예를 들어, 도 5에 도시된 학습 문제 필드(10)의 학습 문제 가상환경 그래픽내의 3D 사람 이미지를 없애거나, 3D 사람 이미지의 개수를 변경시키거나, 3D 사람 이미지의 형태를 변경시키거나, 3D 사람 이미지가 위치 지점을 변경시키거나, 3D 사람 이미지의 크기를 변경시키도록 하는 문제가 해당될 수 있다.Here, the learning problem may be a problem of changing the characteristics of the object element appearing in the learning problem virtual environment graphic. The object element may correspond to an object element including the presence or absence of an object, the number of objects, the type of the object, the location of the object, the size of the object, and the color of the object. Thus, the learning problem of changing the object element, for example, eliminates the 3D person image in the learning problem virtual environment graphic of the learning problem field 10 shown in FIG. 5, changes the number of 3D person images, or 3D. The problem may be such that the shape of the human image is changed, the 3D human image changes the location point, or the size of the 3D human image is changed.

또한 학습 문제는, 객체 요소 이외에도 환경 요소의 특성을 변경시키도록 하는 문제일 수 있다. 여기서 환경 요소는, 가상환경의 차원, 넓이, 높이를 포함하는 환경적 요소일 수 있다. 따라서 환경 요소를 변경시키는 학습 문제는, 예를 들어, 도 5에 도시된 학습 문제 필드(10)의 학습 문제 가상환경 그래픽내의 건물 벽체를 3차원에서 2차원으로 변경하거나, 건물 벽체의 넓이를 변경시키거나, 건물 벽체의 높이를 변경시키는 문제가 해당될 수 있다.In addition, the learning problem may be a problem of changing the characteristics of the environment element in addition to the object element. Herein, the environmental element may be an environmental element including the dimension, width, and height of the virtual environment. Therefore, the learning problem of changing the environmental element is, for example, changing the building wall in the learning problem virtual environment graphic of the learning problem field 10 shown in FIG. 5 from three dimensions to two dimensions, or changing the width of the building wall. This may be a problem, or to change the height of the building walls.

한편, 학습 문제 해결 과정(S420)은, 제시되는 학습 문제 가상환경 그래픽의 학습 문제 해결을 위하여, 교육생 단말기(200)가, 코딩 인터페이스 필드(20)에서의 교육생 입력을 통한 문자, 이미지를 포함하는 프로그램 코드값을 입력받는 과정이다.On the other hand, the learning problem solving process (S420), in order to solve the learning problem of the presented learning problem virtual environment graphic, the student terminal 200, including the text, image through the student input in the coding interface field 20 The process of receiving program code values.

코딩 인터페이스 필드(20)에는, 학습 문제 가상환경 그래픽의 프로그램 코드가 표시되는 프로그램 코드 입력 필드를 포함하는데, 학습 문제 해결 과정(S420)은, 프로그램 코드 입력 필드에 수정하고자 하는 객체 요소나 환경 요소의 프로그램 코드의 수정값을 교육생으로부터 입력받는다. The coding interface field 20 includes a program code input field in which a program code of a learning problem virtual environment graphic is displayed. The learning problem solving process S420 includes an object element or an environment element to be corrected in the program code input field. The trainee receives the corrected value of the program code.

이러한 학습 문제 해결을 위한 프로그램 코드의 입력 방식은, 학습자의 입력 편의를 위하여 다음과 같이 두 가지 방식으로 이루어질 수 있다.The input method of the program code for solving the learning problem may be made in two ways as follows for the convenience of the learner's input.

하나는, 학습자로부터 선택되는 객체 요소나 환경 요소의 프로그램 코드 블록을 다른 프로그램 코드와 식별되도록 표시하여, 교육자가 쉽게 식별하여 수정 입력할 수 있도록 한다. 예를 들어, 학습자가 도 6에 도시한 바와 같이, 학습 문제 가상환경 그래픽에서 학습자가 특정 사람 이미지를 선택한 경우, 선택된 특정 사람 이미지의 프로그램 코드 블록을 다른 프로그램 코드와 다른 형태로 표시한다. 예컨대, 해당 프로그램 코드 블록을 사각 박스 처리하거나, 더 진하게 표시하는 등의 다양한 식별 방식으로 표시할 수 있다. 따라서 학습 문제 해결 과정(S420)에서 프로그램 코드값을 입력받는 것은, 학습 문제 가상환경 그래픽 상에서 학습자로부터 선택된 객체 요소나 환경 요소에 매칭되는 프로그램 코드 블록내의 프로그램 코드값을 수정 입력받을 수 있다. 결국, 학습자는 자신이 수정하고자 하는 객체 요소나 환경 요소의 프로그램 코드 블록을 손쉽게 파악할 수 있게 된다.One is to mark the program code block of the object element or environment element selected from the learner to be identified with other program code, so that the educator can easily identify and correct it. For example, when the learner selects a specific person image in the learning problem virtual environment graphic as shown in FIG. 6, the program code block of the selected specific person image is displayed in a different form from other program codes. For example, the program code block may be displayed by various identification methods such as rectangular box processing or darker display. Therefore, receiving the program code value in the learning problem solving process S420 may modify the program code value in the program code block corresponding to the object element or the environment element selected from the learner on the learning problem virtual environment graphic. As a result, the learner can easily identify the program code block of the object element or environment element to be modified.

한편, 학습 문제 해결을 위한 프로그램 코드의 입력을 위한 또 다른 방식은, 변경하고자 하는 객체 요소나 환경 요소의 프로그램 코드가 아니라 그래픽을 직접 변경한 후, 해당 변경된 프로그램 코드를 열람하도록 하는 방식이다. 프로그램 코드의 입력이 아니라 그래픽 변경만으로 변경되는 프로그램 코드를 확인할 수 있어, 교육생의 학습 효율이 높아질 수 있다.On the other hand, another method for inputting program code for solving a learning problem is a method of directly viewing a changed program code after directly changing a graphic, not a program code of an object element or an environment element to be changed. It is possible to check the program code that is changed only by the graphic change, not the input of the program code, thereby improving the learning efficiency of the trainee.

이를 위해 교육 콘텐츠 화면은, 도 7에 도시한 바와 같이, 학습 문제 가상환경 그래픽 상의 객체 요소의 특성이나 환경 요소의 특성을 변경할 수 있는 그래픽 조작 툴(30)을 제공한다. 따라서 학습 문제 해결 과정(S420)은, 그래픽 조작 툴(30)의 학습자 조작을 통해 객체 요소나 환경 요소의 그래픽이 변경된 경우, 객체 요소나 환경 요소의 그래픽 변경에 매칭되는 프로그램 코드값을 표시하여, 교육생이 그래픽 변경에 따라 자동으로 제공되는 프로그램 코드를 확인하여 학습할 수 있게 된다.To this end, the educational content screen provides a graphic manipulation tool 30 that can change the characteristics of the object element or the characteristic of the environment element on the learning problem virtual environment graphic, as shown in FIG. 7. Therefore, the learning problem solving process (S420), when the graphic of the object element or environment element is changed through the learner manipulation of the graphic manipulation tool 30, by displaying a program code value matching the graphic change of the object element or environment element, Trainees can check and learn the program code that is automatically provided as the graphics change.

상기에서 그래픽 조작에 매칭되는 프로그램 코드값을 표시하는 것은, 교육 운영 서버(300)로부터 수신되는 프로그램 코드값을 표시하도록 한다. 즉, 그래픽 조작 툴(30)의 학습자 조작이 있는 경우 그래픽 조작 툴(30)의 조작값을 교육 운영 서버(300)로 전송하여, 그래픽 조작 툴(30)의 조작값에 매칭되는 프로그램 코드값을 교육 운영 서버(300)로부터 수신하여 표시하게 된다.Displaying the program code value matching the graphic operation in the above, to display the program code value received from the education management server (300). That is, when there is a learner manipulation of the graphic manipulation tool 30, the operation value of the graphic manipulation tool 30 is transmitted to the training operation server 300, and a program code value matching the manipulation value of the graphic manipulation tool 30 is transferred. It is received from the training management server 300 and displayed.

한편, 학습 문제 해결 답안 등록 과정(S430)은, 교육생 단말기(200)가, 상기 프로그램 코드값을 상기 교육 운영 서버(300)에 등록하는 과정이다.On the other hand, the learning problem solving answer registration process (S430), the student terminal 200 is a process of registering the program code value to the education management server 300.

학습 문제 해결 답안 공유 과정(S440)은, 프로그램 코드값에 따른 학습 문제 해결 가상환경 그래픽을 업데이트하여, 프로그램 코드값과 함께 다른 교육생 단말기(200)에 공유한다. 따라서 각 교육생은, 자신이 아닌 다른 사람이 작성한 프로그램 코드값과 그에 따른 가상환경 그래픽을 확인할 수 있어, 교육 효과를 증대시킬 수 있게된다.In the learning problem solving answer sharing process (S440), the learning problem solving virtual environment graphic according to the program code value is updated and shared with another student terminal 200 along with the program code value. Therefore, each student can check the program code value written by someone other than himself and the virtual environment graphic according to it, and can increase the educational effect.

한편, 본 발명은, 상기에서 설명한 바와 같이 학습 문제 해결 답안 공유 과정(S440)을 통하여 교육생끼리의 프로그램 코드값을 공유하여 학습에 활용할 수 있도록 하고 있는데, 이러한 공유 정보의 활용을 위하여, 학습 콘텐츠 화면 제공 과정(S410)은, 학습자 학습 요청이 있는 경우, 다른 교육생의 프로그램 코드값(이하, '공유 프로그램 코드값'이라 함)을 도 8에 도시한 바와 같이 코딩 인터페이스 필드(20)에 함께 표시한다. On the other hand, the present invention, as described above, through the learning problem solving answer sharing process (S440) to share the program code values between the trainees can be utilized in learning, in order to utilize the shared information, the learning content screen In the providing process S410, when there is a learner learning request, the program code value of another student (hereinafter, referred to as a shared program code value) is displayed together in the coding interface field 20 as shown in FIG. 8. .

아울러, 학습 콘텐츠 화면 제공 과정(S410)은, 학습자 학습 요청이 있는 경우, 공유 프로그램 코드값에 따라서 변경된 객체 요소와 환경 요소가 반영된 가상환경 그래픽인 학습 문제 공유 가상환경 그래픽을 상기 학습 문제 필드(10) 내에 함께 표시한다.In addition, the learning content screen providing process (S410), when there is a learner learning request, the learning problem shared virtual environment graphic which is a virtual environment graphic reflecting the changed object element and environment element according to the shared program code value, the learning problem field (10). ) Together.

이를 위해 공유 프로그램 코드값에 따라서 변경된 객체 요소와 환경 요소를, 학습 문제 가상환경 그래픽 상의 변경전 객체 요소나 변경전 환경 요소 옆에 병행하여 함께 표시할 수 있다. 예를 들어, 다른 교육생이 사람 이미지를 확대 변경한 경우, 도 8에 도시한 바와 같이, 변경전의 사람 이미지(F1)와, 공유 프로그램 코드값에 의한 변경후의 사람 이미지(F2)를 병행하여 표시한다. 따라서 교육생은 프로그램 코드값 변경에 따른 객체 요소나 환경 요소의 변경 모습을 직관적으로 확인할 수 있게 된다.For this purpose, the changed object element and environment element according to the shared program code value can be displayed in parallel with the unchanged object element or the unchanged environment element in the learning problem virtual environment graphic. For example, when another student enlarges and changes the person image, as shown in FIG. 8, the person image F1 before the change and the person image F2 after the change by the shared program code value are displayed in parallel. . Therefore, the student can intuitively check the change of the object element or environment element according to the change of the program code value.

상술한 본 발명의 설명에서의 실시예는 여러가지 실시가능한 예중에서 당업자의 이해를 돕기 위하여 가장 바람직한 예를 선정하여 제시한 것으로, 이 발명의 기술적 사상이 반드시 이 실시예만 의해서 한정되거나 제한되는 것은 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위내에서 다양한 변화와 변경 및 균등한 타의 실시예가 가능한 것이다.The embodiments in the above description of the present invention are presented by selecting the most preferred examples to help those skilled in the art from the various possible examples, and the technical spirit of the present invention is not necessarily limited or limited only by the embodiments. However, various changes, modifications, and other equivalent embodiments may be made without departing from the technical spirit of the present invention.

100:유무선 통신망
200:교육생 단말기
300:교육 운영 서버100: wired and wireless communication network
200: student terminal
300: training operation server

Claims (9)

가상현실 그래픽, 증강현실 그래픽을 포함한 가상환경 그래픽을 기반으로 코딩 교육이 이루어지는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법에 있어서,
교육 운영 서버가, 학습 문제가 포함된 가상환경 그래픽인 학습 문제 가상환경 그래픽이 표시된 학습 문제 필드와, 학습 문제 필드에 표시된 학습 문제 가상환경 그래픽을 수정할 수 있는 코딩 인터페이스가 표시된 코딩 인터페이스 필드를 포함하는 교육 콘텐츠 화면을 교육생 단말기에 제공하는 학습 콘텐츠 화면 제공 과정;
제시되는 학습 문제 가상환경 그래픽의 학습 문제 해결을 위하여, 상기 교육생 단말기가, 상기 코딩 인터페이스 필드에서의 교육생 입력을 통한 문자, 이미지를 포함하는 프로그램 코드값을 입력받는 학습 문제 해결 과정;
상기 교육생 단말기가, 상기 프로그램 코드값을 상기 교육 운영 서버에 등록하는 학습 문제 해결 답안 등록 과정; 및
상기 교육 운영 서버가, 상기 프로그램 코드값에 따른 학습 문제 해결 가상환경 그래픽을 업데이트하여, 상기 프로그램 코드값과 함께 다른 교육생 단말기에 공유하는 학습 문제 해결 답안 공유 과정;
를 포함하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
In the coding education method based on the virtual environment graphics that the coding education is performed based on the virtual environment graphics, including virtual reality graphics, augmented reality graphics,
The learning operations server includes a learning problem field with a learning problem virtual environment graphic that is a virtual environment graphic containing a learning problem, and a coding interface field with a coding interface for modifying the learning problem virtual environment graphic displayed in the learning problem field. A learning content screen providing process of providing the education content screen to the student terminal;
A learning problem solving process of receiving, by the student terminal, a program code value including a character and an image through a student input in the coding interface field to solve a learning problem of the presented learning problem virtual environment graphic;
A learning problem solving answer registration process in which the student terminal registers the program code value in the education operation server; And
A learning problem solving answer sharing process, wherein the education operation server updates the learning problem solving virtual environment graphic according to the program code value and shares the program code value to another student terminal;
Coding training method based on the virtual environment graphics, including.
청구항 1에 있어서, 상기 학습 문제는,
학습 문제 가상환경 그래픽에 등장하는 객체 요소의 특성과 환경 요소의 특성을 변경하여 해결 방안을 도출하는 문제임을 특징으로 하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method according to claim 1, wherein the learning problem,
Learning Problem A coding education method based on a virtual environment graphic, which is a problem of deriving a solution by changing a property of an object element and an environment element appearing in a virtual environment graphic.
청구항 2에 있어서,
상기 객체 요소는, 객체의 존재 유무, 객체의 개수, 객체의 형태, 객체의 위치, 객체의 크기, 및 객체의 색상을 포함하는 객체적 요소이며,
상기 환경 요소는, 가상환경의 차원, 넓이, 높이를 포함하는 환경적 요소임을 특징으로 하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method according to claim 2,
The object element is an object element including the existence of the object, the number of objects, the type of the object, the position of the object, the size of the object, and the color of the object,
The environmental element is a coding education method based on a virtual environment graphic, characterized in that the environmental element including the dimension, width, height of the virtual environment.
청구항 2에 있어서,
상기 코딩 인터페이스 필드는, 상기 학습 문제 가상환경 그래픽의 문자, 이미지를 포함하는 프로그램 코드가 표시되는 프로그램 코드 입력 필드를 포함하며,
상기 학습 문제 해결 과정은, 학습 문제 가상환경 그래픽 상에서 학습자로부터 선택된 객체 요소나 환경 요소에 매칭되는 프로그램 코드 블록이 식별되도록 상기 프로그램 코드 입력 필드에서 표시하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method according to claim 2,
The coding interface field may include a program code input field in which a program code including a character and an image of the learning problem virtual environment graphic is displayed.
The learning problem solving process may be based on a virtual environment graphic displayed on the program code input field to identify a program code block matching an object element or an environment element selected from a learner on a learning problem virtual environment graphic.
청구항 4에 있어서, 상기 학습 문제 해결 과정에서 프로그램 코드값을 입력받는 것은,
학습 문제 가상환경 그래픽 상에서 학습자로부터 선택된 객체 요소나 환경 요소에 매칭되는 프로그램 코드 블록내의 프로그램 코드값을 수정 입력받음을 특징으로 하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method of claim 4, wherein the program code value is input in the learning problem solving process.
Learning Problem A coding education method based on a virtual environment graphic, wherein a program code value in a program code block matching an object element or an environment element selected from a learner is received from the learner on the virtual environment graphic.
청구항 2에 있어서, 상기 교육 콘텐츠 툴은,
학습 문제 가상환경 그래픽 상의 객체 요소의 특성이나 환경 요소의 특성을 변경할 수 있는 그래픽 조작 툴을 제공하며,
상기 학습 문제 해결 과정은, 그래픽 조작 툴의 학습자 조작을 통해 객체 요소나 환경 요소의 그래픽이 변경된 경우, 객체 요소나 환경 요소의 그래픽 변경에 매칭되는 프로그램 코드값을 표시하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method according to claim 2, wherein the educational content tool,
Learning Problems Provides graphical manipulation tools that can change the properties of object elements or environment elements in virtual environment graphics.
The learning problem solving process is based on a virtual environment graphic that displays a program code value matching the graphic change of an object element or an environment element when the graphic of an object element or an environment element is changed through a learner manipulation of the graphic manipulation tool. Coding Training Method.
청구항 6에 있어서, 상기 그래픽 조작에 매칭되는 프로그램 코드값을 표시하는 것은,
그래픽 조작 툴의 학습자 조작이 있는 경우 그래픽 조작 툴의 조작값을 상기 교육 운영 서버로 전송하여, 상기 그래픽 조작 툴의 조작값에 매칭되는 프로그램 코드값을 상기 교육 운영 서버로부터 수신하여 표시하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method of claim 6, wherein displaying the program code value matching the graphic operation,
When there is a learner manipulation of the graphic manipulation tool, a virtual environment graphic which transmits an operation value of the graphic manipulation tool to the education operation server and receives and displays a program code value matching the operation value of the graphic manipulation tool from the education operation server. Based coding training method.
청구항 2에 있어서, 상기 학습 콘텐츠 화면 제공 과정은,
학습자 학습 요청이 있는 경우, 다른 교육생의 프로그램 코드값인 공유 프로그램 코드값을 코딩 인터페이스 필드에 함께 표시하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.
The method of claim 2, wherein the learning content screen providing process,
A coding training method based on a virtual environment graphic that displays a shared program code value, which is a program code value of another student, in a coding interface field when a learner learn request is requested.
청구항 8에 있어서, 상기 학습 콘텐츠 화면 제공 과정은,
학습자 학습 요청이 있는 경우, 상기 공유 프로그램 코드값에 따라서 변경된 객체 요소와 환경 요소가 반영된 가상환경 그래픽인 학습 문제 공유 가상환경 그래픽을 상기 학습 문제 필드 내에 함께 표시하는 가상환경 그래픽을 기반으로 하는 코딩 교육 방법.The method according to claim 8, wherein the learning content screen providing process,
Coding education based on a virtual environment graphic that displays a learning problem shared virtual environment graphic, which is a virtual environment graphic reflecting an object element and an environment element changed according to the shared program code value, when the learner has a learning request. Way.
KR1020180011965A 2018-01-31 2018-01-31 Method for coding education based virtual environment graphic KR20190092796A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180011965A KR20190092796A (en) 2018-01-31 2018-01-31 Method for coding education based virtual environment graphic

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180011965A KR20190092796A (en) 2018-01-31 2018-01-31 Method for coding education based virtual environment graphic

Publications (1)

Publication Number Publication Date
KR20190092796A true KR20190092796A (en) 2019-08-08

Family

ID=67613460

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180011965A KR20190092796A (en) 2018-01-31 2018-01-31 Method for coding education based virtual environment graphic

Country Status (1)

Country Link
KR (1) KR20190092796A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112911317A (en) * 2021-01-13 2021-06-04 西安飞蝶虚拟现实科技有限公司 Method and system for inserting virtual live video environment in future classroom
KR20220093419A (en) 2020-12-28 2022-07-05 이건경 Method for teaching coding

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100073076A (en) 2008-12-22 2010-07-01 한국전자통신연구원 Education apparatus and method using virtual reality

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100073076A (en) 2008-12-22 2010-07-01 한국전자통신연구원 Education apparatus and method using virtual reality

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220093419A (en) 2020-12-28 2022-07-05 이건경 Method for teaching coding
CN112911317A (en) * 2021-01-13 2021-06-04 西安飞蝶虚拟现实科技有限公司 Method and system for inserting virtual live video environment in future classroom

Similar Documents

Publication Publication Date Title
Molnár The role of electronic and virtual learning support systems in the learning process
KR20190092796A (en) Method for coding education based virtual environment graphic
Craciun et al. Augmented reality in Romanian science education pros and cons
Cheng A study on learning analytics of using mobile augmented reality application to enhance cultural competence for design cultural creation in higher education
Giyosov et al. Modern technology enhanced adaptive and cognitive learning in the virtual reality environment
KR20000054844A (en) Method of education by a 3D cyber character, 3D cyber education space and realtime mutual voice supports at internet
Uluyol et al. Augmented reality: A new direction in education
Kraus et al. Struct-mrt: Immersive learning and teaching of design and verification in structural civil engineering using mixed reality
Shen et al. Schoolteachers' Perspectives of Augmented Reality in Classroom Teaching
KR20220069282A (en) Augmented Reality Projection Method For Field Experience Study Service
Hanna Architectural education in the era of mobile augmented reality technology
Almjawel et al. Campus Guide Using Augmented Reality Techniques
Marshall Augmented reality’s application in education and training
CN114025147A (en) Data transmission method and system for VR teaching, electronic equipment and storage medium
Zulfiqar et al. Augmented Reality and Its Applications in Education: A Systematic Survey
CN112820158A (en) Virtual reality-based network teaching method and system, storage medium and platform
KR20200117955A (en) Method for managing English study
Domik et al. A Breadth-First Approach for Teaching Computer Graphics.
Davydkov et al. Multimedia Support for Physics Laboratory Works in Groups with Auditory Constraints
KR20160137201A (en) System and method for servicing web-based virtual field trip using flash panorama
Caro-Alvaro et al. Exploring impact of olfactory stimuli on user performance on mobile platforms
Paunova-Hubenova et al. Application of ICT resources in teaching in Bulgarian schools
KR102320229B1 (en) Smart tables for MR learning content and how to provide them
Razzak et al. Learn/Teach Analytical Geometry on a Spreadsheet
KR20120100125A (en) Method for educating programming on virtual reality in on-line network

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E902 Notification of reason for refusal
E601 Decision to refuse application