Rapport de stage L3 MIASHS

Transcription

1 Rapport de stage L3 MIASHS Amélioration du site Festimove Période de stage : 28 Avril au 28 Juillet 2014 Auteur : Tuteur Université : Arnaud Lemba Mathieu BARRANDON Tuteur Entreprise : M Feit Clément 1

2 Sommaire Remerciements...3 Introduction...3 I. L'entreprise Festimove...4 A. Présentation et composition...4 B. Activités...6 II. Mission principale...7 III. Environnement de travail...7 A. Organisation de l'équipe...7 B. Environnement technique...9 IV. Activités...12 A. Tâches Ajout et suppression de produits dans le panier L interaction avec le SGBD MySQL et ajout de mode de paiement Affichage des infos pour un voyage Affichage de voyages à venir Vérification de format de téléphone Information discrète à coté de champs téléphone Enregistrement des s de clients dans un fichier Envoie du devis aux clients par mails Affichage de bus non plein et gestion de place Gestion de coupon de réduction Empêcher une personne de réserver deux places au même nom... V. VI. Glossaire...43 Références

3 Remerciements Je tiens à remercier M. Feit Clément pour m avoir accordé sa confiance effectuer ma période d'application en entreprise. afin d'y J adresse particulièrement mes remerciements à Monsieur Thomas pour m avoir aidé et suivie lors du développement du site. Mes sincères remerciements s'adressent également à l'ensemble de l équipe Festimove pour les nombreux conseils qu'ils ont pu me donner durant les mois que j'ai passé en leur compagnie ainsi que la confiance dont ils ont fait preuve en me sollicitant pour les différentes tâches qu'il m'a été donné d'effectuer pendant ce stage. Introduction Pour effectuer mon stage de ma troisième année de licence, j ai choisi l environnement web, car dans le futur proche, je compte m orienter dans ce secteur.pour trouver ce stage, j ai du m inscrire dans les newsletters de moteur de recherche d emploi ou stage, comme indeed,emploi trovit ; avec un secteur précis qui est celui du web. Toujours dans mes recherches, je me suis aussi amélioré dans quelques langages de programmations web et je me suis fait un cv pour un poste de développeur web. De dans mes connaissances dans ce domaine et aussi des connaissances que j ai acquises durant mon auto formation. L objectif du stage était de rajouter des fonctionnalités sur le site existant de l entreprise, nommé «Festimove.com». Durant ce stage, j ai eu à faire plusieurs rapport. tâches, qui seront développées lors de ce Pour chaque tâche, est associé trois points : contexte, les moyens mis en œuvre dans son accomplissement et ainsi que le résultat obtenu. 3

4 I. L'entreprise Festimove A. Présentation et composition Festimove est une entreprise commerciale, située au 1 Avenue de Verdun Villeneuve La Garenne, créée en 2011 par Mr Feit Clément. Les coordonnées de Festimove : Adresse mail info@festimove.c om numéro de fax +33 (0) message répondeur +33 (0) Elle travaille en partenariat avec d autres entreprises comme «tripandteuf» dans l organisation de ses voyages. L entreprise s adresse à tout le monde sans exception ; pour les mineurs, il faut l autorisation de sortie parentale, si possible d être accompagné. Les différents coordinateurs et accompagnateurs de la société Festimove : Feit Clément Rôle : Gérant de Festimove Chauffeur et Coordinateur de bus Contact : bill@festimove.co m 4

5 Arty Rôle : Bénévole chez Trip & Teuf Accompagnateur de Paris Contact : artemis@tripandt euf.com Elo Rôle : Bénévole chez Trip & Teuf Accompagnatrice de Paris Contact : elodie@tripandteu f.com Richu Rôle : Bénévole chez Trip & Teuf Accompagnateur de Paris Contact : richard@tripandte uf.com Vince Rôle : Accompagnateur de Belgique Staff Be-Dance Contact : 5

6 ve.be Djo Rôle : Bénévole chez Trip & Teuf Accompagnateur de Paris Contact : johnathan@tripan dteuf.com B. Activités Elle organise des voyages pour des festivals, de foires ; elle alloue ses bus aux tiers qui souhaitent organiser un voyage. 6

7 II. Mission principale Le site Festimove.com existe déjà ; il est déjà fonctionnel, de ce fait Il manquait quelques fonctionnalités à ajouter et des bugs à résoudre.etant donné que le site est déjà en place, ceci demandait une grande implication de stagiaire que j étais, de comprendre plusieurs aspects du site, notamment son code source et puis me mettre au travail. III. Environnement de travail A. Organisation de l'équipe J ai travaillé dans une équipe de cinq personnes : Titom, Vincent, Thomas.detaver,alex et moi. Du point de vue organisation ; on avait dans notre disposition un espace ou était listé les tâches à faire. Chacun avait son identifiant et mot de passe ; à part ca il y avait système d alert par mail sur les tâches en cours. En ce qui me concerne, j avais mes tâches qui m étaient assigniées. Voici à quoi ressemble cet espace : 7 un

8 On a plusieurs colonnes dont project, title deadline, com et autres ; sur la colonne project on a la liste de projets en cours, sur title la déscription de la tâche à faire, sur deadline la date limite pour sa réalisation et sur com les commentaires sur la tâche en question. 8

9 B. Environnement technique SVN: Une possibilité de travailler à distance était aussi possible grâce au svn sous eclipse.ce dernier est un logiciel qui permet de travailler à distance ; de faciliter le travail en équipe avec un gestionnaire de versions. On avait un espace de dépôt commun, situé dans le svn où on faisait des échanges de fichiers trois opérations importantes : checkout, update et commit. Checkout : permet d extraire le dossier de partage sur son espace de travail. Update: permet de mettre à jour ses dossiers sans faire un checkout. Commit: permet d envoyer ses fichiers sur l espace de dépôt. Voici à quoi ressemble l opération commit: 9

10 Apres un clic droit sur le fichier à commiter, dans le menu contextuel on choisit L option team et puis commit ; dans la boite de dialogue y ajouter le numéro de la tâche et ainsi que quelques commentaires. Les deux autres opérations sont similaires, clic droit option team du menu contextuel puis l opération soit un update, commit ; pour un checkout seul un clic droit et option checkout suffit. L accès à l espace de dépôt était évidemment sécurisé avec un login et mot de passe. MYSQL: Pour le SGBD (système de gestion de base de données), on a eu à utiliser MySQL ; ce dernier est utilisé dans plusieurs entreprises.il est distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au monde, autant par le grand public (applications web principalement) que par des professionnels, en concurrence avec Oracle, Informix et Microsoft SQL Server. 10

11 XAMPP: XAMPP est un ensemble de logiciels permettant de mettre en place facilement un serveur Web confidentiel, un serveur FTP et un serveur de messagerie électronique. Il s'agit d'une distribution de logiciels libres (X Apache MySQL Perl PHP) offrant une bonne souplesse d'utilisation, réputée pour son installation simple et rapide. Ainsi, il est à la portée d'un grand nombre de personnes puisqu'il ne requiert pas de connaissances particulières et fonctionne, de plus, sur les systèmes d'exploitation les plus répandus. 11

12 Ci-dessus on a une fenêtre de contrôle, avec une liste des applications lancées dont Apache, Mysql, Filezilla. Sur cette même espace, on peut configurer le fichier php.ini et http. Config qui sont des fichiers très importants pour l installation de zend Framework. Ce dernier était la technologie utilisée pour le site. IV. Activités Après l'élaboration de cahier de charge listant les tâches qui doivent être faites ; des tâches m'ont été confier entre autres, celui de gestion de panier ; affichage des voyages à venir pour une réservation dans les jours à venir pour ne citer que ceux là du coté client ; du coté fournisseur de services l'entreprise en fait ; la possibilité de celle ci de pouvoir récupérer les contacts téléphoniques de clients dans le but de les prévenir s'il y aurais un bus en retard le jour j ; de récupérer les s entrés lors du traitement de formulaires pour repérer les clients potentiels ; de rajouter les modes de paiement sur le site. 12

13 Pour l élaboration de mes missions ; je me suis fait plusieurs étapes : l analyse du sujet ; repérer des éléments entrant en jeux dans l'élaboration de ces missions, trouver une solution, la testée et la soumettre à mon responsable dans l'entreprise qui jugera si c'est bon, sinon il me fait part de ses remarques pour une éventuelle amélioration. Pour une journée, il m était demandé de mettre dans un journal qui était partagé sur drive mes activités du jour. Je n avais pas vraiment une durée précise pour une tâche donnée mais mes tâches étaient ordonnées par ordre de priorité. A. Tâches 1. Ajout et suppression de produits dans le panier Contexte Sur le site, les clients ou internautes durant son processus de réservation d un voyage, qui se fait via ce formulaire. 13

14 Dans cette image, on a le nom de festival au dessus et le formulaire du client en bas. Après cette étape, c est à dire lorsque toutes les données sont correctes, on passe au panier. 14

15 Quartes colonnes se présentent le produit, la description du festival en question, le prix unitaire TTC et le prix total. De ce fait les clients peuvent ou ne pas continuer leurs commandes. Si les clients décident de faire un retour à la page précédente ; on devrait lui donner la possibilité de voir ses commandes en cours ; c est à dire celles qui sont présentes dans le panier et lui donner la possibilité de les supprimés aussi. 15

16 Moyens alloués Pour ce faire, j ai du faire un test ; de voir s il y aurais un produit dans le panier si oui ; d afficher ce produit sur la page précédente ; pour ce qui est de la suppression du produit, j ai utilisé un petit bouton sous forme d un formulaire ; lors du clic sur ce bouton on envoie la signature du produit en même temps, c est à dire des éléments caractérisant ce produit ; après un parcours dans le panier, on vérifie si la signature correspond au produit en question si oui, on le supprime dans le panier et on rafraichit la page. Le résultat attendu 2. L interaction avec le SGBD MySQL et ajout de mode de paiement L interaction avec le SGBD MySQL a été faite via cette interface 16

17 Contexte Dans cette interface on peut voir facilement les numéros de client, la date du voyage le montant, les status : annulée, attente de paiement et une colonne Actions permettant de faire des actions directement sur la base de données. 17

18 On peut soit ajouter un festival, ajouter un mode de paiement et autres. Moyens alloués Ma tâche était celle d ajouter les modes de paiements.pour ce faire, comme je l ai dit, le zend était la technologie adoptée pour ce site, elle fonctionne en principe en modèle, view, contrôleur. Ce principe est quasiment respecté dans cette interface. l url que voici : hormis la partie 18

19 On a le reste, commande/voir/cle/2224 : commande est le contrôleur et voir l action se trouvant dans ce contrôleur. Le Contrôleur «commande» se charge de créer les différents champs de formulaire et d envoyer son contenu dans voir qui est une view, pour que ceci soit visible aux utilisateurs, d où l ajout de mode de paiement. résultat 3. Affichage des infos pour un voyage Contexte Pour un voyage, quelques détails sont importants comme les villes de départ de festivals, la date, le montant du billet. 19

20 Sur l image on voit les villes de départ les jours du voyage et l heure de départ. Ma tâche c était de renommer tout d abord le titre VILLES DE DEPART en VILLES ET HORAIRES DE DEPART, de rajouter un nouveau titre VILLES ET HORAIRES DE RETOUR Moyens alloués Pour la réalisation de cette tâche, j ai extrait des informations de la base de données comme : La liste de villes pour un festival donné, l heure de départ et retour. Il m a aussi été demandé de rajouter d autres infos, la date de départ qu on peut voir dans la capture d écran précédente et la date de retour. Résultat attendu 20

21 4. Affichage de voyages à venir Contexte Sur le site actuel de Festimove, on peut voir la liste de voyages, les ventes de billets, les voyages partenaires. 21

22 Il m a été demandé d ajouter un onglet permettant de lister les festivals en cours, non complet bien sure, se trouvant dans la base de données. Moyens alloués Pour ce faire, j ai du comprendre d abord le chargement du contenu de chaque menus et d y placer mon onglet et ainsi qu à faire une requête pouvant répondre à la demande et d afficher son contenu dans l espace de chargement du contenu de menus. 22

23 On peut y voir deux colonnes, les festivals avec leurs titres et la date prévue pour son début. 5. Vérification de format de téléphone Contexte Lors de la validation de formulaire d une réservation ; il est demandé de saisir un numéro de téléphone ; ma tâche était de vérifier si le numéro est correct suivant le format français c est à dire :

24 Moyens alloués De ce fait, je devrais trouver une expression régulière répondant à cette demande et la mettre dans la condition de validation pour le champ téléphone. Expression régulière que voici: Commentaire: ^0 : Signifie le numéro commençant par un zéro. [1-68] : suivit de 1,6,7 ou 8. [. ] : suivit d un point ou d un espace. [. ]? : suivit ou pas d un point ou d un espace. [0-9] : chiffre compris entre 0 et 9. [0-9] {2} : chiffre compris entre 0 et 9, répéter 2 fois. ([. ]? [0-9] {2} ){4} :{4} fois {2} donc suivit de huit chiffres donc au final on a 10. Résultat En cas d une erreur de saisie ; on a ça comme message 24

25 6. Information discrète à coté de champs téléphone Contexte Le numéro de téléphone devrait permettre à l entreprise de prendre contact aux clients pour les informés de l annulation d un bus le jour j, d où on devrait renseigner cette information d une manière discrète sur le formulaire. Moyens alloués Vu que le formulaire était généré via zend Framework, ne donnant pas de liberté au niveau de la gestion de labels de champs de formulaire ; pour notre cas c est téléphone ; l impossibilité d y ajouter du texte à coté. 25

26 De ce fait, je me suis servi du Jquery, qui est une bibliothèque JavaScript pour y remédier. Apres extraction du contenu de chaque label ; je les ai comparés au téléphone si ça correspond alors on ajoute du contenu juste à coté de ce label. Le contenu ajouté est en rouge votre numéro nous permettra de vous informer en cas d annulation de bus le jour j 7. Enregistrement des s de clients dans un fichier Contexte Il y a plusieurs façons de prendre contact avec une entreprise, soit par téléphone, et autres. 26

27 L entreprise a jugé bon de stocker les s des clients ou de leurs internautes dans un fichier dans le but de les mettre dans une base de données. Donc il m a été de demander de faire ce travail. Moyens alloués Pour se faire, j ai procédé par repérer des différents formulaires excepté celui de l enregistrement de clients et j ai fait cet enregistrement dans un fichier texte. en respectant notamment quelques contraintes comme ne pas enregistrer un deux fois. Résultat On peut voir que chaque mail est séparé par un ;. Ceci rend plus facile la récupération des mails et les mettre dans la base de données. Commentaire: la difficulté était de comprendre la gestion des formulaires dans différents contrôleurs, car celle ci dépendait d un contrôleur à l autre. 27

28 8. Envoie du devis aux clients par mails Contexte Pour une réservation, on a la possibilité de procéder à un devis perso ou groupé. pour un devis perso, il est demandé aux internautes ou clients de renseigner quelqu un infos dont : On peut voir qu on demande entre autres la ville de départ, le nom, prenom, , de préciser le nombre de places et information complémentaire. Ma tâche était de supprimer le champ information complémentaire et de remplacer le champ nombre de personnes par une liste déroulante, changer le label de bouton envoyé par calculez le prix et d envoyer les détails de devis aux clients par mail. 28

29 Moyens alloués Savoir le nombre max de personnes pou r un devis et de créer un select pour le nombre de personne et supprimer le champ «information complémentaire». Résultat Après validation, on a une petite récapitulation : 29

30 Un peu comme dans le panier lors de la validation d une réservation, On a les colonnes produit, description, pu, quantité qui représente ici le nombre de personnes sélectionné dans le menu déroulant et P.T.TTC. L'aperçu de cette table est effectué dans un contrôleur. Lors de l'envoi de formulaire, on stocke toutes les valeurs remplies dans un tableau et on envoie ce tableau à la vue, qui est chargé de la parcourir et d afficher ses contenus dans chaque cellule de la table. 9. Affichage de bus non plein et gestion de place Contexte Lors d une réservation, il peut arriver que le bus soit plein, de ce fait le client ne doit pas faire une réservation pour ce bus en question. 30

31 Il m a été demandé de gérer ca. Moyens alloués Pour ce faire, j ai effectué une requête SQL en utilisant les tables bus, ville, ville_texte que voici : BUS: «Pour le bus on a plusieurs champs dont complet, id, ville, festival, nb place et autres. L attribut complet à 1 veut dire que le bus est plein. 31

32 ville : On peut facilement voir qu il y a trois colonnes id, pays, titre. Ville texte: 32

33 Comme le nom l indique la table ville_texte contient les informations sur les villes dont le plus important son titre et sa description. Et c est cette requête qui fait le travail : 33

34 Cette requête ne sélectionne que des bus non pleins pour une ville : En français, sélectionne moi le bus non plein pour une ville et ainsi que les détails de la ville pour un festival donné. Dans la table bus il y avait un problème dans la gestion de nombre de place qui se retrouver parfois en négatif. Si une personne fait une réservation on soustraie directement le nombre_de_place de 1 sans même tester si le bus est plein, du coup on avait des chiffres négatifs dans la base. 34

35 Pour y remédier, je commençais par tester dans mon code si le bus n est pas plein, si complet est à 0 ; on soustrait son nombre de place de 1, si son nombre de place dévient zero donc on change l attribut complet à Gestion de coupon de réduction Contexte Pour un produit donné, les clients peuvent avoir accès à un coupon de réduction. Exemple pour un produit avec un taux de réduction de

36 Au fur et à mesure qu on rajoute le produit, on calcul le taux de réduction en fonction de la somme de prix de tous les produits. Après ajout d un autre produit. 36

37 On peut voir que le taux de réduction a changé. Ma tâche était de faire en sorte que le taux de réduction ne soit pas calculé plusieurs fois en fonction de la somme de tous les produits. Moyens alloués Il suffisait juste de changer la formule de calcul de taux de réduction de manière de prendre en compte que le prix d un produit et non de la somme de prix de tous les produits. 37

38 Résultat Un produit dans le panier avec un taux de réduction de 31 Après ajout d un produit : 38

39 39

40 On peut voir, on a toujours le même taux de réduction «31» 11. Empêcher une personne de réserver deux places au même nom Contexte Lors de procédure d une réservation, parmi les informations à renseigner sur le formulaire, il y a le nom et prénom. De ce fait, une personne ne peut faire une même réservation deux fois d où le nom et prénom doivent être uniques. Le problème intervient lorsque la personne joue avec les cases de saisie, par exemple la personne nommé ««Arnaud» «Lemba», fait une réservation ; s il arrive que cette personne fasse encore la même réservation au nom de arnaud Lemba, la réservation lui est encore accordée. Ma tâche était d y remédier et d y ajouter un batch qui permettra de respecter le format de nom et prénom, c'est-à-dire un majuscule suivit de minuscules. Moyens alloués Pour ce faire, j ai utilisé du code php pour faire une comparaison insensible à la case entre le nom et prénom saisi lors du remplissage du formulaire et le nom, prénom se trouvant déjà dans la base de données ; en cas de ressemblance, un message d erreur s a ffiche. En cas de non équivalence entre le nom, prénom saisis lors de remplissage de formulaire et ceux se trouvant dans la base de données ; je procède par une conversion au bon format c'est-à-dire un majuscule suivit de minuscules (ceci se fait via l exécution du fichier batch dans php) ; ensuite je l insère dans le bon champs de la base de données. Résultat 40

41 Sur l image, on a la réservation de Mr Arnaud Lemba pour le festival Dominator, Ci après le contenu de son panier. 41

42 Tentative d une nouvelle réservation au nom de Arnaud lemba avec un l minuscule. 42

43 V. Glossaire Apache: est un serveur HTTP créé et maintenu au sein de la fondation Apache. C'est le serveur HTTP le plus populaire du World Wide Web. Il est distribué selon les termes de la licence Apache. Batch : Le batch est un langage intégré sur Windows, dont le lancement est simple ; il suffit juste de la ligne de commande Windows «cmd.exe» et un éditeur de texte. 43

44 Contrôleur: Le contrôleur prend en charge la gestion des événements de synchronisation pour mettre à jour la vue ou le modèle et les synchroniser. Il reçoit tous les événements de l'utilisateur et enclenche les actions à effectuer. Expression régulière: est en informatique une chaîne de caractères que l on appelle parfois un motif et qui décrit un ensemble de chaînes de caractères possibles selon une syntaxe précise. 44

45 Filezilla : FileZilla Client est un client FTP(File Transfert Protocole), FTPS(File Transfert Protocole option sécurisée ) et SFTP(Simple Mail Transfer Protocol). Http.config: Fichier de configuration php Javascript : Souvent abrége js, est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi côté serveur. Jquery : C est une bibliothèque JavaScript libre. Php : un langage de programmation libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale. Php.ini : Fichier de configuration Php. Sql : C est un langage informatique normalisé servant à exploiter des bases de données relationnelles. View : C est avec quoi l'utilisateur interagit.sa première tâche est de présenter les résultats renvoyés par le modèle. Modèle: 45

46 Le modèle représente le cœur (algorithmique) de l'application : traitements des données, interactions avec la base de données, etc. Il décrit les données manipulées par l'application. Zend Framework : Le Zend Framework est un framework pour PHP 5 créé en mars 2006 par Zend Technologies. Il est distribué sous la Licence BSD Modifiée. Le Zend Framework, aussi nommé ZF, a été développé dans le but de simplifier le développement Web tout en recommandant les bonnes pratiques et la conception orientée objets en offrant des outils aux développeurs. ZF permet aussi d'utiliser nativement le principe de MVC (Modèle-Vue-Contrôleur) mais ne l'oblige pas. VI. Références Zend Batch Expression régulière cours officiel de Mr Guy Perrier Xampp Installer Zend Framework sous Xampp 46

47 47