Construction And Development Of Online STEAM Innovation Education Interactive Platform

With the rapid development of the Internet industry in the 21 st century,online education has also spawned many modes of exploration,such as video education,online book education,online classroom education,online and offline education,etc.In view of the slow development of online platform for programming thinking training,this paper designed an online STEAM innovative education interactive platform,which allows students to train logical thinking through graphical programming,while learning programming languages,and truly entertaining and teaching.Firstly,The overall functional requirements of STEAM's innovative online education platform were analyzed.The key technologies,such as Vue.js,Scratch3.0,Webpack,Node.js,etc.,were introduced to build this platform.The overall scheme of online STEAM innovative education interactive platform was designed.Besides,in order to improve the rendering speed of front page,the Diff algorithm of the virtual DOM of the Vue framework is studied in detail,and the principle of data bidirectional binding was analyzed.Finally,these key technologies were applied to design and implement the three modules of the platform—user terminal,server end,and hardware device end.The user terminal selected Vue.js as the basic development framework,Node.js as the runtime environment.The webpack basic compilation tool was used to achieve hot update.And Ajax technology was used to request data from the server.It realized functional pages such as student production,teacher score,student discussion area interaction,and work appreciation.The server side adopted cloud server and Docker container for service hosting.Node.js was used as the server-side language to write the interface,JSON as the format to interact with the front-end data to realize the front-end interface debugging,and JWT encryption was used for authentication.Therefore,function interfaces such as role control,teacher rating,teacher task creation,task release and task completion,were realized were implemented.Finally,The hardware device end connected and communicated with the hardware module through the expansion function design of Scratch3.0 source code.After system testing,under various conditions,all part of the platform functions are easy to use,and the stability is strong.It is simple and convenient to use the platform for programming thinking training and work management and display.And students and teachers have a good evaluation of the platform function.