Projet ESUP Mobile

Navigate Space

La liste d'utilisateurs n'est pas rendue car vous ne possédez pas les droits d'accès nécessaires pour afficher les profils utilisateur.
Pages enfant
  • CAS Mobile

Comparaison des versions

Ancienne version 8

changes.mady.by.user Florent Fareneau

Sauvegardée le

comparé à

Nouvelle version Actuel

changes.mady.by.user Florent Fareneau

Sauvegardée le

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.
Commentaire: Migrated to Confluence 5.3

Les dernière version de CAS sont compatibles mobile.

Cette documentation est basée sur la version 3.4.2-X

Principe

  • Le fichier webapps\cas\WEB-INF\cas-servlet.xml va contenir themeResolver qui va
    • définir les vues à utiliser (vu = template jsp)
    • il va aussi selon la liste mobileBrowsers dire si on est dans le cas d'un mobile ou pas (cette décision se fait sur le user-agent)
    • ce thème resolver positionnera les variable isMobile et browserType pour les pages jsp
  • La page jsp webapps\cas\WEB-INF\view\jsp\default\ui\includes\top.jsp
    va elle afficher des css spécifiques et meta spécifique si c'est un mobile.

Implémenter

Créer son thème

  • faire un dossier : custom/webpages/themes/monetab
  • faire sa css : monetab.css (pour les navigateur classique) en s'inspirant de update.esup/webpages/themes/esup/cas.css
  • faire sa css : monetab-mobile.css update.esup/webpages/themes/esup/default-mobile-custom.css
  • Définir son thème en faisant un fichier custom/webpages/WEB-INF/classes/monetab.properties
Pas de format
mobile.custom.css.file=themes/monetab/monetab-mobile.css
standard.custom.css.file=themes/monetab/monetab.css
  • définir dans le config.properties
Pas de format
theme=monetab

Refaire un init deploy du CAS

Pas de format
 ant init deploy

Tester

Lorsque vous allez aller sur votre serveur avec un navigateur classique vous allez voir le head suivant :

Pas de format
<head>
 <title>CAS &#8211; Central Authentication Service</title>
 <link type="text/css" rel="stylesheet" href="themes/monetab/monetab.css" />
 <script type="text/javascript" src="js/common_rosters.js"></script>

 <link rel="icon" href="/cas/favicon.ico" type="image/x-icon" />
</head>

Avec un navigateur mobile vous devriez avoir :

Pas de format
<head>
 <title>CAS &#8211; Central Authentication Service</title>

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black" />

 <link type="text/css" rel="stylesheet" media="screen" href="/cas/css/fss-framework-1.1.2.css" />
 <link type="text/css" rel="stylesheet" href="/cas/css/fss-mobile-iphone-layout.css" />
 <link type="text/css" rel="stylesheet" href="themes/monetab/monetab-mobile.css" />

 <link rel="icon" href="/cas/favicon.ico" type="image/x-icon" />
</head>