アイコン・チャット2

 内容
 アイコンを使用できるカラフルなチャットです。入退室の処理、チャットメンバーの表示ができます。

 特徴
 ●アイコンを使用できます。アイコンの画像を自由に登録できます。
 ●文字色を選択できるのでカラフルに表示します。
 ●チャットに参加しているメンバーをリアルタイムで表示します。
 ●入退室の処理を行います。
 ●表示を自動で更新できます。
 ●壁紙、文字色、背景色などをHP上で簡単に変更できます。

 表示例

入室画面
[HOME]CHAT [管理]
名前を入力しアイコンと文字色を選択して下さい。
名前
アイコン               
文字色

チャット画面
CHAT
更新
内容  

只今のメンバー: 太郎  次郎  花子 

太郎チャットメンバーをリアルタイムで表示します。 (6/12-19:25)

三郎さんが退室しました! (6/12-19:24)

花子文字色を選択できるのでカラフルに表示します。 (6/12-19:23)

花子さんが入室しました! (6/12-19:23)

次郎入退室の処理を行います。 (6/12-19:23)

太郎壁紙、文字色、背景色などをHP上で簡単に変更できます。 (6/12-19:21)

太郎さんが入室しました! (6/12-19:20)


実際に動作しているサンプルが こちら にありますのでご覧下さい。

 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記をクリックして圧縮ファイルをダウンロードします。
  chat5.zip
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---chatdata (ディレクトリ)
     |---chat5.cgi
     |---cgi-lib.pl
3 プログラムの変更 chat5.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/chat5.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、chatdataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権 備 考
chat5.cgi 755  
cgi-lib.pl 644  
chatdataディレクトリ 777  
log.txt、mem.txt、
option.txt
666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはchatdataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックするとチャットが表示されます。

 使用方法
 ●入室
  ・「名前」を入力し、「アイコン」と「文字色」を選択して「入室する」をクリックします。
  ・一度入室すると名前、アイコン、文字色は次回から自動入力されます。

 ●チャット
  ・チャットに参加しているメンバーがアイコンで表示されます。
  ・書込みは「内容」を入力し、「書込む」をクリックします。「書込む」だけをクリックすれば表示が更新されます。
  ・「更新」は手動又は自動更新の時間を選択できます。
  ・退室する場合は「退室」をクリックします。
  ・「記事削除」をクリックすると全ての記事を削除します。

 ●管理
  ・入室画面の右上にある[管理]をクリックします。パスワードは初期値が「cgi」です。
タイトル
コメント
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙 (無)
(無)(無)(無)(無)

カラーコード
基本背景色
基本文字色
タイトル色
コメント色
ログ表示件数
入力フレーム高さ ピクセル
パスワード変更 (英数8文字以内)

 タイトル チャットの最上部に表示するタイトルを入力します。
 コメント 入室画面でタイトルの下に表示するコメントを入力します。
 ホームURL 入室画面の左上部に表示するホームへの戻り先を指定します。
 画像格納ディレクトリ chatdataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのchatdataのパスを指定します。http://のURLでは指定できません。
 (例) ./chatdata、 ../xxxx/chatdata、 /xxxx/chatdata
 画像読出ディレクトリ chatdataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのchatdataを http://のURLで指定します。
 (例) ./chatdata、 http://xxxx/chatdata
 壁紙、アイコン 壁紙とアイコンの画像をアップロードします。画像を選択して「参照」をクリックし画像ファイルを入力します。アップロード可能なファイル形式はJPGとGIFです。画像を使用しない場合は画像を選択しファイル欄を空白にします。アイコンは本プログラムに含まれません。アイコンは最大12個登録できます。
 基本背景色・・・ 各色をカラーコードで指定します。
 ログ表示件数 ログの表示件数を選択します。
 入力フレーム 上部に表示する入力フレームの高さを指定します。
 パスワード変更 [管理]画面に入る為のパスワードを入力します。英数字で8文字以内です。



 改版履歴
リリース日 対象 版数 改版内容
 2003.8.5 chat5.cgi V1.0 初版
 2003.11.18 chat5.cgi V1.1 画像格納ディレクトリ、画像読出ディレクトリの設定を修正
 2004.2.3 chat5.cgi V1.2 入力にフォーカスを当てる
 2004.6.12 chat5.cgi V1.3 ログに月日を表示
 2005.6.12 chat5.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design