数字化学习资源的设计与开发

界面——概念
界面的概念
在人和机器的互动过程（Human Machine Interaction）中， 有一个层面，即我们所说的界面（interface）。
界面设计
调动各类视觉元素进行形式上的组合排列，强调版式上新 颖的创意和个性化的表现，通过强化形式和内容的互动，达到 以最优的形式传递信息内容。
数字化学习资源设计与开发
3
„„ N
滚动文字
„„ 背景音乐
1.txt
„„ qyy.mp3
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
选择工具
朗 读 指 导
配 乐 欣 赏
课 文 欣 赏
作 评 资 者 价 料
视频资料 图片资料 文字资料 音频资料
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
小学生的认知与视觉特征
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
编写稿本
文字稿本
根据教学要求对数字化学习资源所要表达的内容进行文字描 述，包括教学目标、教学内容和教学单元、教学重点难点、媒体和
概念与类型
组成元素
设计理论
基本流程
微教学视频
界面——种类
分类 启动界面/封面
登录界面 内容界面 搜索界面 结束界面等
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
界面——种类
分类 启动界面/封面
登录界面 内容界面 搜索界面 结束界面等
数字化学习资源设计与开发
概念与类型
组成元素
教科书 语言实验室 几何画板 …… 非专门设计 戏剧 博物馆
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
概念
数字化教学资源是指经过数字化处理，可以 在多媒体计算机上或网络环境下运行的，可以实现共 享的多媒体教学软件。它具有多样性、共享性、工具 性和扩展性。
数字化学习资源设计与开发
各种稿本
• • •
样品
选择工具 素材制备 整体制作
修改意见
成品
• •
需求分析
资源设计
加工制作
测试评价
正式使用
•
教学设计 • 结构设计 • • 导航设计 界面设计 • • • 动态调试 专家测评 用户测评
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
4
微教学视频的设计
>>>
微教学视频的开发方式与工具
通过使用flash等工具制作教学动画视频。 PPT直接输出视频
2010版直接另存为WMV 其他版本：第三方软件制作（PPT2DVD）

数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
微教学视频案例
手机制作 PPT转视频 录屏为视频

数字化学习资源设计与开发
概念与类型
概念与类型
组成元素
设计理论
基本流程
微教学视频
信息的多媒体表现形式
文本 图形 文字与学科字符符号，表达抽象 概念，刻画事物细节和人的心理 绘制的：物体轮廓（平面或立体 图形）表达文字内涵（示意图） 表达知识轮廓（框架图）数据的 趋向性信息（图表） 照片：直观、真实表现事物外 部特征
蛙泳：是一种模仿青蛙游 泳动作的一种游泳姿势 游泳的介绍
微课视频： 微课视频时长一般不超过10分钟，视频画质清晰、图像稳定、声音清楚（无杂音）、声音与画面同步； 影响视频画质的因素有： 显卡驱动未更新导致屏幕像素低； 导出视频时未设臵与屏幕分辨率相一致的视频长宽尺寸，导致视频画面变形。
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程

视频摄像工具拍摄： 录屏软件录制：

手机、数码相机、DV摄像机、视频摄像头等一切具备摄录功能的 白板、黑板、白纸、课堂、游戏活动、表演等形式


在计算机中安装录屏软件（如：Camtasia Studio或snagit） 录制通过PPT、word、画图工具软件、手写板输入软件等形式

Flash等工具制作：
组成元素
设计理论
基本流程
微教学视频
点评微教学视频制作教程
微教学视频的制作时的考量因素
请老师用九宫格写出因素 相互交流，找出和你有共同点的老师，并在相同处

因素 因素 因素
因素 姓名 因素
因素 因素 因素
签名
得到签名最多者赢
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
微教学视频
5
问题与回答
>>>
课后调查
收获 收获
收获 姓名
收获 困惑
困惑
困惑
困惑
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频 微教学视频
邓晖
重庆北碚西南大学计算机与信息科学学院 400715 denghui@swu.edu.cn
感谢聆听，请指正！
Thanks for attending
设计理论
基本流程
微教学视频
界面——种类
分类 启动界面/封面
登录界面 内容界面 搜索界面 结束界面等
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
界面——种类
分类 启动界面/封面
登录界面 内容界面 搜索界面 结束界面等
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
“微课”制作注意事项
拍摄装备设臵：
保持摄像头清洁；
远离强光刺激；不背光；适当打光， 确保光线充足（可使用带灯光的摄像
头）；
调整摄像头距离确保至少能看到整个 头部。
教师讲解： 教师讲解时，适当看镜头，与摄像头（即收看微课 的学生）有眼神交流； 充分利用鼠标的拖、点配合解说，可适当使用画笔 功能； 知识点（考点）、题目（真题、模拟题）等讲解不 照本宣科，表述应有自己的见解； 仪表得体； 语言通俗易懂； 讲解声音响亮，节奏 感强。
课件是在一定的教学与学习理论指导下，根据教学目标设计的，反映某种教 学策略和教学内容的计算机软件，是编制者按照某一思路设计制作的、前后 连贯的、有系统性的软件。 微教学视频：根据教学目标所制作的短小精悍的教学视频。
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
2
基本构成要素
>>>
概念与类型
组成元素
设计理论
基本流程
微教学视频
导航
导航在学习软件中扮演一个回答用户“我是谁？”“我从哪里来?”“我到哪里去”的角色。 好的导航是学习软件的主要基石。 导航原则： • 告知用户当前位置； • 告知用户来到当前页面的固 定路径； • 可以让用户返回上一级页面。
导航类别 • • • • • • • 提供检索机制 提供信息网络结构图 提供联机帮助手册 预置或预演学习路径 记录学习路径并允许回溯 使用电子书签、关键字和记录 提供学习地图，指示引导学习


①从左往右看
②从顶部开始，再沿着页面一直往下 ③出版物的各页是相互关联的 ④邻近相连而远距离则意味着分开 ⑤大而深的是重要的，小而浅的是次重要的 ⑥任何事物都有形状，包括“空”的空间
作为一个设计师，在设计时，应遵循读者的阅读习惯，任何一种逆向设计，都应慎重考虑。
数字化学习资源设计与开发
概念与类型
•
表现形式
• • •
数字化学习资源设计与开发
组成元素
设计理论
基本流程
微教学视频
特点

获取的便捷性 形式的多样性 资源的共享性 平台的互动性 内容的扩展性
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
课件与微视频

多媒体课件——三字经
微视频课程——秦始皇等
数字化学习资源
——教学软件的设计与开发
目录
1 2 3 4 5
数字化学习资源概念与类型 教学软件的基本组成元素
教学软件设计的理论依据 教学软件设计与开发的流程
微教学视频设计与制作
1
概念与类型
什么是学习资源
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
概念
学习资源是指可用于学习的一切资源，包括信息、人员、 资料、设备和技术等。 专门设计
微教学视频
界面——种类
分类 启动界面/封面
登录界面 内容界面 搜索界面 结束界面等
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
Βιβλιοθήκη Baidu
界面——设计
• 版式设计 • 色彩设计
• 转换设计
• 交互设计
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
界面设计
读者下意识的阅读习惯
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
导航——方法
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
结构——种类
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
结构
网络课程的一般结构
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
发展中国家与发达国家贫富差距悬殊，即南北发展不平衡， 是全球发展的最突出问题 ②造成该问题的主要原因是什么？
学习资源设计模型图
学习者特征 情感设计 教学目标
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
大家练一练

请老师用九宫格进行点评
因素 因素
因素 姓名
因素 因素

相互交流，找出和你有共同点的老师，
并在相同处签名

得到签名最多者赢
因素
因素
因素
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
3
设计与开发流程
>>>
模型图
学习者特征 情感设计 教学目标
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
设计与开发流程
成果
•
登记卡
期望目标（社 会与组织） 学习者特征 可用资源
概念与类型
组成元素
设计理论
基本流程
微教学视频
类型
•
课堂演示型：解决教学重点与难点。 自主学习型：具有完整的知识结构。
使用方式
• • • • •
模拟实验型:供学生模拟实验学习用。
训练与复习型:都是练习题 教学游戏型：通过游戏的形式掌握学科知识。 资料工具型：如词汇表等
•
讲座类:微教学视频
多媒体课件 学习支持工具与平台 网络教育信息资源 电子书包
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
媒体元素分解
媒体元素分解表
序号 1 2 出现场合 片头 片头 消防法规 模块 „„ 片尾 元素名称 背景图片 标题 元素内容 风景图片 文字 5种消防 法规 „„ 轻音乐 获取方法 数码相机 拍摄 Flash制作 输入或网 上下载 „„ 网上获取 文件名 Image1.jpg Bt.swf
素材选择、教学对象、教学模式等。
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
编写稿本
制作脚本
制作脚本是在文字脚本基础上编写的，将文字脚本改变成适合
计算机网络媒体表现的形式，如交互界面、媒体表现形式、内容呈
现顺序、效果和导航等。是制作多媒体学习资源的直接依据。
数字化学习资源设计与开发
基本流程
微教学视频
结构
提问：我的这个演示PPT课件是什么结构
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
结构
古诗封面 帮助 春晓 退出
诗的主屏幕 导引 讲读 欣赏 练习 资料
学 前 导 读
示 范 朗 读
配 乐 朗 读
学 习 指 导
生 释 分 全 字 句 诗 表 讲 译 题 解 意
多媒体课件的基本组成
结构 内容 界面 导航
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
2
设计理论
>>>
这样的作品你喜欢吗？
20:26:58
13
这样的作品你喜欢吗？
第五个变化
20:26:58
责任意识与合作意识有所发展
14
北半球 发达国家
这样的作品你喜欢吗？
材料一： 2014年4月9日，一国际调查机构调查结果：全球最富有的200人拥有大约 2.7万亿美元的财富，远远多于35亿最穷人口2.2万亿美元的财富总和。 材料二：发达国家与发展中国家之间的收入差距已从1960年的35∶1，扩大到将近 80∶1。全球有13亿人每天收入不到1美元，8.4亿人挨饿或营养不良，10多亿人不能 享受医疗、教育和自来水，20亿人用不上电。造成这一现状的主要原因在于欧美列强 以自然资源和劳动力形式从南方国家掠夺了大量财富。 南半球 发展中国家 思考：①世界经济发展存在什么突出问题？
图像
视频
动画 语音
摄像机拍摄的：直观、真实、动 态表现动作和事物变化过程
模拟表现事物、事件的发展过 程 真实或数字化的声音、音响 信息
视频 图像 动画 图形
数字化学习资源设计与开发
概念与类型
组成元素
设计理论
基本流程
微教学视频
抽象：在最后的分析阶段， 常用描述抽象概念的文本 媒体
直观逐渐转向抽象：在比较、 综合、推理等阶段，常用直 观逐渐转向抽象的媒体（图 形、图画、图表、动画等） 直观：在最初的感知与探 索阶段，宜用直观媒体 （照片、视频、语音等）