移动学习系统在网页设计实训课程中的应用

摘  要 网页设计实训课程是一门重视理论与实践结合，强调学生参与式学习的课程。为解决教学中存在的问题，把移动学习系统引入课程教学，以移动学习活动模型（MLADM模型）为指导，从需求分析、迷你活动设计、学习情境设计、学习支持设计方面进行简要论述，重点论述学习评价设计和学习策略设计，以促使学生掌握网页设计的特点及工作流程，把握网页设计的业务运行模式，高质量完成网站的设计与建设。

关键词 移动学习系统;网页设计;实训

中图分类号：G712    文献标识码：B

文章编号：1671-489X（2015）01-016-04

1 引言

高职类院校每学期都会开设一到三门实训类课程，在与实际工作环境十分相似的情况下，让学生完成真实的工作项目。教学过程中重视理论与实践结合，强调学生的参与式学习，让学生通过课程的学习，学到需要的技能、工作的经验、团队合作的精神、工作的方法等方面内容。以网页设计实训课程为例，它是在网页设计课程之后开设的一门独立课程，开设时间为两周。这两周内，学生只上一门课程，学时为60学时，其中教师讲授时间为10学时，其余均为实践学习，占4学分。当前在网页设计实训教学中主要存在以下几方面的问题。

学生作品实用性差  网页设计实训课主要让学生熟悉网站设计与建设的流程，最终完成一个网站的设计与建设。为了提高学生的学习动力，一般给学生的实训任务都是学校目前需要的网站，如某一精品课程网站的建设。一方面让学生真正做到学以致用，另一方面也可以作为学生学习期间的作品，为将来找工作做好基础。但是当实训结束后，学生的网站总会出现各类问题，如网页的Flash换一个浏览器后就会错位等，网站总有用户不满意的地方。这样就会导致用户的采纳率低，部分网站没有应用于实践，学生作品实用性差。

学生缺乏动力  网站的设计与建设其实是一个大工程，需要很多的时间和精力，如果中间没有激励，那么学生的开发动力就会渐渐不足，在完成的过程中拖拖拉拉，最后在课程快结束时草草收尾。这样一来，学生最终的实训作品会明显看出所下功夫不足。

缺乏与学生进行交流沟通的途径  学生、教师在实训课程中不是全天见面，而是采用每天定时交流的方式。学生在实训中难免会感觉烦闷，因为他们急切希望在自己一遇到问题时就有人帮帮他们，或给予他们思路上的点拨，或给予他们技术上的指导。

通过研究和分析移动学习的现状和特点，笔者发现利用移动学习解决以上问题是一个很好的思路。于是设计和开发了相应的移动学习系统，在功能的设计上充分体现“移动”的特色，开发适合移动学习的功能。系统有说明帮助、课程学习、移动助学、讨论交流四大功能模块。其中，课程学习支持在线学习和离线学习;交流包括短信、邮件、讨论等，综合了移动通信和网络通信，既有实时交流，又有非实时交流，具体如图1所示。

2 移动学习活动设计模型

移动学习系统应用实践是以移动学习活动设计模型（MLADM模型）为指导思想进行的，如图2所示。MLADM模型分为七个方面：需求分析、迷你活动设计、学习情景设计、学习支持设计、技术环境部署、约束条件分析、学习评价设计。具体在网页设计实训课程中的体现如表1所示。

3 学习策略设计

在网页设计实训课程中，教师可以设计一系列丰富多彩的学习资源和学习活动来激发学习者主动参与到学习中。移动学习系统在网页设计实训课程中的应用，主要学习策略有以下几种。

自主学习  网页设计实训课程是一门综合性比较强的课程，从学生能力角度来讲，需要学生具有网页美工能力、网页编程能力、简单网站建设能力、网页动画能力;从学习的具体内容来讲，涉及多种软件与程序语言，有Photoshop、

Dreamweaver、Flash、Access、IIS应用、ASP语言、HTML语言等。在短短的两周之内，学生要应用如此多内容，必然存在遗忘现象，这时学生就可以通过移动学习系统复习前面学过的网页设计课程，也可以在移动学习系统搜索自己需要的内容，为顺利进行实训提供了良好的条件。

学习反思  学习反思即是学生在学习过程中随时记录自己的思考或者与本课程有关的任何事情，把实训过程中的感受记录下来。由于手机的输入没有电脑方便，所以本移动学习系统在设计时对每次录入的字数有限制，提倡学生用不多的文字来表达。这样也符合学生的心理，简单几个字，把心情、状态、想法描述清楚。因此，学生在实训课程结束之后，写实训体会就很方便，可以直接拿过来用其中的内容，也可以在此基础上进行扩展。

首先，把自己在做的过程中喜欢的资源、觉得好的知识、学到的新知识点记录下来，构建自己对于网页设计知识的认识，作为自己的知识积累;

其次，随时记录的一点一滴给学生一种自信，让学生有信心一步步做下去，让学生有动力完成下面的工作，让学生看到自己的积累。

交流  网页设计实训课程中，学生可以随时随地利用移动学习平台和教师进行实时的与非实时的交流，可以采用各种方式进行交流。

首先，教师把移动学习系统可进行交流的方式告诉学生，如有短信、邮件、讨论、搜索网络，学生认为这是一个新鲜事物，愿意去尝试。特别是在讨论栏目中，伴随使用时间的增长，学生体会到使用平台进行学习的便捷、时效，能自发地进行沟通交流，对于遇到的问题、想发表的意见，能主动发表到平台上，丰富平台的内容。随着平台上各类信息的富集，过去的一些观点和意见也会被注意到，这些交流的内容不是在同一时间段交换思想，而是留在平台的讨论页面上，在其他时间段被别人注意到，达到共享。

信息处理  在学生学习过程中，信息处理能力的培养是必不可少的，如果学生能很好地进行信息处理，对他们实训作品的完成、网站设计与建设方面的知识的积累是很有益处的。在本移动学习系统应用中，需要进行信息处理的主要有搜索、评价、发布。endprint

在搜索方面，主要是学生在遇到问题，或是制作过程中对技术不理解时，可以通过移动学习系统中的网络搜索进行搜索，为自己的作品积累一定的思路，也为自己问题的解决找到一个方向。

在发布方面，学生在搜索里发现好的有用的资源，可以将链接发布到讨论交流平台中，并过行推荐，供其他学生参考。

在评价方面，其他学生在讨论交流中如果看到这一资源，可以对发布的这些资源进行评价，如：它是否可以带来帮助？是否能解决心中疑惑？这样一来，好的资源就可以突显出来，便于学习。

学习内容推送  学习内容的推送是对课程教学中比较薄弱的方面的很好的补充。例如，在学生设计主页面那段时间，笔者就不断地给学生推送关于设计的内容，如一个网页几种色比较好，同色系的怎么搭配，多色时选择哪些色，什么类型的网页适合什么颜色，让学生对色彩的应用更深一层。由于教学时间短，这些内容在网页设计、网页设计实训课程的课堂教学中没有时间来完整进行讲述，所以在学生实训中可以推出。

同时，每天根据学生的进度推送他们在网页设计过程中有可能遇到的问题，可以推送不同类型的信息，如理论知识、设计原则、设计技巧、操作技巧、网页代码等。这样做，一方面让学生每天都有一种期待，提高学生的学习积极性;另一方面让学生了解正常进度，看看自己是快了还是慢了，在设计过程中自主进行进度调节。

4 学习评价设计

把学生的评价放在课程的每个环节中，综合形成性评价和档案袋评价的优势，形成本课程的评价模式。

1）课程之初，对学生要上传的基本文件进行要求，比如必须有网站主题相关信息说明、网站栏目计划、色彩计划、首页面初始设计、子页面初始设计等文件。

2）每阶段成果要求学生上传到移动学习系统，学生每上传一部分内容，教师进行打分，写出评语肯定其优点，指出其不足及改进措施。

3）当学生进行改进后，教师修改作品评语，给予激励。

4）当学生把全部文件上传后，教师针对学生的文档和他们在移动学习系统中的参与度，写出评语，给予分数。

5）在课程的最后两节课，学生整理自己的上交文件，按照事先的评价量规，对自己在本课程中的学习进行在线评价。

5 总结

通过移动学习系统应用于网页设计实训，通过与课堂教学的结合，一方面，学生在网页页面设计方面有了很大的提高，完成的网站美观度大大增强，主题色彩符合网站的受众心理，受到受众的欢迎;另一方面，由于学习过程中的不断督促与引导，学生的网站设计流程不再杂乱无章，而是循序渐进，符合一定的职业规范，最终让用户得到满意的成品。

同时，学生对于课程的反映也很好。一位学生在实训体会中写到：“实训，让我们知道完成一个完整的网站不是一件容易的事，它有一定的过程、思路和难度。在实训中，我们小组不断地出现问题，但是有这个移动学习系统就方便多了，和同学沟通容易了，和老师沟通容易了。其中，我们还返工了一次，就是因为及时的沟通，我们才发现了自己的错误，从而及时返工;如果后期返工，那我们的任务就有可能完成不了了。我喜欢这个移动学习系统，它让我们的沟通变得更快、更多样化，让我思考的时间更多。”

参考文献

[1]余胜泉.从知识传递到认知建构、再到情境认知[J].中国电化教育，2007（6）：76-78.

[2]王伟，钟绍春.利用多类终端实现移动学习的支撑系统研究[J].中国电化教育，2008（7）：108-112.

[3]方海光，吴淑苹，李玉顺：基于EML构建移动学习资源对象单元的研究[J].现代教育技术，2009（12）：75-79.

[4]张钰梅，王学明.大学生移动学习现状调查研究[J].中国教育技术装备，2011（18）：29-31.

[5]方海光，王红云，黄荣怀.移动学习的系统环路线图[J].现代教育技术，2011（1）：29-31.

[6]王敏娟，Barone T， Simpson S，等.移动学习的案例研究及内容分析：以mGage项目为例[J].现代教育技术，

2011（8）：14-19.

[7]黄荣怀，王晓晨，李玉顺.面向移动学习的学习活动设计框架[J].远程教育杂志，2009（1）：3-7.endprint