Personalizando a tela do Browser de Aplicativos

Você pode usar os arquivos MYAPPS.HTML, REFRESH.HTML e HF_STYLE.CSS para personalizar o funcionamento e a aparência da tela Browser de Aplicativos. A tabela adiante apresenta o que cada arquivo controla:

Arquivo Controla...

MYAPPS.HTML

  • Qual Servidor de Camada Intermediária do ZfD é acessado
  • Se portal da Web está habilitado ou não na tela
  • O gráfico do banner
  • A altura do banner
  • Se a tela apresenta ou não a árvore de pastas
  • Como os ícones do aplicativo são apresentados

REFRESH.HTML

  • Mensagem mostrada na tela Browser de Aplicativos durante a inicialização do Disparador de Aplicativos e a recuperação de informações do aplicativo

HF_STYLE.CSS

  • Todos os estilos aplicados aos elementos HTML da tela (cabeçalho, texto etc.)

As seguintes seções fornecem informações que ajudam a usar os arquivos para personalizar a tela Browser de Aplicativos:


Localização do arquivo

Os arquivos MYAPPS.HTML, REFRESH.HTML e HF_STYLE.CSS residem, ou podem residir, em dois locais, conforme mostra a tabela a seguir:

Arquivo Localização

MYAPPS.HTML

  • diretório raiz_servidor_web\NWDOCS no Servidor de Camada Intermediária do ZfD
  • diretório C:\ARQUIVOS DE PROGRAMAS\NOVELL\ZENWORKS\NLS\ENGLISH na estação de trabalho local

REFRESH.HTML

Esse arquivo não existe até você criá-lo. Depois é preciso colocá-lo em um dos seguintes diretórios:

  • diretório raiz_servidor_web\NWDOCS\NAL_HTML no Servidor de Camada Intermediária do ZfD
  • diretório C:\ARQUIVOS DE PROGRAMAS\NOVELL\ZENWORKS\NAL_HTML na estação de trabalho local

HF_STYLE.CSS

Esse arquivo não existe até você criá-lo. Depois é preciso colocá-lo em um dos seguintes diretórios:

  • diretório raiz_servidor_web\NWDOCS\NAL_HTML no Servidor de Camada Intermediária do ZfD
  • diretório C:\ARQUIVOS DE PROGRAMAS\NOVELL\ZENWORKS\NAL_HTML na estação de trabalho local


Arquivo MYAPPS.HTML

O arquivo MYAPPS.HTML abre a tela Browser de Aplicativos. É instalado no Servidor de Camada Intermediária do ZfD para que os usuários possam acessá-lo nesse servidor (consulte Instalando o software do Servidor de Camada Intermediária do ZfD em Instalação). Também é instalado nas estações de trabalho dos usuários pelo programa de instalação do Agente de Gerenciamento do ZfD ou pelo programa de instalação do NAL (consulte Instalando o Disparador de Aplicativos ) permitindo que os usuários acessem a tela Browser de Aplicativos, mesmo que você não queira que eles a acessem em um servidor (ou não instale um Servidor de Camada Intermediária do ZfD).

Se o arquivo MYAPPS.HTML for modificado no Servidor de Camada Intermediária do ZfD, os usuários com acesso ao arquivo no servidor precisarão copiá-lo para o diretório C:\ARQUIVOS DE PROGRAMAS\NOVELL\ZENWORKS\NLS\ENGLISH em suas estações de trabalho. Isso assegura a utilização das mesmas configurações do MYAPPS.HTML ainda que um usuário acesse o Browser de Aplicativos no Servidor de Camada Intermediária do ZfD ou na unidade local.

Se houver usuários que só disparam o Browser de Aplicativos acessando o arquivo MYAPPS.HTML em suas estações de trabalho, será necessário modificar o arquivo nas estações dos usuários. Você pode modificar uma única cópia de cada arquivo e, em seguida, usar o Disparador de Aplicativos para enviá-los à estação de trabalho de cada usuário.


Arquivos REFRESH.HTML e HF_STYLE.CSS

Os arquivos REFRESH.HTML e HF_STYLE.CSS não existem até você criá-los. Depois de criados e armazenados no diretório adequado, eles serão utilizados no lugar das configurações internas do Browser de Aplicativos.

Se os arquivos REFRESH.HTML e HF_STYLE.CSS forem adicionados ao Servidor de Camada Intermediária do ZfD, quando o usuário acessar o arquivo MYAPPS.HTML no servidor, esses arquivos serão copiados na estação de trabalho do usuário para manter consistência.

Se os usuários não estiverem acessando o arquivo MYAPPS.HTML em um Servidor de Camada Intermediária do ZfD, será necessário adicionar os arquivos à estação de trabalho de cada usuário. Você poderá distribuí-los com o Disparador de Aplicativos.


Modificando o arquivo MYAPPS.HTML

O arquivo MYAPPS.HTML carrega um controle ActiveX* (AXNALSERVER.DLL) utilizado para gerar a tela Browser de Aplicativos. Você personaliza a tela Browser de Aplicativos, modificando os parâmetros passados ao controle ActiveX. Existem sete parâmetros, mostrados adiante.

<!--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\"-->

Por padrão, os parâmetros são marcados como comentários, fazendo com que o controle ActiveX use os valores internos predefinidos.

Para modificar um parâmetro:

  1. Remova a marca !-- (que inicia o comentário) e a marca -- (que finaliza o comentário), para ativar o parâmetro. Por exemplo:

    <param name=\"MiddleTierAddress\" value=\"137.65.167.73\"

  2. Modifique o componente VALUE do parâmetro. Cada parâmetro é descrito adiante.

    MiddleTierAddress: Esse parâmetro só é aplicado, quando o Servidor de Camada Intermediária do ZfD foi configurado para acessar o Novell eDirectoryTM.

    O parâmetro MiddleTierAddress permite especificar o endereço IP do Servidor de Camada Intermediária do ZfD para o qual o usuário será autenticado. Só é utilizado, se um endereço de Servidor de Camada Intermediária não for incluído no registro do Windows*; o registro incluirá o endereço, se o usuário digitá-lo ao executar o programa de instalação do Agente de Gerenciamento do ZfD.

    PortalView: Esse parâmetro permite portais de suporte melhores, removendo a seção de banner da tela Browser de Aplicativos. As configurações de VALUE são True ou False. True remove a seção de banner.

    BannerURL: Esse parâmetro só é aplicado com o parâmetro PortalView definido como False.

    Você pode usá-lo para especificar outro banner. Por exemplo, é possível usar um banner com o logotipo da empresa no lugar do logotipo da Novell. A configuração VALUE precisa ser o URL de uma página HTML ou arquivos de imagens (.GIF, .JPEG etc.). Se for especificada uma página HTML, ela será cortada na altura especificada pelo parâmetro BannerHeight. Se um arquivo de imagens for especificado, a seção de banner rolará para acomodar o arquivo de imagens inteiro. A menos que você queira permitir a rolagem da seção de banner, verifique se a altura da imagem não é maior do que a altura especificada no parâmetro BannerHeight.

    BannerHeight: Esse parâmetro só é aplicado com o parâmetro PortalView definido como False e com o banner padrão da Novell anulado pelo parâmetro BannerView.

    É possível usar esse parâmetro para determinar a altura da seção de banner. A configuração VALUE precisa ser de 5 a 200. Qualquer número menor do que 5 será arredondado para 5. Qualquer número maior do que 200 será arredondado para 200.

    ShowTree: Esse parâmetro determina se a tela Browser de Aplicativos incluirá ou não o painel esquerdo (chamado tela de pastas). As configurações de VALUE são True e False. True exibe a tela de pastas e False a remove.

    AppDisplayType: Esse parâmetro determina como os aplicativos são mostrados no painel direito da tela Browser de Aplicativos. As configurações de VALUE são 0 e 1. A configuração padrão, 0, faz com que os ícones de aplicativos sejam mostrados como ícones grandes, de forma semelhante ao modo de exibição Large Icons (Ícones Grandes) do Windows Explorer. A configuração 1 faz com que os aplicativos sejam mostrados no formato de tabela, de forma semelhante ao modo de exibição List (Lista) do Windows Explorer.

    xsltURL: Esse parâmetro permite criar um arquivo .XSL utilizado para maior personalização da tela Browser de Aplicativos.

  3. Grave o arquivo.


Criando o arquivo REFRESH.HTML

Ao iniciar pela primeira vez, o Disparador de Aplicativos lê o eDirectory e o cache local para obter informações sobre os aplicativos que deverá mostrar. Se o Disparador de Aplicativos for iniciado ao ser aberta a tela Browser de Aplicativos, a mensagem a seguir é mostrada na tela enquanto o disparador recupera informações sobre os aplicativos:


Em Andamento: A lista de aplicativos está sendo gerada.

Você pode substituir essa mensagem, criando um arquivo REFRESH.HTML que contém a mensagem e a imagem que serão mostradas durante a inicialização.

  1. Crie o arquivo que deseja utilizar. Observe as seguintes diretrizes:

  2. Nomeie o arquivo REFRESH.HTML.

  3. Crie um diretório NAL_HTML em um destes dois locais:

  4. Copie o arquivo REFRESH.HTML no diretório NAL_HTML.


Criando um arquivo HF_STYLE.CSS

O Browser de Aplicativos usa uma folha de estilo em cascata (.CSS) interna padrão para determinar a aparência de elementos como cabeçalhos e texto de parágrafos. Você pode substituir a folha de estilo padrão, criando um arquivo HF_STYLE.CSS que contém as definições de estilo desejadas.

  1. Crie a folha de estilo em cascata. Você pode usar a folha de estilo em cascata do Browser de Aplicativos padrão, mostrada adiante, como exemplo ou gabarito.

  2. Nomeie o arquivo HF_STYLE.CSS.

  3. Crie um diretório NAL_HTML em um destes dois locais:

  4. Copie o arquivo HF_STYLE.CSS no diretório NAL_HTML.


Folha de estilo em cascata padrão do Browser de Aplicativos

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 }