《微信小程序开发案例教程》教案 第1课 微信小程序开发入门（一）.docx

PAGE6

PAGE6

PAGE3

PAGE3

《微信小程序开发案例教程》教案

课时分配表

章序

课程内容

课时

备注

1

微信小程序开发入门

4

2

微信小程序的视图

4

3

微信小程序的配置和逻辑

4

4

视图容器组件与基础内容组件

4

5

表单组件与其他组件

4

6

网络API与文件API

4

7

数据缓存API与用户信息API

4

8

媒体API与位置API

4

9

交互API与设备API

4

10

微信小程序云开发

4

11

“私房菜馆”微信小程序

4

合计

44

课题

微信小程序开发入门（一）

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解微信小程序的概念、特点和功能

（2）了解微信小程序的开发流程

素质目标：

?通过自主学习微信提供的小程序官方文档，增强自主学习意识

?密切关注行业动态，紧跟时代发展步伐，提高迎接机遇和挑战的能力

教学重难点

教学重点：微信小程序的开发流程

教学难点：微信小程序与手机原生App的区别

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学设计

第1节课：?课前任务→考勤（2min）→新课预热（10min）→问题导入（5min）→传授新知（28min）

第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件完成课前任务

请大家分别从微信小程序的功能、使用场景、开发准备、开发工具的使用、开发流程、常用快捷键等知识点进行初步的了解。

【学生】完成课前任务

通过课前任务，使学生了解所学课程的重要性，增加学生的学习兴趣

考勤

（2min）

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

培养学生的组织纪律性，掌握学生的出勤情况

新课预热

（10min）

【教师】自我介绍，与学生简单互动，介绍课程内容、考核标准等

【学生】聆听、互动

【教师】讲述小程序发展前景，增强学生对本门课程的兴趣

小程序凭借微信，轻松坐拥超12亿微信用户群体，这应该是国内最大的用户池。从商家运营的角度来说，运营小程序不需要像App那样需要花费更多人力物力去搭建获取用户渠道，借助小程序触达和获取线上用户的门槛更低，用户路径和交易转化也更快。同时，目前小程序在网络购物和生活服务两大类中占比较高，而健康、线下零售类、娱乐游戏等行业在市场上还远远没有达到需求饱和状态，市场空白让小程序的开发潜力变得更大。

【学生】聆听、记录、理解

通过老师自我介绍，与学生相互熟悉，并让学生了解这门课的大致要求

问题导入

（5min）

【教师】全班学生以3～5人为一组进行分组，各组选出组长，然后创设情景，并组织学生以小组为单位讨论下列问题：

微信之父张小龙是这样描述小程序的“小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载”。

（1）在日常生活、学习中，你是否关注各种公众号或使用APP？

（2）你是否在使用小程序，相比于公众号或APP你认为有哪些优势？

【学生】聆听、思考、讨论、小组代表上台回答问题

【教师】总结学生的回答引入要讲的知识，板书“初识微信小程序”

通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣

传授新知

（28min）

【教师】通过学生的发言，引入新的知识，讲解微信小程序的概念、特点、功能等知识

一、认识微信小程序

?【教师】随机邀请学生回答以下问题：

随着微信用户的不断增加，微信小程序在各行各业也越来越普及。那么微信小程序到底是什么？

?【学生】聆听、思考、回答

?【教师】总结学生的回答

微信小程序简称小程序，不需要下载安装即可使用，用户可以通过扫码、微信有哪些信誉好的足球投注网站、微信公众号、好友推荐等方式快速获取小程序。

微信小程序入口常见的微信小程序页面

二、微信小程序的特点

由于微信小程序是基于微信平台的，而微信的用户量非常大，因此，相比手机原生App，微信小程序可以更快地获取用户，并且可以结合微信公众平台进行宣传和推广。此外，微信小程序运行于微信之上，可以在微信内被便捷地获取和传播，具有无须安装、速度快、触手可及、用完即走、无须卸载等特点，给用户的使用带来了极大的便利。

?【教师】随机邀请学生回答以下问题：

微信小程序与手机原生App的区别是什么？

?【学生】聆听、思考、回