Rapport de stage. Stage du 4 avril au 31 mai Sujet Réalisation d une application Android. Une réalisation de SCHEIBEL Jean-Baptiste

Transcription

1 Rapport de stage Stage du 4 avril au 31 mai 2011 Sujet Réalisation d une application Android Une réalisation de SCHEIBEL Jean-Baptiste Sous la responsabilité de KNISPEL Didier MARTIN Benoît Avec la participation de S C H E I B E L J E A N - B A P T I S T E P a g e 1

2 Sommaire I. CORA INFORMATIQUE... 6 A. LA SOCIETE... 6 B. L INFORMATIQUE DANS LA GRANDE DISTRIBUTION... 7 C. LES SERVICES La hotline L exploitation Bureautique et réseaux Projets et développements Architecture et innovations L administration... 8 II. MISSION : PORTAGE D UNE APPLICATION IPHONE VERS ANDROID... 9 A. OBJECTIFS... 9 B. DE LA PHASE DE RECHERCHE AU DEVELOPPEMENT... 9 C. METHODE DE TRAVAIL... 9 III. DEVELOPPEMENT ANDROID : DE L ELABORATION A LA PRODUCTION A. PREREQUIS AU DEVELOPPEMENT B. CONTRAINTES C. LA MISE EN PRODUCTION IV. APPLICATION «CARTE CORA» A. POURQUOI L APPLICATION «CARTE CORA»? Cora veux fidéliser ses clients L intérêt de l application B. OBJECTIFS ET CAHIER DES CHARGES Démarrage de l application Ajouter une nouvelle carte Liste et détail des cartes Le catalogue cadeaux La carte des magasins Cora C. PROBLEMES, CONTRAINTES, RECHERCHES ET RESOLUTIONS L info-barre La tab-barre Le détail de la carte et le pseudo Miniatures des cadeaux D. INNOVATIONS ET PRISES DE DECISION Actualisation des cartes Carte perdue ou volée Transition de la publicité Recherche des magasins E. PHASE DE TEST Samsung Teos, Android 2.2, 240*400 pixels, LDPI : Ecran normal HTC Desire, Android 2.2, 480*800 pixels, MDPI : Ecran large F. SUIVI DE LA PRODUCTION Statistiques Cora à l écoute de ses clients V. APPLICATION «CORA CAFETERIA» S C H E I B E L J E A N - B A P T I S T E P a g e 2

3 A. POURQUOI «CORA CAFETERIA»? B. OBJECTIFS ET CAHIER DES CHARGES C. PROBLEMES, CONTRAINTES, RECHERCHES ET RESOLUTIONS Conception du design L utilisation des «groupactivities» D. INNOVATIONS ET PRISES DE DECISION E. PHASE DE TESTS Samsung Teos, Android 2.2, 240*400 pixels, LDPI: Ecran normal HTC Desire, Android 2.2, 480*800 pixels, MDPI : Ecran large F. SUIVI DE LA PRODUCTION Statistiques Cora à l écoute de ses clients I. PHOTOS DES APPLICATIONS CREEES A. CARTE CORA B. CORA CAFETERIA II. DEVELOPPER AVEC ANDROID S C H E I B E L J E A N - B A P T I S T E P a g e 3

4 Remerciements Je tiens tout d abord à remercier Monsieur KNISPEL Didier, chef de projet chez Cora Informatique, pour m avoir permis d effectuer 8 semaines de stage au sein du service «Architecture et innovation» et de m avoir guidé dans la réalisation de mon projet. Je remercie également toute l équipe CORA Informatique pour son accueil chaleureux et son soutien qui a été maintenu pendant toute la durée du stage. Enfin, je remercie Monsieur MARTIN Benoît, tuteur de stage à l université Paul Verlaine. S C H E I B E L J E A N - B A P T I S T E P a g e 4

5 Introduction La communication et l information sont devenues des éléments indispensables dans la vie de tous les jours. En quelques années, la recherche d informations dans une encyclopédie a transité vers de simples clics sur une page internet. Actuellement, à tous moments et en tous lieux, ces renseignements sont accessibles du bout des doigts par l intermédiaire de téléphones ou de pads. Il est important pour une société comme Cora de tenir ses clients informés des évènements de la société, des magasins à proximité ou encore de la situation clientèle. Le développement d application embarquée devient alors une solution idéale. En 2010, «Carte Cora» et «Cora Cafétéria» ont donc été élaborées sous la plateforme iphone. Le choix unique de cette plateforme résultait d une volonté de définir, en premier lieu, l impact d une telle application sur la clientèle Cora. Aujourd hui et sans publicité, «Carte Cora» compte plus de 5665 téléchargements et «Cora Cafétéria» en relève Après un an, Cora ne veut plus se limiter à l iphone mais toucher d autres clients potentiels. La société compte alors démarrer le développement de ses applications sous la plateforme Android. Cependant, ne disposant pas de développeurs dans ce domaine, Cora lance une proposition de stage, période de 8 semaines, pendant laquelle le stagiaire aura pour mission le développement de l application «Carte Cora». Intéressé par les nouvelles technologies, cet appel d offre m a tout particulièrement attiré et motivé. J ai été d emblée séduit, Android étant un système d exploitation pour Smartphone récent (créé fin 2007) et en net progression. La société n ayant aucun développeur Android, ma priorité était de m auto-former afin de mener à bien le projet que Cora me confiait. Ambitieux et productif, le développement de l application «Carte Cora», après ma phase de recherches, s acheva un mois après le début du stage. C est alors que l on me confia le développement de la seconde application nommée «Cora Cafétéria». Une semaine et demie plus tard, les programmes terminés et testés, Cora décide de lancer la production de ces applications, actuellement disponibles sur l Android Market. Connaître l entreprise s avère indispensable afin de travailler dans de bonnes conditions et de fournir un résultat probant aux attentes de la société. C est pourquoi, la première partie du rapport comportera une présentation de Cora Informatique, de ses activités, de ses objectifs et de ses attentes au sein de mon stage. N étant pas en équipe, j ai dû effectuer ma mission de façon autonome. De plus, une phase de recherche et d apprentissage était donc nécessaire pour comprendre le fonctionnement d Android et les contraintes face à l iphone. Le détail de mes objectifs et de mes recherches sera relaté dans une deuxième partie. De l élaboration à la production, je présenterai le déroulement du développement Android dans une troisième partie. J exposerai ensuite l application «Carte Cora» en quatrième partie et celui de l application «Cora Cafétéria» en cinquième. J insisterai particulièrement sur les phases de recherches, les prises de décisions, les problèmes rencontrés et résolus, et sur la part d innovation ajoutée par rapport aux applications iphone. S C H E I B E L J E A N - B A P T I S T E P a g e 5

6 I. Cora Informatique A. La société Faisant partie du groupe Louis Delhaize, Cora Informatique, créé le 14 mai 1970, est une société de prestations qui intervient dans toutes les composantes de Cora France. Aujourd hui, la société emploie plus de 130 salariés et 50 prestataires. Le groupe Louis Delhaize exploite des entreprises de distributions de qualité telles que Match, Profit, Truffaut, Animalis, Houra, ou encore Banque Révillon. Depuis l ouverture en 1969 du premier hypermarché, le développement de Cora s est fait rapidement. L enseigne Cora se compose aujourd hui de 59 magasins en France dont salariés, et de 23 à l étranger. La politique du groupe est décentralisée et tournée vers l autonomie. Ainsi, les directeurs des hypermarchés et leurs collaborateurs sont fortement responsabilisés et adaptent leurs magasins aux besoins du marché local. Cora Informatique s occupe de tous les besoins informatiques du groupe, autant dans les hypermarchés, les plates-formes, le siège, ou encore les centres d achat. Leurs missions concernent entre autres le développement d applications, l installation de systèmes et de programmes, la S C H E I B E L J E A N - B A P T I S T E P a g e 6

7 maintenance, la surveillance des équipements informatiques dans les divers magasins, la gestion de l intranet, la gestion du réseau, etc B. L Informatique dans la grande distribution Dans la grande distribution, l informatique touche quasiment tous les secteurs : C. Les services Les différents services de Cora Informatique répondent aux différentes exigences du groupe, qui comprennent : S C H E I B E L J E A N - B A P T I S T E P a g e 7

8 1. La hotline La hotline permet d apporter une aide à distance aux différentes composantes de Cora France. Elle reçoit plus de appels par an, et se compose de 11 salariés ainsi que d un prestataire. 2. L exploitation Le service «Exploitation» veille au bon fonctionnement des systèmes informatiques. Il assure un service permanent et optimal. De plus, il garantit l intégrité des systèmes et des données grâce à des sauvegardes régulières. L unité centrale responsable de ces activités gère plus de 1200 millions d instructions à la seconde, enregistre 87 millions de tickets de caisse par an, commandes exécutées par jour. 32 personnes travaillent dans ce service, ainsi que 2 prestataires. 3. Bureautique et réseaux Le service «Bureautique et réseaux», composé de 22 personnes en interne, prépare, installe et dépanne le matériel informatique dans les différentes composantes de Cora. Cela donne lieu à de nombreux déplacements à travers la France. Actuellement, 900 serveurs sont en fonction, ainsi que 6500 ordinateurs et 2700 caisses. 4. Projets et développements Afin d assurer les besoins du groupe, le service «Projets et développements» conçoit les logiciels adaptés aux nécessités des utilisateurs des magasins et des plates-formes. 200 projets y sont développés par an, et le service relève aujourd hui programmes en production. Ce dernier compte 46 personnes en interne et 45 prestataires. 5. Architecture et innovations Le service «Architecture et innovations» se charge de la recherche et des choix technologiques qui sont utilisés dans le groupe Cora France. Actuellement, 10 personnes y travaillent, afin d assurer une qualité optimale. 6. L administration Ce service, maintenu par 12 personnes, assure tous les besoins administratifs de Cora Informatique. Cela comprend la direction, la comptabilité, le standard, le service qualité, et encore le service bâtiment. S C H E I B E L J E A N - B A P T I S T E P a g e 8

9 II. Mission : Portage d une application IPhone vers Android A. Objectifs Mon principal objectif en tant que stagiaire chez Cora était de développer l application «Carte Cora», déjà existante sur l iphone. L iphone étant une plateforme complètement distincte d Android et développé sur des langages entièrement différents (Objective-C pour l iphone et Java pour Android), il a fallu reprogrammer intégralement toute l application. Les objectifs étaient simples : L application devait ressembler au maximum à celle de l iphone (Design, menu, etc ) Elle devait posséder les mêmes fonctionnalités (Utilité, Type de navigation, ) B. De la phase de recherche au développement Afin de répondre très vite aux besoins de la société, j ai établi un planning d études. Chaque recherche effectuée devait être faite pour un besoin précis, afin d optimiser le temps passé sur cette tâche. Pour réaliser cela, j ai étudié principalement la documentation d Android, très riche en informations: ( - en anglais uniquement). Pour lire l ensemble de mes recherches, se référer aux annexes. En parallèle de mes recherches, j effectuais sur mon poste de travail les diverses installations et mises à jour dont j avais besoin pour la réalisation d une application Android. Le fait d avoir installé les différentes versions des SDK (Software Development Kit) me permettait de changer en cours de développement la plateforme d Android si j utilisais une fonctionnalité propre à celle-ci. Après deux semaines d études, j avais le potentiel de connaissance pour commencer le développement d une application Android. Les deux semaines suivantes, je travaillais sur le développement de l application «Carte Cora» proprement dite. C. Méthode de travail Afin de garantir toujours l intégrité des données et d éviter une possible perte, je faisais régulièrement des sauvegardes sur disque dur et sur clé USB. De plus, chaque enregistrement était fait séparément et comportait une version «date du jour» permettant, lors d erreurs, de revenir à une version antérieure, chacune étant stable. J installais le programme sur mon téléphone (Samsung Galaxy S) afin de le tester et de détecter les failles physiques n apparaissant pas sur un émulateur Android. Lorsque j avais un problème dans la réalisation de mon application, j allais consulter la documentation et les forums pour trouver des solutions. Lorsque plusieurs méthodes de résolutions s offraient à moi, je me rapprochais de mon chef de projet pour lui présenter les différentes situations en lui proposant celle qui me paraissait la plus adéquate. Ce dernier pouvait ainsi formuler son avis sur la question. S C H E I B E L J E A N - B A P T I S T E P a g e 9

10 Régulièrement, mon chef de projet récupérait une version d essai afin de tester les nouvelles fonctionnalités et trouver ainsi de potentielles erreurs. Il me faisait ensuite un récapitulatif des modifications à effectuer. Une fois le programme stable, M. KNISPEL et moi-même diffusions l application sur les téléphones Android de nos collègues. Ainsi, nous pouvions connaître les possibles contraintes de l utilisation de l application dans la vie de tous les jours et les différents «bugs» qui pouvaient se produire sur des téléphones complètements différents (tailles de résolution, fonctionnalités, systèmes utilisés) A la fin du développement, l application devait être entièrement testée dans la majorité des conditions d utilisation. De plus, on devait connaître la version minimale du système requis pour le programme. Pour se faire, à partir de la plus petite version actuelle (1.5), nous testions le programme. Si celui-ci ne fonctionnait pas, c est qu il n était pas compatible avec celle-ci. S C H E I B E L J E A N - B A P T I S T E P a g e 10

11 III. Développement Android : De l élaboration à la production A. Prérequis au développement Pour bien débuter sous Android, il est indispensable de connaître le langage Java et de toujours avoir à coté de soi la documentation d Android qui est très complète. Afin de développer sous Android, il a fallu télécharger un certain nombre d outils. Premièrement, j ai choisi d utiliser l environnement Eclipse, du simple fait qu un plugin a été entièrement conçu par Google pour celui-ci : ADT (Android Development Tools). Ce plugin offre un puissant environnement intégré pour permettre un développent souple, simple, et rapide. Il permet de créer des nouveaux projets Android, de créer des interfaces utilisateurs, de déboguer les applications et aussi d exporter des fichiers APK (installeur sous Android) signé ou non afin de les tester. Google a aussi mis à disposition un émulateur permettant de tester directement l application sur la machine de développement. Celui-ci est entièrement paramétrable. On peut lui spécifier la version de la plateforme à exécuter (dépend des versions des SDK installées) et encore la résolution d écran à utiliser. L émulateur ainsi créer est appelé un AVD (Android Virtual Device) Néanmoins, l émulateur étant très lent, on a aussi la possibilité de tester et de déboguer directement l application sur téléphone physique, solution pour laquelle j ai optée. Ces deux dernières possibilités de test sont régies par ADB (Android Debug Bridge), programme client/serveur polyvalent, permettant de gérer l état d un téléphone ou d un émulateur. Ensuite, Android développé en Java, il était indispensable d installer le JDK (Java Development Kit) et le SDK d Android. Ce dernier permet d avoir tous les composants Android nécessaires au développement. Chaque plateforme Android a son propre SDK (hors révision) et chaque nouvelle version apporte ses nouveaux outils intégrables à l application. Si l application utilise un nouveau composant non existant sur les précédentes versions, celle-ci ne sera pas compatible avec ces dernières. B. Contraintes Aujourd hui, Android est porté sur un grand nombre de téléphones mobiles. Cela apporte énormément de contraintes face à l iphone. En effet, les téléphones montrent des différences dans les résolutions d écran, les fonctionnalités et technologies utilisées (GPS, Wifi, ), ainsi que les versions des systèmes. Actuellement, iphone ne possède que 2 types de résolutions pours ses 4 appareils qui ont chacun leurs propres systèmes et fonctionnalités. Cela a un avantage considérable dans la programmation sous iphone. Les applications développées sous Android doivent alors être compatibles avec la majorité des systèmes Android sur le marché, aujourd hui de la 1.5 à la et des écrans de téléphones (résolutions allant de 240*320 pixels à 480*854 pixels et des densités allant de LDPI à HDPI). En ce qui concerne les fonctionnalités, il faut toujours vérifier si le périphérique existe sur l appareil avant de l utiliser. S C H E I B E L J E A N - B A P T I S T E P a g e 11

12 C. La mise en production Afin d être sûr de la fiabilité des applications sur les différents systèmes d Android, sur les différentes résolutions d écrans et sur les diverses fonctionnalités, il faut impérativement tester sur téléphones physiques et sur émulateurs les programmes créés. Pour se rapprocher au plus près de la version finale, il est fortement recommandé d installer les fichiers APK directement, précédemment signé. Afin de créer une signature, il faut générer une clé privée, cryptée avec l algorithme RSA. Après cette étape, Google fournit au développeur, à l aide de cette clé, la signature qui permettra de signer l application. La clé ainsi générée a une validité de 22 ans. Elle permet de vérifier l identité d une possible mise à jour (qui normalement doit être signé avec la même clé). De plus, si deux applications ont la même signature, alors elles peuvent partager des fonctionnalités ou données via le système Android. Avant de mettre en ligne l application, il faut bien vérifier que l application comporte un numéro de version et que le mode débug soit désactivé. Lors d une mise à jour, il faudra incrémenter la version du programme. La mise en ligne du programme permet aux utilisateurs d Android de télécharger directement l application via l Android Market. Elle permet également à son développeur d avoir le suivi détaillé de la production. Pour ajouter une application à l Android Market, le développeur, ou la société qui l emploie, doit payer une cotisation d une valeur de 25$. Après paiement, celui-ci peut directement ajouter les applications qu il souhaite. Pour cela, après chargement du fichier APK, il doit compléter le nom de l application, la catégorie de celle-ci ainsi que son détail. Il donne également plusieurs icônes (grande, moyenne, et petite) qui seront affichées sur le portail web ou mobile de l Android Market. De plus, il précise si son application sera payante ou non. Après acceptation de la licence de l Android Market, le développeur peut mettre immédiatement son programme en ligne. Après quelques petites minutes, l application est disponible à travers les moteurs de recherche. S C H E I B E L J E A N - B A P T I S T E P a g e 12

13 IV. Application «Carte Cora» A. Pourquoi l application «Carte Cora»? 1. Cora veux fidéliser ses clients Un des objectifs de Cora est de fidéliser ses clients. Cela a un impact économique et commercial pour la société et un avantage non négligeable pour ses clients. Il existe deux façons d être fidélisé : l acquisition de la carte Malin, ou de la carte Cora. a) La carte Malin La carte Malin permet à son possesseur de cumuler des points lors de ses achats. Tous les ans, le client peut bénéficier de cadeaux, ayant plus ou moins de valeurs, en échange et en fonction du nombre de points cumulés sur sa carte. Elle permet également de cumuler des Euros Cora. A chaque passage en caisse, le détenteur de cette carte acquiert des Euros Cora en fonction des produits qu il a achetés. Il peut décider à tout moment de vider sa tirelire et utiliser ainsi ses Euros Cora comme réduction instantanée sur ses courses. b) La carte Cora La carte Cora est une carte de paiement tout en gardant les mêmes avantages que la carte Malin. Le client peut alors payer ses achats (paiements différés) ou faire des crédits (trois ou dix fois sans frais, ). 2. L intérêt de l application La seule façon de connaître le solde en points et en Euros Cora pour les clients fidélisés était lors du passage en caisse, ou par courrier. De plus les clients ne pouvaient se renseigner sur les cadeaux que sur leur site internet ou dans la boutique «Cora Cadeaux» du magasin. B. Objectifs et cahier des charges Au début de la phase de développement, le principal objectif était de développer l application à l identique de celle existante sur l iphone (mêmes fonctionnalités, même design). L utilisateur devait pouvoir, avec ou sans connexion internet, accéder à l application, à la liste de ses cartes, au solde, à la listes des cadeaux et à leurs détails, à une carte de France indiquant les emplacements des différents magasins. Il devait également avoir la possibilité de supprimer une carte créée. Si une connexion internet était disponible, une page de publicité hébergée sur un serveur distant devait apparaître au démarrage de l application, les cartes devaient être rafraichies en faisant appel à un web service de chez Cora, et l utilisateur avait ainsi la possibilité d ajouter une carte. 1. Démarrage de l application Au démarrage de l application, le téléphone Android charge toutes les ressources nécessaires. Elles comprennent la liste des cartes de l utilisateur, des magasins, des dates d arrêtés de comptes pour les clients détendeurs de la carte Cora, et enfin le catalogue cadeaux. Toutes ces ressources sont enregistrées dans la mémoire du téléphone au format XML (Extensible Markup Language). Si une connexion internet est disponible, le téléphone actualise les cartes de l utilisateur pour mettre à jour le S C H E I B E L J E A N - B A P T I S T E P a g e 13

14 solde de ses points et de ses euros cora. Pour se faire, l application envoie une requête à un web service de cora ( comprenant le numéro de la carte. A la réception de cette requête, le serveur répond en envoyant un fichier XML comprenant le descriptif complet de la carte demandée (nom, numéro, solde des points de fidélité, solde des euros cora, ainsi que les dates de mises à jour). Elle télécharge ensuite une page de publicité qui sera affichée juste après. 2. Ajouter une nouvelle carte L utilisateur, s il le souhaite, peut ajouter une nouvelle carte. Il suffit pour lui, sans se soucier du type de carte, de renseigner son nom, le numéro de celle-ci et un pseudonyme. Lors de la validation du formulaire et après vérification de celui-ci, l application envoie une requête au web service avec le numéro spécifié, comme au chargement. Si le serveur répond par une erreur, la carte n est pas valide et l ajout ne peut aboutir. Dans le cas contraire, pour plus de sécurité, le système vérifie la concordance du nom donné par l utilisateur et du nom du titulaire reçu avec les informations de la carte envoyée par le web service. Si les deux noms sont équivalents, la carte s actualise et s ajoute à la liste des cartes personnelles de l utilisateur. 3. Liste et détail des cartes Au premier démarrage de l application, le système ne comprend aucune carte du magasin en mémoire. Pour une meilleure compréhension pour l utilisateur, on lui affiche la marche à suivre pour ajouter une nouvelle carte. Après un éventuel ajout, une liste de cartes (Cora ou Malin) s affiche. Lors d un clic sur une carte, l utilisateur peut apercevoir son solde de points et d euros cora, les dates de mise à jour, ainsi que la prochaine date d arrêté de compte pour la carte cora. Au démarrage, après chargement de la liste des dates d arrêtés, le programme recherche la prochaine date potentielle d arrêté du calendrier. Seule cette date est conservée et affichée lors de l affichage du détail d une carte Cora. 4. Le catalogue cadeaux Au démarrage de l application, les cadeaux sont tout de suite rangés en mémoire par catégorie lors de la lecture du fichier XML. Cela permet une navigation plus souple et plus rapide. Le catalogue doit être navigable de diverses manières. On peut soit chercher des cadeaux en les recherchant dans leurs catégories respectives, ou en consultant toute la liste des cadeaux. Dans le détail d un cadeau, l utilisateur doit pouvoir changer de cadeau au sein de la même catégorie. A ce moment, l utilisateur peut accéder à la photo de l article, à son descriptif et au nombre de points requis pour l acquérir. 5. La carte des magasins Cora Comme sur l iphone, l application devait comporter une carte de France comprenant les magasins Cora. En cliquant sur une icône représentant un hypermarché, l utilisateur pouvait accéder aux détails des horaires des magasins et appeler le service clients de celui-ci. Cette application fût abandonnée au profit d une toute nouvelle fonctionnalité qui sera décrite dans la partie innovation. S C H E I B E L J E A N - B A P T I S T E P a g e 14

15 C. Problèmes, contraintes, recherches et résolutions Très vite, j ai été confronté à diverses problématiques. Par exemple, plusieurs éléments utilisés dans l application iphone existaient de base dans ce système, ce qui n était pas le cas pour Android. Pour s y rapprocher au plus près, il a fallu créer les diverses fonctionnalités sous Android. 1. L info-barre L info-barre est un élément natif sur l iphone. La programmation de celle-ci était donc indispensable, mais devait s utiliser de façon transparence pour les activités qui la contrôle. On devait pouvoir ajouter des boutons d actions, qui seraient toujours positionnés sur la droite de la barre (Ajout, Suppression, Information). Sur la gauche devait apparaître le bouton «Retour» pour revenir sur une activité précédente. Enfin, on devait pouvoir modifier le titre. 2. La tab-barre Sous Android, la tab-barre permet facilement de passer d une activité à une autre. Néanmoins, Android se limite à la gestion d une seule activité par tabulation. Afin de faciliter la navigation, Cora voulait que l on puisse naviguer à travers chaque groupe d applications de manières indépendantes et lorsque l utilisateur changeait de groupe d applications, qu il puisse revenir à l activité qu il consultait précédemment. Pour faciliter ce système, il existe ce qu on appelle les «groupactivities» sous Android. Seulement, cette gestion ne comprend pas la sauvegarde de l historique de navigation. Quand on revient sur une tabulation déjà visitée, Android redémarre tout simplement celle-ci. De plus la touche «back» donne fin à l application. Pour pallier à ce problème et ayant peu d informations à ce sujet, je me lançais dans ma propre gestion de la tab-barre. J élaborais alors une activité qui permettait de gérer des applications ayant un impact sur elle (modification de la vue, ). Quand l utilisateur demande à accéder à une application, celle-ci est créée et ajoutée à la pile d applications de l activité. Quand l utilisateur appuie sur la touche «back», l application en tête de pile est dépilée et détruite. Si une application existe encore dans la pile, celle-ci est affichée, sinon on donne fin au programme. Quand un évènement connu de l activité s opère, l activité le renvoie à l application courante, ce qui permet à celle-ci de la gérer (clic sur un bouton, etc ). Quand l utilisateur change de tabulation, l application en tête de pile est tout simplement réaffichée si celle-ci existe. Si cependant aucune application n est présente dans la pile, l activité lance l application principale. S C H E I B E L J E A N - B A P T I S T E P a g e 15

16 Ainsi nous pouvons naviguer à travers les onglets de manière souple et dynamique. L utilisateur peut à tout moment changer d onglet et revenir à l application qu il a visitée auparavant. 3. Le détail de la carte et le pseudo Cora voulait une façon esthétique et design pour présenter ses cartes, ainsi que l affichage du nombre de points et d euros cora pour une carte donnée. Ce détail devait se trouver sur deux post-it épinglés sur l écran. Les données devaient être affichées dans la même orientation que le post-it. Il en va de même pour le pseudo qui devait être retourné à la verticale. Pour résoudre ce problème d orientation, j ai surchargé le TextView (Label texte de base d Android), et reprogrammé la méthode ondraw(). J ai ensuite appliqué une rotation sur le canevas du TextView. 4. Miniatures des cadeaux Afin de présenter les différents cadeaux disponibles, il fallait afficher une miniature de ceux-ci. Cette miniature devait cependant comprendre un cadre arrondi. Afin de répondre à la demande, j ai créé un bitmap surchargé. Lors de sa création, deux arguments sont requis : l image à afficher ainsi que le masque. Le bitmap est alors créé à la dimension du masque, et l image est retaillée à cette même dimension. A l exécution de la méthode ondraw(), le bitmap superpose tout simplement le cache au-dessus de l image. D. Innovations et prises de décision Afin de toujours améliorer le confort des utilisateurs, plusieurs innovations ont été réalisées permettant ainsi d avoir une application complète et performante. 1. Actualisation des cartes Il arrive parfois que la connexion au web service de cora soit un échec, même si une connexion internet est active. Les données (points et euros cora) des cartes de l utilisateur ne sont alors pas actualisées. La seule solution qui lui restait était de fermer l application et de la ré-ouvrir. J ai donc ajouté au menu de l activité «Mes cartes» une option «Actualiser» qui permet de synchroniser les cartes de l utilisateur avec celles du web service. 2. Carte perdue ou volée Il arrive parfois que l on perde, ou que l on se fasse voler sa carte. C est pourquoi j ai choisi d ajouter la fonctionnalité «carte perdue». De ce fait, l utilisateur peut directement appeler le service approprié qui traitera son problème. 3. Transition de la publicité Au démarrage de l application, une page de publicité apparaît. Sur l iphone, après un petit laps de temps, elle disparaît automatiquement pour laisser place à l application. Néanmoins, le client n a pas le temps de la lire si celle-ci l intéresse. Sachant que l utilisateur doit rester «maître» de son application, j ai donc proposé de cliquer sur la page publicitaire pour passer à la suite. S C H E I B E L J E A N - B A P T I S T E P a g e 16

17 4. Recherche des magasins La carte de l iphone présentant les différents Cora de France laisse seulement un indicatif à l utilisateur. L utilisation de celle-ci n est pas rapide et manque sérieusement d informations. Mon chef de projet et moi-même avons décidé de changer entièrement de fonctionnalité et c est ainsi que la recherche de magasins est créée. Sous iphone L utilisateur doit pouvoir connaître très rapidement quels magasins sont les plus proches de son emplacement actuel. Pour se faire, le téléphone se géo-localise grâce au réseau GSM (Global System For Mobile Communications). Si le réseau GSM n est pas disponible, le système tente de trouver la localisation grâce aux dernières données réceptionnées. J ai choisi le réseau GSM pour la géolocalisation du fait de sa rapidité de recherche face au GPS (Global Positioning system). Néanmoins, le réseau GSM donne une zone de localisation et non l endroit exact. Cependant, les distances des magasins les plus proches ne sont données qu à titre indicatif. Une fois localisé, le programme recherche les magasins les plus proches de cette zone. De plus, s il le souhaite (en cas d échec de géolocalisation ou sur simple volonté), l utilisateur peut rechercher une adresse précise en tapant des éléments clés dans la barre de recherche. L application envoie alors une requête à un serveur de Google, qui après analyse de la recherche, renvoie une liste d adresses possibles, ce qui permet à l utilisateur de choisir sa destination. Une fois l adresse sélectionnée, le programme recherche les magasins les plus proches de l adresse choisie. Les distances des magasins sont calculées en fonction de l ellipsoïde WGS84. Les magasins sont ensuite affichés dans l ordre croissant des distances. En cliquant sur un magasin, l utilisateur accède aux détails de celui-ci. Il peut y consulter ses horaires, ainsi que la distance à parcourir pour y accéder. S il le souhaite, il a aussi la possibilité d appeler le magasin, ou de naviguer vers celui-ci, faisant alors appel à l application «Google navigation» intégrée dans les Android depuis la version 1.6. Si l application n est pas installée, un simple message apparaît stipulant que l application n est pas installée sur son téléphone. Il peut aussi naviguer de magasin en magasin en utilisant les flèches directionnelles sans qu il ait besoin de revenir à la liste. S C H E I B E L J E A N - B A P T I S T E P a g e 17

18 E. Phase de test Voici quelques exemples de tests que l on a effectués pour vérifier la compatibilité de «Carte Cora» sur les divers appareils : 1. Samsung Teos, Android 2.2, 240*400 pixels, LDPI : Ecran normal «Carte Cora» a bogué au démarrage de l application. Cela venait d une erreur de chargement des ressources, problème qui a bien sûr été immédiatement corrigé. 2. HTC Desire, Android 2.2, 480*800 pixels, MDPI : Ecran large F. Suivi de la production 1. Statistiques Après sa mise en production, «Carte Cora» a dépassé en une semaine 100 téléchargements. Voici quelques chiffres : S C H E I B E L J E A N - B A P T I S T E P a g e 18

19 2. Cora à l écoute de ses clients Malgré les tests, il arrive parfois que certains bugs apparaissent chez des utilisateurs : Après quelques recherches, on a découvert que le bug se répétait sur la résolution du téléphone HTC Naos. J ai donc proposé et réalisé une version de mise à jour permettant de corriger ce problème et d ajouter ainsi la fonctionnalité voulue. S C H E I B E L J E A N - B A P T I S T E P a g e 19

20 V. Application «Cora Cafétéria» A. Pourquoi «Cora Cafétéria»? Par l application Cora Cafétéria, Cora veut donner à ses clients une sensation de bien-être, de confort, et de confiance. De par les conseils d un nutritionniste, l image de la cafétéria est mise en valeur et permet ainsi de prouver aux utilisateurs la qualité d un tel service. B. Objectifs et cahier des charges Tout comme précédemment, l application devait ressembler au maximum à celle de l iphone. Contrairement à «Carte Cora», elle ne présente aucune gestion dynamique du contenu. Celui-ci est entièrement statique et ne pourra qu évoluer dans le temps par une mise à jour de l application. Le design de l application était une des principales volontés de ce programme et devait être respecté. Il devait donner à son utilisateur une sensation de simplicité et d envie. De plus, le client devait pouvoir accéder aux conseils du nutritionniste, aux calories des principaux aliments comportant un moteur de recherche et à des recettes de cuisine. Il devait également pouvoir calculer son IMC (Indice de Masse Corporelle) et voir les recommandations qu on lui prescrivait. Tout comme «Carte Cora», la fonctionnalité «Recherche de magasins» devait être intégrée à l application, contrairement à la carte des magasins présente sur l iphone. Lors du démarrage de l application, celle-ci charge toutes les ressources nécessaires à l application, comportant la liste des conseils, des IMC, des recettes, des magasins, et de la charte qualité, enregistrées dans la mémoire interne du téléphone. Parallèlement, une animation s opère permettant de faire patienter l utilisateur. Celleci s arrête à la fin du chargement et laisse apparaître l accueil de l application. A partir de cet instant, l utilisateur peut accéder par l intermédiaire d onglets aux différentes applications. C. Problèmes, contraintes, recherches et résolutions Les recherches effectuées pour cette application ont été moins longue étant donné que la majorité des études pour la réaliser ont était faites pour «Carte Cora». Les principales difficultés résidaient dans la conception du design ainsi que dans la gestion de celui-ci dans l application. De plus, la navigation était moins une préoccupation pour cette application que pour la précédente, sachant qu aucune activité entre tabulations ne présentait de similitudes : Comparativement à «Carte Cora», l utilisateur devait accéder à son solde de points pour savoir s il pouvait les échanger contre un quelconque cadeau disponible dans le catalogue. L historique de navigation n était donc pas une priorité. Ainsi, j ai basculé sur une gestion de la tab-barre avec des «groupactivities». 1. Conception du design a) De l iphone à l Android La plupart des images a été récupérée de l application iphone. Néanmoins, les images ont été taillées spécifiquement pour les deux types de résolution de l iphone et mis bout à bout pour former les menus. Pour les rendre compatibles avec la plupart des résolutions d Android, j ai dû fusionner les morceaux d image de l iphone pour avoir une image complète et qui sera alors automatiquement S C H E I B E L J E A N - B A P T I S T E P a g e 20

21 retaillée en fonction des résolutions des appareils. Cette méthode nécessite cependant de réaliser toutes les combinaisons nécessaires en fonction du bouton qui est appuyé. (3 pour le haut et 6 pour le menu du bas). Images de l iphone Image pour Android b) Un principe de superposition Afin de réaliser le design à l identique que celui présenté dans l iphone, j ai dû, par l intermédiaire de FrameLayout, superposer les vues. En haut de la pile se trouvent les images correspondant aux menus de l application. Cela permet d avoir un effet de superposition par rapport aux vues sous-jacentes. Les deux vues suivantes correspondent à l accueil et à la charte qualité. Elles sont affichées ou cachées en fonction de l activité de l utilisateur. N ayant aucune fonctionnalité directe avec celui-ci, elles ne sont affectées à aucune activité et ne sont qu affichées en superposition. En bas de la pile se trouve le «tabcontent» qui contient la superposition de toutes les vues des tabulations de l application. Quand une tabulation est sélectionnée, la vue de cette application est tout simplement affichée. 2. L utilisation des «groupactivities» Pour utiliser les «groupactivities», il a fallu que je réalise une recherche plus poussée pour permettre la gestion des multi-activités et éviter les problèmes cités plus haut, notamment la touche BACK qui devait permettre le retour d activité et non la fermeture du programme. Les groupes d activités permettent directement de gérer des activités entre elles, ce qui permet de ne pas gérer les activités de l extérieur par l intermédiaire d application comme vu plus haut. Au lancement d une activité, comme pour les applications, elle est stockée dans une liste. Par l intermédiaire du manager d activité on la fait remonter en haut de la pile d activités du système d Android. Lors de l appui de la touche BACK ou de la touche «retour» de l application, l activité en fin de liste est supprimée. Si une activité est encore présente dans la liste, on la remonte dans la pile, sinon on ferme l application. L inconvénient de cette méthode est que le système redémarre automatiquement le groupe d activité lorsque l utilisateur y retourne. Il n y a donc aucun moyen actuellement de sauvegarder l historique de navigation puisque la liste est réinitialisée. S C H E I B E L J E A N - B A P T I S T E P a g e 21

22 D. Innovations et prises de décision Pendant toute la durée du développement de l application «Cora Cafétéria» (1 semaine), mon chef de projet était absent. J ai donc dû prendre des initiatives dans les choix de développement afin de gérer et de résoudre au mieux les diverses problématiques qui se sont posées au fur et à mesure de l avancement du projet. Cela comprend en outre l utilisation des «groupactivities» et l utilisation d un SDK d Android récent (version 2.3) afin de réaliser la gestion du design voulu. De plus, la fonctionnalité «Recherche de magasin» a remplacé la carte de France des hypermarchés présente sur l iphone, tout comme l application «Carte Cora». E. Phase de tests Voici quelques exemples de tests que l on a effectués pour vérifier la compatibilité de «Cora Cafétéria» sur les divers appareils : 1. Samsung Teos, Android 2.2, 240*400 pixels, LDPI: Ecran normal 2. HTC Desire, Android 2.2, 480*800 pixels, MDPI : Ecran large S C H E I B E L J E A N - B A P T I S T E P a g e 22

23 F. Suivi de la production 1. Statistiques Après sa mise en production, «Cora Cafétéria» a dépassé en une semaine les 25 téléchargements. Voici ci quelques chiffres : 1. Cora à l écoute de ses clients Jusqu à ce jour, aucun retour client n a été enregistré. S C H E I B E L J E A N - B A P T I S T E P a g e 23

24 Conclusion Les objectifs demandés ont tous été atteint et même dépassés. Les deux applications sont en production et disponibles via l Android Market en téléchargement libre. Ce projet a permis le développement pour Cora, de deux premières applications sous Android. Ceci a mis en évidence la faisabilité de ce type de solution pour toucher les clients sur ces plateformes innovantes et prisées par le grand public. Cette première expérience est très prometteuse car elle ouvre la perspective pour bon nombre d applications futures sur cette plateforme qui est en nette progression. Elle pourrait permettre ainsi de toucher une clientèle très importante. Pour compléter cette suite d applications, Cora pourrait développer le programme «Cora Drive» qui permettrait à son utilisateur de commander sa liste de courses directement devant son réfrigérateur. Actuellement, un seul site web permet d utiliser ce service. La principale contrainte du développement sur des systèmes embarqués est de développer chaque application sur les différents systèmes (iphone, Android, Windows Mobile, ). Aujourd hui, une nouvelle possibilité apparaît. En effet, grâce à une application développée avec GWT Mobile (Google Web Toolkit), la compatibilité avec toutes les plateformes devient possible. Dans ce principe, l utilisateur navigue en fait dans une application web qui a l avantage de proposer une version hors ligne si l appareil n a pas de connexion internet. Ces huit semaines de stage m ont permis de découvrir le monde de l entreprise et le développement de projets dans un environnement professionnel. L autonomie qui m a été laissé au cours de cette période m a permis de réaliser un travail de recherche qui aura été bénéfique pour la réalisation des projets, et qui le sera pour mon futur parcours professionnel. Cette période a été très enrichissante et m a permis de découvrir une société très motivante qui correspond à mes aspirations professionnelles. S C H E I B E L J E A N - B A P T I S T E P a g e 24

25 Annexes I. Photos des applications créées A. Carte Cora Démarrage de l application Application «Mes Cartes» Application «Catalogue cadeaux» S C H E I B E L J E A N - B A P T I S T E P a g e 25

26 Application «Recherche de magasins» S C H E I B E L J E A N - B A P T I S T E P a g e 26

27 B. Cora Cafétéria Chargement, Accueil & Charte qualité Application «Conseils» Application «IMC» S C H E I B E L J E A N - B A P T I S T E P a g e 27

28 Application «Calories» Application «Recettes» Application «Recherche de magasin» S C H E I B E L J E A N - B A P T I S T E P a g e 28

29 II. Développer avec Android Pour consulter le déroulement d un développement sous la plateforme Android, se référer au document «Développer avec Android» ci-joint. S C H E I B E L J E A N - B A P T I S T E P a g e 29