一种基于网络socket技术的演示文稿平台的制作方法

本发明涉及演示文稿制作及展示平台，尤其是涉及一种基于网络socket技术的演示文稿平台。

背景技术：

在日常教学过程中，演讲是必不可少的环节，而播放演示文稿有助于演讲者更清楚地表达自己的观点。但是使用传统的演示文稿经常会出现一些影响演讲者的问题。

首先是演示文稿的版本问题，例如，制作演示文稿时采用2013版的演示文稿，而演示时的电脑中的演示文稿版本只是2007版，就会出现版本不兼容的情况。

此外，演示文稿做完之后一般需要在U盘或其它移动设备中进行存放，而这时，如果U盘没带或是损坏、丢失都会导致演示文稿无法使用，轻则出现作报告时没有演示文稿的尴尬情况(如去年锤子手机发布会上U盘遭到损坏导致发布会差点无法进行)，严重则出现科研心血遗失的悲剧(去年曾出现交大博士遗失电脑，导致四年来的科研心血付诸东流)。

目前市面上各种演讲辅助工具参差不齐，从硬件到软件，五花八门，却鲜有有效且成本低廉的产品。许多产品采用硬件+软件的模式，使得演示文稿的播放准备变得更为复杂，而且并未切实解决演示文稿在不同电脑上的兼容性问题和演示文稿在U盘或移动硬盘中的安全性问题。

此外，传统演示文稿的演示过程也存在一定的不便之处，在许多演讲和发布会时，人们大多需要站在电脑前来对演示文稿进行翻页、展示，从而存在一定的局限性，并且不能很好地与观众进行互动，使演讲效果大打折扣。

虽然现在市面上有一些网络演示文稿的在线编辑软件，如Prezi等，但是这些主要是基于国外的服务器，而且需要购买专用账户，对使用者有一定的经济要求，此外，Prezi并不支持中文，而且对中国这个区域的支持比较低，并且没有手机控制等的功能，依旧没有解决传统演示文稿的局限性问题。

技术实现要素：

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种避免丢失、控制使用方便的基于网络socket技术的演示文稿平台，将网络演示文稿和网络SOCKET技术为主的手机控制功能结合在一起，通过在云端服务器，完成了一个基本的架构于服务器上的网络演示文稿编辑器，切实考虑演讲者的需求，避免了文稿遗失、损坏等问题，并增加了手机控制讲稿系统等功能，便捷了用户的使用。

本发明的目的可以通过以下技术方案来实现：

一种基于网络socket技术的演示文稿平台，包括：

编辑器，用于编辑演示文稿，获得演示稿和讲稿及相对应的演示稿链接和讲稿链接；

演示端，用于根据所述演示稿链接显示演示文稿；

控制端，用于根据所述讲稿链接控制所述演示端进行演示文稿的显示；

服务器，用于保存所述演示稿和讲稿及相对应的演示稿链接和讲稿链接，并响应于演示端和控制端的请求实现演示端和控制端的连接与信号传输；

所述控制端和演示端通过socket协议实现连接。

所述编辑器基于可视化网页编辑器tinymce实现。

所述控制端包括智能手机。

所述演示端至少设置一个。

所述服务器包括：

云存储模块，用于保存所述演示稿和讲稿及相对应的演示稿链接和讲稿链接；

通讯模块，用于实现控制端和演示端间的socket连接；

控制模块，用于实现控制端对演示端的同步控制，包括演示文稿的翻页控制。

所述控制端对演示端的同步控制具体为：

(1)演示端创建一个通道，并将与演示端对应的连接点载入服务器；

(2)控制端获取所述连接点，通过该连接点加入步骤(1)的通道，由通讯模块建立socket连接；

(3)控制端通过所述通道发送控制指令；

(4)控制模块根据所述控制指令判断控制端中显示的讲稿的页码，根据所述页码向演示端发送翻页指令；

(5)演示端根据所述翻页指令实现同步翻页。

所述控制端包括独立页面格式人机界面。

所述服务器还包括：

更新模块，用于更新保存于云存储模块中的演示稿和讲稿。

所述服务器还包括：

导入导出模块，用于导出保存于云存储模块中的演示稿和讲稿至本地，或从本地将演示稿和讲稿上传保存至云存储模块。

与现有技术相比，本发明从用户的需求和互联网目前形势着手，解决了相关人群的需求，使演讲收获更好的效果，提高了工作、学习质量，在加强网络演示文稿的安全性的同时，便捷了用户的使用，具有以下优点：

1)网络存储，避免丢失

本发明是基于网络进行演示文稿制作、展示的平台，所有的信息都存放在服务器中，避免了遗失、损坏等状况的发生。同时，本发明也可实现演示文稿下载到本地存储设备中进行备份的功能，具有更广泛的适应性。

2)版本自动更新，避免兼容性问题

本发明服务器中具有更新模块，网络演示文稿的制作平台若有服务器版本的更新，所有存放在服务器中的网络演示文稿也会自动地进行版本的更新，避免了在演示时出现因为版本不兼容而导致的无法演示的尴尬状况。

3)移动端控制

随着近几年电子技术的迅速发展，智能手机已成为人们日常生活所必需的通讯工具，如果能够用手机控制演示文稿，则可以使用户更加便捷的使用。由于本发明网络演示文稿的架构都基于服务器，所以可以很方便的使用许多线上的通讯功能和协议。网络SOCKET技术实现的手机控制则能够很好地实现这一点。通过网络SOCKET握手协议创建TCP连接，可以实现通过控制端同步控制演示端，使演讲者脱离固定屏幕的局限，更好地进行展示。

4)用户体验更好

控制端同步播放讲稿由于各种突发状况，演讲者时常会忘记先前准备好的内容，导致演讲思路被打乱，发挥受影响。本发明在控制端增加了讲稿功能，实现了控制端或其它移动端讲稿展示功能，使用者可在控制演示文稿的同时看到移动端的讲稿，避免出现忘词等尴尬场面，为演讲者增加了一层保障。

5)网络链接播放，无需增加软件

演示文稿的播放不需要专用播放器，手机控制也不需要额外安装应用，真正解决了使用者的问题。对使用者来说也更加便捷，功能更加新颖。

附图说明

图1为本发明的结构示意图；

图2为本发明的具体流程图；

图3为本发明采用的编辑器的演示文稿制作界面示意图；

图4为本发明控制端对演示端的同步控制流程图。

具体实施方式

下面结合附图和具体实施例对本发明进行详细说明。本实施例以本发明技术方案为前提进行实施，给出了详细的实施方式和具体的操作过程，但本发明的保护范围不限于下述的实施例。

如图1-图2所示，本实施例提供一种基于网络socket技术的演示文稿平台，包括编辑器1、演示端2、控制端3和服务器4，其中，编辑器1用于编辑演示文稿，获得演示稿和讲稿及相对应的演示稿链接和讲稿链接；演示端2用于根据演示稿链接显示演示文稿；控制端3用于根据讲稿链接控制演示端进行演示文稿的显示；服务器4用于保存演示稿和讲稿及相对应的演示稿链接(演示端链接)和讲稿链接(控制端链接)，并响应于演示端和控制端的请求实现演示端和控制端的连接与信号传输。控制端3和演示端2通过socket协议实现连接。本实施例中，服务器基于SAE(新浪云计算平台)实现。

编辑器1基于可视化网页编辑器tinymce实现。编辑器的编辑包括演示稿编辑和讲稿编辑。编辑器本身的设计非常复杂，本实施例中，编辑器1的实现基于从GitHub上检索获得的类似项目。检索到的类似项目遵循了GPL协议，使用了开源插件reveal.js组织幻灯片的播放，另外集成了可视化网页编辑器tinymce，其控制逻辑十分简单，在页面加载时加载tinymce编辑器和reveal.js两个插件，并对它们进行初始化。但其只使用了tinymce中一小部分的功能和增加页面的功能。本实施例在上述类似项目的基础上继续对tinymce的部分进行修改编写，使大部分tinymce编辑器中的插件得以运用到本课题中的网络演示文稿制作平台来。

讲稿编辑部分主要通过构造线性表完成，并通过HTML中的iframe嵌套实现讲稿编辑和原项目的网络演示文稿编辑可以在同一平台完成。

编辑器进行编辑的界面如图3所示，在网页地址栏输入网络演示文稿制作平台的地址，进入网络演示文稿制作平台，功能说明如下：

●按页面上的“+”键可在当前演示文稿页后增加一页演示文稿；

●按页面上的“-”键删除当前演示文稿页；

●下方的文本框可输入对应演示文稿页的讲稿；

●右下角的三角箭头可以导航；

●左上方的格式编辑器可以方便的修改文字的格式，添加项目符号，插入图片，视频，超链接等；

●右上方的图标是保存按钮，网络演示文稿制作完毕后点击输入文件名后即可获取演示端(演示稿)和控制端(讲稿)的2个url链接。

服务器4通过接收前端页面传送的容器内HTML代码来保存用户制作的演示文稿以及讲稿，并将其存入云存储Bucket，将演示稿和讲稿的两个URL地址回传到用户制作完成保存后的页面上。得到的两个链接可通过微信，QQ，邮箱等传输方式将链接传至控制设备。演示设备打开演示端链接，控制用设备打开控制端链接。在控制设备上上下滑动即可控制演示设备翻页，控制设备上显示的就是当前演示页面所对应的讲稿。

服务器4包括云存储模块41、通讯模块42和控制模块43，云存储模块41用于保存演示稿和讲稿及相对应的演示稿链接和讲稿链接；通讯模块42用于实现控制端和演示端间的socket连接；控制模块43用于实现控制端对演示端的同步控制，包括演示文稿的翻页控制。

本实施例中，控制端和演示端之间的通讯采用的技术是网络socket技术。普通的网络通讯一般采用http，然而http request的header是非常长的，里面包含的数据大多数都是双方的信息和数据，而双方真正想传输的数据其实只有很小一部分，这样会占用很多的带宽和服务器资源，导致两台设备之间延时过长，而这在用户的使用中必定会产生许多问题。而基于HTML5的网络socket协议可以大大省略两台设备之间请求的次数。网络socket协议实现实时通讯主要是通过两台设备之间建立TCP连接来实现。本实施例中，首先，演示端将先用http在演示端和控制端之间建立一个可以实时交换数据的TCP连接，即建立socket连接，在socket连接中，演示端和控制端可以在任意时刻相互推送信息，不需要一次次的请求，能够真正地实现双方同步运行。演示端在加载url链接后会向服务器脚本请求存在云存储中的演示文稿代码并显示出来，而控制端在与演示端建立了socket链接后，可以实时将云存储中的相对应的讲稿代码加载并显示在对应页面上。

控制模块43是控制端控制演示端的演示文稿操作的核心。控制模块主要通过在SAE(新浪云计算平台)上使用php语言进行编写控制模块中的channel部分，并在演示端和控制端的脚本中插入与channel和memcahe(云存储)相关的语句。编写比较便捷，而且能够很好的与之前通讯模块中的socket连接相匹配，从而真正地使用户能够通过手机或其他设备同步控制演示稿。

如图4所示，控制端对演示端的同步控制具体为：

(1)演示端创建一个channel。

(2)演示端将connection载入到memcache(云存储)中。

(3)控制端从memcache中获取connection。

(4)控制端通过connection加入channel建立socket连接。

(5)用户通过在控制端上的操作向channel发送指令。

(6)控制模块判断当前用户播放的幻灯片页码，向演示端发出指令从而控制演示端翻页。

控制端可以为智能手机等移动终端。考虑到用户在使用控制端的时候控制设备一般都是较小，比如手机。而且经过测试，电脑上的演示稿页面格式在手机上出现了不兼容的情况。而且由于控制端上只需要显示讲稿，故在控制端的页面设计上采用独立的页面格式。本实施例所采用的页面格式插件是fullpage.js。fullpage.js是一个基于jQuery的插件，它能够很方便，简易地制作出全屏网站。除了支持鼠标控制滑动，还支持手机，平板的触摸滑动事件。因为它的页面和之前使用的reveal-editor的页面很相似，故使用这款插件来充当控制端的页面格式，且能够与演示端的页面格式相匹配。fullpage.js的主要应用脚本插入在控制端显示脚本中，控制端与演示端建立socket连接后就会从云存储中读取讲稿数据，并将其根据fullpage.js的格式加载到控制端页面上显示。

本发明的另一实施例中，演示端可设置多个，由一个控制端控制多个演示端实现演示文稿的演示。

本发明的另一实施例中，服务器4还包括更新模块，用于更新保存于云存储模块中的演示稿和讲稿。网络演示文稿的制作平台若有服务器版本的更新，所有存放在网络服务器中的网络演示文稿也会自动地进行版本的更新，避免了在演示时出现因为版本不兼容而导致的无法演示的尴尬状况。

本发明的另一实施例中，服务器4还包括导入导出模块，用于导出保存于云存储模块中的演示稿和讲稿至本地，或从本地将演示稿和讲稿上传保存至云存储模块，实现演示文稿可下载到本地存储设备中进行备份的功能，使其具有更广泛的适应性，能够消除网络的局限性，允许做好的网络演示文稿保存到本地，或直接在本地进行修改。