Projet ESUP Mobile

Navigate Space

User list not rendered as you do not have the privilege to view user profiles.
Child pages
  • CAS Mobile

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
mobile.custom.css.file=themes/monetab/monetab-mobile.css
standard.custom.css.file=themes/monetab/monetab.css
  • définir dans le config.properties
theme=monetab

Refaire un init deploy du CAS

 ant init deploy

Tester

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

<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 :

<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>
  • No labels