系统分析与设计--学习笔记3（用例建模）

一．使用故事板（Storyboard）技术，建模网上订机票、车票，或订旅店的过程。

故事前提：你是注册用户，并已登陆。

故事起点：发起目标查询

故事终点：确认订单（不包含支付）

描述手法：参考 “建模练习” 文档

 

 

用“艺龙网”的网上订酒店来模仿建模：（更多信息在艺龙网官网http://www.elong.com/）

图1显示了进入网站后的首页，首先需要客户输入目的地（默认为国内酒店，也可以选择国际酒店）、选择入住日期以及退房日期，而关键词为可选项。

图1

图2显示了点击关键词一栏的空白处会出现的关键词选项，客户可以根据自己的旅程或个人喜好选择，也可以直接键入相关内容。

图2

点击图1的搜索键后，会进入如图3的界面。这里的目的地可以供客户重新选择，入住、离开日期也可以重新选择。显示出的酒店列表页可以根据提示词如“位置”、“房价”、“星级”等进行多重筛选

图3

 

在筛选出来满足条件的酒店列表中（如图4所示），客户可以选择排列顺序：口碑（评分）、距离、价格分别可以从高到低或从低到高排序。另外，在列表右边还有一个区域交通图，供客户在不确定酒店具体位置的情况下选择酒店。

图4

若挑选中心宜的酒店，点击图4中的“查看详情”后，客户会进入该酒店的详细情况页面。该页面如图5所示，有“房型”供不同客户选择自己喜好的不同价格的房型，有“酒店信息”按键供客户查看酒店详情，也有“交通”按键查看该酒店的具体位置以及交通路线，有“点评”一栏查看历史用户对该酒店的住后点评供客户参考。

图5

在点击图5的“预订”后，进入图6页面，会有“预订信息”和“入住信息”供客户修改并确认预订信息。另外，还需要填写联系电话并接受确认短信，填写个人邮件供预订成功后的酒店商家发送确认预订邮件给客户。

图6

画出界面流图： 建议工具 PPT 。 注意：界面是不同用户操作的，请使用不同色彩。例如，请 XX 代支付操作界面。

图7

画出最少三个 UI 原型： 建议工具 PPT， 注意：选择与下订单相关的交互元素，广告、推荐等元素就免了。

每个原型UI有解释，说明其中关键数据和操作要点。

UI1：选择酒店首页

UI2：点击“Search”后的页面

UI3：点击“More Details”后跳入的酒店页面

 

二．使用 UML UseCase Diagram 建模

建模对象： “建模练习” 文档

建模工具： UMLet 14.1.1 stand-alone

Use case: Reserve Hotel

Actors: Customer, System

Type: Primary

Description: A customer enter the Reserve Hotel website and prepare to book a room. The customer type in the destination city, select the check in and out date and press the Search button to submit the request to the system to find available hotels. The successful website informs a list of hotels with their major information. The customer choose room type, and confirm reservation.