= 美搭化妆品库1.0需求 =

== 一、改版背景 ==
1，利用女性网化妆品库庞大的数据资源以及PC指数等独有分析数据，将化妆品库APP化；[[BR]]
2，通过APP，协助销售同事的工作，增加网站的效益；[[BR]][[BR]]

== 二、开发概述 ==
=== APP1.0.0的主要的功能概括如下： ===
1，【首页】显示焦点图和编辑推荐榜单入口；[[BR]]
2，【找美妆】为库型结构栏目；[[BR]]
3，可通过【品牌馆】进入某品牌的单品列表；[[BR]]
4，首页、找美妆、品牌都有【搜索】入口；[[BR]]
6，【分类单品】列表，可通过选择功效筛选单品；[[BR]]
7，【品牌专页】展示品牌介绍和该品牌的全部单品，单品系列；[[BR]]
8，【单品终端】展示产品信息，每个【单品终端】有【专业评测】、【试用报告】和【购买】的入口
页面框架链接http://192.168.20.18/beauty.zip ；[[BR]][[BR]]
=== 页面结构： ===
[[Image(http://192.168.21.173/yuanxing/%E5%9B%BE%E7%89%871.png)]][[BR]][[BR]]

== 三、页面功能需求 ==
=== 1，首页内容 ===
'''焦点图读取规则：'''自动读取化妆品web的焦点图，等比例压缩。[[BR]][[BR]]
'''焦点图可能出现的内容'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''评测终端'''
}}}
{{{#!td width="1000"
焦点图原链点：http://beauty.pclady.com.cn/100/1009629.html [[BR]]
应对应到化妆品库评测终端，打开app内的相应评测页面：http://cosme.pclady.com.cn/pingce/102934.html
}}}
|----------------
{{{#!td width="100" text-align="center"
'''活动/专题'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品终端'''
}}}
{{{#!td width="1000"
应对应到化妆品库单品终端，打开app内的相应单品页面
}}}
|----------------
{{{#!td width="50" text-align="center"
'''试用页面'''
}}}
{{{#!td width="1000"
用web veiw打开
}}}
|----------------

'''推荐榜单入口读取规则：'''图片icon、名称、链点由编辑后台录入，最少录入6个，iPhone4截取前3个显示，iPhone5显示6个。 [[BR]]
*点击进入【功效榜单】 [[BR]]

=== 2，辅助工具 ===
'''条形码扫描：'''点击扫描按钮打开扫描页面。线下扫描并解析实物条形码后，匹配网站数据库终端，进入对应单品终端。 [[BR]]
*返回时从单品终端直接回到首页 [[BR]]

'''搜索功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''进入搜索页面的入口'''
}}}
{{{#!td width="1000"
首页工具弹出层按钮、【找美妆】搜索框、【品牌馆】搜索框。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''交互方式'''
}}}
{{{#!td width="1000"
从首页进入：原页面向左滑动消失，同时搜索页向左滑出现，键盘从下往上弹出；
从【找美妆】【品牌馆】搜索框进入：搜索框缩短，显示取消按钮；搜索框一下内容切换为热门搜索词，键盘从下往上弹出。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''热门搜索词'''
}}}
{{{#!td width="1000"
可后台更新，点击热门搜索词跳转到搜索结果列表
}}}
|----------------
'''收藏夹：'''本地保存用户收藏的单品[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''单品列表'''
}}}
{{{#!td width="1000"
显示图片+单品名称
}}}
|----------------
{{{#!td width="100" text-align="center"
'''删除'''
}}}
{{{#!td width="1000"
点击删除按钮，单品出现“X”图标，可逐个点击删除；删除按钮变成确认图标，点击确认退出删除状态。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类'''
}}}
{{{#!td width="1000"
收藏的单品按照分类排列，如收藏中无该分类的单品，则不显示：随该分类最后一件单品的删除而消失
}}}
|----------------

=== 3，【找美妆】——产品库 ===
'''功能概述：'''[[BR]]
找美妆栏目包含分类列表和搜索框。分类中包含一级分类和二级分类，交互按家居优品3.0，二级分类列表可上下拖动。点击二级分类进入【分类榜单页】
[[Image(http://192.168.20.18/more/20130820113117.png)]][[BR]][[BR]]
'''分类榜单页功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''分类标题'''
}}}
{{{#!td width="1000"
显示所进入的榜单标题
}}}
|----------------
{{{#!td width="100" text-align="center"
'''排序'''
}}}
{{{#!td width="1000"
点击标题栏的排序按钮可切换按不同维度排序：[[BR]]
按高分，按热门，按最新，最贵，最便宜[[BR]]
*默认按高分排序（即按PC指数高低排序）[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，'''交互效果见原型：'''[[BR]]
点击切换“普通列表样式”和“大图样式”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''功效筛选'''
}}}
{{{#!td width="1000"
点击筛选按钮（或向左拖动榜单页面），原页面向左移动，露出“功效列表”；[[BR]]
再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“功效列表”。[[BR]]
点击选择功效后，改label呈选中状态，原页面向右移动，遮盖“功效列表”，并且刷新列表数据。[[BR]]
'''交互效果见原型：'''[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，'''交互效果见原型：'''[[BR]]
点击切换“普通列表样式”和“大图样式”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表内容'''
}}}
{{{#!td width="1000"
'''普通列表样式：'''[[BR]]
图片，名称，点评数，PC指数，排名名次[[BR]]
*名次在所有排序中都会显示，但都是以PC指数的分数来确定每个单品的名次。[[BR]]
*名次只显示到前30名，30名以外的不显示名次数字。[[BR]]
'''大图样式：'''[[BR]]
图片，PC指数，名次[[BR]]
}}}
|----------------
'''产品终端：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''显示内容'''
}}}
{{{#!td width="1000"
单品名称，PC指数，价格，产品分类，排名，'''多维评价数据'''，规格，功效；[[BR]]
添加到收藏按钮，分享按钮；[[BR]]
专业评测入口（显示评测标题），试用报告入口（显示点评数量）；[[BR]]
*1-30名显示具体数字，30名以外的单品统一显示为“30名外”[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''价格与购买'''
}}}
{{{#!td width="1000"
价格取价格列表中的“官方”价格；[[BR]]
点击购买按钮切换到报价列表页，点击报价列表某项打开购买链点webview；[[BR]]
*无价格数据时不显示价格与购买按钮。[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''多维评价数据'''
}}}
{{{#!td width="1000"
包括：专业评测 / 详细评分 / 肤质分布 / 年龄分布[[BR]]
以柱状图形式展示各维度分数[[BR]]
*没有专业评测数据时隐藏之，只显示另外三个数据[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''交互方式'''
}}}
{{{#!td width="1000"
从列表页进入产品终端页，产品终端页由右向左滑动出现；
点击返回按钮（或向右拖动终端页）返回到榜单
}}}
|----------------
'''评测与点评：'''读取网站上用户对每个单品的评价内容进行展示[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''专业评测'''
}}}
{{{#!td width="1000"
[http://cosme.pclady.com.cn/pingce/1679.html][[BR]]
评测内容分页显示，每页内容底部显示评测对应的单品，点击跳转到单品页。
}}}
|----------------
{{{#!td width="100" text-align="center"
'''试用报告'''
}}}
{{{#!td width="1000"
显示用户头像，用户名，肤质，年龄，点评内容，“精华定评”和“使用报告”标签。[[BR]]
可选择只显示“精华定评”和“试用报告”，这两类评论可点击进入点评终端。
}}}
|----------------

=== 4，【品牌馆】功能需求 ===
'''功能概述：'''品牌馆栏目包含品牌列表和搜索框，点击品牌图标进入【品牌专页】。[[BR]]
[http://192.168.20.18/more/20130820120239.png][[BR]]
'''品牌馆功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌列表'''
}}}
{{{#!td width="1000"
可参考电脑网产品库品牌列表：[[BR]]
顶部有8个'''推荐品牌'''置顶，编辑可在后台更新；其余品牌按品牌首字母排序；[[BR]]
右侧有“荐，A,B,C.....Z”滑动条，点击或滑动定位到相应的字母分类位置[[BR]]
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌分类'''
}}}
{{{#!td width="1000"
品牌分类切换区域隐藏在列表顶部，'''交互效果见原型：'''[[BR]]
点击切换“全部”“欧美”“日韩”“国货”四个品牌类别；默认显示“全部”[[BR]]
|----------------
''品牌专页功能：'''[[BR]]
{{{#!th width="100"
'''属性'''
}}}
{{{#!th width="1000"
'''说明'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌介绍'''
}}}
{{{#!td width="1000"
品牌图标，品牌中文名，英文名，创始人，发源地
}}}
|----------------
{{{#!td width="100" text-align="center"
'''品牌单品列表'''
}}}
{{{#!td width="1000"
显示单品图片，单品名称，PC指数；按照web默认排序，点击进入单品终端。
|----------------
{{{#!td width="100" text-align="center"
'''品牌系列'''
}}}
{{{#!td width="1000"
点击系列按钮（或向左拖动榜单页面），原页面向左移动，露出“系列列表”；[[BR]]
再次点击筛选按钮（或向右拖动榜单页面），原页面向右移动，遮盖“系列列表”。[[BR]]
点击选择系列后，改label呈选中状态，原页面向右移动，遮盖“系列列表”，并且刷新列表数据。[[BR]]
'''交互效果见原型：'''
}}}
|----------------
{{{#!td width="100" text-align="center"
'''列表样式切换'''
}}}
{{{#!td width="1000"
样式切换区域隐藏在列表顶部，'''交互效果见原型'''：[[BR]]
点击切换“普通列表样式”和“大图样式”
|----------------