Application Browserビューのカスタマイズ

myapps.html、refresh.html、およびhf_style.cssファイルを使用して、Application Browserビューの機能と外観をカスタマイズすることができます。次の表に、各ファイルが制御する対象を示します。

ファイル 制御する対象

myapps.html

  • アクセスするZfD Middle Tier Server
  • ビューがWebポータルに対応しているかどうか
  • バナーのグラフィック
  • バナーの高さ
  • ビューがフォルダツリーを含むかどうか
  • アプリケーションアイコンの表示方法

refresh.html

  • Application Launcherが起動してアプリケーション情報を取得するときにApplication Browserビューに表示されるメッセージ

hf_style.css

  • ビューのHTML要素(見出し、テキストなど)に適用されるすべてのスタイル

次の節では、ファイルを使用してApplication Browserビューをカスタマイズするのに役立つ情報について説明します。


ファイルの場所

myapps.html、refresh.html、およびhf_style.cssファイルは、次の表に示すように、2つの場所に配置されているか、それらの場所に配置することができます。

ファイル 場所

myapps.html

  • ZfD Middle Tier Server上のweb_server_root\nwdocsディレクトリ
  • ローカルワークステーション上のc:\program files\novell\zenworks\nls\englishディレクトリ

refresh.html

このファイルは、ユーザが作成しない限り存在しません。作成したファイルは、次のいずれかのディレクトリに配置する必要があります。

  • web_server_root\nwdocs\nal_html directory on the ZfD Middle Tier Server
  • ローカルワークステーション上のc:\program files\novell\zenworks\nal_htmlディレクトリ

hf_style.css

このファイルは、ユーザが作成しない限り存在しません。作成したファイルは、次のいずれかのディレクトリに配置する必要があります。

  • web_server_root\nwdocs\nal_html directory on the ZfD Middle Tier Server
  • ローカルワークステーション上のc:\program files\novell\zenworks\nal_htmlディレクトリ


myapps.htmlファイル

myapps.htmlファイルはApplication Browserビューを開きます。ZfD Middle Tier Serverにインストールされるので、ユーザはそのサーバからアクセスすることができます(『ZENworks for Desktops 4インストールガイド』の「ZfD Middle Tier Serverソフトウェアのインストール」を参照)。ZfD Management AgentインストールプログラムまたはZfDインストールマネージャによってユーザのワークステーションにもインストールされるので(Application Launcherのインストールを参照)、サーバからのアクセスが禁止されている(または、ZfD Middle Tier Serverをインストールしていない)場合でも、ユーザはApplication Browserにアクセスできます。

ZfD Middle Tier Serverのmyapps.htmlファイルを変更した場合、サーバからファイルにアクセスしたユーザは、そのファイルを自分のワークステーションのc:\program files\novell\zenworks\nls\englishディレクトリにダウンロードします。これにより、ユーザがZfD Middle Tier ServerまたはローカルドライブのどちらからApplication Browserにアクセスするかに関係なく、同じmyapps.htmlの設定が使用されます。

自分のワークステーション上のmyapps.htmlファイルにアクセスしてApplication Browserを起動するユーザのみの場合は、それぞれのワークステーション上のmyapps.htmlファイルを変更する必要があります。ファイルの1つのコピーを変更し、Application Launcherを使用して、そのコピーを各ユーザのワークステーションに配布することができます。


refresh.htmlおよびhf_style.cssファイル

refresh.htmlおよびhf_style.cssファイルは、作成するまで存在しません。作成して該当するディレクトリに配置すると、Application Browserの内部設定の代わりに使用されます。

refresh.htmlおよびhf_style.cssファイルをZfD Middle Tier Serverに追加すると、ユーザがサーバ上のmyapps.htmlファイルにアクセスしたときに、これらのファイルはユーザのワークステーションにダウンロードされて整合性が維持されます。

ユーザがZfD Middle Tier Serverからmyapps.htmlファイルにアクセスしていない場合は、これらのファイルを各ユーザのワークステーションに追加する必要があります。myapps.htmlの配布時にApplication Launcherによってこれらのファイルを同時に配布することもできます。


myapps.htmlファイルの変更

myapps.htmlファイルは、Application Browserビューの生成に使用されるActiveXコントロール(axnalserver.dll)をロードします。ActiveXコントロールに渡されるパラメータを変更してApplication Browserビューをカスタマイズすることができます。次の7つのパラメータがあります。

<!--param name=\"MiddleTierAddress\" value=\"137.65.167.73\"--> 
<!--param name=\"PortalView\" value=\"false\"-->
<!--param name=\"BannerURL\" value=\"http://www.company.com/banner.html\"-->
<!--param name=\"BannerHeight\" value=\"80\"-->
<!--param name=\"ShowTree\" value=\"true\"-->
<!--param name=\"AppDisplayType\" value=\"0\"-->
<!--param name=\"XsltURL\" value=\"http://www.company.com/apps.xsl\"-->

デフォルトではパラメータはコメントアウトされているので、ActiveXコントロールは事前に設定された内部値を使用します。

パラメータを変更する:

  1. !-- (コメントの先頭)と-- (コメントの最後)を削除して、パラメータを有効にします。たとえば、次のようになります。

    <param name=\"MiddleTierAddress\" value=\"137.65.167.73\"
  2. パラメータのvalueを変更します。次に各パラメータについて説明します。

    MiddleTierAddress: このパラメータは、Novell eDirectoryTMへのアクセスとしてZfD Middle Tier Serverを設定した場合のみ適用されます。

    MiddleTierAddressパラメータを使用して、ユーザに対する認証を行うZfD Middle Tier ServerのIPアドレスを指定することができます。Middle Tier ServerアドレスがWindowsレジストリに含まれていない場合のみ使用されます。ユーザがZfD Management Agentインストールプログラムの実行時にアドレスを入力した場合、リジストリにはこのアドレスが含まれています。

    PortalView: このパラメータを使用して、Application Browserビューのバナー部分を削除することによってポータルのサポートを改善できます。valueの設定値は[true]または[false]です。[true]に設定すると、バナー部分は削除されます。

    BannerURL: このパラメータは、PortalViewパラメータが[false]に設定されている場合のみ適用されます。

    このパラメータを使用して別のバナーを指定することができます。たとえば、Novellロゴの代わりに自分の会社のロゴを含むバナーを使用できます。valueの設定値は、HTMLページまたはグラフィックファイル(GIF、JPEGなど)へのURLにする必要があります。HTMLページを指定した場合、ページはBannerHeightパラメータで指定された高さに切り取られます。グラフィックファイルを指定した場合、バナー部分はグラフィックファイル全体が収まるようにスクロールします。バナー部分をスクロール可能にしたくない場合は、グラフィックの高さがBannerHeightパラメータで指定された高さを超えないようにする必要があります。

    BannerHeight: このパラメータは、PortalViewパラメータが[false]に設定され、デフォルトのNovellバナーがBannerViewパラメータによって無効になっている場合のみ適用されます。

    このパラメータを使用してバナー部分の高さを決定できます。valueの設定値は5から200にする必要があります。5未満の値は5に切り上げられます。200を超える値は200に切り下げられます。

    ShowTree: このパラメータは、Application Browserビューが左のペイン(フォルダビューとも呼ばれます)を含むかどうかを決定します。valueの設定値は[true]または[false]です。[true]の場合はフォルダビューが表示され、[false]の場合は削除されます。

    AppDisplayType: このパラメータは、アプリケーションがApplication Browserビューの右のペインにどのように表示されるかを決定します。valueの設定値は[0]または[1]です。デフォルト値の[0]では、アプリケーションアイコンは、Windowsエクスプローラの[大きいアイコン]の表示と同じように、大きなアイコンとして表示されます。設定値[1]では、アプリケーションは、Windowsエクスプローラの[一覧]の表示と同じように、表形式で一覧表示されます。

    xsltURL: このパラメータを使用すると、Application Browserビューをさらにカスタマイズするのに使用できる.xslファイルを作成することができます。

  3. ファイルを保存します。


refresh.htmlファイルの作成

Application Launcherは初めて起動したときに、eDirectoryとローカルキャッシュを読み取って、表示する必要のあるアプリケーションに関する情報がないか確認します。Application Browserビューを開いてApplication Launcherを起動した場合、Application Launcherがアプリケーション情報を取得している間、次のメッセージがビューに表示されます。


In Progress:Your application list is being generated.

起動時に表示されるメッセージとグラフィックを含むrefresh.htmlファイルを作成して、このメッセージを置き換えることができます。

  1. 使用するファイルを作成します。次のガイドラインに注意します。

  2. refresh.htmlファイルに名前を付けます。

  3. 次の2つの場所のいずれかにnal_htmlディレクトリを作成します。

  4. refresh.htmlファイルをnal_htmlディレクトリにコピーします。


hf_style.cssファイルの作成

Application Browserは内部のデフォルトのカスケードスタイルシート(.css)を使用して、見出しや段落テキストなどの要素の外観を決定します。使用したいスタイル定義を含むhf_style.cssファイルを作成して、デフォルトのスタイルシートを置き換えることができます。

  1. カスケードスタイルシートを作成します。例またはテンプレートとして、下に示すデフォルトのApplication Browserカスケードスタイルシートを使用できます。

  2. hf_style.cssファイルに名前を付けます。

  3. 次の2つの場所のいずれかにnal_htmlディレクトリを作成します。

  4. hf_style.cssファイルをnal_htmlディレクトリにコピーします。


デフォルトのApplication Browserカスケードスタイルシート

a  { color:#039; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:underline }body  { font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }p, option, li, ol, ul  { color:black; font-size:0.9em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }th  { font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.datalink  { color:#039; text-decoration:underline; margin-top:2px }.errorlink  { color:#c82727; text-decoration:underline; margin-top:2px }.errorhead  { color:#c82727; font-style:normal; font-weight:800; font-size:1.2em; line-height:1.5em; margin-bottom:1.5em }.formcolumnhead1   { color:#556c79; font-weight:bold; font-size:0.7em; text-align:center }.formhead1  { color:white; font-weight:bold; font-size:1em; line-height:1.2em; background-color:#6b8899; text-align:left; text-indent:0.5em; letter-spacing:0.1em; vertical-align:middle }.formhead1b  { color:white; font-weight:bold; font-size:1em; line-height:1.2em; background-color:#6b8899; text-align:left; text-indent:0.5em; letter-spacing:0.1em; vertical-align:middle }.formhead2  { color:black; font-weight:bold; font-size:1em; line-height:1.2em; text-align:left; vertical-align:middle }.formdescriptext   { color:#355263; font-size:0.8em; margin-left:1em }.head1   { color:black; font-weight:bold; font-size:1.3em; line-height:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom:0.6em }.head1a   { color:#663; font-weight:bold; font-size:1.3em; line-height:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom:0.6em; margin-left:1em }.head1b   { color:black; font-weight:bold; font-size:1.3em; line-height:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head1w   { color:white; font-weight:bold; font-size:1.3em; line-height:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head2   { color:black; font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.4em }.head2a   { color:#663; font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.4em }.head2b  { color:black; font-weight:600; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing:0.1em; margin-top:0.4em; margin-bottom:0.3em; border-bottom:2px solid #6c8899 }.head2tm6   { color:black; font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.6em }.head2w  { color:#fff; font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head2indent  { color:black; font-weight:bold; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.4em; margin-left:0.5em }.head3  { color:black; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.3em }.head3a  { color:#663; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.3em }.head3b  { color:black; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }.head3center  { color:black; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:center }.head3indent   { color:black; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.3em; margin-left:1em }.head3tm6   { color:black; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.6em }.head3w  { color:#fff; font-weight:bold; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.head4   { color:black; font-weight:bold; font-size:0.85em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.2em }.head4b   { color:#663; font-weight:bold; font-size:0.85em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.2em }.head4tm6   { color:black; font-weight:bold; font-size:0.85em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.6em }.head5   { color:black; font-weight:600; font-size:0.75em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.2em }.head5b   { color:#663; font-weight:600; font-size:0.75em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.2em }.head5tm6   { color:black; font-weight:600; font-size:0.75em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top:0.6em; margin-left:2em }.hint1  { color:#663; font-size:12px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.hint1centered   { color:#663; font-size:12px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:center }.hint1right   { color:#663; font-size:12px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:right }.inactive  { color:#738c9c }.indent1   { margin-top:0.3em; margin-left:1em }.indent1b  { line-height:18pt; margin-top:0.5em; margin-left:1em }.indent1c  { margin-top:0.8em; margin-left:1em }.iconindent1  { margin-left:18px }.iconindent2  { margin-left:34px }.indent2  { margin-top:0.3em; margin-left:2em }.indent3  { margin-top:0.3em; margin-left:3em }.indentall     { margin-left:0.5em }.listhead1  { color:black; font-style:normal; font-weight:800; font-size:12pt; text-indent:.3em; }.mainnavlink  { font-weight:bold; font-size:15pt; line-height:18pt; }.margintop1  { margin-top:0.3em }.margintop2  { margin-top:0.5em }.margintop3  { margin-top:1em }.marginleft1  { margin-left:1em }.marginleft1b { font-size:0.85em; margin-left:1em }.marginleft2  { margin-left:2em }.marginleft3  { margin-left:3em }.marginleft4  { margin-left:4em }.navlink  { color:#030; font-weight:normal; text-decoration:underline }.nonproportional  { color:black; font-size:12pt; font-family:"Courier New", Courier, Monaco }.rowaltcolor  { color:#efeee9 }.serverhead1  { color:#c82727; font-weight:800; font-size:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext   { font-size:0.7em; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.mediumtext { font-size:0.85em; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2c   { color:#355263; font-size:0.7em; line-height:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width:400px }.textblue1  { color:#355263; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2a     { color:#663; font-size:0.9em; line-height:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.smalltext2b   { color:black; font-weight:bold; font-size:0.8em; line-height:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.subtitle1  { color:black; font-weight:bold; font-size:14px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.subtitle2  { color:white; font-weight:bold; font-size:14px; line-height:14px; font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.headpb  { color:black; font-weight:bold; font-size:15px; text-align:left; vertical-align:top; letter-spacing:2px;}.tab1s  { color:white; font-weight:bold; font-size:12px; line-height:17px; text-decoration:none; background-color:#6b8899; text-align:center }.tab1u  {  color:black; background-color:#DFDDD5; font-size:12px; text-decoration:none; font-weight:bold; text-align:center }.tab2s  { color:white; font-weight:bold; font-size:11px; text-decoration:none; background-color:#6b8899 }.tab2u  { color:white; font-weight:normal; font-size:11px; text-decoration:none; background-color:#6b8899 }span.tab1u  { color:black }span.tab2u  { text-decoration:underline }span.tab2s  {text-decoration:underline }.tablecolumnhead1  { color:#663; font-weight:bold; font-size:0.7em; text-align:center }.tablecolumnhead2   { color:#663; font-weight:600; font-size:0.75em }.tablehead1    { font-weight:bold; font-size:1em; line-height:1.1em; background-color:#cc9; text-align:left; text-indent:0.5em; letter-spacing:0.1em }.tablehead1b   { font-weight:bold; font-size:1em; line-height:1.1em; background-color:#cc9; text-align:left; text-indent:0.5em }.tablesubhead1  { color:black; font-weight:bold; font-size:0.85em; background-color:#efeee9; text-align:left; text-indent:0.5em }.tablehead3  { color:black; font-weight:bold; margin-left:.5em }.tabb  { font-weight:bold; font-size:14pt;}.tabw  { color:white; font-weight:bold; font-size:14pt; }.task1  { margin-top:0.3em; margin-left:1em; font-size:0.8em }.task2  { margin-top:0.3em; margin-left:2em; font-size:0.8em }.windowheaddgrey  { color:#5a5958; font-weight:bold; font-size:18pt; line-height:18pt; letter-spacing:1px }.windowheadblack  { color:#5a5958; font-weight:bold; font-size:18pt; line-height:18pt; letter-spacing:1px }.windowheadwhite  { color:white; font-weight:bold; font-size:18pt; line-height:18pt; letter-spacing:1px }.width350  { width:350px }.width400  { width:400px }.width450  { width:450px }.width500  { width:500px }