\documentclass[a4paper]{report}

\usepackage{graphicx}
\usepackage{tocloft}
\usepackage{array}
\usepackage{tabularx}
\usepackage{lipsum}
\usepackage{hyperref}

\renewcommand{\thesection}{\Roman{section}}
\renewcommand{\thesubsection}{\thesection.\Roman{subsection}}
\renewcommand{\thesubsubsection}{\thesubsection.\Roman{subsubsection}}

\cftsetindents{section}{0em}{2.25em}
\cftsetindents{subsection}{2em}{3.75em}
\cftsetindents{subsubsection}{2em}{5em}

\begin{document}

\begin{center}
\includegraphics[width=\textwidth]{logo estin} \newline\
newline\newline
\end{center}
\begin{center}
\Huge\textbf{Rapport du projet}\newline
\end{center}
\begin{center}
\LARGE\textbf{Encadreur:}
\end{center}
\begin{center}
Dr. ARAB Nawel\par
\vspace{0.1cm}
Dr. AGGAOUA Meriem\par
\end{center}

\section{La liste des membres}

BENMERIEM Abdelkader \newline
KHEMISSI Ferhat \newline
MESTAR Sami \newline
OULDYOUNES Samyislam \newline
TRAD Mohamedissam
\section{Remerciement}
Nous tenons à remercier notre professeur Madame Aguaoua,pour
l'encadrement et le soutien apportés tout au long de la réalisation de
notre projet.Vos conseils et surtout votre disponibilité nous ont été
d'une grande aide,nous tenons à exprimer notre gratitude pour toutes les
fois ou vous avez repondu à nos questions et apporté votre aide en dehors
de vos heures de travail,nous sommes concients que vous avez fourni
beaucoup d'efforts et nous bous en sommes reconnaissants. \newline
Nous tenos aussi à remercier notre client Mr.Herfouche pour la
confiance placée en nous afin de mettre à bien notre projets,nous
esperons avoir pu repondre à ses attentes et livrer un travail de qualité
qui l'aidera lui aussi dans son nouveau défi,nous serons ravi de
retravailler avec lui si l'occasion se presentait à nouveau. \newline
 Encore une fois, merci infiniment pour votre collaboration et votre
soutien. Nous vous souhaitons le meilleur pour la suite. \newline
Cordialement,\pagebreak
\hypersetup{pdfborder = 0 0 0}
\tableofcontents
\label{sec:contents}
\section{Table des matières}
\label{sec:maitiere}
\begin{center}
\begin{tabularx}{\textwidth}{|X|X|}
\hline
\textbf{Chapitre} & \textbf{But} \\ \hline
1. Spécification des besoins & Définir les besoins
du projet et les exigences fonctionnelles et non fonctionnelles. \\ \
hline
2. Conception & Proposer une solution pour
répondre aux besoins spécifiés et concevoir l'architecture du système. \\
\hline
3. Réalisation & Implémenter la solution conçue et
tester le système. \\ \hline
\end{tabularx}
\end{center}
\section{Table des figures}
\label{sec:figures}
\begin{itemize}
\item \hyperref[sec:usecase]{Diagramme de cas d'utilisation}
\item \hyperref[sec:createaccount]{Diagrammes de séquence
(Création de compte)}
\item \hyperref[sec:auth]{Diagrammes de séquence
(Authentification)}
\item \hyperref[sec:pay]{Diagrammes de séquence (Paiment)}
\item \hyperref[sec:classe]{Diagramme de classe}
\item \hyperref[sec:mr]{Modèle Relationnel}
\item \hyperref[sec:home]{Page d'accueil}
\item \hyperref[sec:services]{Page des services}
\item \hyperref[sec:about]{Page à propos de nous}
\item \hyperref[sec:feedback]{Page de commentaires et
notation}
\item \hyperref[sec:contact]{Page contactez-nous}
\item \hyperref[sec:connexion]{Page de connexion}
\item \hyperref[sec:passwordreset]{Page de réinitialisation de
mot de passe}
\item \hyperref[sec:passwordmodification]{Page de modification
de mot de passe}
\item \hyperref[sec:dash]{Page de dashboard}
\item \hyperref[sec:subscribe]{Page des abonnements}
\item \hyperref[sec:rendez-vous]{Page des rendez-vous}
\item \hyperref[sec:feedbacks]{Page des feedbacks}
\end{itemize}
\section{Liste des tableaux}
\begin{itemize}
\item \hyperref[sec:maitiere]{Table des matières}
\item \hyperref[sec:figures]{Table des figures}
\item \hyperref[sec:contents]{Table des contenus}
\end{itemize}
\section{Introduction générale}
Que l'évolution soit poussée par le passé ou tirée par le
futur,c'est avec l'homme et ses technique que l'univers devient
intelligent",en effet De l'aube de l'humanité à nos jours, l'évolution a
été le moteur de la transformation et du progrès, créant de nouvelles
opportunités et de nouveaux défis pour les générations successivese.De la
découverte de la roue à l'invention de l'écriture, de la révolution
industrielle à l'ère de l'information, l'évolution a été la quintessence
de l'avancée humaine, y compris dans le domaine de l'informatique.\
newline
Depuis l'avènement des premiers ordinateurs jusqu'à l'essor du
développement web et mobile, l'informatique a continué à évoluer, créant
de nouvelles opportunités pour la communication, le commerce et le
partage des connaissances, tout en posant de nouveaux défis pour la vie
privée, la sécurité et l'accessibilité.Avant de nos aventurer un peu plus
dans le sujet principal parlons un peu de l'informatique en général.\
newline
L'informatique est un domaine qui englobe l'étude, la
conception, le développement et l'utilisation des ordinateurs et des
logiciels pour collecter, stocker, traiter, analyser et transmettre des
données et des informations. Cette discipline interdisciplinaire inclut
notamment la programmation, l'intelligence artificielle, l'apprentissage
automatique, les bases de données, les réseaux informatiques, la sécurité
informatique et bien d'autres domaines. L'informatique est un outil clé
pour résoudre des problèmes complexes, stimuler l'innovation et créer de
nouvelles opportunités dans de nombreux domaines professionnels et
personnels.Considérée comme "L'invention du dernier
siecle",l'informatique s'est repandue dans plusieurs branches comme
citées dans la definition et son importance n'en est jamais egratinée et
ce malgré le changment de domaine,on le trouve notemment dans la
medecine,et bien oui que ferait les medecins de nos jours sans les
precieuses machines et ce sans vouloir minimiser leurs importances,on le
trouve aussi de plus en plus dans le domaine sportif ,la dernière coupe
du monde au Qatar en est la preuve,dans les universités,les
aéoroports...ect.Si les technologies recentes semblent sortir tout droit
de l'imaginaire,l'Informatique n'a cependant pas toujours été si
splendide en effet les premiers ordinateurs remontent aux années 1940 et
à l'époque ils n'étaient utilisés que pour resoudre des calculs complexes
et analyser des données,et c'est un peu plus tard en 1960 que ces
machines ont été utilisées pour le commerce, les logiciels de bureautique
ont quant à eux vu le jour qu'en 1980 et enfin aux debuts des années 2000
les navigateurs web sont apparus ce qui a donné naissance à une nouvelle
branche:"Le developpement web".
Qu'est ce que le development web?C'est la création de sites et
application web qui repondent à un service quelquonque,cette création est
cependant précédée par une maquette du site créé par un designer et le
developpeur web devra utiliser les languages appropriés afin de
reproduire cette dernière.On peut diviser le developement web en deux
parties la partie front-end,elle consiste à créer une interface
utilisateur elle est aussi appelé le coté client parmi les langages
utilisées on trouve Html,css et javascript ainsi que de nombreux autre
frameworks tels que React, Vue.js et Angular afin de créer des
interfaces interactives et dynamiques et une autre partie coté serveur
appelée backend,un developpeur backend se doit de créer la logique métier
et gérer les données à l'aide de languages comme PHP, Python, Ruby, Java,
C et JavaScript par l'intermediaire de Node.JS en plus des frameworks
suivants Ruby on Rails, Django, Flask, Express.js et Laravel.Ce n'est
plus une surprise,de nos jours n'importe quelle entreprise peu importe
son statut a besoin d'un site web sans oublier le fait que l'importance
du developpement web ait beaucoup incrue depuis la crise sanitaire etant
donné que la majorité des business se faisaient en ligne comme le E-
commerce par exemple.Un developeur web doit prendre plusieurs critères en
considération lors de ses créations il doit en effet veiller à ce que son
site fonctionne correctement dans une variété de navigateurs,prendre des
mesures pour protéger les données contre de probables cyber-
attaques,faire un site accessible,interactif,performant c'est à dire
rapides et qui offre une bonne expérience utilisateur.
En conclusion, l'informatique et le développement web ont
apporté des changements majeurs dans notre vie quotidienne et dans le
monde des affaires. Ces domaines en constante évolution offrent des
opportunités infinies pour les personnes qui cherchent à se lancer dans
des carrières créatives et technologiques. Avec les avancées
technologiques toujours plus rapides, il est certain que l'avenir de
l'informatique et du développement web sera rempli de nouveaux défis et
de découvertes passionnantes. \newline
\section{Chapitre1 : Spécification des besoins}
\subsection{Introduction}
On dit souvent que le temps c'est de l'argent",cette citation
ne peut etre plus réaliste que dans une clinque,en effet dans ce type
d'établissement chaque minute compte!La gestion du travail dans les
cliniques est très délicate et devient plus compliquée si le nombre de
clients est élevé que faire donc?Allons nous restreindre le nombre de
clients quotidiens...surement pas!Notre client se trouve dans la meme
situation décrite et moi et mon équipe("THE BOYS")allons essayer de
resoudre son problème en plus de cela nous comptons aussi resoudre son
autre problème qui est la difficulté à se faire connaitre par un public
plus large et surtout à pouvoir faire parvenir son nom jusqu'aux
personnes visées
\subsection{Présentation du client}
Mr.Yahia Herfouche,spécialiste en médecine alternative, coach
personnel, accompagnateur et business man. Il a une clinique a la cite
Oultache (Bouyeblaten), route Polyclinique de Sidi Ahmed. BEJAIA 06000 -
ALGERIE.
\subsection{Problématique}
Bien que le business de M. Herfouche soit encore peu connu en
Algérie, cette situation offre une opportunité de domination des marchés.
Cependant, son manque de connaissances en informatique représente un
frein majeur à sa progression.Autre obstacle:sa clinique,située en dehors
du centre-ville, cette dernière est méconnue, obligeant certains clients
à parcourir de longues distances pour y accéder. M. Herfouche doit alors
gérer leurs dossiers et rendez-vous lui-même, ce qui lui coûte du temps
et de l'argent précieux. Par ailleurs, il éprouve des difficultés à
concilier ses deux domaines d'expertise - la santé et les affaires. Le
manque de personnel se fait cruellement sentir car il travaille seul, ce
qui nuit à son efficacité et sa productivité.
\subsection{Solution}
Face aux obstacles majeurs rencontrés par M. Herfouche dans la
gestion de son entreprise et de sa clinique, nous avons décidé de créer
deux sites web distincts. Le premier sera dédié à la gestion des services
de santé, avec un système complet de gestion des clients (prise de
rendez-vous, dossiers, etc.), une messagerie privée permettant à notre
client de rester en contact direct avec ses patients, une foire aux
questions (FAQ), des séances de consultation en ligne, et bien plus
encore. Le deuxième site sera consacré à la gestion de l'activité
commerciale de M. Harfouche, notamment à la signature de contrats de
partenariat avec des entreprises, à l'accompagnement de jeunes
entrepreneurs dans la conception de leurs projets, et à d'autres
fonctionnalités adaptées à ses besoins spécifiques.\newline
 Ces deux sites web permettront à M. Herfouche de mieux gérer
son temps et de satisfaire les besoins de ses clients, tout en
développant son entreprise et son activité commerciale.
\subsection{Etude de l'existence + critiques}
Donc nous avons fait une recherche approfondie sur l'existence
de sites ou bien même d'idées similaires aux nôtres. Cependant, nos
recherches n'ont pas abouti à grand-chose car comme nous l'avons
mentionné ci-dessus, le business de Mr. Harfouche n'est pas très répandu.
Nous avons quand même creusé un peu plus et avons obtenu quelques
renseignements concernant le site de la santé des étudiants de l'Estin
qui ont voulu réaliser un site similaire au nôtre à un médecin l'année
dernière. Bien qu'ils n'aient pas pu le héberger, leur idée était quand
même très intéressante avec un système de gestion de rendez-vous et de
report similaire au nôtre. La clinique "Le rameau d'olivier" ne dispose
pas encore de site web, mais d'après nos renseignements, des étudiants
d'un autre groupe s'en occuperont. Pour l'instant, ils offriront des
fonctionnalités similaires en termes de gestion des clients, cependant,
les systèmes de report et aussi le chat avec les médecins ne seront pas
disponibles. Au niveau mondial, nous avons consulté plusieurs sites de
cliniques américaines tels que "Opmedic Laval" et
"cliniquechirurgicaledelava"... etc. Nous avons remarqué que tous les
sites web se focalisaient sur la présentation de leur site web et
offraient une opportunité afin de prendre rendez-vous. Pour certaines
cliniques, comme la dernière citée, elles partagent aussi les témoignages
des anciens patients, chose que nous comptons faire aussi.\newline
Côté Business, nous avons également consulté plusieurs agents
immobiliers en raison de la ressemblance de notre activité. Cependant,
aucune de ces agences ne disposait d'un site web. De plus, au niveau
mondial, seul un système de gestion de rendez-vous était disponible. Nous
pouvons donc affirmer avec toute modestie que notre projet est bien plus
novateur, prometteur et ambitieux que ceux mentionnés ci-dessus grâce à
ses nombreuses fonctionnalités.\pagebreak
\subsection{Analyse des besoins}
\subsubsection{Besoins fonctionnels}
Le sytème de gestion de clients ainsi que leurs dossier,les
séances en ligne,la section pour partenariat,chat.
\subsubsection{Besoins non fonctionnels}
FAQ et pages pour les temoignages
\subsubsection{Diagramme de cas d'utilastion}
\label{sec:usecase}
\includegraphics[width=\textwidth]{diagramme de cas
d'utilisatoin}
ce diagramme permet de représenter les interactions entre les
acteurs (utilisateurs, systèmes externes, etc.) et le système étudié. Il
permet de visualiser les différentes fonctionnalités du système ainsi que
les relations entre les acteurs et les cas d'utilisation. dans notre
diagramme l'admin doit créer un compte pour peut faire des rendez-vous,
des séances en ligne at aussi pour les clients ils dooivent créer un
compte pour faire des rendez-vous, des messageries privées.\pagebreak
\subsection{Conclusion}
Nous avons proposé la création de deux sites web distincts
pour répondre à ces besoins. Le premier site serait dédié à la gestion
des services de santé, tandis que le deuxième serait consacré à la
gestion de l'activité commerciale de M. Herfouche. Ces deux sites
seraient dotés de fonctionnalités adaptées aux besoins spécifiques de
notre client, telles que la prise de rendez-vous en ligne, la gestion des
dossiers des patients, la messagerie privée pour rester en contact direct
avec les patients, les séances de consultation en ligne, etc.\newline
 En fin de compte, notre analyse des besoins nous a permis de
mieux comprendre les défis auxquels est confrontée la clinique de M.
Harfouche, et nous a permis de proposer des solutions innovantes et
efficaces pour améliorer la gestion de sa clinique et aider à sa
croissance future.
\section{Chapitre 2 : Conception}
\subsection{Introduction}
Le chapitre 02 se concentre sur la conception du système
proposé pour répondre aux besoins identifiés dans le chapitre précédent.
La conception est l'étape clé du développement logiciel car elle
détermine la manière dont les fonctionnalités seront implémentées et
fournira un aperçu clair de la structure globale du système.\newline
Dans ce chapitre, nous présenterons les différents diagrammes
et modèles utilisés pour décrire la conception de notre système. Nous
commencerons par décrire l'architecture générale du système et nous
plongerons ensuite dans les détails en présentant les diagrammes de
classes, les diagrammes de séquence. Ces diagrammes seront utilisés pour
décrire la logique de traitement, les fonctionnalités et la manière dont
elles interagissent
\subsection{Diagrammes de séquence}
Après plusieurs réunions avec l'équipe de notre client et des
discussions en interne, nous avons réussi à trouver une approche adaptée
pour la réalisation des sites web. Dans ce chapitre, nous allons
expliquer en détail cette approche qui nous permettra de répondre aux
besoins spécifiques du client tout en garantissant une expérience
utilisateur optimale pour les visiteurs du site.
\subsubsection{Diagrammes de séquence (Creation de compte)}
\label{sec:createaccount}
\includegraphics[width=\textwidth]{creation de compte}
\begin{center}
Créer un compte\newline
\end{center}
Ce diagramme de sequence montre les interactions entre
l'acteur principal qui est le client ou l'utilisateur et notre système de
création de compte.
Lorsque l'utilisateur accède à la page d'inscription, il est
invité à saisir ses informations personnelles. Ces informations sont
ensuite vérifiées pour s'assurer de leur validité. Si certaines
informations ne sont pas valides, l'utilisateur sera invité à les
corriger et à les soumettre à nouveau. Cette étape de validation est
importante pour garantir l'exactitude des données entrées dans la base de
données.\newline
Une fois que toutes les informations personnelles de
l'utilisateur sont valides, elles seront enregistrées dans la base de
données. Si le compte n'existe pas déjà, une confirmation sera demandée à
l'utilisateur avant que les informations soient enregistrées dans la base
de données. Dans le cas contraire, si le compte existe déjà, une erreur
sera affichée à l'utilisateur pour l'informer de cette situation.
Il est important de noter que la vérification et la validation
des informations personnelles de l'utilisateur sont cruciales pour
garantir l'intégrité et la sécurité des données stockées dans la base de
données. En signalant les erreurs de manière claire et précise,
l'utilisateur est en mesure de corriger les informations invalides et
d'assurer que les données stockées dans la base de données sont exactes
et à jour.
\subsubsection{Diagrammes de séquence (Authentification)}
\label{sec:auth}
\includegraphics[width=\textwidth]{authentification}
 \begin{center}
S'authentifier\newline
\end{center}
Une fois que le compte de l'utilisateur est créé, il devient
un client et doit s'authentifier à chaque connexion. Pour ce faire, il
doit entrer ses informations personnelles qui seront ensuite vérifiées
par rapport aux données stockées dans la base de données. Si l'accès est
accepté, le client sera redirigé vers la page d'accueil où il pourra
accéder à son compte et à toutes les fonctionnalités disponibles. Dans le
cas contraire, si l'accès est refusé, le client sera redirigé vers la
page d'authentification pour qu'il puisse corriger les informations
invalides ou contacter le support technique si nécessaire.
\subsubsection{Diagrammes de séquence (Paiment)}
\label{sec:pay}
\includegraphics[width=\textwidth]{paiment}
\begin{center}
Payer\newline
\end{center}
ce diagramme décrit les interactions entre l'utilisateur et le
système lors de la procédure de paiement en ligne. Le processus commence
par la sélection de l'option de paiement en ligne par l'utilisateur, qui
est ensuite redirigé vers une page de paiement sécurisée. L'utilisateur
entre les informations de sa carte de crédit, qui sont vérifiées par le
système. Une fois les informations de la carte de crédit validées, le
système envoie une demande de paiement à l'institution financière de
l'utilisateur pour autorisation. Si la demande de paiement est approuvée,
le système génère un reçu de paiement et envoie une notification de
confirmation de paiement à l'utilisateur. En cas de refus, le système
renvoie l'utilisateur à la page de paiement pour entrer de nouvelles
informations de carte de crédit ou choisir une autre option de paiement.
\subsection{Diagramme de classe}
\label{sec:classe}
\includegraphics[width=\textwidth]{diagramme de classe}\
newline
Nous avons deux classes principales : Utilisateur et
Administrateur. La classe Utilisateur possède des attributs tels que le
nom, le prénom, l'adresse email, etc. et des méthodes telles que
consulterServices(), prendreRendezVous(), discuterPrive(),
donnerFeedback(), etc. La classe Administrateur hérite des attributs et
des méthodes de la classe Utilisateur et a des méthodes supplémentaires
telles que visualiserStatistiques(), ajouterService(), etc.\newline
Nous avons également une relation d'association entre la
classe Utilisateur et la classe Services, ce qui signifie que chaque
utilisateur peut avoir accès à plusieurs services proposés. Les acteurs
de notre système sont les utilisateurs et l'administrateur. Les
fonctionnalités des utilisateurs sont de consulter les services proposés,
comme la discussion privée, la prise de rendez-vous, les feedbacks, etc.
Les fonctionnalités de l'administrateur sont de visualiser le nombre
d'inscrits et d'ajouter des services.\newline
En résumé, notre diagramme de classe permet de mieux
comprendre les fonctionnalités de notre système et la façon dont les
entités interagissent les unes avec les autres. Nous espérons que cela
vous aidera à mieux comprendre notre projet.
\subsection{Modèle Relationnel}
\label{sec:mr}
\includegraphics[width=\textwidth]{Modele Relational}\newline
Nous avons utilisé le modèle relationnel pour concevoir notre
base de données. Ce modèle représente les données sous forme de tables
qui sont liées les unes aux autres par des relations clés primaires et
étrangères. Cela nous permet d'organiser les données de manière logique
et cohérente, et facilite l'accès et la manipulation de ces données. Nous
avons également utilisé des outils de modélisation de données pour
concevoir et visualiser notre modèle relationnel, ce qui nous a aidé à
identifier les relations clés et à éviter les incohérences dans notre
schéma de base de données.
\subsection{Conclusion}
En conclusion, notre système de gestion de services comprend
un processus de création de compte et d'authentification pour les
utilisateurs. Le diagramme de classe montre que nous avons deux classes
principales, Utilisateur et Administrateur, avec des fonctionnalités
spécifiques pour chacune. Les utilisateurs peuvent consulter les services
disponibles, prendre rendez-vous, discuter en privé et donner des
feedbacks. L'administrateur peut visualiser les statistiques et ajouter
de nouveaux services. Notre système offre ainsi une expérience
utilisateur complète et une gestion efficace pour l'administrateur.
\section{Chapitre 3 : Réalisation}
\subsection{Introduction}
Dans cette partie, nous décrivons les différentes étapes de
développement des sites, depuis la conception jusqu'à la mise en ligne.
Nous expliquerons également les choix technologiques que nous avons faits
et les outils que nous avons utilisés pour atteindre nos objectifs.
Enfin, nous présenterons les fonctionnalités de chaque site web et les
résultats obtenus.
\subsection{Outils de développement}
\begin{itemize}
\item HTML5 : c'est le langage de balisage utilisé pour
structurer le contenu des pages web.
\item CSS3 : c'est le langage de style utilisé pour donner du
style et de la présentation aux pages web.
\item Lucidchart : c'est un outil de création de diagrammes en
ligne, qui peut être utilisé pour créer des diagrammes de flux, des
organigrammes, des diagrammes de processus, etc.
\item NoSQL : c'est une approche de gestion de données qui ne
repose pas sur des relations tabulaires (comme les bases de données
relationnelles), mais plutôt sur des structures de données non
tabulaires.
\item MongoDB : c'est une base de données NoSQL qui stocke des
données sous forme de documents JSON.
\item Node.js : c'est une plateforme de développement
JavaScript qui permet d'exécuter du code JavaScript côté serveur.
\item Express.js : c'est un framework web pour Node.js qui
facilite la création d'applications web en fournissant des
fonctionnalités telles que la gestion des routes, les middlewares, etc.
\item Figma : c'est un outil de conception d'interfaces
utilisateur (UI) et d'expérience utilisateur (UX) qui permet de créer des
maquettes de conception, des prototypes, etc.
\item Adobe Photoshop : c'est un logiciel de traitement
d'images qui permet de créer, de modifier et de retoucher des images.
\item Adobe Illustrator : c'est un logiciel de création
vectorielle qui permet de créer des illustrations, des graphismes, des
logos, etc.
\end{itemize}
\subsection{Présentation de l’application (Capture d’écran et
explication sur les fonctionnalités)}
\subsubsection{Page d'accueil}
\label{sec:home}
 \includegraphics[width=\textwidth]{HOME PAGE}\newline \newline
Sur notre page d'accueil, vous trouverez toutes les
informations importantes sur nos produits et services ainsi que sur
l'entreprise elle-même. Nous nous efforçons de fournir à nos clients une
expérience utilisateur exceptionnelle grâce à notre site web convivial et
facile à naviguer. Nous sommes fiers de notre engagement envers la
qualité, le service client et l'innovation. Nous espérons que vous
apprécierez votre visite sur notre page d'accueil et n'hésitez pas à nous
contacter si vous avez des questions ou des commentaires.\pagebreak
\subsubsection{Page des services}
\label{sec:services}
\includegraphics[width=\textwidth]{serives pages}\newline \
newline
Notre entreprise offre une variété de services professionnels
pour répondre aux besoins de nos clients. Nous avons une équipe d'experts
qualifiés dans différents domaines pour offrir des services de qualité
supérieure. Nos services incluent la conception de sites web, le
développement d'applications mobiles, le marketing numérique, l'analyse
de données, la gestion de projet et bien plus encore. Nous travaillons en
étroite collaboration avec nos clients pour comprendre leurs besoins et
fournir des solutions personnalisées pour atteindre leurs objectifs. Nous
sommes fiers de fournir des services exceptionnels et de maintenir des
relations à long terme avec nos clients.\pagebreak
\subsubsection{Page à propos de nous}
\label{sec:about}
\includegraphics[width=\textwidth]{about us page}\newline \
newline
Sur notre page "À propos de nous", nous présentons notre
entreprise et notre équipe. Nous décrivons notre histoire, notre mission,
nos valeurs et notre engagement envers nos clients. Nous partageons
également des informations sur nos compétences, notre expérience et nos
réalisations passées. Nous voulons que nos clients sachent qui nous
sommes et ce que nous représentons en tant qu'entreprise. Cela nous
permet de créer une relation de confiance avec nos clients et de
renforcer notre réputation.\pagebreak
\subsubsection{Page de commentaires et notation}
\label{sec:feedback}
\includegraphics[width=\textwidth]{feedback page}\newline \
newline
La page "Feedback" est un espace important pour que nos
clients puissent partager leur expérience et donner leur avis sur nos
services. Nous encourageons nos clients à partager leurs commentaires,
suggestions et préoccupations avec nous afin que nous puissions améliorer
continuellement la qualité de nos services et mieux répondre à leurs
besoins. Nous sommes ouverts et réceptifs à toutes les formes de
commentaires, positives ou négatives, et nous nous engageons à y répondre
dans les meilleurs délais. Votre opinion est très importante pour nous,
car elle nous aide à grandir et à améliorer continuellement notre
entreprise.\pagebreak
\subsubsection{Page contactez-nous}
\label{sec:contact}
\includegraphics[width=\textwidth]{contact us page}\newline \
newline
La page "Contactez-nous" est le moyen le plus simple pour nos
clients de nous contacter en cas de questions ou de préoccupations. Nous
sommes toujours heureux d'aider nos clients à résoudre tous les problèmes
qu'ils peuvent rencontrer. Nous avons fourni un formulaire de contact qui
permet à nos clients de nous envoyer un message directement à partir de
notre site Web. Nous avons également fourni notre adresse e-mail et notre
numéro de téléphone pour que les clients puissent nous contacter
directement. Notre objectif est de fournir un excellent service client et
de répondre rapidement à toutes les demandes de nos clients.\pagebreak
\subsubsection{page de connexion}
\label{sec:connexion}
\includegraphics[width=\textwidth]{connection page}\newline \
newline
La page de connexion est une page sécurisée qui permet à
l'administrateur de se connecter à son compte pour accéder à l'ensemble
des fonctionnalités de gestion du site. L'administrateur doit fournir ses
identifiants de connexion (nom d'utilisateur et mot de passe) pour
accéder à la page de tableau de bord. La sécurité de cette page est
essentielle pour protéger les données et garantir que seuls les
utilisateurs autorisés peuvent accéder à l'interface d'administration du
site. \pagebreak
\subsubsection{page de réinitialisation de mot de passe}
\label{sec:passwordreset}
\includegraphics[width=\textwidth]{password reset page}\
newline \newline
La page de réinitialisation de mot de passe permet à l'admin
de réinitialiser son mot de passe en cas d'oubli. L'admin doit entrer
l'adresse e-mail associée à son compte, et un e-mail de réinitialisation
de mot de passe lui sera envoyé. L'admin peut ensuite cliquer sur le lien
de réinitialisation de mot de passe dans l'e-mail et entrer un nouveau
mot de passe. La page de réinitialisation de mot de passe est sécurisée
avec des mesures de sécurité telles que la vérification par captcha et la
vérification par e-mail pour empêcher les attaques de piratage.\pagebreak
\subsubsection{page de modification de mot de passe}
\label{sec:passwordmodification}
\includegraphics[width=\textwidth]{modify password page}\
newline \newline
La page de modification de mot de passe est un élément
essentiel pour la sécurité et la confidentialité des informations de
l'administrateur. Sur cette page, l'administrateur peut modifier son mot
de passe en saisissant son ancien mot de passe, puis en choisissant un
nouveau mot de passe sécurisé et en le confirmant. Cette page peut
également inclure des conseils de sécurité pour aider l'administrateur à
créer un mot de passe fort et difficile à deviner. Une fois que
l'administrateur a modifié son mot de passe, un message de confirmation
peut s'afficher pour indiquer que la modification a été prise en compte
avec succès.\pagebreak
\subsubsection{page de dashboard}
\label{sec:dash}
\includegraphics[width=\textwidth]{dashboard page}\newline \
newline
Le tableau de bord (dashboard) de notre site web offre une vue
d'ensemble des performances du site. L'administrateur peut consulter le
nombre de visiteurs au site pour le jour, la semaine ou le mois en cours.
En outre, le dashboard permet de visualiser des statistiques sur le
pourcentage d'abonnés par wilaya (région géographique) et par âge. Ces
données permettent à l'administrateur de mieux comprendre le public cible
du site web et d'adapter les contenus en conséquence. En résumé, le
dashboard offre des informations précieuses pour améliorer l'expérience
utilisateur et la stratégie de contenu du site. \pagebreak
\subsubsection{page des abonnements}
\label{sec:subscribe}
 \includegraphics[width=\textwidth]{subscribers page}\newline \
newline
La page des abonnements permet à l'administrateur de
visualiser les abonnements en attente de validation, ceux qui ont été
validés et ceux qui ont été refusés. Pour chaque abonnement,
l'administrateur peut voir les détails du compte de l'utilisateur, tels
que le nom, l'adresse e-mail et le numéro de téléphone. Il peut également
modifier l'état de l'abonnement en le validant ou en le refusant. Cette
page permet à l'administrateur de gérer efficacement les abonnements et
de s'assurer que seuls les utilisateurs autorisés ont accès au site.\
pagebreak
\subsubsection{page des rendez-vous}
\label{sec:rendez-vous}
\includegraphics[width=\textwidth]{appointment page}\newline \
newline
La page des rendez-vous permet à l'administrateur de consulter
les demandes de rendez-vous des patients. Il peut voir toutes les
informations pertinentes telles que le nom du patient, la date et l'heure
du rendez-vous demandé, ainsi que les détails de contact du patient.
L'administrateur a la possibilité d'approuver ou de refuser chaque
demande de rendez-vous. De plus, l'administrateur peut également gérer
les rendez-vous approuvés en les modifiant ou en les annulant en cas de
besoin.\pagebreak
\subsubsection{page des feedbacks}
\label{sec:feedbacks}
\includegraphics[width=\textwidth]{feedback page-admin}\
newline \newline
La page des feedbacks est une fonctionnalité importante pour
l'admin de notre site. Cette page permet à l'admin de visualiser les
messages, les commentaires et les notes laissés par les clients
concernant les services offerts par le site. L'admin peut ainsi avoir un
aperçu de la satisfaction des clients et des domaines qui nécessitent une
amélioration.\pagebreak
\subsection{Conclusion}
En conclusion, la réalisation de ce projet a été un succès
grâce à l'application d'une méthodologie rigoureuse et à l'utilisation
d'outils et de technologies appropriés. La mise en place de la base de
données relationnelle a permis de stocker et de manipuler les
informations de manière efficace et structurée. La conception et le
développement des sites web ont permis de répondre aux besoins
fonctionnels et non fonctionnels identifiés lors de l'analyse des
besoins. Les tests ont permis de vérifier la qualité du produit final et
de s'assurer que toutes les fonctionnalités étaient correctement
implémentées. Enfin, la formation du client et la remise de la
documentation ont permis d'assurer une utilisation efficace et autonome
du système.
\section{Conclusion générale}
En conclusion, malgré les recherches approfondies effectuées
pour trouver des sites ou des idées similaires à la nôtre, nous avons
constaté que notre idée est novatrice et originale. Les sites consultés
dans le domaine de la santé se focalisent principalement sur la
présentation de la clinique et la prise de rendez-vous, alors que notre
site offre des fonctionnalités plus avancées telles que la gestion de
dossiers, une messagerie privée et des séances en ligne. Dans le domaine
du Business, nous avons également constaté que notre idée est unique car
aucun site ne propose une combinaison entre la gestion de la santé et du
business.\newline
 Nous sommes convaincus que notre site offrira une expérience
utilisateur exceptionnelle pour nos clients et nous avons hâte de le
lancer sur le marché pour répondre aux besoins de notre clients.\
pagebreak
\section{Bibliographie/webographie.}
\begin{itemize}
\item Connolly, T., Begg, C. (2014). Database Systems: A
Practical Approach to Design, Implementation, and Management. Pearson
Education.
\item Elmasri, R., Navathe, S. B. (2015). Fundamentals of
Database Systems. Pearson Education.
\item Garcia-Molina, H., Ullman, J. D., Widom, J. (2008).
Database Systems: The Complete Book. Pearson Education.
\item Ramakrishnan, R., çà Gehrke, J. (2003). Database
Management Systems. McGraw-Hill Education.
\item Oracle. (n.d.). Oracle Database. Récupéré sur
https://www.oracle.com/database/
\item Microsoft. (n.d.). SQL Server. Récupéré sur
https://www.microsoft.com/en-us/sql-server
\item PostgreSQL. (n.d.). PostgreSQL. Récupéré sur
https://www.postgresql.org/
\item MySQL. (n.d.). MySQL. Récupéré sur
https://www.mysql.com/
\item W3Schools. (n.d.). SQL Tutorial. Récupéré sur
https://www.w3schools.com/sql/
\item GeeksforGeeks. (n.d.). Database Management System.
Récupéré sur https://www.geeksforgeeks.org/dbms-database-management-
system/
\item TutorialsPoint. (n.d.). Database Management System.
Récupéré sur https://www.tutorialspoint.com/dbms/index.htm
\item IBM. (2021). Artificial Intelligence.
https://www.ibm.com/artificial-intelligence
\item Wikipedia. (2021). Artificial Intelligence.
https://en.wikipedia.org/wiki/Artificial-intelligence\pagebreak
\end{itemize}
\section{Résumé/traduction}
\subsection{Resumé chapitre 1}
Nous sommes chargés de gérer une clinique de médecine
alternative dirigée par M. Harfouche. Nous avons identifié plusieurs
problèmes qui entravent sa progression, notamment le manque de
connaissances en informatique de notre client, la localisation éloignée
de sa clinique et le manque de personnel. Nous proposons alors la
création de deux sites web distincts pour résoudre ces problèmes.\newline
Le premier site serait dédié à la gestion des activités
commerciales de M. Harfouche, avec des fonctionnalités adaptées à ses
besoins spécifiques, telles que la signature de contrats de partenariat
avec des entreprises ou l’accompagnement de jeunes entrepreneurs dans la
conception de leurs projets. Le deuxième site serait consacré à la
gestion des services de santé, avec une prise de rendez-vous en ligne, la
gestion des dossiers des patients, une messagerie privée pour rester en
contact direct avec les patients, des séances de consultation en ligne,
etc.\newline
Pour mener à bien notre projet, nous avons étudié l’existence
de sites ou même d’idées similaires, mais nous n’avons trouvé que
quelques exemples pertinents, des exemples pratiquement inexistants au
niveau local, ce qui montre à quel point notre projet est novateur et
ambitieux. En termes de besoins, nous avons identifié des besoins
fonctionnels tels que la gestion des dossiers de patients, la prise de
rendez-vous en ligne, etc., ainsi que des besoins non fonctionnels tels
que les pages de témoignages et les FAQ.
\subsection{Resumé chapitre 2}
Notre système offre la possibilité aux utilisateurs de créer
un compte en fournissant des informations personnelles qui sont vérifiées
et validées avant d'être stockées dans la base de données. Les
utilisateurs peuvent ensuite s'authentifier en entrant leurs informations
personnelles qui sont vérifiées par rapport aux données stockées dans la
base de données. Si l'accès est accepté, le client peut accéder à toutes
les fonctionnalités disponibles sur le site, telles que la consultation
des services, la prise de rendez-vous, les feedbacks, etc.
Le diagramme de classe montre que notre système se compose de
deux classes principales, Utilisateur et Administrateur, avec des
méthodes et des attributs spécifiques. La classe Utilisateur est associée
à la classe Services, ce qui signifie que chaque utilisateur peut avoir
accès à plusieurs services proposés. Les acteurs de notre système sont
les utilisateurs et l'administrateur, avec des fonctionnalités
spécifiques pour chacun.\newline
En somme, notre système offre une expérience utilisateur
complète avec la création de compte, l'authentification et des
fonctionnalités spécifiques pour chaque acteur du système, le tout basé
sur une structure claire et bien définie grâce à notre diagramme de
classe.\pagebreak
\subsection{Resumé chapitre 3}
Ce chapitre traite de la réalisation du système proposé pour
la gestion des sites dirigée par M. Harfouche. Le chapitre commence par
présenter les outils et technologies utilisés pour la réalisation du
système, notamment le langage de programmation PHP, le système de gestion
de base de données noSQL, MongoDB, et le framework Express.js.\newline
Ensuite, le chapitre aborde la conception et le développement
de deux sites web distincts : le premier site est dédié à la gestion de
l'activité commerciale de M. Harfouche, avec des fonctionnalités adaptées
à ses besoins spécifiques, telles que la signature de contrats de
partenariat avec des entreprises ou l'accompagnement de jeunes
entrepreneurs dans la conception de leurs projets. Le deuxième site est
consacré à la gestion des services de santé, avec une prise de rendez-
vous en ligne, la gestion des dossiers des patients, une messagerie
privée pour rester en contact direct avec les patients, des séances de
consultation en ligne, etc.\newline
Enfin, le chapitre termine par la présentation de l'interface
utilisateur du système, en montrant les différentes pages et
fonctionnalités disponibles pour les utilisateurs et les administrateurs.
\subsection{Resumé chapitre 1 en anglais}
We are working on managing an alternative medicine clinic led
by Mr. Harfouche. We have identified several problems that are hindering
its progress, including our client's lack of computer knowledge, the
remote location of his clinic, and a shortage of staff. We propose the
creation of two separate websites to address these issues.\newline
The first website would be dedicated to managing healthcare
services, with features such as online appointment booking, patient
record management, private messaging for direct patient contact, online
consultation sessions, and more. The second website would focus on
managing Mr. Harfouche's business activities, with customized
functionalities to meet his specific needs, such as partnership contract
signing with companies or guiding young entrepreneurs in the development
of their projects.\newline
To carry out our project, we have studied the existence of
similar websites or ideas, but we have only found a few relevant
examples, which are practically non-existent locally, demonstrating how
innovative and ambitious our project is.\newline
In terms of needs, we have identified functional requirements
such as patient record management and online appointment booking, as well
as non-functional requirements such as testimonial pages and FAQs.\
newline
In summary, our project proposes the creation of two websites
to address the management issues of Mr. Harfouche's clinic, with many
features tailored to his specific needs.\pagebreak
\subsection{Resumé chapitre 2 en anglais}
Our system offers users the possibility to create an account
by providing personal information that is verified and validated before
being stored in the database. Users can then authenticate themselves by
entering their personal information which is checked against the data
stored in the database. If access is granted, the client can access all
the functionalities available on the site, such as service consultation,
appointment scheduling, feedback, etc. The class diagram shows that our
system consists of two main classes, User and Administrator, with
specific methods and attributes. The User class is associated with the
Services class, meaning that each user can have access to multiple
services offered. The actors of our system are the users and the
administrator, with specific functionalities for each. \newline
In summary, our system offers a complete user experience with
account creation, authentication, and specific functionalities for each
system actor, all based on a clear and well-defined structure thanks to
our class diagram.
\subsection{Resumé chapitre 3 en anglais}
This chapter deals with the implementation of the proposed
system for managing sites directed by Mr. Harfouche. The chapter begins
by presenting the tools and technologies used for the system
implementation, including the PHP programming language, the NoSQL
database management system, MongoDB, and the Express.js framework.\
newline
Next, the chapter discusses the design and development of two
distinct websites: the first website dedicated to healthcare service
management, with online appointment booking, patient record management,
private messaging to stay in direct contact with patients, online
consultation sessions, etc. The second website is dedicated to the
management of Mr. Harfouche's business activity, with functionalities
tailored to his specific needs, such as signing partnership contracts
with companies or supporting young entrepreneurs in the conception of
their projects.\newline
Finally, the chapter concludes with the presentation of the
user interface of the system, showing the different pages and
functionalities available for users and administrators.\newline
\end{document}