NET COMMUNICATIONS INC.

Transcription

1 NET COMMUNICATIONS INC. Julien Bergé Net Communications Inc. 1 Chemin de l Aéroport, Saint-Jean-sur-Richelieu et Professeur tuteur : Michel Paré Professeur du département Informatique CEGEP de Saint Jean sur Richelieu michel.pare@cstjean.qc.ca

2 Sommaire I DESCRIPTION DE L ENTREPRISE 1. Historique 2. Type de l entreprise 3. Travaux réalisés 4. Les employés et les départements 5. Le diagramme hiérarchique de l entreprise II DESCRIPTION DU DEPARTEMENT 1. Organisation du département 2. Description des équipements 3. Communication entre les départements III PLAN DE STAGE 1. Description du stage 2. Objectifs personnels IV DÉROULEMENT DU STAGE 1. Projet Multicatalogue 2009 a. Outils utilisés b. Description des tâches et recherches accomplies c. Organisation du travail d. Conclusion 2. Projet du Parti Municipal de Longueuil a. Description des tâches et recherches accomplies b. Conclusion 3. Divers 4. Comparaison avec le travail à l IUT 5. Conclusion Page 1

3 I - DESCRIPTION DE L ENTREPRISE 1. Historique C est en 1995 que Luc BELAND, le président de l entreprise a crée Net Communications Inc. Pendant 14 ans, elle s est développée dans le domaine du Web. Cette entreprise était d abord localisée à Saint-Jean-sur-Richelieu puis en s agrandissant, s est installée aussi à Montréal. Elle propose à ses clients des produits et des services personnalisés dans différents domaines informatiques, en particulier dans le domaine d Internet. Aujourd hui, elle continue de se développer en créant et en maintenant des Sites Web. 2. Type de l entreprise Net Communications est une entreprise qui travaille dans le domaine d Internet. Elle propose aux clients des créations et maintenances de Sites Web, mais aussi des ventes de produits électroniques, des services de fournisseur d accès et des services d hébergement Web. Cette entreprise travaille dans différents langages de programmation comme le Perl ou le PHP mais dans le département où je me trouve, nous travaillons sur un projet en JSP (Java Server Pages). 3. Travaux réalisés Net Communications Inc. est divisé en quatre branches indépendantes travaillant dans des domaines différents. Chacune de ces branches est spécialisée et propose ses propres services. Net Com est la branche Web de l entreprise. Elle travaille dans le domaine d Internet et du Multimédia. Elle crée et maintient des Sites Web. Net Olution est la branche de développement logiciel pour des entreprises commerciales Net Space est le secteur de l entreprise qui s occupe de l hébergement Web. Elle y propose différentes formules et héberge les sites sur les serveurs de l entreprise que ce soit pour des entreprises ou des particuliers. Net Accès est le nom d un fournisseur d accès internet. C est cette partie qui s occupe de desservir Internet aux clients. 4. Les employés et les départements Il y a une quarantaine d employés dans Net Communications en comptant le bureau de Saint- Jean-sur-Richelieu et Montréal. Pendant mon stage, trois stagiaires travaillaient à Net Com de Saint-Jean-sur-Richelieu dans deux projets différents, à savoir en PHP et JSP et un stagiaire travaillait dans Net Com de Montréal dans un autre projet en Perl Page 2

4 5. L organigramme de l entreprise Voici l organigramme actuel de l entreprise Net Com. Page 3

5 II - DESCRIPTION DU DEPARTEMENT 1. Organisation du département Le département dans lequel je travaillais est Net Com. Je participais donc à des projets de créations et de maintenances de Site Web. Net Com est divisé en deux parties : Net Com (Développement Web) Le CRGL (Centre de Recherche de Génie Logiciel) Le CRGL est sous la direction de Sylvain BELAND, le frère de Luc BELAND, le président de Net Communications. C est dans ce centre que j ai travaillé. Sylvain BELAND travaille donc au sein de l entreprise, mais aussi au Cégep de Saint-Jean-sur-Richelieu en tant que professeur. Trois analystes programmeurs travaillent au CRGL : Katia AMBROSI (mon superviseur) José PUMAHUANCA Sébastien LUSSIER (travaille le soir) 2. Description des équipements L entreprise Net Com possède une grande quantité d ordinateurs plus ou moins performants. Chaque employé a son propre ordinateur et d autres sont inutilisés. De nombreux écrans sont disponibles et les employés de Net Com en profitent pour en brancher deux sur leur ordinateur, cela permet de faciliter certaines actions et la visibilité des programmes à réaliser. Pour ma part, j utilisais un écran pour le code que j écris et un écran pour tester les résultats. Les ordinateurs du CRGL sont sur Windows 2000 et XP. Il n y a aucun problème pour faire tourner les applications nécessaires au développement des projets. L entreprise possède quelques serveurs qui tournent sur Linux et le CRGL a son propre serveur personnel pour pouvoir héberger les projets de test. L équipement de Net Com à Saint-Jean-sur-Richelieu est nettement supérieur à celui de Montréal. 3. Communications entre les départements Les employés de Net Com de Saint-Jean-sur-Richelieu et Montréal discutent entre eux et se passent différentes tâches des projets. J ai déjà vu mon superviseur téléphoner à un employé de Montréal pour discuter des projets ou demander des conseils, et vice et versa. De plus, une grande partie des employés se trouvent à Montréal alors Net Com de Saint-Jean-sur- Richelieu contacte souvent Net Com de Montréal. La communication se fait aussi très souvent par mails, ce qui en fait le moyen de communication le plus utilisé à Net Com étant donné sa simplicité et sa rapidité. Page 4

6 III PLAN DE STAGE 1. Description du stage Pendant ces deux mois et demi, j ai eu l occasion de travailler sur deux gros projets importants. Le premier est le projet Multicatalogue 2009 : projet en JSP qui a occupé presque tout mon temps Le deuxième est le Projet du Parti Municipal de Longueuil : projet en PHP réalisé en milieu de stage. Projet Multicatalogue 2009 Net Com ayant l habitude de créer des Sites de Commerce avec catalogue, a décidé de créer un projet générique. De cette façon, l entreprise pourra utiliser ces fichiers et les modifier au minimum pour pouvoir le vendre, seul le CSS sera entièrement modifié. Les sites commerciaux que Net Com a l habitude de créer sont des sites possédant une grande base de données répertoriant tous les produits, clients et commandes depuis le début de la création de l entreprise. Elle permet souvent des opérations très utiles et très précises en fonction des demandes de l entreprise. Ce genre de site permet au client d acheter directement sur Internet, d avoir un panier virtuel puis de valider la commande et de recevoir les produits chez eux. Pour cela, les employés du CRGL se sont basés sur le site de commerce le plus complet qu ils aient réalisé, à savoir les Outils Pierre Berger afin de rendre générique les fichiers du site. C est sur ce projet que j ai travaillé le plus longtemps. Projet du Parti Municipal de Longueuil (PML) Au milieu du stage, Net Com a reçu une commande du Parti Municipal de la ville de Longueuil. Il s agissait de faire quelques modifications sur le site déjà créé par la société. Net Com a donc laissé le soin à Nicolas (un autre stagiaire français) de commencer et à moi de finir. Le site étant codé entièrement en HTML et JavaScript, ne possédait pas de base de données. Les employés du PML devaient de temps en temps rajouter des communiqués sur le site. Il fallait donc rajouter le lien vers le PDF, quelques images et une description directement dans les fichiers HTML. Il était donc assez compliqué de rajouter un communiqué. Le travail était de faire une partie administration qui permettait, à travers une base de données, d ajouter, de modifier et de supprimer des communiqués. 1. Objectifs personnels Mon objectif principal concernant ce stage était de m intégrer auprès d une équipe de programmeurs dans un pays différent de celui ou j ai l habitude de travailler. Pour cela, j ai dû m inclure dans un projet en cours de production dans un langage que je ne connaissais pas (JSP) avec un gestionnaire de base de données que je n avais jamais utilisé (Hibernate) mais aussi, m améliorer en PHP. Mon but était donc d apprendre le plus possible en travaillant en équipe, de savoir manipuler un langage qui m était alors inconnu. Je savais que cela m apporterais beaucoup dans ce domaine, mais aussi sur la façon de créer un site commercial possédant un catalogue, car c était le projet principal de l entreprise, celui sur lequel j ai passé le plus de temps. C était aussi pour moi une façon de savoir, si travailler dans le domaine du développement Web me plaisait et si je souhaitais continuer dans cette voie pour la suite de mes études. Page 5

7 IV DÉROULEMENT DU STAGE 1. Projet Multicatalogue 2009 a. Outils utilisés Ce site est réalisé en JSP. Pour développer le projet, nous utilisons : Net Beans comme IDE, c est à travers ce logiciel que nous écrivons le code, le compilons et le testons. Page 6

8 HeidiSql pour gérer la base de données manuellement, elle permet de se connecter à une base de données, de créer, modifier et supprimer des relations et des champs. Hibernate comme gestionnaire de bases de données, Hibernate transforme des tuples en objets et dans le code, nous utilisons des fonctions de type get et set à la place de requêtes SQL. Page 7

9 StarTeam pour mettre à jour les fichiers dans l entreprise, cela permet de savoir qui a modifié quel fichier pour pouvoir à la fin de la journée tout mettre en commun très facilement. Tomcat comme gestionnaire de serveur (Apache Tomcat) b. Initiation au projet En arrivant lundi matin à Net Com. J ai été reçu par le chef d entreprise qui m a montré les lieux, m a expliqué comment on travaillait ici, dans quel domaine et m a présenté mon tuteur, Katia AMBROSI. Cette dernière m a montré la salle où travaillait le CRGL et m a installé sur un ordinateur pouvant faire tourner toutes les applications nécessaires au développement du projet. Elle m a expliqué pendant une bonne partie de la matinée le projet, comment nous comptions le réaliser et aussi pourquoi. Net Com a en fait essayé de reporter un maximum de projet afin de finir ce projet-là. Pour le CRGL, il est vraiment important de finir le site commercial générique, car cela sera la base de presque tous les futurs projets. Mon superviseur m a aussi expliqué la structure du projet : où sont répartis les fichiers et l utilité de la séparation des fichiers. Page 8

10 Elle m a aussi initié à Net Beans, j ai rapidement appris comment compiler, lancer et comment utiliser des raccourcis utiles. J en ai profité pour parcourir rapidement les fichiers déjà existants du projet pour comprendre comment fonctionner les fichiers à la compilation et m instruire un peu sur le JSP. J ai appris comment fonctionner le système MVC (Modèle, Vue, Contrôleur) : Katia m a expliqué que l interface graphique était dans des fichiers en.jsp, appelés JSP, c est dans ceux-ci que l on écrit en HTML et que l on fait tous les traitements de l affichage. On appelle cela des «vues». Tous les calculs et les fonctions sont faits dans des «servlets», ce sont des classes en JAVA qui permettent de récupérer les données de la base de données (qui sont des objets) et de les traiter puis de les renvoyer aux JSP, on les appelle des «contrôleurs». Toutes les données sont stockées dans des classes appelées «peers» ou «modèles» et les données sont sous forme d objet, car le JSP est un langage orienté objet. C est donc Hibernate qui s occupe d encapsuler toutes les données dans les classes et des objets. Schéma explicatif du modèle MVC J ai aussi appris comment fonctionnait Star Team. C est un logiciel qui permet de mettre à jour les fichiers dans le réseau de l entreprise. Il est capable de nous dire quels fichiers qui sont sur notre PC ne sont plus à jour et aussi quels fichiers ont été modifiés depuis la dernière fois. Ensuite, il est possible de récupérer les fichiers modifiés par les autres employés et de soumettre les nôtres sur le serveur. C est une très bonne façon de réunir le projet en fin de journée. J ai étudié aussi le fonctionnement de HeidiSql pour voir comment on pouvait rajouter des données et des champs. C était un logiciel très simple, mais le gestionnaire de données à utiliser dans le code n est pas du SQL vu qu il est géré par Hibernate, c est donc des fonctions appelées sur des objets qui permettent de faire des requêtes SQL, c est une façon plus simple à la longue que les requêtes SQL de base. Cela dit, quand on découvre Hibernate, il faut du temps pour bien comprendre le fonctionnement surtout quand on a pour habitude d écrire des requêtes SQL pour afficher nos propres résultats. Pour m habituer au fonctionnement d Hibernate, j ai testé sur une page d afficher des résultats que j aurais voulu écrire en requêtes SQL. Page 9

11 c. Description des tâches et recherches accomplies Apprentissage des bases du langage JSP Mon premier travail fut d installer tous les logiciels nécessaires à la réalisation du projet. J ai donc installé Net Beans, HeidiSql et StarTeam. Après avoir fait un tour rapide dans les fichiers du projet et fait quelques tests sur mes nouveaux programmes, Katia m a donné une tâche du projet à réaliser. Il s agissait de paginer l affichage des clients (de la forme [1, 2, 3 498, 499, 500]). C est une tâche que j avais déjà réalisée en PHP, mais le fait de le faire dans un langage qui m est inconnu était un bon exercice. J ai donc observé la façon de programmer dans les fichiers du projet et fait quelques tests pour paginer les résultats. Malheureusement, il m a fallu beaucoup de temps pour afficher le numéro de page et j ai perdu trop de temps à le faire entièrement. J ai donc fait quelques recherches pour savoir de quelle façon j allais pouvoir rapidement apprendre les bases du JSP. Après avoir fait un rapide tour sur «Le Site du Zéro», j ai vu que récemment, un cours sur le JSP avait été créé (seulement les bases), c est un site que je trouve très facile et sur lequel j ai appris énormément de choses (surtout des langages non utilisés à l IUT). J ai donc proposé à mon superviseur de faire une pause sur cette tâche et d étudier le cours de JSP. De cette façon, j allais perdre une journée pour étudier, mais j allais être plus performant pour la suite. Elle s est rendu compte que la pagination était un peu difficile pour un début et a accepté que j apprenne le JSP sur Internet. Après avoir passé une journée entière sur site pour apprendre les bases du JSP, j ai lu les cours, puis les exercices et j ai tout testé de A à Z en copiant la syntaxe et les exemples importants dans un fichier texte. J ai de nouveau observé les fichiers du projet. J étais heureux de constater que je comprenais les fichiers beaucoup mieux qu auparavant. Affichage des commandes Katia m a donc donné une autre tâche, bien plus intéressante que la pagination, il s agissait de gérer l affichage des commandes. Les commandes étaient répertoriées dans une table, mais la base de données étant très complexe et vide, j ai dû remplir à la main les commandes. Cela m a pris plus de temps que prévu, étant donné que de nombreuses données dans d autres tables étaient nécessaires pour l ajout dans la table commande. Cela m a aussi permis de comprendre le fonctionnement de la base de données. Après cela, Katia m a expliqué quelles données étaient les plus importantes d afficher, il s agissait de données de la table commandes, mais aussi de quelques autres tables, j allais donc apprendre comment afficher et faire des jointures entre tables avec Hibernate. J ai tenté de coder la partie affichage des commandes sur l exemple de l affichage des clients. Il a été assez simple d afficher une bonne partie des données, mais je me suis rendu compte que l affichage des adresses des clients ne marchaient pas. Après avoir longuement cherché avec Katia et José, on a donc conclu qu il s agissait d un problème de conception de la base de données, il fallait modifier quelques fichiers. Page 10

12 Ajout des commandes Après avoir fini l affichage, Katia m a demandé de faire l insertion. Après avoir appris comment afficher des données de la table (avec les fonctions get), j ai appris à insérer des tuples (avec set). Mon superviseur et moi avons discuté pour savoir quelle était la meilleure façon de proposer une insertion. Après quelques minutes, j ai commencé à créer un formulaire complet et simple d utilisation. La JSP crée, je commençai à écrire la partie traitement, c était plus compliqué que prévu, étant donnée la complexité de la base de données, je devais insérer plusieurs données et faire plusieurs calculs avant d insérer dans la table commande. Il a fallu finir la partie HTML dans la JSP, une partie relativement fastidieuse vu l habitude de programmer en HTML et la facilité du langage. J ai donc proposé à l utilisateur les champs minimaux, car le reste des champs est censé être calculé. JSP d ajout de commande : ajoutcommande.jsp Malheureusement, j ai perdu du temps à l ajout des dates, j avais pris du temps à séparer les jours, les mois et les années et à organiser les dates de façon à les rentrer facilement dans la base de données, mais il fallait un seul formulaire pour la date et utiliser une fonction que l équipe avait déjà créé pour gérer les dates. Page 11

13 Les fichiers «properties» Cela étant fini, j ai continué sur la validation des champs. Il s agissait de créer des fichiers «properties» qui permettaient de savoir si ce qu on rajoute est bien du type que l on veut. Exemple, une date doit avoir la forme de JJ-MM-AAAA, sinon, on le signale à l utilisateur et la commande n est pas ajoutée. Cependant, les autres champs sont mémorisés. Ce fichier contient aussi toutes les signalisations pour les utilisateurs en anglais, français et espagnol. Après cela, j ai commencé à ajouté les champs de bases dans la base de données : dans la table commande, mais vu la complexité de cette base, j ai dû inclure les données dans d autres table avant, cela m a pris du temps et m a permis de comprendre encore mieux la base de données. Après avoir fini d insérer toutes les données essentielles aux commandes, j ai pris du temps pour améliorer la base de données : j ai rajouté des devises et j ai proposé le choix de la devise à l utilisateur. Properties de commande : commandes.properties Les fichiers «beans» Ces fichiers sont ceux qui contiennent la déclaration des objets. Comme expliqué précédemment, le JSP est un langage orienté objet. C est donc dans les fichiers beans que l on peut connaître la forme d une table. Page 12

14 Bean de commande : Commande.java De cette façon, nous pouvons écrire les requêtes par des fonctions écrites dans les fichiers «peers». Les fichiers «peers» Pour rajouter les devises, j ai aussi dû créer les «Peers», il s agit de fichiers d Hibernate, ce sont des classes qui contiennent les fonctions permettant de faire les requêtes. Hibernate n est pas facile d utilisation mais c est avec le temps que l on s y habitue et que l on l utilise presque avec plus de facilité qu une simple de base de données SQL. Je n ai pas encore pu insérer l adresse du client car la base de données a une faille à ce niveau là, en attendant la réparation de José, je n ai pas mis à disposition le choix de l adresse. Page 13

15 Peer de commande : CommandePeer.java Un autre problème rencontré était ceux des contacts : chaque commande doit posséder un numéro de contact qui correspond à un client. Mais, chaque «client entreprise» a plusieurs contacts. J ai donc dû faire du JavaScript et de l Ajax pour pouvoir afficher une liste déroulante de contact après avoir choisi le client. Etant novice en JavaScript et Ajax, j ai étudié les fichiers existants afin de comprendre la syntaxe de base puis aidé par mon superviseur, j ai écrit les trois fonctions permettant de rajouter la liste déroulante nécessaire. Je passe donc l identifiant du contact comme paramètre mais j affiche le nom et le prénom (c est plus explicite pour l utilisateur). Les fichiers «providers» J ai aussi appris à créer des fichiers «providers» : il s agit de deux fichiers (classe mère et classe fille) permettant de recevoir une donnée pour pouvoir l incrémenter d une façon très particulière, de la renvoyer et de la stocker dans la base de données. Par exemple, le numéro de la commande devait avoir la forme de : A0001 (pour aller de A0001, A0002, à Z9999). Page 14

16 Provider de commande : CommandeNoCommandeProvider.java Après cela, j ai créé une page qui après validation récapitule ce que l utilisateur a rentré. Cela pourrait paraître assez simple mais il faut passer les données de fichier en fichier et c est encore une technique que j ai du mal à utiliser. Il faut envoyer les paramètres des servlets aux fichiers jsp.j en ai aussi profité pour améliorer encore une fois le formulaire en remplissant de base le formulaire de «date de la commande» avec la date d aujourd hui. C était encore un exercice pour comprendre comment fonctionne les dates en JAVA car ce n est pas une technique très facile. Mais de nombreux résultats sur Internet permettent rapidement d arriver à la date que l on veut et du format que l on veut. Page de résumé de la commande : details.jsp Page 15

17 Après avoir rajouté les résultats du JavaScript dans la base de données, je me suis occupé des identifiants et des Numéros pour les tables Commandes, Lignecommande et LignecommandeId, très différents et nécessitant des traitements particuliers. Ensuite, j ai dû faire la partie «produit» de la commande. Depuis le début, je travaillais sur le formulaire coté «client», c est-à-dire que j enregistrais toutes les informations du client (nom, prénom, téléphone, etc ), il fallait donc bien connaître les tables «clients» de la base de données et créer les fichiers «Peers» pour créer les requêtes afin de gérer les tables. Mon travail était donc concentré sur la partie «produit», c est-à-dire, l enregistrement des différentes lignes de commandes dans la base de données. Comparé aux clients, il peut y avoir plusieurs lignes de commandes dans la commande, c est-à-dire qu un client peut commander quatre produits A, puis trois produits B. Pour résoudre ce problème, j ai donc pensé qu une liste déroulante de produits et une zone pour la quantité conviendrait, mais il fallait penser aux multiples lignes de commandes que l utilisateur pouvait rajouter. J ai donc décidé de faire un bouton «Ajouter» qui rajoute dans un tableau une ligne de commande et affiche le produit, son prix, la quantité et la devise dans laquelle le client va payer. Pour cela, je devais faire une fonction en JavaScript. Jusque là, il n y avait aucun problème, j arrivais à choisir un produit, entrer une quantité et valider. Le produit se rajoutait dans la dernière ligne du tableau et il m était possible d accéder aux éléments rajoutés via la «servlet». Pour améliorer ce formulaire, je voulais ajouter la fonction «supprimer» dans le tableau afin de supprimer une ligne de commande après l avoir ajoutée. J ai longuement cherché sur Internet pour savoir comment supprimer une ligne de tableau en JavaScript. J ai donc trouvé deux méthodes : - Une méthode qui permettait de supprimer la ligne que l on voulait en passant comme paramètre le numéro de la ligne du tableau - Une méthode qui supprimait dans tous les cas la dernière ligne du tableau La deuxième méthode était la plus facile, il n y avait aucune faille : on pouvait ajouter autant de lignes que l on voulait et supprimer une à une toutes les lignes du tableau sans aucun problème. Malheureusement, ce n était pas très pratique. Si on s apercevait au bout de quelques ajouts de lignes de commandes que la première n est pas valide, il fallait tout supprimer afin de modifier la première. J ai donc essayé d utiliser la première façon. Elle était en fait plus difficile car quand on supprimait une ligne, on passait à la fonction le numéro de celle-ci. Cependant, après suppression de la ligne, le numéro de la ligne du tableau n avait pas changé mais la fonction considérait que le tableau était de nouveau classé par ordre croissant, ce qui n était pas automatiquement le cas, je devais re-numéroter les lignes du tableaux. Pour cela, j ai fait de nombreuses tentatives. J ai remplacé le lien «supprimer» par un bouton, j ai transformé le «div» de la JSP en «table», puis j ai numéroté les lignes par des identifiants, etc Etant donné que je perdais trop de temps dans cette fonction, José m a aidé. Ce problème là résolu, j ai commencé à faire les insertions minimales des produits dans la base de données (c est-à-dire, les données minimales pour ne pas que Hibernate jette une exception). Ensuite, il était temps de rajouter tous les prix concernant les produits, à savoir, le prix unitaire, le prix avec taxes, les frais de port, le sous total et le total. Je me suis servi du site que le CRGL avait déjà créé auparavant, c est-à-dire, les Outils Pierre Berger (un site de vente d outils). Page 16

18 Un autre problème s est posé, pour afficher le prix des produits dans le tableau, il fallait les envoyer au JavaScript. En fait, les fonctions Hibernate pour les prix ne concordaient pas, il était impossible d afficher le prix d un produit en particulier. La raison principale venait du fait qu un produit avait plusieurs prix (chose que j ignorais), il y avait le PN (prix normal), le PS (prix spécial), etc Je devais donc laisser à l utilisateur le choix du prix. La solution que j ai trouvée a été de créer les prix pendant la création du produit puis de l envoyer par champs caché à la JSP sous la forme d un String (produitx/pn-x PS-X). On peut voir les différents types de séparateur que j ai utilisé : - «/» pour séparer les produits des prix - pour séparer les différents prix - «-» pour séparer le nom des prix et la valeur des prix Par la suite, j ai fini de rajouter les prix dans la base de données, j ai dû faire plusieurs calculs et plusieurs «transtypage». En fait, je propose à l utilisateur un produit et une quantité et le programme s occupe de calculer le montant sans taxes, avec taxes (au Québec, il y a 15 % de taxes sur tous les articles) et avec le frais de port (données prises dans la table). Ensuite, je me suis occupé de tous les transtypages de String vers Float, pour le transfert entre la JSP et la Servlet. Pour finir, j ai envoyé tous les paramètres dans une «map» Java pour afficher sur la page de succès (une autre JSP) le récapitulatif de la commande entrée. Pour ce faire, je voulais rajouter les données calculées (le prix) dans la «map» de paramètres pour éviter les divers calculs dans la JSP. Malheureusement, la map de paramètres ne pouvait être modifiée. José m a donc montré une technique pour gérer la map d une autre façon : il suffit de créer une map temporaire, de recopier toutes les données de la vraie map, de stocker les nouvelles données dedans et de renvoyer la fausse map» à la place de l originale. De cette façon, j ai pu terminer la page de succès de l ajout de la commande. Ensuite, il fallait que je m occupe de mettre en place les dernières validations de champs. Mais, il fallait juste que je vérifie le champ de quantité (entier positif), car le choix du produit et les prix étaient des listes déroulantes et dans ce cas-là, il n était pas nécessaire de mettre en place une vérification. Après cela, je me suis occupé de nettoyer le fichier de la servlet, ce fichier possédait environ 600 lignes. Je l ai donc modifié en supprimant les lignes inutiles, en raccourcissant certaines instructions et en commentant les lignes difficiles à comprendre. J ai demandé confirmation à José pour passer à autre chose, il a validé mon fichier et j ai pu tout mettre sur le serveur en passant sur Star Team. Par la suite, j ai commencé à créer les fichiers pour la modification de la commande, à savoir, une JSP et une servlet. J ai aussi modifié le web.xml pour référencer une nouvelle servlet dans le projet. Malheureusement, lors de l ajout de mon web.xml sur le serveur, Star Team me signalait qu il était en «merge», cela signifiait qu il avait été modifié récemment par une personne. J ai donc accepté afin que Star Team compare les deux fichiers et rajoute les lignes non présentes dans le mien sur le serveur et vice versa. Cela permet de mettre en commun dans presque tous les cas, les fichiers. Page 17

19 Cependant, après cette modification, mon projet ne marchait plus. José m a expliqué que c était parce que je possédais une ancienne version de Net Beans et qu il ne prenait pas en compte les XML écrits pour le nouveau Net Beans. En fait, il suffisait d organiser le web.xml différemment. En fait, pour chaque Servlet, on doit rajouter deux instructions dans le XML. Il faut rajouter une ligne de déclarations nommée «servlet» et une autre ligne qui dit où se trouve le fichier, nommée «servletmapping». Dans l ancienne version, le fichier doit se composer en deux parties, les lignes «servlet» en haut et les lignes «servlet-mapping» en bas. Dans la nouvelle, les deux lignes doivent se suivre. web.xml coté <servlet> web.xml coté <servlet-mapping> Page 18

20 Après modification du fichier XML, nous avons eu une après-midi assez mouvementée. Une petite tempête de vent s est levée dans la ville et a provoqué de multiples coupures de courant, ralentissant un peu l avancement du projet. Modification des commandes Après avoir terminé entièrement l ajout des commandes, je me suis occupé de leur modification. C est un travail plutôt facile à faire après l ajout des commandes. Cependant, cela se fera de la façon suivante : Un bouton «modifier» se situera dans la dernière colonne du tableau de l affichage des commandes Lors du clic sur ce bouton, nous arrivons sur une nouvelle page, résumant dans un tableau, l affichage détaillé de la commande Les cellules vides, mais préremplies sont celles qui peuvent être modifiées (date de livraison, produits, etc.) Des cellules possédant des listes déroulantes sont celles qui peuvent être modifiées seulement avec des données proposées (numéro du client, devise, etc.) De cette façon, une commande peut être modifiée sans erreur et facilement. J ai donc commencé à créer les fichiers de modification, à savoir une servlet et une JSP. Puis, j ai débuté le passage de paramètre entre la JSP de l affichage et la servlet de la modification. Au moment du clic sur le bouton modifié, l identifiant de la commande est envoyé comme paramètre à la servlet de modification qui extrait toutes les informations de la commande grâce aux requêtes basées sur l identifiant. Arrivé à un certain point dans la modification, j ai remarqué que dans l ajout des commandes, nous pouvions rajouter un même produit plusieurs fois. J ai donc modifié le JavaScript pour que quand l on rajoute un produit, le programme vérifie qu il n est pas déjà dans le tableau. Dans le cas contraire, un message signale que le produit a déjà été rentré. Pour cela, j ai aussi dû modifier les fichiers «properties» pour que l erreur (sous forme de fenêtre d avertissement) apparaisse dans la langue que l utilisateur utilise. Page 19

21 Après ce petit rajout, j ai continué à développer la modification des commandes. Je me suis occupé de passer les paramètres de la servlet modification à la JSP. Pour cela, j ai utilisé la méthode dopost. En fait, une servlet est composé de deux fonctions : Le doget, la fonction qui reçoit des paramètres d une JSP qui les renvoient à une servlet Le dopost, la fonction qui reçoit les paramètres d une servlet qui les renvoient à une JSP J ai très longuement réfléchi sur la manière dont j allais gérer les modifications des commandes. J ai donc créé deux JSP et une Servlet : Une JSP pour la modification Une JSP pour afficher le détail de la modification Une Servlet pour gérer cette modification J ai créé une fonction en JavaScript qui faisait en sorte que quand on changeait le client, les contacts changeaient aussi (comme dans l ajout). Ensuite, j ai commencé à créer le tableau des lignes de commandes préremplies et modifiables pour pouvoir ajouter et supprimer des lignes de commandes dans la commande. Toujours dans la modification des commandes, mon objectif principal était de faire fonctionner l ajout, la suppression et la modification des lignes de commandes. En fait, quand nous cliquons sur «modifier» dans l affichage des commandes existantes. Nous arrivons sur une page de modification concernant une commande en particulier. Un tableau en bas de page contient les lignes de commandes déjà existantes. L objectif que je m étais fixé (et accepté par José) était de pouvoir ajouter des lignes de commandes dans le tableau et qu après validation, celles-ci soient inscrites dans la base de données, en plus de ceux qui y étaient déjà. Mais, je voulais aussi pouvoir en supprimer et si possible faire les deux à la fois. Pour compléter mon objectif de la semaine dernière, à savoir, modifier le client, les dates, la devise et le statut. J ai appris que lorsque que l on crée une date en Java par la déclaration de base, il crée une date pré remplie par 00/01/1900. Cela signifie que quand on modifie la date pour lui ajouter une valeur, elle l additionne à ce qui est déjà présent. J ai perdu du temps à en connaître la raison, mais après quelques recherches et confirmation de José, j ai compris le système. J ai donc tenté de me baser sur l ajout des lignes de commandes pour la modification. Ce fut un échec. En fait, on ne peut pas envoyer un tableau HTML d une JSP à un JavaScript, il était donc impossible d envoyer la modification. J ai donc discuté longuement avec José pour pouvoir résoudre ce problème. Nous en sommes venus à la conclusion suivante : lors de l ajout d une ligne de commande, le programme ajoute directement cette donnée dans la base. Il est très facile de rajouter des lignes de commandes dans une commande vide en passant par la modification, car le numéro de la ligne de commande commence à 0. Il n est donc pas nécessaire de connaître le numéro de la ligne de commande précédente. Page 20

22 Cependant, lorsqu une commande n est pas vierge, il faut connaître le nombre de lignes de commandes déjà existantes pour rajouter la prochaine au prochain rang. J ai donc perdu beaucoup de temps à savoir comment connaître le nombre de tuples déjà existant avec Hibernate. Pour cela, j ai stocké dans un tableau de lignes de commandes toutes les lignes de commandes déjà existantes et j ai renvoyé la taille du tableau, je renvoyais donc le nombre de lignes de commandes déjà présentes dans la base de données. Ceci fait, j ai donc commencé à écrire la suppression des lignes de commandes. Le code n était pas très dur, il suffisait de supprimer le tuple de l identifiant de la ligne de commande. J y suis donc arrivé assez rapidement. Lors de la suppression de ces lignes de commandes, nous avons besoin d actualiser pour avoir le résultat. C'est-à-dire que l ajout se fait bel et bien, mais il faut actualiser pour voir la ligne de commande se rajoutait dans le tableau. José m a donné quelques conseils pour cela. Normalement, quand le programme passe par une Servlet (ce qui était le cas pour l ajout d une ligne de commande) il rafraîchit automatiquement la page. Je n ai pas encore réussi à résoudre ce problème (qui s est montré le vendredi matin), mais j ai eu le temps d encore mieux comprendre la communication entre les Servlets et les JSP. En fait, pour passer des paramètres entre les fichiers, nous les passons par des «request». Il suffit de les remplir par n importe quoi et de leur donner un nom. Ils peuvent contenir tous types d objets. J avais l habitude de passer par des «maps de paramètres» sans me rendre compte que le programme passait cette map dans une request. Depuis le début, j utilisais donc une map que je passais par un request alors que je pouvais directement passer par le request. José m a expliqué que chacun avait son utilité. Le request était utilisé pour passer des objets entiers ainsi que la map de paramètres et cette dernière était utile pour passer des chaînes ou des nombres permettant de remplir ou d identifier l objet duquel on parle. Page 21

23 Après avoir terminé cette partie, Éric BORDELEAU, le superviseur de Nicolas m a confié une très grosse tâche : Conrad et Nicolas (les deux stagiaires français, arrivant au terme de leur stage et n ayant pas terminé leur tâche). Conrad laissait la partie sur le Multicatalogue, ce qui n était pas très grave, étant donné que ce travail était un travail pour les employés de Net Com Nicolas laissait la partie sur le site du Parti municipal de Longueuil (le PML). Il s agit d un site en PHP qui répertorie plusieurs documents sous forme de PDF téléchargeable. J ai donc poursuivi le projet de Nicolas pendant quelques jours. Il s agissait d inclure une partie en PHP dans le site. Le PML souhaitait une interface d ajout de documents. Il fallait pouvoir inclure un document en choisissant dans quelle partie le mettre, où l afficher et où aller le chercher. Dans le cas présent, le document était placé dans un dossier non rangé et l affichage du lien se faisait dans un fichier HTML (il n y avait pas de base de données). Mon travail consistait à d ajouter les fichiers de Nicolas et la base de données sur le site et de rendre opérationnel toutes les fonctions demandées. J ai donc passé une bonne partie de la journée à me faire expliquer le projet par Nicolas, j ai aussi observé les fichiers et je les ai testés. d. Conclusion Ce projet a été très bénéfique pour moi en plusieurs sens. Tout d abord, il m a permis d apprendre à utiliser un langage que je n avais jamais appris. Le JSP est en effet un langage couramment utilisé dans le Web. Je pense que c est une bonne chose d avoir des bases dans un langage orienté objet comme celui-ci. Ensuite, ce projet m a permis de travailler en équipe. En effet, Conrad, Katia, José moi avons travaillé ensemble sur ce projet dans des parties différentes. C était un véritable travail d équipe et je pouvais compter sur eux pour n importe quelles questions et conseils. De plus, il n était pas rare de voir José et Katia se poser des questions entre eux. Dans ce projet, je me suis senti mieux que dans les autres projets, mes tâches étant plus intéressantes. Etant donné la taille du projet, le temps a passé très vite. Il m est arrivé de rester très longtemps sur des tâches afin de les perfectionner au maximum, et rendre le projet plus clair. Page 22

24 2. Projet du Parti Municipal de Longueuil Ce projet m a donc pris environ deux semaines de travail, sachant que je travaillais aussi sur le projet Multicatalogue en même temps. Pour développer ce projet, j ai utilisé Notepad++ pour coder. Ce logiciel s est révélé être très utile pour remplacer les liens HTML par les liens PHP avec la commande : «remplacer dans les fichiers». Ensuite, pour pouvoir testé le site en local, j ai utilisé Easyphp qui est un logiciel très simple d utilisation. Il se contente de créer virtuellement le site en local quand on lui désigne le dossier qui contient les fichiers du site. Ce sont les deux seuls logiciels nécessaire à la création du projet. C était donc un travail nécessitant peu de moyen mais beaucoup de réflexions et de perfectionnismes. a. Description des tâches et recherches accomplies Pour inclure le projet dans le site courant, j ai eu besoin de connaître le fonctionnement du site actuel et des futurs fichiers en PHP. Page 23

25 Il y a donc quatre types de communiqués : Communiqués de presse (très grande partie classée par année) On parle de nous (petite partie classée par date) Discours de publications (partie classée par date) Publicités (grande partie classée par date) Nicolas a donc créé la base de données en quatre tables selon le modèle d un employé de Net Com. Il a aussi crée le formulaire d ajout, de modification et de suppression des communiqués en PHP, mais tout cela, sans aucune liaison avec le site. Il pouvait donc ajouter, modifier et supprimer des communiqués en PDF dans une base de données, le tout, en local. Mon travail était donc d ajouter des fichiers sur le site, de les faire marcher et d inclure tous les communiqués déjà existants (il y en avait environ 150), sans oublier que le site possédait une partie en anglais et qu il fallait aussi inclure les communiqués anglais. En début de semaine, j ai donc rajouté les fichiers PHP sur le site, j ai du modifier les fichiers d affichage et faire la liaison entre les pages HTML et PHP. En effet, j ai remplacé les pages d affichage par des pages PHP, les liens des autres pages HTML ne concordaient plus, j ai du les changer. On m a demandé de faire une modification rapide sur l ajout des communiqués. Nicolas, lors de l ajout de communiqués ajoute dans le nom du fichier la date du jour. Cependant, il est possible que l on rajoute le même communiqué le même jour alors j ai rajouté l heure. Par la suite, j ai dû rajouter dans la page «nous joindre» un cadre de Google maps. Il suffisait d inclure une ligne de code dans le fichier, ce qui permettait à l utilisateur de visualiser le bâtiment principal du PML. Page 24

26 J ai donc commencé à inclure tous les PDF français et anglais dans le site et dans la base de données avec le formulaire de Nicolas. C était une tâche relativement longue et fastidieuse. J ai aussi trouvé un moyen de protéger les accents et les apostrophes, chose que Nicolas avait oubliée, car ces derniers n apparaissaient pas dans la base de données. J ai dû aussi modifier certains documents qui n étaient pas en PDF (HTML, JPEG) afin de les inclure dans la base de données. Après cela, j ai inclus le CSS dans les fichiers d administration. De cette façon, la partie administration (protéger par mot de passe crypté en MD5) était incluse dans le corps du site. Pour rajouter un communiqué, il faut préciser la date d inclusion. Nicolas avait fait un formulaire en trois parties (année, mois, jour), cependant, cela ne convenait pas à Éric BORDELEAU. Il m a donc demandé de faire une gestion des dates à travers un calendrier en JavaScript. J ai donc recherché sur Internet les différentes façons de le faire et j ai pris un des exemples les plus faciles à utiliser. Page 25

27 J ai dû ensuite modifier les fichiers de modification, il y avait quelques problèmes, j ai amélioré l affichage des communiqués de la base de données dans la partie administration pour que ce soit plus clair et j ai fini par ajouter le calendrier en JavaScript aussi dans le formulaire de modification. J ai continué par faire quelques modifications sur PML (Parti Municipal de Longueuil). Tout d abord, j ai dû changer certaines balises du site, car certaines options ne fonctionnaient pas sur Internet Explorer (à savoir les modifications de taille du tableau d affichage des communiqués de la partie administration). Ensuite, je devais changer le nom des liens, des boutons et du texte. En effet, la base de la partie administration, étant faite par Nicolas, a été faite sans textes ni explications. J ai donc dû rajouter des textes d explications et renommer certains boutons pour que le site soit plus clair. Page 26

28 Pour la suppression du communiqué, le simple de fait de cliquer sur le bouton «supprimer» supprime directement le communiqué de la base de données. J ai créé en JavaScript une suppression avec confirmation. En fait, une fenêtre de confirmation apparaît pour demander à l utilisateur s il est sûr de vouloir supprimer le communiqué. Par la suite, j ai aussi rajouté un bouton pour télécharger directement le PDF dans le tableau d affichage des communiqués. Je l ai donc rajouté entre le bouton «modifier» et «supprimer». J ai dû créer un utilisateur pour l identification dans la partie administration avec un mot de passe assez complexe pour le futur utilisateur. Ensuite, j ai réparé un problème d affichage et ai fait en sorte que sur la page d accueil, les 5 derniers communiqués apparaissent dans le menu à droite. Page 27

29 Comme prévu, j ai fait les liens entre les fichiers HTML et PHP. En fait, dans la modification du site, j ai dû créer des fichiers PHP pour remplacer les fichiers HTML, tous les liens vers les pages HTML devenues PHP étaient donc fausses, j ai donc dû corriger tous les liens de tous les fichiers, cela s est fait assez rapidement grâce aux fonctionnalités de Notepad++. Il y avait un problème dans la modification des PDF. En effet, il était possible de modifier la description et la date, mais impossible de modifier le PDF. En fait, il y avait un problème de nom dans le fichier, j avais rajouté précédemment l heure de l ajout dans le nom du communiqué, mais j avais oublié de le faire pour la modification. Le projet touchant à sa fin, j ai fait un «backup» du vrai site et j ai remplacé tous les anciens fichiers par les nouveaux. Après livraison du projet et test de la personne qui devait utiliser la partie administration, cette dernière a signalé à Net Com qu elle était satisfaite du projet. b. Conclusion En conclusion, ce projet était celui que j ai préféré des deux, même si sa durée était plus courte. En effet, le PHP est un langage que je trouve plus intéressant que le JSP. Il est possible de faire plus de choses avec moins de temps. Cependant, le JSP est un langage conçu pour les gros projets car il permet de gérer une grande quantité de données rapidement. Le PHP étant plus simple est un langage qui risque d être lent si le projet possède trop de fichiers et de fonctionnalités. J ai d autant plus apprécié ce projet car j ai eu le plaisir de le voir livré au client directement après sa réalisation. Cela a été agréable d avoir fini ce projet dans les temps et d avoir, en plus, satisfait le client. Page 28

30 3. Divers Requêtes SQL pour la Police Canadienne Patrick LIZEE (Soutien technique et assurance qualité), n ayant pas appris le langage SQL nous a demandé un service (à Conrad et moi). Il s agissait de lui faire une simple requête SQL. En fait, la police canadienne avait demandé une recherche sur un utilisateur du réseaux de Net Com accusé de pédophilie qui avait été flashé sur un site le 29 août 2006 afin d avoir tous les renseignements sur cette personne. Patrick a donc reçu une base de données complète. Nous l avons aidé à faire une requête très simple afin d avoir tous les renseignements sur cette personne dont nous ne connaissions que l adresse IP. Modification du site 4. Comparaison avec le travail à l IUT Le travail en entreprise est très différent du travail à l IUT. En effet, les exercices faits en cours ne sont pas une suite d exercices qui, ensemble, participent à la création d un grand projet. Nous avons déjà eu, pendant la deuxième année d IUT, plusieurs projets à faire. À savoir un projet de C++, PHP, C#, Système, Réseaux et Communication. C est pendant les heures de travail sur le projet que je me suis le plus épanoui, c est pour moi une façon très intéressante d apprendre beaucoup plus sur le langage, mais aussi de travailler en équipe. 5. Conclusion J ai vraiment apprécié de travailler en tant que stagiaire à Net Communications. J ai appris énormément de choses, que ce soit au niveau programmation, communication ou du travail en équipe avec des gens de différents niveaux et cultures différentes. Je pense m être bien intégré et je me suis très bien entendu avec tous les employés et les stagiaires. Ce stage s est déroulé conformément à mes attentes ; je me suis retrouvé en fin de stage trop rapidement, car j ai vraiment apprécié de passer du temps sur les tâches à réaliser des projets. J ai pu voir mon évolution dans l apprentissage dans le JSP et mon amélioration dans le PHP. Cela m a permis d étudier deux langages orientés web totalement différent. Je pense qu un bon informaticien se doit d avoir des bases dans un maximum de langages. Avec ce stage, j ai eu l occasion de voir comment fonctionne une entreprise québécoise, parmi d autres. J ai aussi appris les coutumes et la façon de travailler, de recruter, de licencier Il est vrai que le système est plus basé sur le système américain que sur le français, et cela m a aussi permis d enrichir ma culture générale au contact des Québécois, qui sont très accueillants. Je pense que mon stage au Québec n a eu que des effets positifs sur moi. Il m a permis de m enrichir, d évoluer, en effectuant des recherches, en posant des questions, et enfin de mieux connaitre ce domaine. Il était aussi important pour moi de m interroger, pour savoir si travailler dans le domaine du développement Web me plait et si je compte continuer dans cette voie pour la suite de mes études. Page 29