JP2021056286A - Programming learning support system and programming learning support method - Google Patents

Abstract

To provide a programming learning support system and a programming learning support method that enable a confirming person to grasp a progress state of a learner and also enable the learner to improve learning efficiency.SOLUTION: A first terminal 10 has a first terminal-side operation reception part 16 which receives an editing operation by a learner, a first terminal-side display part 17 which displays a program editing screen including a program code having been edited, and a first terminal-side transmission part 20 which transmits at least one of data representing the program and data representing an execution result of the program code toward a second terminal 30. The second terminal 30 has a second terminal-side acquisition part 41 which acquires information based upon the at least one data that the first terminal-side transmission part 20 has transmitted, and a second terminal-side notification part 42 which notifies a confirming person who uses the second terminal 30 of the information that the second terminal-side acquisition part 41 has acquired.SELECTED DRAWING: Figure 3

Description

The present invention relates to a programming learning support system and a programming learning support method.

Conventionally, a learning support system with two-way communication has been put into practical use, in which educational contents and the like are transmitted and received using an information communication line such as the Internet.

For example, Patent Document 1 describes a content display area for displaying lesson content on a student computer connected to a teacher's computer via a school LAN, and a teacher mode or lesson content for taking a lesson by a teacher through this content display area. A learning support system is disclosed that includes an operation area having a mode switching means for switching to a student mode in which a student advances spontaneous learning in connection with the above.

Further, in Patent Document 2, a login is detected for a specific student's account, the class timetable information is referred to, and the class is included in the specific student's timetable on the day when the login is made, and is associated with an unstarted class. A transmission control system is disclosed that identifies the electronic data registered in the class and transmits the registered electronic data in association with the identified unstarted class.

Further, in Patent Document 3, a client terminal that downloads and reproduces teaching material data including management data and content data of teaching materials from a server combines the management data and content data and reproduces them after a set time. A learning system that generates teaching material data is disclosed.

Japanese Unexamined Patent Publication No. 2001-350398 Japanese Unexamined Patent Publication No. 2016-015091 Japanese Unexamined Patent Publication No. 2013-246384

In the above-mentioned two-way communication learning support system, when a lesson is conducted based on a textbook, the teacher asks the learner a question or accepts the question from the learner online. The teacher can grasp the progress and understanding of the learner.
However, in the field of programming education, which has been attracting attention in recent years, each learner often concentrates on programming work in his / her own terminal environment. Therefore, in the field of programming education, even if a learning support system with two-way communication is used, interactive exchanges between teachers and learners are less likely to occur, and for confirmers such as teachers. , It becomes difficult to grasp the progress and understanding of each learner. In particular, since it is difficult to grasp where the learner is stumbling without hindering the concentration of the learner, the learning efficiency is also poor for the learner.

Therefore, the present invention provides a programming learning support system and a programming learning support method that can grasp the progress status of the learner for the confirmer and improve the learning efficiency for the learner. That is the issue.

The programming learning support system according to one aspect of the present invention has a first terminal and a second terminal capable of communicating with each other, and the first terminal accepts an editing operation by a learner who uses the first terminal. A terminal-side operation receiving unit, a first terminal-side display unit that displays a program editing screen including a program code edited according to the editing operation received by the first terminal-side operation receiving unit, and data indicating the program code. The first terminal side transmitting unit that transmits at least one data indicating the execution result of the program code to the second terminal, and the second terminal transmitted by the first terminal side transmitting unit. A second terminal-side acquisition unit that acquires information based on at least one of the data, and a second terminal that notifies a confirmer who uses the second terminal of the information acquired by the second terminal-side acquisition unit. It has a side notification unit.

According to one aspect of the present invention, a confirmer such as a teacher can confirm the program code edited by the learner or the execution result of the program code. Therefore, the confirmer can grasp the progress status of the learner. On the other hand, for the learner, the learning efficiency can be improved.

It is an overall view which shows the outline of a programming learning support system. It is a figure which shows the hardware configuration of a programming learning support system. It is a functional block diagram of a programming learning support system. It is a figure which shows an example of the learner information table. It is a sequence diagram which shows the programming learning support processing. (A) is a diagram showing an example of a task selection screen displayed on the second terminal. (B) is a diagram showing another example of the task selection screen displayed on the second terminal. It is a figure which shows an example of the program edit screen displayed on the 1st terminal. It is a figure which shows another example of the program edit screen displayed on the 1st terminal. It is a figure which shows still another example of the program edit screen displayed on the 1st terminal. (A) is a diagram showing an example of a learner management screen displayed on the second terminal. (B) is a diagram showing another example of the learner management screen displayed on the second terminal. It is a figure which shows an example of the program execution screen displayed on the 2nd terminal. It is a figure which shows an example of the 2nd program edit screen displayed on the 2nd terminal. It is a figure which shows an example of the 2nd program execution screen displayed on the 1st terminal. It is a sequence diagram of the learner environment reproduction processing. It is a sequence diagram of the demonstration distribution process. It is a sequence diagram of the learning start status management process. It is a sequence diagram of the progress management process.

Hereinafter, the programming learning support system and the programming learning support method of the present invention will be described in detail with reference to preferred embodiments shown in the accompanying drawings.
It should be noted that the embodiments described below are merely examples for facilitating the understanding of the present invention, and do not limit the present invention. That is, the present invention may be modified or improved from the embodiments described below as long as it does not deviate from the gist thereof. Also, of course, the present invention includes an equivalent thereof.
Furthermore, the screen examples shown in each figure referred to in the following description are only examples, and the screen configuration example, the displayed information, the specific contents of the GUI (Graphical User Interface), etc. are designed. It can be freely designed and changed according to the specifications and the user's preference.

<System configuration of programming learning support system 1>
As shown in FIG. 1, the programming learning support system 1 has a first terminal 10 operated by the learner S and a second terminal 30 operated by the confirmer T. The first terminal 10 and the second terminal 30 are connected to each other so as to be able to communicate with each other via a network N such as the Internet.
The first terminal 10 and the second terminal 30 may be connected to each other so as to be communicable without going through the network N, and are directly connected by, for example, Bluetooth (registered trademark) or Wi-Fi Direct (registered trademark). It may be connected.

"Programming" means to think about the procedure of processing instructing a computer so that the computer performs the processing intended by a human being, and to describe the instruction. Specifically, editing a program code using a programming language is "programming". The contents of the computer program described by the program code can be confirmed by the learner S and the confirmer T as the execution result of the program code by executing the program code.

"Program code" means a character string indicating a computer program written in a programming language. It shows the contents of a computer program and is the target of execution.

"Execution" means converting a program code into a machine language and reading it into a computer, realizing the instructions written in the program code, and actually operating the computer program. Execution includes an interpreter method, a compilation method, and the like.

The "program code execution result" indicates the contents of a computer program, and refers to a video or image visualized by executing the program code, an audible sound, or the like.

A "learner" is a person who enjoys the functions of the programming learning support system 1, and is an infant, a child, a student, a student, and a student who learns by taking a course on programming education provided by the programming learning support system 1. Etc.

The "lecture" is a learning content that combines lectures or exercises related to programming education provided by the programming learning support system 1, and is established according to a predetermined curriculum (timetable). The course is composed of one or more units, and one or more tasks are set in the unit. In addition, the course is established according to the purpose of learning or the age or knowledge level of the target learner S. As an example of the course, there is a "first programming course" for elementary school students and other programming beginners.

The "task" is the content of a lecture or self-study content related to programming, and specifically, a designated lecture related to programming, an exercise, a practice content for self-study, or the like.
Specific examples of the tasks include programming to display a certain character on the screen and move it in a predetermined movement path (hereinafter, character movement programming), programming to draw a predetermined figure (hereinafter, figure drawing programming), and Examples include programming for graphing mathematical formulas such as functions (hereinafter referred to as mathematical formula graphing programming). Moreover, one task may include a plurality of subtasks. For example, the above-mentioned graphic drawing programming may include programming for drawing a triangle, programming for drawing a right triangle, and programming for drawing a star as subtasks.

The "confirmer" is a person who enjoys the functions of the programming learning support system 1 and is a person who teaches in the course on programming education provided by the programming learning support system 1, that is, a teacher, a teacher, and a lecturer. , Instructors, instructors, tutors, etc. Further, not limited to these, a person who manages the learner S without directly teaching the programming technique is also included. Further, when students exchange problems with each other, the side that solves the problem is the learner S, and the side that issues the problem and confirms the answer is the confirmer T.

The "network" may be any one that connects the first terminal 10 and the second terminal 30 in a state in which data communication is possible. Regardless of whether it is wired or wireless, it may be the Internet, 3G, 4G, 5G, LTE, and in some cases, an in-house intranet, an in-house LAN, or the like.

The first terminal 10 is a computer capable of editing and executing a program code and transmitting and receiving data. The learner S can edit, execute, and confirm the execution result of the program code by operating the first terminal 10. As the first terminal 10, for example, a general-purpose personal computer, tablet, smartphone, mobile information terminal, digital television, or the like can be used.
Although three first terminals 10 are illustrated in FIG. 1, the number of first terminals 10 connected to the programming learning support system 1 may be one or two, and further. It may be a large number.

The second terminal 30 is a computer capable of editing and executing a program code and transmitting and receiving data. The confirmer T can edit, execute, and confirm the execution result of the program code by operating the second terminal 30. As the second terminal 30, for example, a general-purpose personal computer, a tablet, a smartphone, a mobile information terminal, a digital television, or the like can be used as in the first terminal 10.
Although the number of the second terminals 30 is only one in FIG. 1, the number of the second terminals 30 connected to the programming learning support system 1 may be a plurality.

Here, the hardware configurations of the first terminal 10 and the second terminal 30 will be described with reference to FIG. In the present embodiment, the first terminal 10 and the second terminal 30 have substantially the same hardware configuration, and the first terminal 10 and the second terminal 30 will be described together below.

As shown in FIG. 2, the first terminal 10 and the second terminal 30 have a processor 11, 31, a storage device 12, 32, and a communication interface (referred to as a communication I / F in FIG. 2) as hardware configurations. ) 13, 33, input devices 14, 34 and output devices 15, 35 are provided.

The processors 11 and 31 include, for example, a central processing unit (Central Processing Unit), a microprocessor (Micro Processing Unit), a graphics processor (Graphics Processing Unit), and the like, and are based on programs or data stored in the storage devices 12 and 32. It executes various arithmetic processes and controls each part of the first terminal 10 or the second terminal 30. Then, by reading and executing various programs by the processors 11 and 31, the function as the first terminal 10 or the second terminal 30 constituting the programming learning support system 1 is exhibited.

The storage devices 12 and 32 include, for example, a memory or a magnetic disk device, and store various programs or data. As an example, the storage devices 12 and 32 store the program code and data related to the execution result of the program code. Further, the storage device 32 of the second terminal 30 stores the data of the learner information table D, which will be described later. Further, the storage devices 12 and 32 are also used as work memories of the processors 11 and 31. The processors 11 and 31 may include an information storage medium such as a flash memory or an optical disk.

The communication interfaces 13 and 33 include, for example, a network interface card (NIC) and the like, and communicate with an external computer via a communication network such as the Internet or an intranet.

The input devices 14 and 34 are devices that receive program code editing operations and various other instruction operations from the learner S or the confirmer T and generate data indicating the contents of the accepted operations. As an example, a keyboard (including a virtual keyboard), a pointing device such as a mouse, a touch panel, a scanner, a microphone, and the like are applicable.

The output devices 15 and 35 are devices for outputting data such as a program code or an execution result of the program code in a form that can be recognized by the learner S or the confirmer T. Examples include displays, speakers, printers, plotters and the like. Further, the display may be a touch panel type display having both functions of an input device and an output device.

<Functions of programming learning support system 1>
Next, the functions provided in the programming learning support system 1 having the above configuration will be described.
Hereinafter, the details of the functions provided in each of the first terminal 10 and the second terminal 30 will be described with reference to the drawings.

<< Functions of the first terminal 10 >>
As shown in FIG. 3, the first terminal 10 includes an operation reception unit 16 on the first terminal side, a display unit 17 on the first terminal side, an execution unit 18 on the first terminal side, a storage unit 19 on the first terminal side, and a storage unit on the first terminal side. It includes a transmission unit 20, a first terminal side acquisition unit 21, a first terminal side notification unit 22, a first terminal side reception unit 23, a first terminal side data creation unit 24, and a first terminal side determination unit 25.

The functions of the above-mentioned parts provided in the first terminal 10 are executed by the processor 11 operating each part of the first terminal 10 according to the programming learning support program stored in the storage device 12. That is, the programming learning support system 1 of the present invention operates by operating each part of the first terminal 10 by the processor 11 according to the above program.
The above program may be acquired (downloaded) from a server or the like (not shown) via a communication network such as network N by the communication interface 13, or may be read by the first terminal 10 from a storage medium in which the program is stored. You may get it with.
The details of the functions of the above parts will be described below.

[First terminal side operation reception unit 16]
The operation receiving unit 16 on the first terminal side is mainly realized by the processor 11 and the input device 14, and receives the operation on the first terminal 10 by the learner S. The operation here includes an operation of editing a program code, an operation of executing a program code or a second program code, an operation of submitting an edited program code, an operation of saving data, and the like. The program code editing operation includes a code input block 8 (FIG. 8) selection operation, a cursor 9 (FIG. 9) movement operation, a position designation operation, and the like, which will be described later.

The "second program code" is distributed from the second terminal 30, and refers to a model program code that indicates a correct answer or a hint to the problem. The second program code may be a program code edited by the learner S modified by the confirmer T, or edited by the confirmer T from the beginning without being based on the program code edited by the learner S. It may be a thing. In particular, when it is not based on the program code edited by the learner S, it may be prepared in advance in a format such as a model answer.

The "code input block" is a type of GUI that has a function to assist the editing of the program code, and each corresponding code character string is graphicized by adding an explanation to help the learner S understand. Is. Details will be described later.

A "code character string" is a character string corresponding to one sentence (definition sentence, control syntax, etc.) constituting the programming code, and represents, for example, one unit command (instruction / instruction) in the programming code. is there.

[Display unit 17 on the first terminal side]
The first terminal side display unit 17 is mainly realized by the processor 11 and the output device 15, and displays the program edit screen 2, the program execution screen 3, and the like on the screen of the first terminal 10. The program edit screen 2 and the program execution screen 3 may be displayed side by side, the other screen may be superimposed on one screen, or both screens may be displayed in a switchable manner. You may.

The program edit screen 2 is a screen for editing the program code, and is drawn to display the program code (strictly speaking, the input code character string or the like) edited by the learner S through the input device 14. When the code input block 8 or the cursor 9 or the like is used as the program code input tool, the code input block 8 or the cursor 9 is displayed on the program edit screen 2.

The program execution screen 3 is a screen for displaying the execution result of the program code or the second program code when the execution result of the program code or the second program code is a video, an image, or the like. On the program execution screen 3, it is also possible to display a video or an image which is the execution result of the program code or the second program code in synchronization with the sound output from the speaker or the like.

[Execution unit 18 on the first terminal side]
The first terminal side execution unit 18 is mainly realized by the processor 11 and the storage device 12, and performs execution processing of the program code or the second program code.

[First terminal side storage unit 19]
The first terminal side storage unit 19 is mainly realized by the processor 11 and the storage device 12, and determines data indicating a program code, a second program code, an execution result of the program code, an execution result of the second program code, and the like. It is memorized based on the storage condition of. The stored program code may be a completed program code or an unfinished program code. Further, each data may be stored as a separate data by leaving a history, or may be overwritten and stored so as to store the latest data.

The "predetermined storage condition" indicates a condition necessary for storing each data. For example, when a specific operation such as a data saving operation is performed by the learner S, the program code or the second program code may be used. When it is executed, when the program code or the second program code is tried to be executed but cannot be executed due to an error, or when the learner S finishes learning by the programming learning support system 1 on the first terminal 10 ( When you log out) etc. Further, for example, it may be automatically stored at a predetermined time interval during the editing period of the program code.

"Completed program code" means a program code that has been edited to an executable stage that has reached the final completed state (the state in which all the problems in the task have been answered). However, it does not matter whether the content of the program code is correct or incorrect. That is, it may contain program code that is feasible but incorrect as an answer to the task.

The “unfinished program code” means a program code that the learner S is editing with respect to the finished program code. The unfinished program code refers to a program code that has not reached the final completed state, and may be a program code that has been edited to an executable stage, or a program that cannot be executed because the code character string is being input in the middle stage. It may be a code.

The "latest data" is the program code that was last edited in each task, the program code that was last executed in each task or the second program code, or the program code that was last executed in each task or the second program code. It refers to the execution result of the program code.

[First terminal side transmitter 20]
The first terminal-side transmitter 20 is mainly realized by the processor 11, the storage device 12, and the communication interface 13, and is a program code or data indicating the execution result of the program code (hereinafter referred to as "first data"), update data, and the like. In addition, various data such as learning start communication data are transmitted to the second terminal 30.

Specifically, the first terminal side transmitting unit 20 uses the first data stored in the first terminal side storage unit 19 as a trigger when the first terminal side receiving unit 23, which will be described later, receives the request data. It is read and the read data is automatically transmitted to the second terminal 30.

The "update data" is data created by the data creation unit 24 on the first terminal side, which will be described later, and is data for notifying the second terminal 30 that the execution result of the program code or the like satisfies a predetermined update condition. Is. Examples of the contents of the update data include the number of times the program code is executed, the number of times the program code is executed but cannot be executed due to an error, and the edited program code from the learner S to the confirmer T. Includes content that indicates that you want to make inquiries such as confirmation requests.

The "predetermined update condition" indicates a condition necessary for creating or transmitting update data, and means, for example, a condition determined based on an execution result of a program code or the like. Specifically, when the program code is executed (including the case where it is executed first for each issue), when the number of executions of the program code reaches the preset number of executions, the program code to be the issue If the editing proceeds to a predetermined stage and the execution result of the program code at that time meets the criteria, or if the program code is executed but an error occurs and the program code cannot be executed, the learner S changes to the confirmer T. On the other hand, this includes the case where a specific operation such as an inquiry such as a confirmation request of the edited program code is performed, or the case where the learner S finishes learning by the programming learning support system 1 on the first terminal 10. ..

The "learning start communication data" means that the operation reception unit 16 on the first terminal side receives a predetermined operation on the first terminal 10 by the learner S, and the learner S logs in to participate in the task, or learning. It is the data created by the first terminal side data creation unit 24, which will be described later, when it is detected that the learner S has started editing the program code, and the second is that the learner S has started the programming learning. This is the data to be notified to the terminal 30.

The "request data" is data in which the second terminal 30 requests the first terminal 10 to transmit the first data.

[First terminal side acquisition unit 21]
The first terminal side acquisition unit 21 is mainly realized by the processor 11, the storage device 12, and the communication interface 13, and is the second data indicating the execution result of the second program code or the second program code (hereinafter, simply "second". Obtain second information based on "data").

The "second information" includes the execution result of the second program code or the second program code specified by expanding the second data, or the information obtained by performing image processing on these. .. Here, the image processing corresponds to a process of processing the second program code or the execution result of the second program code so that the learner S can see it more easily.

"Acquisition" means to obtain the information (second information) indicated by the second data by receiving and expanding the second data, or to perform data processing using the received data, and the first It means to obtain the information (second information) that can be used on the terminal 10 side. Further, when the received second data is data indicating the second program code, executing the second program code also corresponds to "acquisition".

[First terminal side notification unit 22]
The first terminal side notification unit 22 is mainly realized by the processor 11, the storage device 12, and the output device 15, and notifies the second information acquired by the first terminal side acquisition unit 21 in a state in which the learner S can recognize it. .. In addition, the learner S notifies the execution result of the program code executed by the execution unit 18 on the first terminal side in a recognizable state.

"Notification" means displaying the second program code or outputting the video, image, sound, or the like which is the execution result of the program code or the second program code. For example, when the execution result of the program code is a video, an image, or the like, the display display (display on the program execution screen 3) corresponds to the notification. On the other hand, when the program is a music playback program or the like and the execution result of the program code is sound or the like, the speaker output corresponds to the notification.

In the present embodiment, the second information notified by the first terminal side notification unit 22 is only the execution result of the second program code, and the second program code itself may not be notified. Here, as a specific method of not notifying the second program code itself as the second information, for example, the second data itself indicating the second program code may not be transmitted from the second terminal side transmission unit 40 described later. Alternatively, when the second data is transmitted from the second terminal side transmission unit 40 to the first terminal 10, the second data indicating the second program code is given a visible or invisible attribute to the learner S. May be.

When the second program code is displayed on the screen, or when the program code or the execution result of the second program code is a video or image that can be displayed on the screen, the first terminal side notification unit 22 may display the second program code. In that function, it may partially overlap with the display unit 17 on the first terminal side. In this way, when the content to be notified is to be displayed on the screen, it may be displayed side by side with the program edit screen 2, may be displayed superimposed on the program edit screen 2, or may be displayed on the program edit screen. It may be displayed so as to be switchable with 2.

[Receiver 23 on the first terminal side]
The first terminal side receiving unit 23 is mainly realized by the processor 11, the storage device 12, and the communication interface 13, and receives the request data.

[Data creation unit 24 on the first terminal side]
The first terminal side data creation unit 24 is mainly realized by the processor 11, the storage device 12, and the input device 14, and creates update data and learning start communication data. The update data is automatically created when the above-mentioned predetermined update conditions are satisfied. Further, as described above, the learning start communication data is created when the operation reception unit 16 on the first terminal side receives an operation on the first terminal 10 by the learner S.

[First terminal side determination unit 25]
The first terminal side determination unit 25 is mainly realized by the processor 11 and the storage device 12, and when the first terminal side storage unit 19 stores each data, it determines whether or not the above-mentioned predetermined storage conditions are satisfied. To do. Further, when the update data is transmitted by the first terminal side transmission unit 20 or when the first terminal side data creation unit 24 creates the update data, it is determined whether or not the above-mentioned predetermined update conditions are satisfied.

<< Functions of the second terminal 30 >>
As shown in FIG. 3, the second terminal 30 includes an operation reception unit 36 on the second terminal side, a display unit 37 on the second terminal side, an execution unit 38 on the second terminal side, a storage unit 39 on the second terminal side, and a second terminal side. Transmission unit 40, second terminal side acquisition unit 41, second terminal side notification unit 42, second terminal side reception unit 43, second terminal side data creation unit 44, second terminal side management unit 45, second terminal side selection A unit 46 and a second terminal side determination unit 47 are provided.

The functions of the above-mentioned parts provided in the second terminal 30 are executed by the processor 31 operating each part of the second terminal 30 according to the programming learning support program stored in the storage device 32. That is, the programming learning support system 1 of the present invention operates by operating each part of the second terminal 30 by the processor 31 according to the above program.
The above program may be acquired from a server or the like (not shown) via a communication network such as network N by the communication interface 33, or may be read and acquired by the second terminal 30 from a storage medium storing the program. It may be that.
The details of the functions of the above parts will be described below.

[Second terminal side operation reception unit 36]
The operation receiving unit 36 on the second terminal side is mainly realized by the processor 31 and the input device 34, and receives the operation on the second terminal 30 by the confirmer T. The operations here include an operation of editing the second program code, an operation of executing the program code or the second program code, an operation of transmitting the edited second program code, an operation of opening a course, an operation of selecting an assignment, and an operation of creating request data. , First terminal selection operation, data storage operation, etc.

[Second terminal side display unit 37]
The second terminal side display unit 37 is mainly realized by the processor 31 and the output device 35, and the program edit screen 52, the program execution screen 53, the task selection screen 56, and the learner management screen 57 are displayed on the screen of the second terminal 30. Etc. are displayed. The program edit screen 52 and the program execution screen 53 may be displayed side by side, the other screen may be superimposed on one screen, or both screens may be displayed in a switchable manner. You may.

The program edit screen 52 is a screen for editing the second program code. The editing here is either the case of modifying as the second program code based on the program code edited by the learner S, or the case of writing the second program code from scratch without the base program code. Including.

The program execution screen 53 is a screen for displaying the execution result of the program code or the second program code when the execution result of the program code or the second program code is a video, an image, or the like. On the program execution screen 53, it is also possible to display a video or an image which is the execution result of the program code or the second program code in synchronization with the sound output from the speaker or the like.

[Second terminal side execution unit 38]
The second terminal side execution unit 38 is mainly realized by the processor 31 and the storage device 32, and executes the program code or the second program code execution process.

[Second terminal side storage unit 39]
The second terminal side storage unit 39 is mainly realized by the processor 31 and the storage device 32, and is data showing a program code, a second program code, a program code execution result, a second program code execution result, learner information, and the like. Is stored based on a predetermined storage condition. The "predetermined storage condition" in this case is the above-mentioned first terminal side storage unit 19 although there are differences in the content of the operation performed between the first terminal 10 and the second terminal 30 and the performer of the operation. It is almost the same as the conditions for recording data in.
The program code stored in the second terminal side storage unit 39 may be a completed program code or an unfinished program code. Further, each data may be stored as a separate data by leaving a history, or may be overwritten and stored so as to store the latest data.

As shown in FIG. 4, the learner information table D showing the learner information includes the name, learning status, current unit, and current task in association with the member number of the learner S (S1 to SN). , The current number of tasks played, the current success / failure, the number of execution errors, the number of inquiries, the latest success / failure number, and information on the progress status such as the success / failure rate are stored.

The "learning situation" is an item for determining the learning situation of the learner S, that is, whether or not the learner S participates in the task currently being performed and starts learning.

The "current task playback count" is a numerical value indicating the number of executions of the program code edited by the learner S according to the task.

The "current success / failure" is an item indicating the current correct / incorrect status of the learner S's task.

The "execution error number" is an item indicating the number of times that the learner S tried to execute the program code or the second program code, but an error occurred and could not be executed.

The “number of inquiries” is an item indicating the number of inquiries from the learner S to the confirmer T, such as a confirmation request for the edited program code.

The "success / failure rate" is an item indicating the ratio of the correct answer to the incorrect answer among all the answers to the tasks that the learner S has performed so far.

The "progress status" is a combination of information such as the current unit, the current task, the current number of times the task has been played, and the current success or failure contained in the learner information. It indicates whether S answers the task correctly, or how many times the program code for the task is edited and executed. In addition, when viewed in units of courses, it indicates which task of which unit in the course the learner S has progressed to.

[Second terminal side transmitter 40]
The second terminal side transmission unit 40 is mainly realized by the processor 31, the storage device 32, and the communication interface 33, and transmits the second data and various data such as request data to the first terminal 10.

At this time, when the second program code is edited by modifying it based on the program code edited by the learner S, the second program code or the second data indicating the execution result of the second program code is the original. The program code is transmitted to the first terminal 10 operated by the learner S who edited the program code.

If there is an error in the program code, the execution result of the second program code or the second program code is sent to the first terminal 10 operated by the learner S who edited the program code having the error. The second data shown may be transmitted. The error determination may be performed by the confirmer T confirming the program code on the screen, or may be automatically determined by the second terminal side determination unit 47 described later.

[Second terminal side acquisition unit 41]
The second terminal-side acquisition unit 41 is mainly realized by the processor 31, the storage device 32, and the communication interface 33, and acquires information based on the first data transmitted by the first terminal-side transmission unit 20.

The "information" includes a program code specified by expanding the data, an execution result of the program code, or information obtained by performing image processing on these. Here, in the image processing, the program code or the execution result of the program code is processed so as to be more visible to the confirmer T, or an error is found by determining the presence or absence of an error (erroneous input location) in the program code. If this happens, the process of highlighting the error location is applicable.

"Acquisition" means to obtain the information indicated by the first data by receiving and expanding the first data, or to perform data processing using the received data and use it on the second terminal 30 side. It means getting the information you can. Further, when the received data is a program code, executing the program code also corresponds to "acquisition".

The information acquired by the acquisition unit 41 on the second terminal side may be information based on data indicating an unfinished program code. Further, the information may be based on the latest data among the first data.

The "latest data" is the program code that was last edited in each task, the program code that was last executed in each task, the execution result of the program code that was last executed in each task, and so on. Then, the data most recently stored in the storage unit 19 on the first terminal side is also included.

Further, the second terminal side acquisition unit 41 acquires information based on the program code or data indicating the execution result thereof from one or a plurality of first terminals 10 selected by the second terminal side selection unit 46, which will be described later. May be good.

[Second terminal side notification unit 42]
The second terminal side notification unit 42 is mainly realized by the processor 31, the storage device 32, and the output device 35, and confirms the information (program code or execution result of the program code) acquired by the second terminal side acquisition unit 41. Is notified in a recognizable state. Further, the program code executed by the execution unit 38 on the second terminal side or the execution result of the second program code is notified in a state in which the confirmer T can recognize it.

"Notification" means displaying a program code or outputting a video, an image, a sound, or the like which is the execution result of the program code or the second program code. For example, when the execution result of the program code is a video, an image, or the like, the display display (display by the program execution screen 53) corresponds to the notification. On the other hand, when the program is a music playback program or the like and the execution result of the program code is sound or the like, the speaker output corresponds to the notification.

Further, the second terminal side notification unit 42 can also notify the learner T of the learner information of the learner S, and display, for example, a display object according to the learning status and the progress status of the learner S. Here, the display object is a figure, a character string, or a combination thereof displayed for notifying the learning status and progress status of the learner S, and corresponds to, for example, an icon displayed for each learner S. To do. Further, when the learning status or progress status of the learner S changes, the second terminal side notification unit 42 displays the display object (specifically, the color of the display object, the presence / absence of blinking, etc.). Can be switched.

When the program code is displayed on the screen, or when the execution result of the program code or the second program code is a video or image that can be displayed on the screen, the second terminal side notification unit 42 has the function. In some cases, it partially overlaps with the display unit 37 on the second terminal side. In this way, when the content to be notified is to be displayed on the screen, it may be displayed side by side with the program edit screen 52, may be displayed superimposed on the program edit screen 52, or may be displayed on the program edit screen. It may be displayed so as to be switchable with 52.

[Second terminal side receiver 43]
The second terminal-side receiving unit 43 is mainly realized by the processor 31, the storage device 32, and the communication interface 33, and receives the update data and the learning start communication data.

[Second terminal side data creation unit 44]
The second terminal side data creation unit 44 is mainly realized by the processor 31, the storage device 32, and the input device 34, and creates request data. The request data is created by triggering the operation reception unit 36 on the second terminal side to accept the request data creation operation by the confirmer T.

[Second terminal side management unit 45]
The second terminal side management unit 45 is realized mainly by the processor 31 and the storage device 32, and appropriately sets the learner information based on the data received by the second terminal side receiving unit 43.

Specifically, when the second terminal side receiving unit 43 receives the learning start communication data, the second terminal side management unit 45 receives the learning start communication data from the learner information table D stored in the second terminal side storage unit 39. The learner information of the corresponding learner S is read, and the read learner information is set during learning and stored in the second terminal side storage unit 39. Further, when the second terminal side receiving unit 43 receives the update data, the second terminal side management unit 45 receives the corresponding learner S from the learner information table D stored in the second terminal side storage unit 39. The learner information is read, and the read learner information is updated according to the update data and stored in the second terminal side storage unit 39.

[Second terminal side selection unit 46]
The second terminal side selection unit 46 is mainly realized by the processor 31, the storage device 32, the communication interface 33, and the input device 34, and a predetermined first terminal 10 is selected from a plurality of first terminals 10 as a predetermined selection condition. Select based on.

The "predetermined selection condition" here indicates a condition when a specific first terminal 10 is selected from a plurality of first terminals 10, and for example, the confirmer T selects a specific first terminal 10. When the first terminal selection operation or the like is performed, when an inquiry such as a confirmation request of the edited program code is received from the specific first terminal 10 and the confirmer T permits it, or when the specific first terminal is specified. This refers to the case where an error is found in the program code obtained from 10. Further, for example, it may be automatically and randomly selected at a predetermined time interval during the task implementation.

[Second terminal side determination unit 47]
The second terminal side determination unit 47 is mainly realized by the processor 11 and the storage device 12, and when the second terminal side acquisition unit 41 acquires information based on the first data, or when the second terminal side execution unit 38 It is determined whether or not an error exists in the program code when the program code is executed.

In general, the first terminal 10 and the second terminal 30 have various functions other than the above, but here, a characteristic function that exerts an action effect in the programming learning support system 1 of the present invention. Only will be described, and illustration and description of other known functions will be omitted.

<Outline of processing of programming learning support system 1>
Next, an outline of the processing executed in the programming learning support system 1 having the above configuration will be described with reference to the sequence diagram and the diagram showing an example of each screen.

The programming learning support method according to the present embodiment is realized by using the programming learning support system 1 that functions as a computer system. In other words, the programming learning support process executed by the programming learning support system 1 relates to the present embodiment. The programming learning support method is applied.

As shown in FIG. 5, first, the lecture is opened by the second terminal 30 operated by the confirmer T (S101).

The opened course can be confirmed from the first terminal 10 operated by the learner S. The learner S operates the first terminal 10 to apply for participation in the course (S102).

"Participation" means watching a lecture given in the lecture or solving an exercise. Participation is not limited to the beginning of a lecture such as the first lecture, but it is also possible to participate in the middle.

When the second terminal 30 receives the application for participation from the first terminal 10 (S103), the second terminal 30 selects the corresponding task from the lectures (S104), and the first terminal 10 explains the problem and the content of the problem (S103). For example, the assignment is started by transmitting a lecture video or an exercise (S105).

At this time, the task may be automatically selected based on the progress status or the like included in the learner information stored in the learner information table D, or the confirmer T may select the progress status of the learner S. Etc. may be referred to and arbitrarily selected. When the confirmer T selects a task, the task selection screen 56 is displayed on the screen of the second terminal 30.

As shown in FIG. 6A, in the task selection screen 56, a screen for selecting an arbitrary unit from a plurality of units prepared in the course is first displayed on the screen of the second terminal 30. Will be done. Further, when an arbitrary unit is selected from the units, as shown in FIG. 6B, a screen for selecting an arbitrary task from a plurality of tasks prepared in the selected unit is displayed. Transition. The confirmer T operates the second terminal 30 to select an arbitrary task that the learner S wants to perform from the plurality of tasks. At this time, a plurality of tasks are displayed on the screen of the first terminal 10, and the learner S may select an arbitrary task and apply for participation.

Based on the task transmitted from the second terminal 30, the first terminal 10 first explains the task (S106) and starts the task.

During the implementation of the task, the learner S operates the first terminal 10 to watch a lecture or perform an exercise (S107). Specifically, especially in the practice scene, the learner S edits the program code according to the task on the program editing screen 2 displayed on the screen of the first terminal 10, and the editing work proceeds to a predetermined stage. Execute the program code to confirm the correctness of the program code at that time.

In the present embodiment, the execution result of the program code is a video or an image, and the display display is given as an example of the notification, but the notification is not limited to the display display. For example, when the program is a music playback program, etc., it is notified by performing speaker output or the like.

As shown in FIG. 7, the program editing screen 2 displayed on the screen of the first terminal 10 is mainly composed of a program code display area 4, a program execution area 5, and a task display area 6. In addition, various operation buttons and the like are displayed on the program edit screen 2.

The program code display area 4 is an area for displaying the program code input by the learner S. The program code displayed in the program code display area 4 may be directly input by touching the virtual keyboard (not shown) displayed on the program edit screen 2, or the code input block 8 described later. The character string (code character string) of the program code corresponding to may be displayed.

The program execution area 5 is an area for displaying the execution result of the program code. For example, in the task of editing the program code for moving the character C (character movement programming), the above program code is displayed at the timing when the editing of the program code is completed or when the "Play" button is clicked (including tapping). It is executed, and in the program execution area 5, the character C moves according to the instruction of the program code.

In the present embodiment, the program execution area 5 is displayed together with the program code display area 4. That is, the program execution area 5 and the program code display area 4 are displayed side by side at the same time. In this way, on the program edit screen 2, both the program code and the execution result of the program code (movement of the character C) are displayed on one screen. The program code display area 4 and the program execution area 5 may be displayed in a switchable manner.

The task display area 6 is an area for displaying the current task. For example, the conditions for clearing the task are explained. The task display area 6 can also be hidden.

As shown in FIG. 8, on the program editing screen 2, the program editing can be assisted so that the program code can be input without using the keyboard. For example, the program code can be edited by selecting and arranging the code input blocks 8.

Specifically, the program editing screen 2 displayed on the screen of the first terminal 10 displays a plurality of code input blocks 8 in addition to the program code display area 4, the program execution area 5, and the task display area 6. The block display area 7 is further provided.

In the code input block 8, an explanation for helping the learner S understand is added for each corresponding code character string. For example, the code character string "character: walkto (1,0, right)" is added. In the code input block corresponding to, the explanation "walk one square to the right" indicating the meaning of the code character string is displayed.

A plurality of code input blocks 8 are displayed in the block display area 7. The code input block 8 displayed in the block display area 7 is prepared in a state in which a block in which a correct code character string for a task can be input and a block in which an incorrect code character string is input are mixed. The code character string corresponding to the code input block 8 selected by the learner S from those blocks is input to the program code display area 4 at the same time as the selection. At this time, the difficulty level can be set by increasing or decreasing the number of incorrect answer blocks. Further, when the learner S has a high degree of proficiency, the code input block 8 may be hidden as appropriate.

As shown in FIG. 9, when programming for drawing a specified figure is given as a task, for example, by operating the cursor 9 to specify a coordinate position, the program code is edited. May be good. Specifically, the program editing screen 2 displayed on the screen of the first terminal 10 has a cursor 9 that can be moved on the program execution area 5. The program execution area 5 to which the cursor 9 can be moved corresponds to the drawing area.

The "designated figure" is a line drawing, for example, a two-dimensional figure such as a circle, a polygon or a fan, a three-dimensional figure such as a sphere, a polyhedron or a cone, or a four-dimensional figure such as a polytope. You may. Moreover, it may be a complicated picture or the like. Further, it may be a dynamic figure or the like with a time axis added.

The “coordinates” indicate the positions of the points specified by the cursor 9 on the program edit screen 2, strictly speaking, the program execution area 5, which is the drawing area.

The cursor 9 moves according to the operation by the learner S. In addition, it corresponds to the coordinate position pointed to by the cursor 9 in response to a predetermined operation such as selecting a code input block (not shown in FIG. 9) on which an explanation to the effect of "inputting vertices from the coordinates of the cursor" is displayed. The code character string to be used is input to the program code display area 4. The code character string corresponding to the coordinate position pointed to by the cursor 9 may be input to the program code display area 4 in response to a predetermined operation such as double-clicking or long-pressing.

In addition, regarding the colors of the lines or dots that make up the figure, information on the colors can also be obtained according to a predetermined operation such as selecting a code input block (not shown in FIG. 9) on which information that can distinguish the colors is displayed. It is input to the program code display area 4. The color may be selected from a palette, a dialog box, or the like. Further, the program code for drawing a line between the coordinates may be input to the program code display area 4 in response to a predetermined operation such as dragging the cursor 9.

As described above, the learner S operates the first terminal 10 to watch a lecture or perform an exercise.
On the other hand, the confirmer T operates the second terminal 30 to monitor and confirm the learning status and the progress status of the learner S while the learner S is performing the task (S108). The process performed from this step S108 to the next step S109 includes a learner environment reproduction process (FIG. 14) described later.

As shown in FIG. 10A, on the learner management screen 57, a list of each learner S is displayed on the screen of the second terminal 30. The information displayed here includes information that can identify the learner S, such as the member number or name of the learner S.

When the confirmer T selects an arbitrary learner S whose learning status or progress status is to be confirmed from the plurality of learners S (S1 to SN) included in the list, as shown in FIG. 10 (b). The detailed information (status) of the selected learner S is displayed in. The detailed information is based on the information in the learner information table D described above, for example, the member number of the learner S, the name, the learning status, the current unit, the current task, the number of views of the current task, and the current number of views. Information about success or failure is displayed. The confirmer T manages the learning status, progress status, etc. of the learner S based on this information. On the learner management screen 57, an icon or the like (not shown) for notifying that a change has occurred in the learning status or progress status of the learner S may be displayed.

Further, the learner management screen 57 is provided with a link "view Script" together with detailed information of the learner S. The confirmer T requests the first terminal 10 to present the program code edited by the learner S by clicking this link or the like on the learner management screen 57.

Upon receiving the request from the second terminal 30, the first terminal 10 automatically responds to the request without notifying the learner S who operates the first terminal 10 (S109). That is, the first data is automatically transmitted to the second terminal 30. Therefore, no matter when the confirmer T requests the learner S to present the program code, the learner S who is editing the program code is not hindered from concentrating.
In step S109, among the data recorded in the first terminal 10 as the first data, the latest data is transmitted to the second terminal 30.

The second terminal 30 that has acquired the information based on the first data displays the program code edited by the learner S and the execution result of the program code on the program execution screen 53, and reproduces the learning environment of the learner S. Therefore, the confirmer T can monitor and confirm the learning status and the progress status of the learner S in real time at an arbitrary timing even while the learner S is editing the program code.

The information acquired by the second terminal 30 may be a program code or an execution result of the program code, and as a result, the program code edited by the learner S on the second terminal 30 and the program code thereof. It suffices if one or both of the execution results can be confirmed. When the information based on the data indicating the program code is acquired, the program code is executed on the second terminal 30 side to notify the information. On the other hand, when the information indicating the execution result of the program code is acquired, it is not necessary to execute the program code on the second terminal 30 side.

The program code acquired here may be an unfinished program code. Further, since the confirmer T may notice an error by reading the program code itself, the unfinished program code may be at a stage where it cannot be executed. In this way, the confirmer T can confirm the program code edited by the learner S even if it is an unfinished program code that cannot be executed in the middle of editing, so that the learner S can confirm it at an earlier stage. It is possible to grasp the progress status and the degree of understanding of the learner S, which can be used as a reference when considering how to proceed with the future learning for the learner S.

As shown in FIG. 11, the program execution screen 53 that reproduces the learner environment on the screen of the second terminal 30 is mainly composed of the program code display area 54 and the program execution area 55. In addition, various operation buttons and the like may be displayed on the program execution screen 53, such as a "Play" button.

The program code display area 54 is an area for displaying the program code input by the learner S, and the character string of the program code is displayed.

The program execution area 55 is an area for displaying the execution result of the program code edited by the learner S. In the present embodiment, the character C on the program execution area 55 moves according to the instruction of the program code edited by the learner S at the timing when the program code is displayed or when the "Play" button is clicked or the like. do.

The program execution area 55 is displayed together with the program code display area 54. That is, on the program execution screen 53, the program execution area 55 and the program code display area 54 are displayed side by side at the same time, and the program code edited by the learner S and the execution result (movement of the character C) of the program code are displayed. Is displayed on one screen.

The confirmer T, who reproduces the learner environment and confirms the program code edited by the learner S, operates the second terminal 30 after grasping the progress status and the degree of understanding of the learner S, and operates the second program. The code is edited by itself and delivered for demonstration (S110). The process performed from this step S110 to the next step S111 corresponds to the demonstration distribution process (FIG. 15) described later.

"Demonstration" means executing the second program code and notifying the execution result. In the case of the present embodiment, it means that the execution result of the second program code is displayed on the screen of the first terminal 10 (program execution screen 3) and the screen of the second terminal 30 (program execution screen 53).

"Demonstration distribution" means transmitting the second data from the second terminal 30 to the first terminal 10 in order to perform the above demonstration on the program execution screen 3 of the first terminal 10.

As shown in FIG. 12, the screen in which the confirmer T edits the second program code, that is, the program edit screen 52 displayed on the screen of the second terminal 30, is the program code display area 54 and the program execution area 55. Mainly composed of and. In addition, various operation buttons and the like may be displayed on the program edit screen 52, such as a "Play" button or a "send" button.

The program code display area 54 is an area for displaying the second program code input by the confirmer T by operating a virtual keyboard (not shown) displayed on the program edit screen 52, and is a character of the second program code. The column is displayed. When the program code edited by the learner S is used as the base in the program code display area 54, the program code originally edited by the learner S is displayed, and the confirmer T can modify the program code from above. May be.

The program execution area 55 is displayed together with the program code display area 54, and is an area for displaying and demonstrating the execution result of the second program code edited by the confirmer T. In the present embodiment, the character C on the program execution area 55 instructs the second program code edited by the confirmer T at the timing when the second program code is input or when the "Play" button is clicked or the like. Move according to.

When the confirmer T completes the editing of the second program code, he clicks the "send" button or the like to transmit the information based on the second data to the first terminal 10.

When the second program code is acquired from the second terminal 30, the first terminal 10 performs a demonstration based on the acquired second program code (S111).

As shown in FIG. 13, the program execution screen 3 displayed on the screen of the first terminal 10 for demonstrating has a program execution area 5 for displaying and demonstrating the execution result of the second program code. .. Further, on the program execution screen 3, various operation buttons and the like such as a "Play" button and the like are displayed.

In the program execution area 5, for example, at the timing when the second program code is acquired, when the "Play" button is clicked, or at an arbitrary timing specified by the confirmer T by remote operation from the second terminal 30 side. , Character C moves according to the instruction of the second program code.

At this time, although the execution result of the second program code is notified on the first terminal 10 side (displayed on the program execution screen 3 in this embodiment), the second program code itself is not displayed on the program execution screen 3. That is, the learner S can confirm the execution result of the second program code, but cannot confirm the second program code itself showing the answer. Therefore, the learner S can edit or modify the program code by himself / herself while referring to the execution result of the second program code, and further proceed with the learning.

Further, the program execution screen 3 for demonstrating the second program code may include a program code display area 4 for displaying the program code edited by the learner S in addition to the program execution area 5. In this case, the learner S can edit or modify the program code in the program code display area 4 while exemplifying the execution result of the second program code indicating the correct answer or hint to be demonstrated.

When the demonstration distribution (S110) is completed, the second terminal 30 determines whether or not all the tasks have been completed (S112). If all the tasks have not been completed (S112: No), the tasks are selected again (S104). At this time, if it is judged that all the tasks have not been completed, the same applies to the learner S, such as when another new task remains or when the correct answer has not yet been given to the task. This includes cases where the task needs to be performed again.

When all the tasks are completed (S112: Yes), the line is disconnected after the end notification is transmitted from the second terminal 30 to the first terminal 10 (S113). As a result, the task ends at the first terminal 10 (S114). The task content (including the program code and the second program code) can be saved on the first terminal 10 side, and the task can be resumed offline from the review menu even after the line is disconnected.

<Flow of each process of programming learning support system 1>
Next, the flow of each process executed in the programming learning support system 1 will be specifically described with reference to FIGS. 14 to 17.

[Learner environment reproduction processing]
First, the learner environment reproduction process will be described with reference to FIG.
The “learner environment reproduction process” refers to a process of notifying the execution result of the program code edited by the learner S on the second terminal 30. Further, the learner environment reproduction process is a process performed from step S108 to step S109 among the programming learning support processes shown in FIG.

As shown in FIG. 14, when the first terminal 10 receives the program code editing operation from the learner S (S201), the first terminal 10 displays the edited program code in the program code display area 4 of the program editing screen 2. (S202).
Then, when the first terminal 10 receives the execution operation of the program code from the learner S (S203), the edited program code is executed (S204), and the execution result of the program code is displayed in the program execution area of the program edit screen 2. It is displayed in 5 (S205).
Then, the program code and the execution result of the program code are stored in the storage device 12 (S206).
The edited program code may be automatically executed when the program code is edited to a stage where it can be executed, regardless of whether or not an execution operation is accepted. Further, the program code and the execution result of the program code may be stored before or at the same time as each display. The program code may be stored before or at the same time as the execution.

On the other hand, when the second terminal 30 receives the request data creation operation from the confirmer T (S207: Yes), the second terminal 30 creates the request data (S208) and transmits the created request data to the first terminal 10. (S209).

The first terminal 10 is instructed to transmit the first data to the second terminal 30 by the learner S submitting the program code, that is, by clicking an unillustrated submit button or the like based on the learner S's intention. (S210: Yes), one or both of the first data is transmitted to the second terminal 30 (S212).

Further, even if the first terminal 10 does not accept the submission operation (S210: No), when the first terminal 10 receives the request data transmitted from the second terminal 30 (S211), either or both of the first data Data is transmitted to the second terminal 30 (S212).

When the second terminal 30 acquires the information based on the first data transmitted from the first terminal 10 (S213), the second terminal 30 determines whether or not the acquired information is the information based on the data indicating the execution result of the program code. (S214). When the acquired information is information based on data indicating the execution result of the program code (S214: Yes), the second terminal 30 displays the execution result of the program code in the program execution area 55 of the program execution screen 53 to notify the information. (S216).

On the other hand, when the acquired information is not information based on the data indicating the execution result of the program code (S214: No), that is, when the information is based on the data indicating the program code, the second terminal 30 uses the program code. (S215), the program code and the execution result of the program code are displayed in the program code display area 54 and the program execution area 55 of the program execution screen 53 and notified (S216).
When the information based on the data indicating the acquired program code cannot be executed, only the program code may be displayed and notified.

On the other hand, even if the second terminal 30 does not accept the request data creation operation from the confirmer T (S207: No), if the first data is transmitted from the first terminal 10 (S212), the second terminal 30 is the first. Information based on one data is acquired (S213), and the following processes (S214 to S216) are performed in the same manner as described above.
The above is an example of the learner environment reproduction processing.

[Demonstration distribution process]
Next, the demonstration distribution process will be described with reference to FIG.
The “demonstration distribution process” refers to a process of performing demonstration distribution and notifying the execution result of the second program code on the first terminal 10. Further, the demonstration distribution process is a process performed from step S110 to step S111 among the programming learning support processes shown in FIG.

As shown in FIG. 15, when the second terminal 30 receives the editing operation of the second program code from the confirmer T (S301), the edited second program is displayed in the program code display area 54 of the program editing screen 52. The code is displayed (S302).
Then, when the second terminal 30 receives the execution operation of the second program code from the confirmer T (S303), the second terminal 30 executes the edited second program code (S304), and edits the execution result of the second program code. It is displayed in the program execution area 55 on the screen 52 (S305).
Then, the second program code and the execution result of the second program code are stored in the storage device 32 (S306).
The edited second program code may be automatically executed when the second program code is edited to the stage where the second program code can be executed, regardless of whether or not the execution operation is accepted. Further, the second program code and the execution result of the second program code may be stored before or at the same time as each display. The second program code may be stored before or at the same time as the execution.

Then, when the second terminal 30 receives the transmission operation of the second program code from the confirmer T (S307), the second terminal 30 transmits either or both of the second data to the first terminal 10 (S308).

When the first terminal 10 acquires the second information based on the second data transmitted from the second terminal 30 (S309), the acquired information is the second information based on the second data indicating the execution result of the second program code. (S310). When the acquired information is the second data indicating the execution result of the second program code (S310: Yes), the first terminal 10 displays the execution result of the second program code in the program execution area 5 of the program execution screen 3. And notify (S312). This notification will be a demonstration.

On the other hand, when the acquired information is not the second information based on the second data indicating the execution result of the second program code (S310: No), that is, when the second information is based on the second data indicating the second program code. After executing the second program code, the first terminal 10 displays the execution result of the second program code in the program execution area 5 of the program execution screen 3 (S312). This notification also corresponds to the demonstration.
At this time, even if the first terminal 10 has acquired the second information based on the second data indicating the second program code, the second program code itself is not displayed on the program execution screen 3.
The above is an example of the demonstration distribution process.

[Learning start status management process]
Next, the learning start status management process will be described with reference to FIG.
The “learning start status management process” refers to a process in which the second terminal 30 manages whether or not the learner S has started learning.

As shown in FIG. 16, when the first terminal 10 receives various operations such as a program code editing operation from the learner S (S401), the learning start communication data is created (S402), and the created learning start is started. The communication data is transmitted to the second terminal 30 (S403).

When the second terminal 30 receives the learning start communication data transmitted from the first terminal 10 (S404), the second terminal 30 reads the learner information of the corresponding learner S from the learner information table D stored in the storage device 12. (S405), the item of the learning status of the read learner information is set as learning (S406).
Then, the learner information whose learning status is set to "learning" is stored in the storage device 12 again (S407), and is displayed on the learner management screen 57 to notify the learner (S408).
The above is an example of the learning start status management process.

[Progress management process]
Next, the progress management process will be described with reference to FIG.
The “progress status management process” refers to a process of managing the progress status of the learner S on the second terminal 30.

As shown in FIG. 17, when the first terminal 10 achieves the above-mentioned predetermined update condition (S501), the first terminal 10 creates update data (S502) and transmits the created update data to the second terminal 30. (S503). For example, when the program code corresponding to a certain problem is divided into a plurality of blocks and the execution result of the program code is obtained at the stage when the editing is completed for each block, the first terminal 10 creates update data. Is transmitted to the second terminal 30.

When the second terminal 30 receives the update data transmitted from the first terminal 10 (S504), the second terminal 30 reads the learner information of the corresponding learner S from the learner information table D stored in the storage device 12 (S505). ), The read learner information is updated by rewriting it based on the content of the update data (S506). For example, the update data updates information such as the current number of tasks played or the current success / failure of the learner information.
Then, the updated learner information is stored in the storage device 12 again (S507), and is displayed on the learner management screen 57 for notification (S508).
The above is an example of the progress management process.

<Other Embodiments>
The present invention is not limited to the above embodiments.
For example, the program code may be displayed or executed as a web page via a web browser installed in the first terminal 10 and the second terminal 30. Even in this case, each of the terminals of the first terminal 10 and the second terminal 30 performs each process such as execution of the program code or the second program code.

Further, in the above embodiment, the programming learning support system 1 decides to perform each process such as execution of the program code or the second program code at each terminal of the first terminal 10 and the second terminal 30. , A server (not shown) or the like may be separately provided, and each process may be performed by the server. Specifically, it can be used by a method such as ASP (Application Service Provider), SaaS (Software as a Service), PaaS (Platform as a Service), or IaaS (Infrastructure as a Service).
In this case, the server used for the ASP or the like can execute one or both of the program code and the second program code, and generate and store data for displaying the execution result. Therefore, for example, a function for executing the program code or the second program code on the first terminal 10 and the second terminal 30 (first terminal side execution unit 18 and second terminal side execution unit 38), or It is not necessary to have a function for storing various data such as a program code (first terminal side storage unit 19 and second terminal side storage unit 39).

Further, on the premise that there are a plurality of learners S and a plurality of first terminals 10 operated by the plurality of learners S, the learners S form a team to perform synchronous communication, and the learners S perform synchronous communication. The task provider and the answerer may be in charge of each other on the side of the first terminal 10 operated by. At this time, the task can be downloaded from the programming learning support system 1, or the question creation / editing mode can be provided as a function of the first terminal 10 and the task can be created by oneself.

Further, on the premise that there are a plurality of learners S and a plurality of first terminals 10 operated by the plurality of learners S, the learners S form a team and perform synchronous communication, and each learner. For each of the first terminals 10 of S, roles for input and output in the programming learning support system 1 are assigned, and the screens of a plurality of (for example, 2 to 8) first terminals 10 for output are arranged side by side. It is also possible to build a large screen output device and solve predetermined problems as a team.

In the present embodiment, the learner S decides to perform the task in a state of being connected to the programming learning support system 1, that is, in an online state, but the problem collection stored in advance in the first terminal 10 or , It is also possible to perform offline learning using a collection of questions sent in advance for self-study from the programming learning support system 1.

<Summary>
The main features of the programming learning support system 1 and the programming learning support method implemented by the programming learning support system 1 according to the present embodiment described above are as follows.

[1] The programming learning support system 1 according to the present embodiment has a first terminal 10 and a second terminal 30 that can communicate with each other, and the first terminal 10 is edited by a learner S who uses the first terminal 10. A first terminal side operation receiving unit 16 that accepts operations, a first terminal side display unit 17 that displays a program editing screen including a program code edited according to an editing operation received by the first terminal side operation receiving unit 16, and a program. The first terminal side transmitting unit 20 and the second terminal 30 transmit at least one of the data indicating the code and the data indicating the execution result of the program code to the second terminal 30. The information acquired by the second terminal side acquisition unit 41 is provided to the second terminal side acquisition unit 41 that acquires information based on at least one data transmitted by the unit 20 and the confirmer T who uses the second terminal 30. It has a second terminal side notification unit 42 for notification.
According to the above-mentioned programming learning support system 1, the confirmer T, such as a teacher, does not need to exchange the program code edited by the learner S or the execution result of the program code with the learner S in a special manner. , Can be confirmed at any time. Therefore, the confirmer T can accurately and easily grasp the progress status and the degree of understanding of the learner S. On the other hand, for the learner S, since the content of the edited program can be confirmed by the confirmer T, the learning efficiency can be improved.

[2] In the above-mentioned programming learning support system 1, the first terminal 10 further includes a first terminal side storage unit 19 that stores at least one data based on a predetermined storage condition, and the first terminal side transmission unit. 20 transmits at least one of the data stored in the storage unit 19 on the first terminal side to the second terminal 30.
By doing so, the learner S can have the confirmer T confirm the contents of the program code or the execution result of the program code stored under the predetermined storage conditions, so that the concentration is hindered during the learning. There is no such thing, and learning efficiency is further improved.

[3] In the above-mentioned programming learning support system 1, the information based on at least one data acquired by the second terminal side acquisition unit 41 from the first terminal 10 is stored in at least one of the first terminal side storage units 19. Information based on the latest data among the data.
By doing so, the confirmer T can confirm the latest program code or the execution result of the program code (that is, the execution result of the last executed program code), so that the learner S can confirm more accurately and easily. You can grasp the progress and understanding of. On the other hand, since the learner S can have the confirmer T confirm the latest program code or the execution result of the program code, the learning efficiency is further improved.

[4] In the above-mentioned programming learning support system 1, the second terminal 30 follows the editing operations received by the second terminal side operation receiving unit 36 and the second terminal side operation receiving unit 36 that accept the editing operation by the confirmer T. At least the second terminal side display unit 37 that displays the program edit screen including the edited second program code, the second data indicating the second program code, and the second data indicating the execution result of the second program code. The second terminal side transmitting unit 40 that transmits one second data to the first terminal 10 and the first terminal 10 are the second based on at least one second data transmitted by the second terminal side transmitting unit 40. It further includes a first terminal-side acquisition unit 21 for acquiring information, and a first terminal-side notification unit 22 for notifying the learner S of the second information acquired by the first terminal-side acquisition unit 21.
By doing so, the confirmer T can send the model code (second program code) indicating the correct answer or hint to the learner S after grasping the progress status and the degree of understanding of the learner S. Therefore, the learning efficiency of the learner S can be further improved.

[5] In the above-mentioned programming learning support system 1, the second information notified by the first terminal side notification unit 22 does not include the second data indicating the second program code.
By doing so, the learner S can confirm the execution result of the second program code, but cannot confirm the second program code itself showing the answer. Therefore, the learner S can further improve the learning efficiency of the learner S by modifying the program code by himself / herself while referring to the execution result of the second program code. ..

[6] In the above-mentioned programming learning support system 1, the second terminal side transmission unit 40 transmits at least one second data to the first terminal 10 when there is an error in the program code.
By doing so, since the error determination of the program code edited by the learner S is performed, the confirmer T can more accurately and easily grasp the progress status and the degree of understanding of the learner S. Further, since the second program code as a model is transmitted to the learner S in which an error is found in the edited program code, the learning efficiency of the learner S can be further improved.

[7] In the above-mentioned programming learning support system 1, the first terminal 10 displays the program edit screen and notifies the second information.
By doing so, the learner S can edit the program code while checking the model second program code or the execution result of the second program code, so that the learning efficiency of the learner S is further improved. Can be made to.

[8] In the above-mentioned programming learning support system 1, the first terminal 10 sets the execution target of the program code between the program code displayed on the program edit screen and the second program code included in the second information. It can be switched.
By doing so, the learner S can edit the program code while checking the execution result of the second program code as a model, so that the learning efficiency of the learner S can be further improved.

[9] In the above-mentioned programming learning support system 1, the second terminal 30 further has a second terminal side management unit 45 that manages learner information indicating a learner S's learning status, and a first terminal side transmission unit. Sends update data for updating learner information to the second terminal 30 when the execution result of the program code satisfies a predetermined update condition, and the second terminal 30 manages the second terminal side management unit 45. The learner information is updated when the updated data is received, and the second terminal side notification unit 42 notifies the learner information when the learner information is updated.
By doing so, the confirmer T can confirm whether or not the execution result of the program code by the learner S satisfies a predetermined update condition such as the preset number of executions or the arrival stage, so that it is more accurate and more accurate. The progress and understanding of the learner S can be easily grasped.

[10] In the above-mentioned programming learning support system 1, the second terminal 30 further has a second terminal side management unit 45 that manages learner information indicating the learning status of the learner S, and receives operations on the first terminal side. The unit 16 receives the learning start operation by the learner S, and the first terminal side transmission unit 20 directs the learning start communication data to the second terminal 30 when the first terminal side operation reception unit 16 receives the learning start operation. The second terminal side management unit 45 sets that the learner information is being learned when the second terminal 30 receives the learning start communication data, and the second terminal side notification unit 42 informs the confirmer T. On the other hand, when the learner information is set during learning, the learner information is notified.
By doing so, the confirmer T can confirm whether or not the learner S has started learning, so that the progress status and the degree of understanding of the learner S can be grasped more accurately and easily.

[11] In the above-mentioned programming learning support system 1, when the second terminal 30 has a plurality of the first terminals 10, the second terminal side selects the first terminal 10 from the plurality of first terminals 10. The second terminal side acquisition unit 41 further includes a unit 46, and the second terminal side acquisition unit 41 obtains information based on at least one data transmitted by the first terminal side transmission unit 20 of the first terminal 10 selected by the second terminal side selection unit 46. get.
By doing so, the confirmer T can individually confirm the situation of the specific learner S, so that the progress status and the degree of understanding of the learner S can be grasped more accurately and easily.

[12] In the above-mentioned programming learning support system 1, one or a plurality of code input blocks 8 each associated with a code character string are displayed on the program edit screen, and the first terminal side operation reception unit 16 is displayed. , The selection operation for the code input block 8 is accepted, and the first terminal side display unit 17 inputs and displays the code character string corresponding to the selected code input block 8 on the program edit screen.
By doing so, the learner S can simplify the program editing by editing the program using the blocks, and can also check the program code, so that the learning efficiency of the learner S can be further improved. it can.

[13] In the programming learning support system 1 described above, the program is a drawing program, and the drawing area and the cursor 9 that can move in the drawing area are displayed on the program editing screen, and the first terminal side. The operation reception unit 16 accepts the movement operation of the cursor 9 and the position designation operation based on the display position of the cursor 9, and the first terminal side display unit 17 sets the cursor display position when the position designation operation is performed. The coordinate position in the corresponding drawing area is input to the program edit screen and displayed.
By doing so, the learner S can simplify the program editing by designating the coordinate position with the cursor and perform the program editing, and the learning efficiency of the learner S can be further improved.

[14] Further, according to the programming learning support method according to the present embodiment, it is a programming learning support method using the first terminal 10 and the second terminal 30 that can communicate with each other, and learning using the first terminal 10. The data indicating the program code and the program code are displayed for the confirmer T who accepts the editing operation by the person S, displays the program editing screen including the program code edited according to the editing operation, and uses the second terminal 30. Notify the information based on at least one of the data indicating the execution result.
By doing so, the confirmer T, such as a teacher, confirms the program code edited by the learner S or the execution result of the program code at an arbitrary timing without the need for special communication with the learner S. can do. Therefore, the confirmer T can accurately and easily grasp the progress status and the degree of understanding of the learner S. On the other hand, for the learner S, since the content of the edited program can be confirmed by the confirmer T, the learning efficiency can be improved.

1 Program learning support system 2 Program edit screen 3 Program execution screen 4 Program code display area 5 Program execution area 6 Task display area 7 Block display area 8 Code input block 9 Cursor 10 First terminal 11 Processor 12 Storage device 13 Communication interface 14 Input device 15 Output device 16 First terminal side operation reception unit 17 First terminal side display unit 18 First terminal side execution unit 19 First terminal side storage unit 20 First terminal side transmission unit 21 First terminal side acquisition unit 22 First terminal side notification unit 23 First terminal side receiving unit 24 First terminal side data creation unit 25 First terminal side judgment unit 30 Second terminal 31 Processor 32 Storage device 33 Communication interface 34 Input device 35 Output device 36 Second Terminal side operation reception unit 37 Second terminal side display unit 38 Second terminal side execution unit 39 Second terminal side storage unit 40 Second terminal side transmission unit 41 Second terminal side acquisition unit 42 Second terminal side notification unit 43 Second Terminal side receiver 44 Second terminal side data creation unit 45 Second terminal side management unit 46 Second terminal side selection unit 47 Second terminal side judgment unit 52 Program edit screen 53 Program execution screen 54 Program code display area 55 Program execution area 56 Task selection screen 57 Learner management screen 60 Server C Character D Learner information table N Network S Learner T Confirmer X coordinate Y coordinate Z coordinate

Claims (14)

It has a first terminal and a second terminal that can communicate with each other,
The first terminal is
An operation reception unit on the first terminal side that accepts editing operations by a learner who uses the first terminal,
A display unit on the first terminal side that displays a program edit screen including a program code edited according to the edit operation received by the operation reception unit on the first terminal side.
A transmission unit on the first terminal side that transmits at least one data of data indicating the program code and data indicating an execution result of the program code to the second terminal.
The second terminal is
A second terminal-side acquisition unit that acquires information based on at least one of the data transmitted by the first terminal-side transmission unit, and a second terminal-side acquisition unit.
A second terminal-side notification unit that notifies the confirmer who uses the second terminal of the information acquired by the second terminal-side acquisition unit,
Programming learning support system with. The first terminal further includes a first terminal side storage unit that stores at least one of the data based on predetermined storage conditions.
The programming learning support system according to claim 1, wherein the first terminal-side transmission unit transmits at least one of the data stored in the first terminal-side storage unit to the second terminal. The information based on the at least one data acquired by the second terminal side acquisition unit from the first terminal is information based on the latest data among the at least one data stored by the first terminal side storage unit. The programming learning support system according to claim 2. The second terminal is
The operation reception unit on the second terminal side that accepts the editing operation by the confirmer,
A second terminal side display unit that displays a program edit screen including a second program code edited according to the edit operation received by the second terminal side operation reception unit, and a second terminal side display unit.
A second terminal-side transmitter that transmits at least one second data of the second data indicating the second program code and the second data indicating the execution result of the second program code to the first terminal. ,
The first terminal is
The first terminal side acquisition unit that acquires the second information based on the at least one second data transmitted by the second terminal side transmission unit, and the first terminal side acquisition unit.
A first terminal side notification unit that notifies the learner of the second information acquired by the first terminal side acquisition unit.
The programming learning support system according to any one of claims 1 to 3, further comprising. The programming learning support system according to claim 4, wherein the second information notified by the first terminal side notification unit does not include second data indicating the second program code. The programming learning support according to claim 4 or 5, wherein the second terminal side transmitting unit transmits the at least one second data to the first terminal when there is an error in the program code. system. The programming learning support system according to any one of claims 4 to 6, wherein the first terminal displays the program edit screen and notifies the second information. 4. The first terminal makes it possible to switch the execution target of the program code between the program code displayed on the program edit screen and the second program code included in the second information. The programming learning support system according to any one of 6 to 6. The second terminal is
It also has a second terminal side management unit that manages learner information indicating the learner's learning status.
The transmission unit on the first terminal side transmits update data for updating the learner information to the second terminal when the execution result of the program code satisfies a predetermined update condition.
The second terminal side management unit updates the learner information when the second terminal receives the update data.
The programming learning support system according to any one of claims 1 to 8, wherein the second terminal side notification unit notifies the learner information when the learner information is updated. The second terminal is
It also has a second terminal side management unit that manages learner information indicating the learner's learning status.
The operation reception unit on the first terminal side receives the learning start operation by the learner, and receives the learning start operation.
When the first terminal side operation receiving unit receives the learning start operation, the first terminal side transmitting unit transmits the learning start communication data to the second terminal.
The second terminal side management unit sets that the learner information is being learned when the second terminal receives the learning start communication data.
The second terminal-side notification unit according to any one of claims 1 to 8, wherein the second terminal-side notification unit notifies the confirmer of the learner information when the learner information is set during learning. Programming learning support system. The second terminal further has a second terminal side selection unit that selects the first terminal from among the plurality of first terminals when a plurality of the first terminals exist.
The second terminal side acquisition unit acquires information based on at least one data transmitted by the first terminal side transmission unit of the first terminal selected by the second terminal side selection unit. The programming learning support system according to any one of 1 to 10. On the program edit screen, one or a plurality of code input blocks, each associated with a code character string, are displayed.
The operation reception unit on the first terminal side receives a selection operation for the code input block, and receives the selection operation.
The programming learning according to any one of claims 1 to 11, wherein the first terminal side display unit inputs and displays a code character string corresponding to the selected code input block on the program edit screen. Support system. The program is a drawing program and
On the program edit screen, a drawing area and a cursor that can be moved in the drawing area are displayed.
The first terminal side operation receiving unit receives the cursor movement operation and the position designation operation based on the display position of the cursor.
The first terminal side display unit inputs and displays the coordinate position in the drawing area according to the cursor display position when the position designation operation is performed on the program edit screen. The programming learning support system described in any one of the above. It is a programming learning support method using the first terminal and the second terminal that can communicate with each other.
Accepts editing operations by learners using the first terminal,
Display the program edit screen including the program code edited according to the above edit operation, and display the program edit screen.
Notify the confirmer who uses the second terminal of information based on at least one data of the data indicating the program code and the data indicating the execution result of the program code.
Programming learning support method.

Images