ウェブアルバムdfGalleryをインストールしてみました

090927_06
dfGalleryとはFlickrによく似た機能が無料でつかえるツールです。CMSの管理画面があり、Ajaxで画像ファイルをアップロード。アルバム単位でタグが生成されホームページやブログへ簡単に貼付ける事ができます。コンテンツはFlashでスライドショーやフルスクリーン機能などがあります。php5以上とSQLが必要なので、設置するサーバーの環境を確認しましょう。

DEMO:Cotapon Photo Gallery | こたぽんが撮った写真

 ※別ウィンドウで開きます。
で、実際にどうやってインストールするか。いろいろ調べてみましたが、なかなか成功した!という記事が見当たりませんでした。唯一、参考にさせていただいたページが見つかりましたので紹介します。

Flickrのウェブアルバムと同等の機能を持つdfGallery 2.0をさくらインターネットの共用サーバーに設置する -KUMA TYPE-
http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html#comments

どうもさくらレンタルサーバーではそーとー苦労するみたいですね。。。ただ、dfGallery自体がバージョンアップしてて解消されているかもしれません。ボクはロリポップを借りてるんですが、KUMA TYPEさんが苦労されている現象は全く起きませんでしたので、ある程度のインストール手順を書き留めておきます。

設置するまでの環境

・パソコン:Power Book G4 OS10.4
・レンタルサーバー:ロリポップ php5以上 MySQL可
・FTPクライアント:Cyberduck
パソコンの環境はあんまり関係ないと思いますけど一応^ー^;

手順その1:必要ファイルの準備

090927_01
まず、dfGallery 2.0をダウンロードしてください。
>>http://www.dezinerfolio.com/dfgallery-2/free-flash-gallery
「dfgallery_v2.005.zip」というzipファイルを解凍して、出てきたフォルダーに対して「dfg」という名前を付けました。最終的にこの名前が管理画面へのアドレスになるので、好きな名前を付けてください。

手順その2:FTPでアップロードしてからパーミッション設定

090927_02
名前を変えたこのフォルダーの中には、不可視ファイルでアクセス権限設定用の「.htaccess」が含まれていますので、フォルダーをまるごとFTPでアップしてください。ボクは「photo」というディレクトリにアップしました。これで、一応「http://hoge.com/photo/dfg/」にアクセスすれば管理画面にいけるんですが、ここで一回つまずきました。Cyberduckで、ディレクトリ「dfg」を右クリックして「情報」を選んでください。
090927_03
アクセス権、パーミッションの設定チェックボックスがあると思います。「グループ」と「その他」に対して【読み】と【実行】にそれぞれチェックを入れてください。
090927_04
これで、アクセスできなかった管理画面へアクセスできるようになりました。

ロリポップの場合、MySQLの設定

090927_05
上から順番に、
・hostname:ロリポップのサーバーアドレス。例えばmysql00.lolipop.jpこんなん。
・Database Type:MySQLのまま。
・username:ロリポップのデータベース名。
・password:データベースのパスワード。
・database:ロリポップのデータベース名と一緒かな・・??
・database prefix:ロリポップのデータベース名の末尾に「_」をつける??
KUMA TYPEさんを参考にさせていただきました。^ー^;
これでインストール完了。ログイン名とパスワードが「admin」のままになってたので変更しました。後は、KUMA TYPEさんの使い方がとても参考になりましたので、ブログランキングボタンをボチッ!っと押させて頂きました。m( _ _ )m

Let’s Enjoy!

さっそく数枚アップしてみましたので、よかったら観ていってくださいー!^-^
Cotapon Photo Gallery | こたぽんが撮った写真

※別ウィンドウで開きます。

Adobe Scene7:日本語版発表記念セミナー

adobescene7

adobescene7

Adobe Scene7「アドビ シーンセブン」とは、単純に言いますと画像サーバーです。そう言い切ってしまいますと語弊がありますので、導入事例をまじえて、もう少し詳しく説明します。

ピーチジョンの事例

ピーチジョン

商品を選ぶと、左の方にScene7で作られたFlash
あります。

ピーチジョン

ピーチジョン

右側のJavaScriptと連携して、商品の種類にマウスをあわせるとアニメーションします。

090917_04
そのFlashで商品画像をアップすることができます。かなり高解像度の画像が登録されてますね。

ピーチジョン

ピーチジョン

商品をかごに入れると別の画像が出てきます。普通だと別途このサイズの画像を用意しなければなりませんが、Scene7にこのサイズで出力するようにリクエストしているのでリサイズ工数を削減しています。

ピーチジョンカタログ

ピーチジョンカタログ

カタログコンテンツが作れるのもScene7の特徴です。

ピーチジョンカタログ

ピーチジョンカタログ

次のページへめくれる演出もちゃんとできてます。

ピーチジョンカタログ

ピーチジョンカタログ

カタログなので読み物コンテンツです。ここからの拡大も可能

ピーチジョンカタログ

ピーチジョンカタログ

十分すぎるぐらいまで拡大でき、ここでも普段なら間の画像を用意しなければなりませんが、Scene7に拡大率のパラメータを渡してレスポンスを受けると、適応された画像が出力することができます。

画像のリクエストに任意のパラメータをつけると、任意のサイズにリサイズされてレスポンスがくる。

例えば、imgタグsrcで画像をリクエストするとき、画像のパスに対して「hoge.jpg?100×100」と「?」と「100×100」すると、Scene7側で100×100の画像に変換してレスポンス、表示することができます。つまり、同じデザインで縦横の比率が同じであれば、縦横サイズの大きい画像を一枚用意するだけで、それ以下のサイズであれば自由にレスポンスを返すことができ、リサイズをする手間も省けます。大きい画像をheightとwidthで小さくするわけではないので、画像ファイル自体の容量も相当のサイズに変換されますので、ブラウザの表示が遅くなるということはありません。

素材の画像さえあれば、スキンが用意されているので、ズーム機能や回転機能があるコンテンツがすぐに導入できる。

ただの画像サーバーではありません。Flashコンテンツのスキンが用意されてますので、コンテンツの制作コストが発生することなく導入することができます。ただ、スキンをオリジナルデザインに変更する際には、別途制作が必要になります。ある意味、デザインを変更できるということが嬉しいことですね。

雑誌風、カタログコンテンツも作成可能。

もともと海外のサービスなので、雑誌は右から左へ開くカタログコンテンツでしたが、今回、日本語版ということで左から右開きにも対応したということです。Scene7以外にもカタログコンテンツを提供している企業はありますが、画像サーバーまでは提供されていないので画像のクオリティーが全然違います。ピーチジョンのカタログページがScene7で作られており、楽天のrib MagFLIPPER Makerというデジタルカタログ制作ツールで作られています。

そして何よりもCustomer Experienceの向上のため。

導入するにも、カスタマイズしてブランドイメージを統一するにも、いろいろコストがかかってしまうものですが、何よりもお客様と直接会話をするコンテンツ力を強化し、使って頂くことで満足していただき、またリピートしていただくことが大切。と、熱く語られていました。今回のセミナーはWeb制作者向けというより、企業への紹介が目的とみられ、一応、制作者といして参加させていただいたボクの感想は、「で?結局どうやって作るの??」という疑問が残りました。しかし、とても魅力的な画像サーバーであることには変わりないので、商用でなければ無償提供するなど、クリエイターに興味を持っていただかなければ普及しないのではないかと、アンケートに記入させていただきました。ワクワク感いっぱいで今後の期待をこめて!^ー^