Macji Pro2010

记录一些应该记录的东东

还是宝淘, 还是倒过来淘宝, 还是Beta

October 11, 2009 - by Macji - HTML/CSS/JS/PHP - baotao, top, 宝淘

ok, 宝淘 Beta是什么呢, 一个基于淘宝开放平台(TOP)开发的淘宝商品热卖推荐网站. 通过标签(tag) 形式来展现商品. 开发时间较短(国庆那几天写的, 10.6号发布的), 比较简单的说, 很多交互还没有优化. 废话了, 进去一看就知道了.

谈谈实现吧, 首先, 宝淘是一个纯javascript开发的一个站, 没有任何后端技术, 就一纯净的html. 怎么实现TOP查询跟展现呢. 首先是TOP的签名, 我看看为代码就知道怎么实现了. md5这些, 用php.js 就可以搞定了. 再用YQL去查询. 这样就完全没有难点了. 剩下的就是交互的实现了.

说说界面吧, 很多人一看, 就问我界面哪抄的, 说实话, 界面确是抄的, 我没有能力设计这么帅的, 抄的是一个第三方twitter的web客户端http://hootsuite.com/, 只是抄设计, 所有的实现都是自己按自己的思路写的, 我有洁癖, 一直以为改别人的东西还不如自己重新写来的快. 不过有些地方还是参考了, 比如class的命名. 当然日后我会找人设计一套皮肤.

还有更新计划, 目前只是简单的实现按标签检索的方式, 分页等, 那接下去会实现:

  1. 本地存储, 用来保存用户浏览过的标签(其实我的interface.js里, 已经存在接口了.);
  2. 搜索功能 (搜索的交互都做完的了, 但宝淘存在意义是让那些没有购物目的人找到购物目的. 后来就去掉了)
  3. 优化交互(很多交互都很生硬, 不流畅.)
  4. 整合Twitter, 边看宝贝, 边发Tweet

最后, 还有贡献者, 本来把项目寄放在GAE, 无奈, 某东东发飙, 访问的很不稳定. 幸亏有 小脚儿 贡献的空间, 这里还是谢谢他的贡献...
如果您有什么意见, 请联系xiaomacji[at]gmail.com, 或者 直接 发twitter给@ibaotao. 如果您愿意贡献独立的设计, 创新的交互形式, 优雅的代码, 也请联系xiaomacji[at]gmail.com.

-------------分割线


目前淘宝UED广招web前端开发工程师, 欢迎发简历. 有简历, 有机会.

update:


2009-10-13 20:30

2 条评论»