Personalizzazione della console utente: › Creazione di un'interfaccia

Creazione di un'interfaccia

La creazione di un'interfaccia implica le seguenti fasi:

1. Copia di un'interfaccia esistente
2. Aggiornamento delle immagini dell'interfaccia
3. Aggiornamento dei colori e dei caratteri dell'interfaccia
4. Modifica del file .properties
5. Modifica del file index.jsp

Copia di un'interfaccia esistente

Per copiare un'interfaccia esistente, eseguire la seguente procedura.

Procedere come descritto di seguito:

1. Consultare le illustrazioni disponibili nelle skin di CA Identity Managere stabilire quale delle seguenti interfacce è simile a quella che si desidera creare per la propria azienda:
   • Interfaccia idm
   • Interfaccia horizontal
   • Interfaccia horizontal2
   • Interfaccia neteauto

   A scopo illustrativo, in questa sezione si suppone che sia stata scelta l'interfaccia neteauto che verrà rinominata yourskin. yourskin sarà il nome dell'interfaccia dell'azienda.

2. Copiare il seguente file:

   iam_im.ear/user_console_war/app/imcss/neteauto

   Iam_im.ear/

   Attribuirgli il seguente nome:

   iam_im.ear/user_console_war/app/imcss/yourskin

3. Nella directory yourskin, rinominare i file nella tabella seguente:

Per semplificare l'amministrazione, i nomi del file .properties e dei file .css devono corrispondere al nome dell'interfaccia.

Nota: i nomi delle interfacce fanno distinzione tra maiuscole e minuscole.

Aggiornamento delle immagini dell'interfaccia

Aggiornare le immagini (.gif, .jpg o .png) nelle seguenti directory con le immagini che corrispondono all'aspetto dell'interfaccia aziendale:

• iam_im.ear/user_console_war/app/imcss/yourskin/image
• iam_im.ear/user_console_war/app/imcss/yourskin/image/category
• iam_im.ear/user_console_war/app/imcss/yourskin/image/tab
• iam_im.ear/user_console_war/app/imcss/yourskin/image/tasks

Ad esempio, per inserire il logo aziendale nell'interfaccia yourskin, sostituire logo.jpg dalla directory delle immagini con il logo aziendale.

Si consiglia di utilizzare gli stessi nomi per i file immagini perché di molte di queste immagini è stato già eseguito il mapping sui percorsi appropriati nel file yourskin.properties.

Aggiornamento dei colori e dei caratteri dell'interfaccia

Aggiornare i CSS dell'interfaccia yourskin con i caratteri e i colori menu, sfondo, margine e altri a scelta.

I percorsi per i CSS sono i seguenti:

• iam_im.ear/user_console_war/app/imcss/yourskin/yourskin.css
• iam_im.ear/user_console_war/app/imcss/yourskin/yourskin_task.css

Modifica del file .properties

Per modificare il file .properties, eseguire la seguente procedura:

Procedere come descritto di seguito:

1. Nel file yourskin.properties, sostituire eventuali riferimenti a neteauto con yourskin.
2. Apportare le seguenti modifiche aggiuntive nel file yourskin.properties:
   1. Se non già specificato, impostare quanto segue nella sezione padre:

          parent=/app/imcss/idm/im.properties
      

      La sezione padre specifica la posizione del file di proprietà dell'interfaccia padre. In questo esempio, l'interfaccia padre è idm.

   2. Impostare i CSS come segue:

          stylesheet/skin.css=yourskin/yourskin.css
          stylesheet/skin_task.css=yourskin/yourskin_task.css
      

   3. Procedere come segue:

      Se le immagini nell'interfaccia sono state sostituite senza rinominarle, passare alla fase d. Se le immagini sono state rinominate, procedere nel seguente modo:

      • Nella sezione delle immagini di intestazione, impostare il percorso alle immagini di intestazione da Update the Skin Images (Aggiorna immagini dell'interfaccia).

        È possibile aggiungere più elementi immagine nel file .properties aggiungendo un elemento simile al seguente:

        image/logo.gif=yourskin/image/logo.jpg

      • Nella sezione delle schede standard, impostare il percorso alle immagini delle schede da Update the Skin Images (Aggiorna immagini dell'interfaccia).
      • Nella sezione dei pulsanti del corpo delle attività, impostare il percorso alle immagini dei pulsanti del corpo delle attività Update the Skin Images (Aggiorna immagini dell'interfaccia).
   4. Salvare il file.

Ulteriori informazioni:

Aggiornamento delle immagini dell'interfaccia

Modifica del file index.jsp

Per modificare il file .index.jsp, eseguire la seguente procedura:

Procedere come descritto di seguito:

1. Aprire il file index.jsp in un editor di testo. il file si trova nella seguente cartella:

   <iam_im.ear>/user_console_war/app/imcss

2. Nella sezione <skin:update>, aggiungere quanto segue come primo elemento:

   <skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
   

3. Salvare il file.

CA Identity Manager seleziona l'interfaccia predefinita per la console utente di CA Identity Manager in base al tag interfaccia elencato per primo nella sezione <skin:update> del file index.jsp.

Così come indicato nella seguente sezione <skin:update> del file index.jsp file, CA Identity Manager visualizzerà la console utente per l'interfaccia yourskin:

<skin:update>

<skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
<skin:skin name="idm" filename="/app/imcss/idm/im.properties" />
<skin:skin name="neteauto" filename="/app/imcss/neteauto/neteauto.properties" />
<skin:skin name="horizontal" filename="/app/imcss/horizontal/horizontal.properties" />
<skin:skin name="horizontal2" filename="/app/imcss/horizontal2/horizontal2.properties" />

</skin:update>

Se si desidera utilizzare un'interfaccia diversa, è necessario modificare l'ordine dei tag interfaccia elencati.

Ricompilare i file .jsp e riavviare il server applicazioni

Se CA Identity Manager viene eseguito su un server applicazioni JBoss, è necessario ricompilare i file JSP e riavviare il server applicazioni dopo aver creato un'interfaccia, nel seguente modo:

1. Configurare il server applicazioni per ricompilare tutti i file console.jsp.
2. Riavviare il server applicazioni perché le modifiche all'interfaccia yourskin vengano applicate.

Nota: se si sta utilizzando un server applicazioni diverso, non è necessario completare questa fase.