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
  • Vue Mobile pour des applications EsupCommons V1 avec vue JSF 1.1

Comparaison des versions

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

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 et cela demandera de plus forcément du temps (roadmap - projets en court par les dév. / Esup ?). Dès a présent qui 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 à 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 1 javascript au niveau de la vue mobile dans l'ENT.

...

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 EsupESUP/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 EsupESUP/uPortal V3, cela n'a pas été testé (il faudra également embarquer jquery mobile)

Galerie
sortdate
titleCopies d'écran vue mobile.