Les interfaces du site web 

Les interfaces du site web 

Introduction

Dans le cadre de la licence science et technique en génie informatique, nous étions amenés à réaliser un projet de fin d’études. Dans ce contexte, nous avons passé deux mois de stage au sein de la société S2plus spécialisée dans l’ingénierie et le développement de solutions informatiques. La notion des voyages organisés se développe de plus en plus dans notre pays, c’est dans ce sens que nous avons réfléchis à la réalisation d’un site web pour une des agences de voyages nommé « ELOTMANIAVOYAGES ». Ce site permettra de mieux gérer la réservation des voyages proposés pour les clients d’une part (coté agence), et de consulter les différents choix proposés par l’agence d’autre part (coté visiteur et client). Afin de présenter les travaux menés durant notre stage, nous avons choisi d’organiser ce rapport en trois chapitres :
Dans le premier chapitre nous décrivons la société du stage, tout en parlant d’une façon générale du projet, de problématique et des solutions à suivre durant les deux mois du stage. Le deuxième chapitre présente les besoins fonctionnels et techniques, avec une conception générale du projet, des différents diagrammes descriptifs et détaillés résumant le projet.

Le troisième chapitre décrit les différentes interfaces graphiques du projet.

général du projet

Etude de l’existant

Au Maroc, la notion des agences de voyages se développe de plus en plus.

Dans ce sens, S2plus nous ont accordé un projet proposé par l’agence de voyage <<Elotmaniyavoyages>>. Cette agence, situé à Sidi Slimane, propose des voyages à ses clients sous forme des fiches imprimées, la réservation de ces voyages se fait en remplissant un formulaire à la main tout en contrôlant manuellement les places disponibles soit au niveau des vols ou au niveau des chambres, ces places sont enregistrés d’une façon manuelle sur un fichier Excel mal organisé avec de la redondance des informations , des données dispersées ,etc..

 Problématique

La gestion des agences de voyages en utilisant des dossiers papiers ou quelques fichiers Word ou Excel est assez archaïque dans un monde où pratiquement tout est automatisé et l’interconnexion est indispensable. En plus, les agents ainsi que le directeur rencontrent un certain nombre de difficultés essentiellement liées à l’exécution manuelle des tâches. Citant :

Donnés importantes mal organisées.

• Diminution de la qualité de service rendu.
• Grande difficulté dans la gestion au sein de l’agence avec un manque de communication avec les clients.
• Possibilité de perdre le formulaire de réservation.
• Obligation de vérifier la disponibilité des places (vols, chambres, transports, services) lors de chaque réservation.
• Obligation de remplir toutes les informations du client lors de chaque réservation même s’il est déjà client.
• Mise à jour manuellement des places disponibles (vols, chambres, transports, services) des packs de voyages après chaque modification ou réservation.
• L’ajout d’un nouveau élément (hôtel, service, vol, package, chambre) par le directeur implique une autre mise à jour manuellement.
• Création de nouvelles fiches pour chaque nouveau package.
• Etc..

 Solution proposée

Vu les problèmes qu’on arrivera à rencontrer et sachant que l’agence “Elotmaniyavoyages” ouvrera une nouvelle agence prochainement à Kenitra, la création d‘un site web pour eux sera un investissement en temps et en argents. Pour cela, Nous proposons un site web dynamique responsive développé en JEE basé sur la simplicité et l’efficacité qui traite toutes les données précitées et qui permet :

• D’augmenter leur visibilité /site web implique que vous êtes ouvert 24/7.
• Aux visiteurs de chercher facilement les circuits qui les conviennent par différents ?critères.
• Aux agents de l’agence de poster des articles et de consulter les réservations et les messages ainsi qu’aux réclamations.
• Aux directeurs de gérer les comptes des agents et des clients en plus de créer de package et gestion des produits disponibles.

En plus du gain de temps le site sera :

• Facile à trouver
• Elégant et attrayant
• Mobile sensible
• Professionnel

Analyse et conception

Analyse des besoins

Les besoins fonctionnels

Après plusieurs discussions avec le responsable de la société S2plus, on a élaboré le cahier de charges du système. Les besoins fonctionnels ont été regroupés par thèmes :

 Gestion des packs

En général tout produit (vol, chambre, service et transport supplémentaire) appartient à un pack, la gestion des packs est une des fonctions nécessaires pour le bon fonctionnement du projet, du coup c’est une tâche spécialisé pour l’administrateur de l’agence qui, après authentification, peut gérer ces packs, en modifiant, ajoutant ou supprimer des produits.

Gestion des agents

L’agent est un acteur de notre site web et l’administrateur est le seul qui possède le droit de gérer ses agents, il peut alors les ajouter les modifier ou même les supprimer.

Gestion des réservations

C’est la principale tâche de notre projet, Elle est effectuée par un agent.

 Gestion des clients

On peut lister les clients de l’agence, l’administrateur a donc le droit de modifier les informations du client ou même supprimer le compte du client

 Gestion des réclamations et des messages

Pour un bon service, le site doit offrir une bonne gestion des réclamations, l’agent ou l’administrateur reçoivent toutes les réclamations de leurs clients, ils peuvent changer l’état de la réclamation si le problème est réglé.
De même, Le visiteur peut envoyer un message pour notre site web, l’agent ou l’administrateur peut le répondre à son email automatiquement du site.

 Gestion des blocs

Pour but de dynamiser plus la relation entre le site et ses visiteurs, nous proposons une zone des articles gérer par les agents, et une autre des sondages pour lesquels l’administrateur se base pour créer ses voyages.

 Gestion de newsletter

Les visiteurs du site web ont la possibilité de s’inscrire à la newsletter, il peut désormais recevoir dans sa boite email toutes les nouveautés de l’agence.

Les besoins techniques

 Entreprise Architect

Est un logiciel de modélisation et de conception UML, édité par Sparx Systems.

Qui couvre, par ses fonctionnalités, l’ensemble des étapes du cycle de conception d’application, il nous permettra de créer les différents diagrammes pendant la conception.

 Eclipse

Est un environnement de développement (IDE) historiquement destiné au langage Java, décliné et organisé en un ensemble de sous-projets de développements logiciels, de la fondation Eclipse visant à développer un environnement de production de logiciels libre qui soit extensible, universel et polyvalent.

Java Entreprise Edition

Est la version entreprise de la plate-forme « Java » qui se compose de l’environnement « JSE » ainsi que de nombreuses API et composants destinés à une utilisation « côté serveur » au sein du système d’information de l’entreprise. Il s’agit donc d’une évolution du Java.

 APache Tomcat

Est un conteneur web libre de servlets et JSP. Issu du projet Jakarta, c’est un des nombreux projets de l’Apache Software Fondation. Il implémente les spécifications des servlets et des JSP du Java Community Process6, ce conteneur web est paramétrable par des fichiers XML et des propriétés, et inclut des outils pour la configuration et la gestion. Il comporte également un serveur HTTP.

 Conception

Après une analyse détaillée à l’aide du langage de modélisation graphique, on peut citer les acteurs et les diagrammes de notre projet :

Les Acteurs 

Visiteur : Toute personne accède au site peut 

• Contacter
• Recherche des offres
• Consultation des produits disponibles Packs/Vols/Hôtels
• Inscription à la newsletter

Les Diagrammes

 Diagramme de cas d’utilisation

Les diagrammes de cas d’utilisation sont des diagrammes UML utilisés pour donner une vision globale du comportement fonctionnel d’un système logiciel. Ils sont utiles pour des présentations auprès de la direction ou des acteurs d’un projet.

Les interfaces du site web

Commençons par la page d’accueil, la figure n 9 représente la page d’accueil dans l’état visiteur.
L’en-tête du page est flottant en haut tout en long du page, en cliquant sur les buttons lire plus on ouvrira des nouvelles pages avec plus des détails (packs, vols, hôtels).
Le bloc des questionnaires est fait pour le visiteur pour avoir une idée général des possibilités des visiteurs, pour créer des packs compatible avec leurs choix.
La zone des articles change dynamiquement dépends des articles ajoutés par les agents ou l’administrateur, ce dernier après authentification dans cette même zone a la possibilité de modifier ou supprimer un des articles.
Le pied du page indique la société où on a effectué le stage avec une barre réservé aux visiteurs appelé Newsletter où ils ont la possibilité de s’inscrire pour recevoir toute nouveauté de l’agence, cette zone est géré par les agents. La flèche permet de revenir en haut du page.

Conclusion

Le stage que nous avons effectué au sein de la société S2plus, nous a offert l’occasion pour satisfaire notre curiosité de participer aux tâches courantes de la vie professionnelle, et de nous familiariser avec des différentes techniques d’exploitation, d’organisation et surtout de développement.

Ce stage nous a permis aussi de développer sur la base du langage de programmation JEE servant ce site, ce projet était pour nous une occasion pour acquérir des atouts et des nouvelles connaissances techniques. La réalisation de ce projet nous a donné une expérience dans le champ du travail pour savoir comment on doit gérer notre temps en commençant par la conception avant de réaliser de l’application.

Nous avions l’honneur de réaliser ce projet pour l’agence elotmaniavoyages, le personnel de l’agence pourra désormais réserver à ses clients en utilisant le site, grâce à ce dernier ils auront la possibilité de mieux gérer les voyages tout en augmentant l’interaction avec leurs clients et les visiteurs grâce aux offres publiés, des articles, et de faciliter la réception des messages et réclamations.

Comme perspectives, nous proposons que le paiement soit en ligne ça sera une très bonne amélioration vu qu’on aura un client responsable tout seul d’effectuer la tâche de réservation.

En plus, l’utilisation d’une application mobile pour viser le maximum des personnes est désormais plus efficace ces dernières années que le site web (web 2.0 au lieu de web 1.0). Enfin, nous souhaitons que notre travail permettra à l’agence de voyage de se développer dans le temps , de mieux communiquer avec ses clients, de faciliter les tâches de son personnel, de diversifier ses services et d’augmenter son chiffre d’affaire et de mieux positionner dans le marché des agences de voyages Marocains.

Table des matières

Introduction 
Chapitre l : Contexte général du projet
1- Lieu du stage
2- Etude de l’existant
3- Problématique
4- Solution proposée
5- Plan suivi
Chapitre ll : Analyse et conception 
1- Analyse des besoins
Les besoins fonctionnels 
Les besoins techniques
2- Conception
Les Acteurs
Les Diagrammes
2.2.1 Diagramme de cas d’utilisation 
2.2.2 Diagramme de séquence
2.2.3 Diagramme de classe
Chapitre III : Les interfaces du site web 
Conclusion 

Télécharger le rapport complet