UML辅助网站规划和设计指南(图图暂缺)

一、概述
Web网站往往具有复杂与高度动态的特点。为了让Web应用在短时间之内开始运作,开发周期应该尽量地短。许多时候,开发者直接进入编写代码这一阶段,却不去仔细考虑自己想要构造的是什么样的网站以及准备如何构造:服务器端代码往往是毫无准备的即兴式编写,数据库表也是随需随加,整个应用的体系有时候呈现一种无规划状态。然而,只要我们运用一些建模技术和软件工程技术,就能够让开发过程更加流畅,确保Web应用将来更容易维护。

UML(Unified Modeling Language,统一建模语言)是一种通用的可视化建模语言,用于对软件进行描述、可视化处理、构造和建立软件系统的文档。UML适用于各种软件开发方法、软件生命周期的各个阶段、各种应用领域以及各种开发工具。UML能够描述系统的静态结构和动态行为:静态结构定义了系统中重要对象的属性和操作以及这些对象之间的相互关系;动态行为定义了对象的时间特性和对象为完成目标任务而相互进行通信的机制。UML不是一种程序设计语言,但我们可以用代码生成器将UML模型转换为多种程序设计语言代码,或使用反向生成器工具将程序源代码转换为UML模型。

本文介绍用UML为Web网站建模的一些方法。全面采用UML技术是一个复杂的过程,但UML的某些部分很容易使用,而且它能够帮助你用更少的时间构造出更好的系统。

为了示范UML在网站建设中的应用,本文将构造一个支持无线用户、提供各个地区天气报表和交通流量报表的网站。本文不准备详细介绍UML本身。但为了方便起见,附录中简要介绍了常见的UML符号和术语。要了解更多有关UML的信息,请参见文章最后的参考资源。

二、规划阶段
不论你是从头开始构造网站、移植网站还是增加某个重要的功能,为了确保设计决策的最优化,进行一些先期规划是必要的。如果你和其他人协作完成一项工程,就工作总量及其分配达成明确的共识具有不可估量的作用。在规划期间,你应该努力对系统的以下方面形成正确的认识:

用户和角色。
应用需求。
各个界面之间的转换流程。
要用到的工具和技术。

2.1 用户
了解使用系统的用户是很重要的。不仅系统分析要求你接触一些用户(通过问卷调查、email,或者面对面交谈),而且你经常还要让系统能够控制不同的用户角色和权限。通过对用户进行分类并了解他们的需求,你就可以找出线索来确定数据库的安全机制、功能限制方法、用户界面分组、培训和帮助需求、对具体内容的需求,甚至还可以从侧面了解到潜在广告客户的分布。

图1:参与者/角色 层次图

上图显示了几组不同的网站用户(在UML中称为Actor,即参与者)。在这里,最普通的用户类型(“Site User”)位于图的顶端,实线箭头表示generalization关系(“泛化”关系,参见本文附录说明,下同),它表示Site User又可以具体分成两类用户:Guest,Registered User。这两类用户共有的特征在“Site User”参与者中说明,而Guest和Registered User各自私有的特征则在对应的参与者中说明。通常,你可以直接为参与者加上说明文档,无需单独编写说明用户的文档,但具体与你所用的UML工具有关。在本例中,Registered User又可以细分为Wireless User和Administrator两种类型,系统对这些用户的处理方式应有所不同。

2.2 定义需求
在正式开始编写代码之前,你应该对准备构造一个怎样的系统有一个清晰的认识。虽然在编写代码的同时也可以逐步完成这一工作,而且这种做法也很有吸引力,但借助图形和文字资料事先集体进行讨论效率要高得多。为网站编写详细的需求说明往往不那么合算,但你应该有时间画出几个草图、写下几段注解去说明网站准备提供的服务。这就要用到Use Case图(用例图)。Use Case可以看成一组功能——它可能对应网站上的一个页面、一个必须编写的程序,或者网站上可能发生的一个动作(比如,验证用户登录,改变用户的配置文件,清除过期的帐号,等等)。下面就是一个能够帮助你规划网站的Use Case图。注意,该图并没有显示出网站的所有Use Case,通常我们需要多个Use Case图才能描述完整的网站功能。

图2:Use Case图

即使是在这样一个简单的Use Case图中,我们也能够轻松地表达出大量的信息。例如,include关系说明两个Use Case包含同样的身份验证功能;extend关系说明天气页面可能以WML或者HTML格式显示;generalization关系说明各个具体的表现过程将遵从“Render HTML Page”或者“Render WML Page”所描述的基本行为规则以达到维持统一的风格效果和统一宏观行为模式的目的。

上图也显示出无线用户能够访问网站中其他用户不能访问的某些区域。在这个Use Case图中,只有无线用户能够访问交通流量报表。这是因为我们已经得知只有在旅途中的移动用户才需要交通流量报表,而且不想再花时间把交通流量报表制作成其他标记语言形式。

时间: 2024-10-28 17:00:51

UML辅助网站规划和设计指南(图图暂缺)的相关文章

PS高级设计磨皮精修图技巧

  高级设计磨皮精修图技巧!D&B(减淡加深)技术(双曲线磨皮法)精细修图教程,是国外修图师最常用的一种修图方法,商业最精细的修图思路及技巧,据说明星一张上千软妹子,非常详细的讲解,修图最关键是耐心在耐心. 分类: PS图片处理 ps磨皮教程

PS将风景/图片/明星人物像处理成素描效果 还原衣服设计线稿图

  如何将风景.图片或是明星人物像,利用ps处理成素描效果图片呢?如何还原衣服的设计线稿图呢?做法简单易学,大家一起看下吧: 方法/步骤 首先打开photoshop软件,选择"文件"--"打开",打开需要处理的图片,如下图! 按住ctrl+shif+u,去色,如下图! 也可以图像--调整--去色! 然后复制图层0,生成图层0副本,按住ctrl+i 或是图像--调整--反向(让线条加深) 接着将图层模式改成"颜色减淡",之后图层就变成白色的! 不要

汇编设计奥运五环图求代码

问题描述 汇编设计奥运五环图求代码 环图设计 要求:在屏幕上画出彩色的五环图,每个环(圆)上一种颜色,每个圆的圆心坐标和半径在程序中指定,画圆步进角为2度. 圆的半径取值范围在0-100,圆心坐标(A,B),圆上(X,Y)的动态坐标为: X=A±X1 X1=P(RCOSα) Y=B±Y1 Y1=P(RSINα) P 是X坐标的比例因子(显示器上纵.横比例不一致).将圆分四个区,各区的坐标计算公式是不一样的 有注释就更好了 解决方案 http://wenku.baidu.com/link?url=

Illustrator设计矢量鸳鸯戏水图绘制教程详解

给各位Illustrator软件的使用者们来详细的解析分享一下设计矢量鸳鸯戏水图绘制的教程. 教程分享:           好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计矢量鸳鸯戏水图绘制的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是非常的清楚了绘制方法了吧,那么大家就快去按照小编的教程自己去绘制一下矢量鸳鸯戏水图吧.

Illustrator涂抹工具绘制设计时尚背景图教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下涂抹工具绘制设计时尚背景图的教程. 教程分享: 1.我们先是要对物体进行选定用选择工具选定就可以了,这样的话才能进行编辑   2.之后我们直接打开涂抹的选项,这时候就会自动的弹出一个涂抹选项的设置窗口了   3.我们先将右方的预览选项给勾上,这样我们在之后的编辑中才好看原始的效果   4.在设置中一般都是默认值的,我们可以点击后选择其他的效果进行转换   5.在下方的话有角度的调整已经其他的路径数值以及变化的调整   6.在最下方还有

Illustrator设计矢量鸳鸯戏水图绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计矢量鸳鸯戏水图的绘制教程. 教程分享:           好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计矢量鸳鸯戏水图的绘制教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是很清楚了方法了吧,那么各位就快去按照小编上面的教程去绘制一下鸳鸯戏水图吧.

浅析Google Glass的界面设计指南

近期,Google在SXSW大会上公开了演示Google Glass Mirror API的视频,同时还公开了一些界面设计指南.对于这个视频,Glass确实是一个全新的平台,并且在这个平台上设计产品需要面对和手机.平板完全不同的游戏规则.就像砍掉手机上所有的APP图标入口,只剩下Dock上系统内置的电话短信等主功能,之后再把通知系统放到更加重要的位置. 一.主要输入/输出方式 输入方式: 触摸板:眼镜的腿其实是一块触摸板,可以感受向上下前后四个方向的滑动以及点击操作.这四种方向的操作会在后面详细

Google Glass界面设计指南分析

Google前几天公开了SXSW大会上演示Google Glass Mirror API的视频,同时还公开了一些界面设计指南.看完视频之后发现,Glass确实是一个全新的平台,在这个平台上设计产品和产品需要面对和手机.平板完全不同的游戏规则.我自己大概将其理解为砍掉手机上所有的APP图标入口,只剩下Dock上系统内置的电话短信等主功能,然后把通知系统放到更加重要的位置.接下来和大家分享一些我自己的分析. 一.主要输入/输出方式 输入方式: 触摸板:眼镜的腿 其实是一块触摸板,可以感受向上下前后四

用户体验设计指南的引入

实际上这样子的一个指南我是完全没有能力去创建的,但是在工作的过程当中,确实又感觉到因为规范的缺失导致沟通困难和协作不顺利,所以我思考这个问题的目的实际上更多的是为了帮助自己理清思路. 以我浅薄的认识,这样一个指南某种程度上类似于阶段性的总结,引入的目的主要为了以下几个方面: 人文环境的营造,思想上的共识,理解做产品的目的 沟通的顺畅,尽量避免在各个环节中信息传达的误解和误差 尽量避免为自己开发,为自己设计,为了美丽而美丽 促进团队的学习和分享,整体战斗力的提升 概念的建立,然后在实践中发现并慢慢