ICQの代替えに、WEB上に履歴が残るソフト不要のAJAXリアルタイムチャットXHTML live Chatの導入設定|楽しければいいのです。

Webサービス

ICQの代替えに、WEB上に履歴が残るソフト不要のAJAXリアルタイムチャットXHTML live Chatの導入設定

chat


マルチで行うゲームの打ち合わせやリアル仕事のカンファレンスに重宝するAJAXリアルタイムチャットXHTML live Chat をご紹介します。やり取りにおいてSKYPEやICQのチャット機能をメインに利用していますが、どうしてもクライアントのソフトが必要になったり、環境によっては動作しなかったりする為 ブラウザ上で機能してリアルタイムに更新され履歴も残してくれるシンプルなチャットは便利ですね。

XHTML live chat based on the XMLHttpRequest Object

 

導入するのに必要なポイント

1. 非常にシンプルで直感的に操作できる
2. 更新ボタンを押さずにリアルタイムに更新されていく
3. クライアントソフト不要(FLASH不可)
4. WEB上で履歴が保存されているので後日閲覧できる
5. 導入が非常に楽
6. 日本語が文字化けしない

っという 6つの項目をクリアしている事が重要になります。
特に履歴機能とインターフェイスにおいては使用頻度に繋がるので抑えておきたいところですね。

まずは使ってみよう。

うちのサイトにテスト導入してますので利用してみます。
リアルタイムチャットのデモササイト

pasiks000207
使い方は至ってシンプル your name の項目に名前を入れて

pasiks000208
your message に発言したい項目を入力して submit で投稿できます。
もちろん日本語対応ですね。('A')

自分のサイトに導入してみよう 設定方法について

公式サイトからソフトをダウンロードします。
ダウンロードについては下記からどうぞ、
公式サイト kohlhofer/xhtmlchat - GitHub
保管用 susi-paku 保管用ZIP

pasiks000209

上記ファイルが解凍されます。
変更する箇所は db.php になりますのでファイルを開きます。

pasiks000210

<?
$server = "mySQL server";
$db = "database";
$user = "user";
$pass = "password";
?>

READMEテキストにも書いてある通り、ここにmysqlのデータベースをセットしてくださいとのこと。

XHTMLChat required PHP and mySQL. Adjust db.php with you mySQL credentials. Then run initBD.php. After this you should be able to chat away at index.html.

pasiks000211

自分のサーバーにてデータベース(mysql)を追加します。
そして、先ほど開いたdb.php の項目を書き換えます。

<?
$server = "localhost";
$db = "任意のデータベース名";
$user = "任意のユーザー名";
$pass = "任意のパスワード";
?>

出来上がったら、このままFTPソフトでアップロードしちゃいましょう。
パーミッションの変更などは行わなくても実行できるみたいです。

pasiks000212

ユーザー限定にする場合、フォルダにBASIC認証をかけて利用することもできますから ちょっとしたユーザーサポートのページなんかにも使えそうですね。

あとは別なソフトですけども カスタマイズもできる Lace というリアルタイムチャットもあります。

公式サイト:Lace
設定方法:Lace :: ajax :サクサクチャット :: ウェブデザイナーの日記

ちょっと応答速度が悪いのと、導入までに少しだけ内部をいじくる必要がありますが使い勝手は非常にいいです。ユーザーオンライン情報も見れる機能もありますしね。

pasiks000213
susi-paku のLaceデモサイト

というわけで、ぜひ導入するときは活用してみてください。おしまい

関連記事

すしぱくのtwitterをフォローRSSフィードを購読facebookページはこちらGoogle+はこちら
現在の記事数:689!
仮想通貨・マイニングはじめました!



名前:
横浜県在住の自称Web屋です。日々楽しい事を模索しながらポジティブに生きてます。('A')
>> こんな事を経験!?
>> すしぱくの機材一式

【運営しているサイト】 すしぱくtwitter