flipboard简单分析

Posted by reedboat on Sep 19, 2010 in web |

flipboard 是ipad上的一款阅读应用，推出不到两个月，被誉为”ipad上的第一款杀手级的应用”, “传统媒体的未来等”.
他采用杂志的方式来展现twitter，facebook以及各种RSS内容，并通过一定的算法对信息进行重要性和相关性进行重新计算,
给用户提取更有价值的内容和更好的用户体验。flipboard的源码我们看不到，不过我们可以先看看一款类似的Web产品。

上周腾讯邮箱团队也推出了一款模仿的产品 QQReader ( http://reader.qq.com )。体验了一下，虽然还不是很成熟，
不过相信经过进一步的改进，体验会好很多。分析了一下QQReader的实现方式。

页面呈现逻辑完全在客户端实现，事先根据文章的数量定义了N套模板.

      var  YS=
        {
          1:['tmp1_1'],
          2:['tmp2_1'],
          3:['tmp3_1'],
          4:['tmp4_1','tmp4_2','tmp4_3'],
          5:['tmp5_1','tmp5_2','tmp5_3','tmp5_4','tmp5_5','tmp5_6'],
          6:['tmp6_1'],
          7:['tmp7_1']
          };

例如5篇文章时，根据文章的id取模，假如取模为3，最终的模板就是tmp5_3
对于每种模板定义了具体的模板源码(还跟文章类型有点关系)和css

        aVJ=ar.TE([
          '
',
          '
',
          '$@$for($articles$)$@$',
          '
',
          '
',
          '
',
          '$title$',
          '

',
          '
',
          '$@$if($feed.title$)$@$ 来自：$feed.title$$@$endif$@$',

          '$@$if($comments.total$>0)$@$ | $comments.total$条评论$@$endif$@$ ',
          '

',
          '$@$if($images.idx$>-1)$@$',
          '
',
          '',
          '

',
          '$@$endif$@$',
          '
',
          '$digest$',
          '

',
          '

',
          '

',
          '$@$endfor$@$',
          '

',
          '

'
          ]),

.tmp6_1 .box2 {
    border-right:1px solid #D9D9D9;
    height:199px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:241px;
    width:300px;
}

他们的订阅的内容基本分成4中类型 RSS/博客/微博/新闻, 各自在呈现方式上会略有不同。

页面呈现九宫格，分别可以订阅一个源，可能是上面四种中的一种。
点击进入一格之后，通过Ajax获取30篇条目(文章),
数据中包含文章的标题、摘要，包含的图片(数量地址尺寸等), 视频，音乐,评论分享等。
对30条目进行分页，根据第一篇文章的id取模Hash计算，每页随机得到2～7篇文章。
再根据每页最后一篇文章id简单的取模Hash获取到具体使用的模板。
使用js将数据套上模板即可。
用户翻了几页之后，数据获取完，则再获取30条内容,重新获模板显示。

可见展现上还是比较单薄的，一是模板偏少，而且并没有更具文章内容的长短，是否包含图片
及图片尺寸来选择更合适的模板。

从数据源上看，文章的id大多是连续的，目前并没有在内容的过滤和排序上做什么工作，
这个才是flipboard的核心，帮助用户过滤掉无用信息，更快发现有价值内容.

对内容怎么做排序呢？
文章的关键字，分类，文章的长度，是否包含图片及图尺寸,是否包含其他多媒体内容
文章的阅读数，评论数，转发数，分享数，相关性
编辑手工推荐，热点内容等
用户行为分析，标签，爱好(常阅读，收藏，分享),
用户关系分析，好友亲密度，好友发表推荐的。

关于作者