Design And Implementation Of Online Exercises System Based On Flowchart Programming

According to the experience in algorithm teaching in the senior middle school,the author designs an online algorithm operation platform using flowchart programming in combination with the advantages of graphical programming and some online programming platforms.The platform is designed for algorithm teaching in the senior middle school to improve teaching quality,which can reduce students' difficulty in learning algorithm,develop students' logical thinking ability and enhance students' interest in learning algorithms.At the same time,the platform uses automatic review to reduce the review workload of high school teachers.By means of the system,teachers can add programming exercises and set the input and output in advance.Students can use the drag-and-drop flow chart to complete programming and submission.The platform can automatically judge whether the submitted content meets the requirement,significantly reducing the workload of the algorithm teacher.The platform can perform these functions:flowchart editing,class management,student management,exercise management,score management and message management.The user first completes the flowchart drawing by dragging the flowchart modules.And then the flow chart is converted into the JavaScript code according to the module's type and execution flow,which can be directly executed and debugged in the browser environment.For students,they only need to understand the structure of simple flowchart,basic assignments and comparative grammars.They do not need to learn the code syntax of other programming languages,which effectively reduces students'difficulty in learning to program.Teachers can manage students according to class dimensions in class management.In addition,they can create and edit programming exercises.Students can solve exercise problems by drawing flow chart code.When the student submits a wrong code,the teacher can instruct her/him how to improve the content of the program through a separate review.When the same code appears again,the previous review content will be automatically used.At the same time,teachers and students can communicate with each other according to the class dimension.Node.js is used at the server side of the system;PM2 is used for service operation and maintenance;MySQL is used for the database;the componentized framework "Vue.js"and the component library "Element-UI" are used at the browser side;Use svg format to draw flowchart;After the flowchart is converted to the JavaScript code,"unwinder" is used for code debugging.In this paper,the background and significance of the project are first introduced from the perspective of demands of teachers and students in senior middle school.According to the demands,the flowchart structure,server-side structure and browser-side structure are first designed,and then all modules in the system are designed in detail and implemented respectively,and finally the whole system is tested according to the test cases.The online exercises system based on flowchart programming has been applied in algorithm teaching in the senior middle school.Through comparison,it can be found that students can solve the algorithm problems faster.As their algorithm thinking has been actively used,they focus more attention on the programming environment and they become more interested in the flowchart than the code.However,for students who have more understanding of programming,their programming speed may be reduced when they drag and drop the flowcharts for programming,which shows that the system has some limitations and can be further optimized.The automatic review of the online exercises system can reduce the workload of the algorithm teacher and show the student's completion status very quickly,and it also has certain guiding significance for teacher's self-evaluation and teaching process optimization.