HTML5移动微型课程学习对学生职业技能培养的研究

2022-09-10

一、研究背景

随着高等教育由精英教育向大众化教育的转变, 人们对人才培养质量观的认识, 也向大众化教育的多维质量观发展转变, 我院根据职业教育技术技能型人才培养方案的要求开设了HTML5移动微型设计的相关课程, 通过课程项目的教学及相关平台的引进使用来有效提高学生的动手操作能力, 通过项目制作既要让学生获得更多应用方面的知识, 又要获得用学到的知识去分析、解决实际问题的能力, 也要让学生具备一定的应用开发能力与创新能力。因此, HTML5移动微型课程设计的核心内容是培养学生的技术知识、实践开发技能和综合素养。

二、开发工具和实训平台在课程教学中的应用

针对高职院校生源高职院校学生来源多元化, 学生的基础知识、学习能力参差不齐, 兴趣爱好和个性特长区别大等具体情况, HTML5移动微型课程设计实施过程必须因材施教, 构建与之相适应、以实践为导向的分层次教学的课程体系。课程教学中需要配备相应的H5制作平台, 教学课程《HTML5App商业网站的开发》我们用到了北京起步公司的wex5开发工具;HTML5动画设计我们采用Mugeda软件进行教学;HTML5交互融媒体内容设计与制作大赛我们需要用到北测教育的实训平台进行操作。

根据HTML5移动微型课程实践教学要求选择相应的开发工具和实训平台功能主要有:支持图文脚本设计, 并提供相应模板;软件提供丰富的组件供使用者使用, 这些组件功能涵盖文字、段落、图片、视频、音频、曲线、形状等广泛的范围;软件提供了大量的专业动画形式如:关键帧动画、逐帧动画、进度动画、关联动画、变形动画等;支持丰富的交互方式和事件触发行为;提供完善的应用开发接口 (API) , 通过Javascript对内容进行高级定制, 对平台功能进行方便的扩充;提供个人资源库的管理包括对各类资源的查看、添加、删除和预览等功能。软件支持对发布内容进行数据收集工作。

WeX5基于HTML5的跨端可视化开发平台, 适用于安卓、苹果、微信等移动跨端应用的可视化设计, 内置丰富的移动端界面组件和原生插件, 开发者无需原生开发经验, 一次开发多端运行, 完全开源免费。它的前端采用H5+CSS3+JS标准, 使用AMD规范的RequireJS、Bootstrap、jQuery等技术;基于PhoneGap (Cordova) 采用混合应用 (HybridApp) 开发模式, 可以轻松调用手机设备和硬件能力;支持多种类型的后端, 包括Java、PHP和.NET等, 同时也支持云API;提供一键部署, 用于将开发的App部署到云服务器CloudX5上。WeX5的IDE基于Eclipse, 提供了一个完全可视化、组件化、拖拽式开发环境, 完全所见即所得;向导化和模板化等工具, 快速生成常见应用场景界面;代码提示、真机调试, 为学习者和开发者提供最大方便。使用H5开发出来的App可以是混合型应用 (HybridApp) , 也可以是Web的应用 (WebApp) 。混合型应用安装在iOS和安卓手机上, Web的应用在微信中运行。H5App由前端页面和后端服务构成, 前端页面包括页面组件、页面代码、页面样式。在前端页面中可以调用后端服务、可以调用设备API。

HTML5融媒体动画设计包含富媒体广告、网页游戏、网络教育课件等内容。在PC互联网时代, 这些内容基本都是Flash制作。随着移动互联网新时代的到来出现了新的问题, 主流的移动操作系统原生都不支持Flash, 而且Adobe公司也放弃了移动版Flash的开发, HTML5成为移动智能终端项目制作和动画内容展现的最佳技术和方案。Mugeda是目前最受业界欢迎的H5动画设计软件, 它是一个可视化的HTML5动画IDE, 内置功能强大的API, 无需任何下载、安装, 在浏览器下就可以直接创建有丰富表现力的互动动画, 在移动广告、网页休闲游戏、移动教育等领域都有广泛的应用, 可高效率低成本的完成开发和制作。但是目前HTML5动画制作也存在一些问题主要是制作动画需要编程, 缺乏有创新发展能力及创意思维的人才。

“北测-H5交互融媒体内容制作实训平台”是基于国内主流的专业级H5内容设计与制作软件技术构建的可以实现教学实训与比赛一体的技术平台。平台支持图文、音视频、全景、数据图表等多种媒体形式, 支持触控、陀螺仪、定位、表单、拍照等交互行为, 支持基于时间轴的关键帧、滤镜、进度、变形、关联等专业动画模式, 支持智能渲染、自动适配技术, 加载快, 跨平台兼容好, 参赛者可用它自由创建丰富的交互内容和动画特效。平台可有效模拟比赛环境, 支持账号间协同制作、素材共享、作品管理、脚本设计等功能。

三、开发工具和实训平台对学生职业技能培养

(1) HTML5移动微型课程教学通过Mugeda软件的使用学习可以培养学生对H5分镜图文脚本设计和H5作品内容制作的知识和技能, 包括:对项目分镜图文脚本进行分析、创意设计、素材资源整理、设计文档编写能力及H5场景素材的编辑处理、动画效果制作、移动端交互、作品音效搭配等能力。

(2) HTML5移动微型课程教学应该树立以生为本的教育理念, 以学生的需求为导向, 一要推广选择性教育, 注重因材施教, 实施多样化人才培养, 挖掘潜能;二要改革教学模式, 使课堂教学教学形式更加人性化、多样化、艺术化, 探索线上线下相结合的教学模式, 提高教学质量;三要激发学生的学习需要, 激励学生的学习动机;四、探索产教融合、校企合作办学模式, 提高了学生培养的针对性和适用性。

(3) HTML5移动微型课程教学应该构建适应“做中学”教学模式的多层次、应用性、综合性实践教学体系。坚持为学习技能和知识而“做”, 为提高综合运用能力而“做”, 为提升学生职业素养而“做”。

(4) HTML5移动微型课程教学取得成效的关键是提升教师队伍的“职业性”和“高教性”, 加强“三能”教师队伍建设。

四、HTML5移动微型课程教学意义

(1) 理论意义:本课题在充分阅读文献的基础上, 尝试将基于H5移动开发课程教学与微型教学模式结合起来, 开发微视频、微课件及微型学习资源App, 使学生随时随地利用碎片化时间可通过移动设备进行学习, 掌握学习的主动权。学生能更专注于主动的基于项目的学习, 更多与老师之间进行提问答疑、讨论交流、共同研究和解决学习中的重点和难点问题, 从而获得对教学内容更深层次的理解, 具有一定的创新性。

(2) 实践意义:在高职移动开发课程教学中进行微型学习模式的探索, 能够有效的引导学生充分利用零散的时间进行学习, 教师不再占用课堂时间来讲授知识, 各知识点学生在课前、课后通过观看微课、阅读电子资料、通过网络平台与老师、同学讨论等掌握, 这些都是对课堂学习的有效补充。这种微型学习方式顺应了微时代的学习方式变革, 将学生碎片化的时间利用起来。在学习工具方面, 选择学生常用的智能化移动学习终端, 并选择合适的微型学习平台, 帮助学生实现随时随地的学习。将微型学习方法运用到工程工程项目教学, 有利于培养高职学生的信息素养和自主学习能力, 促进学生的成长。

总之, HTML5移动微型课程教学应该以学生“职业发展, 个性发展, 全面发展”为导向进行培养, 让每个学生学有所长, 让职业教育为社会培养出更多的精英人才。

摘要：移动端已成为时下人们进行信息获取最主要的渠道, HTML5移动微型课程融合多种媒体形式的教学内容如H5可视化新闻、H5移动广告、H5科普内容、H5微课件设计。本文根据课程教学及H5融媒体动画项目的开发设计探讨新时代下如何提高高职院校技术技能型人才的培养质量。

关键词：HTML5,移动微型课程,人才培养