电脑网摄影部落IPAD版 2.2.0版

项目原型： 打开链接

* 项目接口传送门

增补内容

11月20号增补
1、原先的魔方统计需求中的用拓展统计个人中心成功登陆数，现调整为用自定义事件统计两个数据：通行证登陆人数、个人中心成功打开数，以此来判断摄影部落的登陆人数以及摄影师的占比量
11月12号增补
1、针对缓存问题在消息中心页面增加提示，提示语为：上次刷新时间是11月12日9:00，预计下次刷新时间是11月12日15:30
10月31号增补
1、调整魔方的统计代码
2、个人中心顶部栏固定
3、图片终端页的返回按钮改为home键
10月26号增补
1、增加外显这个作者的作品数量，位置在原来的“最近访客”那里
2、原本的“查看作品”按钮，改为“最近访客”
3、“最近访客”的那个区域，默认是收起隐藏的，用户点击“最近访客”之后，才会向下滑动显示那个区域
4、“最近访客”的那个区域的“最近访客”的文字，删除
5、把查看作品按钮放到作者头像附近

项目背景

一、添加用户个人中心，提醒用户的博客以及作品动态。
二、修改设置页面，整合登陆方式、取消版本升级提示以及修改推荐应用的展现方式.
三、魔方统计代码整体修改
四、在图集浏览结束的时候，增加图集推荐
五、修复发现的BUG
六、进行功能性优化

技术工作（按权重排列）

一、添加用户个人中心，提醒用户的博客以及作品动态。

1、在“我关注的摄影师”图标右侧，加上“个人中心”图标
2、用户点击“个人中心”图标后，进行如下判断

a、对已登录太平洋通行证并且开通了摄影部落的用户，直接进入个人中心
b、对已登录太平洋通行证，但未开通摄影部落的用户，弹出提示层，内容为“个人中心只授权给开通摄影部落权限的用户使用”，并且提供开通权限的按钮。用户点击按钮则用webview打开授权开通的PC端页面
c、对未登陆太平洋通行证的用户，弹出提示层，内容为“个人中心只授权给开通摄影部落权限的用户使用，请登陆。”，并提供用户登陆的输入框以及按钮。用户输入登陆后，但是未开通权限的，则进入b情况的流程

3、进入个人中心后，页面内容为：

a、顶部：用户小头像、用户名称、用户排名信息、上次登陆到本次登陆期间内的访客人数以及新增评论条数。

a-1、两次登陆时间最长不超过7天，上次登陆时间超过7天的或上次没有以摄影师身份登陆的，直接将上次登陆时间默认为7天
a-2、访客人数最多不能超过6人。

b、中部：用户最近的6名摄影师访客的头像、名称及访问时间
c、下部：用户最近7天内，有新增评论的图集的显示区域，显示区域内左侧是图集列表，右侧是该图集的评论详情，相应的评论后面有回访按钮

c-1、点击回访按钮，则进入发表该评论的摄影师的摄影师终端页

4、个人中心图标上的消息提醒，当摄影师用户重新打开摄影部落后，有新的访客或者有新的评论时，个人中心图标右上角有个“new”图标气泡显示

二、修改设置页面，整合登陆方式、取消版本升级提示以及修改推荐应用的展现方式.

1、登陆方式整合在一起，点击登陆按钮后，弹出一个层，层内可以选择各种登陆方式。
2、取消版本升级提示，改为显示当前版本的信息
3、修改推荐应用的展现方式，将相应的引用推荐直接放出来

三、魔方统计代码整体修改

见附件 打开链接

四、在图集浏览结束的时候，增加图集推荐

1、在图集翻到最后一页的时候，向右滑动，进入推荐图集层
2、推荐图集层内，有提示：“猜你喜欢”，下方为系统随机抽取的图集封面。推荐图集旁边，有按钮“刷新”
3、抽取规则如下：系统将从当前浏览的图集的相同分类中，按照“最新发表”的排序方式，在前50名中随机抽取
4、点击“刷新”，系统将重新抽取图集
5、向左滑动页面，回到之前图集的最后一页
6、图集推荐层，提供广告位

五、修复发现的BUG

1、摄影师接口缓存时间修改为1小时
2、分享到微博的BUG修复，当用户分享失败时，增加提示，让用户推出再重新登录微博
3、修复当从后台关掉摄影部落的进程后，原本的“关注摄影师”的数据丢失的BUG
4、“我的收藏页面”顶部样式出错

六、进行功能性优化

1、启动页可以换图
2、webview页面模块位置调整
3、在图片终端页加入“home”按钮，方便用户快速返回首页
4、图片读取逻辑调整，确保前三张图片能快速显示

美术工作

一、个人中心图标设计
二、消息提醒气泡设计
三、个人中心登陆提醒层设计
四、个人中心页面设计
五、新的设置页面设计
六、登陆集合框架的设计
七、推荐图集层的设计，规划相关广告位
八、新启动页面的设计
九、在图片终端页的“home”按钮

参与人员

• 移动开发：陈宇、黄文希
• 产品策划：李春杰
• 产品推广：胡恒臻、邱喜意、莫杰德
• 用户体验：程浩文
• 设 计：谢东泰

电脑网摄影部落IPAD版 2.1.0版

项目背景

添加更多的互动元素，例如关注摄影师有更新时会有提示、添加专门显示专题的栏目。并修复部分发现的BUG
原型地址： 打开链接中的4.5.7.8点

追加需求

一、BUG修复
1、腾讯微博分享的app key弄错，用了优优百科的app key
2、点击滑出设置层后，将屏幕上下颠倒后再颠倒回来，会发现错误如下：原本右侧的设置层被隐藏不见，整体屏幕蒙上黑色层，点击黑色层后首页层向右滑动，是的左边露出白色空白区域
二、新增需求
1、增加反馈回复的提醒功能，增加外显的小图标
2、配置添加上魔方中的“自动更新”功能
3、图片区域加上阴影投射的效果，具体可见设计稿 打开链接
4、修改分享图片和图集的文章内容：我在#摄影部落HD#发现了精彩 照片/图集《图集名称》，一起来看看吧 http://t.cn/zWlZfMQ 更多原创摄影美图，更爽快iPad看图体验尽在@摄影部落HD  http://t.cn/zOx314F
5、调整自定义事件的统计，去除无效的统计字段
6、修改原有banner位的推送接口，修改接口名字，同时添加相应的高宽值录入
7、删除email分享

功能点说明（按权重排列）

一、关注摄影师更新提示

1、当关注的摄影师有更新的时候，首页顶部“关注摄影师”的图标旁边外显“new”图标进行提醒
2、进入“关注摄影师”列表页，有更新的摄影师右上角都有“new”图标，显示是该摄影师有更新，而用户还没看
3、摄影师右上角的new图标，只有当用户对该摄影师右侧的作品列表进行操作时，才会消失（点击其中图集OR滑动列表）
4、new图标不会随时间变化而消失，只有当用户对作品列表操作后，才会消失
5、进入该摄影师的终端页，在“关注摄影师”列表页右上角的“new”图标也会消失

二、添加专门显示专题的栏目

1、顶部原有banner位，固定在瀑布流架构内，可以随页面一起滑动
2、取消红X按钮，不可点击关闭
3、点击顶部banner之后，打开一个专题的框架，里面嵌套webview，打开相应填入的连接
4、在框架内的webview，保留前进后退按钮，取消关闭按钮

三、BUG修复和功能添加

1、点击顶部栏能直接回滚到顶部(BUG)
2、APP对接口提供的图片进行判断，去除不符合规格的图片（如高度/宽度参数缺失）(BUG)
3、在图片终端页，双指收缩进入图集列表页
4、优化图片列表图片出现效果，采用渐入渐出的方式

四、增加统计

1、增加广告banner的点击/取消按钮事件的统计 home-activity-web 里面有两个项，一个是点击打开webview，一个是关闭banner
2、增加搜索功能的统计 search-btn

美术工作

1、关注摄影师更新提示所需的“new”图标设计
2、“专题”栏目的导航图片
3、专题栏目的HTML页面风格设计
4、反馈意见有回复的时候，显示的信封小图标

技术工作

1、关注摄影师更新提醒功能开发，以及相应的状态提醒变化实现
2、添加相应的“专题”栏目，以及相应的跳转规则实现
3、修复BUG
4、添加双指收缩进入图集列表页功能
5、添加统计代码

参与人员

• 移动开发：陈宇
• 产品策划：李春杰、霍振华
• 产品推广：胡恒臻、邱喜意、莫杰德
• 用户体验：程浩文
• 设 计：吴聪

开发文档

开发时间表： 下载文档
2.1.0版本专题页web页面跳转规则： 下载文档

---

电脑网摄影部落IPAD版 2.0.0版

项目背景

本项目主要主要目的是修改现有的UI风格，在此基础上修改首页并添加新的导航交互形式。

推送功能说明

1、推送应用信息，点击进入到首页；在魔方中推送的参数值以及参数名不填即可
2、推送图集信息，点击进入到对应的图片终端页；参数名为open、参数值格式为：pconlinedp://browse/2256183
3、推送摄影师信息，点击进入到对应的摄影师终端页；参数名为open、参数值格式为：pconlinedp://detail/8806083
4、推送打开网站链接或itunes更新链接，在魔方中推送的 参数名为update、参数值为指定的URL

具体修改点

一、用户体验优化
1、启动应用后，首先显示启动图片直至首页的数据加载完成，然后滑动进入首页
2、取消原先的首页，将首页原有的24张图和“全部”列表合并作为新首页
3、打开首页后，先显示导航栏，用户点击拉环图标，页面上移，隐藏导航层
4、导航层可以左右滑动
5、图片列表使用瀑布流的效果进行加载
6、导航上方有推广活动的区域，当有活动图片时，该位置显示，无推荐内容时，隐藏该区域（未实现）
7、点击活动区域，弹出webview层，在webview框架内显示活动内容（未实现）
8、关闭活动区域后，导航和图片列表向上移动填补活动区域的位置（未实现）
9、“我的关注”页面，左侧上下滑动切换关注的摄影师，页面右侧显示该摄影师图集
10、“我的收藏”，用户通过点击标签切换“收藏图集”和“收藏图片”
11、在“我的收藏”页面，对于收藏的图片，在图片终端页可以左右滑动切换已收藏的图片；对于收藏的图集，在浏览完某个图集的最后一张图时，向左滑动可以进入下个图集的第一张
12、在意见反馈页面，加入对话功能，允许用户和开发者直接交流
13、取消热门摄影师列表页
二、美术修改
1、整体风格变成白色
2、修改顶部栏，将个人收藏/个人关注/搜索功能突出显示。顶部栏内容包括：我的收藏/我的关注按钮，所在列表的分类，排序按钮，搜索框，设置按钮
3、设计新的分类导航按钮，采用分类图片中的某些代表性图片制作成按钮的底图，增加标示性
4、在反馈页面增加对话框效果
5、弹出的活动区域webview框架设计（未实现）
三、技术工作
1、套新的UI风格
2、在图片终端页，可以通过缩放手势，进入到图集列表页（未实现）
3、启动页的新效果：先读取应用内的等待的图片（首次打开应用，使用应用内默认的图片，APP的使用过程中下载后台推荐的等待图片，下次启动将使用已下载的新的等待图片）——首页加载完成进入首页
4、导航可以向上滑动隐藏，点击下拉按钮可下滑
5、导航可以左右滑动切换
6、导航可以通过配置文件，能在线添加导航的个数
7、开发新首页的接口，将原有首页的24张图和“全部”列表整合为新的首页
8、页面列表使用瀑布流的结构
9、在列表中，可以直接点击“支持”按钮添加票数，列表中显示该图集的支持数
10、首页的瀑布流列表内容调整：先读取原有首页的推荐图片，再读取原有的“全部”分类列表的内容（分类列表内容的排序按照“最近评论”的条件进行排列）
11、修改“我的关注”功能：当我关注的摄影师更新作品时，首页顶部左侧的“我的关注”图标会有“NEW”图标提示（未完成）
12、修改“我的关注”页面：摄影师在左侧，当有作品更新时，摄影师头像右上方有“NEW”图标提示；右侧是摄影师作品列表，按照最新发布的顺序排序
13、修改“我的收藏”页面：收藏页面分为“图集”“图片”两个分类
14、页面添加webview框架，显示网页端的活动页面功能（未完成）

四、自定义事件约束
1、首页
1.1.“我的收藏”按钮，图片图集标签切换统计
home-favorite-btn 图集浏览 图片浏览
1.2.“已关注摄影师”按钮点击量
home-focus-btn
1.3.导航栏按钮，各分类标签点击量
home-category-btn 全部、人像、风光、纪实、生态、其他、热门
1.4.“设置”内幻灯片播放时间间隔（设定时间统计）、清除图片缓存（频率统计）
set-slide-time 2s 3s 5s 10s 20s
set-clear-cache

2、图集列表页
2.1排序方式喜好统计
home-order-btn 最新评论、最多评论、最新发表、最多点击

3、图片终端页
3.1各个按钮点击量，其中分享按钮需统计四种途径分享数据，评论按钮需统计“写评论”标签数据
browse-album-btn
browse-preview-btn
browse-play-slide-btn
all-favorite-btn
browse-download-btn all-share-btn 新浪微博、腾讯微博、腾讯空间、email
all-comment-btn 看评论 写评论

4、图片列表页
4.1各个按钮点击量
all-like-click-btn
all-favorite-btn
all-share-btn 新浪微博、腾讯微博、腾讯空间、email
all-comment-btn 看评论 写评论

5、摄影师终端页
5.1“加关注”按钮关注/取消情况统计
photographer-focus-btn 关注、取消关注

6、每日赞票点击总量
all-like-click-btn

参与人员

• 移动开发：陈宇
• 产品策划：李春杰、霍振华
• 产品推广：胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

需求文档： 打开链接
需求原型： 打开链接

---

电脑网摄影部落IPAD版 1.0.4版

项目背景

1.0.3版本拆分后，第二个上传版本。

具体修改点

一、整合回原来1.0.3版本所有需求；（主要是终端页面）
二、评论内容出现HTML代码问题修复；

参与人员

• 移动开发：陈宇
• 产品策划：霍振华、陈雯苑
• 产品推广：胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

---

电脑网摄影部落IPAD版 1.0.3版

项目背景

本项目主要按照用户调查结果，优化各项用户体验。

具体修改点

一、设计修改
1、【“推荐”的标识】需要重新设计:更显眼。且摄影师页面的“自荐”作品应与分类列表的“推荐”作品的标识有区分
2、首页的【设置botton】放在首页右侧：设计成引导用户横拉的样式
3、去掉设置页面的搜索功能，将搜索按钮放在原设置按钮的位置；并设计一个未开始搜索的默认页面。
4、【评论弹出框】："写评论"页面下方的空白空间太大；"网友评论"页面，样式重新设计，去掉用户头像。评论弹出框的灰色底色不宜半透明。
5、 ”菊花加载中“样式重新设计(设计上有困难,暂时不做)
6、图片终端页面下方功能区域整体样式调整——并且增加【评论】功能按钮，图片终端增加图集预览功能。
二、用户体验修改
1、退出到后台10分钟后再打开时应刷新首页
2、增加腾讯微博、腾讯空间分享功能（同时设置中增加相应的绑定功能），使用腾讯账号登录功能。
3、设置页面【分享到新浪微博】应改为【绑定新浪微博】，登录后为【已登录新浪微博】+账号名——参照电脑网客户端。
4、大图页面滑动第一张，load前五张，滑到第六张，load后五张如此类推。
5、列表页，每个图片加上图集感的标识。（设计稿已有）
6、【微博登录授权页面】微博分享授权页太矮太窄。点击账号/密码输入栏时，整个框应该上移，以避免键盘遮挡输入框。
7.从【收藏夹】进入的收藏的单张图片，该页面去掉进入图集页面的按钮
8.推荐应用中，若已经安装相应的app，直接打开已安装的app，而不是app store；未安装时才打开app store
9.进入设置状态下，点击设置区域外的任何区域可收回设置栏。
10.分类列表页去掉下拉刷新功能。
11.排序功能修改：在选中状态下点击，切换正倒序排序。（需要设计协助）（此问题因为开发难度以及后续版本问题，1.0.3版本暂不修改）
12.图片终端，滑动时，隐藏标签栏、导航栏、功能栏。
13.设置页面的版本更新项加上”当前版本x.x.x“
14.图集页面中收藏和评论按钮显示数字。
15.删除按钮不够清晰（此版本暂不修改）
三，技术修改
1.图片标题会出现代码错误，如本应出现符号“&”，实际上却出现了“&”。
2.【摄影师页面】头像被不等比压缩（因为网页端本来就被压缩）——要联系网站人员研究。
3.搜索结果页面的“搜索到的作品数量”显示实际数量

参与人员

• 移动开发：陈宇
• 产品策划：霍振华、陈雯苑
• 产品推广：胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

需求文档： 打开链接

---

电脑网摄影部落IPAD版 1.0.2版

项目背景

本项目主要修复样式的问题，优化用户体验。

具体修改点

一、设计修改
1、图片终端进入图集页面的icon修改。
2、首页收藏夹图标改成星星。
3、图集页面，“保存”改名为“收藏”，增加已收藏状态。
4、列表页，第一行“推荐”栏应该有明显的划分。
5、图集页面，摄影师区域，样式重新设计。
二、用户体验修改
1、幻灯片播放功能放在下方功能区域。
2、“保存”功能名称改成“收藏”。
3、“用作壁纸”改名为“下载”。
4、图集页面，“保存”改名为“收藏”，收藏后按钮会变成已收藏状态。
5、列表页，排序后，应该回到顶部。
6、首页各个推荐图片可以闪动切换。
7、操作后的提示，增加样式标记。
8.设置页面加上给个好评按钮。
9.图集页面，图集信息的收起及打开增加拨动触发效果。
10.操作后反馈提示修改。（收藏单张/收藏图集的提示设计要与首页的icon相对应）
三，技术修改
1.【BUG】点击任一图集进入图片终端页——进入图片列表页——点击摄影师头像进入摄影师终端页——选定另外（非第一步浏览）的图集分享；结果分享的是第一步进入的图集而不是新选定的图集。

参与人员

• 移动开发：陈宇
• 产品策划：霍振华、陈雯苑
• 产品推广：胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

需求文档： 打开链接

---

电脑网摄影部落IPAD版 1.0.1版

项目背景

本项目主要修复计数器和BUG的问题，同时优化部分地方的用户体验。

具体修改点

一、统计后台问题
1、解决moss统计中的渠道数据问题。
2、将计数器代码添加到每一个页面。
3、增加友盟的SDK，统计用户使用的流程。
二、设计问题
1、摄影师“加关注”、“取消关注”按钮重新设计
三、BUG修改
1、热门摄影师、摄影师收藏页面，如果摄影师的图集数量少于3个时，会出现crash的BUG。
2、收藏保存页，如果多次调整下载状态，收藏内容会出现重复的BUG。
3、“保存失败”提示后，不能操作的BUG。
4、图片终端，导航栏显示状态下点击图片，在导航栏消失前点击某些会引致页面跳转的功能，页面跳转后导航栏消失了。
四、用户体验修改
1、各种提示语消失太快。调整消失时间。
2、保存收藏页面的删除操作，取消按钮和确认按钮的位置对调，高亮取消按钮。
3、图片终端，功能按钮区域应与参数区域下对齐。
4、图集页面，图集信息的收起及打开增加拨动触发效果。
5、加上新手引导。
6、图集页，摄影师文字可以点击

参与人员

• 移动开发：陈宇
• 产品策划：霍振华、陈雯苑
• 产品推广：胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

需求文档： 打开链接

---

电脑网摄影部落IPAD版

项目背景

本项目是电脑网摄影部落在IPAD上的实现，在APP发布时，不会包含摄影部落的图片数据，用户需要通过网络来获取数据。

• 主要功能：
  1. 在线浏览摄影部落图片
  2. 可保存图片到本应用中
  3. 对整个图集进行分享、评论、投票和保存；对单张图片进行分享、保存。
  4. 关注摄影师、查看摄影师相关信息与作品图集。

• 主要约束
  1. 界面布局：整个应用在界面布局上仅仅支持横屏，唯一有例外的是图片浏览终端页面(),这个页面能够支持横竖屏反转。当用户由横屏浏览模式切换成竖屏浏览模式时，用户仅仅能够用竖屏方式来查看图片，竖屏界面不会响应用户的任何操作，用户只有切换成横屏后，才能恢复屏幕操作 _{modify by yangbo 2011.11.30}。在竖屏方式下，用户仅仅能够通过左右滑动来浏览不同的图片，不能进行其它的操作，用户只有切换成横屏后，才能恢复其他的屏幕操作。
  2. 手势：本项目仅仅对用户的单手指滑动、单手指单击、图片终端页的多手指缩放手势进行响应，其它手势将会被忽略。
  3. 本应用仅仅支持iPad
  4. 支持系统版本iOS 4.2以上
  5. 推送功能：可接收相关推送消息；根据推送消息内容，点击可打开对应指定的页面。具体结合运营策略进行推送格式如下：

1）推送应用信息，点击进入到首页；（pconlinedp://home）

2）推送图集信息，点击进入到对应的图片终端页；（pconlinedp://browse/2256183）

3）推送摄影师信息，点击进入到对应的摄影师终端页；（pconlinedp://detail/8806083）

4）推送热门作品排行信息，点击进入到热门作品页；（pconlinedp://show/hot-work）

5）推送热门摄影师排行信息，点击进入到热门摄影师页。（pconlinedp://photographer/hot-photographer）

6. moss数据统计：下载量、更新量、各时段打开APP的比例、每天打开App趋势、产品版本分布情况
   
7.  计数器：根据应用首页以及首页上的8个主要入口按钮（热门作品、热门摄影师、全部、人像、风光、生态、纪实、其他），对应开设9个栏目进行计数统计，分别为——首页、热门作品、热门摄影师、全部、人像、风光、生态、纪实、其他

• 交互定义
  1. 图集封面到图片终端页：点击图集封面，淡出放大到对应图片终端页。（效果与iOS自动“照片”看图效果一样）——【未实现】
  2. 设置区域的滑出、收回：1）点击首页“设置”图标；2）或，单手指向左滑动首页滑出设置，向右滑动首页、设置收回设置。——【已实现】
  3. 首页到热门作品、热门摄影师、全部、5个分类、已关注摄影师、已保存作品页之间的切换：（参考效果，如“锋锋应用中心”）

1）点击对应按钮，首页分别以图片区域和按钮区域分开各自向两边收回；——【未实现】

2）热门作品、热门摄影师、全部、5个分类、已关注摄影师、已保存作品页返回到首页时，首页分别以图片区域和按钮区域向中间合并。——【未实现】

参与人员

• 移动开发：雷敬棠
• 产品策划：宋能辉、吴祀悦
• 产品推广：吕用翩、胡恒臻
• 用户体验：周伯勤
• 设 计：吴聪

SVN地址

http://svn.demo.pc.com.cn/svn/dp_ipad/ 打开链接

成员列表：杨波,雷敬棠，陈宇，杨孟君，丘明，毛志军，何敬东

项目文档

*项目原型

图集保存状态变化流程： 打开链接

-Ver1.0.5  打开链接

-Ver1.0.4  打开链接

-Ver1.0.3  打开链接   评审报告

-Ver1.0.2  打开链接

-Ver1.0.1  打开链接   评审报告

-Ver1.0.0  打开链接

* 项目接口

* 实体类

* 测试用例

界面设计

*设计进度  打开链接

*设计验收 （总共 3 批页面）

1.第一批页面： 反馈意见

2.第二批页面： 反馈意见

3.第三批页面:  反馈意见

*制作切图

1.切图home_1, top_2  打开链接

2.切图home_1, top_2(补遗)，album_4，save_7 打开链接

3.切图，第二批补遗，第三批 打开链接

4.切图，微博、评论等 打开链接

5.切图，微博、评论补遗 打开链接

开发计划

* 时间表 for 1.0.5

* 时间表

开发备忘

Ticket	Resolution	Version	Component	Summary	Owner	Reporter	Type	Priority