Formation à l'installation et à la configuration de ESUP-Portail 23-24 juin 2008

Formation à l'installation et à la configuration de

ESUP-Portail

23-24 juin 2008

Introduction ESUP-Portail Pré Requis Packages

Formation ESUP-Portail – 23-24 juin 2008

Plan

• Présentation ESUP-Portail• Pré requis formation• Introduction• Architecture interne du portail• Architecture globale• Particularités uPortal

Interface Préférences


Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail

• Java• SGBD / LDAP• ANT




Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail

• Esupdev – Esup• Différences entre les deux packages• Architecture Esupdev• Architecture Esup• Fichiers de propriétés• Tâches ANT




Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface

• Onglets• Colonnes• Canaux• Barre d'outils




Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences

• Activation• Création d'onglets / de colonnes• Ajout de canaux• Choix d'un Présentation




Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification

• Interne• CAS




Plan

• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification• CAS

• Fonctionnement standard• Fonctionnement proxy• Packages• Certificats• Architectures de production• Architecture de développement




Plan


• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification• CAS• Groupes

• Gestionnaires• CompositeGroupService• Groupes locaux• Attributs de personne• Groupes LDAP• Groupes PAGS



Plan


• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification• CAS• Groupes• Canaux

• Canal de publication• Publication manuelle



Plan


• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification• CAS• Groupes• Canaux• Environnement

• Principe• Définition des fragments• Publication



Plan


• Présentation ESUP-Portail• Pré requis à l'installation de ESUP-Portail• Packages ESUP-Portail• Interface• Préférences• Authentification• CAS• Groupes• Canaux• Environnement• Présentation

• Structure et thèmes• Habillage



Pré requis à la formation

• Java en général

• Tomcat et son fonctionnement

• XML

• SGBD

• LDAP

• ANT




Introduction


• Produit développé par le consortium ESUP-Portail :

• Université de Valenciennes (coordinateur)

• Universités de Nancy 2, Nancy 1, Rennes 1, Toulouse 3 (développement + déploiement)

• Dans un premier temps, 10 Universités de déploiement

• Aujourd'hui, près de 50 Universités ont fait le choix de ESUP

• Utilisation d'un socle technologique existant : uPortal

• Produit collaboratif libre développé par JASIG

• Réalisé entièrement en Java

• Permet le développement de briques applicatives



Architecture interne

uPortal

Framework

Gestionnaire de

groupes / utilisateurs

Service de

données

Moteur XSLT

Canal CanalCanal




Architecture globale

LDAP

Apache

Tomcat

CAS

Apache

Tomcat

uPortal1

2

SGBD

4

3

4




Particularités uPortal

• Support pour différents SGBD (transactionnels)

• Accès au SGBD en direct (JDBC) ou par pool (Tomcat)

• Support pour différents mécanismes d'authentification

• Comptes utilisateurs uPortal et auto création des comptes

• Attributs utilisateur uPortal et mapping vers d'autres sources

• Groupes uPortal et permissions

• Canaux et Portlets




Liste

• Annuaire LDAP compatible Supann

• SGBD transactionnel

• MySQL (InnoDB, BDB)

• PostgreSQL

• Oracle

• Installation du JDK

• Installation de ANT

• Serveur CAS opérationnel

• Politique de certification




ANT

• Équivalent de l'outil 'make' disponible sous Linux / UNIX

• Écris en Java multi plateformes

• Utilise un mécanisme de tâches (targets) interdépendantes

• Nombreuses fonctionnalités implémentées (structures de contrôle, expression régulières etc.)

• Possibilité de développer de nouvelles fonctionnalités (classes Java)

• S'appuie sur un fichier de configuration XML (build.xml)

• Utilisation de fichiers de propriétés pour le paramétrage




Apports par rapport à uPortal

• Un seul fichier de configuration

• Ajout de librairies

• Ajout de CAS comme méthode d'authentification

• Environnement ESUP

• SGBD nettoyé

• Groupes préconstruits

• 'Présentation' ESUP

• 2 packages partageant le même jeu de propriétés et de directives ANT




Différences entre les deux packages

• Prise en main et développement

• uPortal + surcouche ESUP

• Windows / Linux / UNIX

• Grand jeu de propriétés


• Intègre uPortal, ANT, HSQL (SGBD) et Tomcat

• Authentification au choix (CAS, LDAP, BDD)

• Évolution rapide suivant les mise à jour uPortal

• Production

• uPortal + surcouche ESUP

• Linux / UNIX

• Pas de propriétés pour Tomcat


• Intègre uniquement uPortal

• Authentification CAS de préférence

• Évolution plus lente

esupdev esup




Architecture esupdev-2.6-esup-2.0.2

contribs

custom

uPortal

Tomcat

logs

packages

Portail

Ant-X.X.X

Hsqldb-X.X.X.X

Tomcat-X.X.X

uPortal_rel-X.X.X

webapps

resources

tmp

update

• Contributions externes

• Personnalisations Etablissement

• logs du portail

• packages téléchargés

• Distribution ANT

• Distribution HSQL

• Distribution Tomcat

• Distribution uPortal

• Déploiement Esup

• Fichiers nécessaires au fonctionnement

• Répertoire temporaire du package

• Personnalisations Esup




Architecture esup-2.6-esup-2.0.2

contribs

custom

uPortal

Tomcat

logs

packages

Portail

uPortal_rel-X.X.X

webapps

resources

tmp

update

• Contributions externes

• Personnalisations Etablissement

• logs du portail

• packages téléchargés

• Distribution uPortal

• Déploiement Esup

• Fichiers nécessaires au fonctionnement

• Répertoire temporaire du package

• Personnalisations Esup




Fichiers de propriétés



• build.properties

• Configuration du déploiement du package

• config.properties

• Configuration du portail Esup

• custom.properties (facultatif)

• Configuration « incrémentale »


Tâches ANT

Toutes les tâches ANT sont à exécuter depuis la racine du package• getcomponents : Télécharge les packages tiers (uPortal, Ant, HSQL, Tomcat)

• unzip : Décompresse les packages tiers

• init :

• copie scripts -> racine

• copie resources/drivers -> Portail/uPortal_rel-X.X.X/lib/container-common

• copie update/uPortal -> Portail/uPortal_rel-X.X.X

• copie custom/uPortal -> Portail/uPortal_rel-X.X.X

• met à jour les fichiers de propriétés de uPortal,

• met à jour les fichiers de propriétés de Tomcat (ESUPDEV uniquement)




Tâches ANT

Toutes les tâches ANT sont à exécuter depuis la racine du package• dbtest : teste la connectivité à la base de données

• db.init : initialise la base de données (crée les tables, insert les enregistrement nécessaires pour démarrer un portail, à n'utiliser que lors de la première installation) et publie les canaux et layouts

• deploy : compile et déploie uPortal dans le répertoire de production (le répertoire pointé par le contexte Tomcat). A utiliser systématiquement après l'appel à init



Onglets : Catégories de contenus

Canaux

Introduction ESUP-Portail Pré Requis PréférencesPackages Interface

• Classification des contenus– Onglets– Sous-menus– Colonnes– Canaux


Sous-menus : Affichage d’un contenu dans la catégorie

Canaux


• Classification des contenus– Onglets– Sous-menus– Colonnes– Canaux


Colonnes : mise en forme des contenus

Canaux


• Classification des contenus– Onglets– Sous-onglets– Colonnes– Canaux


Canaux : éléments portant le contenu informatif

Canaux


• Classification des contenus– Onglets– Sous-onglets– Colonnes– Canaux


Barre d'outils, onglets, sous-menus



Préférences

Création, déplacement, suppression d’onglets

Introduction ESUP-Portail Pré Requis Packages Interface


Ajout de canaux

PréférencesIntroduction ESUP-Portail Pré Requis Packages Interface


Ajout de colonnes



Choix d’un Présentation



Menu préférences



Authentification

Interne

Authentification de base proposée par uPortal

• L'identifiant et le mot de passe sont stockés dans la base de données interne du portail

• Lors de la phase d'authentification, ils transitent en clair sur le réseau à moins que le portail ne fonctionne en HTTPS

• Le mot de passe est stocké sous la forme d'un hachage MD5

• Création d'un utilisateur, modification d'un mot de passe existant :

ant user.add –Dusername=toto

• A utiliser surtout pour changer le mot de passe des comptes par défaut (admin, demo)

CAS Groupes Canaux Environnement Présentation


CAS

Mécanisme de SSO (Single Sign On)

appli n°3appli n°2appli n°1

service

navigateur

appli n°3appli n°2appli n°1

service

SSO navigateur

Authentification CAS Groupes Canaux Environnement Présentation


CAS

Fonctionnement standard

CAS Portail

Navigateur

HTTPS

Formulaire d'authentification

Groupes Canaux Environnement PrésentationAuthentification



CAS Portail

Navigateur

Login + password

TGC

ST

TGC

ST

ST

ID

CAS Groupes Canaux Environnement PrésentationAuthentification



CAS Webmail

Navigateur

TGC

TGC

ST

ST

ID



Fonctionnement proxy

CAS

Portail

proxy

Navigateur

Application

ST

ID

PGT

TGC

PGTST



Fonctionnement proxy

CAS

Portail

proxy

Navigateur

Application

PGT

PT

TGC

PGT

PT

PT

ID



Packages

• Projet développé par l'Université de Yale

• CAS toolbox est un outil permettant de simplifier et de personnaliser le déploiement d’un serveur CAS

• Documentation : http://www.ja-sig.org/wiki/display/CAS/CAS-toolbox

• Téléchargement : https://sourcesup.cru.fr/projects/cas-toolbox/



http://www.ja-sig.org/wiki/display/CAS/CAS-toolbox

https://sourcesup.cru.fr/projects/cas-toolbox/

Certificats

Serveur HTTPS

Serveur HTTPS

Navigateur

Application

Machine Virtuelle Java



Certificats

Tomcat / CAS

HTTPS

Tomcat / ESUP

HTTP

HTTPS

confiance



Certificats

Tomcat / CAS

HTTPS

Tomcat / ESUP

HTTP

HTTPS

Autorité de certification ex : CRU



Architecture

esupportail.univ.fr

esupportail1.univ.fr




cas.univ.fr

AJP13

HTTPS

Tomcat

HTTPS

Apache

HTTP+S

mod_proxy_ajp

Tomcat

AJP13



Architecture

esupportail.univ.fr





cas.univ.fr

HTTP

HTTPS

Tomcat

HTTPS

Load Balancer

Tomcat

AJP13Apache

Apache

Apache

Apache



Architecture

Tomcat

AJP13

devel1.univ.fr

esupdev.univ.fr/pierre

Tomcat

AJP13

Tomcat

AJP13

Tomcat

AJP13

cas.univ.fr (esupdev.univ.fr/cas

)

Apache

mod_ssl

mod_proxy_ajp

esupdev.univ.fr

devel2.univ.fr

esupdev.univ.fr/paul

devel1.univ.fr

esupdev.univ.fr/jacques



Groupes

Gestionnaire de groupes

uPortal permet de brancher plusieurs types (services) de gestion de groupes.

• Les groupes peuvent être statiques ou dynamiques

• On peut utiliser plusieurs services de groupes en même temps dans le portail

Canaux Environnement PrésentationAuthentification CAS


PersonDirectory.xml

CompositeGroupServices

CompositeGroupServices.xml permet de définir quelle gestion(s) de groupes va être utilisée.

• Une partie de gestion globale : les service par défaut, la classe chargée de la gestion, le séparateur

• La liste des services

Groupes Canaux Environnement PrésentationAuthentification CAS


Groupes locaux



Les attributs uPortal de personne > Le fichier PersonDirectory.xml

Récupérer les attributs de l'utilisateur grâce au fichier uPortal_rel-2-X-X\properties\personDirectory.xml qui définit • Des sources de données (BDD, LDAP, ..) • Des mapping entre le nom d'un attribut de la source de données (résultat de la requête SQL ou LDAP) et le nom d'un attribut qui sera utilisé dans uPortal.

Dans les groupes LDAP comme dans les groupes PAGS il faut un mapping : Attribut uPortal attribut LDAP



Groupes LDAP

Les groupes LDAP sont paramétrés dans LDAPGroupStoreConfig.xml

• une partie contient la configuration du LDAP : host, login …

• la configuration des groupes



Groupes PAGS > Person Attributes Group store

Les groupes PAGS sont paramétrés dans PAGSGroupStoreConfig.xml

• Il n’y a pas de configuration du LDAP puisque PAGS constitue les groupes sur les attributs uPortal de personne (issus du mapping). Le LDAP utilisé sera celui défini dans le fichier properties du portail.

• la configuration des groupes



Canaux Environnement Présentation

Canaux > La publication de canaux

• Processus de mise à disposition de nouveaux contenus

extérieurs au portail : site web, fil RSS

dans la structure du portail : application interne

• Définition des règles de restriction d’accès

• 2 méthodes de publication :

Channel Manager

Définition d’un fichier xml et utilisation de la directive pubchan, proposée par le portail

GroupesAuthentification CAS



Canaux > Canal de publication

• Accessible par l’icône de la barre d’outils du portail

• Réservé aux membres du groupe des «Administrateurs uPortal »

• Channel Manager :– modifier un canal– créer un canal




Canaux > Canal de publication > Type de canal

Type de documents d’entrée pour le portail :

• Custom : tout le contenu est créé par l’auteur du canal.

• Image : document de type jpg ou gif utilisé comme source

• Inline Frame : rendu d’un page HTML sans contrainte

• RSS : canal pour un fil d’informations

• Web Proxy : rendu d’une page XHTML

• Portlet : affichage d’une portlet dans un canal

• XML SSL : document XML transformé par une XSL choisie

parmi une liste dans une SSL

• XML XSLT : document XML transformé par un ensemble de

feuilles XSL

• WSRP Consumer : service WSRP




Canaux > Canal de publication > Paramètres globaux

• Channel Title :– dans le bandeau d’entête du canal

• Channel Name :– Dans le canal de souscription

• Channel functionnal name :– Identifiant unique du canal dans le portail

• Channel description :– Dans le mode d’édition d’un canal




Canaux > Canal de publication > contrôle du canal

• Icônes traditionnelles de contrôle

• Icône d’édition– Modification de paramètres

• Icône d’aide– Conseils d’utilisation du canal

• Icône a propos de

– Boîte de dialogue d’info sur le canal, son auteur




Canaux > Canal de publication > Catégories et groupes

• Dans quelle(s) catégorie(s) se situe le nouveau canal? Et où le retrouve-t-on?

• Quelle(s) population(s) peut(peuvent) souscrire ce nouveau canal.

Sélection

Valider la sélection

Affichage de la sélection

(Dé)sélection des catégories

Validation avec le bouton « Next »

• Validation de la création du canal avec le bouton

«finished»




Canaux > Publication manuelle > La directive pubchan

• Définition d’un fichier xml

• Placement du fichier pubcanal.xml dans uPortal_DEPLOY-HOME/properties/chanpub

• ant uportal.pubchan -Dchannel= pubcanal.xml– (pour publier tous les canaux ant uportal.pubchan

–Dchannel=all)




Canaux > Publication manuelle > Le fichier XML

<channel-definition> <title>Le Site del'UHP</title> <name>Le Site de l'UHP</name> <fname>siteuhp</fname> <desc>Le site w3 de l'UHP</desc> <type>Inline Frame</type> <class>org.jasig.portal.channels.CInlineFrame</class> <timeout>5000</timeout> <hasedit>N</hasedit> <hashelp>N</hashelp> <hasabout>N</hasabout>

<secure>N</secure> <locale>en_US</locale> <categories> <category>Entertainment</category> </categories> <groups> <group>Everyone</group> </groups> <parameters> <parameter> <name>height</name> <value>600</value> <description></description> <ovrd>N</ovrd> </parameter> <parameter> <name>url</name> <value>http://www.uhp-nancy.fr</value> <description></description> <ovrd>N</ovrd> </parameter> </parameters></channel-definition>

Paramètres globaux

Structures de contrôle

Catégories

Groupes

Paramètres




Canaux > Exemple de déploiement



<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE channel-definition SYSTEM "channelDefinition.dtd">

<channel-definition>

<title>Dossier étudiant</title> <name>Mon dossier</name> <fname>customMonDossierWeb</fname> <desc>Dossier universitaire, résultats d'examens, dates des examens et de rentrée ...</desc> <type>Custom</type> <class>org.esupportail.portal.channels.gestion.CMonDossierWeb.CMonDossierWeb</class> <timeout>10000</timeout> <hasedit>N</hasedit> <hashelp>N</hashelp> <hasabout>N</hasabout>

<secure>N</secure> <locale>en_US</locale> <categories> <category>Scolarite</category> </categories> <groups> <group>UFR Etudiants (UFRETU)</group> <group>UFR Etudiants ENSCR (UFRETUECR)</group> <group>UFR Etudiants IEP (UFRETUIEP)</group> </groups> <parameters/> </channel-definition>

Canal de type « custom » (MonDossierWeb)


Canaux > Exemple de déploiement



Canal de type « portlet » (ori-oai-search)

<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE channel-definition SYSTEM "channelDefinition.dtd"><channel-definition> <title>Recherche de documents</title> <name>Patrimoine numérique: recherche de documents</name> <fname>ori-oai-search</fname> <desc>Patrimoine numérique: recherche de documents</desc> <type>Portlet</type> <class>org.jasig.portal.channels.portlet.CPortletAdapter</class> <timeout>20000</timeout> <hasedit>N</hasedit> <hashelp>N</hashelp> <hasabout>N</hasabout> <secure>N</secure> <locale>en_US</locale> <categories> <category>Documents en ligne</category> </categories> <groups> <group>Service Commun de Documentation (PERS_952)</group> </groups> <parameters>  <parameter> <name>portletDefinitionId</name> <value>ori-oai-search.spring</value> <description>The syntax of the portletDefinitionId is [portlet-context-name].[portlet-name]</description> <ovrd>N</ovrd> </parameter> </parameters></channel-definition>


Qu’est-ce que c’est ?



Layout : Environnement utilisateur

• SLM : Simple Layout Manager. Chaque utilisateur recoit un environnement en fonction d’un modèle. Il peut modifier son environnement. Si le modèle change, l’environnement de l’utilisateur ne change pas.• ALM : Aggregated Layout Manager. L’utilisateur ne peut pas modifier l’environnement issu d’un modèle. Il peut ajouter des onglets et canaux. La modification d’un modèle est répercutée sur l’environnement de l’utilisateur.• DLM : Distributed Layout Manager. L’utilisateur peut potentiellement modifier tout son environnement. La modification d’un modèle est répercutée sur l’environnement de l’utilisateur.


DLM > Qu’est-ce que c’est ?



Layout : Ensemble d’onglets, colonnes, canaux

BureauScolarité Finances

messagerie

Stockage

Agenda MissionsDossier EmploiDu temps

Onglets :

CanauxColonnes

Canaux Environnement PrésentationGroupesAuthentification CAS


Fragment : Partie logique d’un environnement comprenant un ou plusieurs canaux


messagerie

Stockage





Chaque fragment a une priorité et une audience


messagerie

Stockage


Etudiants Etudiants

Administration

Administration

precedence

1000 800 500

EtudiantAdministratif




L’utilisateur voit les fragments qui lui sont alloués

BureauScolarité

messagerie

Stockage

AgendaDossier EmploiDu temps

Etudiant X

Administratifs

Il ne voit pas les canaux auxquels il n’a pas droit

Il peut éventuellement ajouter/supprimer des onglets ou modifier des fragments

Actualités



DLM > Définition des fragments

Les fragments sont définis dans le fichier uPortal_source/properties/dlm.xml

• name : nom du fragment• ownerId : utilisateur « modèle » possédant ce fragment• Precedence : Priorité d’apparition (plus grand, plus à gauche)• Audience : Défini les utilisateurs recevant ce fragment




DLM > Les audiences

• GuestUserEvaluatorFactory : Factory java qui se base sur IPerson.isGuest() d’uPortal. (La balise audience peut être vide pas de paramètre particulier)

•AllUsersEvaluatorFactory : Tous les utilisateurs

• PersonEvaluatorFactory : On se base ici sur les attributs de personne (objet IPerson) pour attribuer le fragment. Possibilité d’ajouter l’élément <paren> (parenthèse) avec un attribut "mode" qui peut être OR( par défaut) AND, ou NOT. Un élément <attribute> pemet de tester un attribut. 5 type de test exists, equals, contains, startsWith, et endsWith.



<dlm:fragment name='Guests' ownerID='guest-lo' precedence='10'><dlm:audience evaluatorFactory='org.jasig.portal.layout.dlm.providers.GuestUserEvaluatorFactory'/>

</dlm:fragment>

<dlm:fragment name='Entertainment' ownerID='ent-lo' precedence='100'> <dlm:audience evaluatorFactory='org.jasig.portal.layout.dlm.providers.PersonEvaluatorFactory'> <paren mode="NOT"> <attribute name="username" mode='equals' value='guest'/> </paren> </dlm:audience></dlm:fragment>


DLM > Les audiences

• GroupMembershipEvaluatorFactory : On se base ici l’appartenance d’un personne à un groupe pour attribuer le fragment (Fonctionnement similaire au l’Aggregated Layout Managment). Comme précédemment possibilité d’ajouter l’élément <paren> (parenthèse) avec un attribut "mode" qui peut être OR( par défaut) AND, ou NOT. Un élément <attribute> pemet de tester un attribut. 1 seul type de test possible : memberOf.



<dlm:fragment name='News' ownerID='news-lo' precedence='80'> <dlm:audience evaluatorFactory='org.jasig.portal.layout.dlm.providers.GroupMembershipEvaluatorFactory'> <paren mode="AND"> <attribute mode='memberOf' name='Students'/> <paren mode="NOT"> <attribute mode='memberOf' name='Faculty'/> </paren> </paren> </dlm:audience></dlm:fragment>


DLM > Publication / modification d'un fragment

Deux méthodes :• Faire un fichier xml pour chaque fragment de layout

– Le fichier est dans le répertoire uPortal_source/properties/layouts– Il doit avoir le nom de son utilisateur « modèle »– Il faut publier le fragment :

ant layout.import –Dusername=<nom_fragment>.xml

• Modifier les préférences sous l’identité du propriétaire du fragment– Créer l’utilisateur

ant user.add –Dusername=toto

– Se connecter au portail– Aller dans le menu « préférences » et effectuer les modifications




DLM > Exemple de fichier de fragment

Fichier de fragment :



<?xml version="1.0" encoding="UTF-8"?><layout user="guest-lo"> <root-folder> <folder mutable="True" removable="True" type="header"> <name>Header folder</name> <channel fName="header"/> <channel fName="portal/login/general"/> <channel fName="session-locales-selector"/> </folder> <folder mutable="True" removable="True" type="regular"> <name>Accueil</name> <folder mutable="True" removable="True" type="regular" width="50%"> <name>Column 1</name> <channel fName="iframeSesame"/> </folder> <folder mutable="True" removable="True" type="regular" width="50%"> <name>Column 2</name> <channel fName="annonceClientActualiteUniversite"/> </folder> </folder> <folder mutable="True" removable="True" type="regular"> <name>Annuaires</name> <folder mutable="True" removable="True" type="regular"> <name>Column 1</name> <channel fName="CAnnuaireAnonyme"/> </folder> </folder> <folder mutable="True" removable="True" type="footer"> <name>Footer folder</name> <channel fName="footer"/> </folder> </root-folder></layout>

type « en-tête »

type « onglet »

type « pied de page »

Libellé de l’onglet

colonnecanal


Personnalisation de l'interface graphique


• Présentation : Personnalisation de l’interface utilisateur

– Thème : Défini la structure générale des pages affichées en fonction du média (navigateur Web, PDA, mobile…)

– Habillage (skin) : Défini le style de chaque élément






• Thème Esup : • Thème uPortal (tab-columns) avec navigation

« canadienne » (sous-menus) • Fichier xhtml-theme.xsl

Feuille de transformation




• Habillage : – Jeu d’images– Feuilles de style CSS


icônes

Images (logo, etc.)

Feuilles de style