ARTICLE : REALISATION

CHAPITRE III : REALISATION

           

Dans cette partie, il sera tout d’abord question de la présentation du travail réalisé et de la solution obtenue ensuite des enseignements tirés et enfin on abordera les moyens de mise en ligne et de promotion du site web développé.

                                                             

1. PRESENTATION DU TRAVAIL REALISÉ ET DES ENSEIGNEMENTS TIRÉS

Ici, nous présenterons d'abord la réalisation du formulaire ainsi que celle de la base de données ensuite, nous présenterons le processus d’insertion de recettes sur le site web à travers le lien entre la base de données relationnelle et le formulaire d’insertion de recettes et pour terminer, nous mettrons en lumière le processus d’affichage des recettes sur le site web.

a.   REALISATION DU FORMULAIRE D’INSERTION DE RECETTES CULINAIRES

Après la conception web vient la réalisation qui est l’étape de concrétisation technique du projet. C’est la phase de développement pur, celle où il faut produire le code nécessaire aux besoins du site. C’est à ce moment-là que les maquettes graphiques sont transformées en pages HTML. 

A l’aide du langage HTML et d’une feuille de style CSS, nous réaliserons le formulaire.

Nous utiliserons un tableau pour bien disposer les champs du formulaire (la balise <table></table>) ;

Nous appellerons la page contenant le formulaire ‘formulaire.php’ (pour cela il faut créer la page avec l’éditeur de texte notepad++  et l’enregistrer sous le nom formulaire.php) cette page contiendra tout le code de notre formulaire;

Nous opterons pour la méthode d’envoi post qui garantis plus de sécurité;

Nous appellerons la page qui va traiter les données issues du formulaire ‘inscription.php’ (pour cela il faut créer la page avec l’éditeur de texte notepad++ et l’enregistrer sous le nom ‘inscription.php’);

Nous utiliserons une feuille de style CSS à l’aides des balises <style></style> pour styliser notre formulaire. 

b.     REALISATION DE LA BASE DE DONNEES RELATIONNELLE

Dans le but de créer et administrer notre base de données en utilisant PhpMyAdmin, on démarre les services de wampserver puis on clic sur localhost. Ensuite, dans la barre d’adresse du navigateur on saisit http://localhost/.

Une fois sur le menu principal de wampserver on clic sur phpmyadmin.

On se connecte à phpmyadmin en saisissant root comme nom d’utilisateur et en laissant le champ mot de passe vide. On peut maintenant créer notre nouvelle base de données du nom de ‘recettes_culinaires’ où on créera nos tables décrites précédemment avec le langage SQL.  

Figure 7 : Base de données et tables créées

c.     LIAISON DE LA BASE DE DONNEES AU FORMULAIRE D’INSERTION DE RECETTES

Nous utiliserons ici pour la liaison : 

-     -   La page inscription.php ;

-      -   Le PDO (PHP data objects) qui est une interface de programmation applicative permettant de travailler avec différentes bases de données en conservant le même code ; 

- Le langage PHP (Hypertext Preprocessor) qui est un langage de programmation libre, interprété et orienté objet principalement utilisé pour produire des pages web dynamiques ; 

-       -  Le langage de requêtes SQL (Standart Query Language) utilisé pour communiquer avec une base de données à travers des instructions appelées requêtes. 

Pour se connecter à MySQL avec PDO il faut inscrire sur la page inscription.php en langage PHP : 

-        Le nom ou l’adresse IP de la machine sur laquelle MySQL est installée le SGBDR;

-        Le login et le password (mot de passe) par lesquels nous accédons à la base de données ;

-        Le nom de la base de données sur laquelle effectuer les opérations.

A partir de ses informations nous créons notre chaine de connexion : $url=(‘mysql :host=localhost ; dbname=recettes_culinaires ; charset=utf8’) 

Et nous nous connecterons à notre base de données en utilisant la syntaxe en langage PHP : $connexion = new PDO ($url, $login,$password).

Par la suite, nous utiliserons des scripts pour tester la présence d’erreurs lors de l’exécution des requêtes : try{…}catch{Exception $e} , le langage SQL pour le traitement des requêtes : les requêtes d’insertion SQL et pour terminer des requêtes préparées nominatifs par PDO qui s’écrivent avec le langage PHP (voir annexe pour plus d’informations sur ces requêtes) afin de traiter les informations provenant du formulaire jusqu'à la base de données : 

$requete = $connexion-> prepare("insert into … set … where …") ;

$requete->execute(array( "…"=>$_POST["…"]));

d.   PROCESSUS D’AFFICHAGE DES RECETTES SUR LE SITE WEB

Afin de récupérer sur la page souhaitée du site web, les recettes culinaires entrées par les internautes via le formulaire et stockées dans la base de données, nous utiliserons une page.php et une requête de sélection par PDO qui s’écrit en langage PHP en ayant pris soin de nous connecter à la base de données via PDO .

Cette instruction nous permettra de parcourir  et récupérer un à un les tuples du résultat de notre requête de sélection de données :

$requete = $connexion->prepare("select … from … where …");

                                     $requete->execute( ); 

 if ($requete->rowCount( )>0){ while($data=$requete->fetch( )){ echo  $data[...]; }}.

                                                                                                                      

e.    DIFFICULTÉS ET ENSEIGNEMENTS TIRÉS

·       Concernant les difficultés nous noterons la longueur du travail effectué pour la réalisation du site relativement au délai impartis et le mécanisme de récupération de données par PDO afin de les afficher sur le site web.

·       Comme enseignements ce projet nous a permis d’acquérir l’aptitude de développer de façon pratique un site web d’insertion et de consultation de contenus en front et back-end ainsi que la maitrise de chaque étape du cycle de vie d’un projet en alliant vraiment la théorie à la pratique.

2.   PRESENTATION DE LA SOLUTION

Dans cette partie, nous présenterons les fonctionnalités actuelles de notre application. C'est-à-dire les fonctions du site au moment de la rédaction de ce mémoire. 

a.   LA PAGE D’ACCEUIL DU SITE

C’est la page qui reflète le contenu de notre site et qui contient toutes les redirections de celui-ci en particulier celles qui mènent à la consultation des recettes du site et au formulaire d’insertion de recettes

Figure 8 : Page d’accueil du site web

b.  FORMULAIRE DE CONNEXION DES INTERNAUTES

Par ce formulaire, les internautes se connecteront à l’aide d’un nom d’utilisateur et d’un mot de passe afin de pouvoir soit ajouter une recette au site, soit apporter une modification à une recette.

Figure 9 : formulaire de connexion

c.    LE FORMULAIRE D’INSERTION DE RECETTES PAR LES INTERNAUTES

Par ce formulaire, les internautes soumettront leurs recettes culinaires afin qu’on les incorpore au site web. Ces recettes pourront ensuite être consultées par d’autres internautes et modifiées en cas d’erreurs ou d’amélioration de la recette. 

Figure 10 : Formulaire d’insertion de recettes culinaires

d.    PAGES DE CONSULTATION DE RECETTES CULINAIRES

Ces pages seront rangées par catégories de recettes et abriteront toutes les recettes ajoutées par les internautes dans le but d’être consultées. Elles sont cependant encore vides car nous travaillons sur un serveur local ce qui sous-entend que notre site n’est pas encore visible par les internautes raison pour laquelle ils ne peuvent pas encore y accéder.

Figure 11 : Page de consultation de recettes ‘grillades’

3.  MISE EN LIGNE, HEBERGEMENT, REFERENCEMENT ET PROMOTION DU SITE WEB

Comme déjà dit plus haut, l’application sera développée sur une période de  3 mois par conséquent, nous n’avons pas encore procédé à sa mise en ligne. Nous vous présenterons donc les moyens dont on usera.

a.    MISE EN LIGNE ET HEBERGEMENT DU SITE INTERNET

Vous l’aurai remarqué nous travaillons depuis le début du projet sur un serveur local, cependant pour rendre visible notre site web à tous les internautes, nous aurons besoin d’un hébergement web et d’un nom de domaine.

-        Un hébergement est un ensemble de services (mis à disposition par un hébergeur) qui permet de mettre en ligne un site web et de bénéficier d’autres services induits par son site tels que la messagerie électronique, l’antivirus, la sauvegarde du site, la gestion des serveurs … C’est un endroit où l’on stocke les fichiers d’un site web dans un espace appelé serveur (espace composé d’un ordinateur qui contient de la mémoire, un disque dur et un système d’exploitation) afin qu’il soit visible sur Internet.

Il existe 4 (quatre) types de serveurs d’hébergement à savoir le serveur mutualisé, le serveur privé virtuel, le serveur dédié et l’hébergement en nuage.

-        Un nom de domaine est un identifiant unique relié à l’adresse IP d’un site web. Il peut être personnalisé pour présenter une ressource optimale.

L’URL (Uniforme Ressource Locator) qui désigne l’adresse internet de tout élément pouvant constituer une ressource, désigne souvent le nom de domaine d’un site.

Il est constitué d’au moins trois parties qui sont le préfixe du domaine qui désigne le nom du protocole de communication (http ou https), le nom de domaine lui-même et le suffixe du domaine qui est l’extension du nom de domaine (.com, .ci, .gouv …) . Un nom de domaine s’acquière par son achat chez un registraire.

L’hébergement et le choix du nom de domaine sont donc déterminants dans la mise en place d’un site web. Nous procèderons à l’achat de notre hébergement et notre nom de domaine selon l’offre la plus avantageuse en ce qui nous concerne.

b.    LE REFERENCEMENT WEB

Sur internet, le référencement est l’action d’inscrire son site dans un moteur de recherche ou un annuaire web. Il s’agit de faire en sorte d’apparaitre, si possible sur la première page de résultats affichés par GOOGLE lorsqu’un internaute effectue une recherche en lien avec le site web concerné par le référencement.

Son objectif principal visé est bien de se faire connaître en étant rapidement trouvé dans les recherches des internautes.

On distingue 2 (deux) types de référencement qui sont pratiquement distincts, même si cela n’a pas d’importance pour le visiteur ou l’utilisateur :

-        Le référencement dit payant ou sponsorisé (SEA) consiste à acheter la visibilité de son site sur un moteur de recherche donné à travers un système d’enchère qui définit sa position en marge de la page des résultats. Il s’agit, en pratique, de liens publicitaires placés sur les pages de résultats des moteurs de recherches.

-        Le référencement naturel (SEO) englobe l’ensemble des méthodes et techniques qui visent à positionner les pages web de votre site internet dans les premiers résultats naturels des moteurs de recherche. Cela dans le but d’améliorer la visibilité des pages en question, en appliquant une série de « règles édictées par les moteurs de recherche». Le référencement naturel fait appel à différentes techniques comme l’optimisation du contenu  qui se fait à 2 niveaux qui sont le référencement On Site (pratiques intervenant directement sur le site à référencer) et le référencement Off Site (pratiques intervenant en dehors du site à référencer).

Ces deux types de référencement peuvent être utilisés ensemble cependant nous opterons dans le cadre de notre projet pour le référencement naturel uniquement dans un premier temps.

c.     STRATEGIE DE PROMOTION DU SITE WEB

Assurer la promotion d’un site web consiste à le faire connaître par de nombreux moyens afin, selon le cas, d’améliorer son trafic, de gagner en notoriété, d’obtenir de nouveaux prospects ou de développer son nombre de ventes.

Pour notre projet, nous ferons appel à un professionnel du web marketing afin d’améliorer la visibilité de notre site en utilisant internet.