DBM Web Design

Installer un espace membre sur votre site avec PHP

Les échanges entre visiteurs d'un meme site sont toujours très appréciés des internautes. Pour ce faire, voici un ensemble de script qui vous permettrons d'intégrer à votre site Internet un espace membre.

telecharger les fichiers sources
plus d'images

Fonctionnalités

Générales :

• Interface d'inscription avec vérification des doublons "identifiant" et "adresse e-mail"
• Interface de connexion avec anti-spam captcha
• Récupération de mot de passe par e-mail

Membre :

• choix du design de l'interface personnelle
• Définition du profil du membre avec possibilité de masquer certaines informations (mail, facebook, ...), d'activer ou non la messagerie privée, choix d'avatar (946 au choix) et modification du password de connexion
• Messagerie privée incluant l'envoi, reception et archivage des messages, choix du destinataire par liste déroulante et prise en charge des smiley dans vos messages

Supplémentaires pour l'administrateur :

• Mise à disposition d'un fichier d'aide pour le création manuelle d'une page membre et informations sur les licenses
• Définition du mode d'activation des membres
• Messagerie privée incluant l'envoi de messages à l'ensemble des membres
• gestion des privilèges membres (passer en modérateur), bannir un membre

Installation

L'installation de ce module sur votre site Web est simple, il vous suffit juste de suivre ces étapes dns le bon ordre et évidemment de réécrire les chemins d'exemple en fonction de votre configuration finale.

Commencez par télécharger l'archive contenant les fichiers sources de ce module à l'aide du bouton présent en début de page.
L'archive contient l'ensemble des fichiers nécessaires, y compris les images "avatar" (environ 56 Mo).

Pour ce tuto, la démonstration est effectuée en local à l'aide de Wamp server, pensez à ajuster vos url lors de l'installation en ligne

Etape 1

Commencer par créer une base de données qui vous permettra d'enregistrer l'ensemble des informations relatives aux membres inscrits à l'aide de ce module (identifiant, password, informations de profil, ...). Pour l'exemple, cette base est nommée "memberspacev3 ". La présentation étant effectuée en local, aucun mot de passe n'est requis, mais n'oubliez pas de saisir le votre lors de l'étape d'installation.

Si vous n'êtes pas habitués de la création de base de données, voyez auprès de votre hébergeur la mise en place de celle-ci et notez précieusement les informations requises, à savoir l'url de votre serveur MySQL, votre Login MySQL, votre mot de passe MySQL et le nom de votre base de données.

Etape 2 : Intégration dans l'arborescence de votre site

Décompressez l'archive et copier l'ensemble des fichiers/dossiers contenus dans le dossier "espace_membre_v3 " dans le dossier destiné à accueillir votre module d'espace membre. Pour cet exemple, j'ai laissé les fichiers dans le dossier d'origine et placé celui-ci dans le dossier "www " de Wamp.
Notez l'url d'accès au dossier dans lequel vous aurez placé ces fichiers/dossiers, elle vous sera demandé lors de l'installation du module.

Etape 3 : connexion à la base de donnée

Uploadez votre dossier sur votre serveur et connectez vous à l'interface de première configuration.
Pour y accéder, ouvrez votre navigateur Web et saisissez, dans la barre d'adresse, une url qui doit ressembler à ça : http://www.monsite.fr/espace_membre_v3/index.php.
A vous d'adapter cette url en fonction de votre arborescence de site sachant que nous recherchons ici à accéder au dossier "index.php" de premier plan dans l'arborescence des fichiers.

Une fois sur cette page, vous allez pouvoir saisir les données préparées lors de l'étape 1, comme illustrée ci-dessous :

Ces informations saisies, vous pouvez validez.
Si vous avez omis un champ, un message d'alerte vous sera affiché. Retournez à la page précédente et veillez à bien remplir tous les champs.

Si vos informations ont bien été saisie et la connexion à votre base de donnée réussi, un message de confirmation s'affichera et vous pourrez passer à l'étape suivante :

Puis un récapitulatif d'installation des tables MySQL vous confirmera la bonne création de l'ensemble des tables requises pour ce module :

Etape 4 : configuration des données administrateur

Vous voici maintenant devant le formulaire qui vous permettra d'établir vos identifiants de connexion en tant qu'administrateur de cet espace membre :

A vous de définir votre nom, prénom, identifiant, ..., cette étape reste très simple.

Une fois vos informations saisies, validez. Un nouvel écran de confirmation se présentera à vous pour vous informer de la bonne création de votre espace et privilège administrateur.

Détruisez le fichier d'installation à l'aide du bouton prévu à cet effet.

Et voilà, votre module d'espace membre est créé et fonctionnel ! Vous voyez, c'était plutôt simple. Vous n'avez maintenant plus qu'à vous connecter pour accéder à votre espace et définir vos différentes informations de profil, choisir un avatar, consulter la liste des membres, ...

Etape 5 : finalisation

Il ne vous reste plus maintenant qu'à placer à l'endroit voulu et sur les pages souhaitées un lien permettant d'accéder au fichier "index.php", celui sur lequel nous nous sommes connecté lors de l'étape 3, afin de permettre à vos visiteurs de s'inscrire ou se connecter à cet espace membre et pouvoir ainsi définir les informations les concernants, gérer leur visibilité par les autres membres, échanger des messages, ...

Si vous en sentez capable, et je n'en doute pas, vous pouvez modifier le design de ce module en modifiant les règles des fichiers CSS et l'écriture "echo ('...')" dau balisage HTML intégré dans les différents fichiers PHP.