Historique de la page

Cette page wiki a pour but ici de traiter de la "mobilisation" des vues des applications EsupCommons V1. On s'intéresse notamment aux applications portlet esup-agent et mon-dossier-web* que l'on souhaite pouvoir afficher joliment sur un mobile.

?(* pour mon-dossier-web, une vue mobile est en train d'être réalisée par ESUP (UNR NPDC), cette application ne sera pas traitée ici - pas de besoin donc)

JSF 1.1 en EsupCommons V1, problématique vue mobile et évolutions

...

ESUP.

Les développements portlet en EsupCommons V1 utilisent en technologie de vue JSF 1.1.

...

A terme, on note dès à présent que l'évolution des vues et de la technologie associée à ces portlet portlets serait l'idéal. Pour ce faire, on opterait alors si possible plutôt pour une technologie de vue utilisant spring mvc Spring MVC et donc du jspJSP/jstlJSTL classique (et non du JSF), cela étant maintenant une recommandation au niveau Esup ESUP pour les développements des portlets (l'idée étant notamment de suivre la tendance  tendance/feuille de route clairement définie par Jasig sur le développement des portlets).

Ce travail d'évolution des vues est un travail lourd qui doit se faire avec (voire par ;) ) les développeurs Esup de ces portlets et cela demandera de plus forcément du temps. Dès a présent demande du temps de réalisation. Dès à présent, cependant, les ENT en EsupESUP/uPortal version 3 ou 4 proposent déjà une vue mobile et la vue non-mobile des applications comme esup-agent et mon-dossier-web est aujourd'hui-même un manque.

...

Rappel : cette solution est à considérer comme temporaire.

Au même titre que l'on relook relooke les portlets et l'ENT en général en fonction de la charte graphique de l'établissement, on propose ici un relookage des vues mobile mobiles des portlets EC1 avec vue JSF, cela sans intrusion dans le code des portlets.

La vue mobile pourrait correspondre ainsi simplement à un 1 fichier CSS à appliquer en plus. Cependant, si l'on souhaite aller plus loin dans la mobilisation et notamment avoir une ergonomie semblable aux autres portlets EsupESUP/uPortal en vue mobile ; , l'idée est d'utiliser également JQuery Mobile de manière dynamique * => en plus d'un une CSS spécifique à appliquer, on appliquera ajoutera également un 1 javascript au niveau de la vue mobile dans l'ENT.

* pour plus d'informations sur cette technique JQuery Mobile, voir la documentation"jQuery Mobile and Dynamic Page Generation".

esup-agent

Valable pour la version 1.0.1

Les fichiers esup-agent-mobile.js et esup-agent-mobile.css sont à rajouter pour accéder à une vue mobile de cette portlet.

Avec un ENT ESUP/uPortal en V4

• décommenter les thèmes jquery dans ../uportal-war/src/main/webapp/media/skins/muniversality/common/jquerymobile/jqm.theme.css

...

• faire un lien symbolique vers les fichiers dans ../uportal-war/src/main/webapp/media/skins/muniversality/common/javascript/
• éditer ../uportal-war/src/main/webapp/media/skins/muniversality/common/common_skin.xml
• enlever (si présente) l'ancienne feuille de style d'esup-agent
• rajouter les lignes <css>esup-agent-mobile.css</css> et <js>../common/javascript/esup-agent-mobile.js</js>
• faire un ant deploy-war
• redémarrer

En ce qui concerne ESUP/uPortal V3, cela n'a pas été testé (il faudra également embarquer jquery mobile)