Interactive code display and teaching tool

Abstract

The invention discloses an interactive code display and teaching tool which comprises a plurality of block demonstration pages and is divided into an editing mode and a demonstration mode. The editing mode is to edit contents of the block demonstration pages, and three marks are set for each block demonstration page: a new page is opened, the page is continued and the page is skipped. In the demonstration mode, paging is carried out according to the number of the independent display pages, each independent display page and all the spliced block demonstration pages which continue to go up serve as an independent page, and displaying and playing are carried out according to the paging sequence. The content of the block demonstration page skipping the page is hidden in the playing of the demonstration mode. In the tool provided by the invention, when the demonstration pages are played, on the basis of supporting the display of rich media contents and multi-style texts in the same demonstration page, the writing and display of codes and code operation results are also supported, and the demonstration pages are organized by using three simple types, so that in the demonstration mode, the content is demonstrated in a paged, segmented and layered manner.

Description

technical field [0001] The invention relates to the field of code teaching, in particular to an interactive code display and teaching tool. Background technique [0002] Based on the purpose of teaching and demonstration, if you want to demonstrate and explain the code content, the current common methods are: [0003] Solution 1: Use traditional slides, use the flow chart in the slides to visualize the code process and running results, and then take a screenshot of the code and paste it in the slide; [0004] Solution 2: Directly enter the code editor, reduce the resolution of the computer, and use a larger font to display the code and running results. [0005] The main drawback of the above scheme is: [0006] Solution 1: Although the code flow can be reflected, the display method is too rigid, and it is impossible to demonstrate the different running effects after modifying the code in the process. It is necessary to repeatedly intercept the content of different states a...

AI Technical Summary

Problems solved by technology

[0006] Solution 1: Although the code flow can be reflected, the display method is too rigid, and it is impossible to demonstrate the different running effects after modifying the code in the process. It is necessary to repeatedly intercept the content of different states and add it to the slide, and divide it into several pages of slides for display. Fully demonstrate the output changes produced by code adjustments;

[0007] Solution 2: Directly edit and display in the code editor. Although it solves the problem of the inconvenience of rewriting the code in Solution 1, it cannot directly look at the code to complete the analysis of the code process, and the code running results cannot be displayed in combination with the code. It needs to cooperate with switching Analyze and display in slides

Images