论文部分内容阅读
【摘 要】2 1世纪是信息化的社会，是知识大爆炸的社会，满足社会需要的教育必然是信息化的教育。利用HTML5技术的移动学习平台的建设将会是信息化教学的一种主要形式。HTML5的跨平台使用优势能很好的实现当下在移动终端上的移动学习模式。让学习摆脱时空的限制，打破师生间交流的障碍。
【关键词】移动学习;HTML5;艺术设计;课程设计
随着触屏手机、平板电脑等移动智能终端的普及和发展，人们利用时间随时随地学习成为可能，移动学习作为一种未来学习模式正是在这种背景下产生的。
一、移动学习的概念
目前，移动学习的定义还没有形成较为统一的共识，国内外学者对这一概念分别有自己不同的见解，但是最核心的共识就是强调这种学习模式的“移动性”，强调是让学习者在可移动的情境中通过移动通信技术来实现的交互性学习。百度百科上对移动学习是这样定义的：移动学习（Mobile Learning）是一种在移动计算设备帮助下的能 够在任何时间、任何地点发生的学习。简单的可以理解为移动学习者利用移动智能终端设备与教师、其他学习者之间进行双向交流。 这种教学模式，它打破了传统教学中的固定时间、固定地点的学习模式，提高了学习绩效。
在该研究领域，国外已经开展了一系列包括技术支持、系统架构、平台设计、理论指导，以及在学科整合方面的大量研究与应用。而在国内利用采用HTML5开发的网络教学平台屈指可數。相关的移动学习资源存在形式单一、可移植性差、学习资源和学习者管理系统之间的缺乏交互等问题。移动学习的深入研究和对移动学习资源的设计与建设迫在眉睫。
二、HTML5在移动学习中的作用
移动智能终端是移动学习资源的载体，也是移动学习者进行学习的直接工具，但由于终端多样、操作系统兼容性差等问题，造成移动学习资源的可移植性差， 并且需要依赖于具体的移动学习管理系统，不能实现资源的大范围交流与共享。另外， 因为大部分移动终端都有自己研发的浏览器，不同浏览器解析效果和支持的脚本语言都不一致，不仅不利于学习资源的设计，也会影响移动学习的效果。
HTML5技术出现在2004年，它最大的优势在于它可以不借助任何插件的来实现跨平台使用。当研究者制作了一门基于HTML5 的课程，学习者们就可以在 Windows、Android 以及 IOS 等操作系统上访问学习。设计者所需要的仅仅是一个支持 HTML5 的浏览器，而当前几乎所有的浏览器都能支持HTML5。在移动终端上能做到“一次设计，普遍使用“， 而且HTML5能完美的在移动终端上展示多媒体和进行用户交互，能给用户和学习者提供更多的感官刺激。
三、HTML5移动学习平台的设计与实现
基于HTML5的教学平台设计，主要从两方面考虑：一是根据课程的特点、教学的内容、学习者的特点;二是充分考虑能激发学习者学习的兴趣的互动形式，达到自主学习的目的等因素进行设计与实现，本文选择艺术设计专业理论课《设计心理学》消费者心理学部分开展设计与分析。
1、教学设计
在传统课程教学中，教学设计主要是对“为什么学”、“学什么”、“如何学”等问题展开思考。在基于HTML5的移动端课程设计中，我们除了要考虑以上在传统教学设计中所要涉及的内容外，还要对学习者的认知规律进行分析与了解，设计平台时要有特定的针对性的和指向性，能够将操作者的注意力都吸引到平台上来，激起阅读者的好奇心与学习热情。在案例课程中，平台建设是面临着有一点认知能力的18-20岁在校大学生，它们喜欢新奇的事物，在HTML5设计中无论从色彩还是图形，以及教学的各部分环节上，都应有针对性地去争取能吸引他们注意力的黄金30秒。在案例课程中我们就采用以动画演绎方式来完成对马斯洛需求层次论的学习。
2、课程导入的实现
在一份移动页面用户行为报告中这样写道：H5设计中加载超过5秒就会有百分之七十四的用户离开页面。这个原理同样适用在利用HTML5技术进行课堂导入的设计环节。课程的导入主要通过视频和文字展示呈现。在H5页面设计上，除了保留左右按钮进入课程主题内容方式，还要注意采用大多数用户比较喜欢习惯的滑动切换形式进入课程主体内容的HTML5页面。页面上可以考虑采用交互的形式，如：触发交互、动画交互等，但交互形式不宜过多或复杂。
3、在线学习模块的实现
在线学习模块将是移动课程平台的主体部分，是把书本知识移植到页面上去，有助于学生进行在线学习。这里所要展示的信息内容较多，也是设计上比较有难度的一个板块。如何让移动学习用户能持续性地阅读完所有内容，这是设计的重点。据调查用户随着页面层级的加深而不断流失，流失率在前几页最高。根据统计，在H5页面第6页时就只有百分之四十六的用户能坚持来到这个页面。所以，移动平台的在线学习模块除了要对课程内容进行精心梳理之外，设计的手法与表达的形式也是保证学习过程能顺畅完成的砝码。
4、评价反馈系统模块的实现
评价反馈系统可以让教师了解学生们对知识点的掌握情况。设计由前台页面和后台管理系统两个部分组成，。在HTML5前台页面中提供给学生们在线答题功能，通过前台测试出学习效果。学习者在线提交答题后，也能及时的了解到自己的学习状况。如果没有达到预期的效果的话，还可以重新返回到开始阶段进行重新学习。最大化地实现教学内容学习的目标。当然在设计中还可以从情感的角度运用一些策略来激发学习者的学习热情，例如：即使在线答题情况不佳，也可以根绝成绩的分值的不同，利用的图形、动画或文字表示鼓励。后台管理页面主要有用户管理、作业管理。作业管理包括题目管理、和评测管理。教师可以通过学生们的答题，判断对学到的知识理解和掌握程度做出评价反馈。以便老师们进行改进，进一步促进教学平台的发展和改良。
四、总结
2 1世纪是信息化的社会，是知识大爆炸的社会，满足社会需要的教育必然是信息化的教育。利用HTML5技术的移动学习平台的建设将会是信息化教学的一种主要形式。课程建设中我们可以尝试着对不同性质的课程内容来搭建移动学习的平台，丰富学生们的学习空间，让学习变成一种愉悦的生活体验。
参考文献：
[1]钱慧，郑秀丽，杨雁等.浅谈移动学习的发展现状及教育优势[J].职教论坛，2010，8： 39.40.
[2]魏晓俊.国内外网络教育平台发展现状分析研究[J].学理论，2012（1）：144.145.
作者简介：
张丽莉（1981-）女，汉族，籍贯：湖南华容，学历：硕士，职称：讲师。主要研究方向：艺术设计学。
【关键词】移动学习;HTML5;艺术设计;课程设计
随着触屏手机、平板电脑等移动智能终端的普及和发展，人们利用时间随时随地学习成为可能，移动学习作为一种未来学习模式正是在这种背景下产生的。
一、移动学习的概念
目前，移动学习的定义还没有形成较为统一的共识，国内外学者对这一概念分别有自己不同的见解，但是最核心的共识就是强调这种学习模式的“移动性”，强调是让学习者在可移动的情境中通过移动通信技术来实现的交互性学习。百度百科上对移动学习是这样定义的：移动学习（Mobile Learning）是一种在移动计算设备帮助下的能 够在任何时间、任何地点发生的学习。简单的可以理解为移动学习者利用移动智能终端设备与教师、其他学习者之间进行双向交流。 这种教学模式，它打破了传统教学中的固定时间、固定地点的学习模式，提高了学习绩效。
在该研究领域，国外已经开展了一系列包括技术支持、系统架构、平台设计、理论指导，以及在学科整合方面的大量研究与应用。而在国内利用采用HTML5开发的网络教学平台屈指可數。相关的移动学习资源存在形式单一、可移植性差、学习资源和学习者管理系统之间的缺乏交互等问题。移动学习的深入研究和对移动学习资源的设计与建设迫在眉睫。
二、HTML5在移动学习中的作用
移动智能终端是移动学习资源的载体，也是移动学习者进行学习的直接工具，但由于终端多样、操作系统兼容性差等问题，造成移动学习资源的可移植性差， 并且需要依赖于具体的移动学习管理系统，不能实现资源的大范围交流与共享。另外， 因为大部分移动终端都有自己研发的浏览器，不同浏览器解析效果和支持的脚本语言都不一致，不仅不利于学习资源的设计，也会影响移动学习的效果。
HTML5技术出现在2004年，它最大的优势在于它可以不借助任何插件的来实现跨平台使用。当研究者制作了一门基于HTML5 的课程，学习者们就可以在 Windows、Android 以及 IOS 等操作系统上访问学习。设计者所需要的仅仅是一个支持 HTML5 的浏览器，而当前几乎所有的浏览器都能支持HTML5。在移动终端上能做到“一次设计，普遍使用“， 而且HTML5能完美的在移动终端上展示多媒体和进行用户交互，能给用户和学习者提供更多的感官刺激。
三、HTML5移动学习平台的设计与实现
基于HTML5的教学平台设计，主要从两方面考虑：一是根据课程的特点、教学的内容、学习者的特点;二是充分考虑能激发学习者学习的兴趣的互动形式，达到自主学习的目的等因素进行设计与实现，本文选择艺术设计专业理论课《设计心理学》消费者心理学部分开展设计与分析。
1、教学设计
在传统课程教学中，教学设计主要是对“为什么学”、“学什么”、“如何学”等问题展开思考。在基于HTML5的移动端课程设计中，我们除了要考虑以上在传统教学设计中所要涉及的内容外，还要对学习者的认知规律进行分析与了解，设计平台时要有特定的针对性的和指向性，能够将操作者的注意力都吸引到平台上来，激起阅读者的好奇心与学习热情。在案例课程中，平台建设是面临着有一点认知能力的18-20岁在校大学生，它们喜欢新奇的事物，在HTML5设计中无论从色彩还是图形，以及教学的各部分环节上，都应有针对性地去争取能吸引他们注意力的黄金30秒。在案例课程中我们就采用以动画演绎方式来完成对马斯洛需求层次论的学习。
2、课程导入的实现
在一份移动页面用户行为报告中这样写道：H5设计中加载超过5秒就会有百分之七十四的用户离开页面。这个原理同样适用在利用HTML5技术进行课堂导入的设计环节。课程的导入主要通过视频和文字展示呈现。在H5页面设计上，除了保留左右按钮进入课程主题内容方式，还要注意采用大多数用户比较喜欢习惯的滑动切换形式进入课程主体内容的HTML5页面。页面上可以考虑采用交互的形式，如：触发交互、动画交互等，但交互形式不宜过多或复杂。
3、在线学习模块的实现
在线学习模块将是移动课程平台的主体部分，是把书本知识移植到页面上去，有助于学生进行在线学习。这里所要展示的信息内容较多，也是设计上比较有难度的一个板块。如何让移动学习用户能持续性地阅读完所有内容，这是设计的重点。据调查用户随着页面层级的加深而不断流失，流失率在前几页最高。根据统计，在H5页面第6页时就只有百分之四十六的用户能坚持来到这个页面。所以，移动平台的在线学习模块除了要对课程内容进行精心梳理之外，设计的手法与表达的形式也是保证学习过程能顺畅完成的砝码。
4、评价反馈系统模块的实现
评价反馈系统可以让教师了解学生们对知识点的掌握情况。设计由前台页面和后台管理系统两个部分组成，。在HTML5前台页面中提供给学生们在线答题功能，通过前台测试出学习效果。学习者在线提交答题后，也能及时的了解到自己的学习状况。如果没有达到预期的效果的话，还可以重新返回到开始阶段进行重新学习。最大化地实现教学内容学习的目标。当然在设计中还可以从情感的角度运用一些策略来激发学习者的学习热情，例如：即使在线答题情况不佳，也可以根绝成绩的分值的不同，利用的图形、动画或文字表示鼓励。后台管理页面主要有用户管理、作业管理。作业管理包括题目管理、和评测管理。教师可以通过学生们的答题，判断对学到的知识理解和掌握程度做出评价反馈。以便老师们进行改进，进一步促进教学平台的发展和改良。
四、总结
2 1世纪是信息化的社会，是知识大爆炸的社会，满足社会需要的教育必然是信息化的教育。利用HTML5技术的移动学习平台的建设将会是信息化教学的一种主要形式。课程建设中我们可以尝试着对不同性质的课程内容来搭建移动学习的平台，丰富学生们的学习空间，让学习变成一种愉悦的生活体验。
参考文献：
[1]钱慧，郑秀丽，杨雁等.浅谈移动学习的发展现状及教育优势[J].职教论坛，2010，8： 39.40.
[2]魏晓俊.国内外网络教育平台发展现状分析研究[J].学理论，2012（1）：144.145.
作者简介：
张丽莉（1981-）女，汉族，籍贯：湖南华容，学历：硕士，职称：讲师。主要研究方向：艺术设计学。