学习元 · 《电子教材》作品设计

乔灿

作品名称：

《信息时代智慧教育研究》自适应电子课本
选题依据：

在调研电子教材历届比赛作品过程中，发现与教育技术相关的教材主要是现代教育技术、远程教育学等较为陈旧的教材。近年来信息技术迅猛发展，在教育领域表现出了巨大的推动作用。因此，选择的教材也反映最新的发展进程。智慧教育是教育信息化发展的新阶段，反映了经济全球化、技术变革和知识爆炸时代对教育的新追求，反映了教育技术学科的先进水平。
设计原则：

1. 界面设计

目前国内的界面风格比较统一，基本保持了原有素材的排版格式，只在颜色上进行了相关调整。

图1 传统界面风格

为了追求界面的美观性，吸引学习者的注意力，版面采用国外口袋书的设计风格，简洁大方。

图2 口袋书风格

2. 功能设计

通过查阅相关的文献，电子教材的主要功能应包括前后翻页、目录索引、勾画重点、文字批注、放大缩小等功能。在教材上方设置工具栏，主要包括目录、查找、铅笔、橡皮、注释、导出（导出成PDF格式，保留勾画笔迹和注释）。还提供了网页搜素框，供用户检索网络相关信息。

图3 顶层工具栏

考虑到工具栏的简洁和美观特性，将放大缩小、开灯关灯、打印和分享的功能放在底层工具栏中。

图4 底层工具栏

功能设计和交互设计可以触发学习者的行动体验。3D Pafeflip推出的旋转3D效果可以应用于教材的空间摆放设置，通过鼠标滑轮就可以满足读者不同的阅读习惯。

图5 电脑的摆放视角

图6 实际阅读摆放视角

3. 内容设计

数字故事之所以能激发学习者的阅读兴趣，是因为其内容设计符合多数人的阅读偏好。数字故事主要是以故事为逻辑，将情感融入教育传播之中，并利用多种媒体创设一个真实的情境。在电子教材的制作过程中，可以参照数字故事的制作要点，在请教本书作者与相关专家的基础上，对原版内容进行添加、修改或删除，具体内容需后期完善。

技术实现：

1. EpubBuilder

用于创建电子教材框架，封装HTML文件

2. Sublime

用于创设电子教材的主要内容

3. 3D Pafeflip

用于设计与制作教材的3D旋转

初期界面：

我觉得色彩不应该是白色的，应该选择能够保护视力的淡绿色或者其他。——shuh

赵磊 - 小学五年级语文下册第一单元

一、作品名称

小学五年级语文下册第一单元

二、作品概述

本作品内容选自人教版小学五年级语文下册第一单元。在保证有效完成教学目标的前提下，致力于为教师和学生营造一个辅助学生探究、

生生合作、师生交流等于一身的多元智能学习环境，为学生提供丰富的学习资源及自我展示的平台。

三、设计思路

1.用户群体：小学五年级学生

2.教学内容：

（1）在纸质教材的基础上，增加图、文、声、像、动画等多媒体元素；

（2）内容模块分为：课堂导入（以一段文字导入本课内容，包含本单元教学目标）、课堂学习（学习文章生字词、阅读文章等）、小组讨论等。

3.教学活动：

（1）学生在阅读完课文后，可以观看相关视频；

（2）进行词语盘点，朗读并结合文章解释词义。

4.整体设计流程

（1）前期阶段：素材收集与制作，包括静态文本、图形图片、视频声音、动画等。

（2）中期阶段：设计制作，包括软件的选择、界面风格设计、功能设计、交互方式等。

在界面设计风格上，简洁明了，颜色搭配协调大方、布局合理，突出重点；

在主导航设计上，导航形式形象生动，具有吸引力；

在交互方式上，提供笔记、交流等功能，学生可以自主参与学习与分享心得，增强学生之间的合作，拉近与教师的距离。

（3）后期阶段：功能的实现，不断修改完善作品。

四、原型界面

五、技术实现

phtoshop,Ie book

六、特色优势

功能上体现学生主体地位，辅助学生自学，在重点段落设置热区，学生自己思考后可点击段落查看答案。

界面搭配大方，交互性强，在原有课本基础上，为学生提供更丰富的资源与自我展示的平台。

徐婷婷 - 我眼里的生命世界

一、作品名称

我眼里的生命世界

二、作品概述

内容选自小学三年级上册苏教版第二单元，本课件利用图片、视频引导学生在观察与发现中学到科学知识，在完成教学目标的前提下让学生在快乐中学习。

三、设计思路

1.用户群体：小学三年级学生

2.整体设计流程

（1）前期阶段：素材收集与制作，包括静态文本、图形图片、视频声音、动画等。

（2）中期阶段：以课本形式呈现，插入课本原型图片

电子教材以翻页形式切换，增加教材的真实性

在教材的上方插入放大缩小按钮，满足用户不同需求

在交互方式上，提供笔记、交流等功能。

（3）后期阶段：功能的实现，不断修改完善作品。

四、原型界面

1.封面

2.目录

3.内容

五、技术实现

Iebook, Photoshop, Flash等

六、特色优势

交互性强，有教材真实性，图片、视频的播放可以让学生在快乐中学习

王荣

一、作品名称

苏教版四年级下册之平行四边形和梯形

二、作品概述

本作品内容主要讲解的平行四边形和梯形的相关类容，通过借助以前学过的相关知识，进行类比从而得出平行四边形和梯形的相关知识。

三、设计思路

1.用户群体四年级学生

2.教材内容：

（1）在纸质教材的基础上，增加图、文、像、动画等多媒体元素；

（2）内容分为：平行四边形和梯形的基本特征，相关讲解，练习等。

3.整体设计流程

（1）前期阶段：素材收集与制作，包括静态文本、图形图片等。

（2）中期阶段：设计制作，包括软件的选择、功能设计、交互方式等。

在界面设计风格上，简洁明了，突出重点；

在交互方式上，可以按需求跳转到所需页面。

（3）后期阶段：对内容功能做进一步完善。

四、教材原型

教材封面：

具体内容：

五、技术实现

appbook 以及相关的制图软件

六、特色优势

再利用传统纸质教材的基础上，配合一定的图文等辅助教材，便于理解和记忆，语言简洁明了。

胡稀里

一、作品名称

《小学数学之减法》

二、作品概述

本教材内容为小学数学减法部分，旨在为小学数学减法的授课和学习提供素材。

三、设计思路

1.用户群体：小学数学教师、小学生

2.教材内容：小学数学减法

3.整体设计流程

（1）前期阶段：设计整体界面、素材的编辑

（2）中期阶段：尽可能全面完成设计

（3）后期阶段：根据用户使用反馈，及时修正

四、技术实现

1.主要工具：iebook（作品功能的主要实现）

2.辅助工具：Photoshop（图、文、交互按钮制作）

Flash（简单需求动画的满足）

Flashsee（在线网页动画的捕捉）

五、原型界面

电子教材封面：

教材主体内容：

六、特色优势

交互性强。电子教材采用超文本和多媒体的知识表达形式，能展示传统教材无法展现的内容，因而实现了教师讲解功能、与学生交流。

富媒体性。采用多媒体技术，对教材内容及知识点进行深度挖掘和加工，对文字形式的阅读对象进行扩展，增加图形、图像、动画、声音及视频等多种媒体，多角度、多维度地呈现教材内容，使知识以直观生动的形式展现在学习者面前，彻底打破了传统的知识表达方式，有助于帮助学生更好地理解问题和强化记忆，从而提高学习效率，更加轻松地构建知识体系。

张牧

一、作品名称

小学数学一年级--数一数比一比分一分

二、作品概述

本作品内容选自人教版小学一年级数学上册第一单元。在保证有效完成教学目标的前提下，通过视觉上的差异，颜色的对比等让学生感受多，少，长，短，轻，重，为学生提供丰富的学习资源及自我展示的平台。

三、设计思路

1.用户群体：小学一年级学生

2.教学内容：

（1）在数一数中，通过各种物体数量的不同，让学生数物体的个数；

（2）在比一比中，用卡通图片，让学生比比绳子的长度，水果的轻重，路程的远近；

（3）在分一分中，让学生区分水陆空3个空间的物品；

3.整体设计流程

（1）前期阶段：素材收集与制作，包括静态文本、图形图片、视频声音、动画等。

（2）中期阶段：设计制作，包括软件的选择、界面风格设计、功能设计、交互方式等。

（3）后期阶段：功能的实现，不断修改完善作品。

四、原型界面

五、技术实现

iebook 进行框架设计，ps进行图片素材的处理，实现交互，翻页效果，让同学在课堂中对数字进行最基础的认识，用flash制作一些小动画，加强与学生的互动联系。

焦海龙

一、作品名称

化学物质及其变化

二、作品概述

《化学物质及其变化》是中学化学人教版的一章内容，通过iebook或其他软件，将该课内容制作为电子书内容呈现形式，集文本、声音、动画、视频等多种媒体等为一体的电子教材，从多种感官途径刺激学生学习兴趣，争取对教学有一定帮助。

三、设计思路

由首页面目录导航到各个页面中，每个栏目的页面由不同风格的展现形式出现，整个框架挑选重点知识板块以翻页形式展现，每个页面都能随机回到目录页，可以找到自己所需要的板块内容。

一级栏目	展现形式	备注
首页（目录页）	以课本的首页作为背景，添加导航目录
简单分类及其应用	由三张衬托图片引出主要内容，效果是渐渐出现
分散系及其分类	文字渐个出现，附有图片说明
科学探究	将实验图片以发光效果出现，配有文字说明
酸碱盐在水中的电离	用两个回形针装饰文字底部背景，背景从右向左出现
离子反应及其发生条件	因为该栏目要多用文字呈现解释，选择木质材质作为背景
氧化还原反应	左边以线条纹晃动做装饰，右边呈现主要内容