Rapport de Stage : NetCommunications EDOUARD VYNCKE / 2013-2014

Rapport de Stage : NetCommunications EDOUARD VYNCKE / 2013-2014 Superviseur IUT : Patrick Lebegue Superviseur CEGEP : Michel Paré Superviseur entreprise : Alexandre Blais Edouard Vyncke Rapport de Stage Novembre 2013/Janvier 2014 PAGE 1

VERSION SANS SCREENSHOTS DONC CONFORME A ÊTRE PUBLIEE! 1

Sommaire I - Remerciements II - Présentation de l entreprise a) Historique et présentation b) Configuration III - Département de travail IV - Sujet de stage V - Abstract VI - Première partie : Arborubriquage a) Introduction b) Affichage et redirection c) Amélioration création univers VII - Deuxième partie : Moteur de règles a) Introduction b) Amélioration accès BDD c) Spécifications VIII - Participation : ErgoNet IX X - Conclusion - Annexe et Bibliographie 2

I Remerciements Je tiens tout d abord à remercier le départements des Relations Internationales de l IUT «A» de Lille 1 et spécialement Valérie Becquet et Roxana Queste qui m ont énormément aidé pour monter le dossier qui m a permis de vivre cette expérience unique, je remercie également mes enseignants tout au long du DUT qui ont su me soutenir et me conseiller afin de prendre les meilleures décisions. Merci au CEGEP de Saint-Jean-sur-Richelieu et à son accueil, Jean-Sébastien Cousineau qui est venu me chercher à Montréal le lendemain de mon arrivée, Michel Paré mon professeur superviseur sur place qui a été très utile tout au long du stage et qui fait tout pour aider ses stagiaires (il m a même prêté une guitare pendant 3 mois!) Merci à NetCommunications et à sa direction (Luc et Daniel Béland) qui m ont si bien accueilli au sein de son équipe, un grand merci à Alexandre Blais mon superviseur qui m as bien aidé tout au long de ce stage, merci également à Olivier qui m as également beaucoup aidé et merci à tous les employés avec qui j ai passé de très bons moments tout au long de ces trois mois. 3

II Présentation de l entreprise a) Historique Net Communications est une entreprise informatique fondée dans les années 90. Les premiers bureaux ont ouvert à Saint-Jean-sur-Richelieu sur le Boulevard du Séminaire Nord, petite ville du Québec située à 50 kilomètres de Montréal. Par la suite, des bureaux ont ouvert à Montréal, au Château St-Ambroise, ancienne usine de textile reconvertie Depuis sa fondation en 1995, Net Communications Inc. avec ses quatre divisions (Netcom, NetOlution, NetSpace, NetAccès) offre des produits et services personnalisés, spécialisés, novateurs et abordables. Pour ce faire, l entreprise compte sur les forces de son personnel qualifié, des équipements en informatique à la fine pointe de la technologie et de leur vaste et solide expertise des nouveaux médias. Net Communications œuvre dans les secteurs du multimédia, de l Internet et de la télévision interactive. Dans ces secteurs, Net Communications œuvre, notamment, en tant que: Concepteur, développeur et intégrateur d applications logicielles Concepteur, développeur, hébergeur et éditeur de sites Web et en télévision interactive Consultant technologique et stratégique Service d hébergement Fournisseur d accès Internet L entreprise compte une vingtaine d employés, répartis sur quatre départements. 4

b) Configuration Cette division permet aux entreprises et aux particuliers d accéder à Internet. Pour cela, plusieurs choix d abonnement s offrent à eux : - ADSL - Câble - Radiofréquence - Satellite NetSpace est la division de Net Communications Inc. offrant plusieurs solutions d'hébergement. La première consiste en un hébergement partagé sur un des serveurs de NetSpace. La seconde consiste à héberger le site sur un serveur dédié. Elle offre une famille complète de solutions créées spécifiquement pour les besoins particuliers des petites et moyennes entreprises. Ces solutions mettent à la disposition de ces entreprises des connaissances et des compétences uniques en termes de technologie de l'informatique. Netcom est l'agence web de Net Communications Inc. Celle-ci oeuvre dans les secteurs du multimédia, de l internet et de la télévision interactive. 5

III Département de travail Pour ma part, j ai travaillé au sein de la division NetCom de l entreprise, cette division est, comme décrit plus haut, l agence de développement web de Net Communications Inc. Dans ses secteurs de travail, Netcom se démarque en partie en tant que : Concepteur, développeur et intégrateur d applications logicielles Concepteur, développeur et éditeur de sites web et en télévision interactive Agence publicitaire Par exemple, en 2012, le site toctoctoc.tv a reçu le prix de l excellence dans la catégorie «le prix des parents» Outre ces différents aspects qui constituent la base de NetCom, ils proposent également des adaptations des sites sous différents supports (Support mobile notamment) mais également du développement d application mobile (Android et IOS ). 6

IV Sujet de stage Durant ce stage, mon projet consiste à modifier et améliorer la base des sites de commerce proposé par NetCom. En effet, le premier gros client de NetCom était Québec Loisir, depuis 1999 il existe donc un énorme code composé de tous les modules pouvant être ajouté à ce projet, que ce soit du point de vue affichage, panneau d administration etc Je dois donc améliorer deux parties de cette base, la première partie est l Arborubriquage. L Arborubriquage est la branche qui permet au client de modifier les sections de son site à son gout (ajout de rubriques, sous-rubriques, type, univers ) le but étant d optimiser les accès à la base de donnée, permettre des ajouts plus simple, ajouter certaines fonctions manquantes, modifier les fonctions défaillantes et améliorer l affichage La deuxième partie est celle appelée Moteur de règles, elle permet au client de rajouter des règles d achat sur son site. Mes outils de travail sont assez multiples : TortoiseSVN pour accéder au code en ligne et partager les modifications avec tout le monde très rapidement. Navicat SQL pour accéder aux différentes tables de la base de données afin de consulter en direct si un ajout à bien été effectué, si la modification marche bien, la suppression également. NetBeans pour visualiser les codes et pour pouvoir coder à l intérieur. Tout au long de mon stage j ai principalement utilisé le java appliqué au web, sois sous la forme de J2EE sois JSP. J ai également dû utiliser du HTML ainsi que du SQL. J ai également aidé sur un ou deux projets en cours de temps en temps, quand la date limite de rendu approchait ou tout simplement lorsque l entreprise avait besoin d un œil différent sur un certain problème. 7

V Abstract My internship subjects consisted into change and ameliorate the base of the electronic shopping websites created by NetCom. The first big client of NetCom was Québec Loisir. Since 1999 it exist a huge code composed of all the methods and parts witch can be added to my subject from the view to the administration panel I have to ameliorate two different parts of this base. The first part is Arborubriquage, it s used by the client to modify the different sections of his website whatever he wants. I had to ameliorate access ti the database and make the adding of different section easier. The second part is called the Moteur de Règles it is used by the client to put some rules of shopping on his site. I used some different software to work. TortoiseSVN to access to the code on the server and share my modifications with everyone in the company. Navicat SQL to access to the different tables of the database in order to consult directly if everything is ok when I try to put something in it. NetBeans to modify the code. During my internship I principaly used the java for web (J2EE and JSP) and HTML and SQL. I helped on one or two projects when the time was running out or just when the company wanted a fresh eye on a problem. 8

VI - Première partie : Arborubriquage a) Introduction L Arborubriquage est une partie de la base des sites de e-commerce de NetCommunications qui fait partie de la partie administration. Le principe est simple, on divise le site en univers, chaque univers représentant un des onglets de la page principale (exemple : films, livres etc ) au sein de chacun de ces univers nous avons des rubriques principales (exemple : films d horreur, livres jeunesse ). Nous avons ensuite des rubriques et des sous-rubriques. Les rubriques sont optionnelles, une rubrique principale ne contient pas forcément de rubriques. Les rubriques sont là pour préciser le type de rubriques principale (Pour les livres de jeunesse par exemple, de 3 à 6 ans, de 6 à 12 ans ). Les sous-rubriques sont en fait les produits du site elles peuvent donc être soit dans une rubrique principale soit dans une rubrique selon le cas. Dans le cadre de mon projet j ai dû améliorer le fonctionnement de l arborubriquage de façon à le rendre plus intuitif et plus pratique pour le client. Voici la page principale de l arborubriquage : 9

b) Affichage et redirection L un des principaux problèmes était que cette base se servait d un site créé aux débuts de l entreprise, Québec Loisirs. Pour les onglets on avait une image préexistante et donc lors de l ajout d un univers, les onglets sur la page restaient exactement les même mais l ajout de l univers avait bien lieu dans la base de donnée. Voici une partie de l image de base : Pour modifier ceci j ai donc dû en premier lieu supprimer le lien entre le site et l image et créer moi-même les onglets en modifiant le fichier jsp de la page d accueil ainsi que le fichier CSS lui correspondant. Voici un exemple du résultat final : J ai gardé un design proche de l ancien mais tout en sachant que le design sera de toute façon modifié en fonction du client. Pour un exemple sur page complète voir annexe 1. (L affichage n est pas optimisé pour un nombre important d onglets mais quand j en ai discuté avec mon superviseur il m a dit que ce n était pas important). Viens ensuite le problème de redirection, erreur facile à corriger car il suffisait de faire les bonnes redirections aux bons endroits (Il a fallu fouiller un peu). Lors de la création d un univers, une fois appuyé sur la touche «sauvegarder» le site redirigeais sur une page blanche. Page de création d univers : 10

c) Amélioration création univers Cette partie de l arborubriquage est celle qui a pris le plus de temps car elle était assez difficile à mettre en œuvre et demandais du temps. Donc j ai réglé le problème de l affichage à la création de l univers, maintenant il fallait que la page correspondant à l onglet soit créée. Pour cela il fallait qu à la création d un univers, 3 fichiers «properties» sois créés ainsi que deux fichier «index.java» et «index.jsp» je devais également modifier l intérieur du fichier «web.xml» pour que les liens soient valides. REMARQUE : Pour des raisons de confidentialités je ne peux mettre aucune ligne de code au sein de mon rapport je vais donc vous expliquer la démarche de réflexion que j ai suivi. A savoir que maintenant à la création d un univers la page correspondante est créée. Donc j ai utilisé des objets files pour créer les dossiers et les fichiers correspondant, cette étape ne posa aucun souci car il suffisait d indiquer le bon chemin et de définir le nom des fichiers. L étape compliquée fut le remplissage, pour ce faire j ai créé deux fichiers textes qui contiennent une partie du texte à insérer dans les fichiers «index.java» et «index.jsp» j ai créé deux classes qui chacune remplissent un des deux fichiers en incluant le nom de l univers aux bons endroits et en récupérant le contenu des fichiers textes. Ce qui fut long et difficile c est qu il fallait tester à chaque étape pour vérifier que le texte inséré était bon. Au final tout marchait très bien. Ensuite le fichier «web.xml», il suffisait de supprimer la ligne qui fermait le fichier, y insérer les 20 lignes de codes en plus nécessaires et refermer le fichier avec la bonne balise. La fin de ce projet consistait à passer le site sur le serveur de développement, j ai eu affaire à plusieurs bugs au niveau de la base de donnée que j ai réussi à régler, ce projet s est terminé d une très bonne façon et à ce jour il fonctionne parfaitement. 11

VII Deuxième partie : Moteur de règles a) Introduction Le moteur de règles fait également partie de cette fameuse base de site de e-commerce de NetCommunications. C est un autre module d administration du site qui est donc là à l usage du client. Le principe est simple, le client peut créer des «règles d achats» pour son site à tout moment. Qu est-ce qu une «règle d achat»? Et c est une règle que le client va créer, lui donner une durée d action et une action précise. Ces règles sont en fait des promotions appliquées selon certains critères. Exemple : le client crée une règle, si un achat est composé du produit A qui vaut 150 et du produit B qui vaut 200 alors on propose une réduction de 50. Plus simple, si une commande dépasse les 200, les frais de ports sont offerts. Le principe est donc simple. Mon projet sur ce moteur de règles consistait à le rendre plus général car il était adapté au site Québec Loisir et il fallait le rendre adapté à un site «basique». Au moment où j écris mon rapport de stage ce projet est en suspend et non fini (suite au départ d un employé j ai dû passer sur un projet plus urgent pour aider mon superviseur, j en parlerais dans ma prochaine partie.) A la fin de mon stage j espère qu il sera fini. 12

b) Amélioration accès BDD Le code que j ai créé a été fait par un ancien stagiaire de la boite, il est propre et fonctionne parfaitement, le seul souci est que les accès à la BDD sont fait directement dans les fichiers jsp qui devraient être réservés uniquement à la création de la page. Ce qui est problématique du coup c est qu il a fallu d abord changer tous les accès fait à la main car la BDD ne correspondait plus et il a fallu tout changer pour le tester. Une fois cela fait, il a fallu optimiser ces fameux fichiers pour que le problème ne se repose pas. En effet dans le projet nous avons un fichier de configuration qui contient toutes les informations nécessaires à la connexion avec la BDD du coup il suffit d utiliser les objets qui ont été créés pour se connecter à la base et le jour où la base change on change uniquement le fichier de configuration. De base, on a des objets crées spécialement pour faire les accès à la BDD, ces objets sont conventionnés NomObjetPeer.java, ces objets utilisent d autres objets nommés NomObjet.java. Le principe est simple, les Peer contiennent des méthodes qui vont faire le lien entre le programme et la BDD, on a des méthodes de suppression, d ajout, de lecture etc On peut en rajouter à volonté (chose que j ai dû faire, j ai en tout rajouté 6 méthodes de lecture particulières dans plusieurs de ces objets). Les objets NomObjet vont eux permettre d utiliser les données récupérées dans le programme avec des méthodes get et set. Faire toutes ces modifications m as pris beaucoup de temps, et durant la période des fêtes beaucoup de jours sont passés à la trappe, c est une fois toutes ces modifications faites que j ai dû passer sur un autre projet. 13

c) Spécifications Cette partie est là pour expliquer ce que l on attend de moi par la suite. Les spécifications du projet m ont été transmises en partie assez récemment et concerne donc les modifications que je dois effectuer. On attend de moi que je crée des types de produits basiques à rajouter dans les règles. Ces objets doivent pouvoir être modifiés aux souhaits par le client et il doit pouvoir en créer selon ses besoins. Je dois modifier l interface pour qu elle soit plus «belle» (Cette partie est en partie terminée). Je dois créer un catalogue qui contiendra les produits crées précédemment. 14

VIII - Participation : ErgoNet ErgoNet est un site développé pour un client de NetCommunications basé sur le modèle de site de e- commerce sur lequel j ai travaillé depuis le début. Alors que je travaillais sur le moteur de règles, un des employés a quitté l entreprise, on m a donc demandé d aider sur ce projet. J ai dû travailler sur un problème en particulier, lors de la validation d une commande, le client est sensé recevoir un mail de confirmation, cependant depuis des récentes modifications le client ne reçois plus le mail de confirmation d achat ce qui pose évidemment un gros problème. Au moment où j écris le rapport, le problème est toujours là et je suis en train de travailler dessus, la difficulté réside dans le fait que le code est très compartimenté et je jongle avec énormément de code qe je dois assimiler en peu de temps. 15

IX - Conclusion Ce stage a vraiment été une expérience unique car non seulement elle m a permis de voyager tout en me fournissant un bon environnement de travail au sein d une entreprise. La découverte de la culture Québécoise fut une réelle surprise, j ai pu découvrir de la musique traditionnelle, la cuisine (Je remercie Lynda qui m as nourri pendant ces trois mois avec des plats tous plus bons les uns que les autres!) C est également un échange, on reçoit et on transmet, on parle de nos expériences avec les employés et la famille, on rencontre des gens, on vit des expériences, on voit de belles villes (Montréal est une ville magnifique!) Grâce à ce stage j ai acquis une expérience du travail en entreprise, en équipe, j ai acquis de nouvelles connaissances et des méthodes de travail plus adaptées au monde de l entreprise, j ai appris à être plus autonome et à parfois devoir me fier à moi-même pour trouver une solution à un problème. En somme, je suis très heureux d avoir vécu cette expérience, je remercie encore le service des RI de l IUT sans qui je ne serais pas parti, je remercie également ma famille et ma petite amie pour le soutien sans faille qu ils m ont apportés durant mon séjour. 16

X - Annexe et Bibliographie Annexe 1 : 17

Bibliographie : http://www.siteduzero.com : Site de tutoriels informatiques http://developpez.net : Site de tutoriels et d aide informatique http://www.stackoverflow.com : Site de questions/réponses http://docs.oracle.com/javase/6/docs/api : Java Doc, description des fonctions du langage http://www.netc.net : Site de l entreprise Logiciels utilisés : https://fr.netbeans.org : NetBeans https://glassfish.java.net/fr : GlassFish http://tortoisesvn.net : TortoiseSVN 18