Extrait du document

Le site Internet est découpé en deux parties principales : un espace public dont tous les internautes peuvent accéder et un espace d’administration du site dont l'accès est réservé à l’administrateur grâce à un mot de passe.

Ce présent mémoire s’articule autour de trois principaux chapitres ; le premier contient une analyse du projet, où il y a une étude préalable des besoins de l’entreprise, le second comporte une vue conceptuelle du système. Enfin, le troisième et dernier chapitre est consacré à la réalisation.

 > Retrouvez tous les cours d'informatique.

Plan du document :

Chapitre 1 : Analyse du projet

     1. L'entreprise d'accueil
     2. Travail demandé
     3. L'entreprise IFRI
     4.Objectifs du site
     5. Cibles du site
     6. Adéquation avec les cibles
     7. Diagramme de GANTT
     8. Analyse de la concurrence

Chapitre 2 : Conception du projet

     1. Définition des rubriques
     2. Contenu du site
      3. Arborescence du site
     4. Spécification techniques
     5. Gabarit de page
     6. Choix des couleurs
     7. Choix de la police
     8. Modélisation UML

Chapitre 3 : Réalisation du projet

     1. Langages et technologies utilisés
     2. Outils utilisés
     3. Espce client
     4. Espace d'administration
     5. Test et contrôles
     6. hébergement
     7. Référencement

Chapitre 1 : Analyse du projet

La réussite d'un projet Web repose sur une bonne formulation et la compréhension des besoins du client. 

Dans ce chapitre nous définissons les entreprises IFRI et Vigisud, le travail demandé, les objectifs et les cibles ainsi que les besoins du client. 

1. L'entreprise d'accueil (VIGISUD)

a. Présentation

VIGISUD est une jeune entreprise créée en 2006, d'un capital de 20 000 000.00 DA. Elle est spécialisée dans le développement des solutions WEB, la rélaisation de CD interactifs, de vidéos de surveillance IP et installation réseaux. 

VIGISUD dispose de ses propres infrastructures, plateforme d'hébergement de vidéosurveillance, de sites web et de téléphonie. Ceci lui permet de réaliser des économies d'échelles importantes pour ses partenaires agrées et ses clients finaux. 

Son réseau de distribution de proximité, installé dans chaque pays lui permet d’assurer une qualité de service à taille humaine et irréprochable.

b. Activités

• Installation et configuration des caméras de surveillance par Internet. 

• Conception et hébergement de sites Web. 

• Infogérance (plate forme de travail collaboratif). 

• Télécommunication (Téléphonie VoiP). 

c. Partenaires

VIGISUD possède plusieurs partenaires dans le monde, qui sont : 

VIGIWARE1 (France) : spécialisé dans la virtualisation. IPMONDE2 COMMUNICATION (France) : spécialisé dans l’hébergement et la Télécommunication.

VIDENTYS3 (France) : spécialisé dans l’intégration du matériel Informatique.

Axis Communications4 (France) : spécialisé dans la vidéo Surveillance « matériels ».

2. Travail demandé

Il nous a été demandé durant la période du stage à l’Entreprise de réaliser un site Web publicitaire pour l’entreprise d’eau minérale et de boissons IFRI© située à Béjaïa, qui est l’un des projets de VIGISUD.

Ce site présente l’entreprise et ses produits comme il permet aux internautes de s’abonner au service de Newsletters pour recevoir toutes nouveautés de l’entreprise.

Le site doit contenir deux espaces principaux :

• Espace public : espacte informatif de présentation de l'entreprise et des ses produits; il doit permettre, aussi, aux internautes de s'abonner au service des newsletter, proposer une question ou un commentaire sur la page FAW et envoyer un message dans le site. 

• Espace d'administration : grâce à cet espace, l'administrateur pourra gérer la FAQ, lire les messages reçus et envoyer une Newsletter aux abonnés du site. 

 → La suite de cette partie est entièrement disponible sur le document à télécharger gratuitement 

Chapitre 2 : Conception du projet

Après l'analyse et la définition des besoins spécifiques du client, vient l'étape de la conception du projet et qui consiste à définir le contenu du site, l'arborescence des pages, leur présentation ainsi que le diagramme de cas d'utilisation, le diagramme de classes et les différents diagrammes de séquence. 

1. Définition des rubriques

Nous avons proposé pour le site d’IFRI, un découpage en six rubriques qui sont :

> Voir document 

2. Contenu du site

La véritable richesse de ce site, sera évidemment le contenu unique des informations qui y seront présentées. 

Si le visiteur, vient y chercher une information, il devra pouvoir y accéder d'une manière transparente en trois clics de souris. 

Mais la présentation synthétique et attractive de la page d'accueil l'incitera à découvrir davantage d'autres informations telles que : Plan d'accès, histoirque, IFRI et la santé, etc ...

3. Arborescence du site

 → Cette partie est entièrement disponible sur le document à télécharger gratuitement 

4. Spécification techniques

Pour le bien être du site, nous avons défini un ensemble de spécifications techniques à respecter tout au long de la réalisation du site : 

• L'utilisation des frames est interdite, car ils empêchent certains moteurs de recherche d'indexer ces pages et d'en lire le contenu. 

• Une page Web ne doit pas occuper plus de 40 Ko pour se charger rapidement. 

• La taille d'une animation gif ne doit pas dépasser 15 Ko.

• Les balises doivent être associées de l'attribut ALT qui permet d'afficher du texte lorsque l'image ne peut être affichée. 

• Remplir les balises pour les descriptions et les mots clés de chaque page. 

• Pouvoir revenir à la page d'accueil de n'importe quelle page du site.

• Quelle que soit la page actuelle, la page destination ne sera jamais éloignée de plus de trois clics de souris. 

• Appliquer les styles CSS pour les mises en page et présentations. 

• Tester le site sur plusieurs configurations. 

• Mise en page en 800x600 s'adaptant aux autres résolutions. 

• Elaborer une navigation logique, simple et intuitive. L'internaute ne doit pas se perdre. 

• Animation ou effets spéciaux à utiliser avec modération. 

5. Gabarit de page

Toutes les pages du site doivent se rassembler pour ne pas perturber la navigation de l'utilisateur. Elles varient aussi, quelque peu, en fonction de leur contenu. Pour cela nous avons défini le gabarit de page suivant : 

 → La suite de cette partie est entièrement disponible sur le document à télécharger gratuitement 

Chapitre 3 : Réalisation du projet

Maintenant que l'on a déterminé les cibles, la concurrence, les objectifs et le contenu, le moment est venu de l'implémentation. A cette étape, le site commence réellement à se profiler. 

Nous allons présenter dans ce chapitre, les différents langages et outils utilisés pour la réalisation du site, les pages principales du site ainsi que la procédure d'hébergement et de référencement. 

1. Langages et technologies utilisés

Le choix de la technologie sera dicté par le besoin. Par exemple, pour faire une vérification des informations saisies dans le formulaire de contact, JavaScript côté client sera suffisant et beaucoup plus rapide qu'un script côté serveur qui nécessite une requête au serveur. Par contre, pour tester un mot de passe, une vérification côté serveur est obligatoire pour la sécurité de ce dernier. 

Nous avons choisi l'ensemble des langages et technologies suivants : 

• HTML

Le HTML est unlangage de description de pages Web. Il permet l'insertion des liens hypertextes et d'images. 

• JavaScript

JavaScript est un langage de programmation non compilé, orienté objet, principalement utilisé côté client. Nous l'avons utilisé pour le contrôle du formulaire et l'affichage des pop-up.

• CSS 

Abréviation de « Cascading Style Sheets ». Les feuilles de style déterminent l'aspect de la typographie et d'un certain nombre de liens utilisés pour l'ensemble du site. Elles pourront être modifiées facilement pour affecter profondément la présentation générale du site. 

• PHP

Est un langage de Scripting embarqué dans les pages HTML et traité par le serveur. Il est utilisé pour accéder à la base de données et la création d'applications dynamiques telle sque la lecture ou l'écriture des messages dans la base de données.

• Apache

Est un serveur web très répandu qui supporte le PHP, nous devrons posséder notre serveur local pour faire du PHP. 

• MySql

Est un système de gestion de bases de données très utilisé sur le Web. 

• PHPMyAdmin

C'est un outil écrit en PHP pour gérer les bases de données MySQL. Il a pour rôle de faciliter la gestion des bases de données MySQL sur un serveur. 

2. Outils utilisés

 → Cette partie est disponible sur le document à télécharger gratuitement 

3. Espace client 

L'espace client est la partie publique du site dont l'accès est autorisé à tout le monde, il constitue un espace informatif de présentation de l'entreprise et ses activités. 

a. Page d'introduction Flash

Le site commence par une introduction Flash, le passage à la page d'accueil se fait à travers deux liens, un lien en flash et un autre en HTML pour ceux qui ne possèdent pas le plug-in Flash installé sur leurs navigateurs. 

C'est sur cette page que l'internaute arrive après avoir validé l'adresse du site sur le navigateur. 

C'est sur cette page que l'internaute arrive après avoir validé l'adresse du site sur le navigateur. 

Cette introduction Flash exigée par le commanditaire a pour but d'attirer l'attention de l'internaute vers le logo de l'enteprise ainsi que son slogan et donner envie d'aller plus loin. 

b. La page d'accueil

La home page ou la page d'accueil, est une page légère au chargement. On y trouve le nom du site, indiquant au visiteur qu'il est bien arrivé où il voulait aller, éventuellement un logo et des liens vers les principaux points forts du site. On pourra ensuite trouver après les pages de contenu significatif, (produits,plan,FAQ,etc.)

c. La page produits

Contient l'ensemble des catégories des produits qui existent. Chaque produit est présenté sous forme d'une image cliquable qui ramène vers la page des produits concernés. 

d. La page Eau minérale naturelle gazéifiée 

Cette page contient la description du produit "eau minérale naturelle gazéifiée", elle prend la même couleur que celle des bouteilles de ce produit. 

4. Espace d'administration

 → Cette partie est disponible sur le document à télécharger gratuitement 

5. Test et contrôles

Cette étape consiste à s'assurer que le site est conforme aux attentes du client et faire en sorte que son utilisation se déroule correctement. 

Pour cela nous avons effectué des tests de compatibilité avec les différents navigateurs les plus connus et les plus utilisés ainsi que les différentes versions : Internet Explorer V5, V6 et V7, Fire Fox V1.5 et V2. Comme nous avons effectué un contrôle de contenu du site pour identifier les erreurs qui peuvent se produire lors de la rédaction ou du développement.

Après les tests et le contrôle du contenu et après que toutes les bugs et les erreurs sont identifiées nous avons pu les corriger.

6. Hébergement

Pour que le site soit accessible par Internet il faut qu’il soit hébergé sur un serveur relié en permanence à Internet. Pour cela, nous avons plusieurs propositions d’offres d’hébergement dans la plateforme de Vigisud.

Selon nos besoins nous avons choisi une offre de 500Mo qui possède 20 comptes FTP. L’utilisation de PHP/MySQL est possible avec des statistiques de connexion et mesure d’audience.

7. Référencement

 → Cette partie est disponible sur le document à télécharger gratuitement 

.