1、复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程2/46 Yogesh Deshpande和和Steve Hansen在在1998年就提出了年就提出了Web工程的概念。工程的概念。Web工程作为一门新兴的学科，提倡使用一个工程作为一门新兴的学科，提倡使用一个过程和系统的方法来开发高质量的基于过程和系统的方法来开发高质量的基于Web的系统。它的系统。它使用合理的、科学的工使用合理的、科学的工程和管理原则，用严密的和系统的方法来程和管理原则，用严密的和系统的方法来开发、发布和维护基于开发、发布和维护基于Web的系统的系统。 复旦大学计算机科学与工程系复旦大学计算机科学
2、与工程系 软件工程课程软件工程课程3/46 基于基于Web系统和应用的属性系统和应用的属性 Web工程过程工程过程 Web分析分析 Web设计设计 Web测试测试 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程4/46 Web工程过程工程过程 Web分析分析 Web设计设计 Web测试测试 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程5/46 Web工程工程不是软件工程的完全克隆，但不是软件工程的完全克隆，但是它借用了软件工程的许多基本概念和原是它借用了软件工程的许多基本概念和原理，强调了相同的技术和管理活动理，强调了相同的技术
3、和管理活动 WebApp ：Web的系统和应用的系统和应用 Web的系统和应用不同于其他类别的计的系统和应用不同于其他类别的计算机软件算机软件 ：基于：基于web的系统是的系统是“页面排页面排版和软件开发、市场和预算、内部交流和版和软件开发、市场和预算、内部交流和外部联系以及艺术和技术间外部联系以及艺术和技术间”综合作用的综合作用的产物产物复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程6/46 绝大多数绝大多数WebApp中都要考虑下列属性中都要考虑下列属性 网络集约 (network intensive) 并发（Concurrency） 不可预测的登陆（Unp
4、redictable load） 性能（Performance） 可用性（Availability） 数据驱动 (Data driven) 内容敏感（content sensitive） 持续演化(continuous evolution) 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程7/46 WebApp的以下特征驱动了持续演化的过程的以下特征驱动了持续演化的过程 即时性 开发者必须想一些办法来做计划、分析、设计、编码、测开发者必须想一些办法来做计划、分析、设计、编码、测试，以适应试，以适应WebApp开发时间紧的要求开发时间紧的要求 安全性 在整个支持某在
5、整个支持某WebApp的基础设施和应用本身内部必须实的基础设施和应用本身内部必须实现强的安全措施现强的安全措施 美学 一个一个WebApp的吸引力的一个不可否认的部分是其观感的吸引力的一个不可否认的部分是其观感 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程8/46在在Web工程中，下面的应用类别是最常工程中，下面的应用类别是最常遇到的遇到的信息型：使用简单的导航和链接提供只读的内容。下载型：用户从合适的服务器下载信息。可定制型：用户定制内容以满足特定需要。交互型：一个用户群落通过聊天室、公告牌或即时消息传递来通信。复旦大学计算机科学与工程系复旦大学计算机科学与
6、工程系 软件工程课程软件工程课程9/46用户输入型：基于表格的输入是满足通信需要的主要机制。面向事务型：用户提交一个由WebApp完成的请求(如下订单)。面向服务型：应用向用户提供服务(如帮助用户确定抵押支付)。门户型：应用引导用户到在本门户应用范围之外的其他内容或服务。数据库访问型：用户查询某大型数据库并提取信息。数据仓库型：用户查询一组大型数据库并提取信息。复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程10/46 基于基于Web系统和应用的属性系统和应用的属性 Web分析分析 Web设计设计 Web测试测试 复旦大学计算机科学与工程系复旦大学计算机科学与工程
7、系 软件工程课程软件工程课程11/46 WebApp的开发具有如下特点：的开发具有如下特点： WebApp常常以增量的方式去开发 变化经常发生 期限较短 因此整个因此整个Web工程过程也与这些特点相工程过程也与这些特点相适应。适应。复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程12/46 整个整个Web工程过程框架包括：工程过程框架包括： 客户交流 计划 建模 构建 部署复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程13/46客户交流在Web工程过程中，客户交流以两个主要的任务为主要特点；商业分析和规划。商业分析为WebApp定义
8、了商业/组织背景，预测商业环境或需求中的潜在变化，定义WebApp和其他商业应用程序、数据库及功能的整合。规划是一个收集包括所有参与者信息的需求。另外，尽量去找出那些不确定的区域及哪里将会出现一些潜在的变化复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程14/46计划作出WebApp增量式项目计划。这个计划由一个任务定义和一个时间表组成（常常数周之内）。在这一时期内，要做出WebApp的开发计划建模常见的软件工程和设计的任务要和WebApp开发相适应、相融合、然后并入WebApp建模活动中去 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工
9、程课程15/46构建使用Web工具和技术去构建已被建模的WebApp。一旦构建了WebApp，就会使用一系列快速测试去暴露出设计中的错误部署把WebApp配置成适合于它所运行的环境，并把它发送给终端用户。而后就开始进入评估阶段了。最后把评估反馈给Web工程团队 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程16/46 改善框架改善框架 Web工程过程模型必须具有一定的适应性。一些情况下，一个框架活动会非正式地实施。其他的时候，一系列不同的任务将会被定义并被团队成员去执行。每种情况中，团队有责任在分配好的时间内完成高质量的WebApp增量。需要着重指出的是和Web
10、工程框架活动相关联的一些任务可以被修改、消除、或基于问题、产品、工程及Web工程团队人员的特征进行扩展。 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程17/46 如果去做一些企业级的如果去做一些企业级的WebApp，下面的，下面的一些基本的规则应比较适用一些基本的规则应比较适用 即使WebApp的细节是模糊的，也要花一些时间去理解商业需求和产品目标 用基于用况的方法去描述用户如何与WebApp交互 项目计划和跟踪项目计划和跟踪 去指导分析和设计模型去指导分析和设计模型 作为测试设计的重要基础作为测试设计的重要基础 复旦大学计算机科学与工程系复旦大学计算机科学与
11、工程系 软件工程课程软件工程课程18/46 做一个项目计划，即便很简短 花些时间去建模要做的东西 考察模型的一致性和质量 使用一些能使你去构建带有尽可能多可重用组建的系统的工具和技术 设计一些综合性的测试，并在系统发布前执行它们 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程19/46 Web工程方法包括一系列能适用工程方法包括一系列能适用Web工工程师理解、特征化、而后做出一个高质量程师理解、特征化、而后做出一个高质量WebApp的技术性任务。的技术性任务。Web工程方法工程方法一般包括如下几种一般包括如下几种 交流方法交流方法：定义了能便于Web工程师和所有
12、WebApp投资者（如：终端用户、商业客户、问题域专家、内容设计者、团队领导、项目经理）交流的方法 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程20/46 需求分析方法需求分析方法：提供了理解被WebApp所传送内容的基础。了解提供给终端用户的功能，以及各类用户通过WebApp进行相互作用的模式。 设计方法设计方法：包括一系列表现WebApp内容、应用和信息结构、界面设计及浏览结构的设计技术。 测试方法测试方法：包括正式的对内容和设计的模式、及一系列包括构件级和结构问题、浏览测试、可用性测试、安全性测试和配置测试的技术评审 复旦大学计算机科学与工程系复旦大学计
13、算机科学与工程系 软件工程课程软件工程课程21/46 基于基于Web系统和应用的属性系统和应用的属性 Web工程过程工程过程 Web设计设计 Web测试测试 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程22/46 Web工程的分析特点工程的分析特点 内容分析 交互分析 功能分析 配置分析 导航关系分析复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程23/46 内容分析内容分析：因为：因为Web工程以内容为基础，工程以内容为基础，所以需要对所以需要对Web工程的内容进行分析，工程的内容进行分析，其中的内容包括工程中所有可见可听到的其
14、中的内容包括工程中所有可见可听到的要素，通常包括文字、图形、图像、音频要素，通常包括文字、图形、图像、音频和视频和视频 交互分析交互分析：主要解决用户和系统之间的交：主要解决用户和系统之间的交互问题，分析时会用到下面四种单元：互问题，分析时会用到下面四种单元：用用况图况图、顺序图顺序图、状态图状态图、用户界面原型用户界面原型 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程24/46 功能分析功能分析：与交互分析类似，交互分析主要涉：与交互分析类似，交互分析主要涉及及Web工程操作。用户可见的功能包括任何可工程操作。用户可见的功能包括任何可以直接由用户操作的功能以
15、直接由用户操作的功能 配置分析配置分析：主要对工程所涉及的环境和基础设：主要对工程所涉及的环境和基础设施进行详细的描述，其中基础设施主要包括构施进行详细的描述，其中基础设施主要包括构件基础设施和数据库将被用于生成内容的程度件基础设施和数据库将被用于生成内容的程度 导航关系分析导航关系分析：主要分析各个页面之间的关系。：主要分析各个页面之间的关系。可以通过对用户的分析和对页面单元的分析来可以通过对用户的分析和对页面单元的分析来进行进行 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程25/46 从分析元素来分，可以将从分析元素来分，可以将Web工程分为工程分为CRC
16、卡片，用况图，及其它卡片，用况图，及其它UML图图 CRC (class responsibility-collaborator,类-责任-协作者)卡片：提供了一种简单的标识和组织与系统或产品需求相关的类的手段 用况图：一个描述软件如何被用于给定情形的场景 其它UML图：UM是用于对象建模和对象分析时使用的一种工具 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程26/46 基于基于Web系统和应用的属性系统和应用的属性 Web工程过程工程过程 Web分析分析 Web测试测试 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程27/46
17、 Web设计主要可分为设计主要可分为 体系结构设计 导航设计 界面设计 一个良好的一个良好的Web设计需要满足以下要求设计需要满足以下要求 设计要尽可能的简单 布局要尽可能的美观 整体的一致性 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程28/46 体系结构主要体系结构主要 线性结构 网格结构 层次结构 线性结构网格结构复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程29/46 不同的体系结构比较不同的体系结构比较体系结构线性结构网格结构层次结构特点特点结构比较固定结构比较固定Web内容一维内容一维化化Web内容多维内容多维化化最
18、常见的结构最常见的结构优点优点简单简单有极大的灵活有极大的灵活性性有较大的灵活有较大的灵活性性缺点缺点灵活性不高灵活性不高很容易带来混很容易带来混乱乱易混乱易混乱例子例子订单订单大型网站大型网站普通网站普通网站复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程30/46 导航设计，主要可以分为两部分导航设计，主要可以分为两部分 可以对不同的用户权限给出不同的导航路径 给同一类用户一个共同的导航语义 在导航设计时，需要为同一类用户建立一在导航设计时，需要为同一类用户建立一个语义导航单元，这样方便后继的管理。个语义导航单元，这样方便后继的管理。 在导航设计时，需要考虑建
19、立合适的导航在导航设计时，需要考虑建立合适的导航约定和帮助。约定和帮助。 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程31/46 Web工程中界面在用户心目中具有非常工程中界面在用户心目中具有非常重要的地位。界面可以说是重要的地位。界面可以说是Web工程给工程给人的第一印象，只有让用户对第一印象产人的第一印象，只有让用户对第一印象产生好感觉时，用户才有可能使用生好感觉时，用户才有可能使用WEB工工程的其它功能程的其它功能导航和内容。导航和内容。 所有的用户界面需要易使用，易操作，直所有的用户界面需要易使用，易操作，直观，一致。除此之外，界面还要求有助于观，一致
20、。除此之外，界面还要求有助于用户浏览，界面需要显示用户当前所在的用户浏览，界面需要显示用户当前所在的网站或工程的路径。网站或工程的路径。 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程32/46 Web界面设计要考虑的三个问题界面设计要考虑的三个问题: 浏览者目前的位置 浏览者目前可以进行的操作 浏览者可以导向的目标复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程33/46 Google简洁的界面简洁的界面复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程34/46 WEB工程自己的设计原则工程自己的设计
21、原则 页面速度 页面正确 所有的菜单和界面的风格应该统一 链接指示应明显 界面功能明显清晰 通常都需要使用表格等工具 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程35/46 Web应用程序逐渐形成变得模板化，功应用程序逐渐形成变得模板化，功能化。这种处理功能主要包括能化。这种处理功能主要包括 数据库查询以及其它操作 与外部企业系统的数据接口 用户的注册和认证 Web工程师必须设计和构建一些程序构工程师必须设计和构建一些程序构件，它们和普通软件在形式上是一致的。件，它们和普通软件在形式上是一致的。利用构件技术，可以很方便地组建各种不利用构件技术，可以很方便地组建
22、各种不同的同的Web应用程序。应用程序。 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程36/46 理想的构件模型理想的构件模型 界面构件逻辑构件数据库构件网络构件用户管理构件并发处理构件复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程37/46 基于基于Web系统和应用的属性系统和应用的属性 Web工程过程工程过程 Web分析分析 Web设计设计 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程38/46 通常采用下面的一些原则来测试和评价通常采用下面的一些原则来测试和评价WebApp的质量的质量 内
23、容可以从句法和语义两个层次来评价 功能测试可以发现不符合用户需求的错误 结构评估是为了确保它恰当地展现了WebApp的内容和功能，确保它是可扩展的，确保能支持新的内容或功能 易用性测试是为了确保每个不同的用户群能被WebApp界面支持，能学会并运用所有需要的导航用法和意义 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程39/46 导航测试是为了确保所有的导航用法和意义都被实现以便发现导航错误 性能测试必须在各种各样的操作条件、配置和负载下进行，确保系统能响应用户的交互操作，能在可接受的性能下降的条件下处理极端的负载量 兼容性测试就是在客户机和服务器上设定不同的配
24、置条件下执行WebApp 协同工作测试是为了确保WebApp能很好地与其他的应用程序和数据库交互 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程40/46 安全性测试就是评估潜在的易攻击性，任何一个成功的入侵都认为是安全方面的失败 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程41/46 WebApp测试中的独特的错误特征测试中的独特的错误特征 WebApp测试发现的错误一开始都是显现在客户端（如，某个浏览器或PDA或手机），所以web工程师看到的只是问题的表象，而不是其实质 一个WebApp运行在许多不同的配置条件及各种各样的环
25、境下，所以脱离某个错误最初产生时的环境，重现这个错误是很困难甚至是不可能的 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程42/46然一些错误是由于错误的设计和不恰当HTML（或其他的程序语言）编码所导致，但许多错误都与WebApp的配置有关 因为WebApp是一个客户机/服务器的结构，所以很难横跨客户端、服务器和网络这三层来分析错误产生的原因。一些错误是因固有的操作环境所致（如，正在进行测试的某个特殊的配置），另一些可归咎于多变的操作环境（如，瞬间的资源装载或者与时间相关的错误） 复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程4
26、3/46广泛采用广泛采用WebApp测试策略测试策略重新审查WebApp内容模型，发现可能的错误。重新审查接口模型，确保能适应所有的使用条件。重新审查设计模型，发现可能的链接错误。测试用户界面，发现在显示和导航机制方面可能的错误。对选出的功能构件做单元测试。复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程44/46WebApp导航需要测试。WebApp在不同的环境配置下运行，因此需要对每个配置进行兼容性测试。安全性测试是为了发现在WebApp或它的应用环境中会遭人攻击的漏洞。性能需要测试。WebApp测试需要一群故意安排的终端用户的参与；他们使用系统的结果可以用来
27、分析内容和导航方面的错误、易用性和兼容性、可靠性和性能。复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程45/46选择一个你熟悉的站点选择一个你熟悉的站点,为该站点开发一为该站点开发一个相对完全的体系结构设计。并指出这个相对完全的体系结构设计。并指出这个站点采用了什么体系结构。个站点采用了什么体系结构。用一个实际的用一个实际的web站点作为例子，评价站点作为例子，评价其用户界面并给出改进建议。其用户界面并给出改进建议。内容分析和功能分析有何区别？内容分析和功能分析有何区别？你如何判断一个网站的质量，请列出你如何判断一个网站的质量，请列出10个你认为最重要的质量属性
28、的排序表。个你认为最重要的质量属性的排序表。复旦大学计算机科学与工程系复旦大学计算机科学与工程系 软件工程课程软件工程课程46/46 用一个实际的站点作为例子，列出用一个实际的站点作为例子，列出web站点内站点内容的不同表示。容的不同表示。 针对某一网站，给出一组用户描述以及开发一针对某一网站，给出一组用户描述以及开发一组组use-case。 建议三条将帮助指导建议三条将帮助指导web工程设计的工程设计的“黄金规黄金规则则”。 描述基于描述基于web的系统和应用的项目管理与传统的系统和应用的项目管理与传统软件的项目管理如何不同，又如何相似？软件的项目管理如何不同，又如何相似？ 总结当前总结当前web应用设计模式的状况。应用设计模式的状况。
