Tutorial personnalisation celumIMAGINE 35.x

Thomas Aucouturier

Informations

• Publié par: Zowyong
• Nombre de lectures: 20
• Langue: Français

Extrait

… ; ; AVISTA SYSTEMS Date : 30/07/07 Avista Systems Services Techniques Diffusion contrôlée Public : Personnalisation Client : Partenaire : celumIMAGINE 35 TTuuttoorriiaall ssuurr llaa ppeerrssoonnnnaalliissaattiioonn ddee celumIMAGINE 35.x REFERENCE INTERNE : PERSONNALISATION CELUMIMAGINE 35.X VERSION : 1.1 DATE : 31/07/2007 Ce document est la propriété d’Avista Systems Il ne peut être communiqué ou dupliqué par quelque moyen que ce soit sans autorisation. Nom Sociétés Date Visa Thomas Aucouturier 31/07/07 Avista Systems Auteur(s) © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 1 / 7 AVISTA SYSTEMS Date : 30/07/07 HISTORIQUE DES DOCUMENTS Pages Version Date Nature des modifications modifiées 1.0 30/07/2007 Toutes Création du document 1.1 31/07/2007 2,6 Mise à jour & correction © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 2 / 7 AVISTA SYSTEMS Date : 30/07/07 Préambule : Avec ce document, doit être joint un fichier ZIP contenant les images et fichiers XML par défaut. Ce fichier doit être décompressé avant de poursuivre. La valeur $CELUM_IMAGINE_HOME correspond au répertoire où a été installé l’application celumIMAGINE elle-même et non le répertoire de Tomcat (exemple : « C:\www\imagine3 ») © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 3 / 7 AVISTA SYSTEMS Date : 30/07/07 Ce qui peut être personnalisé Voici ce qui peut être personnalisé dans celumIMAGINE Sur la page de login : 1 : fichier « img/SOCIETE/login/logo.gif », 123px x 34px 2 : fichier « img/SOCIETE/login/sujet.gif », 317px x 308px 3 : les couleurs de fond, de police, des liens etc. via le fichier « custom/SOCIETE/loginPageCustomization.xml » Dans l’application : Le logo en haut à droite, fichier « img/SOCIETE/headerLogo.gif », 135px x 35px © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 4 / 7 AVISTA SYSTEMS Date : 30/07/07 Dans l’interface du PIN download : 1: fichier « img/SOCIETE/pindownload/header.gif », 750px x 49px 2: fichier « imwnload/footer.gif » 750px x 40px Ainsi que les couleurs de fond, de bordure etc. © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 5 / 7 AVISTA SYSTEMS Date : 30/07/07 La personnalisation : Etape 1 : Création des répertoires Sous $CELUM_IMAGINE_HOME\img, créer un répertoire s’appelant « custom » Sous MAGINE_HOME\WEB-INF, créer un répertoire s’appelant « custom » Sous ces 2 répertoires, il faut ensuite créer un sous-répertoire ayant un nom identique. Il est conseillé, notamment dans le cas d’un serveur celumIMAGINE avec une licence multi- client, de mettre le nom du client comme sous-répertoire (exemple : « SOCIETE »). Cela nous donne donc ces 2 chemins suivants : $CELUM_IMAGINE_HOME\img\custom\SOCIETE MAGINE_HOME\WEB-INF\custom\SOCIETE Etape 2 : Copie des images Dans le fichier décompressé, vous trouverez la même structure que celle précédemment créée dans $CELUM_IMAGINE_HOME. Copiez le contenu du répertoire « img\ SOCIETE » le dans le répertoire $CELUM_IMAGINE_HOME\img\custom\SOCIETE Structure des images : | |___ login | |___ logo.gif | |___ sujet.gif | |___ pindownload | |___ footer.gif | |___ header.gif headerLogo.gif Vous pouvez modifier ces images afin de mettre votre logo, toutefois, veuillez respecter les dimensions des fichiers originaux ! Etape 3 : Copie des fichiers XML De la même façon que nous avons copié les images, nous allons copier les fichiers XML situé dans le répertoire « WEB-INF\custom\SOCIETE » du fichier décompressé vers « $CELUM_IMAGINE_HOME\WEB-INF\custom\SOCIETE » © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 6 / 7 AVISTA SYSTEMS Date : 30/07/07 Dans ces 3 fichiers XML vous trouverez les valeurs que vous pouvez modifier afin d’ajuster les couleurs de celumIMAGINE et les chemins vers les images ! N’oubliez pas de mettre le bon chemin des images dans ces fichiers !! Etape 4 : activation de la personnalisation Une fois les fichiers correctement paramétrés, il faut aller dans l’interface de celumIMAGINE avec un utilisateur ayant les droits administrateur. Il faut ensuite aller dans « Administration > Utilitaires Administrateur > Options de personnalisation » Dans le champ client, il faut mettre l’id du client que vous voulez modifier. S’il s’agit du client par défaut, vous devez mettre « -1 ». Dans le champ « Customisation », vous devez mettre le nom du répertoire tel qu’il a été créé à l’étape 2 (dans notre cas, « SOCIETE »), en prenant soi à la casse. Puis cliquer sur « Insert All customisations » Après un rafraichissement de votre navigateur (et/ou proxy) vos modifications seront désormais visibles. © Avista Systems 2007 - La communication de ce document est soumise à autorisation © Avista Systems Personnalisation celumIMAGINE 35.x Page 7 / 7