Xoops Cube Legacyの管理画面のテーマを考えてみた

XOOPS Cube Legacyでは、管理画面のテーマを簡単に変更できる仕組みを取り入れていますが、ケーススタディとして、管理画面のインターフェースを考えて見ました。

まずは、現状の管理画面を見てみよう。ここでは、ディストロビューションのUNMGのキャプチャーです。
XOOPS Cube Legacyでも見た目は変わりません。この画像では、互換モジュールを選択しています。

現状の管理画面

左側へ各モジュールのメニューがあり、選択したモジュールによっては、モジュールのメニューが選びにくい位置になってしまういます。

上記の例では、上から３つめを選択してるので、３つめにモジュールのメニューが表示されています。下の方のモジュールを選択するとスクロールしなくては、モジュールのメニューを選択出来ない為に使いづらい。

解決策として、モジュールのリストをドロップダウンで選択が可能にしてみました。

モジュールを選択するメニューをFree CSS Drop-Down Menu Frameworkを使っています。

このテーマでは、上記同様に互換モジュールを表示していて、左側には、互換モジュールのメニューのみが表示されています。モジュールの管理メニューは左上に固定というわけです。

ケーススタディの画面

次に、モジュールのリストをドロップダウンで選択中の画面を紹介します。

モジュールの選択

上部のメニューから、モジュールをクリックするとモジュールのリストがドロップダウンされモジュールを選択するとそのモジュールの管理画面へと切り替わります。

これにより、モジュールの管理メニューが常に左の上へ表示され、操作により統一感が出て、管理画面の操作が楽になります。

また、あるモジュールだけユーザーに管理させたいという場合に「管理者」と「管理者以外」で、上部メニューの表示も切り替えています。

管理者・・・DASHBOARDとFILE MANAGER ・STATISTICSというリンクが表示される。
管理者以外でモジュールの管理権限がある場合・・・モジュールだけが表示される。

管理者以外の管理画面の表示

と管理画面のテーマを考えてみましたが、現実的に利用するモジュールが多いとブラウザよりもドロップダウンメニューが長くなり実用的ではありません。

この管理画面のテーマとして、こちらからダウンロードが出来ます。

ケーススタディとして、モジュールの選択をドロップダウンが再現できるファイルのみで構成しているので、実際に運用には使えません。

管理画面のテーマをなんとかしたいと思ってる方の参考になれば幸いです。

タグ: XOOPS Cube, テスト, 開発中