《微信小程序项目实训课程设计与实践.docx》由会员分享，可在线阅读，更多相关《微信小程序项目实训课程设计与实践.docx（6页珍藏版）》请在装配图网上搜索。

1、微信小程序项目实训课程设计与实践表1微信小程序实际案例课时安排及知识点分解编号案例名称/学时知识点案例讲解前的 基础知识介绍/2学时案例1：手动获取微信用户信息（如头像和昵称）/2学时案例2：天气预报小程序/2学时案例3：故宫视听馆小程序/2学时案例4：首经贸新闻网小程序/4学时案例5：记账本小程序/4学时小程序概述、准备工作、开发工具安装、开发环 境介绍、小程序0录结构、上传部署并发布体验 版小程序等熟悉小程序应用文件、页面文件创建与配置，掌 握小程序导航栏设计、页面设计常用组件（如图 片组件、文本组件、按钮组件等）及其样式设置， 掌握微信用户信息获取逻辑实现，以及小程序 页面数据绑定了解如

2、何通过全球气象数据服务接口和风天气 API申请获得开源API密钥，掌握获取天气信息 的API调用方法、小程序管理后台配置https域 名的方法、使用微信网络请求能力获取天气预 报数据的方法，以及将获取的天气信息数据渲 染到小程序页面的方法了解如何从故宫官网上获取视听小程序所需的 视频素材资源，掌握视频组件用法及其相关属 性设置、弹幕设计及使用方法、列表渲染用法、 事件使用方式以及如何携带额外信息了解如何从iconfont等图标网站获取各种颜色、 尺寸的定制图标，掌握小程序底部导航tabBar 用法、图片轮播组件使用及样式设置、小程序页 面路由与模块化，以及条件渲染、列表渲染，实 现小程序本地数

3、据缓存，掌握小程序云开发数 据库使用方法掌握小程序云开发中的云函数、云存储与云数 据库使用方法，以及小程序端与云服务器之间 数据访问API方法，实现小程序端对云端数据 的增删改查操作摘要：微信小程序项目实训课是一门实践性很强的课程，针对传统教学模式下学生掌握 相关理论知识后仍无法较好地完成一个综合实际工程项目的问题，提出在教学过程中引入实用 性强、涵盖知识点较全面的小程序项目案例作为教学主线进行授课，同时通过参加小程序大赛 强化所学知识。该课程的设计与实施可有效加强学生综合职业素质培养，提高学生的专业实践 能力与团队协作能力。关键词：微信小程序;项目实训课;以赛促学;课程建设;教学改革DOI

4、: 10. 11907/rjdk. 192029 放科学(资源服务)标识码(OSID):中图分类号:G434文献标识码:A文章编号:1672-7800 (2020) 002-0233-03英标:Design and Practice of WeChat Mini-Program Project Training Course英作：ZHOU Xiao-lei英单: (School of Management and Engineering, Capital University of Economics and Business, Beijing 100070, China)Abstract :

5、 WeChat mini-program project training course is a highly practical course. Aiming at the problem that students can not complete a comprehensive practical project well after learning a series of classroom knowledge points under the traditional teaching mode, this paper puts forward the viewpoint of i

6、ntroducing practical and comprehensive mini-program project cases covering knowledge points into the teaching process as the main line of teaching, while students participating in mini-program contest to strengthen the knowledge learned in the class. The design and implementation of the curriculum e

7、ffectively strengthens the students comprehensive professional quality and improves students, professional practice ability and team collaboration ability.Key Words : WeChat mini-program;project training course;promoting studying with competition;course construction;teaching reformo引言微信创始人张小龙1对于小程序的

8、定义为：“小程序是一种不需要下载安装即可使用的应 用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用，也体现了用完即走 的理念，用户不用关心是否安装了太多应用，应用将无处不在，随时可用，但又无需安装。”随着互联网与移动智能终端的快速发展，应用的形态也在不断进化，从传统互联网时代 PC端的Web应用，到移动互联网时代移动端的原生APP应用、H5跨端混合APP,以及微信 的XX号(订阅号、服务号、企业号等)与小程序应用，互联网技术的发展日新月异2。如今 几乎所有学生的手机上都会安装微信应用，而且每天频繁使用，使微信平台具备大量稳定的用 户群体3。在微信6.6.1版本主界面为使用过的小

9、程序提供了更加便捷的入口，而且可以通过 扫码、搜索、公众号关联、发现等方式进入，是一种不必安装、即用即走的轻应用4。与原 生APP相比，微信小程序平台兼容性好，极大地降低了开发成本，缩短了开发周期，在学生 群体中推广速度也更快5。微信小程序开发作为一门实践性较强的课程6,如果仍然采用传统课堂的授课模式，学 生听懂每个知识点的难度不大，但如何能够应用所学知识做出一个能解决实际问题的小程序产 品才是难点所在7-8o因此，如何适当地开展移动应用产品设计与开发教学，使培养出的学生 能够掌握市场需要的微信平台开发知识、技术与技能是本文研究的重点问题。1课程开设基础微信小程序项目实训课程已面向我校软件工程

10、专硕一年级的学生进行授课。微信小程序开 发技术基于前端开发的HTML5、CSS3以及JavaScript三大核心技术。从学生层面，选课学生在大学期间几乎都曾在课堂学习或自学过前端及后端开发相关知 识，而且之前已系统学习了互联网全栈开发以及互联网产品界面与交互设计等先修课程;从教 师层面，实训课主讲教师开设的课程有网页设计基础、移动平台下的编程技术以及混合 HTML5移动应用APP开发等，分别面向本科计算机及相关专业以及研究生软件工程专业开 设，取得了较好效果。因此，基于学生已掌握的先修基础课程以及任课教师在相关方向扎实的教学基础，开设微 信小程序项目实训课无论对于教师还是学生都已作好了充分准备

11、。在已有课程理论学习的基础 上，基于微信Web开发者工具平台，采用基于实际案例的理论知识点讲解与实操演练教学方 式，带领学生开发真实的微信小程序项目并发布部署，引导学生掌握企业互联网产品的设计思 路与开发流程，同时积极探索以大赛为载体的实践育人模式，通过组织学生参加“2019中国高 校计算机大赛一一微信小程序应用开发赛”9,全面培养学生的项目实战能力与专业技能，促 进人才培养与产业需求紧密结合。2课程实施过程本课程共计32学时（2学时/周，16周），实施过程共分为3个阶段：基于实际案例的 小程序开发知识点讲解;选课学生自由组队并确定参赛题目;项目设计与实施并参加2019微 信小程序应用开发赛。

12、每个阶段具体工作开展描述如下：2.1基于实际案例的小程序开发知识点讲解（第1-8周，共计16学时）在该阶段，教师首先向学生介绍微信小程序开发前的准备工作、使用的开发工具及小程序 目录结构等基础知识10（约2学时），然后通过5个实际案例（约14学时）为学生讲解小程 序开发理论知识点，以实操演练的方式带领学生开发真实的微信小程序项目并发布部署，让学 生先对小程序项目开发流程及思路有较为形象的认识与感受。具体课程安排与理论知识点如表 1所示。2.2选课学生自由组队确定参赛项目（前6周课余时间准备）自2018年举办第一届全国微信小程序应用开发赛以来，该项赛事备受广大师生关注。 “2019微信小程序应用

13、开发赛”是由清华大学、中国传媒大学与腾讯公司微信事业群联合主办， 基于微信小程序平台的创新应用开发设计竞赛。大赛面向全球高校在校生开放，旨在通过竞赛 方式提升学生的微信小程序应用设计与开发能力，特别是运用微信生态开发技术进行创意设计 与创新实践的能力，实现以赛促学、以赛促教、以赛促用，推动微信生态体系的人才培养和产 学研用。在微信小程序项目实训课一开始，教师即向学生传达该项赛事，并请大家利用课余时间考 虑组队及参赛项目等事宜。在满足参赛基本规则的基础上，教师就参赛项目选题进行指导。例 如，引导大家多从生活和学习的校园场景中加以考虑，发现痛点、分析原因、调研用户需求、 设计解决方案并进一步研发实

14、施。希望学生能够通过参加竞赛强化课堂所学知识，真正感受一 个软件产品从。到1的产生过程，体会如何通过现代信息技术解决生活和学习中遇到的实际问 题，真正实现学以致用。通过观察与思考校园中每天生活和学习的点点滴滴，在课程第6周，大家自由组成团队， 每队34人，基本确立参赛项目选题，例如校内知识与信息分享小程序项目、社团/学生信息 发布小程序项目、毕业设计课题双选小程序项目等。2.3项目设计、实施与参赛（第7-16周）每个团队确定项目选题之后，进入到项目用户需求研究、产品原型设计以及研发实施阶 段。教师首先为学生介绍目前业界成熟的互联网产品团队核心由产品团队、研发团队和运营团 队3个子团队构成11,

15、以及每个团队包括哪些岗位，需要哪些专业知识积累。结合软件工程 专业学生实际情况，将项目开展重点放在产品设计与研发上，并建议每个项目团队成立模拟工 作室，分为队长、设计师、程序员以及测试员等项目岗位，分别由不同团队成员根据自己的专 长承担相应岗位任务。每个阶段具体实施过程描述如下：（1）用户需求研究阶段（第7-8周课余时间准备）。在课程的第7周与第8周（共计约2 周时间），大家利用课余时间开展用户需求研究相关工作。用户需求研究工作整体可分为3部 分为什么要研究（明确研究目的）、研究什么问题（明确目标用户、研究内容）、如何进 行研究（确定研究方法、执行安排等）12。“为什么要研究”是指需要明确为什

16、么要开发该小程序项目。可引导学生自问如下问题：现 实生活中遇到什么痛点问题促使我们去思考解决呢？小程序项目的达成是不是可以很好地解决 该痛点问题？例如，毕业设计双选小程序项目选题的初衷是因为现有本科毕设双选环节存在大 量繁复的电子文档手工统计工作，校内知识分享小程序项目以及社团/学生信息发布小程序项 目是为了解决校内信息发布与获取通道不顺畅的痛点问题。“研究什么问题”是指需要明确小程序产品目标用户群的心理特征及行为数据等13o在该 部分需要项目团队成员紧密围绕上个部分的研究目的开展用户需求调查，将研究目标分解成要 考察的具体问题或需要搜集的信息，深入挖掘问题根源。每个团队根据研究目标设计调查问

17、 题，通过用户对问题的回答，进一步明确研究内容。“如何进行研究”是指需要明确上述用户需求调查采取的具体方法，如用户访谈、调查问 卷、场景研究、背景调查等14,确保研究团队的时间安排、相关费用等都能得到基本控制。在结束用户需求调查之后，需要对调查数据进行统计分析，采用适当的数据可视化方法进 行输出，从而提炼出产品功能需求和性能需求，形成用户需求文档15。(2) 产品原型设计阶段(第9周课余时间准备，课上展示讨论)。确定产品的功能需求 之后，项目团队需要将功能需求转化为具体的产品模型实现效果，作为后期开发的参考。项目 团队使用Axure、xiaopiu或Mockplus等原型制作工具，参考官网的“

18、微信小程序设计指南”准 则16,同时结合先修的“互联网产品界面与交互设计”课程知识，设计项目产品原型并进行展 示与讨论。对于有争议的部分，采取用户访谈或测试方式进行修正。(3) 项目研发实施阶段(第10-16周)。项目团队成员根据课堂上掌握的理论知识，根 据原型设计阶段生成的产品原型进行开发，同时形成相应技术开发文档，按照小程序设计大赛 要求，上传小程序作品及相关素材。技术开发过程中可继续参考腾讯课堂小程序开发相关视频 教程以及官方“微信公众平台”上的开发文档资料17。每周上课时团队成员汇报上周的项目开 发进展情况，并总结开发过程中遇到的难点，大家一起讨论，教师针对相关问题提出解决方 案，并对

19、开发过程提出指导意见。另外，每个团队还可在小程序开发管理后台将教师添加为小 程序体验成员，方便教师随时通过“小程序教学助手”工具体验每个团队上传的体验版小程序阶 段性成果，并及时给出指导意见。3课程成效从理论知识点掌握角度看，在前8周基于案例的知识点讲解过程中，学生对于案例所涉及 的理论知识都可以理解与掌握，对于微信小程序开发者账号申请、微信认证、微信支付、微信 开发者工具使用、微信相关配置、认证与申请方法及政策法规等都有了清晰的认识，从技术理 论方面已掌握了小程序项目开发基本思路与流程。从实践与就业角度看，在学生组队确定参赛题目过程中，引导大家观察与发现校园中存在 的痛点问题，并考虑是否可以

20、通过信息技术手段加以解决。在用户需求研究与产品原型设计阶 段，团队成员深入到目标用户当中，通过实地访谈或调查问卷，观察分析用户的心理及行为特 征，探索与掌握用户真实需求，探讨原型设计于用户而言是否真的方便、易用、易理解，是否 真的符合用户认知习惯，在学生意识中真正建立“以用户为中心”的思维习惯，真正开始从用户 角度考虑产品设计与开发，而不再像从前一样直接开发自己认为应该有的功能，这是本课程的 最大收获。4结语微信小程序项目实训课程通过理论强化、项目实训、大赛实战等方式对学生专项能力进行 培养，使学生建立全面、合理的课程知识结构。以大赛为抓手，“以赛促学”，全面培养学生专 业技能;“以赛促教”，切实提升教育教学成效;“以赛促用”，综合运用课堂理论知识解决实际问 题。学生通过参赛对产品设计与开发有了更深层次的理解，学习效果显著。通过本次课程建设 在一定程度上促进了学校教育教学改革，提高了计算机专业人才培养质量。