信管系建站分析
今年九月份,开始筹备我系的网站建设。虽然做了些许努力,但后来忙于功课和其他事务,没有具体成果。现在时间相对充裕,对网站做进一步策划。
一方面,通过和学长联系,交流经验和成果;另一方面,整理已经储备的知识,理清思路,制定计划,开始具体进度的实施。
一、需求评估
1、市场分析
作为系站,而不是门户网站、电子商务网站等,市场对象非常简单:学生和老师,且主要是本校本系的师生。所以,整个网站的内容与架构应该清晰明了。
2、市场预测
鉴于其“事业单位网站”的属性,初次上线后,访问量应超过于每日5次,浏览量应该超过每日10次。
3、平台环境
分析
现在负责建设的三个主干成员,两个都可以相对熟练使用php和mySQL,另外一个掌握了.net技能,但没有连接上数据库。计算机机房主要使用的windows服务器,目前不支持直接挂php网站。
php语言轻便简洁,mySQL开源强大,对付系站绰绰有余。
对策
网站语言为php,数据库平台使用mySQL。服务器处理程序用自带的IIS,并加以调试,使之支持php。写作平台不限,测试平台再讨论。
二、资源整合
1、人才招募
根据自己十月份写的一份“信管网络工作室‘寻人启事’”,已经初步规划了招募要求。(文件见参考资料)
2、沟通机制
建立、完善、维护顺畅的沟通机制,包括即时通讯、电邮、手机。由于都是学生,应提供课表和作息表,最大限度保证交流渠道的畅通。
3、个人资源
建立共享机制,比如Google文档,QQ群,网盘等,分享个人信息与资源。
4、公共资源
提供公共工作室,至少保证电力和网络需求,以供成员讨论。
提供测试服务器,如果不行,提供服务器环境数据,以作“模拟”之用。
三、战略路线
1、产品策略
定位
作为“官方网站”,在于其权威性。从内容上,应代表主体方的声音和利益,同时包容各种观点,内容设置要妥当,做到有的放矢。从形式上,版式的设计应更多地强调“融入共性”,而不是宣扬个性。从平台上,应尽量开放,并提供扩展接口。
配置
作为学校系里的一个站点,首先应该和学校官方网站在行文风格和版式上保持一致,其次应该突出自己的特色,展现差异化。
注意事项
第一,总的来说,官方网站由于过于看重“权威性”,导致与用户的互动降低。对于行政网站来说,往往时效性差。网站建设时应避免这两点。
第二,内容重于形式。应该避免沦为“只见树干,不见枝叶”。
2、产品规划
类别规划
1、发布型:主动发布信息,供师生学习;
2、交互型:提供话题等信息来源,供师生交流。
具体栏目设置如下:
名称(目录名) | 说明 |
业界news | 信管业界新闻 |
展示exhi | 按“年级-班级”作为子栏目 |
专业major | 学科(比如管理学、英语)的资料共享 |
推荐recom | 书book,影video,音audio:大范围推荐 |
分享share | 文字与摄影,原创或转载 |
活动activ | 提议活动(比如爬山、旅游、调查),走出课堂 |
话题topics | 论坛 |
英语角echo | 英语相关的论坛或其他课下形式 |
图书馆藏lib | 好书推荐 |
注册登录login | 注册和登录 |
其他info | 加入团队、信管简介、站点地图、隐私策略 |
备注 | 英文为该栏目的目录名称 |
代码规范
见案例分析。
3、计划制定
作为一个小型站点,利用“时间轴”来制定、跟踪、监督进度最为合适,见图000。
四、反馈与改进
不断收集各方面信息,主要包括界面设计、板块要求、错误反馈和功能需求。
关键是主动。
办法是建立“反馈跟踪表”,如下:
编号 | 模块 | 特征 | 描述 | 属性 | 实现价值 | 实现难度 | 优先级 | 日期 |
1 | 账户 | 找回密码 | 通过发邮件的方式 | 基本 | 高 | 低 | 高 | 2010-06-09 |
五、案例分析
1、代码规范
通过统一的《技术文档》和《范例》来规范代码,本站用例:图001和002。
2、界面设计
风格
设计要求学校官方站点和系站在风格上趋近,同时体现自己的特色。哈弗大学用例:图003和004。哈弗大学网站美观精致,仅仅有条。
武汉大学用例:图005。武汉大学网站错落有致,简单大方,但内容出现溢出和重叠。
兼容性
要求在各个浏览器上都能够达成预期显示。这就要求符合w3c规范。国外做得比较好。武汉大学珞珈学院计算机科学系的网站发生兼容错误:图006和图007。另外,计科系流于形式,内容较为缺乏。
3、栏目设置
华中科技大学武昌分校作为同类大学,其“信息科学与技术”系的网站,不论是设计还是栏目规划上,都可圈可点:图008。
4、本站分析
学校官方站点:图009,有一笔淡淡的中国风和现代美。
以前信管系的版本:图010。后台功能不够完善,前台界面设计糟糕,用户体验差。
现在的首页:图011、012和013。主页参考学校官方站点的风格,并加以扩展和延伸。图片的选择是随机的。目前仅完成了“业界”模块。需要说明的是,网站采用了伪静态化技术,有利于搜索引擎优化。
“业界”栏目:图014。左侧导航简洁、利落。
文章视图:图015。登录后自动填写评论表单,评论采用异步交互技术。右侧的“喜欢”按钮参考了豆瓣的“推荐”设计,对文章内容的排序进行了优化。文章不仅按栏目分类,还通过“标签”进行社会化组织,增强黏性。
后台登录:图016。
后台发布文章:图017和018。引入了全局函数处理文本,保证中文样式的段落首行空两格。可以添加图片。
后台添加题图:图019。可以根据实时需要,添加首页题图,保证网站的时效性。
参考资料:
1 访问量 http://baike.baidu.com/view/20241.htm
2 官方网站 http://baike.baidu.com/view/66851.htm
3 《信管网络工作室“寻人启事”》http://cuikai-wh.com/wp-content/uploads/2010/06/imNetStudioHunter.pdf
4 《人人都是产品经理》产品需求的列表 苏杰著 电子工业出版社 第72页
5 哈弗大学网站 http://www.harvard.edu/
6 武汉大学网站 http://www.whu.edu.cn/
7 武汉大学珞珈学院网站 http://luojia-whu.cn/
8 武汉大学珞珈学院计科系网站 http://cs.luojia-whu.cn:8088/CS/FrontPages/
9 武汉大学珞珈学院信管系旧站 http://xg.luojia-whu.cn/
10 华中科技大学武昌分校信科系 http://xxkx.hustwb.edu.cn/structure/index.htm
11 豆瓣网 http://www.douban.com/
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:崔凯(小轰) 来源: 时光立方
- 标签: 建站分析
- 发布时间:2010-07-21 23:37:28
- [65] Oracle MTS模式下 进程地址与会话信
- [64] Go Reflect 性能
- [64] 如何拿下简短的域名
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 【社会化设计】自我(self)部分――欢迎区
- [58] 图书馆的世界纪录
- [56] android 开发入门
- [53] 视觉调整-设计师 vs. 逻辑
- [46] 读书笔记-壹百度:百度十年千倍的29条法则
- [45] 界面设计速成