[GRAND TUTO][R63] CRÉER TRÈS FACILEMENT UN RETRO r63 ! [#][DÉTAILLÉ]

Bonjour, bonsoir la communauté,
Aujourd'hui je vais vous apprendre à créer un rétro-serveur Habbo en version 63 ! Ne vous fiez pas à la grande taille de ce tutoriel, j'ai pris mon temps à tout détailler vous que vous ne rencontriez le moindre problème. Selon votre expérience, le temps de création du rétro peut varier de 5 à 20 minutes ;]
Le Bigael Développement est un grand repack contenant un tutoriel, un mysql conector, un CMS et un Émulateur et une Base de Données.
Pour installer correctement votre rétro avec BigaDEV, merci de bien suivre ces instructions :


Xx× Matériel Requis ×xX
• Xampp - http://www.01net.com/telecharger/windows...31487.html
• Hamachi - http://www.clubic.com/lancer-le-telechar...machi.html (si vous êtes en local)
• BigaDEV v2.7 - http://www.megaupload.com/?d=G1PUK4MC
• .NET Framework 4.0 - http://www.01net.com/telecharger/windows...00086.html
• MySql CONECTOR - donné dans le repack
• FireZilla - http://www.01net.com/telecharger/windows...17966.html

Xx× SOMMAIRE ×xX
• I/ - Installations préalables
• II/ - Installation de la base de données
• III/ - Configuration du CMS
• IV/ - Configuration de l'émulateur
• V/ - Screenshots du BigaDEV terminé et lien test
• VI/ - Héberger votre rétro sur le net (No-Hamachi)




I/- Installations préalables

Tout d'abord, avant de commencer quoi que ce soit, vous devrez installer .NET Framewok 4.0 ainsi que le MySql Conector donné dans le repack BigaDEV et installer Notepad++

A) - Installer Xammp

1°) Téléchargez Xampp et exécutez-le.
Pour l'installer correctement, suivez ces Screenshots :
- 1 : https://nsm05.casimages.com/img/2011/03/0...773861.jpg
- 2 : https://nsm05.casimages.com/img/2011/03/0...773890.jpg
- 3 : https://nsm05.casimages.com/img/2011/03/0...773945.jpg
- 4 : https://nsm05.casimages.com/img/2011/03/0...773945.jpg
- 5 : https://nsm05.casimages.com/img/2011/03/0...773979.jpg
- 6 La fenêtre noire va se fermer. Ouvrez Xampp Contre Panel et faites comme il est indiqué sur l'image :
- https://nsm05.casimages.com/img/2011/03/0...774098.jpg
Voilà, Xampp est à présent correctement installé.

2°) Une fois Xammp installé, allez sur http://localhost/ et choisissez "Français".
- https://nsm05.casimages.com/img/2011/03/0...774010.jpg

3°) Allez sur http://localhost/security/xamppsecurity.php et remplissez les champs comme indiqué dans l'image :
- https://nsm05.casimages.com/img/2011/03/0...774151.jpg

5°) Il nous reste un petit détail pour en finir avec Xampp.
Dans le logiciel Xampp Control Panel, cliquez sur "Explore".
- https://nsm05.casimages.com/img/2011/03/0...774224.jpg
Cliquez sur le dossier nommé htdocs puis supprimez tout son contenu.
- https://nsm05.casimages.com/img/2011/03/0...774256.jpg
Voilà, nous en avons finis avec Xammp !

B) - Installer Hamachi

1°) Téléchargez Hamachi et installez-le. (Le logiciel est en français donc c'est rapide)
2°) Une fois Hamachi installé, lancez-le puis cliquez sur "Réseau" ensuite sur "Créer un réseau..."
- https://nsm05.casimages.com/img/2011/03/0...774321.jpg
Une fenêtre de création de réseau va s'ouvrir. Remplissez les champs comme indiqué dans l'image ci-dessous.
- https://nsm05.casimages.com/img/2011/03/0...774378.jpg
Voilà, votre réseau Hamachi est correctement créé et vous disposez d'une adresse IP Hamachi.




II/ - Installation de la base de données

1°) Rendez vous dans votre phpmyadmin.
/!\ Remarque: Si vous êtes en local (c'est à dire si le rétro est uniquement sur votre ordinateur ou en réseau Hamachi) allez sur http://localhost/phpmyadmin /!\

2°) Connectez-vous avec vos identifiants PhpMyAdmin.
/!\ Remarque: Si vous êtes en local, votre nom d'utilisateur est "root" et votre mot de passe est celui que vous avez entré lors de l'installation (au ttp://localhost/security/xamppsecurity.php) /!\
- https://nsm05.casimages.com/img/2011/03/0...774488.jpg

3°) Créez-vous votre base de donnée, pour cela inscrivez le nom que vous souhaité donner à votre DB dans les champs "Créer une base de données"
- https://nsm05.casimages.com/img/2011/03/0...774547.jpg

4°) Une fois votre base de donnée créée, cliquez dessus, puis cliquez sur "Importer".
- https://nsm05.casimages.com/img/2011/03/0...774595.jpg

5°) Dans la section "Importer" cliquez sur "Choisissez un ficher" pour importer votre base de donnée.
- https://nsm05.casimages.com/img/2011/03/0...774619.jpg

6°) Une fenêtre va s'ouvrir.
Cliquez sur le ficher "BigaDB.sql" qui se situe dans le dossier "DATABASE" du repack.
Terminez en cliquant sur "Ouvrir" et pour finir cliquez sur "Executer".
- https://nsm05.casimages.com/img/2011/03/0...774657.jpg

Patientez un peu, puis voilà ! Votre base de données est importée avec succès !




III/ - Configuration du CMS

1°) Ouvrez votre dossier CMS (donné dans le repack) et copiez tout son contenu.
- https://nsm05.casimages.com/img/2011/03/0...774783.jpg
Ensuite retournez dans votre dossier htdocs (dans Xampp) et collez tout ce que vous avez copié.
- https://nsm05.casimages.com/img/2011/03/0...774823.jpg
Enfin, toujours dans votre htdocs, ouvrez le dossier inc, puis ouvrez le ficher class.db.mysql.php avec Notepad++
- https://nsm05.casimages.com/img/2011/03/0...774846.jpg
Modifiez-le comme ceci :
Remplacez "HOST" par votre hébergeur. Si vous êtes en local c'est à dire que votre rétro uniquement sur votre ordinateur ou en réseau Hamachi, écrivez "localhost".
Remplacez "NOM D'UTILISATEUR" par le nom d'utilisateur de votre phpmyadmin. Si vous êtes en local, écrivez "root".
Remplacez "MOT DE PASSE PHPMYADMIN" par le mot de passe de votre base de données.
Remplacez " NOM DATABASE" par le nom de votre base de donnée.

2°) Maintenant, toujours dans votre dossier inc puis ouvrez le ficher inc.config.php avec Notepad++ ou Bloc-Note comme précédemment.
Modifiez-le comme ceci:
Remplacez "HOST" par votre hébergeur. En local, c'est "localhost".
Remplacez "NOM D'UTILISATEUR" par le nom d'utilisateur de votre phpmyadmin. En local, c'est "root"
Remplacez "MOT DE PASSE PHPMYADMIN" le mot de passe de votre base de données.
Remplacez "NOM DATABASE" par le nom de votre base de donnée.
Remplacez "TON ADRESSE IP" par votre adresse IP Hamachi ou votre adresse IP.

3°) Pour changer le nom de votre rétro, retournez dans votre dossier inc, puis ouvrez le fichier class.tpl.php avec Notepad++ ou Bloc-Note
Modifiez-le comme ceci :
Recherchez la ligne 29, là où il y a marqué : $this->SetParam('', 'BigaDEV');
Remplacez BigaDEV par le nom de votre rétro.

Voilà, votre CMS est à présent configuré avec succès !





IV/ - Configuration de l'émulateur


1°) Nous arrivons à présent à la dernière étape.
Tout d'abord, pour configurer votre émulateur, ouvrez le dossier EMULATEUR donné dans le repack.
Puis, allez dans le dossier bin puis Debug et ouvrez le ficher in-config.conf avec Notepad++ ou avec Bloc-Note.

2°) Modifiez-le comme ceci :
Remplacez "HOST" par votre hébergeur. En local, c'est "localhost"
Remplacez "MOT DE PASSE PHPMYADMIN" le mot de passe de votre base de données.
Remplacez "NOM DATABASE" par le nom de votre base de donnée.
Un peu plus bas :
Remplacez les quatre "ADRESSE IP" par votre adresse IP ou votre adresse IP Hamachi.

3°) Enfin, retournez dans vos htdocs, ouvrez le dossier inc, entrez dans le dossier tpl puis ouvrez le fichier page-client.tpl avec Notepad++
- https://nsm05.casimages.com/img/2011/03/0...774924.jpg
Modifiez-le ainsi :
Remplacez "TON ADRESSE IP" par votre adresse IP Hamachi ou votre adresse IP.
Remplacez "URL DE TON RETRO" par soit l'URL de votre rétro (si il est hébergé), soit votre adresse IP Hamachi (si il est en Hamachi), soit localhost si il est uniquement sur votre ordinateur.

4°) Enfin, toujours dans le dossier Debug de votre dossier EMULATEUR, cliquez sur le logiciel inEmulator.exe pour allumer votre émulateur, une fenêtre noir va s'ouvrir.
Si votre émulateur vous dit que tout est prêt et qu'il est en attente de connexion c'est qu'il a été configurer avec succès !
- https://nsm05.casimages.com/img/2011/03/0...784291.jpg

• Ensuite, il est un peu de travail...
QUOIIII ??! Comment ça encore du travail ??!
Et oui il vous reste encore un petit détail ! ;p
- Rendez-vous sur votre rétro en entrant votre dans la barre de recherche.
- Inscrivez-vous.
- Retournez dans votre PhpMyAdmin (en local c'est : http://localhost/phpmyadmin)
- Cliquez sur votre DB puis cliquez sur "users" ( https://nsm05.casimages.com/img/2011/03/0...775232.jpg )
- Recherchez votre pseudo puis éditez-le avec le stylo juste à côté ( https://nsm05.casimages.com/img/2011/03/0...775264.jpg )
- Mettez-vous le rank 8 ( https://nsm05.casimages.com/img/2011/03/0...775295.jpg )
- Enregistrez en cliquant sur "Exécuter" ( https://nsm05.casimages.com/img/2011/03/0...775355.jpg )




VI/ - Héberger votre rétro sur le net (No-Hamachi)


Bon, maintenant que vous avez (normalement) réussis à créer votre rétroserveur en Hamachi. Nous allons passer à l'étape supérieure en l'envoyant sur internet gratuitement ! Vous pourrez choisir n'importe-quel hébergeur proposant des offres gratuites de votre choix, mais je vous propose 000webhost.com



1°) Tout d'abord, téléchargez FireZilla ici et installez-le.

2°) Ensuite, rendez-vous sur http://www.000webhost.com/ et insrivez-vous.
- https://nsm05.casimages.com/img/2011/03/2...884532.jpg

3°) Inscrivez-vous en remplissant les champs comme indiqué sur le screen :
- https://nsm05.casimages.com/img/2011/03/2...884534.jpg

4°) Une fois l'inscription terminée, vous allez être redirigés sur votre page de membre. Cliquez sur "Change account password" dans la rubrique "Forgot FTP password?"
- https://nsm05.casimages.com/img/2011/03/2...884540.jpg

5°) Changez-le mot de passe de votre compte FTP (qui nous servira de serveur pour envoyer le CMS de votre rétro sur internet)
- https://nsm05.casimages.com/img/2011/03/2...884550.jpg
Puis, cliquez sut "Go back Panel"

6°) A présent, nous allons installer la base de données :
• Cliquez sur PhpMyAdmin dans le Control Panel.
- https://nsm05.casimages.com/img/2011/03/2...884556.jpg
• Cliquez sur "MySql Management" pour créer votre base de donnée
- https://nsm05.casimages.com/img/2011/03/2...884560.jpg
• Cliquez créé votre compte comme indiqué dans le screen :
- https://nsm05.casimages.com/img/2011/03/2...884564.jpg
• Une fois le compte créé, cliquez sur "Back to Control Panel" puis re-cliquez sur le logo PhpMyAdmin et ensuite sur "Enter PhpMyAdmin"
- https://nsm05.casimages.com/img/2011/03/2...884566.jpg
• Une fois dans votre PhpMyAdmin, cliquez sur votre base de donnée créée précédemment. (Pas besoin d'en re-créer une)
- https://nsm05.casimages.com/img/2011/03/2...884570.jpg
• Puis, cliquez sur "Import" pour aller chercher le votre base de donnée.
- https://nsm05.casimages.com/img/2011/03/2...884572.jpg
• Et enfin, importez la db actuelle de votre rétro (compatible avec BigaDEV) ou bien le fichier bigadb.sql fournis dans le repack
- https://nsm05.casimages.com/img/2011/03/2...884574.jpg

Voilà ! votre base de donnée a été correctement installée !

7°) Maintenant nous allons configurer le CMS et l'envoyez sur votre FTP.
• Retournez dans votre Control Panel, puis cliquez sur le logo MySql
- https://nsm05.casimages.com/img/2011/03/2...884581.jpg
• Laissez la page des détails de votre database ouverte, et ouvrez aussi la page puis ouvrez le dossier CMS fournis dans le repack BigaDEV.
- https://nsm05.casimages.com/img/2011/03/2...884585.jpg
• Dans le dossier CMS, entrez dans le dossier inc, puis ouvrez le fichier class.db.mysql.php avec Notepad++ ou Bloc-Note et configurez-le comme ceci :
- https://nsm05.casimages.com/img/2011/03/2...884587.jpg
• Ouvrez ensuite le fichier inci.config.php et configurez-le comme ceci :
- https://nsm05.casimages.com/img/2011/03/2...884591.jpg
• Enregistrez les deux fichiers puis retournez dans votre Control Panel et cliquez sur le logo "View FTP details"
- https://nsm05.casimages.com/img/2011/03/2...884594.jpg
• Laissez la page des données de votre compte FTP ouvert, puis ouvrez le logiciel FireZilla.
Dans "Hôte" mettez votre FTP host name, dans "Identifiant" mettez votre FTP user name et dans "Mot de passe" mettrez votre FTP password. Laissez votre port vide puis connectez-vous en cliquant sur "Connexion rapide".
- https://nsm05.casimages.com/img/2011/03/2...884597.jpg
• Dans la partie gauche de FireZilla, ouvrez le dossier contenant votre CMS et dans la fenêtre de droite ouvrez le dossier public_html. Sélectionnez tout le contenu de votre CMS, cliquez sur la sélection et faites tout basculer dans la fenêtre de droite. Le téléversement risque de prendre plusieurs dizaines de minutes (si FireZilla vous indique qu'un fichier existe déjà faites "Ignorer")
- https://nsm05.casimages.com/img/2011/03/2...884599.jpg

Voilà ! Votre CMS a été correctement installé !

8°) Et enfin, nous devons maintenant faire fonctionner l'émulateur.
Pour mettre votre rétro en ligne il vous faut un VPS (une session où poser votre émulateur). Comme les VPS sont payants, je vais vous laisser en chercher un tranquillement tout seuls comme de grandes personnes mais je peux vous conseiller Free-H qui propose de très bonnes offres.




V/ - Screenshots du BigaDEV terminé



Index :
- https://nsm05.casimages.com/img/2011/03/0...759986.jpg

Client :
- https://nsm05.casimages.com/img/2011/03/0...784371.jpg

Catalogue :
- https://nsm05.casimages.com/img/2011/03/0...784060.jpg

Houssekeeping :
- https://nsm05.casimages.com/img/2011/03/0...784328.jpg

Maintenance (haut) :
- https://nsm05.casimages.com/img/2011/03/0...765153.jpg

Maintenance (bas) :
- https://nsm05.casimages.com/img/2011/03/0...765154.jpg

Xtrem Club :
- https://nsm05.casimages.com/img/2011/03/0...784082.jpg

Xtrem Club Liste :
- https://nsm05.casimages.com/img/2011/03/0...784068.jpg

Register :
- https://nsm05.casimages.com/img/2011/03/0...765005.jpg

Staff :
- https://nsm05.casimages.com/img/2011/03/0...784134.jpg

Me :
- https://nsm05.casimages.com/img/2011/03/0...784054.jpg

Ahh...et après ??!!
Et bah après tout est (enfin) finit, vérifiez que votre émulateur est bien allumé, puis connectez vous sur votre nouvel hôtel !

Merci de votre lecture et merci d'avoir utilisé le BigaDEV pour la création de votre rétroserveur Habbo.
J'espère vous avoir aidé à créer votre premier rétro r63 ;]
Pour toute demande d'aide, merci de me le signaler à la suite de ce topique.
By vivi