You are here

Drupal站点分享:一个公益广告大赛的站点

Sky 的头像
Submitted by Sky on 星期三, 2009-09-30 04:23

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

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

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

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

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

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

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

使用的模块:
常用模块

  • 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可了解更多信息)。

一些模块效果图:
Views slideshow效果图:
Views slideshow展示图
Exhibit展示图:
Exhibit展示图1
Exhibit展示图2
Gallery多产品展示效果:
多图展示效果
这几个我感觉是经常用的,找的时候花了很多的时间,才找到现成的模块,给大家共享下,需要这样效果的,就剩了点时间,O(∩_∩)O~
功能部分,这些列出的大概就是我使用的模块。主要还是怎么样更合理的配合使用,以及模块的设置上。在这里也给大家提个醒吧,也是我做的时候常犯的一个错误:权限问题。看似很简单,就是这样细小的细节,可没少让我吃了苦头呀!

特别感谢:
     在这里特别感谢下老葛,在我建这个站点上遇到些问题上,给了我一些解决办法的思路,让我会快的就找到了解决方法,同时也要谢谢Drupal群里的朋友们。这次把这些分享下,后边我会不断的将建站的过程跟进。有不足之处欢迎提出建议,有需要使用那些功能模块的朋友,如有碰到问题也可以交流下,交流QQ:925026362(闲谈勿扰)。
文章来自:http://www.intematrix.cn/blog/drupal-website-design/gongyi-szmg

评论

bluewell 的头像

   按照老葛的建议,我用NODEQUEUE 和VIEWS-SLIDESHOW 创建了SLIDESHOW,但是总觉得不够优美

不知道你的SLIDESHOW是怎么实现的?

另外,如果还是用ODEQUEUE 和VIEWS-SLIDESHOW 创建SLIDESHOW,如何修改SLIDESHOW的显示方式?需要修改那些文件?

请指导。

g089h515r806 的头像

SLIDESHOW有很多设置参数,另外需要对美工进行一些配置,对于这个特殊的效果,还需要结合views_slideshow_imageflow模块使用.

总体来讲,slideshow是所有dRUPAL模块中,这种幻灯功能里面的最优秀的一个。

可扩展性,可配置性,基于Views

恩  老葛分析的很详细,我这个忘了说了,另外我使用mageflow模块,实现的这种效果。