Changes between Initial Version and Version 1 of pcauto_pconline_4.0.0

Timestamp:

02/18/2013 04:24:18 PM (13 years ago)

Author:

lichunjie

Comment:

--

pcauto_pconline_4.0.0

@@ +1 @@
+=== 项目目的 ===
+1、全面对客户端的样式以及风格改版[[BR]]
+2、论坛功能以及页面改版[[BR]]
+3、添加个人中心[[BR]]
+4、添加一些社交化的尝试[[BR]]
+5、产品库/车型库的对比流程再优化[[BR]]
+
+=== 项目需求 ===
+== 一、个人中心 ==
+1、入口说明[[BR]]
+  1.1、在资讯/论坛/车型库/图库/专栏版块的左上角，有个人中心的入口[[BR]]
+  1.2、未登陆的用户，按钮显示为“空白头像+我的”样式[[BR]]
+  1.3、登陆的用户，显示为其新浪微博/腾讯微博/太平洋通行证头像的缩小图[[BR]]
+  1.4、当用户的反馈意见被回复的时候，按钮的右上角要有小黄点显示，提醒用户[[BR]]
+2、页面说明[[BR]]
+  2.1、页面右上角为返回按钮，左上角为功能按钮，点开可见“意见反馈”和“云同步”功能项[[BR]]
+  2.2、云同步功能只为登陆的用户开放，未登陆用户按钮该按钮为灰色，无法点击[[BR]]
+  2.3、云同步会将用户的论坛收藏/帖子收藏/车型收藏和车系收藏和PC端上的同步，需要对数据去重[[BR]]
+  2.4、点击页面中上部的登陆按钮，进入登陆页面[[BR]]
+  2.5、登陆页面提供三种登陆方式：QQ账号/新浪微博账号以及太平洋通行证登陆[[BR]]
+  2.6、登陆后，客户端获取相应账号的头像，作为个人中心的头像，同时头像模糊并且放大，作为整个个人中心的背景[[BR]]
+  2.7、头像下方为“我的个人主页”以及“好友动态”的入口，两个入口图标的右上方为未读的信息条数[[BR]]
+  2.8、个人中心显示用户的论坛/帖子/文章/车型/车系的收藏，并提供“全部清空”按钮，全部清空只清空客户端本地的收藏内容，不影响PC端的收藏列表[[BR]]
+  2.9、用户首次进入默认显示“论坛收藏”，用户下次进入时，上次离开时所在哪个版块，本次进入显示哪个版块的内容[[BR]]
+  2.10、若相应收藏项没有内容的时候，要有相应的提示。[[BR]]
+  2.11、论坛收藏，若用户本身没有收藏任何论坛，系统自动推荐4个论坛[[BR]]
+3、我的个人主页[[BR]]
+  3.1、头像右上方显示用户的等级头衔，若是版主或者编辑，则有单独的头衔显示[[BR]]
+  3.2、头像下方左右两侧是我关注的用户数以及我的粉丝数，点击可进入相应的用户列表[[BR]]
+  3.3、进入关注列表后，在用户列表按照添加关注的时间顺序排序，在用户列表右侧有“取消关注”的按钮[[BR]]
+  3.4、点击后“取消关注”按钮后，按钮变成“关注”，用户还是保留在当前列表中，但下次再进入，被取消关注的用户就消失[[BR]]
+  3.5、进入粉丝列表后，在用户列表成为你的粉丝的时间顺序排序，在用户列表右侧，有“关注”或者“取消关注”两种按钮[[BR]]
+  3.6、点击相应的按钮，用户可选择关注/取消关注自己的粉丝[[BR]]
+  3.7、个人主页下方显示的是我的帖子被别人回复的情况、我的评论被别人回复的情况，以及我自己发过的帖子和保存的草稿[[BR]]
+  3.8、用户首次进入时，默认显示“帖子回复”这版块的内容，用户下次进入时，上次离开时在哪个版块，本次进入显示哪个版块的内容[[BR]]
+  3.9、个人中心内的未读信息数，为“帖子回复”和“评论回复”版块中未读的信息条数的总和[[BR]]
+  3.10、当进入到某一版块的时候，默认该版块的所有未读信息已被阅读[[BR]]
+  3.11、存在未读信息的版块的右上角，有黄色小点标示有未读的信息[[BR]]
+4、帖子回复版块详解[[BR]]
+  4.1、内容结构为：“回复者的头像+名字”+回复您的帖子+“帖子标题/某楼层的发言内容（最多26字，超过26字的，从24字开始省略，后加省略号）”+用户回复的内容（最多36字，超过36字的，从34字开始省略，后面加省略号）+回复时间[[BR]]
+  4.2、回复时间的显示规则：今天/昨天内回复的，显示今天/昨天+回复的时间；回复时间在2天（即前天）-5天内的，显示“X天前+时间”；超过5天的，直接显示具体的日期+时间[[BR]]
+  4.3、点击相应的回复内容，下方滑出功能层，提供“回复”/“查看回复”/“查看帖子内容”功能。
+  4.4、点击“回复”，直接进入回复帖子页面，上方为别人回复的内容，下方为回复的输入框，系统自动滑出键盘[[BR]]
+  4.5、点击“查看回复”，显示被人回复的完整的内容[[BR]]
+  4.6、点击“查看帖子”，进入相应的帖子内容页[[BR]]
+  4.7、来源：个人中心--消息中心--系统信息，需要李峰和handy将此类信息单独从系统信息中区分出来[[BR]]
+5、评论回复版块详解[[BR]]
+  5.1、内容结构为：“回复者的头像+名字”+回复我的观点+“评论内容（最多26字，超过26字的，从24字开始省略，后加省略号）”+用户回复的内容（最多36字，超过36字的，从34字开始省略，后面加省略号）+回复时间[[BR]]
+  5.2、回复时间的显示规则：今天/昨天内回复的，显示今天/昨天+回复的时间；回复时间在2天（即前天）-5天内的，显示“X天前+时间”；超过5天的，直接显示具体的日期+时间[[BR]]
+  5.3、点击相应的回复内容，下方滑出功能层，提供“回复”/“查看回复”/“查看评论列表”功能。
+  5.4、点击“回复”，直接进入回复评论页面，上方为别人回复的内容，下方为回复的输入框，系统自动滑出键盘[[BR]]
+  5.5、点击“查看回复”，显示被人回复的完整的内容[[BR]]
+  5.6、点击“查看评论列表”，进入相应文章的评论列表页[[BR]]
+  5.7、来源：个人中心--消息中心--系统信息，需要李峰和handy将此类信息单独从系统信息中区分出来[[BR]]
+6、我的帖子[[BR]]
+  6.1、内容包括：我的草稿和我发过的帖子[[BR]]
+  6.2、我的草稿永远在该版块置顶[[BR]]
+  6.3、每条草稿的右下角都有“草稿，点击删除”的按钮，点击后进行提示，用户确定后删除相应的草稿[[BR]]
+  6.4、点击草稿的其他区域，进入发帖页面[[BR]]、
+  6.5、点击我发过的帖子，进入相应的帖子内容页[[BR]]
+
+7、好友动态[[BR]]
+  7.1、好友动态的内容包括：我关注的用户所发的帖子以及所发的评论[[BR]]
+  7.2、点击相应的内容，进入相应的帖子内容页或者文章内容页[[BR]]
+  7.3、该版块对显示的内容不做省略处理[[BR]]
+  7.4、页面右上方有“邀请”按钮，点击后进入“邀请好友”页面[[BR]]
+  7.5、邀请好友页面分为上下两部分，上部为“推荐关注”，下部为“微博好友”[[BR]]
+8、推荐关注区域的显示规则[[BR]]
+  8.1、新建个账号推荐后台，编辑推荐50个达人账号[[BR]]
+  8.2、每次随机抽取2个该用户还未关注的达人给用户关注[[BR]]
+  8.3、每次用户点击关注之后，关注按钮变成“已关注”，同时变灰[[BR]]
+  8.4、如果用户全部都加了50个推荐关注，则该区域消失[[BR]]
+  8.5、点击“更多推荐”，进入推荐关注列表，已关注的达人在列表的下方，未关注的在上方[[BR]]
+9、添加微博好友的规则[[BR]]
+  9.1、客户端每天首次启动都会刷新查找微博好友是否已注册的太平洋通行证[[BR]]
+  9.2、如果用户的好友已经有通行证，则相应的“邀请”按钮变为“关注”[[BR]]
+  9.3、如果好友还未注册太平洋通行证，则点击“邀请”发送一封微博@相应的好友[[BR]]
+  9.4、已关注的微博好友，会排在队列的最后面[[BR]]
+  9.5、本次关注的微博好友，保留在当前位置，按钮变为“已关注”[[BR]]
+  9.6、下次进来之后，已关注的好友会排在微博好友的后面[[BR]]
+
+== 二、资讯版块 ==
+1、文章列表[[BR]]
+  1.1、已离线下载的文章，要标示“已离线”[[BR]]
+  1.2、文章列表的右下方，要放出相应的内容信息，文章要显示评论条数，图集要显示图集张数，论坛要显示盖楼的楼层数[[BR]]
+  1.3、图集、论坛、直播、视频的标签放在最右侧，图集标签放在标题下方，视频、论坛、直播放在标题的同一行[[BR]]
+  1.4、点击文章区域，该区域要有点击触发效果[[BR]]
+  1.5、如果是推荐图集，则在首页直接外显该图集的前三张图片[[BR]]
+  1.6、横图规格：按照高度为100PX等比例缩放；缩放后，宽度超过150PX部分的，不显示，少于150PX的，按照居左显示[[BR]]
+  1.7、竖图规格：按照宽度150PX等比例缩放，缩放后，高度超过100PX部分的，不显示[[BR]]
+2、文章内容页[[BR]]
+  2.1、点击后页面右滑回到之前页，客户端自动记录用户在文章页阅读时所在的位置，即：当用户返回首页，再点击返回文章时，位置要定位到之前阅读时所在的页码和位置[[BR]]
+  2.2、mrobot出文章页数据时，要在标题顶部加入空行，以保证用户进入文章终端页时，标题不会被遮盖[[BR]]
+  2.3、当用户双击文章页时，渐现收缩出现文章的快速设定层，点击设定层以外的区域，将设定层关闭[[BR]]
+  2.4、设定层提供“全屏阅读”/“手势翻页”/“字号切换”/“亮度调整”四项功能，默认开启全屏阅读和手势翻页[[BR]]
+  2.5、当用户设定开启“全屏阅读”：用户向上拨动文章页时，顶部和底部的功能按钮渐隐消失；用户向下拨动文章页时，功能按钮渐现出现[[BR]]
+  2.6、关闭手势翻页只是控制在文章阅读的左右滑动的手势效果，上下翻页功能还是保留[[BR]]
+  2.7、点击切换字体大小,字体按以下顺序循环变化:中字体—大字体—小字体—中字体[[BR]]
+  2.8、点击大图，页面变黑并且图片展开，进入读图模式，再点击图片则推出读图模式[[BR]]
+3、评论列表页[[BR]]
+  3.1、原有表情套，改为文字表情套[[BR]]
+  3.2、点击表情的时候，直接外显的是表情符号 \(^o^)/~[[BR]]
+  3.3、上传服务器的时候，客户端将 \(^o^)/~ 改为编码{201}传给服务器[[BR]]
+  3.4、相应文字表情在PC端上是表情，在客户端上是文字[[BR]]
+
+== 三、汽车网论坛 ==
+1、热门栏目说明[[BR]]
+  1.1、论坛的热门推荐列表以及顶部焦点图，由编辑手动人工推荐，需新建后台[[BR]]
+2、精选栏目说明[[BR]]
+  2.1、点击精选栏目的按钮后，页面向左滑动进入论坛精选页面[[BR]]
+  2.2、自动读取PC端论坛精选的内容[[http://www.pcauto.com.cn/jingxuan/bbs/|连接]][[BR]]
+  2.3、该内容接口是从CMS后台出，要找制作的同事获取接口[[BR]]
+3、车型/地区/综合栏目说明[[BR]]
+  3.1、页面结构和现有客户端的页面保持一致[[BR]]
+4、搜索功能说明[[BR]]
+  4.1、进入搜索页面后，默认滑出输入键盘，同时默认选择“搜索版块”[[BR]]
+  4.2、搜索版块下方的空白处显示的内容，会根据用户输入的字符进行自动判断而显示结果[[BR]]
+  4.3、用户点击则直接进入相应的论坛版块[[BR]]
+  4.4、用户搜索结果的在空白区域进行上下滑动的时候，将系统键盘隐藏[[BR]]
+  4.5、搜索功能放在系统键盘中，用户直接在键盘点搜索即可[[BR]]
+  4.6、搜索版块时，点击搜索，系统键盘下滑，搜索帖子时，点击搜索，页面向左滑动进入搜索结果[[BR]]
+  4.7、点击“搜索帖子”，切换到搜索帖子项目，输入内容后，点击键盘的搜索，直接进入搜索结果页[[BR]]
+5、帖子列表页说明[[BR]]
+  5.1、加精华的帖子，标题前有“精”的小图标[[BR]]
+  5.2、有图片的帖子，标题后有“图”的小图标[[BR]]
+  5.3、有“精”图标的帖子，不显示“图”小图标[[BR]]
+  5.4、帖子排序选项，默认用时间排序[[BR]]
+  5.5、共有排序选择如下：按发表时间排序---外显 按时间；按最后回复排序---外显 按回复；置顶帖---外显 按置顶；精华帖---外显 按精华[[BR]]
+  5.6、点击发帖，页面向左滑动进入发帖页面[[BR]]
+  5.7、点击收藏，星星变为实心，同时出现提示层，提示层淡入，显示1秒后，淡出[[BR]]
+  5.8、翻页效果和文章页翻页一致,下一页上升[[BR]]
+
+6、帖子内容页[[BR]]
+  6.1、顶部功能栏，有切换“看全贴/只看楼主”的功能[[BR]]
+  6.2、提供该帖子所在的论坛的快速入口，点击入口进入论坛[[BR]]
+  6.3、点击用户头像，进入该用户的个人主页[[BR]]
+  6.4、点击楼层的“回复”或者下方的“回帖”，进入回帖页面，点击楼层的“回复”按钮，进入的回帖页面会显示“回复xx楼”；点击下方的“回帖”按钮，回帖页面显示“回复楼主”[[BR]]
+  6.5、回帖页面点击发送后，直接返回帖子内容页，同时顶部状态栏会提示相应的状态[[BR]]
+  6.6、若发送失败，则提示用户发送失败，在下次启动客户端的时候，自动重发回复的帖子，若第二次失败，则再也不发送该回复[[BR]]
+  6.7、提供报名功能，用户点击“我要报名”按钮则弹出报名的浮层。点击浮层外其他地方，则收起浮层。[[BR]]
+  6.8、提供查看报名信息功能，点击弹出报名信息列表浮层。点击浮层外其他地方，收起浮层[[BR]]
+  6.9、提供投票功能，投票区域默认展开[[BR]]
+  6.10、投票时，点击某项的效果，选择的项底色变色，当选择的项达到要求时，其余选项变成灰色，同时地下的提交按钮变为可提交状态[[BR]]
+  6.11、提交投票后，显示相应的结果[[BR]]
+7、发帖页说明[[BR]]
+  7.1、在发帖页点击返回的时候，当系统发现帖子已有内容的时候（有标题/有帖子内容/有图片），提醒用户是否要退出[[BR]]
+  7.2、当用户确定退出后，系统自动将当前内容保存为草稿，并进行提示[[BR]]
+  7.3、点击发布后，页面返回帖子列表页，顶部状态栏提示帖子发送状态，若帖子发送失败，则自动存草稿箱[[BR]]
+  7.4、点击添加图片按钮，滑出添加图片的功能层，点击相应的功能添加图片[[BR]]
+  7.5、点击已添加的图片，滑出替换/删除图片的功能层，点击相应功能进行操作[[BR]]
+  7.6、最多只能添加8张图片，到达八张后，添加图片的按钮消失[[BR]]
+  7.7、下方提供同步发布的分享绑定功能按钮[[BR]]
+8、其他人的个人主页说明[[BR]]
+  8.1、页面显示的是该用户发过的帖子，点击“只看精华”则只显示被加精的帖子，同时按钮变为“查看全贴”[[BR]]
+  8.2、外显该用户的关注和粉丝数，点击后可进入他的关注/粉丝列表，在列表中你可以关注他的粉丝/关注人[[BR]]
+  8.3、用户首次进入他人的个人中心时，会在页面底部出现小黄条，提示你们都关注了某人，若没有共同关注者，则不显示[[BR]]
+  8.4、当用户X掉小黄条后，以后不再出现[[BR]]
+  8.5、用户头像右上方为用户等级的提示，若是版主或者编辑，则提示效果不一样[[BR]]
+  8.6、页面右上角提供“加关注”按钮，点击后，按钮改为“取消关注”[[BR]]
+
+== 四、电脑网论坛 ==
+1、电脑网论坛首页顶部为各论坛入口，其中第一个是写死的进入全部论坛版块的入口，其余为编辑推荐的论坛版块，推荐个数由编辑控制，需要提供录入推荐的后台[[BR]]
+2、编辑精选旁有“全部热帖”的入口，点击进入全部热帖页面，该页面将各大版块的热帖按照不同栏目进行排列显示[[BR]]
+3、电脑网的论坛层级结构保持和现有客户端一致[[BR]]
+4、其余论坛要素，和汽车网论坛一致[[BR]]
+
+== 五、车型库 ==
+1、搜索功能说明[[BR]]
+  1.1、点击搜索按钮后，页面向左滑动进入搜索页[[BR]]
+  1.2、进入搜索页后，默认弹出输入键盘[[BR]]
+  1.3、根据输入的内容，输入框下方自能给出相应的搜索结果，点击相应结果，直接进入车系页面[[BR]]
+  1.4、在输入框下方的空白区域上下滑动，可将键盘收起[[BR]]
+  1.5、点击“确定”按钮后，进入搜索结果页[[BR]]
+2、品牌选车说明[[BR]]
+  2.1、点击某品牌后，页面向左滑出该品牌所有的车系列表层[[BR]]
+  2.2、点击不同品牌，该列表层的内容进行刷新更新[[BR]]
+  2.3、点击按钮，可收起滑出层[[BR]]
+3、价格选车说明[[BR]]
+  3.1、页面左侧为相应的价钱范围，右侧为该范围内的各大品牌的车系，最右侧为字母快速导航[[BR]]
+  3.2、点击不同的价格范围，切换右侧的车系列表内容[[BR]]
+  3.3、字母导航在滑动过程中，要提示当前选择的是哪个字母，提示框1秒后消失[[BR]]
+4、条件选车说明[[BR]]
+  4.1、页面上部为用户已选择的条件，下部左侧为相应的条件大项，右侧为该大项中的各小项[[BR]]
+  4.2、如果某大项已有小项被选中，则该大项的左上方有红点，提示用户已选择该大项中的某小项[[BR]]
+  4.3、被选择的小项，变成灰色[[BR]]
+  4.4、在已选条件的区域内，可左右滑动查看已选择的条件，用户点击某条件，则删除该条件[[BR]]
+  4.5、在页面下方为“确定搜索”按钮，当已选择条件有内容时，按钮变为可点击；若没有选择的内容时，按钮不可点击[[BR]]
+  4.6、点击“确定搜索”按钮后，进入搜索结果页[[BR]]
+5、车系概述页说明[[BR]]
+  5.1、车系的图片下，显示该车系有多少张图片，点击后进入车系图集页[[BR]]
+  5.2、页面提供车系的论坛快速入口[[BR]]
+  5.3、车系下的车型名称接口要修改，取消其车系名称[[BR]]
+  5.4、点击相应的车型，进入车型概述页[[BR]]
+  5.5、点击旁边的“对比”按钮，唤出对比页面的入口[[BR]]
+  5.5、原客户端的栏目（概览/经销商/文章/口碑）改为在下方显示[[BR]]
+  5.6、点击文章栏目后，页面上方显示文章的各个分类（新闻/评测/导购/行情）[[BR]]
+  5.7、行情栏目的文章，提供地区选择[[BR]]
+6、车型概述页说明[[BR]]
+  6.1、车型的图片下，显示该车型有多少张图片，点击后进入车型图集页[[BR]]
+  6.2、点击旁边的“对比”按钮，唤出对比页面的入口[[BR]]
+  6.3、点击基本参数旁边的按钮，进入详细的参数页[[BR]]
+  6.4、在详细参数页，点击右侧的“参数类别”，用户可以快速选择查看相应的参数[[BR]]
+  6.5、其余的功能，和现有的一致[[BR]]
+7、车型对比功能说明[[BR]]
+  7.1、已添加进入对比的车型，按钮变为已选中状态[[BR]]
+  7.2、点击了添加对比按钮后，页面右下方浮现出进入对比页面的按钮[[BR]]
+  7.3、按钮上方显示已添加对比车型的数量[[BR]]
+  7.4、对比按钮在出现后，会从侧方滑出提示，1秒后滑回消失[[BR]]
+  7.5、最多添加7个车型[[BR]]
+  7.6、各状态提示列表，详见原型[[BR]]
+8、车型对比页面说明[[BR]]
+  8.1、若添加多款车型，外显的是最后添加的两款车型的对比[[BR]]
+  8.2、VS按钮下有数字提醒现在有多少款车进行对比[[BR]]
+  8.3、页面向上滑动时，图片收起，只留下相应车型的文字[[BR]]
+  8.4、在参数对比页面，右侧为“具体参数”的半透明按钮，点击可以滑出相应的锚点层，按钮变为不透明[[BR]]
+  8.5、再次点击“具体参数”按钮，锚点层滑回，按钮变回半透明[[BR]]
+  8.6、点击VS按钮，页面蒙层，同时下拉车型对比选择页[[BR]]
+  8.7、被选中对比的车型，上面蒙层，表示被选中[[BR]]
+  8.8、用户通过滑动蒙层，选择需要对比的车型[[BR]]
+  8.9、用户点击对比按钮后，才进行对比[[BR]]
+  8.10、点击编辑后车型列表右侧出现选框，下方对比按钮变为“确定删除”[[BR]]
+  8.11、如果对比中的车型被删除之后，默认选择最上方的一款车型进行代替[[BR]]
+  8.12、最多提供7款车型对比，不够7款的，位置留空，对比按钮上移[[BR]]
+  8.13、删除只有一款车型后的效果和删除所有车型后的效果，详见原型[[BR]]
+
+== 六、电脑网产品库 ==
+1、整体功能和界面，与现有的客户端一致[[BR]]
+2、筛选页面采用和汽车网的一致[[BR]]
+3、对比功能和汽车网采取策略一致，唯一不同在于当用户离开产品库后，系统清空对比的内容[[BR]]
+
+== 七、图集 ==
+1、左右滑动切换栏目[[BR]]
+2、图集的图片放大，同时放出图集的标题以及张数信息[[BR]]
+3、点击图片后，系统渐隐切换进入图片终端页[[BR]]
+4、图片终端页的底部默认显示功能按钮（分享/下载/图集列表）[[BR]]
+5、当手指在图片上向上滑动时，功能按钮渐隐消失[[BR]]
+6、当手指在图片上向下滑动时，功能按钮渐隐出现[[BR]]
+7、点击图集列表按钮后：[[BR]]
+  7.1、右侧滑出图集的列表层[[BR]]
+  7.2、按钮变为X[[BR]]
+  7.3、选择相应的图片后，读取过程中右侧图片列表层向右滑动隐藏，按钮也重新变回图片列表按钮[[BR]]
+
+== 八、专栏 ==
+1、专栏整个页面都是HTML，由编辑手动控制[[BR]]
+2、专栏的顶部banner，也是写在HTML中[[BR]]