Services numériques à partir de dispositifs mobiles « organisation et avancement » Yves...

Services numériques à partir de dispositifs mobiles

« organisation et avancement »

Yves Deschamps, Lille 1Xavier Pétard, Francis Forbeau, Université de La Rochelle

Développement des usages de l’Internet mobile

Organisation d'ESUP-mobile

Des projets, des expériences en cours chez nos adhérents

Labels-bonnes pratiques des développements Web mobile

Respect de bonnes pratiques de 1er projets adhérents ESUP

Recommandations du comité Technique ESUP-mobile

Retour, conseils, … des 1er développements mobiles

Intégration au sein d’esupcommons

Suite de cette 1ier phase exploratoire, …


CIUEN 2010 : Services numériques à partir de dispositifs nomades

• IPSOS : les internautes et la mobilité

Population des mobinautes doublée en 2009 : 5 M d’utilisateurs

Les téléphones mobiles deviennent des plateformes essentielles de réception des services Internet


Le téléphone devient le premier écran des étudiants

Des projets de services mobiles « vie étudiante » émergent : géolocalisation, ENT, réseaux sociaux, …

Les étudiants de + en + équipés de téléphones mobiles sont en attente de services adaptés


Organisation ESUP-mobile




Recommandations du comité Technique




Instance «mobilisée»

Apporter aux adhérents des conseils pour déployer une solution mobile de leur ENT,

Faire émerger des projets,

Organiser les retours d’expériences,

est engagé dans une démarche dont l’objectif

est de favoriser la mutualisation des projets mobiles

Soutenir des initiatives locales, nationales• réalisées par des adhérents afin de les rendre

disponibles pour la communauté ESUP

Pour mutualiser, coordonner les développements mobiles …

Organisation

Comité technique :

• Intégrer les spécificités « mobiles » dans les travaux ESUPCommons, déploiement V. Uportal (packager la V3.2 compatible mobile) , formations, …

Coordination :• Identifier les expériences, les référencer, développer la

mutualisation entre les adhérents, …

Quelques exemples de projets en cours suivis par

Géo localisation

Annonces SMS U Esup News MobileAnnuaire Mobile

ENT Mobile UNRNPDC

http://mediacenter.univ-lr.fr/videos/?video=MEDIA100604161306250

Plateforme Péda. Mobile

Emploi du temps mobile

Calendar Portlet ou développement local

Ticeur Mobile : Développements réaliséspar J. Blandineau

Conserver la compatibilité avec l’appli. Ticeur classique. Développement nx composants dédiés à l’affichage smartphone :

Adaptations techniques et d’ergonomie imposées par le dév. appli Web à destination des mobiles :•Pages allégées; couleurs, taille polices adaptés à un écran de téléphone; navigation facilitée; suppression / masquage du superflu…

Compatibilité tout type smartphone, nécessitant le dév. code de détection du terminal mobile et l’actualisation des info. permettant d’identifier les nx terminaux mobiles.

• La solution utilisée repose sur le fichier XML WURFL, filtré pour ne garder que les attributs utilisés (à l’aide de WURFL Customizer) et sur l’API Java wurfl-1.0.1

Emploi du temps Mobile : projet Nancy 1 (réalisation D. Fradet)

• Présentation Ade Expert– Progiciel de gestion des emplois du temps

– On définit des ressources (groupe d'étudiants, enseignants, salles, étudiants, équipements, etc.). Chaque ressource possède des attributs dont un nom et un code.

• Ade possède plusieurs modules dont le module WebApi qui permet de récupérer un flux xml après une requête http.

• On va ainsi pouvoir obtenir l'emploi du temps d'une ressource entre deux dates à partir de son code.

<events>

<event id="102856" activityId="13420" session="0" repetition="3" name="TD M4" absoluteSlot="18181" slot="5" day="4" week="40" additionalResources="0" duration="8" note="" color="153,204,255" isLockPosition="true" lastUpdate="" creation="" isLockResources="true" isSoftKeepResources="false">

<resources>

<resource fromWorkflow="false" nodeId="63898" nodeOrId="63894" quantity="1" category="classroom" name="R&T - TD 24" id="5365"/>

</resources>

</event>

</events>


• Simplicité (deux pages) :– Saisie du code– Affichage de l'emploi du temps simple (nom

du cours, horaires et salles) et du jour j à j + 7

• Lisibilité (utilisation de css pour l'affichage)

• Serveur Tomcat (et frontal Apache)

Petite documentation sur le wiki ESUP :http://www.esup-portail.org/display/PROJESUPMOBILE/ADE+sur+mobile

Label

4 grands critères :

• thématique : des services liés à la vie universitaire

• d'accès : service gratuit, données ouvertes et licence Open Source si diffusion d'une application

• mutualisation : conduite du projet, communication à ESUP-mobile et disponibilité des livrables

qualité

Label





Respect de bonnes pratiques: 1er projets adhérents ESUP





Testeur W3C mobileOK

URL, fichier, page source (complète)

Page par page (il existe d'autres validateurs par site)

Premiers projets

ADE mobile : plus de 90%

Ticeur mobile : près de 90%

Annuaire, esup-news mobile

CalendarPortlet : difficile à tester en mode portlet, car inclusion dans une page.

Retours

Intérêts : validation, apprentissage

Dans le cas de bibliothèques (ex: Trinidad), intérêt surtout pour l'intégration

Respect de bonnes pratiques de 1er projets réalisés par des adhérents ESUP

Recommandations du comité Technique• Couverture des services

– proposition d'une liste de services pertinents pour une adaptation aux mobiles, à partir du SDET

– attention aussi à l'accessibilité « réseau »• Socle• Outils de développement

– pas de préconisations par rapport au langage ou à la technologie, en revanche proposition d'un esup-commons compatible mobile

• Cahiers des charges– critères de labelisation (peut aller assez loin avec le « one web » :

faites « au mieux »)– intégration au SI : demander des interfaces de consultation

utilisant des données accessibles via un format standard– Éléments concrets sur les « contextes de rendu » au sens W3C :

taille des écrans, familles de terminaux, débits nécessaires


Faut-il passer son socle en V3.2 pour mener un projet mobile ?

Un seul socle : + tout gérer au même endroit est + simple pour la maintenance

- Mais filtrage des services / adaptations:

• Possible par canal mais pas par onglet

- Réorganisation des canaux nécessaire

Deux soclesMise à niveau CSS, accessibilité, … mieux maitrisée

Nouveaux services

Pas de contrainte temporelle pour le déploiement des services mobiles

Deux URLs...

esup-news-mobile c'est quoi ?


Une application légère, qui interroge une série d'urls qui délivrent des nouvelles au format XML.

Ces nouvelles sont organisées en: • page (une seule page par flux)• titre, date, numéro• une actualité « en une »• des rubriques avec un visuel coloré• des actualités dans chacune des rubriques...

Cette application répond au besoin d'afficher un flux XML spécifique à Lille 1 dont l'ergonomie et/ou l'architecture technique pourrait être reprise dans le cadre d'une version mobile de « esup-lecture ».



L'idée: retrouver sur mobile, pourquoi pas dans un portail uPortal (le 3.2 compatible mobiles) les informations diffusées sous forme de newsletter ou de page web...



La navigation dans les rubriques, les actualités, le retour au menu d'accueil de la portlet ou le retour dans le portail sont faciles...

Lien: https://sourcesup.cru.fr/projects/esup-news-mobil/

Esup-annuaire-mobile et esup-news-mobile sont deux applications développées à partir des facilités apportées par l'IDE Eclipse et sans attendre esup-commons V2 : Créer un projet WTP incluant JSF 1.2 (en l'occurence la librairie Trinidad) et produisant un WAR auto-déployable (avec ou sans les sources).On utilise Spring et donc un mode de configuration des applications connu de la communauté.Le passage servlet-portlet est facile en utilisant la librairie myFaces portletBridge, quelques manipulations sont néanmoins nécessaires (ce n'est pas automatisé).

MyFaces

WTP

Trinidad

Spring

portletBridgeWAR

Intégration au sein d’esup-commons

Esup-commons V2 utilise Maven pour construire un projet Java dans Eclipse.

Alternativement à richFaces, Trinidad pourraît être proposé.

MyFaces portletBridge pourrait être une solution intégrée à esup-commons pour déployer en mode portlet.

Les sources sont distribués et le déploiement est automatisé.


esup-commons

esup-blank

richFaces

Spring

Maven et WTP sont compatibles dans Eclipse.

Nous avons besoin de faire évoluer esup-commons V2 avec la contribution des développeurs (participation à la liste commons-devel) pour valider les choix possibles de librairie JSF (richFaces ou Trinidad ou...), c'est déterminant dans l'écriture des JSP.

Les points forts d'esup-commons, à maintenir en V2 :

• l'intégration facilitée Spring• ldap• bases de données• authentification• gestion des exceptions










Suite de cette 1ier phase exploratoire …

Suite de cette 1ier phase exploratoire …

Des projets émergent, des expériences sont en cours et suivies par ESUP

• Les 1ers usages seront suivis à la rentrée • ESUP proposera des outils prenant en compte la

problématique « mobile » • Les adhérents pourront les exploiter pour construire

leurs offres de services numériques pour des mobiles – Démarche fonctionnelle pour définir une offre de

service d'établissement,– Dans un second lieu des choix techniques afférents

(avec des propositions du comité ESUP Mobile)

Services numériques à partir de dispositifs mobiles

Un lien pour vous inviter à partager, à mutualiser entre adhérents

http://www.esup-portail.org/display/PROJESUPMOBILE

http://www.esup-portail.org/display/PROJESUPMOBILE

Démonstrations

Contenu du projet (piloté par M. Moreau Beliard et Raphaël Baer, UNPiDF)

Ticeur Mobile pour les étudiants de l’ULR

Affichage des derniers messages envoyés par le personnel administratif à l’étudiant : des messages généraux destinées à toute une formation jusqu’au message individuel

Affichage liste de mes cours année ou semestre. En cliquant sur un cours, ouverture d’une page avec le lien du cours sur plate forme péda., affichage liste des activités (devoirs, forum, QCM, etc …), affichage des ressources déposées par les enseignants (documents, podcast, ...), lien vers fiche ECTS


• Simplicité (deux pages) :– Saisie du code– Affichage de l'emploi du temps

simple (nom du cours, horaires et salles) et du jour j à j + 7

Services numériques à partir de dispositifs mobiles « organisation et avancement » Yves...

Documents

Transcript of Services numériques à partir de dispositifs mobiles « organisation et avancement » Yves...