Formation site web

1. Installation du site web en local..........................................................................................12. Utilisation du back-office et du front-office.......................................................................3

1- Installation du site web en local :

Téléchargez dans un premier temps le logiciel wamp à cette adresse : http://www.wampserver.com/

Installez le logiciel (installation classique).

Une fois installé, placez le site web (foot_usmef) dans le répertoire :

Ordinateur/Disque Local (C:)/Wamp/www

Une fois que le site web se trouve dans www de wamp, nous allons installer la base de données qui se nomme : usmeffoo_db.sqlDans un premier temps lançons wampServer :

Wamp se lancera dans votre barre de menu en bas à droite de votre écran, effectuons un clique gauche sur l’icône wamp, un menu déroulant s'ouvre présentant différentes options. Les deux qui nous intéresserons seront localhost et phpMyAdmin

1

Pour installer la base de données, nous lancerons PhpMyAdmin, cliquons dessus. Une fenêtre de notre navigateur par défaut s’ouvre :

Pour utiliser notre base de données, nous allons l’importe grâce à l’onglet « Importer » de PhpMyAdmin, nous irons chercher notre base de données existante dans C:/Wamp/www/foot_usme/basededonnées/ foot_usmef_db.sql

2

Il nous reste plus qu’à cliquer sur le bouton « Exécuter » afin de l’installer, si l’importation réussie, la base de données se trouvera à gauche de notre écran (voir l’image ci-dessus).Voilà notre base de données est installée nous pouvons désormais utiliser notre site web en local.

2- Utilisation du back-office et du front-office :

Pour utiliser le site web, recliquons sur notre icône wamp en base à droite et choisissons localhost.Une page comme l’image ci-dessous s’affiche :

Cliquons sur foot_usmef :

3

La page d’accueil du site s’ouvre, on se trouve donc du côté visiteur (front-office). On peut donc consulter les résultats, les seniors, les jeunes, l’école de foot (dans le header = l’en-tête) mais aussi la présentation du club, l’historique et palmares, le conseil d’administration, l’organisation technique, les coordonnées… dans le menu-latéral. Si l’on souhaite passer côté administrateur (back-office), une petite barre est cachée au dessus du logo de l’USMEF :

Il faut donc rentre comme identifiant et mot de passe :

Login : admin Mot de passe : 376a51f4ff1665388c7400009eae8565

Si la connexion réussie, on se retrouve sur une page avec un aspect différent :

4

On est donc du côté administrateur, qui permet de gérer les joueurs, les personnes, les équipes, les matchs… cliquons aléatoirement sur équipes :

Le petit permet l’ajout d’une nouvelle équipe, le petit la modification et la poubelle sert à supprimer l’équipe. Si l’on clique sur le une nouvelle fenêtre s’ouvre :

On peut donc ici sélectionner le type de championnat, la catégorie et donner le nom de l’équipe. L’écran de modification est semblable à celui de l’ajout.

5