Refonte du site web du club
Le club de natation, les nageurs bigoudens, à Pont-l'Abbé recherchait un stagiaire pour l'aider à la refonte de leur site web. Il s'agissait de lui donner une esthétique plus moderne et d'améliorer l'expérience utilisateur.
On ne m'a imposé aucun choix technologique, j'ai alors pris la liberté, et le risque, d'abandonner le site existant basé sur Wordpress pour me lancer dans un projet ambitieux qui allait m'occuper toute l'année, m'apporter beaucoup d'expérience et me donner une base pour mes futurs projets.
Création d'un Système de gestion de contenu
J'ai donc créé un CMS que j'ai déjà installé deux fois: sur l'hébergement OVH des nageurs bigoudens et sur mon propre serveur, il s'agit de mon portfolio, celui-là même que vous êtes actuellement en train de consulter. Il utilise un serveur apache, l'ORM Doctrine, pas mal de requêtes AJAX et quelques bibliothèques javascript (TinyMCE et fullcalendar).
Le site est en ligne: https://nageurs-bigoudens.fr/
L'ancien site est toujours en ligne: https://old.nageurs-bigoudens.fr/
Fonctionnalité
Un utilisateur connecté à accès à des outils s'étoffant avec le temps. Il peut au jour d'aujourd'hui:
- créer ou supprimer une page
- modifier la place d'une page dans le menu, modifier son titre, son adresse, et sa description.
- ajouter un ou plusieurs blocs dans une page, ils sont de type: blog, grille et galerie d'images.
- écrire des articles dans les blocs à l'aide de l'éditeur wysiwyg TinyMCE, il est possible de télécharger des images avec.
- voir le site sur un téléphone, certaines choses sont déjà "responsive"
- le site génère un miniature lors du téléchargement d'une image pour optimiser la bande passante
- ajouter au menu des URL complètes (liens vers l'extérieur) à la place de liens internes.
- modifier son mot de passe
- partir d'une base de données vierge, les entrées indispensables à l'affichage d'une page d'accueil vide sont générée à la première visite
Il pourra bientôt:
- modifier le contenu de l'entête et l'image de fond, le pied de page, le favicon
- utiliser des blocs calendrier et formulaire
- afficher l'image d'orgine au lieu de sa miniature lorsqu'on clique sur une image
- parcourir les galerie d'images à l'aide d'une bibliothèque javascript
- récupérer un article supprimé ou le changer de page (supprimer un article de la page ne le supprime pas de la table article)
- modifier son nom d'utilisateur, utiliser pour ça une adresse e-mail et récupérer un mot de passe perdu
- bénéficier d'une sécurité amélioré utilisants des tokens
- modifier quelques éléments graphiques: thème de couleurs
- ajouter un explorateur de fichiers javascript lié à TinyMCE
Déploiement et maintenance
Le déploiement et la maintenance sont facilités par l'utilisation de Git et de Composer. Le premier permet d'installer le code et de le mettre à jour sur le serveur avec un simple "git pull". Le second gère l'autoloader de PHP et la mise à jour des biblothèques. J'ai rencontrées avec l'hébergeur OVH des nageurs bigoudens qui a la bonne idée de bloquer SSH pour le hébergement "non-pro".