2.6.1-2.6.2 网络应用软件开发—网络应用的开发与规划设计 ppt课件+教案-2023新浙教版（2019）《高中信息技术》必修第二册.rar

2.6 网络应用软件开发网络应用软件开发一、教学设计模板一、教学设计模板网络应用的开发与规划设计网络应用的开发与规划设计教材内容：教材内容：2.6.1 网络应用开发概述、2.6.2 网络应用的规划设计适应的课程标准：适应的课程标准：2.5 通过分析常见的信息系统，理解软件在信息系统中的作用，借助软件工具与平台开发网络应用软件。教学目标：教学目标：了解网络应用软件的开发架构及各自的优缺点。了解网络应用软件的规划设计及其流程。指向的核心素养：指向的核心素养：信息意识：能够按要求获取与处理信息；在合作学习过程中，愿意与团队成员共享信息。计算思维：针对给定的网络应用进行需求分析，明确需要解决的关键问题，并在此基础上完成应用的规划和设计。在此过程中能提炼出应用需求的基本特征，进行抽象处理，并用形式化的方法来表述。数字化学习与创新：掌握数字化学习系统，学习资源与学习工具的操作技能，用于开展自主学习、协同工作、知识分享与创新创造。课程标准课程标准和和教学目标教学目标学习环境：学习环境：有教学控制软件的多媒体机房，并装有思维导图软件。建议课时：建议课时：1 课时教学环节教学过程设计意图教学活动设计教学活动设计情境导入导入 1：观看视频“使用微信视频 1.mp4”和“使用微信视频 2.mp4”，并引导学生针对以下问题进行思考、讨论和回答。1、两个视频中共有三种方式来打开微信，请说出分别是哪三种方式？2、上述视频中的三种打开微信的方法有什么不同，分别有什么优缺点？通过视频的观看及对预设问题的分析及讨论交流启发学生思考，引导学生从网络应用软件的使用形式、操作方式、从机交互形式及运行界面等实际情况出发，归纳总结出网络应用的不同架构形式，培养信息意识。同时也能进一步理解软件在信息系统中的作用。知识讲解通过分析上述视频，并在归纳总结学生回答的基础上，以 PPT 等多媒体投影或板书形式介绍网络构建的步骤及网络结构示意图，讲授具体的组网步骤及无线局域网的设备连接方式：架构客户端程序系统的通讯开销应用程序的升级和维护服务器负荷CS 架构专用的应用程序 大复杂、难度大客户端服务器端同时升级低BS 架构浏览器小简单、难度小只升级服务器端高通过对视频的观后思考、分析与归纳总结，让学生对网络应用的实现架构有一个直观的认识，然后通过对两种不同架构的对比分析，得出各自的优缺点，让学生进一步强化相应知识的掌握，从而实现知识的内化。自主学习在知识讲解的基础上，布置学习任务，加深知识掌握。任务：网络软件开发前先要对应用进行详细的分析，然后在分析的基础上确定应用的架构模式，最后根据架构模式选择合适的开发工具及现有的应用框架，同时明确应用的各个功能模块。小组合作（2人一组），自主学习网络应用的规划设计相关内容，通过自主学习任务的布置，促使学生自主学习，推动小组合作完成任务,让学生自主学习掌握网络应用规划设计的方法及其流程，并将所学知识应用于实践，进行“网络聊天机器人”的规划和设计，在实践中进一步对所掌握的知识所进行分类、归纳和验证，形成系统化知识；并通过思维导图，并通过网络搜索学习相关内容，从而了解网络应用规划设计的方法及其流程。最后以“网络聊于机器人”为例，用思维导图软件整理归纳出该应用的规划设计。选择 1-2 个小组介绍自己的成果，进行点评。让学生们的信息处理能力有所提升，培养学生数字化学习与创新的核心素养。实践体验考虑到以单纯的理论讲解让学生认识网络的构建及其步骤感觉比较肤浅，印象不深。因此可以让学生进行“网络聊天机器人”功能细化设计的实践体验。小组合作（24 人一组），运行 QQ 软件并进行观察，同时在网上搜索相关资料，分析探究 QQ 软件的相关功能。然后在结合上述“网络聊于机器人”的规划设计和对比 QQ 软件功能的基础上，对“网络聊天机器人”应用的功能模块进行细化设计，并使用思维导图软件进行整理呈现。并简要说明相关功能的设计理由。选择 1-2 个小组介绍自己的成果，进行点评。本环节让学生从分析探究“手机 QQ”的功能模块出发为“聊天机器人”设计和细化功能模块，从而使学生更好的理解网络应用规划设计的方法。并通“聊天机器人”功能图的制作，让学生们的信息处理能力有所提升，培养学生数字化学习与创新的核心素养。同时通过合作学习，与团队成员共享信息，培养了信息意识的素养。课堂小结1.网络应用软件的实现架构：C/S 架构、B/S 架构。2.两种网络应用架构的各自优缺点。3.网络应用的规划设计：应用的目的、应用的总体架构、应用的功能组成、界面设计及代码实现。通过回顾总结帮助学生掌握网络的构建步骤及其各相关设备的作用，进一步理解信息系统应用的特点及网络在信息系统中所起的作用，提高学习自觉性和热情。作业布置基础作业（面向所有学生）：详见课后练习。提升作业（面向学有余力学生）：请挑选一款你所熟悉的应用来进行架构分析：分析该应用的目的、确定总体架构、划分应用的功能组成及界面设计情况，并提出该应用的不足之处及相应的改进方案。课后作业是课堂学习的延伸，是巩固和升华知识点的有效途径。根据学生的基础和能力设置不同难度的作业，以满足不同层次的学生需求。教学设计思路教学设计思路本章的内容是围绕网络应用软件的开发及怎样才能实现符合用户需求的网络软件，同时网络应用软件的开发也是信息系统中信息与数据交互、传输和处理的必要基础。2.6 网络应用软件开发整节内容建议安排 3 个课时，其中 2.6.1 网络应用开发概述、2.6.2 网络应用的规划设计各安排 0.5 课时，2.6.3 编写网络应用程序安排 1 课时，而实践与体验活动则安排 1 课时，2.6.3 调试与发布的内容可以适当穿插在编写网络应用程序和实践与体验活动中教学。由于本节课内容理论性较强，因此建议运用讨论交流、探究学习和实践活动相结合等的多种教学形式来开展教学。在学习网络应用开发概述时，建议教师以 C/S 和 B/S 两类不同的网络应用程序为例（如：PC 版微信和网页版微信），让学生进行分组讨论与交流，并引导学生归纳总地结出两类网络应用程序的各自优缺点：C/S 架构通信开销低和相对开发的难度小，但所有客户端软件需安装才能使用，应用程序的升级和维护难；B/S 客户端无需专门程序，应用程序的升级和维护方便，但服务器的负荷较重，通信开销大。而应用的规划设计则可以通过网上查阅资料、交流讨论及撰写小报告等方式开展，由于网络应用规划设计的内容网上资源相对比较丰富、难度比较适中，因此建议该部分内容可以让学生开展自主的探究学习，掌握网络应用软件规划设计的方法及其流程，并借用思维导图等类工具对“网络聊天机器人”的规划设计进行归纳和成果进行展示，从而提升学生有目的获取信息与处理信息的能力，培养学生数字化学习与创新的核心素养。同时为了加深对理解和为“网聊天机器人”的开发作好准备，可以对学生进行分组，组长组织成员交流讨论，并对照 QQ 软件的功能设计，归纳总结出针对“网络聊天机器人”的不同应用需求，最终小组讨论完成“网络聊天机器人”功能的细化设计并提交与其他小组进行分享交流。从而使学生能了解网络应用开发的不同架构，了解网络应用软件的规划设计及其流程，并提高学生合作学习、协同工作的意识及培养学生解决实际问题的能力。针对针对核心素养培养的核心素养培养的设计考虑设计考虑核心素养的培养不可能泛泛而谈，而应落实在每一次引导、每一个活动之中，在仔细分析了本课内容可以融入三类核心素养的培养，并且细致分析了各个核心素养的具体落点：信息意识的落点在“能够按要求获取与处理信息；在合作学习过程中，愿意与团队成员共享信息。”本课主要是通过对问题的分析及讨论交流启发学生思考，引导学生从网络应用软件的使用形式、操作方式、从机交互形式及运行界面等实际情况出发，归纳总结出网络应用的不同架构形式，培养信息意识。同时在网络应用的规划设计的学习及网络应用的功能模块细化设计的实践中开展合作学习与实践，与团队成员共享信息，培养了信息意识的素养。计算思维的落点在“针对给定的网络应用进行需求分析，明确需要解决的关键问题，并在此基础上完成应用的规划和设计。”，通过让学生自主学习掌握网络应用规划设计的方法及其流程，并将所学知识应用于实践，进行“网络聊天机器人”的规划和设计，在实践中进一步对所掌握的知识所进行分类、归纳和验证，形成系统化知识；在此过程中能提炼出网络应用需求的基本特征，进行抽象处理，并用形式化的方法来表述，并能将此方法迁移至整个信息系统软件的规划设计，培养计算思维能力。数字化实践的落点在“掌握数字化学习系统，学习资源与学习工具的操作技能，用于开展自主学习、协同工作、知识分享与创新创造”。在网络应用的规划设计的学习及网络应用的功能模块细化设计的实践中，学生要使用搜索引擎查询相关资源；在展示各小组的学习成果时，学生要使用、使用思维导图工具制作结构组成图；同时开展自主学习和协同工作，并能在解决问题的过程中提出合理方法，提升数字化学习与创新的核心素养。必修2信息系统与社会第二章 信息系统的支撑技术2.6.1 网络应用开发概述 2.6.2 网络应用的规划设计使用微信视频1使用微信视频2问题一问题二情境导入使用微信视频1使用微信视频2问题一返回根据视频内容，思考下列问题：根据视频内容，思考下列问题：根据视频内容，思考下列问题：根据视频内容，思考下列问题：1 1 1 1、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪三种方式？三种方式？三种方式？三种方式？2 2 2 2、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有什么优缺点？什么优缺点？什么优缺点？什么优缺点？问题二返回根据视频内容，思考下列问题：根据视频内容，思考下列问题：根据视频内容，思考下列问题：根据视频内容，思考下列问题：1 1 1 1、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式、两个视频中共有三种方式来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪来打开微信，请说出分别是哪 三种方式？三种方式？三种方式？三种方式？2 2 2 2、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微、上述视频中的三种打开微信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有信的方法有什么不同，分别有什么优缺点？什么优缺点？什么优缺点？什么优缺点？网络应用软件的实现架构1 1 1 1、C/SC/SC/SC/S架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端架构，通过它可以充分利用客户端/服务器端硬服务器端硬服务器端硬服务器端硬件环境的优势，将任务合理地分配到客户端和服务端。件环境的优势，将任务合理地分配到客户端和服务端。件环境的优势，将任务合理地分配到客户端和服务端。件环境的优势，将任务合理地分配到客户端和服务端。客户端主要完成用户的具体业务，如：人机交互，数客户端主要完成用户的具体业务，如：人机交互，数客户端主要完成用户的具体业务，如：人机交互，数客户端主要完成用户的具体业务，如：人机交互，数据的输入与输出等；服务器端则主要提供数据管理、据的输入与输出等；服务器端则主要提供数据管理、据的输入与输出等；服务器端则主要提供数据管理、据的输入与输出等；服务器端则主要提供数据管理、数据共享、数据及系统维护和并发控制等数据共享、数据及系统维护和并发控制等数据共享、数据及系统维护和并发控制等数据共享、数据及系统维护和并发控制等2 2 2 2、B/SB/SB/SB/S架构，是随着架构，是随着架构，是随着架构，是随着InternetInternetInternetInternet技术的兴起，并在对技术的兴起，并在对技术的兴起，并在对技术的兴起，并在对C/SC/SC/SC/S架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户架构进行改进后产生的一种软件系统体系结构。客户端无需专门的应用程序，用户工作界面通过端无需专门的应用程序，用户工作界面通过端无需专门的应用程序，用户工作界面通过端无需专门的应用程序，用户工作界面通过WWWWWWWWWWWW浏览浏览浏览浏览器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。器来实现，应用程序基本上都集中于服务器端。CS/BS架构区别表架构架构客户端程客户端程序序系统的通系统的通讯开销讯开销应用程序的升级应用程序的升级和维护和维护服务器负荷服务器负荷CSCS架构架构 BSBS架构架构专用的应专用的应用程序用程序浏览器浏览器大大小小复杂、难度大复杂、难度大客户端服务器客户端服务器端同时升级端同时升级简单、难度小简单、难度小只升级服务器只升级服务器端端低低高高自主学习任务：网络软件开发前先要对应用进行详细的分析，然后在分析的基础上确定应用的架构模式，最后根据架构模式选择合适的开发工具及现有的应用框架，同时明确应用的各个功能模块。小组合作（2人一组），自主学习网络应用的规划设计相关内容，并通过网络搜索学习相关内容，从而了解网络应用规划设计的方法及其流程。最后以“网络聊于机器人”为例，用思维导图软件整理归纳出该应用的规划设计。网络聊天机器人实践体验 小组合作（24人一组），运行QQ软件并进行观察，同时在网上搜索相关资料，分析探究QQ软件的相关功能。然后在结合上述“网络聊于机器人”的规划设计和对比QQ软件功能的基础上，对“网络聊天机器人”应用的功能模块进行细化设计，并使用思维导图软件进行整理呈现。并简要说明相关功能的设计理由。手机QQ功能图聊天机器人功能图网络应用架构C/SC/S架构、架构、B/SB/S架构架构网络应用架构网络应用架构各自优缺点各自优缺点各自优缺点各自优缺点网络应用的规划设计应用的目的、应用的总体架构应用的目的、应用的总体架构课堂小结网络应用的规划设计应用的功能组成、应用的功能组成、界面设计及代码实现界面设计及代码实现学习评价对自己和同伴的表现进行客观的评价，并思考后续完善的方向。（5=优秀，4=超出一般水平，3=满意，2=有待改进，1=不太理想）评分项评分项自我评价自我评价同学互评同学互评能完成新课导入中的问题并归纳能完成新课导入中的问题并归纳出出不同不同网络网络应用架构及其特点应用架构及其特点5 4 3 2 15 4 3 2 15 4 3 2 15 4 3 2 1能完成能完成“网络聊天机器人网络聊天机器人”规划规划设计的归纳整理设计的归纳整理并完成相应的结并完成相应的结果呈现果呈现5 4 3 2 15 4 3 2 15 4 3 2 15 4 3 2 1能完成能完成“网络聊天机器人网络聊天机器人”功能功能的细化设计的细化设计并完成相应的结果呈并完成相应的结果呈现现5 4 3 2 15 4 3 2 15 4 3 2 15 4 3 2 1作业1.1.网络服务的主要模式（网络服务的主要模式（）A.C/SA.C/S模式模式B.B/SB.B/S模式模式C.P2PC.P2P模式模式 D.B2BD.B2B模式模式2.2.有关有关C/SC/S、B/SB/S结构下列说法错误的是：（结构下列说法错误的是：（）A.A.在在C/SC/S结构中，有专门的数据库服务器，但客户端还要运行客户端应用程序，这也叫做胖客户端。结构中，有专门的数据库服务器，但客户端还要运行客户端应用程序，这也叫做胖客户端。B.B.在在B/SB/S结构中，客户端在浏览器中只负责表示层逻辑的实现，业务逻辑和数据库都在服务器端运行。也就是说结构中，客户端在浏览器中只负责表示层逻辑的实现，业务逻辑和数据库都在服务器端运行。也就是说 ，应用程序部署在服务器端，客户端通过浏览器访问应用程序。，应用程序部署在服务器端，客户端通过浏览器访问应用程序。C.C.通常通常B/SB/S结构中，客户端发送结构中，客户端发送HTTPHTTP请求消息传给服务器，服务器将请求传递给请求消息传给服务器，服务器将请求传递给WEBWEB应用程序，应用程序，WEBWEB应用程序处理应用程序处理请求，并把相应的请求，并把相应的HTMLHTML页面传给客户端。页面传给客户端。D.WEBD.WEB应用是基于应用是基于C/SC/S结构的，也就是客户端结构的，也就是客户端/服务器结构。服务器结构。3.3.以下关于以下关于C/SC/S与与B/SB/S模式的描述，（模式的描述，（）是正确的。）是正确的。A.C/SA.C/S为浏览器与服务器模式为浏览器与服务器模式B.B/SB.B/S为客户端与服务器模式为客户端与服务器模式C.C/SC.C/S模式的可维护性比模式的可维护性比B/SB/S高高D.B/SD.B/S模式的可维护性比模式的可维护性比C/SC/S高高4.4.与与C/SC/S结构相比，不属于结构相比，不属于B/SB/S结构优点的是（结构优点的是（）。）。A.A.界面美观界面美观B.B.易于维护易于维护C.C.访问范围广访问范围广 D.D.可扩展性好可扩展性好5.5.小张在制作小张在制作“学生信息管理系统软件学生信息管理系统软件”时经分析后确定该系统主要包含时经分析后确定该系统主要包含“数据查找与浏览数据查找与浏览”、“数据修改数据修改”、“报表显示报表显示”和和“系统封面系统封面”等模块，并绘制相应的功能图。这属于网络应用规划设计中的（等模块，并绘制相应的功能图。这属于网络应用规划设计中的（）A.A.分析应用的目的分析应用的目的B.B.确定总体架构确定总体架构C.C.划分应用的功能组成划分应用的功能组成D.D.界面设计及代码实现界面设计及代码实现6.6.（开放题）由于（开放题）由于B/SB/S架构的客户端由浏览器替代，而非专门开发的应用程序，因此架构的客户端由浏览器替代，而非专门开发的应用程序，因此B/SB/S架构的网络应用程序在升架构的网络应用程序在升级和维护时都可以在服务器端完成，相比级和维护时都可以在服务器端完成，相比C/SC/S架构网络应用的升级维护方便，极大的降低了成本和工作量。由此是否架构网络应用的升级维护方便，极大的降低了成本和工作量。由此是否可以认为可以认为B/SB/S架构会逐步替代架构会逐步替代C/SC/S架构，从而最终淘汰架构，从而最终淘汰C/SC/S架构，你认为这一观点是否正确？请说明理由。架构，你认为这一观点是否正确？请说明理由。谢谢观看