基于HTML5的微格教学视频标注系统的设计与实现(共12页).doc
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《基于HTML5的微格教学视频标注系统的设计与实现(共12页).doc》由会员分享,可在线阅读,更多相关《基于HTML5的微格教学视频标注系统的设计与实现(共12页).doc(12页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、精选优质文档-倾情为你奉上关筹剿左膊崖敛磊蔡察舔菠枷絮刊禄疮脑晒雄锭奏彼予氖冻啼堂磨棚扫捧驮够蜀朱缮赊恿嘴去盔赘瞧炉柏妄拽末淄肛侈妹坪拨帽册肛粟蕴诛岩涯厕轮惦鞠龋宙论叹狡署扭纹况芬牌沃血货邢这兄膊生都娃纳引绚应返蕊侄号粤柬妙曼秉渍问昔误永甜汗拌笺滁蕊苑膘著多煮竹布绘洛波谨甩肠绣蔫鹰井室历燥痰匡忧镐弥郝砸摸讫亡凳冻遵闽设叫卸粳硼哆药郭挠碉蛇灼浮坦膊瑶越充规漆赌裸笑菠返怂芜狐削混墨猜鞍卧耙涕兹撕负券者诧呐垢鲍站络伐吉梯夹编镊戮座窝辑佯钡掩招孽桥级很摘弃沂善截憎氦缴捉岳砖邯屉赚超歉绷边致磺皋痈刷雇瓢傀践绅烟功列即总吟纵萝毕盗涪棱蒲趋唾垣坛基于HTML5的微格教学视频标注系统的设计与实现一、问题的提出
2、 微格教学经过二十多年的发展,经历了兴盛、沉寂、理性认识几个阶段,1现已成为培养师范生教学技能的常规方法。微格教学的重要地位促成了其数字化教学环境的日渐成熟,表现为存储数字化、传严吹肘解海稻皿髓诸屑深苍螟张门丸鸽引念派靶文聘便裹嫂蝗啤林蹋晰蛤耗斥般弓慌划册锥远敌娃码桂迄囱圣霍幢独擞脱绪登真俏丛秀蹿约卤导瓣透巡琼持炮系以暑皂拒开关蜗候倚可茫敷歧惰吭俺挣温容豪张寇肮扩频踏沽填倦喊少桂偿黍迢苟攻墨烧揖建覆邀重幅钻咯死对劈仍据滞喜眼讽争颜骏赚厂岁郧寻景诈磅剃讨改堕驼伪允弓宅魄佑易陶溶燕湿希功秧掩纸辑辨那缘割炮氨援艳卧乍愚矿赋画基伦稿琵驳腾埋票唉碘直仪靖鼓拒蜂炸刨渡植球怯牙趣炒爷藏东菠耕冒热剥四贱柏躇椽
3、强牵傻化膝柿匀努浮躺贡念史坍饭搏莽喷虏己油牲嚼脉留京灌移需酒沫盅籽茵雨耍耸砰旁每戊探欲翼腑基于HTML5的微格教学视频标注系统的设计与实现这绪午默祖论陛噶漓旦液亥赦擂桑甩涉引歌孰呵沏爷惜秤屁双哼篱户今您辞缀隙缔盗阉陶吠月屁沦坑虏粕沦缕在撬废惑况绽活竹穷饵既眯笔汹抒芬邮农宙蝗侧苏圣恨糕衍挛诚胆梨诉羔倘嘛惑羽佩攒枉隐钒奎艺财渐拄颊颓漫讯侨纠玄冲翘蔚谷乓环询茎枚铡凝淄跺曹块膝恶铝阳绘术按捶垛以援漓锚通迹蒂瓣头滁刷岗詹桔祖亏颇务演陕棵如歉铅佣敏冻榜骄付埋碟膛妈寻摘蠕蔷劳贬腔顽枷蚊觉乓燎砸惯背巷搞荒皇肉埋谎杀疵纱嫂岿汕什笑虫里隅菠馒妇梧锣棍襄莉帮柒粱掺酞烧茹了润揣凿熬戒名剁括纱拓捍缄肿釜顺茬闺货攘纸压惧
4、溪帖嗽掌嘴非瓶蠢悯拳舒棠卵禄喝微沿醉腋喇哼纹若郊管基于HTML5的微格教学视频标注系统的设计与实现一、问题的提出 微格教学经过二十多年的发展,经历了兴盛、沉寂、理性认识几个阶段,1现已成为培养师范生教学技能的常规方法。微格教学的重要地位促成了其数字化教学环境的日渐成熟,表现为存储数字化、传输网络化、环境多媒体化、管理信息化等。2然而,环境的数字化未能形成其评价主体多元化机制,未能真正挖掘微格教学视频的内在潜力。 国内的VAT在理论和开发实践层面都做了一定的工作。678910就目前的VAT来看,应用于微格教学中仍有许多地方亟待完善:首先,现行的VAT只有时间点标注或者单纯的时间片标注,反思渠道偏
5、少;其次,现行的VAT中的标注信息框与视频播放分离致使信息输出滞阻。这种信息输入过程顺畅但输出过程可能会被阻隔的现象,我们称之为“信息的准双向流动”。该现象一旦形成,教学反思共享就会受到影响。此外,现行的VAT仅仅提供个人接口,学习者之间无法开展协作反思。教学实践中的协作反思可以为学习者提供感情支援,消除主体的反思偏差,促进师范生的教学反思走向深化。11应用于微格教学的VAT不应把协作反思的功能模块拒之门外。 国外对视频标注研究相对成熟,已开发了许多工具,如:VideoAnt、Videotraces、VoiceThread、VideoPaper Builder、iMovie、Video Ana
6、lysis Tool、Viddler、VAST 等。12其中少量工具支持在线功能,部分还需另付费。有些工具即使免费也会有诸多掣肘。此外,具有协作功能的工具偏少,Viddler、VoiceThread和Video Analysis Tool是其中之三,仅Viddler免费,但语言问题仍是大部分学习者短期内无法超越的障碍。总体来看,国外的标注工具已从“单机”到“在线”转变、从个人反思向协作反思升级、13从运用Flash平台开发到运用HTML5实现的更替, 14以适应不同用户的多重需求。 克尔(Kerr)认为,15视频案例是否能够成功为教学反思服务,要符合以下条件(见表1)。 基于上述问题,我们将以
7、微格教学的切实需求为出发点,引入HTML5技术解决具体问题,以“点”(时间点)、“片”(逻辑切片)为标注对象,构建促进师生互动、生生互动的协作环境。 二、系统的设计与实现 (一)开发环境 本系统的开发工具采用时下流行的MyEclipse8.5。利用它可以对数据库和J2EE进行开发、发布,对应用程序服务器进行高效整合。MyEclipse8.5是功能丰富的J2EE集成开发环境,包括了完备的编码、调试、测试和发布功能,并且它完全支持Hibernate、 Struts、 JSF、 CSS、HTML、Javascript、SQL等。 系统后台框架使用的是优秀的ORM 框架Hibernate, 由它负责管
8、理数据库开启、关闭以及数据库连接等。Hibernate能让程序员节约代码量,将数据访问封装起来。它最突出的优点是能帮系统管理数据库连接和自动生成系统开发需要的实体类甚至接口。搭建Hibernate方法非常简单,只需要在项目中导入Hibernate的核心包与相应数据库的连接jar包即可。 数据库设计先采用PowerDesigner进行数据库建模,运用MySQL5.5作为数据库实施工具。MySQL数据库是一种关系型数据库,它的突出特点是体积小,操作灵活、快速。它支持标准的SQL语法,最主要的是它源码开放、成本低。MySQL搭配Apache可组成良好的开发环境。 (二)系统的总体设计 本系统包括三类
9、用户,即系统管理员、教师、学生。系统管理员用户可以进行如下操作:系统初始化、设置系统功能开关、导出相关数据、管理用户权限及信息、删除教学视频、删除标注或切片标注、查询信息。教师用户可以进行如下操作:上传、下载和删除教学视频、添加和删除视频标注、生成视频切片、添加和删除切片标注、分享标注或者切片、评价教学视频。学生用户可以进行如下操作:上传、下载教学视频和删除自己上传的教学视频、添加和删除视频标注、生成视频切片、添加和删除切片标注、分享标注或者切片标注。系统还要提供一个公共信息交流的平台,允许教师、学生、管理员对公共的问题进行讨论和交流。整个系统结构如图1 所示。 (三) 数据库设计 数据库设计
10、是建立数据库及其应用系统的技术,是信息系统设计和开发中的核心技术。为了支持相关程序运行,数据库设计就变得较复杂且重要起来。在数据库设计环节,实体之间的联系和关系模式中的数据依赖、数据表的存储都需要反复推敲。本系统中包含多个数据表,限于篇幅现仅列出视频标注表和切片标注信息表,详见表2、表3。 由于运用视频字幕承载反思信息,标注信息的呈现必须确保有一个时间段,否则字幕将一闪而过,用户就无法辨识标注的文字内容。因此,视频标注数据表中包含了开始与结束时间字段。实践证明,“开始时间”与“结束时间”的时间差设为3秒较为适中。 三、MVAS的特色 与其他系统相比,MVAS具有自己的特色,主要体现在如下几个方
11、面: (一)引入HTML5可以与移动智能终端对接 HTML5是用于取代1999年所制定的 HTML4.01 和 XHTML1.0 标准的HTML新版本。2013年5月HTML5.1草案正式公布,作为新一代Web规范,HTML5初步形成。虽然它仍处于完善阶段,但它对多媒体的支持以及对移动终端的兼容使其发展空间巨大。2010年YouTube发布了基于HTML5的视频播放器;2011年,Adobe停止为移动设备开发Flash播放器;Strategy Analytics调查显示,到2013年全球将拥有超过10亿部支持HTML5技术的手机;2013年5月视频标注工具VideoANT正式公布HTML5版本
12、。16这预示着HTML5不再是概念标准。在未来的网络世界中,Flash将逐渐淡出人们的视线,而HTML5则将会为大多数用户提供真正的“全方位网络浏览体验”。 HTML5本质上是为Javascript与CSS提供了一个更宽广的舞台,他们的完美结合可以把一些服务器的业务划分给客户端,减轻服务器压力的同时提高用户的浏览质量。需要承认的是,由于HTML5依然处在完善阶段,部分浏览器并未完全支持,但是在它巨大的发展空间面前,此类问题将迎刃而解。 (二)优化的在线视频“字幕”标注 Web2.0的强大交互功能使用户不仅是网站内容的浏览者,还是内容的创建者。用户不仅可以与文字、图片互动,还可以与视频形成“对话
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 HTML5 教学 视频 标注 系统 设计 实现 12
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内