Rapport De Stage 28 mai au 27 juin Intégration Web Création de site vitrine (SGC)

Transcription

1 Rapport De Stage 28 mai au 27 juin 2013 Intégration Web Création de site vitrine (SGC) LOGANATHAN Teboral Etudiante en 2ème 20 rue de Jaigny Montmorency année de BTS SIO PASTOR Pascal Gérant 200 chaussée Jules César Beauchamp

2 Remerciement Je tiens à remercier et à exprimer ma gratitude envers toutes les personnes qui m ont permis d effectuer ce stage dans de bonnes conditions : L équipe pédagogique du lycée Jean Jacques Rousseau de Montmorency qui m a encadré tout au long de ma 1ère année de formation ; Monsieur Pastor Pascal, gérant de Référencement-Day, qui m a accueilli au sein de son agence et qui m a permis de participer à l activité informatique de la société ; Monsieur Lima Antony, freelance et développeur de site web, qui m a accompagné durant le stage et qui m a accordé toute sa confiance pour effectuer les différents projets ; Ainsi qu à l ensemble de l équipe qui m ont soutenu, accueilli sympathiquement et pour leur coopération professionnelle tout au long de mon stage.

3 Sommaire 1. Présentation de l entreprise Projet a. Création d un site internet b. Création de sites vitrines Conclusion... 8

4 1.Présentation de l'entreprise : L'agence dans laquelle j'ai effectuée mon stage se nomme Référencement-Day, elle est située au 200 chaussée Jules César, Beauchamp. Son activité principale est la création et référencement de sites internet. C'est une société de prestation de services. C'est est une Société A Responsabilité Limitée (SARL)crée en 2010, et donc une très petite entreprise qui se compose d'un seul gérant indépendant (entrepreneur/freelance1) sur un marché B to B, elle intervient au niveau international. Son capital est de Son chiffre d'affaire en 2012 s'élevait à Le SI est géré par le gérant de la société ainsi que par l'administrateur système et réseau polyvalent car la personne s'occuper aussi de coder les sites Internet puis les mettait en ligne. Référencement-day.com est propriétaire d OVH qui est un système d'hébergement de site internet, applications... Référencement-day est un acteur majeur dans le développement durable. Elle ne souhaite pas communiquer davantage les chiffres, l'historique et les détails concernant l'agence.cependant, elle vous redirige sur afin d'avoir des informations. 1 freelance : Personne qui vend ses services à un employeur sans contrat à long-terme.

5 2. Projet a. Création d un site internet : Durant mon stage, un partenaire de l'entreprise nous a demandé de créer son site web. Le partenaire est un traiteur de gros événement pour les professionnels et les particuliers qui souhaite mettre en ligne les différents menus qu'il propose à ses clients avec leurs prix. Pour cela, je suis chargée de créer ce site web avec son catalogue qu'il nous impose à travers un fichier.pdf. Ce site sera créé en HTML/CSS5. Pour ce faire, j ai utilisé les supports suivant : PhotoShop CS6 : pour les découpes images InDesign CS6 : pour déterminer les polices DreamVeawer CS6 : pour éditer le site web en HTML et CSS. FireFox Un site de téléchargement de fonts est à ma disposition pour vérifier l'exactitude de la police utilisée. Ce site permet également de générer du jquery.js (du code javascript) pour l intégrer au code html. Code HTML (sommaire):

6 Maquette du site à créer : Ce site dois permettre la visualisation des différents menus dans le sommaire. Lors du click sur un menu celui ci dirigera le client sur une nouvelle page qui décrit le menu. Ce projet à durée une semaine et m'a permis d'utiliser le connaissances acquis en cours. Le travail a été satisfaisant au vu du tuteur.

7 b. Création des sites vitrines L agence Référencement day est en partenariat avec une entreprise de conception et d installation panneau solaire. Cette entreprise Elyor Energy a un site internet qui sera la base pour la création des sites vitrines. En effet, afin de rediriger tout les internautes sur le site, l agence a référencé des sites portant des mot clés qui pourrait référer à l activité d Elyor Energy. Pour ce faire, plusieurs.psd (maquette sous photoshop) de site installateur est imposée. Les supports utilisés: FileZilla qui va permettre la connexion au serveur Photoshop pour les découpes images WordPress : un systèmes de gestion de contenu qui permet de créer un site. DreamWeawer : pour apporter les modifications dans le code généré par WordPress Afin d avoir une connexion avec la base de donnée et le back-office de WordPress, une configuration sera effectuée dans le fichier wpconfig. On définit alors le nom de la base de donnée, de l utilisateur ainsi que le mot de passe. Ensuite, le fichier du site sera renommé par le nom du site et dans la feuille de style (CSS). Une fois toute les modifications effectuées, le fichier WordPress contenant le site sera envoyé au serveur sur le www. Enfin, le thème du site sera activé sur WordPress. Le contenu sera modifié dans le backoffice (texte, image, page ) et le style sera modifié dans le document css. FileZilla (connexion au serveur) :

8 Fichier configuration(wpconfig.php) :

9 WordPress : Exemple de maquette pour un installateur : Ces sites seront ensuite référencés par Google Analytics et Webmaster.

10 L agence est aussi partenaire avec un installateur de limiteur sonore qui à également un site. Il souhaite créer un nouveau site sur backoffice nommé bonobo. Le principe sera le même que pour les sites précédents. Maquette pour l'installateur de limiteur sonore : Sur tout ces sites d installateur, un pluggins de rappel pour les clients était à coder, c est à dire, l internaute qui souhaite être rappeler sur son numéro avait la possibilité de laisser ses coordonnées dans la partie callback du site. Ainsi l agence reçoit un mail avec les coordonnées du client et celui ci et immédiatement rappeler.

11 Code callback(callback.php) : Ces sites étaient réalisés en une voire deux journée et ont étaient très rapidement mis en ligne après le contrôle et les corrections des textes apportées au niveau du contenu.

12 3. Conclusion Ce stage m a donné l'opportunité de découvrir les différents postes d une agence de référencement et d avoir un aperçu de son fonctionnement. Cela m a également permis de développé mon sens relationnel et d être dans une situation professionnelle réelle. De plus, j ai pu mettre en œuvre mes connaissances théoriques acquises en cours au travers des différents projets. J ai appris de nouvelle méthode pour obtenir un site grâce à des systèmes de gestions de contenus, et par la suite de les mettre en ligne. Cette expérience professionnelle était enrichissante et m a permis d obtenir une compétence en HTML/CSS et en back-office.