一种通过服务端与客户端互动实现广播教学的方法

1.一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述方法需提供数据传输模块、背景传输模块、画笔交互模块以及删除交互模块；所述数据传输模块，用于传输服务端与客户端之间的数据，所述客户端包括学生端和教师端；所述背景传输模块，用于广播教学后或切换页面时进行服务端背景传输；所述画笔交互模块，用于完成客户端绘制画笔的操作；所述删除交互模块，用于客户端的画笔删除操作；
所述方法为：通过数据传输模块对服务端和客户端进行数据连接，并实现服务端和客户端之间的数据传输；在广播教学中背景传输模块将服务端的背景根据操作指令发送给学生端或教师端，学生和老师进行互动时，通过画笔交互模块完成客户端绘制画笔的操作，其中服务端、学生端、教师端任意一端能接收到其它端发送的画笔；在进行删除画面操作时，通过删除交互模块完成客户端的画笔删除操作，其中学生端能接收教师端或服务端所删除的画笔，教师端和服务端能互相接收对方所删除的画笔；
所述通过画笔交互模块完成客户端绘制画笔的操作，具体为：
步骤31、教师端绘制画笔对象P1；
步骤32、教师端将画笔对象P1的数据保存到一个字节流Q1中，画笔对象P1的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；
步骤33、教师端封装画笔对象P1命令，对象P1命令包括字节流Q1的大小，教师端页面大小；
步骤34、教师端通过数据传输模块将画笔对象P1命令和画笔对象P1数据发送给服务端；
步骤35、服务端通过数据传输模块收到画笔对象P1命令得到教师端页面大小宽W1，高H1；
步骤36、服务端通过数据传输模块收到画笔对象P1数据，通过画笔对象P1数据中的点数，所有点的数组，画笔颜色，笔宽，透明度建立广播教学画笔对象P2，通过W1,H1与服务端自身页面大小宽W2,高H2相除即可得到二者大小比例xR1,yR1；
步骤37、利用xR1,yR1对画笔对象P2进行缩放使得画笔对象P2与画笔对象P1相对位置一致；
步骤38、服务端将画笔对象P2的数据保存到一个字节流Q2中，画笔对象P2的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；
步骤39、服务端封装画笔对象P2命令，对象P2命令包括：字节流Q2的大小，服务端页面大小；
步骤40、服务端通过数据传输模块将画笔对象P2命令和画笔对象P2数据发送给学生端；
步骤41、学生端通过数据传输模块收到画笔对象P2命令得到服务端页面大小宽W3,高H3；
步骤42、学生端通过数据传输模块收到画笔对象P2数据，通过画笔对象P2数据中的点数，所有点的数组，画笔颜色，笔宽，透明度建立画笔对象P3，通过W3,H3与学生端自身页面大小W4,H4相除即可得到二者大小比例xR2,yR2；
步骤43、利用xR2,yR2对画笔对象P3进行缩放使得画笔对象P3与画笔对象P2相对位置一致。
2.根据权利要求1所述的一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述通过数据传输模块对服务端和客户端进行数据连接具体为：
步骤11、服务端与客户端之间采用TCP方式进行连接，共连接两个端口，即分别为端口A与端口B；
步骤12、端口A传输命令数据用于服务端与客户端进行命令交互；
步骤13、端口B进行非命令数据传输，用于传送服务端与客户端之间的非命令数据。
3.根据权利要求2所述的一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述步骤12具体为：
步骤12.1、服务端编辑好要发送给客户端的命令S；
步骤12.2、命令S进行UTF8编码；
步骤12.3、命令S尾部添加回车换行符；
步骤12.4、将封装好的命令S通过端口A发送给客户端；
步骤12.5、客户端通过分隔符接收端口A的命令S，所述分隔符为回车换行符；
步骤12.6、客户端对命令S进行UTF8解码；
步骤12.7、在广播教学中使用背景传输模块和画笔交互模块对命令S进行处理。
4.根据权利要求2所述的一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述步骤13具体为：
步骤13.1、服务端先使用步骤12发送数据命令给客户端；
步骤13.2、客户端收到命令后准备接收服务端发送的数据；
步骤13.3、服务端发送完命令后，将数据从端口B向客户端发送数据直到发送完成；
步骤13.4、客户端从端口B接收数据直到数据接收完成。
5.根据权利要求1所述的一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述在广播教学中背景传输模块将服务端的背景根据操作指令发送给学生端或教师端，具体为：
步骤21、服务端进入广播教学或切换页面后先将当前广播教学页面保存为一张jpg背景图片；
步骤22、服务端封装背景传输命令该命令包含了当前页面大小，图片文件的文件大小；
步骤23、服务端通过数据传输模块将jpg背景图片发送给客户端；
步骤24、客户端收到jpg背景图片后根据服务端页面大小，和客户端自身页面大小对jpg背景图片进行缩放，并保存服务端页面大小与客户端自身页面大小的缩放比例。
6.根据权利要求1所述的一种通过服务端与客户端互动实现广播教学的方法，其特征在于：所述通过删除交互模块完成客户端的画笔删除操作，具体为：
步骤51、教师端对当前页面过行部分擦除，擦除位置与大小分别为坐标L1,T1,与宽W1,高H1；
步骤52、教师端封装擦除命令1，命令1包括：L1,T1,W1,H1，教师端页面大小；
步骤53、教师端通过数据传输模块将擦除命令1发送给服务端；
步骤54、服务端通过数据传输模块收到擦除命令1得到教师端页面大小PW1,PH1，擦除位置L1,T1,W1,H1；
步骤55、通过PW1,PH1与服务端自身页面大小PW2,PH2相除即可得到二者大小比例xR1,yR1；
步骤56、利用L1,T1,W1,H1组成的矩形按xR1,yR1进行缩放得到L2,T2,W2,H2大小的矩形X1；
步骤57、用这个矩形X1删除当服务端页面中的画笔；
步骤58、服务端封装擦除命令2，命令2包括：服务端页面大小，坐标L2,T2,与宽W2,高H2；
步骤59、服务端通过数据传输模块将擦除命令2发送给学生端；
步骤60、学生端通过数据传输模块收到擦除命令2得到服务端页面大小PW2,PH2，擦除位置L2,T2,W2,H2；
步骤61、通过PW2,PH2与学生端自身页面大小PW3,PH3相除即可得到二者大小比例xR2,yR2；
步骤62、利用L2,T2,W2,H2组成的矩形按xR2,yR2进行缩放得到L3,T3,W3,H3大小的矩形X2；
步骤63、用这个矩形X2删除当学生端页面中的画笔。

一种通过服务端与客户端互动实现广播教学的方法\n技术领域\n[0001] 本发明涉及电子白板制作领域，尤其涉及一种通过服务端与客户端互动实现广播教学的方法。\n背景技术\n[0002] 现有教学场景中师生如果要同时在电子白板上进行书写互动时，教师与学生要同时走上讲台在白板上进行书写，效率较低，同时学生也不能直观地看到黑板上的全局书写情况，通过本申请文件在学生与教师共同使用平板电脑的基础上使得课堂中的师生同时在黑板上书写更加生动，实现移动式广播教学。\n发明内容\n[0003] 本发明要解决的技术问题，在于提供一种通过服务端与客户端互动实现广播教学的方法，能更加生动进行互动教学，实现移动教学。\n[0004] 本发明是这样实现的：一种通过服务端与客户端互动实现广播教学的方法，所述方法需提供数据传输模块、背景传输模块、画笔交互模块以及删除交互模块；所述数据传输模块，用于传输服务端与客户端之间传送数据，所述客户端包括学生端和教师端；所述背景传输模块，用于广播教学后或切换页面时进行服务端背景传输；所述画笔交互模块，用于完成客户端绘制画笔的操作；所述删除交互模块，用于客户端的画笔删除操作；\n[0005] 所述方法为：通过数据传输模块对服务端和客户端进行数据连接，并实现服务端和客户端之间的数据传输；在广播教学中背景传送模块将服务端的背景根据操作指令发送给学生端或教师端，学生和老师进行互动时，通过画笔交互模块完成客户端绘制画笔的操作，其中服务端、学生端、教师端任意一端能接收到其它端发送的画笔；在进行删除画面操作时，通过删除交互模块完成客户端的画笔删除操作，其中学生端能接收教师端或服务端所删除的画笔，教师端和服务端能互相接收对方所删除的画笔。\n[0006] 进一步地，所述通过数据传输模块对服务端和客户端进行数据连接具体为：\n[0007] 步骤11、服务端与客户端之间采用TCP方式进行连接，共连接两个端口，即分别为端口A与端口B；\n[0008] 步骤12、端口A传输命令数据用于服务端与客户端进行命令交互；\n[0009] 步骤13、端口B进行非命令数据传输，用于传送服务端与客户端之间的非命令数据。\n[0010] 进一步地，所述步骤12具体为：\n[0011] 步骤12.1、服务端编辑好要发送给客户端的命令S；\n[0012] 步骤12.2、命令S进行UTF8编码；\n[0013] 步骤12.3、命令S尾部添加回车换行符；\n[0014] 步骤12.4、将封装好的命令S通过端口A发送给客户端；\n[0015] 步骤12.5、客户端通过以回车换行符为分隔符接收端口A的命令S；\n[0016] 步骤12.6、客户端对命令S进行UTF8解码；\n[0017] 步骤12.7、在广播教学中使用背景传输模块和画笔交互模块对命令S进行处理。\n[0018] 进一步地，所述步骤13具体为：\n[0019] 步骤13.1、服务端先使用步骤12发送数据命令给客户端；\n[0020] 步骤13.2、客户端收到命令后准备接收服务端发送的数据；\n[0021] 步骤13.3、服务端发送完命令后，将数据从端口B向客户端发送数据直到发送完成；\n[0022] 步骤13.4、客户端从端口B接收数据直到数据接收完成。\n[0023] 进一步地，所述在广播教学中背景传送模块将服务端的背景根据操作指令发送给学生端或教师端，具体为：\n[0024] 步骤21、服务端进入广播教学或切换页面后先将当前广播教学页面保存为一张jpg背景图片；\n[0025] 步骤22、服务端封装背景传输命令该命令包含了当前页面大小，图片文件的文件大小；\n[0026] 步骤23、服务端通过数据传输模块将jpg背景图片发送给客户端；\n[0027] 步骤24、客户端收到jpg背景图片后根据服务端页面大小，和客户端自身页面大小对jpg背景图片进行缩放，并保存服务端页面大小与客户端自身页面大小的缩放比例。\n[0028] 进一步地，所述通过画笔交互模块完成客户端绘制画笔的操作，具体为：\n[0029] 步骤31、教师端绘制画笔对象P1；\n[0030] 步骤32、教师端将画笔对象P1的数据保存到一个字节流Q1中，画笔对象P1的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；\n[0031] 步骤33、教师端封装画笔对象P1命令，对象P1命令包括字节流Q1的大小，教师端页面大小；\n[0032] 步骤34、教师端能过数据传输模块将画笔对象P1命令和画笔对象P1数据发送给服务端；\n[0033] 步骤35、服务端通过数据传输模块收到画笔对象P1命令得到教师端页面大小宽W1，高H1；\n[0034] 步骤36、服务端通过数据传输模块收到画笔对象P1数据，通过画笔对象P1数据中的点数，所有点的数组，画笔颜色，笔宽，透明度建立广播教学画笔对象P2，通过W1,H1与服务端自身页面大小宽W2,高H2相除即可得到二者大小比例xR1,yR1；\n[0035] 步骤37、利用xR1,yR1对画笔对象P2进行缩放使得画笔对象P2与画笔对象P1相对位直一致；\n[0036] 步骤38、服务端将画笔对象P2的数据保存到一个字节流Q2中，画笔对象P2的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；\n[0037] 步骤39、服务端封装画笔对象P2命令，对象P2命令包括：字节流Q2的大小，服务端页面大小；\n[0038] 步骤40、服务端能过数据传输模块将画笔对象P2命令和画笔对象P2数据发送给学生端；\n[0039] 步骤41、学生端通过数据传输模块收到画笔对象P2命令得到服务端页面大小宽W3,高H3；\n[0040] 步骤42、学生端通过数据传输模块收到画笔对象P2数据，通过画笔对象P2数据中的点数，点数组，画笔颜色，笔宽，透明度建立画笔对象P3，通过W3,H3与学生端自身页面大小W4,H4相除即可得到二者大小比例xR2,yR2；\n[0041] 步骤43、利用xR2,yR2对画笔对象P3进行缩放使得画笔对象P3与画笔对象P2相对位直一致。\n[0042] 进一步地，所述通过删除交互模块完成客户端的画笔删除操作，具体为：\n[0043] 步骤51、教师端对当前页面过行部分擦除，擦除位置与大小分别为坐标L1,T1,与宽W1,高H1；\n[0044] 步骤52、教师端封装擦除命令1，命令1包括：L1,T1,W1,H1，教师端页面大小；\n[0045] 步骤53、教师端能过数据传输模块将擦除命令1发送给服务端；\n[0046] 步骤54、服务端通过数据传输模块收到擦除命令1得到教师端页面大小PW1,PH1，擦除位置L1,T1,W1,H1；\n[0047] 步骤55、通过PW1,PH1与服务端自身页面大小PW2,PH2相除即可得到二者大小比例xR1,yR1；\n[0048] 步骤56、利用L1,T1,W1,H1组成的矩形按xR1,yR1进行缩放得到L2,T2,W2,H2大小的矩形X1；\n[0049] 步骤57、用这个矩形X1删除当服务端页面中的画笔；\n[0050] 步骤58、服务端封装擦除命令2，命令2包括：服务端页面大小，坐标L2,T2,与宽W2,高H2；\n[0051] 步骤59、服务端能过数据传输模块将擦除命令2发送给学生端；\n[0052] 步骤60、学生端通过数据传输模块收到擦除命令2得到服务端页面大小PW2,PH2，擦除位置L2,T2,W2,H2；\n[0053] 步骤61、通过PW2,PH2与学生端自身页面大小PW3,PH3相除即可得到二者大小比例xR2,yR2；\n[0054] 步骤62、利用L2,T2,W2,H2组成的矩形按xR2,yR2进行缩放得到L3,T3,W3,H3大小的矩形X2；\n[0055] 步骤63、用这个矩形X2删除当学生端页面中的画笔\n[0056] 本发明具有如下优点：本发明使教师端，学生端(教师端学生端统称客户端)，服务端进行广播教学，在广播教学中背景传送模块将服务端的背景根据操作指令发送给学生端,教师端，其中任意一端可以接收到其它端发送的画笔，学生端可以接收教师端或服务端所删除的画笔，教师端和服务端可以互相接收对方所删除的画笔。使得师生在课堂中通过本发明可以更加生动进行互动教学，实现移动教学；且交互速度快，性能稳定，交互过程数据准确。\n附图说明\n[0057] 图1为本发明方法流程示意图。\n具体实施方式\n[0058] 请参阅图1所示，本发明的一种通过服务端与客户端互动实现广播教学的方法，所述方法需提供数据传输模块、背景传输模块、画笔交互模块以及删除交互模块；所述数据传输模块，用于传输服务端与客户端之间传送数据，所述客户端包括学生端和教师端；所述背景传输模块，用于广播教学后或切换页面时进行服务端背景传输；所述画笔交互模块，用于完成客户端绘制画笔的操作；所述删除交互模块，用于客户端的画笔删除操作；\n[0059] 所述方法为：通过数据传输模块对服务端和客户端进行数据连接，并实现服务端和客户端之间的数据传输；在广播教学中背景传送模块将服务端的背景根据操作指令发送给学生端或教师端，学生和老师进行互动时，通过画笔交互模块完成客户端绘制画笔的操作，其中服务端、学生端、教师端任意一端能接收到其它端发送的画笔；在进行删除画面操作时，通过删除交互模块完成客户端的画笔删除操作，其中学生端能接收教师端或服务端所删除的画笔，教师端和服务端能互相接收对方所删除的画笔。\n[0060] 其中，所述通过数据传输模块对服务端和客户端进行数据连接具体为：\n[0061] 步骤11、服务端与客户端之间采用TCP方式进行连接，共连接两个端口，即分别为端口A与端口B；\n[0062] 步骤12、端口A传输命令数据用于服务端与客户端进行命令交互；所述步骤12具体为：\n[0063] 步骤12.1、服务端编辑好要发送给客户端的命令S；\n[0064] 步骤12.2、命令S进行UTF8编码；\n[0065] 步骤12.3、命令S尾部添加回车换行符；\n[0066] 步骤12.4、将封装好的命令S通过端口A发送给客户端；\n[0067] 步骤12.5、客户端通过以回车换行符为分隔符接收端口A的命令S；\n[0068] 步骤12.6、客户端对命令S进行UTF8解码；\n[0069] 步骤12.7、在广播教学中使用背景传输模块和画笔交互模块对命令S进行处理。\n[0070] 步骤13、端口B进行非命令数据传输，用于传送服务端与客户端之间的非命令数据。所述步骤13具体为：\n[0071] 步骤13.1、服务端先使用步骤12发送数据命令给客户端；\n[0072] 步骤13.2、客户端收到命令后准备接收服务端发送的数据；\n[0073] 步骤13.3、服务端发送完命令后，将数据从端口B向客户端发送数据直到发送完成；\n[0074] 步骤13.4、客户端从端口B接收数据直到数据接收完成。\n[0075] 其中，所述在广播教学中背景传送模块将服务端的背景根据操作指令发送给学生端或教师端，具体为：\n[0076] 步骤21、服务端进入广播教学或切换页面后先将当前广播教学页面保存为一张jpg背景图片；\n[0077] 步骤22、服务端封装背景传输命令该命令包含了当前页面大小，图片文件的文件大小；\n[0078] 步骤23、服务端通过数据传输模块将jpg背景图片发送给客户端；\n[0079] 步骤24、客户端收到jpg背景图片后根据服务端页面大小，和客户端自身页面大小对jpg背景图片进行缩放，并保存服务端页面大小与客户端自身页面大小的缩放比例。\n[0080] 所述通过画笔交互模块完成客户端绘制画笔的操作，具体为：\n[0081] 步骤31、教师端绘制画笔对象P1；\n[0082] 步骤32、教师端将画笔对象P1的数据保存到一个字节流Q1中，画笔对象P1的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；\n[0083] 步骤33、教师端封装画笔对象P1命令，对象P1命令包括字节流Q1的大小，教师端页面大小；\n[0084] 步骤34、教师端能过数据传输模块将画笔对象P1命令和画笔对象P1数据发送给服务端；\n[0085] 步骤35、服务端通过数据传输模块收到画笔对象P1命令得到教师端页面大小宽W1，高H1；\n[0086] 步骤36、服务端通过数据传输模块收到画笔对象P1数据，通过画笔对象P1数据中的点数，所有点的数组，画笔颜色，笔宽，透明度建立广播教学画笔对象P2，通过W1,H1与服务端自身页面大小宽W2,高H2相除即可得到二者大小比例xR1,yR1；\n[0087] 步骤37、利用xR1,yR1对画笔对象P2进行缩放使得画笔对象P2与画笔对象P1相对位直一致；\n[0088] 步骤38、服务端将画笔对象P2的数据保存到一个字节流Q2中，画笔对象P2的数据包括画笔对象的点数，画笔对象所有点的数组，画笔颜色，笔宽，透明度；\n[0089] 步骤39、服务端封装画笔对象P2命令，对象P2命令包括：字节流Q2的大小，服务端页面大小；\n[0090] 步骤40、服务端能过数据传输模块将画笔对象P2命令和画笔对象P2数据发送给学生端；\n[0091] 步骤41、学生端通过数据传输模块收到画笔对象P2命令得到服务端页面大小宽W3,高H3；\n[0092] 步骤42、学生端通过数据传输模块收到画笔对象P2数据，通过画笔对象P2数据中的点数，点数组，画笔颜色，笔宽，透明度建立画笔对象P3，通过W3,H3与学生端自身页面大小W4,H4相除即可得到二者大小比例xR2,yR2；\n[0093] 步骤43、利用xR2,yR2对画笔对象P3进行缩放使得画笔对象P3与画笔对象P2相对位直一致。\n[0094] 所述通过删除交互模块完成客户端的画笔删除操作，具体为：\n[0095] 步骤51、教师端对当前页面过行部分擦除，擦除位置与大小分别为坐标L1,T1,与宽W1,高H1；\n[0096] 步骤52、教师端封装擦除命令1，命令1包括：L1,T1,W1,H1，教师端页面大小；\n[0097] 步骤53、教师端能过数据传输模块将擦除命令1发送给服务端；\n[0098] 步骤54、服务端通过数据传输模块收到擦除命令1得到教师端页面大小PW1,PH1，擦除位置L1,T1,W1,H1；\n[0099] 步骤55、通过PW1,PH1与服务端自身页面大小PW2,PH2相除即可得到二者大小比例xR1,yR1；\n[0100] 步骤56、利用L1,T1,W1,H1组成的矩形按xR1,yR1进行缩放得到L2,T2,W2,H2大小的矩形X1；\n[0101] 步骤57、用这个矩形X1删除当服务端页面中的画笔；\n[0102] 步骤58、服务端封装擦除命令2，命令2包括：服务端页面大小，坐标L2,T2,与宽W2,高H2；\n[0103] 步骤59、服务端能过数据传输模块将擦除命令2发送给学生端；\n[0104] 步骤60、学生端通过数据传输模块收到擦除命令2得到服务端页面大小PW2,PH2，擦除位置L2,T2,W2,H2；\n[0105] 步骤61、通过PW2,PH2与学生端自身页面大小PW3,PH3相除即可得到二者大小比例xR2,yR2；\n[0106] 步骤62、利用L2,T2,W2,H2组成的矩形按xR2,yR2进行缩放得到L3,T3,(位置)W3,H3大小的矩形X2(即矩形X2位置在L3,T3；大小为W3,H3)；\n[0107] 步骤63、用这个矩形X2删除当学生端页面中的画笔。\n[0108] 总之，现有教学场景中师生如果要同时在黑板上进行书写时教师与学生要同时走上讲台在黑板上进行书写，同时学生也不能直观地看到黑板上的全局书写情况，通过本发明在学生与教师共同使用平板电脑的基础上使得课堂中的师生同时在黑板上书写更加生动，实现移动教学。\n[0109] 以上所述仅为本发明的较佳实施例，凡依本发明申请专利范围所做的均等变化与修饰，皆应属本发明的涵盖范围。