Création d'un site web avec système de préinscription en ligne.

VII.3. Mise en ligne de notre site

Etant donné que nous sommes encore dans la phase de test de notre site, nous avons opté pour un hébergement gratuit afin de vérifier le bon fonctionnement de notre site une fois en ligne.

VII.3.1. Hébergeur choisi

Il existe des centaines d'offre d'hébergement gratuit sur le net et nous avons choisi le service de l'hébergement gratuit 000webhost de l'entreprise

HOSTINGER. En effet, 000webhost a l'avantage, contrairement à la majorité des hébergeurs gratuits, d'héberger des sites web dynamiques PHP avec support complet de base de données MySQL et absolument aucune annonce. Nous avons également la possibilité d'utiliser PHP fonction mail () pour des mails professionnels et tout cela sans grande restriction.

ORY EPIPHANIE 59

ORY EPIPHANIE 60

Création d'un site web avec système de préinscription en ligne : cas de Sup'Management CI

VII.3.2. Procédure de l'acquisition du nom de domaine

Maintenant que nous avons choisi notre hébergeur, nous allons procéder à l'acquisition d'un nom de domaine. Pour se faire, nous allons sur la page d'accueil de notre hébergeur sur le site fr.000webhost.com.

Figure 26: Page d'accueil de 000webhost

A ce niveau, il faut cliquer sur le menu « s'inscrire » afin de se créer un compte et rtre répertorié en tant que propriété d'un domaine chez l'hébergeur. Nous somme alors redirigés vers la page suivante :

Figure 27: formulaire d'inscription 000webhost

Création d'un site web avec système de préinscription en ligne : cas de Sup'Management CI

Après avoir procédé à l'inscription, nous somme redirigés sur la page suivante :

Figure 28: page intermédiaire

A ce niveau, il faut cliquer sur « construire un site ». Un formulaire nous est alors proposé dans lequel il faut entrer le nom de notre site et le mot de passe avec lequel nous allons pouvoir nous connecter à notre domaine en temps voulu. Il faut savoir que par défaut, tout site sur 000webhost est accessible via son domaine 000webhost, qui a la forme [nom_du_site] .000webhostapp.com. De ce fait le nom de domaine de notre site est : supmanagement.000webhostapp.com

Ce stade, notre domaine et voici comment il se présente :

ORY EPIPHANIE 61

Création d'un site web avec système de préinscription en ligne : cas de Sup'Management CI

Figure 29: page d'administration de notre domaine

Un détail qu'il faut noter c'est que le FTP est ici activé par défaut. Bien évidemment ce n'est pas le cas de tous les hébergeurs.

VII.3.3. Utiliser un client FTP (File Transfert Protocol)

Après l'acquisition de notre nom de domaine, nous devons maintenant passer au transfert de notre site qui est encore sur notre ordinateur vers notre domaine afin qu'il soit visible sur la toile. Pour se faire nous avons besoins d'utiliser un client FTP.

FTP signifie File Transfer Protocol et, pour faire court et simple, c'est le moyen que l'on utilise pour envoyer nos fichiers. Il existe des logiciels permettant d'utiliser le FTP pour transférer vos fichiers sur Internet. Bien entendu, des logiciels FTP, il en existe des centaines, gratuits, payants, français, anglais, etc.

Nous avons opté pour le logiciel FileZilla par ce qu'il est gratuit, en français, multiplateforme et par défaut incorporé dans XAMPP.

Figure 30: logo FileZilla

ORY EPIPHANIE 62

Création d'un site web avec système de préinscription en ligne : cas de Sup'Management CI

VII.3.2.1. Installation de FileZilla

Comme nous l'avons dit plutôt, Filezilla est incorporé à XAMPP donc il ne nécessite pas une installation particulière. Il suffit juste de le lancer depuis l'interface de XAMPP en cliquant sur le bouton « start » encadré en bleue sur la figure suivante :

Figure 31: bouton de lancement de Filezilla

L'interface de FileZilla se présenta alors sous cette forme :

ORY EPIPHANIE 63

Création d'un site web avec système de préinscription en ligne : cas de Sup'Management CI

Figure 32: Interface de FileZilla

Il y a quatre grandes zones à connaître dans la fenêtre :

1. En haut, apparait les erreurs et les messages qu'envoie et reçoit le logiciel lors de l'envoie de fichiers.

2. À gauche, c'est le disque dur. Dans la partie du haut affiche les dossiers et la partie du bas, la liste des fichiers du dossier actuel.

3. À droite, c'est la liste des fichiers envoyés sur le serveur sur Internet.

4. Enfin, en bas, apparait les fichiers en cours d'envoi (et le pourcentage d'envoi). La première étape va être de se connecter au serveur de notre hébergeur.