Fanny BATCHO TSIO2B 13/12/2014 RAPPORT DE STAGE. Du 01/12/2014 Au 23/01/2015. Réalisé par Fanny BATCHO

Transcription

1 RAPPORT DE STAGE Fanny BATCHO TSIO2B 13/12/2014 Du 01/12/2014 Au 23/01/2015 0

2 Sommaire I. Présentation de l entreprise a) Introduction b) Marque de distinction sur le marché immobilier II. Missions confiées III. Etude et planification des missions a) Les Outils utilisés b) Planning et Gestion du temps IV. Réalisation des missions a) Application vitrine b) Application native de type informatif V. Conclusion 1

3 Introduction Du 1er Décembre 2014 au 23 Janvier 2015, j ai effectué un stage au sein de l entreprise Ecosyndic, située à Paris. Au cours de ce stage, j ai pu m intéresser au développement d application pour Android. I. Présentation de l entreprise a) Introduction La société Ecosyndic, créée en 2009, est un syndic de copropriété. Un syndic a pour fonction d assurer l'administration de l'immeuble dépendant de la copropriété. Cette agence est une Société à Responsabilité Limitée au capital de et est située à Paris dans le 9éme arrondissement. b) Marque de distinction sur le marché immobilier L écologie Que cela soit lors de prestation ou des travaux de rénovation, la société Ecosyndic, met un point d honneur sur l écologie. Ces actes se manifestent par l organisation du tri des déchets, la mise en place d informations de sensibilisation des habitants et le travail d éducation pouvant amener vers une conduite plus écologique. La transparence La transparence d Ecosyndic se révèle par une prestation permettant de consacrer du temps aux copropriétaires et au conseil syndical pour leur expliquer et les informer sur les enjeux relatifs à l entretien de leur bâtiment. Dans un objectif de réduction des coûts les outils internet sont proposés prioritairement. En effet, chaque copropriétaire possède un espace privatif (espace client) où il peut retrouver en ligne : Le règlement de la copropriété Le carnet d entretien Les PV d assemblée générale Un calendrier des évènements à venir. Les communications du conseil syndical. Cet espace client a été créé par la société Crypto, prestataire d Ecosyndic. Cette société fourni aussi un logiciel, nommé La Solution Crypto (LSC), composé de différents module (Syndic, Gérance, Transaction, ) collaborant pour un pilotage stratégique de l activité professionnelle de l entreprise. 2

4 La société Crypto se trouve à Nancy. Il s agit d une SAS au capital de Crypto est un éditeur de logiciels immobiliers et de services à valeur ajoutée autour des métiers de l'immobilier. Voir le schéma de l organisation réseaux annexe n 8. II. Missions confiées Au cours de mon stage, j ai pu effectuer deux tâches. Dès lors qu elles m ont permis d apprendre différents aspects de la programmation. Il s agit de deux tâches distinctes : la mise en œuvre de deux applications pour smartphone et d un site web. La création d une application sur mobile consiste tout d abord à : - Rédiger une spécification fonctionnelle en méthode Agile qui servirait de support pour la création d une application pour mobile. - Développer l application vitrine pour la société ECOSYNDIC compatible avec des smartphone Android. La seconde application a pour but de facilité les copropriétaires dans la prise contact avec les différents services d Ecosyndic. III. Etude et planification des missions Au cours de ce stage, j ai eu l opportunité de découvrir un métier sous toutes ses formes et de comprendre de manière globale les difficultés que les développeurs pouvaient rencontrer. Pour une meilleure compréhension des tâches que j ai pu effectuer, il apparaît approprié de traiter en premier lieu des outils qui étaient mis à ma disposition, puis de traiter de manière détaillée les tâches que j ai pu effectuer. a) Choix de solution Logiciel de développement : Eclipse Android SDK Android Studio 3

5 Eclipse Android SDK est un kit de développement, c'est-à-dire un ensemble d'outils que met à disposition Google afin de vous permettre de développer des applications pour Android. Ce SDK contient : Eclipse, un environnement de développement spécialisé dans le développement Java mais qui n'est pas capable de développer des applications Android sans le composant suivant ; Le plugin ADT, qui est une extension d'eclipse afin de développer des applications Android ; Des outils pour gérer l'installation d'android sur votre système. Android Studio est l environnement de développement officiel de Google qui remplace l IDE d Eclipse (avec donc exactement les mêmes fonctionnalités) depuis le 8 décembre Comparaison d Android Studio et Eclipse : SDK Android Studio Eclipse (ADT) Facilité d installation Simple Moyen Langue Anglais Nombreuses Performance Rapide Peut être lent Système de Build Gradle Ant Génération de variante et Oui Non de multiple APK Android code de completion et de refactoring Avancé Base Editeur d interface Oui Oui graphique Signature d APK et gestion Oui Oui de Keystore Support NDK* A venir Oui *Le NDK (Native Development Kit Kit de développement natif) est un outil permettant d implémenter des parties natives (en C ou C++) pour une application. Cela permet par exemple, de créer du code commun (bibliothèque) entre plusieurs applications ou entre des applications Android & IOS par exemple. Gradle a pour fonctionnalités de : - Permettre la construction de projet - Combiner Ant et Maven - Permettre d'écrire des tâches de construction utilisant le langage Groovy (tests unitaires,...) - Faciliter l intégration des plugins (comme Google l'a fait pour Android Studio) - Gérer automatiquement des dépendances 4

6 Maven est un outil pour la gestion et l'automatisation de production des projets logiciels Java en général et Java EE en particulier. Ant (Another Neat Tool) est l outil de base permettant d'automatiser des tâches lourdes et répétitives. Ces deux outils représentent l'équivalent en Java de l'outil make d'unix. b) Planning et gestion du temps Je notais, pour chaque jour, l avancé de mon travail et les contraintes sur un carnet. La rédaction de la spécification s est faite la première semaine. Après un entretien avec ma tutrice de stage pour en discuter et finaliser la spécification fonctionnelle, j ai commencé à développer l application sur mobiles pendant les 5 semaines suivantes. VI. Réalisation des missions a) Application vitrine Spécification des exigences L application a pour rôle de permettre à l utilisateur de pouvoir rechercher des biens immobiliers que ce soit par géolocalisation ou bien en mettant des critères (ville, budget, type de bien, ). L utilisateur peut ainsi accéder aux caractéristiques d un bien en particulier. De plus il peut ajouter un commentaire au bien qu il consulte. Il est aussi possible de se connecter à son compte client. Exigences fonctionnelles : voir l annexe n 1 : maquettes écrans. Exigences non-fonctionnelles : Il est nécessaire que l application soit - compatible avec tous smartphone et tablettes sous Android. - développé sous une version actuelle (non obsolète) c est-à-dire entre l API 14 et l API 21 (entre Ice Cream Sandwich et Lollipop). 5

7 Contraintes L activité d Android Studio prend une place importante dans la mémoire vive de l ordinateur. De plus le chargement de l émulateur est lent car l ordinateur d'exécute des instructions processeurs qui respectent l'architecture ARM (parce que les processeurs des téléphones utilisent en grande majorité cette architecture) alors que le processeur de l ordinateur n'utilise pas la même architecture. Pour répertorier les différents biens à rechercher dans cette application, il est indispensable de manipuler une base de données. Or la base de données est agrémentée par le moyen d une interface logique nommé La Solution Crypto. Ce logiciel a été créé par une société prestataire : Crypto. C est donc cette dernière qui peut exercer des requêtes à la base de données et traiter les informations. La société n était donc pas disposer me donner un accès à cette base de données. Analyse Les méthodes Agiles partent du principe que, spécifier et planifier dans les détails l intégralité d un produit ou d un projet avant de le développer (approche prédictive), est contre-productif. Ces méthodes favorisent l approche empirique. Dans le cadre d un projet de développement logiciel, le client élabore sa vision du produit à réaliser et liste les fonctionnalités ou les exigences de ce dernier. Il soumet cette liste à l équipe de développement, communique directement avec elle. L équipe estime le coût de chaque élément de la liste. Celle-ci sélectionne ensuite une portion des exigences à réaliser dans une période de temps courte appelée itération. Chaque itération inclut des travaux de conception de spécification fonctionnelle. Une spécification fonctionnelle correspond à la définition minutieuse du fonctionnement de l interface, du macro vers le micro, pour chaque gabarit et toutes les fonctionnalités. De plus, lors de la rédaction, elle ne doit pas être composée de termes techniques. En revanche, elle doit contenir la description des besoins, les contraintes et les règles de gestion du projet. Voir le schéma démonstratif annexe 2. Afin de concevoir l application, il est préférable de visualiser l organisation des données par un Modèle conceptuel des données. Voir le MCD annexe 5 p.14. Conception Comme indiqué précédemment, le développement de l application sur Android s est fait dans l environnement de développement : Android Studio. Le langage informatique fut essentiellement en Java orienté objet mais aussi en XML pour la mise en page. Le XML (extensible Markup Language) est un langage de balisage qui permet de mettre en forme des informations. De plus ce langage a été désigné comme une norme d après l ISO en 2002 (ISO/IEC TR :2002) Le Java est un langage de programmation mais aussi une norme élaboré par Organisation internationale de normalisation (ISO) en 2000 (ISO/TS :2000). Dans cet IDE, ce langage est orienté objet. Présentation des outils 6

8 Ce menu est associé à l outil d Android Studio permettant de créer une interface graphique. - La première liste déroulante permet de naviguer rapidement entre les répertoires de layouts. Il est possible de créer des versions alternatives au layout actuel en créant des nouveaux répertoires différenciés par leurs quantificateurs. - La deuxième liste déroulante permet d'observer le résultat en fonction de différentes résolutions. Le chiffre indique la taille de la diagonale en pouces et la résolution de l'écran. - La troisième permet d'observer l'interface graphique en fonction de certains facteurs (format : portrait ou paysage, luminosité : jour ou nuit, ). - La quatrième liste déroulante permet d'associer un thème à l activité. - La suivante correspond à la liste des différentes activités présentent dans le projet. - L'avant-dernière permet de choisir une langue si votre interface graphique change en fonction de la langue. - Et enfin la dernière vérifie le comportement en fonction de la version de l'api, s il y a une définition des quantificateurs. En ce qui concerne la barre d outils du bas, ces boutons sont spécifiques à un composant et à son layout parent, contrairement aux boutons précédents qui étaient spécifiques à l'outil. - Le premier bouton fait en sorte que l'interface graphique fasse exactement la taille de la fenêtre dans laquelle elle se trouve. - Le deuxième remet le zoom à 100%. - Enfin les deux suivants permettent respectivement de dézoomer et de zoomer. Utilisation Android Studio permet de créer des interfaces graphiques à la souris. Il est en effet possible d'ajouter un élément et de le positionner grâce à sa souris (voir annexe 6 p.14 et 15). Une application sur Android s organise en activité. Une activité est un seul élément ciblée avec lequel l utilisateur peut interagir. Presque toutes les activités interagissent avec l'utilisateur, de sorte que la classe Activity s occupe de créer une fenêtre dans lequel on peut placer une interface utilisateur. Bien que les activités sont souvent présentées à l'utilisateur comme des fenêtres en plein écran, elles peuvent également être utilisés d une d'autre façon: comme des fenêtres flottantes (par un thème) ou incorporé à l'intérieur d'une autre activité. Il existe deux méthodes que toutes les classes Activity possèdent : - OnCreate() : appelé lorsque l activité commence. 7

9 - OnPause() : appelé lorsque l activité s exécute en arrière-plan. Voir annexe 7 (les différentes fonctions que peut contenir une Activité dans son cycle de vie). Une activité peut se trouver dans trois états qui se différencient surtout par leur visibilité : Etat Visibilité Description Active («active» ou «running») L'activité est visible en totalité. c'est ce que l'utilisateur consulte en ce moment même et il peut l'utiliser dans son intégralité. C'est cette application qui a le focus, c'est-à-dire que l'utilisateur agit directement sur l'application. Suspendue («paused») Arrêtée («stopped») L'activité est partiellement visible à l'écran. L'activité est tout simplement oblitérée par une autre activité, on ne peut plus la voir du tout. L activité ne réagit plus avec l utilisateur. Pour que notre application récupère le focus, l'utilisateur devra se débarrasser de l'application qui l'obstrue, puis l'utilisateur pourra à nouveau interagir avec. Si le système a besoin de mémoire, il peut très bien tuer l'application. L activité ne réagit plus avec l utilisateur Le système retient son état pour pouvoir reprendre, mais il peut arriver que le système tue votre application pour libérer de la mémoire système. Voir un aperçu du code commenté Annexe 3. L'Android Virtual Device (AVD) est un émulateur de terminal sous Android, c'est-à-dire qu il s agit d un logiciel qui se fait passer pour un appareil sous Android (téléphone portable, tablette, télévision, montre connectée, ) à l ordinateur. Ce logiciel a un avantage : il n est pas nécessaire d avoir un périphérique sous Android pour tester l application. Lorsque l on souhaite tester l application, il suffit de lancer un émulateur qui a été préalablement installé et configuré. L environnement de développement installe l application, sous l extension apk, directement sur l émulateur, puis l exécute. b) Application native de type informatif Spécification des exigences Cette application est une alternative à l application vitrine, celle-ci ne pouvant se réalisé pour cause de restriction d accès à la base de données. 8

10 L application a pour but de faciliter la communication entre le syndic et les copropriétaires. Elle est composée de trois activités : Première activité : correspond à la page d accueil, elle est composé de trois boutons permettant respectivement d accéder aux coordonnées d Ecosyndic, d accéder aux informations des différent services et d accéder à l espace client (lien vers l espace client sur internet développer par crypto). Deuxième activité : affiche les coordonnées de l agence et est composé de deux boutons : l un sert à envoyer un mail sur l adresse d accueil de l agence et l autre déclenche un appel vers la ligne téléphonique de l accueil de l agence. Troisième activité : affiche les informations des différents services que utilisateur souhait voir grâce à une liste déroulante. Cette activité contient aussi deux boutons qui ont les mêmes fonctionnalités que la deuxième activité. Conception En ce qui concerne les outils de conception, les langages et le déploiement, l application utilise les technologies que l application vitrine. Pour ce qui est du code et du rendu, voir annexe 3 et 4. 9

11 Annexe n 1 : Maquettes écran de l application vitrine Page d Accueil Option de recherche 10

12 Résultat de la recherche Fiche descriptive d un bien 11

13 Localisation de l utilisateur Formulaire de connexion 12

14 Contacts 13

15 Annexe n 2 : Schéma illustrant la méthode AGILE Annexe 3 : exemple de code en java package fr.ecosyndic.ecosyndic; import android.app.actionbar; import android.app.activity; import android.content.intent; import android.net.uri; import android.os.build; import android.os.bundle; import android.view.menu; import android.view.menuitem; import android.view.view; import android.widget.arrayadapter; import android.widget.button; import android.widget.spinner; import android.widget.textview; import android.widget.toast; public class TelephoneActivity extends Activity { static final String[] Service = new String[]{"Comptable", "Gestion Locative", "Syndic"; //instance du contenu de la liste déroulante 14

16 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_telephone); // l activité s affiche en function du layout activity_telephone final Spinner spin = (Spinner) findviewbyid(r.id.spin); ArrayAdapter<String> adapter = new ArrayAdapter<String> (this, android.r.layout.simple_spinner_item, Service); adapter.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_item); spin.setadapter(adapter); final Button valid = (Button) findviewbyid(r.id.valider); );//instance de l objet XML valid.setonclicklistener(new Button.OnClickListener() { public void onclick(view v) { //méthode appeler pour définir l action lorsque l utilisateur clique sur le bouton Option();//function determinant l action du bouton valid ); public void Option() { String Newline = System.getProperty("line.separator");//argument correspondant au retoure à la ligne int t = 0; final Button valid = (Button) findviewbyid(r.id.valider);//instance de l objet XML if (valid!= null) { final Spinner spin = (Spinner) findviewbyid(r.id.spin); final TextView text = (TextView) findviewbyid(r.id.information); if ((spin!= null) && spin.isenabled()) { //verification si la liste déroulante est active et si la liste est nulle switch (spin.getselecteditemposition()) { case 0: text.settext("comprable " + Newline + "Responsable - Remy Samir " + Newline + "Tel : " + Newline + "Mail: xxx@xxx.fr "); t = 1; break; case 1: text.settext("gestion Locative " + Newline + "Responsable - Valérie Elmira " + Newline + "Tel : " + Newline + "Mail: xxx@xxx.fr "); t = 2; break; case 2: text.settext("syndic" + Newline + "Responsable - Aurore Chopin" + Newline + "Tel : " + Newline + "Mail:xxx@xxx.fr"); t = 3; break; default: break; spin.setenabled(false); valid.settext("annuler"); final Button appel = (Button) findviewbyid(r.id.appel); 15

17 final Button env = (Button) findviewbyid(r.id.env); final int finalt = t; appel.setonclicklistener(new Button.OnClickListener() public void onclick(view v) { String n = null; if (finalt == 1) { n = "tel: "; else if (finalt == 2) { n = "tel: "; else if (finalt == 3) { n = "tel: "; Intent callintent = new Intent(Intent.ACTION_CALL); callintent.setdata(uri.parse(n.tostring()));//function qui provoque un appel avec le numéro de telephone correspondant au service selectionné. startactivity(callintent); ); env.setonclicklistener(new Button.OnClickListener() public void onclick(view v) { String mail = null; if (finalt == 1) { mail = " xxx@xxx.fr "; else if (finalt == 2) { mail = " xxx@xxx.fr "; else if (finalt == 3) { mail = " xxx@xxx.fr "; Intent i = new Intent(Intent.ACTION_SEND); i.settype("message/rfc822"); i.putextra(intent.extra_ , mail); i.putextra(intent.extra_subject, "objet :"); i.putextra(intent.extra_text, " "); try { startactivity(intent.createchooser(i, "Envoyer un mail...")); catch (android.content.activitynotfoundexception ex) { Toast.makeText(TelephoneActivity.this, "There are no clients installed.", Toast.LENGTH_SHORT).show(); 16

18 /** code qui permet l envoi d avec l adresse correspondant au service selectionné*/ ); else { spin.setenabled(true); valid.settext("valider"); text.settext("aucune public boolean oncreateoptionsmenu(menu menu) { //Méthode appeler pour la barre d action getmenuinflater().inflate(r.menu.menu_telephone, menu); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { ActionBar actionbar = getactionbar(); actionbar.setdisplayhomeasupenabled(true); return public void onbackpressed() { //Méthode définissant le bouton precedent dans la barre d action TelephoneActivity.this.startActivity(new Intent(TelephoneActivity.this, public boolean onoptionsitemselected(menuitem item) { switch (item.getitemid()) { case android.r.id.home: onbackpressed(); break; return super.onoptionsitemselected(item); 17

19 Annexe 4: Résultats du code annexe 1 18

20 Annexe n 5 : MCD Organisation des biens d Ecosyndic Annexe 6 : Capture d écran d un layout Design (en bas) Text (en haut) Code XML généré par la vue Aperçu de la vue 19

21 Encart «Palette» pour placer différentes vues Aperçu de la vue Encart «Properties» pour Modifier les attributs 20

22 Annexe n 7 : Cycle de vie d une activité 21

23 Annexe n 8 : Organisation réseau 22

24 V. Conclusion J ai, ainsi, effectué mon stage pratique du Brevet de Techniciens Supérieurs Services Informatiques aux Organisations au sein de l entreprise Ecosyndic. Lors de ce stage de 8 semaines, j ai pu mettre en pratique mes connaissances théoriques acquises durant ma formation, de plus, je me suis confronté aux difficultés réelles du monde du travail. Je pense que cette expérience en entreprise m a offert une bonne préparation à mon insertion professionnelle car elle fut pour moi une expérience enrichissante et complète qui conforte mon désir d exercer mon futur métier de développeuse en informatique. Remerciements Pour finir ce développement sur mon expérience professionnelle, il apparaît opportun de terminer ce rapport de stage par des remerciements, à ceux qui m ont beaucoup appris au cours de ce stage, et à ceux qui ont eu la gentillesse de faire de ce stage un moment très profitable. Je remercie Mme Aurore CHOPIN, ma tutrice de stage, responsable du cabinet ECOSYNDIC qui m'a accueilli dans son entreprise et m'a accordé de son temps malgré son planning chargé et ses importantes responsabilités 23