Services numériques à partir de dispositifs mobiles « organisation et avancement » Yves Deschamps, Lille 1 Xavier Pétard, Francis Forbeau, Université de La Rochelle

Développement des usages de lInternet 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 1 er projets adhérents ESUP Recommandations du comité Technique ESUP-mobile Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1ier phase exploratoire, …

Développement des usages de lInternet mobile CIUEN 2010 : Services numériques à partir de dispositifs nomades IPSOS : les internautes et la mobilité Population des mobinautes doublée en 2009 : 5 M dutilisateurs

Les téléphones mobiles deviennent des plateformes essentielles de réception des services Internet Développement des usages de lInternet mobile 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

Développement des usages de lInternet mobile Organisation 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 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

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 dexpériences, est engagé dans une démarche dont lobjectif 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, …

Développement des usages de lInternet mobile Organisation 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 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

Quelques exemples de projets en cours suivis par Géo localisation Annonces SMS U Esup News Mobile Annuaire Mobile ENT Mobile UNRNPDC Plateforme Péda. Mobile Emploi du temps mobile Calendar Portlet ou développement local

Ticeur Mobile : Développements réalisés par J. Blandineau Conserver la compatibilité avec lappli. Ticeur classique. Développement nx composants dédiés à laffichage smartphone : Adaptations techniques et dergonomie 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 lactualisation des info. permettant didentifier les nx terminaux mobiles. La solution utilisée repose sur le fichier XML WURFL, filtré pour ne garder que les attributs utilisés (à laide de WURFL Customizer) et sur lAPI 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.

Emploi du temps Mobile : projet Nancy 1 (réalisation D. Fradet) 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 :

Développement des usages de lInternet mobile Organisation 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 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

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

Développement des usages de lInternet mobile Organisation 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: 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

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 1 er projets réalisés par des adhérents ESUP

Développement des usages de lInternet mobile Organisation 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: 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

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

Recommandations du comité Technique 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 socles Mise à niveau CSS, accessibilité, … mieux maitrisée Nouveaux services Pas de contrainte temporelle pour le déploiement des services mobiles Deux URLs...

Développement des usages de lInternet mobile Organisation 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: 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

esup-news-mobile c'est quoi ? Retour, conseils, … des 1 er développements mobiles 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 ».

esup-news-mobile c'est quoi ? Retour, conseils, … des 1 er développements mobiles 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...

esup-news-mobile c'est quoi ? Retour, conseils, … des 1 er développements mobiles 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: cts/esup-news-mobil/

Développement des usages de lInternet mobile Organisation 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: 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire, …

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 portletBridge WAR Intégration au sein desup-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é. Intégration au sein desup-commons 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 Intégration au sein desup-commons

Développement des usages de lInternet mobile Organisation 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: 1 er projets adhérents ESUP Recommandations du comité Technique Retour, conseils, … des 1 er développements mobiles Intégration au sein desupcommons Suite de cette 1 ier phase exploratoire …

Des projets émergent, des expériences sont en cours et suivies par ESUP Les 1 ers 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

Démonstrations

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

Ticeur Mobile pour les étudiants de lULR Affichage des derniers messages envoyés par le personnel administratif à létudiant : des messages généraux destinées à toute une formation jusquau message individuel Affichage liste de mes cours année ou semestre. En cliquant sur un cours, ouverture dune 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

Emploi du temps Mobile : projet Nancy 1 (réalisation D. Fradet) 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