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