初探H5移动微课设计开发原则.docxVIP

初探H5移动微课设计开发原则 摘要：随着“互联网+”的不断发展，如何将移动终端引入到传统课题中，基于 H5 的移动微课设计可以解决这个问题，但是在 H5 移动微课的开发过程中教学设计、页面设计、平台选择需要遵循一定的原则。 关键字：H5 移动微课 开发 教学设计 页面设计 平台在这几年，国内的移动通信技术和移动终端不断发展，为移动学 习提供了可能。XXXX 年 4 月 28 日，在中国互联网信息中心(CNNIC) 发布的《第 45 次中国互联网发展状况统计报告》中截止在 XXXX 年 3 月，我国手机网民达 8.79 亿，我国网民使用手机上网的比例达 99.3%， 其中 10-19 岁的网民占了 19.3%。 一、 H5 移动微课概述 H5 是HTML5 的缩写形式，是指在各种社交媒体可以方便传播并可以为用户带来视听觉丰富体验的页面，也被为 H5 页面或者H5 微场景。 移动微课以移动学习为基础，基于迅猛发展的移动互联网技术和移动终端（智能手机、平板、iPad 等）进行教学传播的一种微课形式。移动微课主要抓住学生集中注意力的黄金 5 分钟时间，提高学生的学习效率。移动微课的还有另主要特点是交互性和泛在性，基于H5 的移动微课设计在开发中的H5 技术能够带来互动的游戏形式、交互性动画页面和可视化的文字，在提高学生的学习兴趣，同时也方便进行教师反馈信息收集。 二、 H5 移动微课设计与开发 移动互联网时代的利用碎片时间阅读，在社交时进行泛在性、知识权威去中心性学习等特点对现在学生的学习方式和思维形式有很大的影响，这样让教师需要去思考以及变革传统的教学方式，对教学内容进行适应性的调整，这样可以适应移动互联网技术给教育教学所带来的影响同时学生的参与度会更高。智能、可以适当人机互动，可以发挥课堂主体的主动性、能动性，和谐、自由发展的教与学的环境是我们现在教学所追求的。“互联网+”教育，就是要将智能终端适当引入到课堂，满足学生可以在任意碎片时间进行学习的需求。 基于 H5 的移动微课具有丰富的非正式学习形式，满足移动学习需求。一门好的微课资源除了不仅需要较多的前期分析，包括学习者分析、选题分析等，也离不开开发过程中的精心规划设计，一般来说， 移动微课在开发过程中包括了教学设计和页面设计和平台的选择。 1、H5 移动微课开发中教学设计原则 基于 H5 移动微课在实际上是开发平台提供的一张张页面，页面与页面之间有一定的过渡效果，在设计上与海报、广告有一定的相同点，但是更重要的是需要课程设计的原则，在原始资源，也就是教学设计选择上也有一定的注意事项。 教学设计原则 有明确的教学目标 选择的内容要有明确的教学目标，让学习者对课程目录一目了然，可以通过静态页面展示也可以通过视音频形式。 媒体多样性 课程内容文本可以通过图形、动画、视频等多种媒体资源的解 释。 交互性 为了可以得到及时的反馈，在内容选择上需要一个或多个相关的交互活动。 页面设计原则 在确定了教学内容后，还应该对各个 H5 页面进行设计，包括界面的什么位置有什么的材料，在哪个时间出现，停留时间，如何进入、如何退出，需要给用户带来愉快的使用体验，提高学习者的兴趣，这些都需要设计者在开发前对页面有一个整体的把握。 简洁性原则 在确保无科学错误的前提下，选择的媒体材料需要明了直接， 容易理解。精简长篇的的文字，处理繁杂的图片，以求目的明确，中心突出。 页面协调原则 在设计界面保证简洁准确以外，尽可能在视觉上美观，符合学生的审美，页面协调美观，需要做到字体颜色明亮、字体大小适中、文字间距合适，排版构图合理，图片色彩形状统一等。 媒体和谐原则 教学内容需要通过不同的教学媒体进行展示，但是不同媒体之间跳转和衔接要自然、和谐，多种媒体之间要共同协作，文字、图片之 间的衔接、交互事件的发生适合学生发展认知规律。 知识统一原则 有的知识点需要分几个页面进行展示的时候，每个部分之间的页面风格要尽量保持一致，在选择和设计 H5 移动微课时需要考虑H5 移动微课整体和各个部分之间的关系。 2、H5 移动微课媒体材料和学习资源的设计原则 在开发 H5 移动微课资源时，需要处理好文字、图片、动画、音频、视频等媒体材料，练习测试题、拓展学习资源、先关学习论坛等软件资源包资源之间的关系。 文字材料设计 文字材料可以直接展示给学习者，或者可以用语音进行展示，无论是文字还是语音，呈现之前也需要对其进行分类、修改、精简。 图片材料设计 为了构建简洁的界面，提高 H5 移动微课的准确性、艺术性，开发者需要对事前准备的图形、静态图片、动态图片等媒体材料，根据页面的设置情况，对图片材料进行分组和排版，与文字材料和谐。 视音频材料设计 在H5 移动微课设计中所需要的视频可以通过拍摄、录屏、网络下载等途径获得，在音频方面包括讲解配