针对小型农机管理系统前端设计的WEB 新技术课程设计

盐城工业职业技术学院 嵇春梅 王赞森 刘宁

1 课程标准修订

根据盐城工业职业技术学院《移动互联应用技术专业人才培养方案》的要求，Web 新技术（HTML5+CSS3+BootStrap）课程是移动互联专业的专业核心课程，是面向WEB 前端页面开发的实战课程，涉及HTML5、CSS3、响应式Web 设计等技术。在教学实践中，笔者发现存在如下的一些问题：

1.1 存在问题

目前的教学模式还是以教师教为主，偏重于理论知识的学习，以习题的练习为辅，但是因为时间限制，往往会给学生提供参考代码，造成了学生习惯于照着参考代码敲，不愿意思考的现象。

Web 新技术（HTML5+CSS3+BootStrap）课程涉及的知识点比较广、非常散，而课时比较有限，在现有的课程标准下，不管老师采用哪种教学方式，采用什么样的习题实践，对每个模块均匀用力，导致每个知识点都学，但是每个知识点都无法得到充足的实践。无法从整体上对前端页面开发的常用技术的整体概念有所了解。

Web 新技术（HTML5+CSS3+BootStrap）课程考试成绩比重过高，达到了60%，但是需要学生掌握的知识点太多，有限的考试时间内，考察的粒度过粗，无法客观地反映学生的学习效果，容易产生一刀切的评价。

1.2 改进措施

为了解决教学实践中的问题，我们引入项目式教学理念，以小型农用机械管理系统的前端页面设计作为Web 新技术（HTML5+CSS3+BootStrap）课程的教学项目，贯穿全课程。结合移动互联专业人才培养方案和小型农机系统前端页面项目的要求，从课程性质与目标、课程内容与要求、课时分配、考核与成绩评定四个方面对课程标准进行修订，实现四个方面的转变，如图1 所示。

图1 课程标准修订图

课程的性质与目标从掌握响应式WEB 开发知识向培养学生开发响应式WEB 页面能力转变。课程的主要内容及基本要求从以循序渐进学习书本理论知识向突出实践性的以项目为中心的模式转变。课时分配从以各知识单元平均分配课时向结合项目和人才培养方案轻重有序分配转变。考核与成绩评定从粗粒度的结果性考核向细粒度的过程性考核转变。

2 授课计划、授课内容调整

Web 新技术（HTML5+CSS3+BootStrap） 课程涵盖HTML、CSS、JavaScript 三种语言，8 个知识单元，共112 个知识点，知识范围广，知识点较为分散。为了提高学习效率，改变知识点侧重不突出的局面，我们在小型农用机械管理系统的前端页面项目的基础上，结合系统功能和修订后的课程标准划分出系统维护模块、基础数据维护模块、农机管理模块前端、统计模块、NB-IOT通信模块五个子模块，如表1 所示。

表1 教学项目计划表

3 以系统维护模块的前端设计为例

3.1 课前分析、教学资源准备

在修订后的Web 新技术（HTML5+CSS3+BootStrap）课程标准中，对于HTML5 表单的应用、响应式WEB 设计能力这两个知识单元的学习，以小型农机管理系统的系统维护模块作为教学项目，学习内容和学时安排如表2 所示。

表2 教学项目系统--维护模块计划表

进行新课教学前，让学生事先学习小型农业机械管理的流程，让学生了解系统维护模块的作用。

3.2 教学活动的安排

（1）在学生了解小型农机管理系统的系统维护模块作用的基础上，带领学生明确系统维护模块前端页面设计的目标，并撰写任务计划书。

（2）根据课程标准的要求，结合任务计划书，以学生为主体、教师为主导，带领学生一起学习HTML5 表单的应用、响应式WEB 设计这两个知识章节中哪些技术可以用来完成系统维护模块前端界面的设计，以项目需求激发学生的主观能动性。

（3）实践环节中，3～4 名同学分组进行，小组成员之间分工协作，共同研讨，共同完成系统维护模块前端页面，在实践环节中，教师更多地扮演项目经理的角色，把控各个小组的进度，及时监控完成质量。这样既可以以用促学，让学生了解学习的知识用在何处，明确学习目标、增强学习动力，又能够模拟出真实的项目场景，让学生提前适应企业工作环境。

3.3 教学总结与反思

各小组完成系统维护模块前端页面后，采用小组交叉互评和老师现场点评相结合的办法，各小组完成的设计公开在学习通上，各小组课后对其他小组的设计做点评留言，老师在课堂对照设计目标对各小组的设计进行点评及打分。

4 小结

项目式教学的理念可以很好地应用在移动互联专业的教学当中，将小型农业机械管理系统的前端界面开发作为Web 新技术（HTML5+CSS3+BootStrap）课程的教学项目，是多课程联动的项目式教学理念应用于移动互联专业教学实践中的一次尝试。将课程知识与项目进行融合，充分调动了学生的学习积极性，以用促学、学以致用，并对课程标准做了修订，更加符合移动互联专业人才培养方案的要求，细化了考核粒度、增加了过程性考核，能够更加全面、客观地评估学习效果。