Drupal网站案例分析--深圳公益广告大赛

Drupal案例

公益广告大赛网站(gongyi.szmg.com.cn)是深圳广播电影电视集团(SZMG)旗下的一个子站点,是SZMG新媒体中心为迎接深圳第四届公益广告作品大赛而专门设立的,由专业Drupal网站设计和开发公司深圳慧衡(intematrix.cn)负责网站主题设计和功能模块开发。站点大体功能要求如下:用户注册、作品提交、作品展示(平面作品/影视作品/音频作品)、往届作品回顾和社区讨论等。全站功能框架大概使用了一个周的时间完成,部分新的功能实现都是从头摸索,比如Exhibit、location和ImageFlow等模块。

面临的挑战

这样的多媒体类站点无论从主题还是到功能的实现,要求都是比较高的。主题简洁大方而又不失美观,功能丰富而要易操作,性能要求很稳定。

网站设计时间紧。要在短时间内实现这些功能,我们尽量使用稳定的Drupal功能模块,这样可以节省开发时间。

客户指定要使用Exhibit功能模块,此模块可实现一个结合Google地图的独特展示效果,可以很直观的看到参赛者和作品提交的来源、分布及统计。

Drupal案例

主题设计

媒体类站点对主题和样式设计的要求相对一般企业站点来说,要高得多。SZMG的专业美工人员先做出PSD图和静态html网页,然后我们按照Drupal主题的规则,在Zen主题的基础之上将其转化成一个全新的Drupal主题。经过多次测试,在主流的浏览器(包括IE 6&7、FireFox和苹果电脑的Safari)上都运行正常。

作品展示效果

Drupal案例

作品分为三类:平面组、影视组和广播组。我们使用CCK为不同组创建了对应的内容类型,便于用户提交相应作品。同时也为使用views来调用和展示各组作品提供方便。平面组作品都是以图片的方式来展示的,并且有些作品是多幅图片的,这需要用到多图展示的效果;影视组和广播组作品都是视频和音频,经过筛选后选择使用jQuery media及一些附件功能模块来实现,播放器采用的是JW Player。

往届作品展示采用不同形式的作品展示效果,因为在往届作品里都是以图片的形式展示的,所以就选用了Views slideshow + imageflow来完成。

使用的模块:

常用模块

  • Views2
  • CCK
  • Token
  • Forum
  • Advanced forum
  • Author pane
  • Fckeditor
不太常用但必需的模块
  • Front page:用来做首页的一个很不错的模块。
  • Exihibit:图表显示,结构丰富的可视化形式,可以进行搜索、筛选和排序来浏览数据。
  • Gmap
  • Location
  • Jquery Updata
  • ImageCache
  • Google Analytics
  • Auto assiginrole:可设定自动加入对应的角色,拥有一定的权限;
  • Legal:用来显示站点上的用户注册条款,并要求他们接受注册前注意事项等;
  • Gallery:很好的一个多产品展示模块;
  • Views slideshow:图片展示的炫丽效果,很棒的,也很常见到的; 
  • Userloginbar:为用户登录、注册提供一个小区块功能的模块;
  • jQuery media:启动视频和音频播放的模块;
  • file field paths:指定上传路径,可以让产品等存放有规律;
一些优化模块
  • Node Words 
  • PathAuto  
  • 主机托管

该站点正式上线前在主机托管方面遇到了一些问题。我们使用Drupal建立站点的前提要求是使用最佳环境LAMP(Liunx +Apache+MysQL+PHP)。我们一直都是在这样的环境下运作的,从美国服务器到国内自己的服务器。在这样的运行环境下Drupal系统才能保证稳定。

第一次移交站点的时候,发现客户的服务器环境无法满足所需的配置要求,其操作系统是Windows 2003 Server。我们先是尝试了一下,花费了不少时间,但出现了很多问题。最后网站还是放在LAMP环境上运行。现在该网站放在我们自己的服务器上(在慧衡的A建网平台上,访问ABuilder.net可了解更多信息)。

我们希望将自己设计和开发Drupal网站的经验和教训与Drupal爱好者分享。大家若有问题,可直接跟我联系(john.gu(at)intematrix.cn)。我们公司自己的几个网站都是Drupal做的,各位若感兴趣可浏览一下,包括慧衡主站(www.intematrix.cn)和A建网(www.abuilder.net)。