论文部分内容阅读
摘 要：针对计算机应用专业HTML5移动开发课程的教学实际，为提升学生的职业能力，提出了运用项目教学法开展HTML5移动开发课程的教学模式。根据项目教学法的特点，将其与HTML5移动开发课程教学紧密融合在一起，围绕着以学生为主体，教师为引导的教学方法进行课程教学。
关键词：项目教学法；HTML5移动开发；课程教学
1 引言
项目教学法是一种生动的，灵活性强的教学方法，是按照软件工程设计的思想，以渐进性方式，全方位把课程和项目开发引进到实际课堂中，激发学生在课程学习中学会对项目进行分析和评价设计，从而使学生加深自己对所学课程知识的理解。项目教学法的特点主要是教师和学生共同以某一个详细项目或案例为圆心，通过完整的项目进行学习的过程，学生主体由传统的教师为中心教学方式转变为以自己为中心的学习，充分发挥教师的协助作用。
2 课程现状
HTML5移动开发课程是计算机应用专业中移动开发方向的核心课程。本课程的前续课程是网页设计基础、JAVAScript语言开发等课程，而后续课程是Andriod开发或IOS开发。这门课程的主要目的是让学生了解HTML5移动开发的相关技术，包括：移动互联网的WEB技术，HTML5的新标准和HTML5移动开发框架，如Jquery Mobile，Sencha Touch和PhoneGap等。
3 项目教学法在HTML5移动开发课程中的实施案例
此次项目教学法的主要目的是使学生在HTML5移动开发这门课程中掌握HTML5技术，以及其应用在移动开发中的使用方法和技巧。项目选取环节中，基于项目不能太复杂，也不能过于简单，同时保证项目的实施能够涵盖课程所包含的知识点，选取的项目必须具有一定的代表性和实用性。根据本课程的如上特点，对课程教学中将其细化为以三大模块，第一个模块是移动互联网时代的web技术和HTML5新技术知识基础模块，第二个模块是HTML5移动开发框架技术应用模块，第三模块是案例分析模块，每个模块都包括了相应的教学项目，每个项目分别对应不同教学的知识点。在教学过程中所采取的策略是让学生主体去通过简单的操作书写成功一个项目后，反过来再学习相应的知识点。
基础模块中的每个教学项目的教学内容，技术要点和技能目标如表1所示，在框架学习模块中每个教学项目的教学内容，技术要点和技能目标如表2所示，在案例分析模块中的每个教学项目的教学内容，技术要点和技能目标如表3所示。
表1 基础知识模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&WEBAPP布局案例＼&（1）页面语义化
（2）页面结构
（3）移动设备的布局＼&学会基本布局
学会简单的页面创建＼&2＼&HTML5离线存储案例＼&（1）本地存储
（2）离线存储＼&学会两种存储方式的实际编写与应用＼&3＼&HTML5表单和界面样式案例＼&（1）移动web表单
（2）CSS3
（3）选择器＼&具有CSS3应用的技术开发HTML5页面＼&4＼&地理定位案例＼&（1）GeolocationAPI
（2）获取位置变化＼&具有实现开发地理定位的技术＼&]
表2 框架技术应用模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&JQuery Mobile案例＼&（1）页面视图
（2）button与bar
（3）内容区域格式布局
（4）form表单和list列表
（5）event事件＼&具有jquery mobile框架的移动web页面＼&2＼&Sencha Touch案例＼&（1）事件管理
（2）核心组件库
（3）Toolbar选项、Picker选择器
（4）MVC开发模式＼&具有用Sencha Touch框架开发移动web页面＼&3＼&PhoneGap案例＼&（1）搭建phoneGap开发环境
（2）硬件设备和软件接口
（3）Events事件＼&具有phoneGap框架的移动web页面＼&]
表3 案例分析模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&项目背景介绍＼&项目案例组成＼&案例设计的步骤＼&2＼&创建基本应用程序＼&创建首页和入口函数＼&具有用所学知识进行实际编写能力＼&3＼&设置Model数据模型＼&创建Model实体类和store对象＼&具有对实体数据模型的综合分析技能＼&4＼&创建View视图组件＼&列表视图、组件和表单视图；浏览生活轨迹视图＼&具有对视图组件的掌控技能＼&5＼&业务逻辑＼&视图之间的切换；保存生活轨迹的内容；显示生活位置；清除记录＼&具有对webapp业务逻辑技术实现技能＼&6＼&缓存文件与后端服务通信＼&缓存技术与后台数据通信实现＼&具有对webapp进行数据交互的技术要领掌控＼&]
4 项目教学在本课程中的实施过程
项目教学法中明确要求教学过程要秉承理论与实践的相结合原则，HTML5语言是当前WEBAPP编程最为广泛使用的语言，具有易用、快捷、跨浏览平台等特点，尤其在自适应网页设计，即时更新上具有明显的优势，而且HTML5的开发与维护成本低，方便跨平台移植。所以在选取相关项目时要与实际需求联系起来。
项目教学的学习过程是学生根据完成工作任务的需要，基于相关理论知识和实践技术的学习，自主建构知识与技能的教学模式[2]，在这种教学环境下，学生能够更直观，更快速地学习与典型工作任务关联的各种问题的解决方法，将所学知识转换为职业技术能力，并积累对应专业技术及解决相关问题的经验。
基于此，本课程的教学实施过程应以学生为主体，项目为引线，教师为辅助，营造一个让学生主动参与，相互协作、自主探索创新的新型教学模式为基础，采用学生分组的形式进项目教学。在教学过程中，让学生在具体项目的过程中掌握HTML5移动开发技术的思路，学会WEBAPP的制作方法，并构建相关理论知识，从而促进学生的职业能力。在项目练习中，教师从中进行教导辅助，学生小组合作互帮互学完成相关的项目学习任务。
5 项目教学考核评价
项目教学实施过程是动态多样性的。传统上的考核方式是以期末考试方式进行，一次考试为终结，从而失去激励和引导学生的作用。因此，本课程的考核方式采用自评互评，课程中各阶段项目完成情况与质量，教师评价与大众评审相结合的方式。在项目完成后，小组要进自评与互评；小组成员要派出一个代表向全教学班同学进行展示所作项目成果，让大众对本小组成果进行评价；教师评价则主要是以学生纪律，学习态度，团结协作和项目创新等方面进行评定。
6 总结
近几年来，通过对HTML5移动开发课程的教学改革，引入项目教学法，实现了传统教学方法的根本性改变。学生通过项目教学法的学习和实践，在教师通过相关案例的讲授引导下，以小组合作形式进行学习，每个成员不仅要独立完成各自的项目任务，还要经常与其他成员进行交流，耐心倾听他人意见，客观公正评价他人工作[3]，从而达到各成员间相互促进，共同进步，进一步提升了学生的自主学习能力和团队精神。总之，项目教学方法在HTML5移动开课程中的应用，提高了学生的专业知识兴趣和实践能力，逐步培养学生的移动开发职业技能，取得了较好的教学效果。
参考文献：
[1]陶双双.对项目教学法应用中若干问题的反思与建议[J].中国职业技术教育，2010（11）：27-29.
[2]郑丹青.项目教学法在动态网页设计课程中的教学应用[J].中央民族大学学报（自然科学版），2014（5）：67-70.
[3]王玲、陈军.专业综合型项目教学法在实践中应用的研究[J].中国职业技术教育，2007（3）：18-20.
关键词：项目教学法；HTML5移动开发；课程教学
1 引言
项目教学法是一种生动的，灵活性强的教学方法，是按照软件工程设计的思想，以渐进性方式，全方位把课程和项目开发引进到实际课堂中，激发学生在课程学习中学会对项目进行分析和评价设计，从而使学生加深自己对所学课程知识的理解。项目教学法的特点主要是教师和学生共同以某一个详细项目或案例为圆心，通过完整的项目进行学习的过程，学生主体由传统的教师为中心教学方式转变为以自己为中心的学习，充分发挥教师的协助作用。
2 课程现状
HTML5移动开发课程是计算机应用专业中移动开发方向的核心课程。本课程的前续课程是网页设计基础、JAVAScript语言开发等课程，而后续课程是Andriod开发或IOS开发。这门课程的主要目的是让学生了解HTML5移动开发的相关技术，包括：移动互联网的WEB技术，HTML5的新标准和HTML5移动开发框架，如Jquery Mobile，Sencha Touch和PhoneGap等。
3 项目教学法在HTML5移动开发课程中的实施案例
此次项目教学法的主要目的是使学生在HTML5移动开发这门课程中掌握HTML5技术，以及其应用在移动开发中的使用方法和技巧。项目选取环节中，基于项目不能太复杂，也不能过于简单，同时保证项目的实施能够涵盖课程所包含的知识点，选取的项目必须具有一定的代表性和实用性。根据本课程的如上特点，对课程教学中将其细化为以三大模块，第一个模块是移动互联网时代的web技术和HTML5新技术知识基础模块，第二个模块是HTML5移动开发框架技术应用模块，第三模块是案例分析模块，每个模块都包括了相应的教学项目，每个项目分别对应不同教学的知识点。在教学过程中所采取的策略是让学生主体去通过简单的操作书写成功一个项目后，反过来再学习相应的知识点。
基础模块中的每个教学项目的教学内容，技术要点和技能目标如表1所示，在框架学习模块中每个教学项目的教学内容，技术要点和技能目标如表2所示，在案例分析模块中的每个教学项目的教学内容，技术要点和技能目标如表3所示。
表1 基础知识模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&WEBAPP布局案例＼&（1）页面语义化
（2）页面结构
（3）移动设备的布局＼&学会基本布局
学会简单的页面创建＼&2＼&HTML5离线存储案例＼&（1）本地存储
（2）离线存储＼&学会两种存储方式的实际编写与应用＼&3＼&HTML5表单和界面样式案例＼&（1）移动web表单
（2）CSS3
（3）选择器＼&具有CSS3应用的技术开发HTML5页面＼&4＼&地理定位案例＼&（1）GeolocationAPI
（2）获取位置变化＼&具有实现开发地理定位的技术＼&]
表2 框架技术应用模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&JQuery Mobile案例＼&（1）页面视图
（2）button与bar
（3）内容区域格式布局
（4）form表单和list列表
（5）event事件＼&具有jquery mobile框架的移动web页面＼&2＼&Sencha Touch案例＼&（1）事件管理
（2）核心组件库
（3）Toolbar选项、Picker选择器
（4）MVC开发模式＼&具有用Sencha Touch框架开发移动web页面＼&3＼&PhoneGap案例＼&（1）搭建phoneGap开发环境
（2）硬件设备和软件接口
（3）Events事件＼&具有phoneGap框架的移动web页面＼&]
表3 案例分析模块
[序号＼&项目名称＼&技能要点＼&技能目标＼&1＼&项目背景介绍＼&项目案例组成＼&案例设计的步骤＼&2＼&创建基本应用程序＼&创建首页和入口函数＼&具有用所学知识进行实际编写能力＼&3＼&设置Model数据模型＼&创建Model实体类和store对象＼&具有对实体数据模型的综合分析技能＼&4＼&创建View视图组件＼&列表视图、组件和表单视图；浏览生活轨迹视图＼&具有对视图组件的掌控技能＼&5＼&业务逻辑＼&视图之间的切换；保存生活轨迹的内容；显示生活位置；清除记录＼&具有对webapp业务逻辑技术实现技能＼&6＼&缓存文件与后端服务通信＼&缓存技术与后台数据通信实现＼&具有对webapp进行数据交互的技术要领掌控＼&]
4 项目教学在本课程中的实施过程
项目教学法中明确要求教学过程要秉承理论与实践的相结合原则，HTML5语言是当前WEBAPP编程最为广泛使用的语言，具有易用、快捷、跨浏览平台等特点，尤其在自适应网页设计，即时更新上具有明显的优势，而且HTML5的开发与维护成本低，方便跨平台移植。所以在选取相关项目时要与实际需求联系起来。
项目教学的学习过程是学生根据完成工作任务的需要，基于相关理论知识和实践技术的学习，自主建构知识与技能的教学模式[2]，在这种教学环境下，学生能够更直观，更快速地学习与典型工作任务关联的各种问题的解决方法，将所学知识转换为职业技术能力，并积累对应专业技术及解决相关问题的经验。
基于此，本课程的教学实施过程应以学生为主体，项目为引线，教师为辅助，营造一个让学生主动参与，相互协作、自主探索创新的新型教学模式为基础，采用学生分组的形式进项目教学。在教学过程中，让学生在具体项目的过程中掌握HTML5移动开发技术的思路，学会WEBAPP的制作方法，并构建相关理论知识，从而促进学生的职业能力。在项目练习中，教师从中进行教导辅助，学生小组合作互帮互学完成相关的项目学习任务。
5 项目教学考核评价
项目教学实施过程是动态多样性的。传统上的考核方式是以期末考试方式进行，一次考试为终结，从而失去激励和引导学生的作用。因此，本课程的考核方式采用自评互评，课程中各阶段项目完成情况与质量，教师评价与大众评审相结合的方式。在项目完成后，小组要进自评与互评；小组成员要派出一个代表向全教学班同学进行展示所作项目成果，让大众对本小组成果进行评价；教师评价则主要是以学生纪律，学习态度，团结协作和项目创新等方面进行评定。
6 总结
近几年来，通过对HTML5移动开发课程的教学改革，引入项目教学法，实现了传统教学方法的根本性改变。学生通过项目教学法的学习和实践，在教师通过相关案例的讲授引导下，以小组合作形式进行学习，每个成员不仅要独立完成各自的项目任务，还要经常与其他成员进行交流，耐心倾听他人意见，客观公正评价他人工作[3]，从而达到各成员间相互促进，共同进步，进一步提升了学生的自主学习能力和团队精神。总之，项目教学方法在HTML5移动开课程中的应用，提高了学生的专业知识兴趣和实践能力，逐步培养学生的移动开发职业技能，取得了较好的教学效果。
参考文献：
[1]陶双双.对项目教学法应用中若干问题的反思与建议[J].中国职业技术教育，2010（11）：27-29.
[2]郑丹青.项目教学法在动态网页设计课程中的教学应用[J].中央民族大学学报（自然科学版），2014（5）：67-70.
[3]王玲、陈军.专业综合型项目教学法在实践中应用的研究[J].中国职业技术教育，2007（3）：18-20.