Alpha版本——展示博客【第二组】

成员简介

章豪

http://cnblogs.com/roar/

角色：

PM,后端

个人介绍：

努力学习开发的小菜鸡，管理小白，背锅组长

贡献：

- 设计开发计划

- 跟踪项目进行

- 组织开组会

- 编写后端程序

马睿淳

http://cnblogs.com/Mrc233/

角色：

后端

个人介绍：

努力向豪哥学习开发的小菜鸡，日常赶ddl

贡献：

- 图片上传功能

- 个人和板块部分数据库设计

- 用户收藏关注功能实现

赵瑞

http://cnblogs.com/rui-zhao/

角色：

后端

个人介绍：

努力向豪哥学习开发的小菜鸡，日常赶ddl

贡献：

- 有关帖子的后端代码

张裕人

https://www.cnblogs.com/cgyr/

角色：

前端组组长

个人介绍：

前端萌新，撸页面调样式虽然很累但也很有趣。

贡献：

- 主页界面

- 个人页面界面

- 个人信息界面

- 修改信息界面

- 回帖界面

- 统筹安排前端工作和计划

- 完善侧边栏、导航栏

姜文彬

https://cnblogs.com/j1508015376/

角色：

前端

个人介绍：

努力学习各种杂乱知识菜鸡小白

贡献：

- 登陆界面

- 注册界面

- 找回密码界面

- 相关js和css

余子昊

http://cnblogs.com/Jerry_7/

角色：

前端

个人介绍：

学习了前端的技术，一边学习一边做界面

贡献：

- 主界面

- 板块界面

- 个人主页界面

- 更新js和css

- 撰写博客

张学忠

http://cnblogs.com/sumuyu/

角色：

前端

个人介绍：

零基础，在努力的小白

贡献：

主页面，侧边栏，导航栏的编写与设计

腻腻小姐姐　　　　　 

角色：

美工

Alpha版本展示

1、需求分析及亮点介绍

　　本组开发产品为“新版瀚海星云BBS”，简而言之，就是将94年开发、C语言编写、采用文件系统作为框架而使用至今的中国科大官方BBS——瀚海星云，通过当代HTML5、Django与数据库等新技术进行重构，在保留其原有优势的基础上，美化其界面、结构和布局，并增添各种符合当代人使用习惯的新功能。以下将分别介绍其需求与亮点。

　　需求分析：

　　随着互联网技术日新月异的发展，QQ、贴吧、微博等新社交平台走上历史舞台，老牌的网上集群交流平台——网络论坛早已不复当年一统江山的雄姿，甚至可能让人觉得有些过时，曾经火爆至极的多数知名论坛如今已演变为不温不火的情态。但是，网络论坛的生命力依旧不容小觑，其用户集群性、话题性和消息传播能力都可比肩当下各大平台，独特的消息结构更能方便地传播官方公告。校园论坛，则更能发挥BBS的优势，具体需求体现如下：

　　①便捷的身份认证。

　　校园线上交流平台能起到传播官方信息、接收师生反馈、加强校园管理层与师生联系等作用，还能起到校友互帮互助、提供价格优惠的二手买卖、预定场地等作用。因此，我们往往希望在其中交流、享受校园福利的是在校师生或老校友，这就需要进行准入门槛限制，即身份认证。现有的各大平台，如百度贴吧、新浪微博乃至cnblog，都很难对准入人进行较方便的限制，而校园BBS作为特化的、专为某校设计的交流平台，可以非常方便地通过注册邮箱格式限制达到身份认证的目的，例如瀚海星云BBS的账号注册需要使用中科大邮箱，而北大未名BBS的账号注册需要北大邮箱或其友校邮箱。这是校园BBS胜于其他平台的一大优势。

　　②出色的官方信息发布效率。

　　BBS作为校内专属平台，教务处等校园管理方可以在主页上最显眼处更新通知，每位点进BBS页面的师生都能很方便地一眼看到最新通知，信息传递效果良好。比之信息零散化、容易淹没在各种动态中的官方微博和QQ/微信公众号，BBS的效率无疑是稳定而有保障的。同时，BBS汇集了多个板块，每个板块又涉及不同的学校部门、学生社团乃至实验室，发布的信息可以说是“一网打尽”“多而不乱”“有迹可循”，比起较为零散、信息容易混杂的其他平台，BBS的结构无疑更适合校方的信息发布。

　　③高效的师生、生校交流渠道。

　　这一优势同样由BBS的专属性质保障。在保障了用户身份的可靠性后，官方各部门完全可以分派人员在BBS中收集师生意见、建议，及时作出反馈，既能快速应对、解决问题，又能给师生一条透明、有效的申诉、提议、监督渠道，极大地便利了师、生、校间的交流。目前的老版瀚海星云也设置了饮食服务集团、校长信箱等板块，接收师生建议，饱受好评。

　　对于广大同学，BBS也提供了方便讨论的平台，能让同学们在发帖、回帖的过程中交流、思考，有效增强同学间的合作。

　　综上三点可以看出，校园BBS相较于其他竞品，确有过人之处，存在较大需求。而我们组的调查问卷也表明，大多数同学和老师都乐意使用校园BBS、期望对现有的瀚海星云BBS进行“更新换代”，详细数据可参考先前的需求分析调研。

　　亮点介绍：

　　以下介绍我们组开发的新版BBS与旧版相比所具有的亮点。

　　①更美观的界面、更现代的交互。

　　旧版BBS布局较为拥挤，字号较小而可读性较差，对于初入BBS的新用户，往往看瞎了眼都找不到想找的帖子或板块。同时，旧版BBS基于文件系统制作，其帖子的发送和回复方式如同邮件发送。举例来看，A用户发帖xxx，B用户回帖后，版面中会显示A发帖xxx，B用户发帖Re:xxx，而A用户再回帖就又多一条Re：Re：xxx，这样的帖子交互形式无疑与当代格格不入。最后，旧版BBS作为上世纪末的顶尖产品，其风格自然也是一股复古的windows2000风，动画、特效等基本不必谈。

　　而新版BBS布局较为宽松，字号也调整得更适合阅读，设计上让进入主页的用户先阅读关键信息：校园十大和校方通知，再阅读个人感兴趣的内容：我的关注、我的收藏，再下拉才是各个板块分区。考虑到可读性，各分区默认收起，其名牌上附有分区名和关键词，用户可以根据它们找到自己想浏览的分区，再展开分区、寻找其中目标板块，点开板块后进行帖子浏览。为了兼顾信息密度与操作流畅性，增设左侧与上侧导航栏。同时，新版BBS采用当前流行的“一帖式”帖子交互，每个帖子发出来后不会“增生”，回帖的用户会在帖子内部“盖楼”，方便用户的浏览、回复。作为新时代的产品，新版BBS采用html5+css3等技术进行开发，具有美观的组件、圆滑的特效与动画，并且尽量采用响应式设计和开发以兼容移动设备。

　　旧版BBS：字体密集的主页，主次难分、分区散乱

新版BBS：主次分明、布局合理、强调用户、组件先进

旧版BBS：FW+RE式帖子新版BBS：符合主流的帖子排布

　　②更注重用户、更鼓励交互。

　　旧版BBS的用户体验堪称绝望级，以上边的帖子界面为例，就能找出几项反人类设定：用户名全英文、发帖日期英文加数字、发帖日期不提供年份、莫名其妙的状态列和属性列、意义不明的字数统计、由邮件系统带来的冗余帖子铺陈、按钮字号小得难以辨识、倒序排列的帖子顺序等等。而新版BBS参照了当下较受欢迎的贴吧、知乎风格，采用较为简明且符合正常浏览习惯的帖子分布设定，并且让发帖人能得到更充分的自我展示（之后将在右侧发帖人姓名与发帖时间左端加上附带链接的发帖人头像）。

　　旧版BBS对用户间交互的支持也是少之又少，其用户页面如下图，可谓简单而不简约。新版BBS参照微博、QQ等主流社交平台对用户的信息展示，设计了更全面、精美的个人主页、个人信息页面，增设个性签名、个人日志等QQ端受欢迎的个人展示模块，并加入了贴吧、微博中较为成功的关注用户、收藏帖子功能，关注用户后即可收到被关注者发帖、回帖的相关动态信息，收藏帖子可以方便留存干货帖子日后备查，都能很大程度上方便用户、鼓励用户之间进行交互，也就是鼓励使用校园BBS的师生们加强交流合作、构建和谐师生关系。同时，新版BBS还参照贴吧、知乎，加入了强大的站内发信和站内聊天功能，为用户间的交互大开方便之门。在以下的展示环节中，会对以上内容进行具体展示。

旧版BBS：……新版BBS：更充分合理的个人信息展示

2、功能展示

①主页面功能展示：

②聊天界面功能展示

③信箱功能展示

④个人日志功能展示

⑤登录、找回密码等页面展示

⑥回帖页面展示

⑦个人页面展示

3、Beta版规划

　　Alpha版中，我们实现了一个BBS所需要的各种基本功能，但说到底也只是搭了个框架、还没有往其中填充内容。而且这个框架搭得并不稳固、华丽，距离我们的目标还相差甚远。对于前端而言，Beta版要达到更统一的页面风格、更美观的布局和控件、更动感更合适的动画效果，并且适当增添一些页面、用美工小姐姐提供的基础图标替换目前bootstrap自带的图标。对于后端而言，Beta版要实现对前端各接口的对接、将BBS放到服务器上运行。最后，若一切顺利，我们希望在前后端任务完成后能把旧版BBS的部分板块数据接入到新版BBS中来，提供给一些用户测试使用，并在结课后补强整个BBS的安全防范问题等，尽量做出有价值、有意义的成品。