Vous avez déjà réalisé un TP similaire en mode “guidé” par le passé ; aujourd’hui, je vous propose de le refaire**, mais en étant complètement libre de mener le projet comme bon vous semble**.

Voici le cahier des charges du projet :

Vous allez proposer la refonte d’un site associatif parmi ceux proposés ici :

• https://uscailly.footeo.com/
• http://www.canoekayakrouen.fr/
• https://www.csr-plongee.com/
• https://club.fft.fr/asptt.rouen.tennis/
• http://www.ecuries-lefebvre.fr/
• https://escapade-rando.asso-web.com/

Le site a pour but de présenter l’association sportive, ses activités, ses événements, ses membres et d’offrir un moyen de contact pour les personnes intéressées.

Architecture du site

Voici une vue d’ensemble de l’arborescence “type” d’un site associatif. Bien sûr, les contenus peuvent varier d’un site à l’autre (tout dépend de l’objet de l’association !)

Détails du contenu de chaque partie du site :

a. Accueil :

• Un diaporama avec des photos représentatives de l’association (entraînements, compétitions, événements…)
  • Tip : pensez à épingler un article pour le faire ressortir en 1er dans la liste 😉
• Une brève description de l’association
  • Tip : Elle peut apparaitre dans la partie latérale du site…
• Les dernières actualités ou événements à venir
• Liens vers les réseaux sociaux de l’association
  • Tip : Ces liens peuvent apparaitre en bas de page sur l’ensemble du site

b. À propos :

• Historique de l’association
• Mission et vision
• Liste des membres du bureau et leurs rôles

c. Activités :

• Description des différentes activités proposées par l’association (entraînements, cours, stages…)
• Horaires et lieux des activités
• Tarifs et modalités d’inscription

d. Événements :

• Calendrier des événements à venir (compétitions, stages, sorties…)
  • Cherchez et testez des plugins comme “Event manager”, “event calendar”…
• Galerie photos des événements passés
  • Il peut ne s’agir que d’un lien vers une galerie
• Informations pratiques pour chaque événement (date, lieu, tarif, programme…)

e. Galerie :

• Photos et vidéos des entraînements, compétitions, événements…
• Possibilité de trier par catégorie (entraînements, compétitions, événements…)

f. Contact :

• Formulaire de contact pour les questions générales
• Coordonnées de l’association (adresse, téléphone, email…)
• Plan d’accès avec une carte interactive

// Les pages suivantes sont optionnelles

g. Espace membres :

• Actualités internes à l’association
• Documents à télécharger (compte-rendus de réunions, formulaires d’inscription, etc…)
• (Optionnel) Intégration d’un forum ou espace d’échange entre membres

h. Partenaires/Sponsors :

• Présentation des partenaires et sponsors de l’association
• Liens vers leurs sites web
• Informations sur comment devenir partenaire ou sponsor

Consignes / Conseils

• Vous avez la possibilité d’utiliser 3 types de thèmes :
  • Niveau 1 – le plus simple. Garder le thème “Lovecraft” proposé dans le tutoriel guidé, qui est volontairement limité en termes de personnalisation mais qui vous permet de vous concentrer sur l’essentiel (les contenus + fonctionnalités additionnelles)
  • Niveau 2 – Difficulté intermédiaire. Utiliser le thème “Astra”, qui vous offre la possibilité d’aller plus loin en matière de personnalisation graphique (me demander si vous voulez la version “pro”).
  • Niveau 3 – Difficile. Utiliser Elementor pour tout créer de A à Z par vous-même (me demander si vous voulez la version “pro”)

Vous avez le droit d’utiliser ChatGPT pour vous aider à trouver des plugins et/ou thèmes adaptés à vos besoins, ainsi que pour remplir le site !