web engineering

18
Web工程笔苑明理 20122Tuesday, February 21, 12

Upload: mingli-yuan

Post on 08-Jul-2015

263 views

Category:

Technology


5 download

DESCRIPTION

Web工程方法笔记

TRANSCRIPT

Page 1: Web Engineering

Web工程笔记

苑明理2012年2月

Tuesday, February 21, 12

Page 2: Web Engineering

目录• 概述 *

• 沟通

• 计划

• 架构

• 分析 *

• 设计 *

Tuesday, February 21, 12

Page 3: Web Engineering

概述—Web工程的特点• 技术:并发、负载变化大、高可用性

• 需求变化快,项目时间线短

• 持久演进

• ……

Tuesday, February 21, 12

Page 4: Web Engineering

概述—软件工程

• 软件工程的基石:组织对质量持续改进的承诺

• 包含三个层面:过程、方法、工具

组织对质量的承诺

过 程

方 法

工具

Tuesday, February 21, 12

Page 5: Web Engineering

概述—过程• 沟通

• 计划

• 建模

• 构建

• 部署

Tuesday, February 21, 12

Page 6: Web Engineering

概述—方法• 沟通方法

• 需求分析方法

• 设计方法

• 建构方法

• 测试方法

Tuesday, February 21, 12

Page 7: Web Engineering

沟通• 明确业务背景和业务策略

• 定义关键目标

• 识别问题

• 识别业务相关者

• 识别用户种类

• 定义信息和应用目标

• 收集需求

• 开发应用场景

规划

提取

协商Tuesday, February 21, 12

Page 8: Web Engineering

计划• 精化项目描述

• 确定项目产出

• 估计工作量和时间

• 评估风险

• 定义进度

• 确定变更控制方法

• 建立质量保障方法

Tuesday, February 21, 12

Page 9: Web Engineering

架构结构 行为 部署 模式

业务拥有者计划者用户

信息架构师系统架构师开发者测试师

业务领域模型 业务过程模型 资源配置 业务模式

重要的 TODO 列表 商业计划 项目实施 项目执行的管理模式

用户界面结构 用户界面流程 网站地图 界面模版、导航模式

本体、受控词表 信息流模型 信息节点位置模型 信息策略模式

功能模块、页面结构 功能模块、页面结构的流程模型 从模块、页面结构到站点的映射 设计模式

代码级别的对象、模块关系 代码级别的算法 代码模块的部署模型 现成的代码库、组件

测试配置 测试流程 测试部署 测试模版、测试文档标准

Tuesday, February 21, 12

Page 10: Web Engineering

分析—概述• 分析是为了透彻的、多方面的理解需求

• 原型法与建模

• 输入:自然语言的讨论文档、草图、各种非正式的表示

• 输出:领域模型、交互模型、功能模型、配置模型

Tuesday, February 21, 12

Page 11: Web Engineering

分析—领域模型• 识别分析要素:外部实体、事物、事件、活动、角色、组织、位置、结构

• 对要素进行分析:属性、操作

• 考察要素间的关系

Tuesday, February 21, 12

Page 12: Web Engineering

分析—交互模型

• 识别用例

• 序列图分析

• 状态图分析

• 界面原型开发

Tuesday, February 21, 12

Page 13: Web Engineering

分析—关系导航分析• 用户分类与进入点的分析

• 不同要素的优先级别分析

• 通过链接,还是搜索?

• 是否维护导航日志、导航地图

• 设计用户的最佳导航路径

• ……

Tuesday, February 21, 12

Page 14: Web Engineering

设计—概述• 设计是解决问题的工程设想

• 轻快与有限的设计、逻辑设计与物理设计、设计质量评估方法

• 概念架构设计

• 交互设计:界面、美学

• 信息设计:内容、组成、导航

• 功能设计:架构、细节

• 技术设计:架构、组件

Tuesday, February 21, 12

Page 15: Web Engineering

设计—概念架构设计• 设计的起点

• 功能模块结构

• 信息流图

• 技术架构的初始想法

Tuesday, February 21, 12

Page 16: Web Engineering

设计—交互设计• 收集资料:用户特征、用户任务、用例……

• 界面设计:布局、导航、实现各种用户任务

• 美学设计:布局的美观、模块性、图标与图形设计

• 其他设计:错误处理、帮助引导措施、可访问性、国际化

Tuesday, February 21, 12

Page 17: Web Engineering

设计—信息设计

• 关键问题:内容、组成、导航

• 自顶向下和自底向上的分别

• 域建模:

• 信息架构设计:

• 详细设计:

Tuesday, February 21, 12

Page 18: Web Engineering

设计—功能设计• 形态不同的功能点:实现动态下拉菜单、实现谷歌地图、用户注册与引导

• 功能架构设计

• 功能详细设计

Tuesday, February 21, 12