Personalizzazione dell'interfaccia utente dell'app mobile

Prima di iniziare

1. I seguenti passi devono essere seguiti solo se il server web e il server delle applicazioni si trovano sulla stessa macchina.
   Assicurarsi che il server di file Doclinks sia configurato e che esista una cartella come C:/doclinks/mobile creata per la funzione di personalizzazione dell'applicazione mobile. In caso contrario, effettuare le seguenti operazioni per la configurazione del server di file Doclinks e la creazione della cartella mobile:

   1. Arrestare il server WebLogic .
   2. Eseguire il backup del file config.xml nel dominio in cui si desidera configurare l'applicazione Web:

      Tabella 1.

      Sistema operativo	Percorso
      Windows
      	<BEA WebLogic root>user_projects\domains\<domain name> Ad esempio, /usr/bea/user_projects/domains/mydomain.
      UNIX	<BEA WebLogic root> /user_projects/domains/<domain name>\ Ad esempio, /use/bea/user_projects/domains/mydomain

   3. Avviare l'application server.
   4. Accedere alla console di gestione http://<host>:<port>/console, dove < host>: < port> è l'indirizzo IP e il numero di porta del server IBM Control Desk , ad esempio, https://172.20.152.172:9043/ibm/console/
   5. Dal pannello di navigazione, selezionare Server > Tutti i server.
   6. Fare clic sul server delle applicazioni creato per il prodotto, ad esempio webserver1.
   7. Nella finestra del server, nella scheda Configurazione , selezionare Direttive globali nel menu Impostazioni di configurazione .
   8. Nella finestra Direttive globali , compilare C: /doclinks nella casella Root documento .
   9. Fare clic su Applica, verrà visualizzata una nuova casella Messaggi , fare clic su Propaga file di configurazione.
      Nota: verrà visualizzato un messaggio per una trasmissione completata correttamente.
   10. Andare al percorso della cartella in C:\<Program Files>\<project name>\HTTPServer\conf dove < Program Files> è la cartella in cui è installata l'applicazione e < project name> è il nome della cartella del progetto, ad esempio C:\Program Files\IBM\HTTPServer\conf.
       • Modificare il file httpd.conf all'interno della cartella precedente come segue:
         • Aggiornare la riga successiva dopo la riga "# symbolic links and aliases may be used to point to other locations" come segue:

           DocumentRoot "C:\doclinks"

         • Aggiornare la riga successiva dopo la riga "# This should be changed to whatever you set DocumentRoot to." come segue:

           <Directory "C:\doclinks">

   11. Avviare di nuovo il server, passare a http://<host>:<port>/console, dove < host>: < port> è l'indirizzo IP e il numero di porta del proprio server IBM Control Desk , ad esempio https://172.20.152.172:9043/ibm/console/
   12. Passare a Server > Tutti i server.
   13. Per la riga del server delle applicazioni, ad esempio, webserver1, selezionare Seleziona Propaga plugin dal menu a discesa e fare clic sulla scheda Inoltra azione nella parte superiore.
   14. Arrestare e riavviare il server delle applicazioni.
2. Seguire la procedura riportata di seguito quando il server web e il server delle applicazioni non sono sulla stessa macchina (ambienteSaaS )

   1. Copiare l'icona del marchio e incollarla manualmente nella seguente directory

      <drive>\Program Files\ibm\WebSphere\AppServer\profiles\ctgAppSrv01\installedApps\ctgCell01\MAXIMO.ear\maximouiweb.war\webclient\mobileapp\resources\brandIcon\

      Nota: l'icona del marchio deve avere un rapporto di aspetto di 5 x 2 con larghezza 1280 px e altezza 512 px.
   2. Rigenerare / ridistribuire la GUI ICD Classic.
      Nota: questo richiederà un tempo di inattività di circa 5 ore.
   3. Aggiornare il percorso dell'icona del marchio nella proprietà di sistema mobile.customization.brandicon . Per ulteriori dettagli, consultare Mobile App color customization properties.
      Nota: il percorso dell'icona del marchio è il seguente:

      https://<host>:<port>/<application_name>/webclient/resources/brandIcon/brandicon.png, ad esempio http://172.90.189.176:8080/maximo_test-qa-7613-new/webclient/mobileapp/resources/brandIcon/brandicon.png.

Interfaccia di anteprima di personalizzazione app mobile

Accedi alla seguente pagina web di anteprima della personalizzazione dell'app mobile per rivedere la diversa combinazione di temi:

https://<host>:<port>/maximo/webclient/mobileapp/index.jsp

dove < host>: < port> è l'indirizzo IP e il numero di porta del proprio server IBM Control Desk .

Nella pagina Web di anteprima della personalizzazione dell'applicazione Mobile è possibile provare diversi temi selezionando diverse combinazioni di colori (selezionatori di colori) o valori nelle caselle di input. Utilizzare le barre di scorrimento Opacità sfondo immagine intestazione e Opacità sfondo immagine pagina per controllare il livello di opacità rispettivamente del colore di sfondo intestazione e pagina. Una volta deciso il tema nella pagina web di anteprima, prendere nota del codice colore e degli altri valori rilevanti per le rispettive proprietà del sistema.

Accedere alla GUI classica di IBM Control Desk , passare alla Configurazione del sistema > Configurazione della piattaforma > Proprietà del sistemae aggiornare le proprietà del sistema mobile con i valori indicati in precedenza utilizzando la pagina Web di anteprima della personalizzazione dell'applicazione Mobile. Per ulteriori dettagli sulle proprietà del sistema mobile, fare riferimento a Proprietà di personalizzazione del colore dell'applicazione mobile.

IBM Control Desk 7.6.1.4 fornisce un miglioramento nella pagina Web di anteprima della personalizzazione dell'applicazione mobile e vengono aggiunti due nuovi pulsanti Salva e Inoltra . Inoltre, non è necessario configurare le proprietà di sistema in IBM Control Desk 7.6.1.4. Vedere i dettagli di seguito:

• Salva: una volta deciso il tema nella pagina web di anteprima, fare clic su Salva per salvare le impostazioni di configurazione.
• Inoltra: dopo aver fatto clic correttamente su Salva , viene abilitato il pulsante Inoltra . Fare clic sul pulsante Inoltra per aggiornare le impostazioni di configurazione nel database di backend.

Una volta inoltrate correttamente le impostazioni di configurazione, i relativi dettagli verranno salvati nel database di backend. Dopo aver salvato correttamente le impostazioni di personalizzazione nel database, accedere all'app mobile per visualizzare l'interfaccia mobile aggiornata in base alle impostazioni di configurazione salvate nella pagina Web di anteprima.