萌宠产品文档
初一 议论文 1928字 135人浏览 陆小路爱全

PRD

版本号V1.0

天气内页

(产品需求说明书)

编写人:琪琪

编写时间:2014/6/18

PRD

第 2 页 共 8 页 修订控制页

PRD 第 3 页 共 8 页

1 概述

因产品比较简单,省去了目录和功能列表说明。

1.1 产品概述及目标

满足用户对动搞笑图片的需求,后期可以扩展到更多宠物相关需求。

2 功能详情

2.1 默认

● 简要说明

▪ 进入天气内页默认展示给用户的界面。

● 业务规则

▪ 默认城市

∙ 根据用户的IP 判断来推送默认城市。

● 默认界面原型

见附件一或DOME 文件“天气默认页(最后版).png ”文档。

● 执行者

▪ 用户;

● 前置条件

▪ 无;

● 后置条件

▪ 无;

● 主流程

2.2结构和功能说明

● 简要说明

▪ 有页头、国内城市和国际城市、未来6天、气象网址、海外天气、我关注的城市

天气、快速选择城市7个部分组成;

▪ 为了方便说明:

“国内城市和国际城市”定义为1号模块;

“未来6天”定义为2号模块;

页头中的“杭州天气预报(中央气象局11:00发布)”定义为3号模块。

● 业务规则

PRD

第 4 页 共 8 页 ▪ 页头

由LOGO 、天气搜索框和导航条组成

∙ LOGO:

⏹ 有首页logo 保持一致;

⏹ LOGO 右侧的“杭州天气预报(中央气象局11:00发布)”跟随城市

和天气预测时间变化;

◆ 当用户选择北京时,立即变更成“北京天气预报(中央气象

局11:00发布)”;

◆ 当中央气象局更新天气预报,立即变更成“杭州天气预报(中

央气象局16:00发布)”

∙ 天气搜索框:

⏹ 当用户鼠标点击搜索框;

◆ 立即在搜索框的下方弹出如图2-1所示4*5共20个城市,鼠

标点击任何城市,1、2、3号模块立即显示该城市信息,鼠

标点击天气页面空白位置,弹出信息消失;

图2-1

◆ 天气搜索框支持城市中文名检索,输入城市中文名,点击“查

看天气”按钮或者敲击回车键,1、2、3号模块立即显示该

城市信息。

∙ 导航条:

⏹ 如图2-2所示,导航条左侧由返回首页和天气预报组成,右侧有设为

主页和错误举报组成;

图2-2

◆ 返回首页:点击回到淘网址首页; ◆ 设为主页:点击进入设置主页教程帖子; ◆ 错误举报:点击进入意见反馈页面。 ▪ 国内城市和国际城市

∙ 国内城市

由省份城市地区选择框、天气内容显示区、相关指数组成,如图2-3所示;

PRD

第 5 页 共 8 页

图2-3

⏹ 省份城市地区选择框,先选身份,之后选城市,最后可以选城市相关地区(在选择城市之后,系统会自动选择城市市区),选择完城市或者地区之后立即在1、2、3模块显示相应城市天气信息; ⏹ 天气内容显示区,调用中国天气网数据接口,这里的相关地区和图2-3上方的一致; ⏹ 相关指数,调用中国天气网数据接口。 ∙ 国际城市

由洲城市选择框和天气内容组成,并且用户点击国际城市之后,2号

模块就不在显示,因国际城市天气目前只有4天预报,默认显示东京,如

图2-4所示。

图2-4

⏹ 洲城市选择框,用户可以选择大洲,然后再选择城市,选择完成之后立即在1、3模块显示相应城市天气信息; ⏹ 天气内容,显示最近4天天气,调用中国天气网数据接口。 ▪ 未来6天

显示6天城市天气预报,调用中国天气网数据接口,如图2-5所示。

PRD

第 6 页 共 8 页

图2-5

▪ 气象网址

罗列国内知名天气网站,如图2-6

所示。

图2-6

海外天气 罗列国外城市天气信息入口,界面结构和“气象网址”一致。 ▪ 我关注的城市天气

默认显示用户IP 所在城市,可添加多个城市,如图2-7所示,单击城市“杭

州”立即在1、2、3模块显示该城市天气信息;

图2-7

∙ 当用户鼠标点击定制城市时,显示出如图2-8所示区块;

图2-8

∙ 如果用户选择添加国内城市北京和国际城市新加坡,则显示如图2-9所示

区块,当然每个城市后面都有删除按钮,点击就完成删除;

PRD

第 7 页 共 8 页

图2-9

∙ 如果用户点击确认,则显示如图2-10所示区块,点击取消本次操作,则

回到图2-7所示界面;

图2-10

▪ 快速选择城市

分26字母键、城市搜索框、和城市列表,如图2-11所示;

图2-11

PRD

第 8 页 共 8 页 ∙ 26字母键,鼠标点击,即在城市列表区域显示该字母开通的城市,如图

2-12所示,单击城市之后立即在1、2、3模块显示该城市天气信息;

图2-12

城市搜索框,支持城市首字母、城市全拼音和中文搜索,单击搜索结果中的城市之后立即在1、2、3模块显示该城市天气信息; ∙

城市列表,分热门城市、旅游城市和国际城市,单击城市之后立即在1、2、3模块显示该城市天气信息。

● 执行者

▪ 用户;

● 前置条件

▪ 无;

● 后置条件

▪ 无;

● 主流程

附件一: