CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 RAPPORT DE STAGE Rapport de stage Mauffray thomas Page 1 Version : 1.0
Sommaire I. Introduction... 3 I.1. Objet du document... 3 II. Contexte et Expression des besoins... 3 II.1. Présentation de la Société et du contexte humain et fonctionnel... 3 II.2. Présentation du stage et de ses spécificités... 3 II.2.1. Présentation générale... 4 II.2.2. Présentation détaillée... 4 III. Mise En Place, Réalisation et Perspectives... 6 III.1. La réalisation... 6 III.1.1. Compte rendu des méthodes... 6 III.2. Le reste à faire et les évolutions possibles... 7 III.2.1. Reste à Faire... 7 III.2.2. Perspectives d évolution... 7 IV. Conclusion... 7 V. Annexe... 8 Page 2
I. Introduction I.1. Objet du document Le rapport de stage est un document qui : - définit les besoins de l utilisateur en termes de fonctionnalités et précise les exigences et les contraintes associées (le besoin), - comporte des références en avant sur la solution ainsi que les spécifications fonctionnelles (le cahier des charges), - rend compte de la réalisation et des méthodes utilisées pour atteindre les objectifs fixés. D où le plan en deux parties de ce document. II. Contexte et Expression des besoins II.1. Présentation de la Société et du contexte humain et fonctionnel NiceWeb est une entreprise qui propose ses services à des entreprises pour l installation et le dépannage de réseau, routeur, de serveur, poste de travail,. Elle gère aussi la téléphonie IP pour TPE et PME. La création, l hébergement et la gestion de site web, stockage de données ainsi que création de diverses applications web. Le directeur, Mr Michel PAULY, se rend dans les entreprises afin d effectuer divers taches de maintenance informatique dans les sociétés telles que l installation de serveur. Il gère aussi l hébergement de site internet. Il peut être aidé par Mr Cyril PIAT qui gère notamment l installation ou la réparation de postes de travail Mme Anne SERGENT est l assistance de direction. Elle s occupe de la relation client ainsi que du planning des employés. Mr Philippe HUILLIER, crée des sites internet mais peut aussi s occuper de la mise à jour de site comme le référencement naturel, la création de pages, Cependant, par manque de temps, certaines demandes sont en attente. Cela m a permis de procéder à la création du site pour la société Approcom, dans le cadre de mon stage. Le siège de l entreprise est situé à Nice, au 2bis rue de la bruyère. II.2. Présentation du stage et de ses spécificités Approcom est une société de vente de produits informatiques tel que ; des PABX, baies 19 pouces, Leur site étant ancien, ils souhaitaient le renouveler afin d afficher entièrement tous les services d Approcom, comme les produits ou les formations. Page 3
II.2.1. Présentation générale Cahier des charges pour le site: Une page «produits» ou tous les produits sont triés selon la catégorie parente Une page «formation», qui listera toutes les formations proposées par Approcom Une page «service», avec le numéro de la hotline, du SAV,. Ainsi que la liste des partenaires selon la région Une page «actualité», ou toutes les actualités d Approcom sont listées, cela pouvant- être une invitation Une page «notre société». Une page «contact.» II.2.2. Présentation détaillée Pour la page nos produits, une liste des catégories de produits est affichée, lorsque l on clique sur une catégorie, on accède aux sous-catégories, ensuite la liste des produits de la sous-catégorie, ainsi que le détail du produit. Ce détail est composé d une image du produit, du descriptif, et optionnellement d une doc en PDF. La page formation, comme pour actualité, est en format de type blog. La liste des articles de la catégorie est affichée. Lorsque l on clique sur lire la suite, on voit le détail complet. Pour une formation, on verra un descriptif de la formation, la liste des horaires, un agenda Google ainsi qu un formulaire d inscription Pour une actualité, on aura aussi affiché un texte descriptif, éventuellement le lieu, le téléphone, ainsi qu un formulaire d inscription. Pour la page service. On découvre une carte interactive de la France, ou au passage de la souris, le nom du département est affiché. Lorsque l on cliquera dessus, la liste des partenaires dans la région d Approcom est affichée. Pour la page notre société. Un article donne l historique d Approcom, ses services, sa prestation, Pour la page contact. On verra affiché une page avec l adresse de la société, un formulaire de contact, un numéro de téléphone,. II.2.2.1. Besoin Utilisateur Lorsqu un utilisateur va sur le site, il peut découvrir la lise des produits triés par catégorie. Un menu contenant les liens vers les catégories est à gauche de la page permettant une facilité de navigation. Pour les formations, comme pour les actualités, une liste de toutes les formations est affichée. En cliquant sur lire la suite, un détail complet de l article est affiché. Pour s inscrire, il faut remplir le formulaire en bas de l article. Quant aux services, la carte est facile d utilisation. La mise en page est claire. Si l utilisateur a besoin de contacter l entreprise, la page contact est dans le menu haut, et facile d accès. Page 4
II.2.2.2. Besoin Informatique Le principe du site est qu un gestionnaire d Approcom puisse ajouter de nouveaux produits, formations, actualités ou partenaires. Pour les partenaires, une mise en page par défaut est affichée. Il suffira au gestionnaire du site de copier l article par défaut et de remplir les champs du tableau par l éditeur de Joomla! Pour les autres ajouts. J ai eu l idée de mettre en place un module d aide à la création d articles. Il permettra de générer un code en HTML en fonction des champs remplis. Ce code et ces champs étant propres à Approcom. Une fois les champs remplis, une zone affiche le résultat des champs remplis (texte, images, PDF, afficher un formulaire, ). Ainsi que le code en html des champs demandés. Il suffit de copier-coller ce code dans Joomla! Et un nouvel article est créé. Quant aux autres pages. Elles sont fixes. Il n y a seulement que le texte a modifié et l éditeur de Joomla s occupe de ça. II.2.2.3. Besoin Technique Afin de pouvoir tester le site sur tous les navigateurs, le site devait être mis sur un serveur apache. Pour la gestion de base de données, Joomla! se charge de la gérer. Afin de mettre, une connaissance en html, CSS est demandé. J ai aussi utilisé du PHP afin de : -créer le module de création d articles -Modifier les fichiers système Joomla (module, plugin, administration, ) -gérer l envoie de mail de formulaire II.2.2.4. Cas d utilisations Approcom est une société dont les services sont principalement pour les professionnels. Cependant, certains particuliers peuvent demander leurs services. Page 5
III. Mise En Place, Réalisation et Perspectives III.1. La réalisation III.1.1. Compte rendu des méthodes Pour réaliser le projet. Une charte graphique a été mise en place par Philippe, ainsi qu un cahier des charges de l entreprise. Nous avons fait plusieurs réunions avec l équipe. Une fois que la structure a été faite, Le premier jour j ai lu une documentation sur Joomla 1.5 ainsi que des tuto sur Joomla 1.6, ainsi que les plaquettes graphiques. Le lendemain J ai recherché un Template pour Joomla 1.6 et compatible 1.7. En effet, la version 1.7 allait sortir pendant que j étais en stage. Et il n y a aucun intérêt à tout recommencer. Une fois fini, j ai installé un serveur local en attendant le serveur en ligne. Dans la semaine, j ai mis en place le Template trouvé, en accord avec Philippe, ainsi que la structure. Après une première réunion avec Michel et Philippe, j ai mis un code captcha pour les inscriptions, J ai modifié le Template selon les plaquettes, mise en place dans la zone de gauche un menu dynamique, mise en place un module de sauvegarde, ainsi que des premières pages de contact. Pour les PDF, une lightbox l affichera afin que l on reste sur la page. La semaine suivante, j ai voulu mettre en place mon module d aide à la création d article. Pour y entrer, un mot de passe est demandé. J ai mis en place la page d accueil, et chaque formulaire possède son fichier de vérification ainsi que le code qu il retourne. Pour le mettre en place, j ai dû rechercher des tutoriels sur internet Une fois que le module était près, j ai affiché un résume des champs entré ainsi que le code. J ai créé un dossier pour les PDF. J ai ensuite ajouté une carte Google map dans la page contact et modifier le Template afin de faire une première présentation à Approcom. Anne est allée leur présenter le site avec le serveur local sur son pc portable. Le lendemain, nous avons fait une réunion sur les impressions du directeur d Approcom. J ai mis en place la page enregistrements vocaux avec des fichiers son de test selon la demande du client, j ai fait la partie graphique du module. Pour la page nouvelle formation, un champ qui modifie les cases en fonction du nombre de jours, un calendrier pour les dates, j ai finalisé les articles. Quand je suis rentré de vacances, Philippe a voulu modifier le Template du site, je l ai modifié et rectifier d éventuels bugs du Template, mis en place le copyright. Ensuite, Michel a installé le serveur apache. Le nom du site en ligne est test.appo-com.com J ai pu effectuer les tests des navigateurs, effectuer les modifications nécessaires j ai ensuite mis en place le serveur d envoi du mail, tester les uploads des fichiers depuis le formulaire. J ai finalisé le site le reste de mon stage, en modifiant la mise en page, en ajoutant une carte à la page service, en faisant moi-même les formulaires d inscriptions et de contact avec mon propre fichier envoie de mail en PHP. J ai mis en place une newsletter avec un Template par défaut Page 6
On a enlevé les inscriptions, cela n intéressait pas Approcom. Afin d aider le gestionnaire d Approcom, j ai mis en place une doc utilisateur que j ai complétée vers la fin de mon stage. Elle inclut aussi des modifications pour NiceWeb. III.2. Le reste à faire et les évolutions possibles III.2.1. Reste à Faire Il reste à remplir complètement le site, mais avec le module et la doc, le gestionnaire d Approcom n aura pas de grandes difficultés. Il restera ensuite a changé l adresse du site, à effectuer un référencement naturel. III.2.2. Perspectives d évolution Afin d améliorer le site, un panier serait intéressant, ainsi que la remise en place du gestionnaire d inscription. IV. Conclusion Le stage a été une grande expérience pour moi. J ai découvert le monde du travail dans une entreprise. Cela me permet de savoir comment évolue une PME de nos jours. Quant au niveau informatique, j ai assimilé les techniques pour créer complètement un site internet, ainsi que le langage PHP. J ai pleinement participé à la création du site internet. De la création de la charte graphique a la finalisation. Page 7
V. Annexe L accueil du module Le site en version finale Page 8