现如今,随着互联网技术的高速发展,线上教学也非常火热,而电子白板和课件功能便是是在线教学系统中的必备功能,本文就介绍如何基于OMCS快速实现电子白板的基础功能,以及课件功能:上传课件、打开课件、课件翻页、课件同步、删除课件等高级功能。

本文的应用场景是这样的: 一个老师和N个学生进入同一个教室,所以,它们将看到同一个电子白板。而老师角色与学生角色的区别在于老师有特殊的白板权限,这些权限包括:上传课件、打开课件、删除课件,在白板上绘图、标注、翻页等等。

一.服务端

服务端直接将 OMCS.Boost 提供的OMCS.Server项目源码搬过来,不用作任何修改。

二.客户端

1. 实现课件到图片的转换

白板课件最常见的类型为:word、pdf、ppt文档。所以,首先,我们需要实现IImageConverter接口,将pdf、ppt、word文档转换成图片。与之对应,我们设计了三个类:Word2ImageConverter、Pdf2ImageConverter、Ppt2ImageConverter。关于它们的具体实现代码可在Demo的源码中查看。

然后,我们要实现IImageConverterFactory工厂接口:


    public class ImageConverterFactory : IImageConverterFactory    {        public IImageConverter CreateImageConverter(string extendName)        {            if (extendName == ".doc" || extendName == ".docx")            {                return new Word2ImageConverter();            }            if (extendName == ".pdf")            {                return new Pdf2ImageConverter();            }            if (extendName == ".ppt" || extendName == ".pptx")            {                return new Ppt2ImageConverter();            }            return null;        }        public bool Support(string extendName)        {            return extendName == ".doc" || extendName == ".docx" || extendName == ".pdf" || extendName == ".ppt" || extendName == ".pptx";        }    }

然后,在程序启动时,将工厂注入到OMCS的多媒体管理器(IMultimediaManager)中:


    IMultimediaManager multimediaManager = MultimediaManagerFactory.GetSingleton();    multimediaManager.ImageConverterFactory = new ImageConverterFactory();    // 图片转换器工厂,供OMCS内部将课件转换成图片的过程中使用。

2.登录时区分角色:老师、学生

客户端登录界面设计如下所示:

根据选定角色的不同,进入白板时,所拥有的权限不一样,主要体现在白板连接器的两个属性设置上:


     public WhiteBoardForm(string classRid, bool isTeacher )    {        InitializeComponent();                               this.classRoomID = classRid;                this.whiteBoardConnector1.IsManager = isTeacher;                this.whiteBoardConnector1.WatchingOnly = !isTeacher;                this.Text = string.Format("正在访问{0}的电子白板" ,this.classRoomID);                this.whiteBoardConnector1.ConnectEnded += new CbGeneric<ConnectResult>(whiteBoardConnector1_ConnectEnded);                   this.whiteBoardConnector1.BeginConnect(this.classRoomID);                }

IsManager 属性用于控制是否有权限上传课件、打开课件、删除课件等。

WatchingOnly 属性用于控制用户是否可以在白板上绘制图像等操作。

在本Demo中,我们这样设定的效果是,老师可以操作课件,并且可以在白板上绘图、书写等,但是学生只能观看白板,不能进行任何操作。

三.下载

源码:OMCS.Demos.WhiteBoardTest.rar

运行系统进行测试时,请注意:

(1)启动OMCS服务端。

(2)启动第一个客户端,选择“老师”角色,登录进默认教室。

(3)再启动多个客户端,选择“学生”角色,登录进默认教室。

(4)老师即可进行上传课件、打开课件、删除课件、课件翻页,在课件上标注、书写,等等操作。

老师端界面如下所示:

【推荐课程:C#视频教程】


更多相关文章

  1. 具体分析微软的xml解析器
  2. 传智播客2017xml视频教程的课件源码分享
  3. 继 GitHub 后微软又收购了 npm
  4. 想来微软实习吗?
  5. 尝鲜!微软首个AI量化投资开源平台Qlib上手体验!
  6. 10% + 10% = 0.11 ?是 bug 还是 feature ?微软开源的计算器项目告
  7. 大新闻!Python 之父重新出山,加入微软开发部
  8. GitHub 热门:微软新开源的 Python 静态类型检查器
  9. 又一套!微软在 GitHub 新发的 Python 视频资源

随机推荐

  1. Java类的初始化顺序
  2. 向ES6看齐,用更好的JavaScript(三)
  3. Android实现模拟登陆正方系统查成绩
  4. 安卓Android文件上传Demo报错 java.io.Fi
  5. java 假设有50瓶饮料,喝完3个空瓶可以换一
  6. Jeecg-Boot 2.0.1 版本发布,前后端分离快
  7. 请教大家一些java概念的知识
  8. 阿里巴巴常考面试题及汇总答案
  9. java应届生面试考点收集
  10. Eclipse创建的包变成文件夹的解决方法