全国数字化学习社区规范化建设培训班1.ppt

全国数字化学习社区规范化建设培训班,天津广播电视大学 杨顺起 2013 年 7月16日 慈溪,数字化学习社区建设的基本规范和技术标准,第一部分 全国社区数字化学习资源建设技术规范 (征求意见稿),主要内容,第二部分 全国社区数字化学习平台建设技术标准 （征求意见稿),一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频课程建设技术规范,四、移动学习课程建设技术规范,第一部分 全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,一、社区教育数字化学习资源分类,多媒体课件指是对课程中重点、难点和疑点进行形象性剖析、讲解，对一些抽象概念进行模拟仿真演绎，能够比较系统的对学习者学习效果进行检测的教学辅助软件,一般分为单机版和网络版。,多媒体课件,微视频课程,移动课程,网络课程,多媒体素材,社区教育 数字化学习 资源,多媒体课件,微视频课程,移动课程,网络课程,多媒体素材,社区教育 数字化学习 资源,微视频课程指以课程知识点为单位，对课程进行重、难点讲授的视频课件，一般每讲不超过10分钟。,一、社区教育数字化学习资源分类,多媒体课件,微视频课程,移动课程,网络课程,多媒体素材,社区教育 数字化学习 资源,移动课程是指基于便携的移动设备（例如，手机、平板电脑等），为学习者提供有效学习信息和支持服务的移动教学内容。,一、社区教育数字化学习资源分类,多媒体课件,微视频课程,移动课程,网络课程,多媒体素材,社区教育 数字化学习 资源,网络课程是教学内容及实施教学活动的总和，它包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和在线教学支持。,一、社区教育数字化学习资源分类,多媒体课件,微视频课程,移动课程,网络课程,多媒体素材,社区教育 数字化学习 资源,多媒体素材是指电子文本、音频、视频、动画等素材。,一、社区教育数字化学习资源分类,一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频课程建设技术规范,四、移动学习课程建设技术规范,一、全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,二、多媒体小课件建设技术规范,（一）多媒体课件制作的一般技术规范,（二）单机版多媒体课件制作的特殊技术标准,（三）网络版多媒体课件制作的特殊技术标准,（一）多媒体课件制作的一般技术规范,成品课件的构成,制作团队,开发技术,课件运行,基本内容,界面(画面)设计,音视频,动画,版权信息,安全,单机版,网络版,课件导航 启动或安装程序 运行与卸载 用户使用手册,课件导航 目录设置与文件存储 文件命名 客户端兼容性 运行插件,二、单机与网络版多媒体课件建设技术规范,一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频课程建设技术规范,四、移动学习课程建设技术规范,一、全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,录制场地 录制方式、设备与制作 交付格式,录制要求,片头与片尾 课程内容 课程形式,制作要求,视频信号源 音频信号源 音视频网络传输格式技术要求,技术指标,三、微视频建设技术规范,一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频课程建设技术规范,四、移动学习课程建设技术规范,一、全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,选题简明，尽量“小（微）而精” 针对知识点、例题/习题、实验活动等,常见、典型、有代表的问题 重点、难点、疑点,视频时长一般不超过10分钟，画质清晰 语言标注，声音洪亮、有节奏感,教学形式新颖，教学过程形象生动 结合教学工具如用手写板、电子白板等,一、选题要求,二、教学设计,三、技术规范,四、形式与效果,四、移动学习课程建设技术规范,一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频课程建设技术规范,四、移动学习课程建设技术规范,一、全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,五、网络课程建设技术规范,本部分是在“国家级网络教育精品资源共享课建设技术要求（2012版）”的基础上，根据社区教育网络课程的特点，进行了部分修订而成。,1、 网络课程设置栏目要求,1、 网络课程设置栏目要求,课程模块由教学单元组成 教学单元包含一系列的知识点 知识点与学习活动相关联,结构要求,“GB/T 21365-2008 信息技术学习、教育 和培训学习对象元数据”标注元数据课程内容 “GB/T 26222-2010 信息技术 学习、教育和 培训 内容包装”做内容包装。,包装要求,学习目标、学习方法、交互设计 学习活动 媒体应用、界面设计、学习测评,教学设计,2、课程内容要求,3、 学习导航要求,4、使用帮助要求,5、网络教学支撑平台要求,5、网络教学支撑平台要求,（二）网络课程建设技术规范,演示文稿,教学录像,例题,作业/模拟试卷,文献资源,元数据要求,一、社区教育数字化学习资源分类,二、多媒体小课件建设技术规范,三、微视频建设技术规范,四、移动学习课程建设技术规范,一、全国社区数字化学习资源建设技术规范(征求意见稿),五、网络课程建设技术规范,六、多媒体素材建设技术规范,1、文本素材,2、图形图像素材,3、音频素材,4、视频素材,5、动画素材,主要内容,第二部分 全国社区数字化学习平台建设技术标准 （征求意见稿),一、命名规范,二、目录结构规范,三、尺寸规范,四、导航规范,五、代码规范,六、形象设计规范,七、内容编辑规范,八 、新技术使用规范,九、数据库使用规范,主要内容,每一个目录中应该包含一个缺省的html 文件， 文件名统一用index.htm。 文件名称统一用小写的英文字母、数字和下划线的组合。 尽量按单词的英语翻译为名称。例如：feedback(信息反馈)， 多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。,（一）一般文件及目录命名规范,一、命名规范,名称分为头尾两部分，用下划线隔开。 头部分表示此图片的大类性质。例如： 放置在页面顶部的广告的图片 我们取名：banner；标志性的图片我们取名为：logo； 尾部分用来表示图片的具体含义，用英文字母表示。 例如：banner_sohu.gif、 有onmouse效果的图片，两张分别在原有文件名后加“_on“和 “_off“命名。,（二）图片命名规范,一、命名规范,js的命名原则以功能的英语单词为名。 例如：广告条的js文件名为:ad. 所有的CGI文件后缀为cgi。所有CGI程序的配置文件为config.cgi,（三）其他命名规范,一、命名规范,目录的命名以小写英文字母，下划线组成。(参照命名规范) 根目录一般只存放index.htm以及其他必须的系统文件。 每个主要栏目开设一个相应的独立目录。 根目录下的images用于存放各页面都要使用的公用图片， 子目录下的images目录存放本栏目页面使用的私有图片。 所有JS,ASP,PHP等脚本存放在根目录下的scripts目录。 所有CGI程序存放在根目录下的cgi-bin目录。 所有CSS文件存放在根目录下style目录。 每个语言版本存放于独立的目录。例如：简体中文gb。,以最少的层次提供最清晰简便的访问结构,二、目录结构规范,页面标准按1024*768分辨率制作。 网站的版式设计，原则上采用纵向延伸版式，网页宽度保持 在980px以内，高度则视版面和内容决定，原则上不超过3屏。 每个非首页静态页面含图片字节不超过60K，全尺寸banner 不超过200K。,三、尺寸规范,每个页面都应包括: 版权及网站管理员的E-mail地址。 所有的链接都采用相对路径，不采用绝对路径。 导航要简单、清晰，建议不超过3层的链接。 用于导航的文字要简明扼要，字数限制在一行以内。 突出最近更新的信息，可以加上更新时间或New标识。 连续性页面应加入上一页，下一页按钮。 超过一屏的内容，在底部应有go top按钮。 超过三屏的内容，应在头部设提纲，直接链接到文内锚点。 网站的导航栏应清晰反映本网站的结构，严禁在同一个 网站出现不同形式的导航栏。,四、导航规范,公司版权注释 网页显示字符集 原始制作者信息 网站简介 搜索关键字 网页的css规范 网页标题,一、head区必须加入的标识,五、代码规范,设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅 禁止浏览器从本地机的缓存中调阅页面内容网站简介 用来防止别人在框架里调用你的页面网页的css规范 自动跳转 网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引， 哪些页面不需要索引 收藏夹图标,二、head区可以选择加入的标识,五、代码规范,所有的javascript脚本尽量采取外部调用。,三、JS调用规范,五、代码规范,所有的CSS的尽量采用外部调用。 为了保证浏览器的兼容性，必须设置页面背景。 字号建议用点数pt和像素px来定义， 书写时重定义的最先，伪类其次，便于自己和他人阅读。,四、CSS书写规范,使用中文注释。推荐使用/*和*/。 对接口和复杂代码块必须进行注释。 修改代码时保持注释同步。 未完成的功能使用TODO标记。 对所有可能发生的异常，进行捕获、处理并记录。 对于系统的登录、更新等行为进行日志记录， 方便日后分析应用程序的故障、性能、执行效果等。,五、后台代码书写规范,五、代码规范,网站必须有独立的标志。 标志可以以网站中英文名称设计，也可以采用特别的图案。 标志必须可以用黑白和彩色分别清晰表现。 标志图片的名称为“logo_域名.gif“，例如：logo_sina.gif。 尽量提供标志的矢量图片。 请尽可能在每个页面上都使用标志标准色。 标准色原则上不超过两种。 标准色应尽量采用216种web安全色之内的色彩。 必须提供标准色确切的RGB和CYMK数值。 请尽可能使用标准色。,（一）标志(logo),六、形象设计规范,网站应该定义一种标准字体（指logo上，图片上使用的字体）。 标准字体原则上定义两种，一种中文字体，一种英文字体 。 必须提供标准字体的名称和字库。 请尽可能使用标准字体。,（二）标准字体,六、形象设计规范,网页风格要协调统一，主页同下层页面设计上要有所差异， 但每层页面的色彩、版面风格要保持和谐。,（三）页面风格,六、形象设计规范,必须遵守我国计算机信息网络国际 联网安全保护管理办法的规定， 任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息： 煽动颠覆国家政权，推翻社会主义制度的； 煽动分裂国家、破坏国家统一的； 煽动民族仇恨、民族歧视，破坏民族团结的； 捏造或者歪曲事实，散布谣言，扰乱社会秩序的； 宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、 恐怖，教唆犯罪的； 公然侮辱他人或者捏造事实诽谤他人的； 损害国家机关信誉的； 其他违反宪法和法律、行政法规的。,（一）内容,七、内容编辑规范, 必须找到原出处，经联系后使用。,（二）转载,七、内容编辑规范,力求简短、醒目、新颖、吸引人。,（三）标题,图片大小一般不超过500KB，过大图片必须自行处理后才可上传。 如需上传大型文件，如视频、音频等，需与网络管理员联系。,（四）图片上传,（五）正文,七、内容编辑规范,文章段落格式保持一致。 段与段之间空一行可以使文章更清晰易看。 杜绝错字、别字和自造字。 简体版中不得夹杂繁体字 译名要按我国规范。 全角数字符号（不含标点）应改为半角。,使用新技术原则是：兼容浏览器，保证下载速度，照顾最多数的用户,八、新技术使用规范,cookie用于识别、跟踪和支持访问者，通过cookie你可以了解用户的访 问路径，收集和存储用户的喜好，但要考虑到用户关闭cookie的情况处理， 非要用cookie，应提供全面的解决办法。 Java是一种跨平台的面向对象的编程语言，它在Web中的应用主要是 Java Applet，但是Java Applet的下载速度较慢，谨慎使用。 在服务器端，最好打开SSI解析，但不要使用过多的SSI嵌套。不能使用 SSI时，可以用include Library（包含库文件）代替，效果要差一些 。 Flash已经是较普遍的技术，推荐使用。 新网页制作建议采用XHTML规范，便于未来和XML接轨。,九、数据库使用规范,服务器上有关数据库的一切操作只能由服务