线上： 超星+QQ群

线下：实验

2019-2020学年第二学期《移动应用开发》课程教学计划

课程名称:移动应用开发

一、课程概况

拟使用教材：

刘刚. 《微信小程序开发图解案例教程附精讲视频第2版》.人民邮电出版社, 2019.1. ISBN 978-7-115-48987-6

拟使用线上教学资源与网址：

（1）      人邮学院：http://www.rymooc.com/course/show/526

（2）      黑马程序员：

https://www.bilibili.com/video/av40455083?from=search&seid=8118266344041446390

（3）      极客学院：https://www.bilibili.com/video/av11938917?p=1

国内(外)现有教材：

（1）        李俊，边思. 《微信小程序开发入门及案例详解》. 机械工业出版社，2017.3. ISBN 978-7-111-56210-8

（2）        黑马程序员.《微信小程序开发实战》. 人民邮电出版社, 2019.4 . ISBN 978-7-115-50203-2

学习参考资料

微信官方文档 ：https://developers.weixin.qq.com/miniprogram/dev/framework/

二、课程描述（300字以内）

（本课程在人才培养方案课程体系中的地位、课程教学的主要内容；通过该门课程学习学生应有收获等。）

本门课程是软件工程类专业选修课，为学习后续移动应用开发类课程准备必要的基础知识，主要培养学生掌握互联网产品设计思维，微信小程序编程基础知识和开发方法、培养App前端开发技能、引领学生初步具备解决移动软件开发实际问题等方面的知识和能力，课程的主要内容包括微信小程序架构、微信开发工具的使用、微信小程序UI组件的使用、微信小程序API接口的使用等。

三、课程目标

（1.完成该门课程学习后，学生在知识、能力与素质等方面达到的状态与水平；2.课程目标所对应的专业毕业要求；3.对应毕业目标的支撑度）

四、教学要求

（教师与学生在课程教学活动中应遵守的相关要求，请结合课程特点撰写）

授课教师将按照学校本科教学工作有关要求做好课程教学各项工作，严格按照课表规定的时间、地点上课，不迟到、不早退，将根据本大纲要求，认真备课完成教案与讲稿编写等各项课前准备工作；授课过程力求内容充实、概念准确、思路清晰、详略得当、逻辑性强、重难点突出，力戒平铺直叙、照本宣科，同时重视对学生的学习方法指导和课堂教学效果信息的反馈，实现教与学的双向互动；同时将结合课程目标要求，做好考核内容设计，并严格按照本大纲要求做好出勤率统计、作业评价等各项工作。

学习是大学生自己的责任和义务，学生应根据课程大纲要求制定本门课程学习计划，加强学业管理，严格自我要求，提升自主学习能力，主动适应课程学习要求。参与课堂教学活动不迟到、不早退，无正当理由不请假，上课认真听讲，不做任何与课堂教学无关事宜，不使用手机，积极与授课教师进行教学互动，同时利用课余时间做好预习、复习、课外书籍阅读等工作，主动与同学开展合作学习，认真完成任课教师布置的课程作业。

五、考核方式及要求

为实现课程教学目标，本门课程考核方式及要求为：出勤率占10%，点到不少于5次，其中缺席3次，本门课按无成绩计算；实验和课程作业占30%；期中考试占10%，期末考试采总成绩的50%，期末考试以大作业的形式完成考核。

六、课程内容

第一单元（讲、章）：微信小程序入门

（授课时间：第二学期第1周）

教学目标：了解微信生态圈，熟悉微信小程序官方文档，熟悉小程序注册流程，掌握开发者工具的安装和使用。

教学重点：熟悉使用微信小程序开发者工具和官方文档

教学难点：微信小程序个人版注册和开发者工具的使用。

学    时：课堂教学2学时，课外自主学习时间不少于4学时

教学方法：讲授法、演示法

主要内容：（1）微信小程序介绍；

          （2）微信小程序开发准备

                     （3）微信小程序开发工具的使用

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：index.wxml, index.wss, index.js 是否可以重新命名？他们自己的关系是什么？目录结构有怎样的规范？

（4）布置课后作业

学习方法：动手实践

课后作业：

1.       注册个人小程序，获得APPID

2.       发布Hello World 到个人微信小程序的体验版

3.       将体验版的手机截屏上传至ftp

第一单元（讲、章）：微信小程序入门

（授课时间：第6学期第1周）

教学目标：了解微信生态圈，熟悉微信小程序官方文档，熟悉小程序注册流程，掌握开发者工具的安装和使用。

教学重点：熟悉使用微信小程序开发者工具和官方文档

教学难点：微信小程序个人版注册和开发者工具的使用。

学    时：课堂教学2学时，课外自主学习时间不少于4学时

教学方法：讲授法、演示法

主要内容：

（1）微信小程序介绍；

（2）微信小程序开发准备

（3）微信小程序开发工具的使用

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：index.wxml, index.wss, index.js 是否可以重新命名？他们自己的关系是什么？目录结构有怎样的规范？

（4）布置课后作业

学习方法：动手实践

课后作业：

4.       注册个人小程序，获得APPID

5.       发布Hello World 到个人微信小程序的体验版

6.       将体验版的手机截屏上传至ftp

第二单元（讲、章）：小程序框架分析

（授课时间：第6学期第2,3周）

教学目标：了解微信小程序原生框架，了解微信小程序生命周期，掌握微信小程序基本语法和WXS语言。

教学重点：微信小程序原生框架和语言展示，对于WXS语言和基本语法进行讲解和演示。

教学难点：利用微信开发环境和微信WXS语言进行小程序页面前端开发。

学    时：课堂教学4学时，课外自主学习时间不少于8学时

教学方法：讲授法、演示法

主要内容：

（1）      微信小程序目录结构介绍

（2）      微信小程序注册程序应用

（3）      微信小程序注册页面的使用

（4）      微信小程序如何绑定数据

（5）      微信小程序条件渲染

（6）      微信小程序列表渲染

（7）      微信小程序定义模板

（8）      微信小程序引用功能

（9）      WXS小程序脚本语言

（10）   实验2：仿香哈菜谱微信小程序

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：

学习方法：动手实践

课后作业：

1.     画出微信小程序目录结构和生命周期图

2.     完成实验2：仿香哈菜谱微信小程序，掌握微信小程序绑定数据的方法

第3单元（讲、章）：微信小程序布局和组件介绍

（授课时间：第6学期第4,5,6周）

教学目标：了解微信小程序布局的基础知识和7大类组件

教学重点：盒子模型布局和微信小程序7大类组件中每个UI小组件的属性和使用方法。

教学难点：通过反复试验，熟悉各个组件的属性。

学    时：课堂教学6学时，课外自主学习时间不少于12学时

教学方法：讲授法、演示法

主要内容：

（1）      布局基础知识

（2）      视图容器组件

（3）      基础内容组件

（4）      丰富的表单组件

（5）      导航组件

（6）      媒体组件

（7）      地图组件

（8）      画布组件

（9）      实战：表单登录注册微信小程序

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：

学习方法：动手实践

课后作业：

1.                           画出FLEX布局中container和item的关系和主要属性

2.                           完成实验3.1 使用FLEX布局实现计算器UI

3.                           完成实验3.2表单登录注册微信小程序

第4单元（讲、章）：微信小程序产品设计指南

（授课时间：第6学期第7,8 周）

教学目标：在互联网产品设计中，运用小程序产品设计和交互设计最佳实践，了解一个业务需求到产品实现从0到1的过程；

教学重点：微信小程序产品设计最佳实践，互联网产品实现从0到1的过程

教学难点：微信小程序产品设计最佳实践，避免不好的用户体验

。

学    时：课堂教学4学时，课外自主学习时间不少于8学时

教学方法：讲授法、演示法

主要内容：

（1）   产品设计最佳实践

（2）   页面交互最佳实践

（3）   从0到1：亚马逊海外购镇店之宝

（4）   实验4：豆瓣电影小程序

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：

学习方法：动手实践

课后作业：

1.       使用互联网产品设计思路，观察“豆瓣评分”（电影影评）小程序，画出产品信息架构和功能图

2.       使用微信小程序开发工具，仿写“豆瓣评分”小程序主要页面。

第5单元（讲、章）：微信小程序事件API

（授课时间：第6学期第9,10,11,12周）

教学目标：掌握微信小程序中常见事件API的应用。

教学重点：对于常见的小程序功能，演示对应微信小程序中常见的事件及API

教学难点：API接口很多，熟练使用官方文档对接口进行查询和应用。

学    时：课堂教学8学时，课外自主学习时间不少于16学时

教学方法：讲授法、演示法

主要内容：

（1）      触摸事件

（2）      组件事件

（3）      富媒体事件

（4）      其他API

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题：

学习方法：动手实践

课后作业：

参考官方文档，熟悉微信小程序事件API，完成以下3个实验

（1）      实验5.1 完成计算器小程序后台接口（大作业1）

（2）      实验5.2豆瓣评分微信小程序页面设计-后台接口实现（大作业2）

（3）      实验5.3天气预报API

第6单元（讲、章）：微信小程序模块化开发

（授课时间：第6学期第13,14周）

教学目标：掌握微信小程序中模块化方法，规范优化微信小程序的代码。

教学重点：不同模块化方法的使用和区别，已经应用小程序基础样式和框架。

教学难点：不同模块化方法的使用和区别。

学    时：课堂教学8学时，课外自主学习时间不少于16学时

教学方法：讲授法、演示法

主要内容：

（1）      模块

（2）      模板

（3）      自定义组件

（4）      插件

（5）      小程序基础样式—WeUI

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题： 不同模块化方法的区别和应用场景

学习方法：动手实践

课后作业：

1.    应用模块化思维和基础样式优化实验5.2 豆瓣评分 代码

2.    完成实验6.1 快递单号查询小程序 （大作业三）

第7单元（讲、章）：微信小程序实战

（授课时间：第6学期第15,16,17周）

教学目标：利用本课程介绍的思维和方法，完成一个端到端的微信小程序

教学重点：应用互联网产品设计思维，从用户需求，产品设计，产品开发，产品测试，到产品发布完成每一步骤。

教学难点：提供具有好的用户体验的微信小程序。

学    时：课堂教学6学时，课外自主学习时间不少于12学时

教学方法：讲授法、演示法

主要内容：

完成类似“糗事百科”功能的小程序，通过以下几个步骤来实现：

（1）      产品需求

（2）      产品原型

（3）      产品UI设计

（4）      产品后台实现

（5）      产品测试和发布

授课方式：

（1）学习线上授课视频：视频自建；

（2）阅读微信小程序开发官方文档

（3）线上讨论问题： 什么样的互联网产品具备好的用户体验？

学习方法：动手实践

课后作业：

1.    按照步骤完成每一步设计（包括文档和产品）

2.    完成“糗事百科”小程序 （期末考试）

七、课程内容调整说明

无

拟使用教材：

刘刚. 《微信小程序开发图解案例教程附精讲视频第2版》.人民邮电出版社, 2019.1. ISBN 978-7-115-48987-6

拟使用线上教学资源与网址：

（1）      人邮学院：http://www.rymooc.com/course/show/526

（2）      黑马程序员：

https://www.bilibili.com/video/av40455083?from=search&seid=8118266344041446390

（3）      极客学院：https://www.bilibili.com/video/av11938917?p=1

国内(外)现有教材：

（1）        李俊，边思. 《微信小程序开发入门及案例详解》. 机械工业出版社，2017.3. ISBN 978-7-111-56210-8

（2）        黑马程序员.《微信小程序开发实战》. 人民邮电出版社, 2019.4 . ISBN 978-7-115-50203-2