The Design And Implementation Of Online Electronic Whiteboard Based On IOS

With the development of information technology,interactive electronic whiteboards are widely used in classroom teaching and have become a vital teaching device in basic education informatization.However,existing interactive whiteboards have poor portability and can't be applied to online teaching.Currently,there is some online whiteboard software available in the market for remote collaboration,but they can't provide a good handwriting experience.Therefore,it is of significant application value to design an easy-to-write online whiteboard system by combining mature handwriting input devices.This paper proposes an online whiteboard solution based on a combination of iPad and Apple Pencil hardware.It can provide a good handwriting experience when teachers conduct live online teaching,thus enhancing teachers' online teaching efficiency.It specifically contains two components: an iOS technology-based tablet terminal APP(whiteboard client)and a Web technology-based online electronic whiteboard system.(1)The iOS technology-based whiteboard client can synchronize the user's writing operations on the client side to the web page of the online whiteboard in real-time,supporting various graphic contents and operation methods.At the same time,the Bezier curve and width smoothing algorithm are used to beautify the handwriting in real-time to optimize the user's handwriting experience,and the free scaling and thumbnail functions enable the user to have a more considerable writing space than a standard canvas.(2)The HTML5-based board player is the core of the online electronic whiteboard system.It uses the Canvas element to support the full real-time reproduction of the user's writing operations on the browser.To reduce the impact of network fluctuations on real-time playback,Socket.IO is used to monitor and detect the connection with the server,keep the synchronous playback state,and provide users with a good viewing experience.(3)The online electronic whiteboard system is implemented using a management platform based on RESTful API.The componentized development model of the React framework completes the creation,management,sharing,and viewing functions of the whiteboard.The Koa framework provides high-concurrency server-side HTTP request support.After detailed functional and performance tests,the system can support 600 simultaneous viewing users on a server with a bandwidth of 5Mbps,and the latency is less than 200 ms,and all the indicators meet the expected requirements.In this paper,according to the problems in online teaching during the epidemic,a whiteboard system solution compatible with both handwriting and online advantages is proposed and realized,which can positively impact online teaching.