www.vcaibet.com

基于HTML5动画东西的教育设想取开辟 ——以小学

2019-05-25    

  HTML5动画东西支撑图片、文本、音频、视频多种格局,供给预设动画模版、布景图片、特效等,动画编纂能力强大。教师能够操纵编纂器供给的模板,也能够本人导入图片、文本、音频和视频内容。因而, 正在界面前进履画设想时,教师能够按照讲授设想有选择性地利用,创做。

  跟着手艺的成熟和各类HTML5 东西的出现,HTML5 制做曾经慢慢尺度化,利用成本也跟着一些东西的呈现越来越低。目前,一些HTML5 东西正在很多功能上供给免费版本,如iH5、木疙瘩的免费体验版等。

  摘 要:教育以其性和教育性,被视为改善单调进修的一种无益体例。教育的开辟对一线教育工做者提出了更高的要求。因为手艺和时间问题,一线教师教育开辟结果并不抱负。基于此,本研究将市场上HTML5 东西取保守动画制做东西进行对比,阐发其对教师操做的支撑,正在此根本上以一款HTML5 东西进行教育设想取开辟。实践表白,HTML5 动画东西无代码交互、多集成、全平台支撑等特点极大降低了教育开辟入门前提,提拔了制做效率。

  HTML5动画制做东西正在界面设想上,将分歧功能分区。如将图片、声音、视频、文字、文本段落等汇集成区,将输入框、单选框、多选框等汇集成表单区。将动画、行为、动做等分歧功能分区组合,产物界面设想卑沉用户的利用习惯,东西结构了了,降低操为难度,教师可轻松入门。

  乔纳森认为,培育学生的问题处理能力是教育的焦点方针[2],认为成心义的进修是自动的、建构的、有图的、实正在的、合做的,而问题处理就是成心的进修[3]。所谓就是以好玩的立场进入的一个处理问题的勾当[4]。供给了一个基于问题的进修,正在这个中,大问题被分化为一些小问题,并以挑和的形式呈现给学生[5]。

  任苗苗(1992— ),女,河南焦做人,硕士,研究标的目的为教育手艺前沿理论研究及新手艺使用;

  进入一个音乐餐厅,正在虚拟对话场景中让进修者听懂“ I’d like...”“Havesome...”“Can I have some... ?”“Here you are.”这些句子。这个场景帮帮进修者迁徙讲堂中学到的句子,提拔其正在实正在情景中的言语使用能力。

  HTML5动画东西大都承继保守时间线体例组织动画编纂和创做功能,可以或许实现对动画进行精准详尽的编纂操做,同时支撑联系关系节制,能够最大限度地帮帮教师实现灵感创意。

  [7]陶侃. 沉浸理论视角下的虚拟交互取进修探究——兼论进修者“进修内存”的拓展[J]. 中国近程教育,2009,(1):20-25, 78.

  进入“美食世界”场景,带有食物的图片会一个一个显示出来,并配有英汉名称和发音。该环节难度最小,其目标是让进修者复习讲堂学到的单词,帮帮进修者认读本单位相关食物的单词:juice,egg,milk,bread, cake,fish,rice,water。

  HTML5动画制做东西由HTML 手艺支撑,对现有挪动设备支撑性强,跨平台结果显著。制做产物能够正在OS、IOS、Windows、Android 等系统上流利运转。

  HTML5动画东西供给动画播放节制、播放节制、超链接、摇一摇、拖拽交互、碰撞检测、沉力等,交互设定无须代码。能够进行投票、评论、消息列表操做等,支撑微信接口,可从编纂页面快速分享到社交平台。对没有专业动画根本的教师而言,无须高难度培训,很快就能够轻松实现交互内容创做。

  HTML5是一种很是便利的时髦网坐编程言语,能实现多种功能。以往HTML动画需要专业编程学问,建立动画耗时烦琐,操纵HTML前进履画设想需要专业人员。可是,跟着手艺成长和市场需求,很多HTML5动画制做东西应运而生。这些东西利用门槛更低,无须编程言语根本,并且简化了动画制做过程。本研究调研了市场上多款HTML5动画东西,取保守动画制做软件比拟,HTML5动画制做东西特点如表1 所示。

  考虑到进修者的能力程度,该没有进行严酷的设置。者能够按照本人的能力从第一阶段逐次过关,也能够间接拔取某个环节进行进修。正在励机制上,通过赞扬激励进修者,正在最初设置了答题成果统计和排名,操纵合作激发进修者的进修积极性。

  跟着挪动收集手艺的成长,教育逐步成为泛博教育工做者关心的热点。教育的教育功能、进修机制为教育课程所倡导的教育的实现供给了一种新的路子,将会对教育和进修体例的变化发生严沉的影响[1]。目前,教育正在一线教师中的利用并不抱负。HTML5 动画制做东西具有动画制做简单、交互实现便利、支撑自、跨平台等长处,正在教育行业中的使用起头遭到关心。本研究师制做角度出发,正在教育的制做中使用HTML5 动画东西,以期为一线教师教育的制做和开辟供给可操做的思。

  [1]周伯华, 曲玮婷. 国内教育存正在的问题及对策研究[J]. 中国电化教育,2011,(7):92-94.

  按照设想思,以每个单位为一个从题,设想不怜悯景故事。每个设想三个阶段,功能别离为单词浏览、单词回忆和言语使用,从易到难。以第五单位“Let’s Eat”为例,设想如图2 所示。

  马燕(1960— ),男, 云南昭通人,传授,博士,沉庆师范大学研究生院院长,次要研究标的目的为人工智能、社会计较、现代教育手艺等。

  答题反馈。新建图层并添加“环节帧”,将反馈页面排版编纂,给答题选项添加“跳转到帧并播放” 的动画播放节制行为,添加“改变元素属性”联系关系反馈画面。对于每一题的分数反馈,起首添加文本框并定名。给准确选项添加“改变元素属性”的行为,选择节制对象,拔取“文本取值”属性,赋值体例改为“正在现有根本之上添加”,设置每一题的取值。

  正在设想时,教师需要考虑问题以什么样的形式呈现能发生的结果,让玩家有乐趣勤奋去处理问题。文献研究表白,让玩家正在中测验考试处理需要使用专业学问才能处理的专业问题,可以或许无效推进进修的发生[6]。

  教育的最大特点是兼具性取进修性,推进沉浸式进修体验发生。影响沉浸感的两个次要要素是技术和挑和[7]。基于进修者对的节制能力,挑和过高,会添加焦炙,发生感;挑和过低,则显得枯燥乏味,发生厌倦感;只要挑和适中,才有益于沉浸发生。因而,正在设想时,要着沉均衡学生技术程度和挑和,推进沉浸式进修。

  美食世界:该环节操纵“属性节制”和“播放节制”实现。为每一个食物图片添加“改变元素属性” 行为和“播放声音”行为,触发前提为“手指按下”。“改变元素属性”行为设置需要节制元素的“通明度” 为“用设置值替代现有值”,“播放声音”行为设置图片对应的声音原件,从动轮回为“否”。

  按照皮亚杰的认知成长理论,三年级学生处于具体运算阶段,一线讲授的调研成果也表白,单词回忆对学生而言有必然难度,并且因为缺乏言语,言语实践坚苦,进修容易遗忘。所以,本研究将设想的功能定位为帮帮进修者单词回忆和言语使用。以切近糊口的实正在情景为根本,以问题为导向,通过“创设问题—处理问题”,把单词进修和言语使用融入情景中,从而达到辅帮英语进修的方针。

  操纵HTML5 东西设想的内容支撑正在IOS、An-droid、Windows 和OS系统上浏览和进修,无须任何插件。进修场合不局限于室内,进修设备不局限于某种平台。优良的跨平台兼容性有益于学生按照本人的现实环境选择设备,推进挪动进修。

  按钮触碰反馈。选择行为编纂中“属性节制”菜单下的“改变元素属性”,设置触发前提并编纂属性参数。一个按钮能够添加多个触发事务。

  正在场景外添加任企图形,给图形添加行为动做,外行为编纂当选择“动画播放节制”中的“暂停”, 将触发前提选择为“呈现”,通过按钮节制页面内的动画播放,每个环节内要有学生参取进修才能进行。分歧环节间历程节制,通过按钮设置行为编纂中“动画播放节制”里面的“翻页”和“跳转到页”, 让学生按照本人进修能力选择进修环节,掌控每一环节进修强度。此外,正在“前往”设置中,需要通过行为编纂将前往页之后设置的属性回复复兴。

  综上,HTML5 动画东西供给的教育制做支撑教师对进修过程的设想,支撑对进修资本的设想、整合和再开辟,教师正在制做中能够分心于进修过程的设想表达。此外,跟着手艺的成熟和东西选择的增加,利用成本将逐步下降。

  准确率反馈。新建两个文本框,一个是“%”,一个是“准确率”数值,为准确率文本框添加联系关系,联系关系对象为该环节内每一题的分数,联系关系属性为文本取值,体例是“从动联系关系”,添加两个从动联系关系,从控量为因其变化的元素,被控量为变化的元素。第一个从动联系关系为初始值设置,第二个从动联系关系为最大值设置。为准确率文本框添加“改变元素属性”行为,当它呈现时“用设置值替代现有值”。

  HTML5动画东西几乎都支撑云端存储,编纂的内容以HTML 代码的体例存储正在云端。教师无须安拆代码和插件,只须注册一个账户,便能够正在任何时间正在有收集的处所通过终端设备用统一个网址拜候使用,进行创做。

  [3]乔纳森, 豪兰, 摩尔, 等. 学会用手艺处理问题—— 一个建构从义者的视角[M]. 任友群, 李妍, 施彬飞,译. 第2 版. : 教育科学出书社,2014:2-14.

  这个阶段需要处理的问题是按照购物清单买食物。该阶段分为三个环节:第一个环节是“找食物”,按照英文购物清单找到食物。该环节讲授意义是帮帮进修者初步识别英文单词的寄义。第二个环节是“选食物”。正在挑选食物的过程中丽丽放入了良多购物清单以外的食物,可是妈妈发觉带的钱不敷,于是需要把购物清单以外的良多食物拿出去,只留下购物清单上的食物。此环节目标是强化进修者单词回忆。第三个环节是“引见食物”。场景设定是正在逛美食城的过程中偶遇同窗Mary,于是向她引见买了哪些工具。这个环节最具挑和性,进修者需要按照汉语识别出准确的英文。

  目前,市场上可供选择的HTML5 动画制做东西繁多,教师可按照本人的利用习惯和功能需求拔取适合本人的东西。以下是本研究次要功能实现过程。

  寻找美食:“找食物”次要操纵“擦玻璃”控件, 将其“属性”中的布景设置成食物图片,前景设置为食物对应的英文。设置“播放节制”行为“播放声音”,触发前提为“擦玻璃完成”。“选食物”和“引见食物”操纵“属性节制”“播放节制”“动画播放节制”。操纵“改变元素属性”节制选择“选择项”时的形态,操纵“播放节制”中“播放声音” 和“动画播放节制”中“下一帧”来实现对错的交互, 准确选项对应准确“你实棒”的赞誉和准确的反馈页面,错误选项对应“加油吧”的激励和错误的反馈页面。反馈页面正在“下一帧”中提前排版,操纵“属性节制” 设置回覆准确或错误的分歧画面。

  本研究阐发了HTML5 动画东西的特征及其正在教育使用中的可行性,并正在此根本上选择市场上的一款HTML5 东西进行教育实践开辟,摸索了HTML5 动画东西正在教育开辟中的劣势。HTML5 东西为一线教师进行教育制做供给了极大便当。可是,正在开辟中一些问题仍然需要留意,如功能和讲授设想的放置,情景和讲授问题的创设,径取学生程度的把握。开辟一款好的教育,除了东西支撑,仍然需要泛博教育研究者和一线教师的不竭摸索取实践。

  HTML5动画东西供给动画播放节制、播放节制、超链接等交互设定,实现无须代码。正在制做中,教师不必破费大量时间进修编程言语。此外,HTML5 东西供给良多正在线模板,这些模板可供教师间接编纂利用,简化了制做流程,提拔了制做效率。

  HTML5动画东西设想简单,界面合适用户利用习惯,操为难度低,入门快,支撑动画联系关系,节制精准,教师能够设想更贴合进修方针的环节,供给愈加及时的反馈。进修者能够按照本身特点获得更多进修径选择,按照反馈立即调整进修策略,进而进修参取的积极性,推进进修成长。

  本研究以人教版小学三年级英语上册为例进行研究。正在教育设想时次要阐发讲授对象、讲授内容、讲授方针和情境四个方面,设想思如图1 所示。

  相关链接: