更全的杂志信息网

基于HTML5的幻灯片设计及实现智能手机的播放

更新时间:2009-03-28

多媒体的快速发展,使得幻灯片等制作课件的工具成为主流。使用幻灯片工具制作的课件不仅便于与观众互动沟通,而且能够更加生动、形象、逼真的演示出授课者所要讲述的内容,让观众更加高效的认识和理解。但其制作方式和使用方法也有一定的局限性,幻灯片的制作需要先在自己的电脑上安装office或者WPS等办公软件,然后使用幻灯片工具制作课件,制作之后保存并需要拷贝到U盘或者移动硬盘等移动存储设备上,最后将移动存储设备带到教室并将课件拷贝到教室电脑或自带电脑打开课件进行播放。传统制作的幻灯片在播放方式上也存在一定的问题:(1)教室电脑也必须安装相应的Office或者WPS软件,否则课件将播放不了。(2)由于使用幻灯片教师在讲授时需要经常翻页,但也只能在电脑前手动翻页或者使用无线遥控翻页激光笔实现翻页,手动翻页会影响教学效果,激光笔翻页则会增加学校开支。随着Web技术的迅猛发展,幻灯片制作方式的改变成为了一种可能。HTML5技术开发的Web应用不但能够满足制作幻灯片的要求,同时还解决了使用传统幻灯片制作课件所存在的问题。Web应用程序是只需要有浏览器打开即可,不需要传统幻灯片播放和制作都必须安装的软件环境。HTML5技术开发的Web应用只需在线编辑幻灯片,然后将其保存在云端服务器上,在任何一个教室都可以使用浏览器并输入幻灯片的地址即可以进行Web版的幻灯片的播放。最后将智能手机与教室电脑连接,即可完成使用手机来操控电脑播放幻灯片。相对于office或者WPS等提供的PPT制作的课件,基于HTML5的智能模板制作的课件更易于保存,同时采用智能手机无线遥控Web版幻灯片,为课件的播放方式提供了另一种新的播放方法,能够方便用户进行播放。

1 课题关键技术

1.1 HTML5简介

HTML5草案前身是WebApplication1.0,于2004年被网页超文本应用技术工作小组(WHAT-WG)提出,2007年被万维网联盟(W3C)接纳,2008年1月出台第一份草案,2014年10月由W3C发布正式推荐标准[1]。HTML5网络应用有许多优势:首先是其跨平台可用性,其开发的应用可以在微软Windows、苹果iOS、Android等系统使用;二是浏览器不需要安装插件就能支持各种媒体,为用户省去麻烦,安全也得到保证,可以通过HTML5标签<video>和<audio>直接访问视频和音频资源[2],以前需要不断升级的Flash插件也不用安装了;三是更好的互动支持,如<canvas>标签可以做更多的互动和动画,达到Flash效果[3],这样HTML5可以开发有趣互动的游戏;四是本地存储特性,它替代了原来不安全和容量限制的cookie技术,这样用户信息的保存、缓存数据、加载用户上一次的应用状态等非常方便;五是简洁的代码使HTML5编写的网页更清晰易用;六是其针对移动应用开发的技术使其更适合开发移动WebApp(应用),渐渐与原生App抗衡[2]。它的目标是取代HTML4.01和XHTML1.0标准,使得能够在移动互联网时代,web的标准能追的上web app高速发展的速度,达到符合移动互联网时代的web需求[4]。2016年3月18日,白鹭联合上方传媒发布《2016HTML5移动行业报告》指出:随着HTML5行业基础设施建设逐渐完善,HTML5已慢慢渗透到人们生活的方方面面,如游戏、视频播放、Web应用、交互广告乃至VR和AR等。未来将是Web的世界,而HTML5代表Web的未来,HTML5交互技术、硬件访问能力以及浏览器安全等技术发展将满足万物互联的体验需求[2]

本试验低温保存第9 d人工授精受胎率达到64. 30%与65. 60%,试验结果优于丁瑜[15]使用大豆卵磷脂冷冻稀释液人工授精受胎率,可能是因为精子受到一定的冷打击,精子的受精能力有所减弱。本结果表明大豆卵磷脂稀释液对精子保存能力与TRIS专利卵黄稀释液差异不显著(P﹥0. 05),大豆卵磷脂稀释液能够对绵羊精液低温长时间保存。

1.2 Socket通信技术

Socket是建立在传输层协议(主要是TCP和UDP)上的一种套接字规范,最初是由美国加州Berkley大学提出,它定义两台计算机间进行通信的规范(也是一种编程规范),如果说两台计算机是利用一个“通道”进行通信,那么这个通道的两端就是这个套接字[5]。socket就是在不同计算机之间进行通信的一个抽象。它是工作于TCP/IP协议中应用层和传输层之间的一个抽象。对于网站,通信模型是客户端服务器之间的通信。两个端都建立一个socket对象,然后通过socket对象对数据进行传输。通常服务器处于一个无线循环,等待客户端连接。Socket通信原理如图1所示,服务器端先初始化Socket,然后与端口绑定(bind),对端口进行监听(listen),调用 accept阻塞,等待客户端连接。在这时如果有个客户端初始化一个 Socket,然后连接服务器(connect),如果连接成功,这时客户端与服务器端的连接就建立了。客户端发送数据请求,服务器端接收请求并处理请求,然后把回应数据发送给客户端,客户端读取数据,最后关闭连接,一次交互结束[6]

  

图1 Socket通信原理图Fig.1 The principle diagram of the socket communication

1.3 云存储技术

云存储技术是一门新技术,它是在云计算技术的基础上发展和演变出来的,是指通过一些比如网络技术、应用集群化等技术手段,把互联网中的各种存储设备通过软件集合起来相互协作,相互配合,共同向外部提供访问功能和数据存储的一个系统。云存储是指将数据存放在第三方托管的虚拟服务器上,而不是像通常的B/S模式一样将数据存放在服务器上,实际上存储的资源可能放在不同的服务器上,但用户可以透明的通过云服务器使用或存储数据[7],云存储结构如图2所示。

2 基于html5的手机智能幻灯片模板设计

基于HTML5的PPT智能模板设计的基本思想是:首先使用浏览器在线打开基于HTML5实现智能模板的Web应用,利用该Web应用制作自己的幻灯片,在制作过程中用户还能够进行效果演示;Web版幻灯片制作完成之后,下载到本地,如果有需要的话,可以将下载到本地的幻灯片上传到云端;最后将智能手机与电脑进行互联,这样即可使用智能手机控制幻灯片的播放。整个幻灯片模板是由若干个DIV块组成,每个大的DIV块都表示一个功能模块。其中有顶部菜单栏模块、工具栏模块、侧边栏模块、内容编辑模块和播放模块等几大部分组成。其模板结构设计效果图如图3所示。

(1)顶部菜单栏模块(topbar)

根据某深埋隧洞工程蚀变岩洞段的揭露特征,蚀变岩洞段长度约445 m,其中强蚀变岩为224 m、中等蚀变岩95 m、弱蚀变岩126 m,可见,强蚀变岩大约占蚀变岩洞段比例为50.3%。该强蚀变岩大部分很湿或饱和状,该类围岩多为V2类,表现为不能自稳,极易出现塌方、挤压变形和流沙,塌落物多呈碎屑物,岩体破碎,呈碎屑状结构。该类围岩掘进中掌子面和护盾位置常会出现大面积塌方或流沙,使得掘进和支护无法施做,且存在卡机危险。现场揭露的强蚀变岩影像见图6。

分析PJM容量市场的需求曲线制定原则:在供不应求的情况下,PJM容量市场价格会趋近总成本;在供求基本平衡的情况下,容量市场价格趋近能量市场和辅助服务市场未补偿的部分;在供过于求的情况下,容量市场价格会低于能量市场和辅助服务市场未补偿的部分。

菜单栏模块包括智能幻灯片模块中总标题、主题样式和幻灯片切换效果的修改,主题样式可以根据需要进行多种选择,目前给出的只有标准和反式样式两种;幻灯片切换给出了12种不同的切换效果,可以在制作幻灯片时根据需要进行选择,则在预览幻灯片时即会根据选择的切换效果进行幻灯片的切换。

  

图2 云存储结构图Fig.2 The diagram of cloud storage structure

  

图3 智能PPT模板设计效果图Fig.3 Intelligent PPT template design renderings

(2)工具栏模块(toolbar)

工具栏模块包括幻灯片中字体的设置、字号的设置、颜色的设置、粗体和斜体等,还可以实现添加图像、缩进和凸起等功能。

(3)侧边栏模块(sidebar)

侧边栏模块显示幻灯片的目录,实现幻灯片的增加、删除和修改。在编辑幻灯片时可以根据上面提供的不同版式图标进行版式选择;添加幻灯片时,弹出幻灯片添加页面,其中给出八种不同的页面版式进行选择;底部编辑条可以复制选中的幻灯片,也可以向上移动、向下移动或删除掉选中的幻灯片。部分代码实现为:

池莉在其新写实小说中对日常生活津津乐道,并且将自己高雅脱俗的追求编织在小说中的日常生活中。下文将从具象幸福观和抽象幸福观两方面来分析池莉的作品。

out/’+key+’.png’}"/>

版式

刘俊轩,刘春鹏,许伟伟,赵越,周志恒,刘丽杰
《黑龙江八一农垦大学学报》2018年第02期文献

服务严谨可靠 7×14小时在线支持 支持宝特邀商家 不满意退款

本站非杂志社官网,上千家国家级期刊、省级期刊、北大核心、南大核心、专业的职称论文发表网站。
职称论文发表、杂志论文发表、期刊征稿、期刊投稿,论文发表指导正规机构。是您首选最可靠,最快速的期刊论文发表网站。
免责声明:本网站部分资源、信息来源于网络,完全免费共享,仅供学习和研究使用,版权和著作权归原作者所有
如有不愿意被转载的情况,请通知我们删除已转载的信息 粤ICP备2023046998号