Académique Documents
Professionnel Documents
Culture Documents
Dédicaces : ............................................................................................................................................ 3
Introduction ........................................................................................................................................... 7
2. Problématiques ............................................................................................................................ 7
3. Objectifs ..................................................................................................................................... 8
Introduction :...................................................................................................................................... 9
1. Le e-commerce : ......................................................................................................................... 9
Introduction :.................................................................................................................................... 13
1. UML : ....................................................................................................................................... 13
Introduction :.................................................................................................................................... 24
Références : ......................................................................................................................................... 38
Résumé ................................................................................................................................................ 39
Le pèlerinage est le but et le rêve de tout musulman même une fois dans sa vie. Lorsque vous demandez
aux gens que vous rencontrez de faire la Omra, ils vous répondront avec deux réponses : "Oui, je suis
allé à la Omra et j'ai l'intention de revenir….", Ou : "Je n'ai pas effectué la Omra auparavant mais j'ai
l'intention d'y aller, si Dieu le veut.", le nombre de pèlerins algériens par an est estimé entre 80 et 100
mille pèlerins, comme les organisateurs du voyage Omra se sont répandus et multipliés, atteignant 459
agences de tourisme à avoir eu une licence pour organiser la Omra cette année, et malgré ce grand
nombre, ce secteur se caractérise par le chaos et le manque de transparence dans les services et les prix.
Cela est dû à la dépendance de la plupart des agences sur les collecteurs de passeports, c'est ce qu'on
appelle "Rabatteur" pour promouvoir leurs offres et convaincre les pèlerins de la Omra.
2. Problématiques
A- Se rendre dans toutes les agences de sa ville ou des villes les plus proches de lui pour voir les offres
soumises et les comparer
B- Rechercher dans les sites de réseaux sociaux, notamment Facebook, ce qui en fait une victime aux
offres de Omra proposées par les collecteurs de passeports, dont la plupart se caractérisent par un
manque de transparence, étant donné que leur objectif est le pourcentage convenu avec les agences lors
de la collecte du plus grand nombre de pèlerins, et non pour satisfaire les pèlerins
3. Objectifs
Notre objectif est la création de la première plateforme électronique spécialisée dans les voyages et les
offres Omra, qui est l'idée du projet elOmraDZ, qui est un site internet qui regroupe toutes les offres
Omra proposées par les agences touristiques algériennes.
Chapitre 1 : Etude de l’existant
Introduction :
Dans ce chapitre on a essayé de présenter le e-commerce, les types et ces problématiques aussi
les applications WEB similaires et ce qui différencie notre projet par rapport aux autres
1. Le e-commerce :
Dans le cadre de notre projet, nous nous sommes intéressés au commerce électronique entre
particuliers (C2C).
1.5. Solution
Pour que notre site soit une référence sur le domaine du e-commerce nous devons protéger notre
réputation et cela par :
Mettre en place une politique claires en compréhensible pour les clients et les agences
Assurer la fiabilité du service et des offres proposées par les agences
Garantir la fourniture du service client et de qualité
Prendre en compte les commentaires et les suggestions des utilisateurs
2.1. Booking.com :
Booking.com est une société internationale de commerce électronique dans le domaine du
voyage.
L’une des plus grandes plateformes de réservation en ligne au monde, spécialisée dans
l'hébergement. Fondée en 1996 à Amsterdam, aux Pays-Bas
2.3. Problématiques :
Les sites de réservation ou de recherche de voyage ne fonctionnent pas de manière optimale en
Algérie et cela est causé par :
2.4. Solution
Notre site elOmraDZ propose un paiement en espèce directement vers l’agence, pour rassurer les
clients ne pas les sortirent de leurs zones de confort.
Conclusion :
1. UML :
L'UML est basé sur une approche orientée objet et permet de représenter les différents aspects
d'un système logiciel
Client
Agence (agence de voyage)
Figure 3 diagramme de cas d’utilisation
Authentification :
Conclusion
Dans ce chapitre on a essayé de présenter les outils et les technologies qu’on a utilisées et de
présenter notre application web.
1. Les outils :
1.1. HTML5 :
HTML, acronyme de Hypertext Markup Language, est un langage de balisage essentiel pour la
création de sites web. Il définit la structure des pages web en organisant harmonieusement le
texte et les médias connexes. Considéré comme l'un des piliers fondamentaux du développement
web, il est indispensable de maîtriser HTML pour embrasser une carrière fructueuse dans ce
domaine. Dans le cadre de cet article, nous examinerons en détail les fondements d'HTML, son
fonctionnement sur les pages web et nous nous pencherons également sur l'aspect fascinant
qu'est l'HTML sémantique.
En tant que langage de balisage, HTML confère une structure solide aux pages web, mais sa
seule présence ne suffit pas à conférer beauté et interactivité à une page. Pour atteindre cet
objectif, il est nécessaire de faire appel à des technologies complémentaires telles que CSS, pour
le style, et JavaScript, pour l'interactivité. Ainsi, HTML se présente comme le socle fondateur
sur lequel repose la création de sites web captivants et dynamiques.
1.2. CSS3 :
CSS, acronyme de "Cascading Style Sheets" (Feuilles de style en cascade en français), est un
langage de feuilles de style utilisé pour décrire la présentation et la mise en forme des documents
écrits en langage de balisage, tels que HTML et XML. En tant que norme du World Wide Web
Consortium (W3C), CSS fournit un ensemble de règles et de propriétés qui permettent de
spécifier avec précision les styles visuels des éléments d'une page web. Il fonctionne de manière
hiérarchique, où les styles peuvent être définis au niveau du document, de l'élément ou de la
classe, et les règles sont appliquées en cascade pour résoudre les conflits éventuels. En utilisant
des sélecteurs pour cibler spécifiquement des éléments ou des groupes d'éléments, CSS permet
de modifier la typographie, les couleurs, les marges, les positions, les effets visuels et de
nombreux autres aspects esthétiques d'une page web, offrant ainsi un contrôle complet sur son
apparence. L'utilisation de CSS permet de séparer la structure du contenu (HTML) de sa
présentation visuelle, favorisant ainsi la maintenabilité, la cohérence et l'accessibilité des sites
web à grande échelle.
1.3. Mongo DB :
MongoDB est utilisé pour le stockage de données à fort volume, aidant les organisations à
stocker de grandes quantités de données tout en maintenant des performances élevées. Les
organisations utilisent également MongoDB pour ses requêtes ad hoc, l'indexation, l'équilibrage
de charge, l'agrégation, l'exécution de JavaScript côté serveur et d'autres fonctionnalités.
Le langage de requête structuré (SQL) est un langage de programmation normalisé utilisé pour
gérer les bases de données relationnelles. SQL normalise les données sous forme de schémas et
de tables, et chaque table a une structure fixe.
Au lieu d'utiliser des tables et des lignes comme dans les bases de données relationnelles, en tant
que base de données NoSQL, l'architecture de MongoDB est composée de collections et de
documents. Les documents sont constitués de paires clé-valeur, qui sont l'unité de base des
données de MongoDB. Les collections, équivalentes aux tables SQL, contiennent des ensembles
de documents. MongoDB prend en charge de nombreux langages de programmation tels que C,
C++, C#, Go, Java, Python, Ruby et Swift.
1.4. JavaScript :
JavaScript est un langage de programmation utilisé sur Internet en complément de HTML et
CSS. Il permet de créer du contenu dynamique, stocker des valeurs, effectuer des opérations et
exécuter du code en réponse à des événements. JavaScript est simple, flexible et puissant. Il peut
être utilisé côté client pour des performances rapides et efficaces, mais également côté serveur. Il
a été créé en 1995 et s'est parfaitement adapté aux évolutions du Web. JavaScript améliore
l'expérience Web en rendant celle-ci plus dynamique et agréable, et il est le seul langage de
programmation natif du Web.
1.5. Node.Js :
Node.js est un environnement d'exécution JavaScript open-source et multiplateforme, ainsi
qu'une bibliothèque, développé par Ryan Dahl en 2009. Il permet aux développeurs de créer des
applications web côté serveur en dehors du navigateur du client. Node.js se distingue par son
modèle asynchrone et basé sur les événements, ce qui le rend idéal pour les applications à forte
intensité de données. Grâce à sa nature non bloquante, Node.js peut traiter de nombreuses
requêtes simultanément, offrant ainsi des performances élevées et une scalabilité remarquable.
Sa popularité croissante s'explique par sa capacité à gérer efficacement les applications web en
temps réel et à manipuler de grandes quantités de données. La dernière version de Node.js, la
15.14, a été publiée en avril 2021, témoignant de son développement actif et de son évolution
continue pour répondre aux besoins des développeurs.
1.6. VS code :
VS Code, également connu sous le nom de Visual Studio Code, est un éditeur de texte léger et
polyvalent, open source, développé par Microsoft. Avec ses nombreuses fonctionnalités et sa
disponibilité sur Windows, Linux et macOS, il est devenu un choix populaire parmi les
développeurs. VS Code se distingue par son interface personnalisable, son auto-complétion
intelligente, ses capacités avancées de débogage et son intégration transparente avec les outils de
gestion de projet. Sa communauté active garantit des mises à jour constantes et une vaste
bibliothèque d'extensions. Globalement, VS Code offre aux développeurs un environnement
puissant et efficace pour coder sur différentes plateformes.
2. Implémentation de l’application :
2.1. Inscription :
Pour s’inscrire le client doit remplir un formulaire
2.2. Connexion :
Pour se connecter l’utilisateur doit remplir un formulaire.
Le travail présenté dans ce mémoire consiste en la conception et la réalisation d’un site web
dynamique spécialisé dans les voyages et les offres Omra. Ce site regroupe un ensemble d’outils
et de dispositifs permettant aux clients d’accéder à un grand nombre d’offres de pèlerinage
proposer par les agences de voyage grâce au système de recommandation inclue dans notre site
web
Nous avons dans ce modeste travail conçu et développer un site web qui facilite le processus de
réservation de la meilleure offre en donnant plus de choix, de détails et d’informations aux
clients
Enfin, notre travail ne s’arrête pas à la première version de ce site car nous voulons l’améliorer,
on peut penser à :
Ce mémoire a pour but la conception et le développement d’un site web dynamique (e-
commerce), qui regroupe les offres des agences qui proposes des voyages de pèlerinage afin
d’éviter beaucoup de problématiques citées avant.
La conception est décrite par la méthode UML, le site a été développer en utilisent le langage
CSS, HTML et Java script. Avec une API en node.js sur le système MongoDB.
A partir de ces conclusions, les agences et les clients peuvent faciliter leurs travaille ou la
recherche de offres, des modifications ultérieures devrait permettre en plus d’outils afin
d’améliorer notre service.
Mots clés :
[Site web dynamique, e-commerce, méthode UML, CSS, HTML, java script, API, node.js,
MongoDB]