JP2017219718A - Programming learning device and program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a programming learning device for preferably supporting programming learning and a program.SOLUTION: A programming learning device 1 displays a programming screen after displaying a sample to prepare a program necessary for executing the sample by receiving an input regarding selection of a tag and arrangement. By comparing a prepared program received in the programming screen with a program for a correct answer, the programming learning device 1 performs true or false determination of the prepared program to display results of true or false determination in a review screen.SELECTED DRAWING: Figure 2

Description

  The present invention relates to a technique for supporting programming learning.

  2. Description of the Related Art Conventionally, a learning system using a terminal that receives input from a learner is known. For example, in Patent Document 1, in an e-learning system, a content output function for outputting a content output screen provided with a question column and an answer column, and a correct / incorrect determination function for comparing the answer and the correct answer to determine whether the answer is correct or incorrect Is disclosed.

Japanese Patent Laying-Open No. 2015-043097

  As the age at which programming learning begins, the opportunity for students to learn programming is expected to increase in schools and the like. On the other hand, efficient learning of programming requires an opportunity for the learner to actually perform programming, but relatively young people and beginners of programming execute the programming exercise alone. It is often difficult. Therefore, the main object of the present invention is to provide a programming learning apparatus and a program that favorably support programming learning.

  In one aspect of the present invention, the programming learning device includes a storage unit that stores a correct answer program, a display control unit that displays a sample based on the correct answer program on a display unit, and a reception that receives an input of the program by the input unit. Means, and correctness determination means for performing correctness determination of the program received by the reception means.

  The programming learning apparatus includes storage means, display control means, reception means, and correctness determination means. The storage means stores a correct answer program. The display control means causes the display means to display a sample based on the correct answer program. The accepting means accepts an input of a program by the input means. The correctness / incorrectness determination means performs correctness / incorrectness determination of the program received by the reception means. According to this aspect, after presenting the sample to the learner, the programming learning device accepts the input of the program for creating the sample and makes a correct / incorrect determination, thereby making the programming exercise suitable for the learner. Can be executed.

  In one aspect of the programming learning apparatus, the display control unit causes the display unit to display a display that clearly indicates an error part of the program received by the receiving unit, based on the result of the correctness determination. According to this aspect, the programming learning device can make the learner recognize the wrong part of the created program and learn it.

  In another aspect of the programming learning apparatus, the accepting unit accepts an input for selecting and arranging an arbitrary tag from a plurality of tags, and the correctness determination unit is configured to determine whether the tag is aligned based on the input. I do. According to this aspect, even a programming beginner or a young person who cannot create a code in a programming language can create a program by combining tags, so that the programming learning apparatus suitably executes a programming exercise. , Can promote the acquisition of programming.

  In another aspect of the programming learning apparatus, the plurality of tags include a tag that defines each operation or state of an object appearing in the sample, and the accepting unit includes the tag for each object. Accept input to select and arrange. According to this aspect, the programming learning device accepts input of a program that defines the operation and state of an object such as a person, animal, or object appearing in the sample, and creates a program for suitably displaying the sample to the learner. Can be made.

  In another aspect of the programming learning apparatus, the display control unit causes the display unit to display the execution result of the program received by the receiving unit. By this aspect, the programming learning apparatus can make a learner know suitably the completeness etc. of the created program.

  In still another preferred embodiment of the present invention, the program is a program executed by a computer that references storage means for storing the correct answer program, and display control for causing the display means to display a sample based on the correct answer program. The computer is caused to function as means, accepting means for accepting input of a program by the input means, and correctness / incorrectness judging means for judging correctness of the program accepted by the accepting means. By installing and executing this program on a computer, the programming learning apparatus according to the present invention can be configured.

  According to the programming learning apparatus according to the present invention, it is possible to cause a learner to preferably execute programming exercises using a terminal, and to facilitate the acquisition of programming.

The block structure of a programming learning apparatus is shown. It is a flowchart which shows the process sequence which concerns on this embodiment. It is the figure which arranged the image extracted from the sample in time series. It is a display example of a programming screen. It is a display example of a program execution screen. It is a display example of a review screen. The structure of the programming learning system which concerns on a modification is shown.

  Hereinafter, preferred embodiments for carrying out the present invention will be described with reference to the drawings.

[Configuration of programming learning device]
FIG. 1 is a block diagram of a programming learning device 1 according to the present embodiment. A programming learning apparatus 1 according to the present embodiment is a personal computer used by a student who is a programming learner for lessons or self-study, for example, in various forms such as a tablet type, a desktop type, and a laptop type. Also good. The programming learning device 1 functionally includes a display unit 11 such as a display, an input unit 12 such as a touch panel, a mouse, and a keyboard, a storage unit 13, and a control unit 15. Each of these elements is connected to each other via a bus line 10.

  The storage unit 13 is configured by a memory such as a hard disk or a flash memory, and stores a program executed by the control unit 15 and information necessary for processing the program. In the present embodiment, the storage unit 13 stores an application that performs a series of processes related to learning of programming described later. The above-described application includes a program for generating and displaying a moving image or the like based on a program configured by tags to be described later. In addition, the storage unit 13 stores a program (also referred to as a “correct answer program”) that causes a student to create an exercise.

  The control unit 15 includes a CPU, a ROM, a RAM, and the like (not shown), and performs various controls on each component in the programming learning device 1. In the present embodiment, first, the control unit 15 causes the display unit 11 to display a sample moving image or the like (also referred to as “sample”) based on the correct answer program stored in the storage unit 13 in advance. Next, the control unit 15 displays an input screen (also referred to as a “programming screen”) for creating a correct answer program on the display unit 11, and receives an input of the program by the input unit 12. Furthermore, the control unit 15 performs correct / incorrect determination of the program created on the programming screen. The control unit 15 is an example of a “display control unit”, “accepting unit”, “correction determination unit”, and a computer that executes a program in the present invention.

[Processing flow]
FIG. 2 is a flowchart showing a processing procedure executed by the control unit 15 during a programming exercise. For example, the control unit 15 executes the process of the flowchart of FIG. 2 when detecting a user input by the input unit 12 to start the exercise.

  First, the control unit 15 displays a sample based on the correct answer program on the display unit 11 by executing the correct answer program stored in advance in the storage unit 13 (step S101). The student (learner) who performs learning grasps the elements to be incorporated into the program to be created by visually recognizing the sample (moving image in the present embodiment) displayed in step S101.

  Next, the control part 15 displays a programming screen on the display part 11 (step S102). As will be described later, programming performed on the programming screen is performed by arranging tags (objects) that define each operation and state, instead of inputting source code using a programming language. Here, the tag defines each operation and state of the object appearing in the sample, and is displayed so as to be selectable based on a user input on the programming screen, as will be described later. Based on the input to the input unit 12, the student who is a learner creates a list in which such tags are arranged for each object as a program on the programming screen.

  Next, the control unit 15 determines whether or not the programming on the programming screen has been completed based on an explicit input or the like on the programming screen (step S103). When the control unit 15 determines that the programming on the programming screen has been completed (step S103; Yes), the control unit 15 executes the program (also simply referred to as “creation program”) input on the programming screen. A screen (also referred to as “program execution screen”) for displaying the execution result of the creation program (moving image in the present embodiment) is displayed on the display unit 11 (step S104). On the other hand, when it is determined that the programming on the programming screen has not ended (step S103; No), the control unit 15 continues to determine whether or not the programming has ended.

  Next, the control unit 15 displays a moving image based on the created program input on the programming screen on the program execution screen, and then performs a correct / incorrect determination process on the created program (step S105). In this case, the control unit 15 compares the creation program with the correct answer program and identifies an incorrect part of the creation program.

  Then, the control unit 15 causes the display unit 11 to display a screen (also referred to as “review screen”) based on the result of the correctness determination process in step S105 (step S106). For example, when the error portion of the created program is detected in the correctness determination process in step S105, the control unit 15 causes the display unit 11 to display a review screen that clearly indicates the error portion. Thereby, the control part 15 can make a student recognize suitably the incorrect location of the program created on the programming screen. On the other hand, the control unit 15 causes the display unit 11 to display a review screen showing an explanation of the program created this time when the error location of the created program is not detected in the correctness determination process of step S105.

  After execution of step S106, the control unit 15 appropriately returns the display of the display unit 11 to the programming screen based on the user input, and receives an input for correcting the created program.

  Note that the processing procedure of the flowchart of FIG. 2 is an example, and the processing procedure to which the present invention is applicable is not limited to this. For example, the control unit 15 may display the correctness / incorrectness determination process in step S105 and the review screen without executing step S104. In another example, the control unit 15 may display the execution result of the creation program (moving image in this embodiment) (corresponding to step S104) after the correctness determination process in step S105. In this case, during the display of the moving image based on the creation program, the control unit 15 may add a display that clearly shows a portion different from the sample on the moving image.

[Display example]
Next, details of the processing of each step of the flowchart of FIG. 2 will be described using the display examples of FIGS.

(1) Sample FIGS. 3A to 3D are diagrams in which images extracted from the sample displayed in step S101 in FIG. 2 are arranged in time series. 3A to 3D, the child 16 and the policeman 17 are objects (subjects) that perform operations specified by the program, and are programmed on the background including the road 18. A predetermined operation or the like is performed based on Here, the sample is displayed by a correct answer program that defines a series of actions in which the policeman 17 is careful when the child 16 crosses the road 18.

  Specifically, at the time of FIG. 3A, the child 16 is walking toward the road 18 to cross the road 18. Then, after reaching the road 18, the child 16 turns to the right, then turns to the left, and speaks “traffic safety” at the time of FIG. Then, the child 16 moves on the road 18 at a double speed of normal walking and utters “Wai” at the time of FIG. Thereafter, at the point of FIG. 3D when the child 16 has crossed the road 18, the police officer 17 speaks "You must not cross the pedestrian crossing".

  The programming learning device 1 stores a program for reproducing a sample as shown in FIGS. 3A to 3D in the storage unit 13 as a correct answer program, and executes it in step S101 of FIG. As a result, the programming learning device 1 causes the display unit 11 to display a sample as shown in FIGS.

(2) Programming Screen FIG. 4 is a display example of the programming screen displayed on the display unit 11 in step S102. In the example of FIG. 4, the control unit 15 displays a start image display field 21, a character selection field 22, a tag category selection field 23, a tag selection field 24, a program creation field 25, “GO” on the programming screen. The execution button 26 is displayed.

  In the start image display column 21, an image at the start of a moving image created by programming is displayed. In the character selection column 22, icons 30A and 30B corresponding to the child 16 and the policeman 17 that are objects appearing in the sample shown in FIGS. 3A to 3D are arranged. When either of the icons 30A and 30B is selected based on the user input, the control unit 15 displays a tag that defines the operation of the object of the selected icon in the program creation field 25 described later. In the example of FIG. 4, the control unit 15 detects that the icon 30A has been selected by a click operation, a tap operation, or the like using the input unit 12, highlights the icon 30A, and operates the child 16 corresponding to the icon 30A. Tags 32 (32A, 32C, 32B, 32G,...) That define etc. are displayed in the program creation field 25.

  In the tag category selection field 23, a plurality of selection buttons 31 corresponding to each category of the tag 32 displayed in the tag selection field 24 described later are displayed. In the example of FIG. 4, the control unit 15 includes a selection button 31 </ b> A for displaying a tag related to movement in the tag selection field 24 in the tag category selection field 23 and a tag related to appearance in the tag selection field 24. At least a selection button 31B for displaying and a selection button 31C for displaying a tag related to sound (utterance) in the tag selection field 24 are displayed.

  In the tag selection field 24, a list of tags belonging to the category corresponding to the selection button 31 selected in the tag category selection field 23 is displayed. In the example of FIG. 4, since the selection button 31 </ b> A related to movement is selected, the control unit 15 displays a list of tags 32 (32 </ b> A to 32 </ b> G,...) That define movement in the tag selection field 24. Is displayed. Here, the tag 32 is provided with an input field 33 or a pull-down menu 34 for defining specific numerical values, directions, and the like as necessary. The input column 33 is an input column in which numbers and the like can be input using a software keyboard, a hardware keyboard, etc., and the pull-down menu 34 is a column for selecting any one option from a plurality of options displayed when pressed. It is. For example, the number of steps to move the object is input to the input field 33 of the tag 32A, and the angle for turning the object is input to each of the input fields 33 of the tags 32B and 32C. In the pull-down menu 34 of the tag 32D, one direction can be selected from a plurality of options that determine the direction in which the object is directed.

  In the program creation field 25, tags 32 that define an action or the like for an object (a child in the example of FIG. 4) selected in the character selection field 22 are arranged in the order of execution based on a user operation. For example, when the control unit 15 recognizes a drag operation to the program creation field 25 with respect to an arbitrary tag 32 displayed in the tag selection field 24, the control unit 15 duplicates the tag 32 that is the target of the drag operation and copies the program creation field 25. Place in. Thereafter, when the input column 33 or the pull-down menu 34 is provided in the tag 32 copied by the drag operation, the control unit 15 receives an input to the input column 33 or the pull-down menu 34. In addition, when the control unit 15 changes the arrangement order of the tags 32 in the program creation field 25 according to the drag operation or detects a specific operation specifying the tag 32 in the program creation field 25, the control unit 15 32 is deleted from the program creation field 25.

  In the example of FIG. 4, in the program creation field 25, tags 32A, 32C, 32B, and 32G belonging to the motion category are arranged in order, and necessary numerical values are input in the input column 33 provided for them. . Moreover, the control part 15 switches the display of the program creation field 25 so that the tag 32 which prescribes | regulates a policeman's operation | movement etc. will be displayed, when the icon 30B corresponding to a policeman is selected in the character selection column 22. FIG. In this case, as in the case where the icon 30A is selected, the student operates a policeman on the program creation field 25 based on a drag operation or the like from the tag selection field 24 of the tag 32 to the program creation field 25. The operation is performed to arrange the tags 32 that define the above in the order of execution.

  The execute button 26 is selected when programming on the programming screen is completed. When it is detected that the execution button 26 has been selected, the control unit 15 determines that the programming has been completed in step S103 in FIG. 2, and starts display processing of the program execution screen in step S104.

(3) Program Execution Screen FIG. 5 is a display example of the program execution screen displayed in step S104 of FIG. In the example of FIG. 5, the control unit 15 displays on the program execution screen a moving image display field 40, a playback button 41 displayed as “play from the beginning”, and a return button 42 displayed as “return to the creation screen”. And a review screen transition button 43 that displays “to review screen”.

  On the program execution screen shown in FIG. 5, the control unit 15 executes the creation program specified in the program creation field 25 on the programming screen and displays a moving image based on the program on the moving image display column 40. In this case, for example, the control unit 15 uses the image displayed in the start image display field 21 of the programming screen as an initial image, and tags each of the children and police officers as objects in the corresponding program creation field 25. 32 to operate.

  If the control unit 15 detects that the play button 41 has been selected, the control unit 15 re-executes the program specified in the program creation field 25 and displays a moving image based on the program on the moving image display field 40 from the beginning. Display. Further, when the control unit 15 detects that the return button 42 has been selected, the control unit 15 returns the display of the display unit 11 to the programming screen shown in FIG. 4 and accepts the modification of the creation program. Further, when the control unit 15 detects that the review screen transition button 43 has been selected, the control unit 15 shifts the display of the display unit 11 to a review screen described later.

(4) Review Screen FIG. 6 is a display example of the review screen. When the control unit 15 detects that the review screen transition button 43 on the program execution screen in FIG. 5 is selected, the control unit 15 displays the review screen illustrated in FIG. 6. On the review screen, the control unit 15 displays a start image display field 21, a character selection field 22, a tag display field 25A, a comment field 27, an end button 44 displayed as “End”, and “To programming screen”. A return button 45 displayed as “Return” is displayed.

  First, before the review screen shown in FIG. 6 is displayed, the control unit 15 and tags 32 (that is, creation programs) arranged in the program creation field 25 on the programming screen and tags necessary for operating the sample (that is, the samples). The correct portion of the tag 32 arranged in the program creation field 25 is detected by comparing the correct program) for each child and policeman, which are objects that can be selected in the character selection column 22. And the control part 15 displays the tag 32 arranged in the program creation field 25 on the tag display column 25A of a review screen by the aspect which specified the detected error part. In this case, when the icon 30A is selected in the character selection column 22, the control unit 15 causes the tag display column 25A to display the tag 32 that defines the action of the child corresponding to the icon 30A. If it is selected, the tag 32 that defines the action of the policeman corresponding to the icon 30B is displayed in the tag display field 25A.

  Specifically, in the example of FIG. 6, the control unit 15 displays the tags 32 arranged in the program creation field 25 on the programming screen side by side on the tag display field 25A and displays the tag 32 corresponding to the error portion. It is highlighted by painting with a conspicuous color. Here, the tag 32C indicating the action of turning 15 degrees to the left is actually the portion where the tag indicating the action of turning 15 degrees to the right is to be placed, and the tag 32B indicating the action of turning 15 degrees to the right is actually Is a portion where a tag indicating an action of turning 15 degrees to the left is to be placed, the control unit 15 highlights the tag 32C, 32B by adding a conspicuous color to clearly indicate that it is an error portion. doing. Moreover, since the arrangement | positioning of the tag 32 which prescribes | regulates the operation | movement of saying "traffic safety" is missing between the tag 32B and the tag 32G, the control part 15 is between the tag 32B and the tag 32G. A broken line mark 50 clearly indicating that the tag 32 should be inserted is displayed. Thereby, when the tag 32 corresponding to a part of necessary operations or the like is missing, the control unit 15 preferably clearly indicates the location where the tag 32 is missing.

  In addition, the control unit 15 causes the comment column 27 to display a sentence explaining the detected error part. In the example of FIG. 6, the control unit 15 describes that there are three error locations to be corrected and details of each error location. As described above, the control unit 15 clearly indicates an error portion of the creation program in both the tag display column 25A and the comment column 27 on the review screen. Therefore, the user can accurately recognize the error part by referring to the tag display field 25A and the comment field 27.

  Further, when detecting that the end button 44 has been selected, the control unit 15 ends the programming application shown in FIGS.

  Note that the control unit 15 determines that correct programming has been performed when the error portion of the tag 32 arranged in the program creation field 25 of the programming screen is not detected in the correctness determination process before display of the review screen. Then, a review screen indicating that the created program is correct and a necessary commentary or moving image is displayed on the display unit 11.

[Operational effects of this embodiment]
The programming learning apparatus 1 of the present embodiment displays a sample, displays a programming screen, accepts program input, and displays a program execution screen that displays the execution result of the created program, and a review screen that clearly indicates an error location Is displayed. As a result, students who operate the programming learning device 1 can perform programming exercises without receiving guidance from the teacher or the like.

[Modification]
Instead of the programming learning device 1, a programming learning system including a terminal device operated by a learner and a server device capable of communicating with the terminal device may execute the processing according to the present embodiment.

  FIG. 7 shows a programming learning system according to a modification. In the example of FIG. 7, the programming learning system includes a terminal device 1A operated by a learner such as a student, and a server device 1B capable of data communication with the terminal device 1A via a network.

  In this case, for example, the terminal device 1A receives display information to be displayed on the display unit 11 from the server device 1B, displays the sample in step S101 in FIG. 2 and the programming screen in step S102, and inputs on the programming screen. Information is transmitted to the server apparatus 1B. Then, after determining the end of programming in step S103, the server device 1B executes the creation program specified based on the input information on the programming screen, and transmits display information on the program execution screen to the terminal device 1A. In addition, the server device 1B performs a correct / incorrect determination process in step S105, and transmits display information on the review screen to the terminal device 1A.

  Also according to this aspect, the student can preferably execute programming learning by operating the terminal device 1A. In this case, the server device 1B is an example of the “programming learning device” in the present invention.

DESCRIPTION OF SYMBOLS 1 ... Programming learning apparatus 11 ... Display part 12 ... Input part 13 ... Memory | storage part 14 ... Communication part 15 ... Control part

Claims (6)

Storage means for storing a correct answer program;
Display control means for displaying on the display means a sample based on the correct answer program;
Accepting means for accepting input of the program by the input means;
Correctness determination means for performing correctness determination of the program received by the reception means;
A programming learning device comprising:   The programming learning apparatus according to claim 1, wherein the display control unit causes the display unit to display a display that clearly indicates an error portion of the program received by the receiving unit based on the result of the correctness determination. The accepting means accepts an input for selecting and arranging arbitrary tags from a plurality of tags,
The programming learning apparatus according to claim 1, wherein the correctness determination unit performs the correctness determination on tags arranged based on the input. The plurality of tags include tags that define each action or state of the object appearing in the sample,
The programming learning apparatus according to claim 3, wherein the receiving unit receives an input for selecting and arranging the tags for each of the objects.   The programming learning apparatus according to claim 1, wherein the display control unit causes the display unit to display an execution result of the program received by the receiving unit. A program executed by a computer that refers to storage means for storing a correct answer program,
Display control means for displaying on the display means a sample based on the correct answer program;
Accepting means for accepting input of the program by the input means;
A program for causing the computer to function as a correctness / incorrectness determination means for performing correctness / incorrectness determination of a program received by the reception means.

Images