Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC...

40
FABIEN ALESINA – DAVID MANSUY Projet NTIC UMobile Fabien 25/05/2012

Transcript of Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC...

Page 1: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

FABIEN ALESINA – DAVID MANSUY

Projet NTIC UMobile

Fabien

25/05/2012

Page 2: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Objectif :

Créer une application permettant d’accéder aux

outils étudiants : Dokeos, Blog Ciel, …

Problèmes :

- Android, Iphone ou autre ?

- Login étudiant ?

Solution : UMobile

Page 3: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

UMobile is a new open source initiative to bring campus applications, content, and data to

mobile devices. The project provides a native app for iPhone and Android devices, as well as

browser-based content for other smartphones.

Source : http://www.jasig.org/umobile

Avantages :

- Gestion Login étudiant

- Génération d’application Android, IPhone ou site web.

- Beaucoup d’autres fonctionnalités (cartes, RSS, …)

Page 4: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Préparation pour utilisation de UMobile

- Machine virtuelle

- JDK & JRE 6 ORACLE

- SDK Android

- Eclipse

- Titanium Studio

- Plugin UMobile

Page 5: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Interface Titanium Studio dans notre virtual box

Page 6: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Emulateur Android de Titanium Studio dans notre virtual box

Page 7: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

UMobile : Partitionnement :

Partie Application

Partie Serveur

Ant

Tomcat

Maven

UMobile

Page 8: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Utilisation de UMobile

Après chaque modification :

Redémarrer le serveur Tomcat (2 min)

Lancement de l’émulateur (5 min)

Désinstallation – Compilation de l’application

Page 9: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Langages de programmation utilisés

Serveur : Java, xml et javascript

Application : Javascript, api et structures de Titanium

Page 10: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Développement de l’application : Ajout des cartes

1) Centrer la carte UMobile sur Genève

Plutôt facile, coordonnées hardcodées dans UMobile

2) Ajouter des lieux

Semble facile d’après la documentation, mais …

Page 11: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Documentation non mise à jour !

Recherche de fichiers dans UMobile permettant d’ajouter

des lieux.

Après une recherche approfondie, ajout d’un fichier

contenant les emplacements :

- Des différents campus

- Des parkings à proximité des campus

- Des stations de tramway desservant les campus.

Page 12: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Interface en ligne UMobile

Page 13: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Interface en ligne UMobile

Connexion Administrateur / Utilisateur

Modification des droits

Ajout de données

Ajout d’informations via flux RSS

Page 14: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Ajout d’informations via flux RSS

Page 15: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Documentation UMobile

Très limitée

Non mise à jour

Très axée sur le développement de UMobile, et non sur

son utilisation.

Framework trop jeune, peu de documentation en général

Page 16: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Exemple de documentation

Page 17: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Test de l’application Android

Ajout de l’adresse du serveur dans l’application.

Titanium studio génère fichiers .apk

Installation du fichier sur le Smartphone.

Bugs graphiques sur Android 4.0.3

Bon fonctionnement sur version 2.3.5

Optimisé pour version 2.0 et 2.2

Page 18: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Test de l’application Android

UMobile version « page web » et « Android »

Page 19: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Conclusion - Travaux futurs

Installation longue et compliquée.

Framework difficile à utiliser sans connaissances

approfondies.

Framework jeune (2011), petite communauté,

documentation incomplète.

UMobile apparait comme une bonne solution pour

produire une application complète et diversifiée.

UMobile permet de générer une application IPhone,

Android ou web sans changer le code.

Page 20: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder

Démonstration de l’application UMobile générée pour

ANDROID

Page 21: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 22: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 23: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 24: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 25: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 26: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 27: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 28: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 29: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 30: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 31: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 32: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 33: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 34: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 35: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 36: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 37: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 38: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 39: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder
Page 40: Projet NTIClatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_AlesinaMans… · Projet NTIC UMobile Fabien 25/05/2012 . Objectif : Créer une application permettant d’accéder