》》PHOTO-GALLERY TypeIII《《～Digitaland Web プログラミング～

■TopPage >> CGI & PHP >> PHOTO-GALLERY Type4

データご利用について

●PHOTO-GALLERY Type4

Perl-CGI & FLASH ◇ 画像管理

▼サンプルギャラリー

●サンプル：その１　 ※当サイトサンプル。
●サンプル：その２　 ※aki さんのサイト。（βバージョン）
　　　　　　　　　　　　　　　ページ上メニューより『nature >> FLASH Gallery』

■ファイル更新履歴

●2005/10/01 ： Ver.1 Build100 公開

■ご注意

　この CGI は、ログファイル類を全て CGI によって自動作成する仕様となっており、何よりアップロードする画像ファイル（JPEG）は常に新規にサーバ内にコピーされます。　そのため、CGI による新規ファイルの生成が認められていないサーバではこの CGI は動作しませんのでご注意下さい。

■ご利用規定

　万一、この CGI を利用することにより利用者の方に何らかの不利益等が発生しても、作者は一切の責を負いませんので、その旨、あらかじめご了承下さい。

▼このシステムの仕様

●動作環境	：	Perl CGI が動作し、CGI によるファイル生成が行えるサーバ環境
●文字コード	：	Shift-JIS
●ログ拡張子	：	データファイル：.dat // 画像ファイル：.jpg
●Cookie	：	１種類のクッキーを発行
●主対象ブラウザ	：	Microsoft Internet Explorer Ver.5 以降
●FLASH	：	FLASH Player 6 対応で作成

▼FLASH ギャラリーの特徴

●画像を登録する際に10パターンの画像スクロール&スクロール無しを指定出来ます。
●他のフォトギャラリーと同様に、Web 上からCGIで画像の登録&管理が行えます。
●基本的に作成出来るアルバム数に制限はありません。

■画像のスクロールパターン

１	画面の左上辺りを中心に　最初拡大→縮小表示
２	同、右上辺りを中心に　最初拡大→縮小表示
３	同、左下辺りを中心に　最初拡大→縮小表示
４	同、右下辺りを中心に　最初拡大→縮小表示
５	拡大・縮小無しで　最初上部→下部にスクロール表示
６	拡大・縮小無しで　最初下部→上部にスクロール表示
７	拡大・縮小無しで　最初左部→右部にスクロール表示
８	拡大・縮小無しで　最初右部→左部にスクロール表示
９	最初中央縮小表示→中央拡大表示
10	最初中央拡大表示→中央縮小表示
11	画像操作無し

▼このシステムのご利用＆配布制限について

●このシステムに関しましては配布数やご利用者さまを、下記条件にて制限させて
　頂きたく考えております。

　■０：ご利用はもちろん無料です。
　■１：最大で５０名様限定。（2005/10/01 時点で残り４２名様です）
　■２：写真サイト（ブログ）の運営・管理人様限定。
　　　　（一応サイトを拝見させて頂きます）
　■３：このシステムに関しましては再配布は禁止とさせて頂きます。

▼ご利用ご希望の方は。。。
　このシステムのをご利用を希望される場合は、現在運営中の写真サイトの名称とURLをご記入の上、お手数ですがこちらからご連絡下さいませ。
　追って、０～２日中にダウンロード用URLをご連絡致します。

※なおこちらのような事情で、管理人からのご返信メールが届かない場合が
　あるようです。
　もしメールをお送り頂いたにも関わらず、３日以上経っても管理人からの
　返信メールが届かない場合は、お手数ですが上記ページ内記載の方法にて
　再度ご連絡下さいませ。

▼ご利用方法

●１：メールでご案内したＵＲＬから圧縮ファイルをダウンロードして下さい。

●２：ダウンロードされた LZH ファイルを解凍すると、以下のファイルが出来ます。

・index.cgi	：	PHOTO-GALLERY 制御 CGI ファイル
・imgup.cgi	：	画像アップロード用 CGI ファイル
・galle_4.swf	：	ギャラリー FLASH メインファイル
・def.gif	：	管理画面で使用する gif ファイル
・sp.gif	：	スペーサー用 gif ファイル
□_dll　フォルダ	-	・index.htm ファイル（ダミー用）
		・その他、*.pl ファイル１５種類
□_upimg フォルダ	-	・index.htm ファイル（ダミー用）
□_logs フォルダ	-	・index.htm ファイル（ダミー用）

●３： index.cgi ファイル、及び imgup.cgi ファイルをメモ帳などで開いて、それぞれ

以下の点を修正して下さい

一行目の

#!/usr/bin/perl

を、ご利用のサーバの指定パスに変更して下さい。

たいていの場合、これか

#!/usr/local/bin/perl

だと思います。

●４： _dll フォルダ内の galle_4_set.pl ファイルをメモ帳などで開いて、以下の点を

変更して下さい。

#▼ホームページの名称
$webtitle ="www.digitaland.net";
↑
運営されているホームページの名称

#▼ホームページTopPageのURL
$hpurl="http://www.digitaland.net/";
↑
そのホームページのURL

#▼管理用パスワード
$pass="galle4";
↑
管理用パスワード

#▼画像アップロード用フォルダ名
$ifolda="_upimg";
↑
画像アップロード用フォルダ名。
デフォルトで同梱しているフォルダ名を変更する場合のみ書き換えて下さい。

#▼ログファイル用フォルダ名
$lfolda="_logs";
↑
ログファイル用フォルダ名。
デフォルトで同梱しているフォルダ名を変更する場合のみ書き換えて下さい。

#▼ログファイル用上書き可能パーミッション
$pms=0644;
↑
一応、アップロードした index.cgi ファイルに初めてアクセスする際に、ログファイルの上書きがこのパーミッションで良いかどうかを自動的に確認します。
もし、この初期値 0644 で動かない場合、このパーミッション設定はご利用のサーバ会社によって様々に変わりますので、ご利用のサーバ会社の方までご確認下さい。
※サーバによってはこのパーミッションを設定するとエラーとなる場合（このパーミッションを指定する必要がない場合）があります。
そのような場合は、
$pms=0;
として下さい。

●５：

上記、設定後、全てのファイル・フォルダ類をサーバにアップし、それぞれのファイルのパーミッションを以下のように変更して下さい。

index.cgi ファイル	：	0755	（実行可能ファイルパーミッション）
imgup.cgi ファイル	：	0755	（実行可能ファイルパーミッション）
_logs フォルダ	：	0777	（ファイルの生成・書込可能パーミッション）
_upimg フォルダ	：	0777	（ファイルの生成・書込可能パーミッション）

※これらパーミッションも、それぞれご利用されているサーバによって
　異なる場合がありますので、動作しない場合はサーバ会社まで
　お問い合わせ下さい。

■PHOTO-GALLERY Type4 の使い方

●１：
　各種設定を完了して最初に index.cgi にアクセスするとこちらのような画面が表示されますので、
　図内 ○ の Administrator をクリックして下さい。

●２：
　するとこのような画面　に変わりますので、設定した管理者パスワードを入力してログインを行って
　下さい。
　なお、『今だけログイン』と『記憶させてログイン』という２つのボタンがありますが、

　　　『今だけログイン』でログインすると、ブラウザを終了して再度ログインする度に
　　　パスワード入力が必要になり、

　　　『記憶させてログイン』でログインすると９０日間ログイン状態を保存するので、
　　　ログインの度にパスワードを入力する手間が省けます。
　　　（当然、別のパソコンからログインする場合はパスワード入力が必要になります）

　なお、いづれの場合でログインしても、好きな時にログアウトできます。

●３：
　ログインが認証されるとこのような管理者画面が表示されますので、アルバムタイトルを
　入力して『アルバム作成』ボタンを押して下さい。

●４：
　アルバムが作成されるとこのような画面に変わって、アルバム一覧に作成したアルバム名
　が表示されますので、作成したアルバム名をクリックして、アルバムの写真管理へと進みます。
（なお、右の方にある ◆ で該当するアルバムを実際に稼動させた状態で確認出来ます）

●５：
　アルバム名をクリックして写真管理画面に進み、写真を追加して行きます。
　　　■『参照』ボタンでアップロードするファイルを指定し、
　　　■『表示タイプ』で、この写真を FLASH でどのように動かすかを指定します。

　※なおこのシステムでは、写真の寸法サイズはアスペクト比３：４（あるいは４：３）で、
　　尚且つ、その長い方の辺が 1100 pix を基準にしています。
　　一般的なデジタル一眼は大抵アスペクト比３：４になっていますので、フォトショップなどで
　　長辺が 1100pix となるようリサイズしてアップロードして下さい。

　※但し、『表示タイプ』のタイプ７・８（横スクロールのモーション）だけは少し特別で、これらは
　　画像の高さが 470pix になるよう編集を行って下さい。
　　なお、横の長さは 704pix 以上であれば 2000pix 程度まで表示対応できます。
　　ただ、横が 704pix の場合は、最初から画像の全域が画面上に表示されていることになります
　　ので、実質的に横スクロールを行わなくなります。

　※また、アルバム１枚目に表紙画像として『表示タイプ０』（動きなし）を指定する場合などは、
　　出来れば横：704pix × 縦：470pix の大きさにリサイズしておくと、サーバ容量や読込時間
　　が少しでも節約出来るよになります。

●６：
　上記●５で画像ファイルと表示タイプを指定して『OK // 新規画像登録』ボタンを押すと、
　指定した画像がアップロードされてこのような画面に変わり、『現在のアルバム構成』下に
　登録された写真が一覧で表示されるようになります。

　この時、各写真右方の、『この作品をアルバムから削除』の ○ をクリックするとその写真が
　削除され、更に最下部の黄色い ○ をクリックすると、このアルバム自体が全て削除されます。

　なお、画面上方の『AlbumView』をクリックすると、このアルバムが実際に稼動している状態が
　確認できます。

●７：
　作成したアルバムへのリンク方法は、index.cgi?CD=1 などと、? で CD=アルバムコードと
　繋いで下さい。

　具体的には http://www.digitaland.net/web/galle_4/galle_4/index.cgi?CD=1 という感じです。

　このアルバムコードは上記●６の『AlbumView』の左側に表示されています。
　またリンクURLは、『AlbumView』で表示された時のURLと同じです。