Compte Rendu de Stage

29 Mai 2017 – 30 Juin 2017

Adrien Lantoine

Page 1/11

Sommaire

- Présentation de l'entreprise

- Infrastructure et équipements de l'entrepriseet

Logiciels et outils utilisés lors du projet

- Le projet Wordpress

- Les différents sites produits

- Apprentissage du modèle MVC ( Modèles Vues Contrôleurs)

- Conclusion

Page 2/11

Présentation de l'entrepriseCleanCode Solution

Présentation :J'ai effectué mon stage chez CleanCode Solution, entreprise de développement informatiqueprésente sur Le Thor, qui est composée de 4 membres, une salarié, une secrétaire et deux développeurs gérants l'entreprise et travaillant en étroite collaboration avec un auto entrepreneur possédant sa propre entreprise dénommée MacItech qui a pour activité la redistribution de produits informatiques de la marque Apple et réparation de tout type de matériel informatique.

Objectif de l'entreprise :L'offre principale de CleanCode Solution et la production de sites internet adaptés au type de clientèle faisant l'objet de la commande. Ainsi l'entreprise propose trois types de sites différents :- Les sites standards généralement pour les particuliers- Les sites professionnels pour les entreprises- Les sites professionnels premium qui sont des sites professionnels produits sur mesure, c'est à dire des sites personnalisés produits avec l'avis, les attentes et les goûts du client.

Page 3/11

Infrastructure et équipements de l'entreprise

L'entreprise CleanCode Solution possède un parc informatique important afin d'atteindre son objectif :

- Les locaux de l'entreprise sont équipés de 8 bureaux

- Chaque bureau est équipé d'un poste de travail informatique et d'un ondulateur individuel afin d'éviter des pannes ou autres problèmes électriques en tout genres.

- Il y a pour l'entreprise les équipements standards comme l'imprimante ou le téléphone.

- Il y a en tout 4 postes de travail constamment connectés par cable sur le réseau de l'entreprise.

Logiciels et outils utiliséslors du projet

Projet de sites WordPress :

- Le système de gestion WordPress.

-Le thème Enfold, qui est l'un des thèmes les plus complet de WordPress. Également un thème payant.

Logiciels et outils utilisés pour le développement MVC :

- Framework PHP Symfony

-Mon tuteur m'a montrer un autre FrameWork qu'il utilise, dénommé phpStorm.

- L'entreprise communique intérieurement et s'échange les données et codes via un logiciel de partage en équipe nommé Slack (fonctionnant comme Skype) .

- Le tuteur travaille également par Git, un framework Php payant comme Symfony, mais en ligne ou il est possible de coder un site en équipe. Chaque membre peut intervenir sur le code, le mettre à jour.

Page 4/11

Les projets de sites WordPress

Le projet principal de mon stage chez CleanCode Solution fut la conception de sites web parWordPress.

Tout d'abord, WordPress est un système de gestion de contenu CMS ( où "containt management system" qui représente une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d'applications multimédia ) permettant de créer son propre site assez facilement.

Fonctionnalités :Tout d'abord grâce à Wordpress, il est possible pour quelqu'un qui ne connait rien à la programmation, de constituer lui même son site, son design et tout les aspects qui l'entoure. Cette conception passe par diverses étapes :- Il faut mettre en ligne sur son site, des thèmes Wordpress. Ces derniers apportent de nombreuses fonctionnalités pour votre site car ils contiennent des packages Php, c'est à dire des morceaux de code Php mais également des packages CSS qui construiront le site web automatiquement une fois le thème installé sur le site, le concepteur viendra seulement modeler à sa guise les éléments du thème pour venir personnaliser les pages de son site.

Le thème que j'ai utilisé pour les sites WordPress fut le thème Enfold, un des plus connus car il offre un ensemble d'outils et des éléments de constructions plus enrichi que la majoritédes autres thèmes disponibles sur WordPress.

Voici l'interface de sélection d'un thème.

Page 5/11

Dans cette interface d'Enfold, on travaille sur chaque page individuelle et on laconstruit avec les éléments mis à disposition comme les colonnes, questionnaires et

autres

Dans l'interface "Enfold" on peut gérer les caractéristiques clés du site, son nom, sonadresse web, le logo du site et son favicon et toute la structure générale du site allant de

l'entête avec le menu général, à la fin de page avec les réseaux sociaux et aides.

Pour mettre en ligne des thèmes WordPress, Nous allons importer des fichiers .zip qui contiennent les thèmes dans un répertoire de WordPress nommé "containt.theme".

Page 6/11

- Une fois le thème installé (dans le cas suivant Enfold), pour guider et faciliter la création des pages, j'ai appris à installer ce que l'on nomme des modèles de pages réalisés via WordPress qui peuvent nous aider à réaliser nos propres pages car il est possible de réutiliser la structure de la page sans aller le modifier dans "Aspect" ou le code lui même, car une interface nous propose de rentrer des lignes de code directement dans le code du sitesi on souhaite surcharger en CSS ou modifier ou produire quelque chose que WordPress ne peut nous proposer. Pour cela il faut les installer via le répertoire de WordPress dédié aux modèles de pages (ex: une page d'acceuil) .

Ici dans les modèles de pages du répertoire "Enfold", on peut choisir le modèlesouhaité et l'appliquer sur sa propore page comme base.

WordPress est à l'origine un outil principalement utilisé pour les blogs ou articles en "TimeLine" contrairement à nos jours ou il est utilisé pour des sites dis en "arborescence" ouen "menu".

Avantages et inconvénients :On peut dire que la force principale de WordPress et que cet outil permet à n'importe qui de faire un site internet sans avoir à connaître la programmation grâce aux thèmes, modèles et autres outils proposés par WordPress car tout est préalablement et automatiquement programmé.Mais l'un des rares inconvénients de WordPress est que sans connaissances en programmation il ne permet de faire que des sites de petite envergure ou peu complexes. Car pour complexifier et personnaliser en profondeur son site il va falloir par exemple modifier une ligne de code ou surcharger en CSS dans le code du site ce qui demande des connaissances à moins qu'un modèle de page n'apporte ce que vous souhaitez.

Page 7/11

Les sites WordPress produits pendant le stage

-

1 . AltitudedigitalAltitudedigital est un site de l'entreprise, qui est surtout un site vitrine, qui présente l'équipe de celle-ci ainsi que les divers services qu'elle propose.

Adresse du site : http://altitudedigital.fr/

2 . DronesmultivisonsDronesmultivisions est le site d'un client producteur de drones divers qui à contacter l'entreprise pour remplacer son ancien site par un nouveau site vitrine montrant son activité, les actualités sur les drones et les photos prises par ces derniers.

Adresse du site : https://www.dronemultivisions.com/

Page 8/11

3. LogicielGRServicesUn site vitrine de MacItech peut expérimenté pour cause d'absence d'éléments qui devaient m'être fournis.

Adresse du site : http://logicielgrservices.fr/

4 . RepcoUn site pour une entreprise spécialisée dans le gaz, énergie et nucléaire montrant le métier, les produits ou encore les fabricants.

Adresse du site : http://repco-ind.com/

Les obligations et contraintes de ces sites : Les obligations imposées et contraintes rencontrées par l'entreprise sur la conception Wordpress furent:- L'utilisation des données communiquées par le client (photo, vidéo, texte) et suivre ses attentes, lui montrer l'avancé du site.- Que ma partie ne consistait qu'à reproduire le modèle que la salarié chargée de l'aspect graphique me fournissait en site WordPress, Je devais faire l'infrastructure du site avant de l'envoyer aux dirigeants qui rendaient ce dernier dynamique.-Que comme expliqué ci dessus, sans les informations communiquées par le client, il était impossible de commencer le site.

Page 9/11

Apprentissage Du Modèle MVC( Modèles Vues Controlleurs)

En parallèle de mon projet qui était les sites WordPress, mon tuteur de stage m'a montré un style de programmation que j'ai brièvement expérimenté, qui est le MVC (où Modèles Vues Contrôleurs ) est un "motif" ou un méthode de programmation consistant à séparer la partie Php d'un code, de sa partie HTML. De nombreux framework Php se base sur cette méthode de programmation pour créer des sites, et le framework utilisé par mon tuteur pour nous enseigner le MVC fut Symfony.

L'orsque j'ai testé le MVC, je l'ai testé sur Wamp, et non Symfony ou un autre framework, car ce dernier est beaucoup plus dur à prendre en main.

Dans le dossier d'un site quelconque, on aura trois dossiers: Vues, Modeles et Controleurs. Chaque page du site internet, possède une vue, un modèle et un controleur. Le dossier Vues regroupent toutes les vues, donc les parties HTML de chaque pages du site (l'interface graphique), et le dossier Modeles regroupent tous les modèles, où parties Php de chaque pages (données dynamiques à afficher).

Par exemple la page Forum aura une vue contenant toute la partie HTML de la page Forum et un modèle contenant tout le Php de la page Forum.

Le dossier Controleurs lui contient les contrôleurs, ou la logique entre la vue et le modèle. C'est à dire qu'on va par exemple dans le contrôleur Forum de la page Forum, mettre en commun le HTML présent dans la vue Forum et le Php présent dans le modèle Forum pour l'afficher à l'internaute. Pour simplifier le controleur affichera dans l'ordre les éléments Php et HTML de la page internet.Ici, on inclue la vue et le modèle dans le contrôleur via un include.

Avantages et inconvénients :- Les avantages du modèle MVC et de son utilisation via un framework tel que Symfony est qu'il permet ainsi de réaliser un site complexe tout en ayant une infrastructure de code simple d'utilsation, le code y est plus productif, plus claire car ce dernier n'est pas entassé à la suite sur une même page mais sur trois pages différentes, ce qui est plus simple pour s'y retrouver en cas d'erreurs, et tout cela facilite grandement la programmation.- En revanche le seul véritable inconvénient du codage par framework basé en MVC, comme Symfony, est qu'il est assez complexe à prendre en main, beaucoup plus que le style de programmation standard.

Page 10/11

Conclusion du stage:

Le stage que j'ai ainsi effectué chez CleanCode Solution fut enrichissant car j'ai pris connaissance de nouvelles techniques de programmation plus simple comme le WordPress qui donne la possibilité à toute personne de produire un site internet, ou même plus complexes et productif comme le MVC qui malgré sa difficulté de compréhension apporte de grandes possibilités de codage et permet une excellente lisibilité de code, et qu'il y a ainsi de nombreuses manières et domaines de programmation. Ce stage me fut également bénéfique en terme d'expérience professionnelle, car j'ai travaillé sur des sites destinés à être vendus et j'ai ainsi vu le milieu de la programmation au sein d'une entreprise et ses finalités. J'y ai donc acquis des connaissances professionnelles très utiles pour mon parcours.

Remerciement à ma filière qui m'a permis de faire ce stage constructif et remerciement à l'entreprise pour m'avoir chaleureusement acceuillis lors de ce mois de Juin 2017.

Page 11/11