# Mission - Site internet de l'équipe
# Introduction
Au cours du stage ma mission principale a été de réaliser le site internet de l’équipe n°104 : Nanomatériaux et Optique à l’aide du CMS WordPress afin de faciliter la maintenance du site après mon départ. Ce site aura pour but de présenter les chercheurs, les axes de recherche, les projets, les équipements ainsi que toutes les informations relatives à l’équipe à l'international. Concernant la chronologie, ce projet de réaliser un site internet d’équipe était encore en phase de réflexion lors de mon arrivé en stage. En effet, les chercheurs avaient une idée globale du contenu du site, mais ne possédaient pas de maquette afin que je puisse démarrer le développement. Ils m’ont alors donné une liste de sites sur lequel je pouvais me baser afin de commencer le design et l’architecture du site.
Concernant le contenu, il doit y avoir impérativement :
- Une page d’accueil présentant brièvement l’équipe
- Une page « Équipe » avec la liste des chercheurs et les collaborations nationales/internationales
- Une page par chercheurs contenant :
- Des liens vers leurs différents réseaux
- Courte biographie
- Liste de leurs publications scientifiques
- Une page regroupant les équipements scientifiques de l'équipe (galerie photos)
- Des pages concernant les axes de recherche / projets / informations divers
- Une page de contact
Afin de faciliter la maintenance du site après mon départ, j'ai réalisé une documentation utilisateur disponible ici.
# Mise en place de WordPress
Lors des premières semaines, j’ai commencé par installer WordPress localement sur mon ordinateur : WordPress est un Système de Gestion de Contenu (CMS) gratuit, libre et open source écrit en PHP et reposant sur une base de données MySQL. Les fonctionnalités de WordPress lui permettent de créer et de gérer différents types de sites web : site vitrine, site de vente en ligne, site applicatif…
Ce CMS, comme d’autres, se reposent sur des thèmes et extensions à installer afin de faciliter la mise en place du site.
J’ai alors commencé par chercher un thème approprié ainsi qu’une liste d’extensions utiles à son fonctionnement. Une fois le thème ainsi que toutes les extensions installées, j’ai pu migrer le site sur serveur afin de l’héberger temporairement durant ma période de stage afin que les chercheurs puissent voir l’avancer du site en temps réel. En effet, n’ayant pu la nécessité d’avoir accès aux fichiers du site, j’ai donc pu héberger le site et travailler par la suite intégralement depuis le panneau administrateur de WordPress. C’est à ce stade que j’ai commencé par concevoir l’architecture du site, en créant les différentes pages qui seront alimentées dans le futur.
# Création des pages
Afin de pouvoir créer les pages du site, j'ai pris l'initiative d'utiliser une extension dite "Site Builder" qui permet de créer des pages à l'aide d'un système de Drag and Drop de modules HTML : l’extension Elementor propose diverses mises en page ainsi que des modules de toutes sortes (insertion de médias, carte d’équipe, slider)…
Ce choix a été principalement fait afin que l'équipe puisse maintenir très facilement le site après mon départ : aucune notion de programmation est requise.