Vous êtes sur la page 1sur 27

Lyce Technique Alidrissi

Centre des classes BTS


Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'






























Ralis par :
ElKHEROUAA Mhand
BOUTGAYOUT Abdessamad

Encadr par :
Mme.ABAZINE Karima







Anne Acadmique :
2010/2011



2

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
SOMMAIRE SOMMAIRE SOMMAIRE SOMMAIRE
Remerciement ---------------------------------------------------------------- 3
Liste des abrviations -------------------------------------------------------- 4
Introduction gnrale -------------------------------------------------------- 5
CHAPITRE 1 : CONTEXTE GNRAL DE PROJET
I- Objectif de notre projet ----------------------------------------------------- 6
II- Analyse de sujet ------------------------------------------------------------ 6
1- La mthode MERISE----------------------------------------------------- 6
2- Cardinalit-------------------------------------------------------------- 6
3- Modle conceptuel des donnes------------------------------------------- 7
CHAPITRE 2 : CONCEPTION
I- Architecture du systme--------------------------------------------------- 9
1- Architecture de lespace publique ------------------------------------------ 9
2- Architecture de la zone dadministration------------------------------------ 10
II- Envirenement de travail --------------------------------------------------- 10
III- Choix de technique de ralisation----------------------------------------- 12
CHAPITRE 3 : RALISATION ET TEST DU SYSTME
I- Prsentation de linterface du systme------------------------------------- 13
1- Site web ---------------------------------------------------------------- 13
2- Administration ---------------------------------------------------------- 16
II- Codage-------------------------------------------------------------------- 18
III- Teste ---------------------------------------------------------------------- 19
CHAPITRE 4 : INSTALLATION
I- Hbergement-------------------------------------------------------------- 20
II- Domaine ------------------------------------------------------------------ 23
Conclusion-------------------------------------------------------------------- 26
Bibliographie ----------------------------------------------------------------- 27







3

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
REMERCIEMENT REMERCIEMENT REMERCIEMENT REMERCIEMENT
Nous voudrions remercier notre encadrant dans le projet, Mme.ABAZINE, pour son
soutien et ses conseils.
Nous devons chaque bribe de notre connaissance nos enseignants au Classes
Prparatoires au BTS qui ont si bien men leur noble qute denseigner les bases de
linformatique. Nous les remercions non seulement pour le savoir quils nous ont transmis,
mais aussi pour la fiert et lambition que leurs personnes nous aspirent.
Non loin de tout projet ambitieux, il existe des gens qui partagent sans jamais se lasser
ses meilleurs et ses pires moments. Ce sont des personnes qui nous ont soutenus dans
chacun de nos instants de faiblesse, et qui, sans leur extrme attention et gentillesse, nous ne
serions pas ce que nous sommes devenus aujourdhui. En tte de liste de ces gens nous
placerons nos familles bien aimes qui nont jamais hsit nous offrir le meilleur quelles
pouvaient. Viennent alors tous nos camarades de promotion ainsi que tous nos amis qui nous
ont aids de faon directe ou tout simplement par leur prsence et leur soutien moral.

























4

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
LISTE DES ABRVIATIONS LISTE DES ABRVIATIONS LISTE DES ABRVIATIONS LISTE DES ABRVIATIONS
CSS ______________________________________C CC Cascading S SS Style S SS Sheet
HTML ______________________________ H HH HyperT TT Text M MM Markup L LL Language
HTTP_________________________________H HH Hypert tt text T TT Transfer P PP Protocol
Js _______________________________________________ J JJ JavaS SS Script
PHP____________________________________ P PP Pre-H HH Hypertext Processor
SGBD ______________________ S SS Systme de G GG Gestion de B BB Base de D DD Donnes
SQL__________________________________S SS Structured Q QQ Query L LL Language




























5

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION GEN GEN GEN GENE EE ERALE RALE RALE RALE
Dans le cadre de notre prparation au BTS (Brevet de Technicien Suprieur) en Gnie
Informatique, nous avons t amens effectuer notre projet de fin dtudes sous
lencadrement de Mme. ABAZINE.
Il sagissait au cours de ce projet dtudier et de dvelopper une revue lectronique
spcialis dans le domaine informatique.
Par ailleurs, partant de la volont de dvelopper une application en ligne (ou application
web), la premire phase de notre travail a consist analyser les besoins.
Ce rapport sarticule ainsi en quatre parties. La premire partie est rserve lanalyse
du site. La seconde partie propose des solutions pour la ralisation du projet. Enfin les
troisime et quatrime parties sont consacres au codage et installation de lapplication web.

























6

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
CHAPITRE CHAPITRE CHAPITRE CHAPITRE 1 11 1 : CONTEXTE GNRAL DU : CONTEXTE GNRAL DU : CONTEXTE GNRAL DU : CONTEXTE GNRAL DU
PROJET PROJET PROJET PROJET
I- Objectifs de notre projet :
Notre travail consiste raliser une revue lectronique. Les objectifs de dpart taient le
dveloppement dun site web qui va fournir:
Une mise jour dynamique des articles de la revue.
Une interface dadministration pour faciliter la gestion de lapplication web.
Un forum qui va permettre aux utilisateurs dajouter des sujets.
Une scurit des comptes dadministrateur et des utilisateurs.
II- Analyse du sujet :
Lanalyse est effectue via la mthode MERISE. Cette mthode va nous permettre de
mettre en place plus facilement lapplication.
1 11 1. .. . La mthode Merise pour la conce La mthode Merise pour la conce La mthode Merise pour la conce La mthode Merise pour la conception de la base de donnes ption de la base de donnes ption de la base de donnes ption de la base de donnes
Merise est une mthode de conception, de dveloppement et de ralisation des projets
informatiques. Son but est la sparation des donnes et des traitements effectuer en
plusieurs modles conceptuels et physiques.
Merise dcompose un systme dinformation en niveaux voluant de labstrait vers le
concret.
2 22 2 . .. . Cardinalits Cardinalits Cardinalits Cardinalits
Le site est Le site est Le site est Le site est gr gr gr gr par un et un seul utilisateur. par un et un seul utilisateur. par un et un seul utilisateur. par un et un seul utilisateur.
Les articles sont ajo Les articles sont ajo Les articles sont ajo Les articles sont ajout ut ut uts ss s par ladministrateur par ladministrateur par ladministrateur par ladministrateur. .. .
Un utilisateur peut ajouter un ou plusieurs sujet Un utilisateur peut ajouter un ou plusieurs sujet Un utilisateur peut ajouter un ou plusieurs sujet Un utilisateur peut ajouter un ou plusieurs sujets ss s dans le forum dans le forum dans le forum dans le forum. .. .



7

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Ladministrateur peut gr Ladministrateur peut gr Ladministrateur peut gr Ladministrateur peut grer les comptes des utilisateurs. er les comptes des utilisateurs. er les comptes des utilisateurs. er les comptes des utilisateurs.
3 33 3. .. . Modle conceptuel de donnes Modle conceptuel de donnes Modle conceptuel de donnes Modle conceptuel de donnes
Le MCD (Figure 1.1) est compos des entits suivantes :

Figure 1.1: Le modle conceptuel de donnes mettre ici.





1, n
1, n
ARTICLE
Id
Titre
Source
Article
Rubrique
Image
Contrler
Ajouter
Grer
ADMINISTRATEUR
Login
Pass
SUJET
Id_sujet
Tit_sujet
Cont_sujet
Pseudo
UTILISTEUR
Pseudo
Mot_passe
Nom_util
Prenom_util
Adresse
E_mail
sexe

Grer
1, 1 1, n
1, n
1, n
1, 1
1, 1



8

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Le dictionnaire de donnes (Figure1.2) suivant, dcrit les proprits des entits :

CHAMP CHAMP CHAMP CHAMP DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION TYPE TYPE TYPE TYPE
Id Lidentifiant de larticle Entier
Titre Le titre de larticle Texte (40)
Source La source de larticle Texte (40)
Article Le contenu de larticle Texte (255)
Rubrique Rubrique laquelle appartient larticle Texte (30)
Image Le chemin de limage jointe larticle Texte (255)
Login Login de ladministrateur Texte (30)
Pass Le mot de passe de ladministrateur Texte (255)
Id_sujet Lidentifiant du sujet Entier
Tit_sujet Le titre du sujet Texte (60)
Cont_sujet Le contenu du sujet Texte (255)
Pseudo Le pseudo de lutilisateur Texte (30)
Mot_passe Le mot de passe de lutilisateur Texte (255)
Nom_util Le nom de lutilisateur Texte (10)
Prenom_util Le prnom de lutilisateur Texte (10)
Adresse Ladresse de lutilisateur Texte (15)
E_mail Ladresse email de lutilisateur Texte (40)
sexe Le sexe de lutilisateur Texte (1)
Figure1.2 : Dictionnaire des donnes.







9

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
CHAPITRE CHAPITRE CHAPITRE CHAPITRE 2 22 2 : CONCEPTION : CONCEPTION : CONCEPTION : CONCEPTION
I- Architecture du systme :
1 11 1. .. . A AA Architecture de lespace publique rchitecture de lespace publique rchitecture de lespace publique rchitecture de lespace publique : :: :
Www
admin
files
images
includes
footer.php
header.php
leftmenu.php
link.php
rightmenu.php
session.php
js
contact.js
forum.js
jquery.js
jslider.js
styles
acceuil.css
contact.css
forum.css
inscription.css
recherche.css
style.css
telechargement.css
connexion.php
contact.php
forum.php
index.php
inscription.php
operation_erreur.php
operation_succes.php
recherche.php
telechargement.php







10

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
2 22 2 . .. . Architecture de la zone Architecture de la zone Architecture de la zone Architecture de la zone d d d dadministration administration administration administration

admin
articles
nouveau.php
supprimer.php
compte
gerecompte.php
resultas.php
forum
sujet.php
general
confident.php
images
includes
header.php
header_interieur.php
js
jquery.js
menu_slide.js
rubrique
ajouter.php
modifier.php
supprimer.php
admin.php
islogged.php
logout.php
operation_error.php
operation_succes
style.css
II- Environnement de travail :
1 11 1. .. . S SS Systme D ystme D ystme D ystme DE EE Exploitation xploitation xploitation xploitation : :: :
Le dveloppement de lapplication a t fait sur une plateforme Windows.
2 22 2 . .. . WAMP WAMP WAMP WAMP SER VER SER VER SER VER SER VER
WAMP signifie Windows Apache MySQL PHP, cest un logiciel que nous avons
utilis pour installer une plateforme complte de dveloppement sous Windows. Dans notre
cas, la version 2 est utilise car elle gre les dernires versions de PHP et de MySQL afin de



11

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
profiter des toutes dernires fonctionnalits offertes. Cet outil est utilis au dbut du projet
aprs elle est remplacer par EasyPHP.
3 33 3. .. . Notep Notep Notep Notepad ad ad ad++
Notepad++ est un diteur de texte gnrique cod en C++, qui intgre la coloration
syntaxique de code source.
4 44 4. .. . FileZ illa Client (FileZ illa) FileZ illa Client (FileZ illa) FileZ illa Client (FileZ illa) FileZ illa Client (FileZ illa)
Filezilla est un client FTP, dvelopp sous la licence publique gnrale GNU. Il existe
galement un serveur FTP du nom de FileZilla Server.
5 55 5. .. . EasyPHP : EasyPHP : EasyPHP : EasyPHP :
Cest une plateforme de dveloppement Web, permettant de faire fonctionner
localement (sans se connecter un serveur externe) des scripts PHP. Il comprend deux
serveurs (Apache et Mysql) et une administration SQL (PhpMyAdmin).
6 66 6 . .. . Dreamweaver Dreamweaver Dreamweaver Dreamweaver
Dreamweaver est un diteur de site web de type WYSIWYG ( what you see is
what you get - ce que lon voit est ce que lon obtient). Dreamweaver offre deux modes de
conception par son menu affichage. L'utilisateur peut choisir entre un mode cration
permettant d'effectuer la mise en page directement l'aide d'outils simples, comparables un
logiciel de traitement de texte (insertion de tableau, d'image, etc.). Il est galement possible
d'afficher et d'diter directement le code (HTML ou autre) qui compose la page. On peut
passer trs facilement d'un mode d'affichage l'autre ou opter pour un affichage mixte. Cette
dernire option est particulirement intressante pour les dbutants, qui terme, souhaitent
se familiariser avec le langage HTML.
7 77 7 . .. . IETester IETester IETester IETester : :: :
Outil utilis par les dveloppeurs web, pour tester la compatibilit des scripts
programms avec les diffrentes versions du navigateur Internet Explorer.



12

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
III- Choix de techniques de ralisation :
Le processus de conception a ncessit de dfinir clairement les langages utiliss dans le
codage de lapplication web. Nous aurons donc des pages HTML et CSS gnres par des
scripts PHP, Javascript et JQuery.
1 11 1. .. . HTML HTML HTML HTML
Utilis pour dfinir le format de donnes conu pour reprsenter les pages web.
2 22 2 . .. . CSS CSS CSS CSS
Feuilles de style en cascade en franais, est un langage informatique qui sert dcrire la
prsentation des documents HTML
3 33 3. .. . SQL SQL SQL SQL
SQL est le langage de base et universel de base de donne par consquent nous
lavons utilis avec le PHP.
4 44 4. .. . PHP PHP PHP PHP
PHP est un langage qui permet de dvelopper des applications Web dynamiques
puissantes. Ses avantages rsident dans son indpendance de la plate forme. En effet, il existe
pour les diffrentes versions de Windows, Unix et Linux. De plus, c'est un langage de script
embarqu dans les pages HTML et trait par le serveur. PHP permet de construire
dynamiquement des pages HTML contenant des rsultats de calcul ou de requtes SQL
adresses un systme de gestion de bases de donnes.
5 55 5. .. . J Query J Query J Query J Query
JQuery est une bibliothque Javascript libre qui porte sur l'interaction entre JavaScript
et HTML, et a pour but de simplifier des commandes communes de Javascript.
6 66 6 . .. . S SS SGBD GBD GBD GBD
Le systme de gestion des bases de donns utilis dans ce projet est MySQL, il sagit
dun SGBD libre et gratuit. Il est trs utilis et trs populaire. MySQL est un serveur de bases
de donns relationnelles SQL.



13

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
CHAPITRE 3 CHAPITRE 3 CHAPITRE 3 CHAPITRE 3 : : : : RALISATION RALISATION RALISATION RALISATION ET TEST ET TEST ET TEST ET TEST DU DU DU DU
SYSTME SYSTME SYSTME SYSTME
Dans cette section nous expliquons comment nous avons utilis les outils tudis dans
la section prcdente pour mettre en place lapplication web tudi en nous basant sur
larchitecture prsente dans le chapitre prcdent. Au dbut de cette tape nous avons
devis le travail entre nos deux, lun de nous a travaill sur le PHP et MySQL lautre sur
JQUERY et Javascript.
I- Prsentation de linterface du systme :
Dans cette partie sont prsent quelques exemples de page de lapplication web ralis.
1 11 1. .. . Site Web Site Web Site Web Site Web
L'interface illustre par la figure 2.1 reprsente la page dindex de notre application.


Figure 2.1 : Page dindex.
Dans cette page, sont affichs les titres des huit derniers articles ajouts au site. La page
contient aussi une zone de connexion rserve ladministration (voir figure 2.2), cette zone



14

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
est toujours disponible dans les autres pages du site, ainsi que le sondage (voir figure 2.3), le
menu des rubriques et la zone dannonces.

La figure 2.4 reprsente la page dinscription qui permet aux visiteurs du site de
sinscrire dans le forum.

Figure 2.4 : Page dinscription au forum.
Pour sinscrire au forum lutilisateur doit entrer un pseudo non utilis davance par un
autre utilisateur, ainsi que tous les champs doivent tre remplis.
La figure 2.5 reprsente la page de recherche.
Figure 2.2 : Zone dadministration.
Figure 2.3 : Sondage.



15

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'

Figure 2.5 : Page de recherche.
La page de recherche permet de chercher un article dans le site. Pour chercher un
article, lutilisateur a le choix entre une recherche simple qui utilise comme moyen de
recherche un mot cl donn par lutilisateur ou bien une recherche avance qui ajoute en
plus la rubrique au quelle appartient larticle.
La figure 2.6 reprsente la page de contact.

Figure 2.6 : Page de contact.
Cette page permet aux utilisateurs de rester en communication avec ladministration du
site.



16

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
2 22 2 . .. . Administration Administration Administration Administration : :: :
La figure 2.5 reprsente lindex de ladministration.

Figure 2.5 : Page de dindex de ladministration

Quand ladministrateur ouvre une nouvelle session, il est automatiquement redirig vers
cette page.
La figure 2.6 reprsente la page de la recherche des utilisateurs.

Figure 2.6 : Page de recherche des utilisateurs




17

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Pour chercher un utilisateur, ladministrateur doit saisir le nom dutilisateur et son e-mail.
Si les informations entr sont correct les informations de lutilisateur sont alors affich
(exemple: voir la figure 2.7).

Figure 2.8 : Page affichage dun utilisateur

La figure 2.9 reprsente la page dajout des articles.

Figure 2.9 : Page dajout des articles




18

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Pour ajouter un article ladministrateur doit saisir le titre de larticle, sa source, son image
jointe et le corps de texte.
II- Codage:
1 11 1. .. . HTML HTML HTML HTML et et et et CSS CSS CSS CSS : :: :
La premire tape tait de dfinir le format de donnes en utilisant le HTML, ensuite
personnaliser lapparence avec le CSS, cest en effet ce quon appelle le design du site. Nous
avons commenc avec le design du site web publique, ensuite on est pass au design de
ladministration.
2 22 2 . .. . J QUER Y J QUER Y J QUER Y J QUER Y : :: :
JQuery a t utilis pour rendre lapparence du site dynamique. Elle a t
principalement utilise pour animer laffichage des derniers articles, optimiser laffichage des
pages de contact et de connexion au forum en ce qui concerne le site web publique, ainsi
que des autres effets pour les menus de ladministration du site.
3 33 3. .. . PHP et MySQL PHP et MySQL PHP et MySQL PHP et MySQL : :: :
Le PHP et MySQL ont t utilis pour laccs dynamique aux donnes stocker dans la
base de donnes, ainsi que pour rendre les pages web interactive avec le visiteur.
4 44 4. .. . Elments de Elments de Elments de Elments de scurit scurit scurit scurit : :: :
a aa a. .. . Scurit informatique Scurit informatique Scurit informatique Scurit informatique : :: :
La scurit informatique est l'ensemble des techniques qui assurent que les ressources du
systme d'information (matrielles ou logicielles) sont utilises uniquement dans le cadre o il
est prvu qu'elles le soient.
b bb b. .. . L'a L'a L'a L'authentification uthentification uthentification uthentification : :: :
L'authentification consiste assurer l'identit d'un utilisateur, c'est--dire de garantir
chacun des correspondants que son partenaire est bien celui qu'il croit tre. Un contrle
d'accs peut permettre (par exemple par le moyen d'un mot de passe) l'accs des ressources



19

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
uniquement aux personnes autorises. Dans notre site quand un utilisateur veut se connecter
il doit sauthentifier, ainsi que pour ladministrateur du site.
c cc c. .. . Le cryptage Le cryptage Le cryptage Le cryptage (): (): (): ():
Chiffrements en franais, est le procd grce auquel on souhaite rendre la
comprhension d'un document impossible toute personne qui n'a pas la cl de chiffrement.
Dans notre projet nous avons travaill sur le cryptage des mots de passes des utilisateur et
dadministrateur du forum en utilisant la fonction PHP sha sha sha sha1 11 1 ( (( ( ) )) ) qui assure cette opration.
d dd d. .. . S SS Sessions essions essions essions : :: :
Avec une saisie d'un nom et d'un mot de passe, on parle d'authentification ou de
connexion. Lors, de chaque nouvelle connexion les informations de lutilisateur ou
dadministrateur sont sauvegarder, un script islogged.php islogged.php islogged.php islogged.php vrifie la connectivit de lutilisateur
ou dadministrateur chaque fois quil ouvre une nouvelle page, si il nest plus connect il est
rediriger vers lindex du site. Cela nous a permis aussi de scuriser le dossier Admin qui
contient les fichiers dadministration. Cette opration est assure par les sessions.
III- Teste :
Au fur et mesure quon dveloppe on teste la compatibilit des scripts crs avec les
diffrents navigateurs Firefiox, Opera, et loutil IETester pour tester la compatibilit avec les
diffrents navigateurs de Microsoft (Internet Explorer), quand nous rencontrons un problme,
notre quipe essaye de trouver une solution, et on ne passe ltape suivante que si le
problme est rsolu.
Les problmes rencontrs Les problmes rencontrs Les problmes rencontrs Les problmes rencontrs : :: :
Le plus gros problme rencontr tait sans nul doute le manque de temps. En analysant
un peu, on se rend compte que plusieurs petites choses ont amen ce problme.
Quelques semaines aprs le dbut du projet, l'ordinateur de Mhand tombe en panne.
Plusieurs heures de programmation perdues ainsi qu'un programmeur sans machine pendant
deux semaines, cela ne nous a pas aid.





20

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
CHAPITRE 4 CHAPITRE 4 CHAPITRE 4 CHAPITRE 4 : :: : INSTALLATION INSTALLATION INSTALLATION INSTALLATION

Dans cette partie est prsente une description des procdures suivies lors de
linstallation de lapplication dans un hbergement ainsi la rservation du domaine.
I- Hbergement :
Pour lhbergement nous avons choisi p2h.info car, il offre un hbergement gratuit avec
des meilleures fonctionnalits :

Figure 3.1 : caractristiques de lhbergement.





21

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
1 11 1. .. . Inscrip Inscrip Inscrip Inscription tion tion tion : :: :
Dans cette tape on a vrifie la disponibilit du nom de lapplication qui est
INFOMAGAZINE, on a trouv que le nom est disponible, puis on la rserv. Aprs on a
activ note compte, et notre hbergeur nous envoyer un mail qui contient les informations
du compte.

Figure 3.2 : Inscription

2 22 2 . .. . Importation de la base de donnes Importation de la base de donnes Importation de la base de donnes Importation de la base de donnes : :: :
La premire tape aprs linscription tait de se connecter au vista panel.

Figure 3.3 : interface de connexion au vista panel




22

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Dans le vista panel on a choisi le PhpMyAdmin, et aprs nous avons import la base
de donnes.

Figure 3.4 : vista panel de notre site

3 33 3. .. . Transfert du site vers lespace dhbergement Transfert du site vers lespace dhbergement Transfert du site vers lespace dhbergement Transfert du site vers lespace dhbergement : :: :
Pour le transfert des fichiers du site web, nous avons utilis le client ftp FileZilla.
La figure suivante a t prise lors dune connexion lespace dhbergement.

Figure 3.5 : client FileZilla



23

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'

La figure suivante a t prise lors du transfert du site web.

Figure 3.6 : FileZilla lors de lenvoi des fichiers du site
On peut alors maintenant visiter notre site dont le lien est :
http://infomagazine.p2h.info.
II- Domaine :
Dans notre cas nous avons choisi le domaine c.la c.la c.la c.la car, cest un domaine gratuit.
La premire tape effectuer est la vrification de la disponibilit du nom de domaine.



24

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'

Figure 3.7 : vrification de la disponibilit du nom de domaine

Le nom t disponible, donc il faut rserver le nom de domaine.

Figure 3.8 : formulaire des informations du site




25

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
Et en fin, nous avons rserv le domaine et pour accder au site il suffit de taper lurl
suivant : http://infomagazine.c.la .

























26

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
CONCLUSION CONCLUSION CONCLUSION CONCLUSION : : : :
Ayant termin la rdaction de ce rapport, nous avouons que ce projet a t pour
nous trs intressant, il nous a permis de prendre conscience des responsabilits que nous
serons appels confronter dans notre vie professionnelle ultrieure.
Le projet nous a permis de nous familiariser avec le domaine du travail et d'avoir
une exprience professionnelle. Ainsi faire savoir notre savoir faire. C'est une priode trs
enrichissante permettant de surmonter les difficults et dceler les obstacles qui peuvent
s'lever sur notre chemin.
















27

Lyce Technique Alidrissi
Centre des classes BTS
Agadir
----' --` --'`
'- - ''' ---' '+- --=-
-'
BIBLIOGRAPHIE BIBLIOGRAPHIE BIBLIOGRAPHIE BIBLIOGRAPHIE : :: :
1 11 1. .. . Ouvrages Ouvrages Ouvrages Ouvrages : :: :
PHP 5, Edition Eyrolles, cours et exercices, 2
ime
dition, Jean Engels.
XHTML et CSS, Edition Eyrolles, cours et exercices, Jean Engels.
Formation au langage PHP-MYSQL KEBIR Mohamed Ines 2005.
2 22 2. .. . Sites web Sites web Sites web Sites web : :: :
www.developpez.com
www.siteduzero.com
www.jquery.com
www.fr.tuto.com/
3 33 3. .. . Formation Formation Formation Formation Vido Vido Vido Vido : :: :
Formation PHP & MySQL Elephorm.
Formation PHP & MySQL Video2Brain.
Formation CSS Elephorm.