2005年5月 9日
CMS「Etomite」はWebデザイナーが扱いやすいか?~(2)デザイン編
カテゴリー: CMS(コンテンツマネジメント・システム)
オープンソースのCMS(コンテンツ管理システム) "Etomite"についての2回目は、導入・運用時にデザイナーの扱いやすさはどうか?という辺りを中心に評価していきます。
---§---§---§---§---§---§---§---§---§---
(2)デザイナーが扱いやすいか?
導入コストや納期、さらに運用中のデザインの改編コストなどにも関わる点です。
デザイン要素をさわるだけ、逆に機能(プログラム)追加だけのために、いちいちプログラマ、デザイナーを総動員するツールでは使い物になりません。デザインがテンプレート・ドリブンであることは最低限必須で、さらに扱いやすさはどうかという点をチェックしました。
※デザイナーとひとくくりしていますが、ビジネス用途でという前提なので、Webデザインに関するスキルはもちろん、(X)HTML/CSSマークアップのスキルをもつ担当者を想定しています。
■日本語化
Etomiteはダブルバイト言語をサポートしており、日本語化は容易です。
日本語Languageファイル(japanese.inc.php)を本家フォーラム
Etomite > Etomite Community > Translations > Japanese
からダウンロードしてきて、
(Etomite設置場所)/manager/includes/lang
にアップロードします。
次に、Etomiteの管理パネルで文字コードを指定します。先ほどの言語ファイルの文字コードと合わせることがポイントです。このjapanese.inc.phpはEUCで書かれていますので、もしこだわりがないのなら
[管理>Etomite設定>サイト設定]のエンコーディングで「Japanese〔EUC〕-euc-jp」を選択すればOKです。
※もしUTF-8など他の文字コードにしたい場合は、あらかじめjapanese.inc.phpを目的の文字コードに変換しておきます。
※ちなみに、この作業はIEではなくFireFox、Operaなどのブラウザで行うのがよさそうです(設定過程で激しく文字化けして先に進めなくなります)。
■テンプレート、CSSについて
Etomiteでは、管理パネルの[リソース>リソース管理>テンプレート管理]でテンプレートを作成・編集します。特に難しい技はいらず、(X)HTMLでガリガリ書いていくだけです。
他のCMSなどでは、ヘッダ部はヘッダ用、本文は本文用・・・と1ページが複数のテンプレート・ファイルで構成されているソフトもありますが、Etomiteの場合は単純で、1テンプレ完結型です。しかも直接ファイルを編集しないので(管理パネル上で編集するため、FTPなど不要)、対象となるテンプレ・ファイルを探し回ることもなく、それゆえデザイナーが把握しやすいつくりになっていると思います。
テンプレートは複数登録可能で、TOPページを含め各ページごとにテンプレートを選択できます。つまり、「会社情報」「サービス・プロダクト」などコンテンツ・グループ毎にデザインやメニューを変えられるというわけです。
■スニペット(Snippet・一種のアドイン)、チャンク(Chunk)の組み込み方
[リソース>リソース管理]
スニペットやチャンクは拡張機能の一種です。
両者の違いは、スニペットは「生の」PHPコードで、これに対してチャンクは(X)HTMLのコード(PHPは動作しない)という点です。
動的生成パーツはスニペットで、共通で表示させるHTMLパーツはチャンクとして登録しておき、テンプレート上の表示させたい場所に
[[(スニペット名)]] や{{(チャンク名)}}
のように書くと呼び出されます。
Etomiteの場合、MovableTypeのような独自のテンプレート・タグは本当に最小限しかなく、このスニペットやチャンクを使って機能を拡張していくのが主流です。
スニペットは、本家のSnippet Library(スニペットライブラリー)にいろいろ揃っていますので、独自に開発する前にまずこちらを覗いてみてください。
導入にはインストールというほどの作業は必要なく、Library上のソースをコピーして管理パネルに&ペースト、好みのスニペット名をつけて保存するだけです。一方チャンクの方はHTMLの固まりですから部品としてさらに容易に使いこなせると思います。
メニューの中に、他サイトへのリンクを加えたい場合があろうかと思います。このときは、ドキュメントの作成(通常のページ作成)ではなく、「ウェブリンクの作成」を選び、ジャンプ先のURLなど入力します。
Etomiteではこの「ウェブリンク」は「ドキュメント」と同様、親ドキュメントの指定ができるので、下記のように、「会社情報」配下にリンクメニュー(例ではIR情報の他サイト)をおきたい場合なども対応可能です。
TOPページ
├ 会社情報
│ ├ ドキュメント1
│ ├ ドキュメント2
│ ├ IR情報の他サイト(ウェブリンク)
│ ├ ドキュメント3
├ 製品とサービス
・・・
■WISWIGエディタは?
コンテンツ編集用のエディタは、TinyMCEとHTMLAreaのいずれかを選択します。Etomiteで残念なのは、HTMLAreaなどの使い勝手の悪さと、吐き出すコードの品質が今ひとつという点です。
この点は、本家フォーラムの3/21付けのアナウンスによればFCKeditor導入が予定されているようですので、期待したいところです。
次回はEtomiteの評価記事3回目です。「(3) 変化への対応力はあるか?」 と題して書こうと思います。
投稿者 八木 : 2005年5月 9日 12:40
|
|
|
タグ:
この記事は参考になりましたか?
興味があるかも?
« 前の記事:Web標準への準拠がもたらすビジネス・メリット - 「Web標準手引き」邦訳版公開
» 次の記事: Podcasting(ポッドキャスティング)で英語のヒアリング練習!
トラックバック
このエントリーのトラックバックURL:
http://www.ark-web.jp/blog/mt-tb.cgi/24
【!】本記事への言及がない記事からのトラックバックは、削除する場合があります。
コメント
はじめまして。
Etomiteの存在を初めて知りました。こちらの紹介とscreenshotを見る限り、とてもスマートなCMSツールのようですね。インターフェースも綺麗ですし、多少複雑でも使ってみようかなと思ってしまいます。
ただ、本家では開発停止とのアナウンスが出てますね、残念。サポートは続けるみたいですが。。無くなってしまうのは惜しいですね。後継ツールの誕生を願うばかり。
復活の期待を込め、Etomiteを今後ウォッチしていこうと思います。Etomiteの評価記事も、続編も楽しみにしております!
投稿者 hd : 2005年5月 9日 14:24
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
人気記事
ランキング
新着はてブ
カテゴリー
- A-Form, MTプラグイン
- Ajax (システム開発)
- CMS(コンテンツマネジメント・システム)
- CSR(企業の社会的責任)
- Miqqle
- OpenSocial (システム開発)
- PukiWiki
- RIA (システム開発)
- Ruby on Rails(システム開発)
- SEM・サーチエンジン広告
- SEO・サーチエンジン最適化
- Snippy(SNS・ソーシャルブックマーク)
- Web 2.0
- WebSig24/7
- Webアクセシビリティ
- Webデザイン
- Webマーケティング
- Webユーザビリティ
- Web・ITニュースクリップ
- XP・アジャイル(システム開発)
- Zen Cart(オンラインショップ構築)
- ecoったー
- mixiアプリ
- necoったー
- だれもが使えるウェブコンクール
- アークウェブ
- アークウェブのCSR
- オープンソース
- セキュリティ(システム開発)
- テスト(システム開発)
- データベース
- ビジネスブログ・MovableType
- ビッグイシュー(The Big Issue)
- マッシュアップ
- 唐松(アクセス解析)











(準備中)




