技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 信息和交互 --> 信管系建站分析

信管系建站分析

浏览:1394次  出处信息

    今年九月份,开始筹备我系的网站建设。虽然做了些许努力,但后来忙于功课和其他事务,没有具体成果。现在时间相对充裕,对网站做进一步策划。

    一方面,通过和学长联系,交流经验和成果;另一方面,整理已经储备的知识,理清思路,制定计划,开始具体进度的实施。

一、需求评估

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/

QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1