马上就加载好了...
王佳冬中文博客

基于互联网的社会性交际网络设计(2)

by on Oct 03 , 2016 , under 学术 , 40 views , Leave a Comment , 网址太长?

最近人在外度假,突然看到了大学毕业时的论文,整理了一下,通过三次把内容发上来吧。由于时隔将近10年的时间,也就当老古董看看啦,千万别认真,哈哈!(省去目录、摘要、翻译等内容)

4 搭建一个简单的SNS平台

4.1利用ComsenzEXP搭建环境

简单地介绍完了SNS,接下来就要自己动手去搭建一个简单的SNS平台了。首先要做的是搭建一个Apache+MySQL+PHP的服务器环境。

假设服务器的操作系统是Windows Xp,则需要先安装ComsenzEXP。

ComsenzEXP是康盛创想科技有限公司全新开发制作的一套包含了运行 PHP 程序的软件环境,该程序包完全开源,其前身为 Discuz!EXP,目前在Windows 2000/XP/2003/Vista/7且内存在256MB以上的操作系统上都可以安装,一般需要几百兆的硬盘空间(视运行的php程序的大小而定),深受中小型网站站长们的青睐。

ComsenzEXP的最新版本是2.0.0,它提供的是一种快捷的一键式安装体验,网站站长无需担心在Windows平台下如何安装及正确配置 Apache、MySQL、PHP 等等繁琐复杂的问题。ComsenzEXP 2.0.0能够帮助站长迅速构建Apache+MySQL+PHP的服务器环境,同时还集成了数据库操作管理软件phpMyAdmin和程序运行速度优化软件Zend Optimizer。其中Apache 版本为2.2.10、MySQL版本为 5.0.67、PHP 版本为5.2.8、Zend Optimizer版本为 3.3.0、phpMyAdmin版本为 2.10.0.2。ComsenzEXP对大部分php程序都适用,尤其是康盛创想科技有限公司旗下的所有php产品:Discuz! 、 UCenter 、UCenter Home 、SupeSite 、X-Space等。

接下来正式安装ComsenzEXP 2.0.0:

  1.  打开安装文件Setup.exe,阅读欢迎词和许可协议,点击“下一步”。
  2. 设置安装目录,默认为D:\ ComsenzEXP,并且创建桌面快捷方式,点击“下一步”,随后程序开始加载文件。
  3. 程序加载完毕后,开始配置Mysql,输入计算机的内存容量,默认端口为6033,点击“下一步”。
  4. 配置 Apache HTTP,输入网站站长的邮箱和网站主机名称,一般情况下网站主机名称设置为localhost,即本地服务器,默认端口为1108,点击“下一步”。
  5. 配置php,输入允许上传附件大小和允许提交数据大小,一般都不大于10M,这些设置将保存到php的配置文件php.ini中去,点击“下一步”。
  6. 提示安装成功并启动ComsenzEXP,检查安装目录下的文件夹和文件,其中wwwroot是web文件目录,tmp是临时文件目录,Apache2、MySQL5、PHP5、zend四个目录分别对应Apache 2.2.10、MySQ 5.0.67、PHP 5.2.8、Zend Optimizer 3.3.0应用程序目录,Start.bat是ComsenzEXP启动文件,Stop.bat是ComsenzEXP停止文件。

至此,ComsenzEXP 2.0.0已安装完毕,PHP 程序的软件环境已经搭建成功。

4.2安装UCenter Home 2.0

UCenter Home(简称 UCH) 是康盛创想科技有限公司全新开发制作的一套采用 PHP程序+MYSQL数据库构建的开源的社会性交际网络软件,目前最新的版本是2.0。通过 UCenter Home,站长可以轻松构建一个SNS,让用户可以记录生活中的点点滴滴、发布日志、上传图片等,更可以方便的与好友们一起分享信息、讨论感兴趣的话题、了解好友最新动态等,与国内外知名的SNS模式、功能十分相似。

由于康盛创想科技有限公司旗下所有开源php产品的用户数据都存储在用户数据中心UCenter中,由UCenter负责各个产品之间的数据传递,实现用户的一站式登陆,所以在安装UCenter Home 2.0之前,必选先要安装UCenter程序,目前UCenter的最新版本是1.5。

接下来就安装UCenter1.5:

  1. 启动ComsenzEXP 2.0.0。
  2. 将UCenter 1.5程序包解压缩到本地,再将upload文件夹下的所有文件复制到web目录下,如D:\ ComsenzEXP\wwwroot\u\。如果是远程操作,请一定使用二进制方式上传并设置Internet 来宾帐号可读写的权限。
  3. 在浏览器中运行http://localhost:1108/u/install,看到安装页面。
  4. 阅读授权协议和目录权限检测,点击“下一步”。
  5. 配置数据库,设置数据库服务器地址、数据库用户名、数据库密码、数据库字符集、数据库名和表名前缀,根据ComsenzEXP 2.0.0集成的软件,以上信息可以依次设置为localhost:6033、discuz、discuzexp、gbk、discuz、uc_,点击“下一步”。
  6. 在数据库配置成功之后,设置管理员用户名和密码,点击“下一步”。
  7. 提示安装成功并自动跳转至UCenter 的后台。

至此,UCenter 1.5已经安装完毕,并可以正常运行。

接下来正式安装UCenter Home 2.0:

  1. 将UCenter Home 2.0程序包解压缩到本地,再将upload文件夹下的所有文件复制到web目录下,如D:\ ComsenzEXP\wwwroot\sns\。如果是远程操作,请一定使用二进制方式上传并设置Internet 来宾帐号可读写的权限。
  2. 重命名根目录下的文件 config.new.php 为 config.php。
  3. 在浏览器中依次进入 UCenter 后台——应用管理——添加新应用——使用 URL 安装,并输入安装地址,如http://localhost:1108/sns/install/index.php,点击“安装”。
  4. 阅读授权协议和目录权限检测,点击“下一步”。
  5. 配置UCenter,设置URL和管理员密码,URL如http://localhost:1108/u/,点击“下一步”。
  6.  配置数据库,设置数据库服务器地址、数据库用户名、数据库密码、数据库字符集、数据库名和表名前缀,根据ComsenzEXP 2.0.0集成的软件,以上信息可以依次设置为localhost:6033、discuz、discuzexp、gbk、discuz、uchome_,点击“下一步”。
  7. 在数据库配置成功之后,设置管理员用户名和密码,点击“下一步”。
  8. 提示安装成功并尽快删除install目录下的所有安装文件。

至此,UCenter Home 2.0已经安装完毕,SNS系统已经可以正常运行。

4.3添加专用功能模块

有这样一个网站:维特兄弟(Wintbros.com),这是一个UED团队,他们本来有一个Discuz!程序的论坛,希望建立一个新的SNS平台取代原有的论坛平台,并把该项目命名为“维特兄弟社交”。他们希望把国内UED领域的人脉聚集到这里,形成国内最大的UED交际网络,方便工作、讨论、交流等。

首先要做的是将本地测试的平台“搬”到互联网上去,把Wintbros.com这个国际域名解析到本地服务器的固定ip地址,然后将网站的根目录绑定为D:\ ComsenzEXP\wwwroot\,即UCenter的URL在绑定后变为http://wintbros.com/u/,而UCenter Home的URL则变为http://wintbros.com/sns/,这样一来,用户就可以通过互联网访问这个SNS平台了。

然后要做的便是将Discuz!用户数据导入到UCenter Home中,由于UCenter Home的用户数据和Discuz!的用户数据都存放在UCenter中(这也是之前为什么一定要先安装UCenter的原因),因此只需在UCenter中进行“更新缓存”操作即可。如果遇到比较老的Discuz!版本,则需要重新安装一次UCenter程序,再将之前备份的数据库文件导入到phpMyAdmin中去。

数据导入完毕之后,原有的Discuz!用户就可以使用原来的帐号轻松地登陆UCenter Home了,但是此时的网站功能不完全符合UED领域的人士,因此,需要添加一些专用的功能模块:

一、 由于UCenter Home本身不支持手机访问,而各位UED都着高端的手机设备,希望能通过手机随时随地的交流,因此需要加入手机端的入口。具体操作:

(1) 修改Mobile UCH 2.0并将所有文件上传至wap文件夹。
(2) 打开db.class.php进行简单的数据库设置,如数据库地址、用户名等。
(3) 打开common.php编辑网站域名、ucenter访问地址等信息。
(4) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(5) 使用手机访问http://wintbros.com/sns/wap 测试登录。

这个功能的原理是将程序简单化,即将所有页面做成手机能访问的网页即可。

二、 目前国内UED领域没有专业的人才招聘网站,因此大家希望在这个站点加入专业人才的招聘系统。具体操作:

(1) 在uchome_job的基础上开发相关的代码并将所有文件上传至job文件夹。
(2) 创建mysql表uchome_job_collec、uchome_job_company、uchome_job_newjobs、uchome_job_resumes、uchome_job_study、uchome_job_visitor、uchome_job_work并完善表单。
(3) 打开template/default/header.htm模板文件,添加侧栏链接代码:

 

“<li><img src=”image/icon/jobs.gif”><a href=”job.php?ac=index”>求职</a><em><a href=”job.php?ac=resumes&classid=all”>招聘</a></em></li>”。

(4) 打开admin/tpl/config.htm模板文件,添加后台管理代码:

“<tr><td width=”120″>允许招聘求职</td><td> <input type=”radio” name=”config[name_allowjob]” value=”1″<!–{if $configs[name_allowjob] == 1}–> checked<!–{/if}–>>是<input type=”radio” name=”config[name _allowjob]” value=”0″<!–{if $configs[name_allowjob] != ‘1’}–> checked<!–{/if}–>></td></tr>”

(6) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(7) 发布招聘岗位、应聘功能测试。

这个功能的表单结构非常复杂,但实现原理却很简单。

三、 商家点评是目前国内很热门的服务,UED的同仁们也想拥有自己的点评系统,以满足圈内的交流:

(1) 在“商家点评 v2.0”的基础上开发相关的代码并将所有文件上传至shop文件夹。
(2) 创建mysql表uchome_shop_class、uchome_shop_detail、uchome_shop_flower、uchome_shop_goes、uchome_shop_responds、uchome_shop_reviews、uchome_shop_shoptags、uchome_shop_wantgo并完善表单。
(3) 利用Google Maps开发LBS(locatione-based services)功能。
(4) 申请Google Maps API Key:ABQIAAAAyLurbBmkQJ2-9_Lb
JRRzdxShGwwoADPVMfNXVmOl0XF1d1CRbRSSfno2KxxYSVAa3VE-Imed4ZKQcQ。
(5) 打开shop.php文件,将获得的api输入到$_SC[‘GoogleAPI’]。
(6) 打开admincp.php文件,添加代码“array(‘base’,’pingdao’,
‘neirong’,’shop’,’reviews’,’shoptags’)”。
(7) 打开admin/tpl/header.htm模板文件,添加后台功能代码:“’base’ => ‘积分与审核’, ‘pingdao’ => ‘频道设置’, ‘shoptags’ => ‘标签管理’, ‘shop’ => ‘商铺管理’,’neirong’ => ‘点评内容’,’reviews’ => ‘回应内容’,”。
(8) 打开template/default/header.htm模板文件,添加侧栏链接代码:

“<li><img src=”image/icon/shop.gif”><a href=”shop.php”>点评</a><em><a href=”shop.php?ac=new”>发布</a></em></li>”

(9) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(10) 发布店铺、点评店铺、地图定位测试。

这个点评系统类似于国内的“大众点评”,区别比较大的是这里加入了先进的LBS系统,颇有Foursquare的感觉。

四、 微博也是目前非常热门的web 2.0应用,身为UED的人士一定对微博这项服务充满着兴趣,所以我们也需要提供这样一个平台:

(1) 在UCenter Home自带的功能模块“记录”上开发相关的代码。
(2) 打开所有的模板文件,将“记录”、“心情”、“状态”替换为“微博”。
(3) 将输入字符限制调整为150个字符,并支持表情的输入。
(4) 开发“微博广场”,并将隐私设置为全站可见,所有人的微博一目了然。
(5) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(6) 测试发布微博、评论微博、删除微博等功能

这项功能看似简单,但却拥有了目前微博的几大基本功能,再结合刚才开发的手机版UCenter Home,完全可以实现腾讯微博的功能。

五、 由于站点会不定期举办UED活动,因此需要加入“系统公告”功能模块,而UCenter Home并没有该功能,因此可以进行如下设计:

(1) 设定活动发布员的id为742。
(2) 依次进入进入设置——高级管理——数据调用。
(3) 点击“添加新模块”,设置“变量名”为“gonggao”,“缓存时间”为“300”秒,获取第1-5条数据,点击“提交”。
(4) 获得js调用编号id=1。
(5) 打开模板文件template\default\space_feed.htm,在“最近来访”模块之前加入模块代码:

“<div class=”sidebox”><h2 class=”title”>系统公告</h2><script language=”javascript” type=”text/javascript” src=”js.php?id=1″></script></div>”

(6) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(7) 打开用户首页,发布相关活动信息进行调用测试。
通过以上简单的办法,就可以为SNS增加“系统公告”功能了,其实现原理就是将调用的数据静态化,并设置一定的缓存时间自动更新。
六、 简单的交流会显得非常枯燥,所以UED们希望加入更多的娱乐元素,比如社交游戏等,而站长也需要第三方组件的相关盈利,因此需要进行第三方组件的设置:
(1) 登录后台,依次进入设置——高级管理——MYOP应用。
(2) 点击“开启用户应用功能”并查看所有的第三方组件,在这里可选择性地开启部分游戏组件并设置默认的游戏组件等。
(3) 全部设置完毕后,点击“杂项设置”,设置“应用添加”为“全部应用自动添加”,即用户可自由添加和卸载第三方应用,点击“提交”。
(4) 点击“漫游币服务”,点击“现在开通漫游币支付服务”并进行一些简单的设置。
(5) 重新载入网站页面,测试第三方组件的性能。

通过这些步骤,用户可以在SNS平台中玩社交游戏,大大增强网站黏贴度,同时也为站长制造一些客观的收益。

我们为该平台添加的主要功能模块有:手机版、招聘系统、点评系统、微博和游戏。

4.4包装推广SNS产品

平台搭建好了,但是这远远不够,因为现在的SNS平台没有任何的信息,可以称为是“裸站”,且现在网站内容仅仅是放在本地服务器上测试,并没有放在互联网上运行,所以接下来就是包装和推广这个SNS产品了:

一、 由于各位UED希望搭建一个非常私密的交流空间,不希望外界打扰和泄密, 所以需要对站点进行一些隐私设置:
(1) 登录后台,依次进入设置——高级管理——隐私设置。
(2) 在“游客开放浏览”选择“否”,“新用户默认隐私设置”全部设置为“仅好友可见”,点击“提交”。
(3) 依次进入站点设置——实名认证设置,“开启实名”选择“是”,“实名需手工认证”选择“是”,“未认证实名权限”全部选择“否”。
(4) 依次进入站点设置——注册和显示,“关闭新用户注册”选择“是”,“关闭邀请注册功能”选择“否”,点击“提交”完成设置。

由于站点的需求所以做了上述隐私设置,并对站内的所有文件进行了防盗链设置。而对于新邀请注册用户,网站管理员人工认证后方可使用。

二、 由于UED是一群热爱设计的朋友,因此UED专属的SNS平台也不能太难看了,因此需要进行一些界面设计:

(1) 打开文件夹template\default\,对这些html模板文件进行修改和重新制作,可使用网页制作软件fontpage。
(2) 打开css文件template\default\style.css,对相关的颜色值进行设置,尽量保持风格统一、单页面颜色不超过三种。
(3) 打开文件夹template\default\image,对这些图片进行美化或重新制作,可使用图像处理软件photoshop。
(4) 将制作完的模板、css、图片重新上传至服务器并覆盖原有的文件。
(5) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(6) 重新载入网站页面,测试并迭代测试。

通过这些步骤,可对网站内任何网页进行美化,效果非常好。

三、 由于维特兄弟的站长还希望在SNS首页上做一个大篇幅的广告以取得相关盈利,因此需要如下设置:

(1) 制作好相关的广告,大小为500*123像素,命名为index.jpg并上传至SNS平台根目录下。
(2) 登录后台,依次进入设置——高级管理——广告设置。
(3) 点击“添加新广告”,设置“广告类型”为“用户自定义广告”,“广告标题”为“个人主页公告区”,“广告方式”为“代码”。
(4) 在“广告代码”中输入“

<div id=”feed_box” class=”ye_r_t”> <div class=”task_notice”><div class=”task_notice_body”> <img width=”500″ height=”123″ border=”0″ src=”index.jpg”/>
(5) 获取模板内嵌代码“”。
(6) 打开模板文件template\default\space_feed.htm,在“

”模块之后加入以上内嵌代码。
(7) 打开用户首页,查看相关广告。
(8) 通过这些步骤,网站主可在网页的任意位置加上广告,为网站运营的费用买单。
四、 由于UCenter Home自带的“热闹”功能不太好用,因此从模板和程序中将其删除。五、 UCenter Home提供自定义用户皮肤功能,需要设计几套优秀的皮肤界面供用户选择:

(1) 使用photoshop或其他图形软件设计皮肤界面并将其切割成图片,然后将风格写成.css的文件。
(2) 最终的成品必须是preview.jpg(预览图)、style.css(风格定义文件)和images文件夹(存放皮肤图片)。
(3) 将做完的皮肤文件依次传至theme文件夹。
(4) 登录后台,依次进入设置——高级管理——更新缓存,点击“更新”。
(5) 登陆前台,依次进入设置——个性化设置,选中主题后点击“启用”并进行皮肤测试。六、 将sns系统的url链接放置到网站的首页以及其他频道,确保用户能够顺利进 入本系统。

七、 最后一步便是将“SNS平台正式开通”这个消息通知给原有的注册用户了,实现这个比较容易,方法如下:

(1) 使用管理员帐号登陆UCenter。
(2) 依次进入短消息——发送公共消息。
(3) 输入消息标题和消息内容,然后点击“发送”。
(4) 所有用户都在第一时间收到消息。

通过这个方法,网站可以随时发送相关的消息至网站的用户群。

至此,维特兄弟网站的社交栏目已经全部设计完成,满足了整体需求和个性化需求,用户可以正式开始SNS的体验之旅了!演示地址 http://Wintbros.com/sns ,演示用户名test,演示用户名密码test。

你可能喜欢的博文:
 

沙发竟然还没被抢!


赶快说点什么吧! ^_^