（2021新浙教版）高中信息技术必修二2.6.1-2.6.2 网络应用软件开发-网络应用的开发与规划设计 课件(17张ppt )+教案.zip

1、2.6 网络应用软件开发网络应用软件开发 一、教学设计模板一、教学设计模板 网络应用的开发与规划设计网络应用的开发与规划设计 教材内容：教材内容： 2.6.1 网络应用开发概述、2.6.2 网络应用的规划设计 适应的课程标准：适应的课程标准： 2.5 通过分析常见的信息系统，理解软件在信息系统中的作用，借助软件工具与平台开发网络 应用软件。 教学目标：教学目标： 了解网络应用软件的开发架构及各自的优缺 点。 了解网络应用软件的规划设计及其流程。 指向的核心素养：指向的核心素养： 信息意识：能够按要求获取与处理信息；在合 作学习过程中，愿意与团队成员共享信息。 计算思维：针对给定的网络应用进行需

2、求分析， 明确需要解决的关键问题，并在此基础上完成应 用的规划和设计。在此过程中能提炼出应用需求 的基本特征，进行抽象处理，并用形式化的方法 来表述。 数字化学习与创新：掌握数字化学习系统，学 习资源与学习工具的操作技能，用于开展自主学 习、协同工作、知识分享与创新创造。 课程标准课程标准 和和 教学目标教学目标 学习环境：学习环境：有教学控制软件的多媒体机房，并装有思维导图软件。 建议课时：建议课时：1 课时 教学环节教学过程设计意图 教学活动教学活动 设计设计 情境导 入 导入 1：观看视频“使用微信视频 1.mp4”和“使 用微信视频 2.mp4” ，并引导学生针对以下问题进 行思考、讨

3、论和回答。 1、两个视频中共有三种方式来打开微信，请说出 分别是哪三种方式？ 2、上述视频中的三种打开微信的方法有什么不同， 通过视频的观看及对预设问题的分 析及讨论交流启发学生思考，引导 学生从网络应用软件的使用形式、 操作方式、从机交互形式及运行界 面等实际情况出发，归纳总结出网 络应用的不同架构形式，培养信息 意识。同时也能进一步理解软件在 分别有什么优缺点？信息系统中的作用。 知识讲 解 通过分析上述视频，并在归纳总结学生回答的基 础上，以 PPT 等多媒体投影或板书形式介绍网络 构建的步骤及网络结构示意图，讲授具体的组网 步骤及无线局域网的设备连接方式： 架构客户端 程序 系统 的通

4、 讯开 销 应用 程序 的升 级和 维护 服务 器负 荷 CS 架构专用的 应用程 序 大复杂、 难度大 客户端 服务器 端同时 升级 低 BS 架构浏览器小简单、 难度小 只升级 服务器 端 高 通过对视频的观后思考、分析与归 纳总结，让学生对网络应用的实现 架构有一个直观的认识，然后通过 对两种不同架构的对比分析，得出 各自的优缺点，让学生进一步强化 相应知识的掌握，从而实现知识的 内化。 自主学 习 在知识讲解的基础上，布置学习任务，加深知识 掌握。 任务：网络软件开发前先要对应用进行详细的分 析，然后在分析的基础上确定应用的架构模式， 最后根据架构模式选择合适的开发工具及现有的 应用框

5、架，同时明确应用的各个功能模块。小组 合作（2 人一组） ，自主学习网络应用的规划设计 相关内容，并通过网络搜索学习相关内容，从而 了解网络应用规划设计的方法及其流程。最后以 “网络聊于机器人”为例，用思维导图软件整理 归纳出该应用的规划设计。选择 1-2 个小组介绍 自己的成果，进行点评。 通过自主学习任务的布置，促使学 生自主学习，推动小组合作完成任 务,让学生自主学习掌握网络应用规 划设计的方法及其流程，并将所学 知识应用于实践，进行“网络聊天 机器人”的规划和设计，在实践中 进一步对所掌握的知识所进行分类、 归纳和验证，形成系统化知识；并 通过思维导图，让学生们的信息处 理能力有所提升

6、，培养学生数字化 学习与创新的核心素养。 实践体 验 考虑到以单纯的理论讲解让学生认识网络的构建 及其步骤感觉比较肤浅，印象不深。因此可以让 学生进行“网络聊天机器人”功能细化设计的实 践体验。小组合作（24 人一组） ，运行 QQ 软件并 进行观察，同时在网上搜索相关资料，分析探究 QQ 软件的相关功能。然后在结合上述“网络聊于 机器人”的规划设计和对比 QQ 软件功能的基础上， 对“网络聊天机器人”应用的功能模块进行细化 设计，并使用思维导图软件进行整理呈现。并简 要说明相关功能的设计理由。选择 1-2 个小组介 绍自己的成果，进行点评。 本环节让学生从分析探究“手机 QQ”的功能模块出发

7、为“聊天机器 人”设计和细化功能模块，从而使 学生更好的理解网络应用规划设计 的方法。并通“聊天机器人”功能 图的制作，让学生们的信息处理能 力有所提升，培养学生数字化学习 与创新的核心素养。同时通过合作 学习，与团队成员共享信息，培养 了信息意识的素养。 课堂小 结 1.网络应用软件的实现架构：C/S 架构、B/S 架构。 2.两种网络应用架构的各自优缺点。 3.网络应用的规划设计：应用的目的、应用的总 体架构、应用的功能组成、界面设计及代码实现。 通过回顾总结帮助学生掌握网络的 构建步骤及其各相关设备的作用， 进一步理解信息系统应用的特点及 网络在信息系统中所起的作用，提 高学习自觉性和热

8、情。 作业布 置 基础作业（面向所有学生）： 详见课后练习。 提升作业（面向学有余力学生）： 请挑选一款你所熟悉的应用来进行架构分析： 分析该应用的目的、确定总体架构、划分应用的 功能组成及界面设计情况，并提出该应用的不足 之处及相应的改进方案。 课后作业是课堂学习的延伸，是巩 固和升华知识点的有效途径。根据 学生的基础和能力设置不同难度的 作业，以满足不同层次的学生需求。 教学设计教学设计 思路思路 本章的内容是围绕网络应用软件的开发及怎样才能实现符合用户需求的网络软件，同时网络应 用软件的开发也是信息系统中信息与数据交互、传输和处理的必要基础。2.6 网络应用软件开发整节 内容建议安排 3

9、 个课时，其中 2.6.1 网络应用开发概述、2.6.2 网络应用的规划设计各安排 0.5 课时， 2.6.3 编写网络应用程序安排 1 课时，而实践与体验活动则安排 1 课时，2.6.3 调试与发布的内容可以 适当穿插在编写网络应用程序和实践与体验活动中教学。 由于本节课内容理论性较强，因此建议运用讨论交流、探究学习和实践活动相结合等的多种教 学形式来开展教学。 在学习网络应用开发概述时，建议教师以 C/S 和 B/S 两类不同的网络应用程序为例（如：PC 版 微信和网页版微信） ，让学生进行分组讨论与交流，并引导学生归纳总地结出两类网络应用程序的各 自优缺点：C/S 架构通信开销低和相对开

10、发的难度小，但所有客户端软件需安装才能使用，应用程 序的升级和维护难；B/S 客户端无需专门程序，应用程序的升级和维护方便，但服务器的负荷较重， 通信开销大。而应用的规划设计则可以通过网上查阅资料、交流讨论及撰写小报告等方式开展，由 于网络应用规划设计的内容网上资源相对比较丰富、难度比较适中，因此建议该部分内容可以让学 生开展自主的探究学习，掌握网络应用软件规划设计的方法及其流程，并借用思维导图等类工具对 “网络聊天机器人”的规划设计进行归纳和成果进行展示，从而提升学生有目的获取信息与处理信 息的能力，培养学生数字化学习与创新的核心素养。同时为了加深对理解和为“网聊天机器人”的 开发作好准备，

11、可以对学生进行分组，组长组织成员交流讨论，并对照 QQ 软件的功能设计，归纳 总结出针对“网络聊天机器人”的不同应用需求，最终小组讨论完成“网络聊天机器人”功能的细 化设计并提交与其他小组进行分享交流。从而使学生能了解网络应用开发的不同架构，了解网络应 用软件的规划设计及其流程，并提高学生合作学习、协同工作的意识及培养学生解决实际问题的能 力。 针对针对 核心素养核心素养 培养的培养的 设计考虑设计考虑 核心素养的培养不可能泛泛而谈，而应落实在每一次引导、每一个活动之中，在仔细分析了本 课内容可以融入三类核心素养的培养，并且细致分析了各个核心素养的具体落点： 信息意识的落点在“能够按要求获取与

12、处理信息；在合作学习过程中，愿意与团队成员共享信 息。 ”本课主要是通过对问题的分析及讨论交流启发学生思考，引导学生从网络应用软件的使用形式、 操作方式、从机交互形式及运行界面等实际情况出发，归纳总结出网络应用的不同架构形式，培养 信息意识。同时在网络应用的规划设计的学习及网络应用的功能模块细化设计的实践中开展合作学 习与实践，与团队成员共享信息，培养了信息意识的素养。 计算思维的落点在“针对给定的网络应用进行需求分析，明确需要解决的关键问题，并在此基 础上完成应用的规划和设计。 ” ，通过让学生自主学习掌握网络应用规划设计的方法及其流程，并将 所学知识应用于实践，进行“网络聊天机器人”的规划

13、和设计，在实践中进一步对所掌握的知识所 进行分类、归纳和验证，形成系统化知识；在此过程中能提炼出网络应用需求的基本特征，进行抽 象处理，并用形式化的方法来表述，并能将此方法迁移至整个信息系统软件的规划设计，培养计算 思维能力。 数字化实践的落点在“掌握数字化学习系统，学习资源与学习工具的操作技能，用于开展自主 学习、协同工作、知识分享与创新创造” 。在网络应用的规划设计的学习及网络应用的功能模块细化 设计的实践中，学生要使用搜索引擎查询相关资源；在展示各小组的学习成果时，学生要使用、使 用思维导图工具制作结构组成图；同时开展自主学习和协同工作，并能在解决问题的过程中提出合 理方法，提升数字化学

14、习与创新的核心素养。 必修2信息系统与社会 第二章 信息系统的支撑技术 2.6.1 网络应用开发概述 2.6.2 网络应用的规划设计 使用微 信视频 1 使用微 信视频 2 问题 一 问题 二 情境导入 使用微信视频1 使用微信视频2 问题一 返回 根据视频内容，思考下列问题根据视频内容，思考下列问题根据视频内容，思考下列问题根据视频内容，思考下列问题 ： 1 1 1 1、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式 来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪 三种方式？三种方式？三

15、种方式？三种方式？ 2 2 2 2、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微 信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有 什么优缺点？什么优缺点？什么优缺点？什么优缺点？ 问题二 返回 根据视频内容，思考下列问题根据视频内容，思考下列问题根据视频内容，思考下列问题根据视频内容，思考下列问题 ： 1 1 1 1、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式 来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是

16、哪来打开微信，请说出分别是哪 三种方式？三种方式？三种方式？三种方式？ 2 2 2 2、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微 信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有 什么优缺点？什么优缺点？什么优缺点？什么优缺点？ 网络应用软件的实现架构 1 1 1 1、C/SC/SC/SC/S架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端/ / / /服务器端硬服务器端硬 服务器端硬服务器端硬 件环境的优势，将任

17、务合理地分配到客户端和服务端件环境的优势，将任务合理地分配到客户端和服务端件环境的优势，将任务合理地分配到客户端和服务端件环境的优势，将任务合理地分配到客户端和服务端 。客户端主要完成用户的具体业务，如：人机交互，。客户端主要完成用户的具体业务，如：人机交互，。客户端主要完成用户的具体业务，如：人机交互，。客户端主要完成用户的具体业务，如：人机交互， 数据的输入与输出等；服务器端则主要提供数据管理数据的输入与输出等；服务器端则主要提供数据管理数据的输入与输出等；服务器端则主要提供数据管理数据的输入与输出等；服务器端则主要提供数据管理 、数据共享、数据及系统维护和并发控制等、数据共享、数据及系统

18、维护和并发控制等、数据共享、数据及系统维护和并发控制等、数据共享、数据及系统维护和并发控制等 2 2 2 2、B/SB/SB/SB/S架构，是随着架构，是随着架构，是随着架构，是随着InternetInternetInternetInternet技术的兴起，并在对技术的兴起，并在对技术的兴起，并在对技术的兴起，并在对C/SC/S C/SC/S 架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户 端无需专门的应用程序，用户工作界面通过端无需专门的应用程序，用户工作

19、界面通过端无需专门的应用程序，用户工作界面通过端无需专门的应用程序，用户工作界面通过WWWWWWWWWWWW浏览浏览浏览浏览 器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。 CS/BS架构区别表 架构客户端程 序 系统的通 讯开销 应用程序的升级 和维护 服务器负荷 CS架构 BS架构 专用的应 用程序 浏览器 大 小 复杂、难度大 客户端服务器 端同时升级 简单、难度小 只升级服务器 端 低 高 自主学习 任务： 网络软件开发前先要对应用进行详细的分析，然 后在分析的基础

20、上确定应用的架构模式，最后根据架 构模式选择合适的开发工具及现有的应用框架，同时 明确应用的各个功能模块。 小组合作（2人一组），自主学习网络应用的规划 设计相关内容，并通过网络搜索学习相关内容，从而 了解网络应用规划设计的方法及其流程。最后以“网络 聊于机器人”为例，用思维导图软件整理归纳出该应用 的规划设计。 网络聊天机器人 实践体验 小组合作（24人一组），运行QQ软 件并进行观察，同时在网上搜索相关资料， 分析探究QQ软件的相关功能。然后在结合 上述“网络聊于机器人”的规划设计和对比 QQ软件功能的基础上，对“网络聊天机器人 ”应用的功能模块进行细化设计，并使用思 维导图软件进行整理呈

21、现。并简要说明相关 功能的设计理由。 手机QQ功能图 聊天机器人功能图 网络应用架构网络应用架构 C/SC/S架构、架构、B/SB/S架构架构 网络应用架构网络应用架构网络应用架构网络应用架构 各自优缺点各自优缺点各自优缺点各自优缺点 网络应用的规划设计网络应用的规划设计 应用的目的、应用的总体架构应用的目的、应用的总体架构 课堂小结 网络应用的规划设计网络应用的规划设计 应用的功能组成、应用的功能组成、 界面设计及代码实现界面设计及代码实现 学习评价 对自己和同伴的表现进行客观的评价，并思考后续完善 的方向。（5=优秀，4=超出一般水平，3=满意，2=有 待改进，1=不太理想） 评分项自我评

22、价同学互评 能完成新课导入中的问题并归纳 出不同网络应用架构及其特点 5 4 3 2 15 4 3 2 1 能完成“网络聊天机器人”规划 设计的归纳整理并完成相应的结 果呈现 5 4 3 2 15 4 3 2 1 能完成“网络聊天机器人”功能 的细化设计并完成相应的结果呈 现 5 4 3 2 15 4 3 2 1 作业 1.网络服务的主要模式（ ） A. C/S模式B. B/S模式C. P2P模式 D. B2B模式 2.有关C/S、B/S结构下列说法错误的是：（ ） A.在C/S结构中，有专门的数据库服务器，但客户端还要运行客户端应用程序，这也叫做胖客户端。 B.在B/S结构中，客户端在浏览器

23、中只负责表示层逻辑的实现，业务逻辑和数据库都在服务器端运行。也就是说 ，应用程序部署在服务器端，客户端通过浏览器访问应用程序。 C.通常B/S结构中，客户端发送HTTP请求消息传给服务器，服务器将请求传递给WEB应用程序，WEB应用程序处理 请求，并把相应的HTML页面传给客户端。 D.WEB应用是基于C/S结构的，也就是客户端/服务器结构。 3.以下关于C/S与B/S模式的描述，（ ）是正确的。 A.C/S为浏览器与服务器模式B.B/S为客户端与服务器模式 C.C/S模式的可维护性比B/S高D.B/S模式的可维护性比C/S高 4.与C/S结构相比，不属于B/S结构优点的是（ ）。 A.界面美

24、观B. 易于维护C. 访问范围广 D. 可扩展性好 5.小张在制作“学生信息管理系统软件”时经分析后确定该系统主要包含“数据查找与浏览”、“数据修改”、 “报表显示”和“系统封面”等模块，并绘制相应的功能图。这属于网络应用规划设计中的（ ） A.分析应用的目的B.确定总体架构 C.划分应用的功能组成D.界面设计及代码实现 6.（开放题）由于B/S架构的客户端由浏览器替代，而非专门开发的应用程序，因此B/S架构的网络应用程序在升 级和维护时都可以在服务器端完成，相比C/S架构网络应用的升级维护方便，极大的降低了成本和工作量。由此是否 可以认为B/S架构会逐步替代C/S架构，从而最终淘汰C/S架构，你认为这一观点是否正确？请说明理由。 谢谢观看