《移动应用开发》教学大纲

课程编码：0612122504

课程名称：移动应用开发

学时/学分：64/4

关联课程：微信小程序、平面设计、 Web应用开发

适用专业：软件工程

开课教研室：计算机应用教研室

课程类别与性质：专业课、选修

一、课时分配与考核权重

按照学校的整体要求，基于对教学目标及基本知识、基本技能、基本素养的分析，本课程的内容依据软件工程专业教育的培养目标以及毕业生基本要求和培养方案，选定概述、环境和开发工具、文章列表、模块、模板和缓存、文章详情、收藏、评论、点赞和计数功能等七部分内容，共64学时，4学分。在授课过程中围绕课内教与学、课外导与做、线上线下紧密结合等环节，推进考评方式改革，重视过程性评价，突出基于能力的非标准化答案考试。基于该教学考核评价思路，本课程主要以课后作业、上机实验作业、期末作品设计等方式对学生进行考核评价，其中课后作业、上机作业等过程性评价占评价权重的60%，期末作品设计占评价权重的40%。

课时分配与考核权重一览表

6次作业+2次考核

二、课程资源库

1.参考书

（1）黑马程序员.微信小程序开发实战．人民邮电出版社.2019-04-01．

（2）雷磊．微信小程序开发入门与实践．清华大学出版社．2017-4.

（3）张帆．微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序．电子工业出版社．2019-06-01.

（4）李骏，边思．微信小程序：开发入门及案例详解．机械工业出版社．2017-4.

（5）唐磊.微信小程序商城开发实战．北京航空航天大学出版社．2019-4.

2.期刊

《计算机学报》、《软件学报》、《计算机应用》、《计算机工程》、《计算机工程与科学》、《计算机工程与应用》、《计算机测量与控制》、《科学技术与工程》、《IFACProceedings Volumes》、《MultimediaTools and Applications》等

3.网络资源

(1)WEB技术教程：http://www.w3school.com.cn/

(2)万维网联盟：http://www.w3.org/

(3)微信小程序中国：http://www.wx.cn.org/

（4）微信小程序中文网：http://www.HTML5.cn.com.cn/

（5）菜鸟教程：http://www.runoob.com/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

三、教学内容及教学基本要求

第1—2学时

微信小程序入门

第一节初识微信想小程序   第二节开发环境搭建

1.课前准备

（1）熟悉课程教学大纲，对课程的讲授内容和方式有较好的理解；

（2）充分利用各类教学资源加强课程的网络资源库建设；

（3）充分理解讲义内容，把握和完成知识由一种书本贮存状态到教师传输状态再到学生头脑中的贮存形式的这两次转化；

    （4）查询、收集本学科相关的前沿技术及其在实际项目中的运用案例；

1.1课程属性与教学目标分析

本课程是软件工程专业的一门专业选修课。涉及微信小程序页面组件、应用接口API、事件机制、登录、获取用户信息、Node.js搭建服务器、第三方框架的使用等。通过本课程的学习，学生能够理解微信小程序的实质，掌握微信小程序开发的基本技能，快速高效的开发微信小程序。

1.2学习对象分析

(1)在知识基础方面，作为大三的学生，已经具备了一定的专业基础知识，但对于精确概念及术语的理解还不够，动手实践（如代码的编辑、调试）能力不足，应加强该方面的强化与训练；

(2)在认知能力方面，学生思维活动依赖具体的事物和经验的支持，缺乏抽象性，但易于接受新知识并善于发问，有较强的求知欲望，因此要引导学生如何快速准确利用网络资源寻求解决问题的途径；

(3)学生学习的动机主要取决于对课程内容感兴趣的程度以及对老师的喜爱程度，这就要求教师在课堂上首先要有激情，其次要在准确把握课程知识点的同时增加课堂的趣味性，适当插入任务模块，引入实际案例，加强角色训练，通过课程彰显自身业务素质并对学生进行积极的引导。

1.3教学方案设计

《移动应用开发》是一门实践性非常强的课程，所以教学方法以案例和实验为核心，教学内容结合大量实用案例，教学活动以学生为主体，提高学生的实践动手能力。其中，课堂讲授时以构建微信小程序应用为主线，重点讲解基于应用接口API、事件机制、登录、获取用户信息、Node.js搭建服务器的各种关键技术的知识基于工作过程开发课程内容，并通过案例分析加深对相关原理和知识的理解。同时以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计理论学习与技能掌握相融合的课程内容体系。除了课堂学习外通过布置作业，阅读推荐著作、网络资源的方式增加学生课外学习的时间，培养学生学习的主动性和独立性，培养学生提出问题、分析问题和解决问题的能力。

2.课内教学

2.1教学内容

（1）教学基本要求

明确本课程各教学单元内容设置、课时分配及考核权重，理解微信小程序所包含的内容有哪些；使学生充分认识到微信小程序应用领域激发学生学习该门课程的兴趣。

（2）要求学生掌握的基本概念、理论、原理

通过本节教学使学生了解微信小程序发展历程；理解微信小程序浏览器支持情况；熟悉微信小程序基本语法,掌握微信小程序语法新特性。

（3）教学重点和难点

教学重点：微信小程序的优势、微信小程序的语法、微信小程序标记及其属性。教学难点：如何准确地将这些标记应用到网页设计中。

（4）教学内容

（1）微信小程序概述

主要知识点微信小程序的出现原因，小程序诞生后给我们生活带来那些改变？微信小程序账号如何创建。微信小程序能用来实现什么样的应用。

（2）微信小程序基础

主要知识点：教师详细的讲解微信小程序与web APP的区别、微信小程序支持的功能、微信开发者工具的下载和安装、创建Hello World小程序项目。

2.2 教学方法

讨论、启发、讲授、演示

2.3 课内小结

通过本章教学使学生了解微信小程序的发展情况，理解微信小程序的设计优势；掌握微信小程序文档的基本结构。

要认真观察课堂上学生的反映，对课堂的组织管理及时调整，同时要求学生认真查阅相关资料及预习下次课的主要内容。

3.课后巩固与拓展

（1）阅读文献进一步理解微信小程序的优势，了解微信小程序目前在国内的发展状况；

（2）浏览一些使用微信小程序设计的网站，如：天猫商城、京东、大众点评、美团、凡客诚品等；

（3）浏览相关网络资源，预习下节课内容。

4.考核评价与权重比例

本单元内容的考核方式为检查课后作业，本单元内容的评价权重为4% 。

考核方式与权重比例列表

第3—4学时

第一知识单元   微信小程序开发基础

第一节页面组件    第二节页面逻辑

1.课前准备

    （1）加强课程的网络资源库建设；

（2）熟悉课程的讲授内容和方式；

（3）收集本次教学活动中拟采用的案例资料；

（4）准备本次课程教学中用到的示例。

1.1课外学习评价

对于要求课外实践的内容，主要以课堂提问的方式检查；对于要求复习的内容主要以上交作业的方式检查；对于要求课前预习的内容主要以课堂提问的方式检查预习效果。

1.2教学方案设计

（1）本次课程的重点和难点：微信小程序的基本架构；

（2）教学手段主要是借助PPT、讲义和案例完成教学内容；

（3）教学过程通过HTML和微信小程序对比进行实例讲解以理解微信小程序文件的文档结构、语法规则；

（4）以项目为驱动，教师与学生共同演示来完成任务；

（5）通过课堂提问、实践作业来检查教学目标的完成情况。

2.课内教学

2.1课堂导入

首先对上个单元教学内容做一个简单回顾，通过提问学生等检查学生的复习及预习情况，由此导入本单元教学新内容，并明确本单元课程的重点和难点。

2.2 教学内容

（1）小程序项目的基本架构

主要知识点：微信小程序常用组件主、样式文件中的rpx与px、表单组件的结构和样式、小程序数据绑定和事件绑定。

（2）文件配置

主要知识点：app.json文件配置、创建微信小程序项目、通过分析目录结构找到相应的页面结构和页面样式文件。

2.3 教学方法

讲授、讨论式、启发式、演示

2.4 课内小结

掌握微信小程序的页面配置，注册程序，页面生命周期函数。

3.课后巩固与拓展

（1）总结小程序配置文件配置项、小程序运行后页面处理函数和声明周期函数工作方式；

（2）通过上机操作加强学习和补充案例进行巩固；

（3）分析目录结构和配置文件，通过书写小程序样式文件和结构代码实现页面效果。

第5—6学时

第一知识单元  微信小程序开发基础

第三节比较数字大小（实践一）   第四节调查问卷（实践二） 

1.课前准备

（1）撰写本次上机实践指导任务书；

（2）梳理本次实践学生可能出现的问题；

（3）提前在网络教学平台中发布本次实践任务，并设置提交实验作业的相关要求。

1.1课外学习评价

对于要求复习的内容主要以上机实践和个人作品的方式检查。

1.2教学方案设计

（1）教学手段主要是借助PPT和讲义完成实验教学内容；

（2）教学方法主要使用启发式和参与式；

（3）教学过程主要是集中讲解和个别指导。

2.课内教学

2.1课堂导入

首先明确本次实践课程的目的和要求，然后根据本次实践任务的驱动，导入本次实践课的注意事项。

2.2 教学内容

（1）数字比较大小页面；

（2）制作调查问卷页面。

（3）创建空白项目编写页面结构和样式，表单组件的特性；根据后台数据来完成页面数据的绑定；node服务器的搭建过程服务启动方式；完成页面渲染。

2.3 教学方法

讲授、启发式、演示、参与式

2.4 课内小结

总结基本页面设计标签的使用方法。抽查部分学生代码，并要求学生展示运行结果，教师对其运行结果进行评价。上机实践过程中，对于问题较为集中的问题，教师再次进行详细讲解，最后要求学生预习下节课的主要内容，熟记所学标签的正确书写。

3．课后巩固与拓展

（1）能够设计小程序；

（2）预习下节课的主要内容，浏览相关视频。

第7—8学时

第一知识单元   微信小程序开发基础

第五节数据绑定和表单组件   第六节 flex布局和事件对象 

1.课前准备

    （1）加强课程的网络资源库建设；

（2）熟悉课程的讲授内容和方式；

（3）收集本次教学活动中拟采用的案例资料；

（4）制作课程所需要提前提供给学生的视频。

1.1课外学习评价

对于要求课外实践的内容，主要以课堂提问的方式检查；对于要求复习的内容主要以上交作业的方式检查；对于要求课前预习的内容主要以课堂提问的方式检查预习效果。

1.2教学方案设计

（1）回顾上节课程的主要内容；

（2）本节课程的重点和难点：掌握表单组件和使用事件对象属性；

（3）教学手段主要是借助PPT和讲义完成教学内容；

（4）教学过程主要以比较数字大小的页面为案例进行讲解；

（5）明确教学目标和考核要点；

（6）要求学生课下完成布置的课后作业。

2.课内教学

2.1课堂导入

首先对上次教学内容做一个简单回顾，通过引导学生思考实际问题，导入本次教学新内容，并明确本次课的重点和难点。

2.2 教学内容

（1）数据绑定

主要知识点：数据绑定的书写方式和表单组件组成。

（2）flex布局

主要知识点：把页面所需数据绑定到页面中，通过flex布局对页面进行布局。

（3）搭建微信小程序服务器，完成小程序和后台服务器数据交互。

（4）表单事件处理函数分析

主要知识点：通过id属性和dataset属性区分不同的元素。

2.3 教学方法

讲授、启发

2.4 课内小结

通过本单元学习要求学生掌握页面设计的基本元素，同时反思本次课堂的组织管理上有无遗憾的地方，最后要求学生预习下次课的主要内容。

3.课后巩固与拓展

（1）通过上机操作加强标记的记忆

（2）通过补充案例进行巩固和拓展；

（3）浏览相关教程，预习微信小程序新增的页面元素标签。

第9—10学时

第一知识单元  微信小程序开发基础

第七节计算器1（实践一）   第八节计算器2（实践二） 

1.课前准备

（1）撰写本次上机实践指导任务书；

（2）梳理本次实践学生可能出现的问题；

（3）提前在网络教学平台中发布本次实践任务，并设置提交实验作业的相关要求。

1.1课外学习评价

对于要求复习的内容主要以上机实践和个人作品的方式检查。

1.2教学方案设计

（1）教学手段主要是借助PPT和讲义完成实验教学内容；

（2）教学方法主要使用启发式和参与式；

（3）教学过程主要是集中讲解和个别指导。

2.课内教学

2.1课堂导入

首先明确本次实践课程的目的和要求，然后根据本次实践任务的驱动，导入本次实践课的注意事项。

2.2 教学内容

（1）计算器页面；

（2）创建空白项目编写页面结构和样式，Flex布局属性，计算器加减乘除，获取按钮内部元素值。

2.3 教学方法

讲授、启发式、演示、参与式

2.4 课内小结

总结基本页面设计标签的使用方法。抽查部分学生代码，并要求学生展示运行结果，教师对其运行结果进行评价。上机实践过程中，对于问题较为集中的问题，教师再次进行详细讲解，最后要求学生预习下节课的主要内容，熟记所学标签的正确书写。

3．课后巩固与拓展

（1）能够设计小程序；

（2）预习下节课的主要内容，浏览相关视频。

4．单元考核与评价

本单元内容的考核方式为上机实践，本单元内容的评价权重为8%。

考核方式与权重比例列表