INTRODUCTION

Dans un contexte marqué par la transformation numérique et l’essor des technologies de

l’information et de la communication, les établissements d’enseignement supérieur sont
appelés à moderniser leurs outils de communication et de gestion. Le site web institutionnel
constitue aujourd’hui un élément stratégique pour une université, car il représente la
principale vitrine numérique permettant de diffuser l’information, d’attirer de nouveaux
étudiants et de renforcer la crédibilité de l’institution auprès du public.

L’université ISIME (Institut Supérieur de l’Informatique et du Management de l’Entreprise),

soucieuse de s’adapter aux exigences du numérique, doit disposer d’un site web moderne,
dynamique et accessible. Un tel outil permettrait de présenter clairement l’université, ses
offres de formation, son organisation, ainsi que les actualités académiques, tout en facilitant
l’interaction avec les étudiants, les enseignants et les partenaires.

C’est dans cette optique que s’inscrit ce projet de création d’un site web pour l’université
ISIME, réalisé dans le cadre de notre mémoire de fin d’études. L’objectif principal de ce
travail est de concevoir et de développer une plateforme web institutionnelle capable de
répondre aux besoins de communication, de visibilité et d’accessibilité de l’université, tout en
respectant les standards actuels du développement web.

Ce projet vise également à mettre en pratique les connaissances théoriques et techniques

acquises au cours de notre formation, notamment en matière d’analyse des besoins, de
conception informatique et de développement web. Il s’agit d’une approche méthodique qui
débute par l’étude de l’existant, suivie de l’analyse et de la conception de la solution, pour
aboutir à la réalisation concrète du site web.

Ce mémoire est structuré en trois parties principales. La première partie présente le cadre
général du projet, incluant la présentation de l’université ISIME, du projet et du déroulement
des travaux. La deuxième partie est consacrée à l’analyse et à la conception du système
proposé. Enfin, la troisième partie détaille la réalisation du site web, les choix technologiques
effectués, ainsi qu’une analyse FFOM du projet, permettant d’identifier ses forces, faiblesses,
opportunités et menaces.
PARTIE I : PRÉSENTATION GÉNÉRALE
Chapitre I : Présentation de l’entreprise (Université ISIME)
Historique et contexte de création de l’ISIME
Mission, vision et objectifs de l’université
Organisation administrative et pédagogique
Offres de formation et domaines d’intervention
Environnement de travail et ressources disponibles
Place du numérique au sein de l’ISIME
________________________________________

Chapitre II : Présentation du projet

Le présent chapitre a pour objectif de présenter de manière détaillée le projet de création d’un
site web pour l’université ISIME. Il permet de situer le contexte général du projet, d’identifier
la problématique à l’origine de sa réalisation, de définir les objectifs visés et de préciser
l’intérêt ainsi que les contraintes liées à la mise en œuvre de la solution proposée.

I. Contexte et justification du projet

II. L’évolution rapide des technologies de l
’information et de la communication a profondément transformé les modes de
communication et de gestion au sein des organisations, y compris dans le domaine de
l’enseignement supérieur. Aujourd’hui, le site web institutionnel est devenu un outil
indispensable pour toute université souhaitant assurer une communication efficace,
renforcer sa visibilité et faciliter l’accès à l’information pour l’ensemble de ses
usagers.
III.
IV. Dans ce contexte, l’université ISIME (Institut Supérieur de l’Informatique et du
Management de l’Entreprise) doit répondre aux nouvelles exigences du numérique
afin de s’adapter aux attentes croissantes des étudiants, des enseignants, des futurs
candidats et des partenaires institutionnels. L’absence ou l’insuffisance d’un site web
moderne et structuré peut constituer un frein à la diffusion de l’information, à la
promotion des offres de formation et à la valorisation de l’image de l’université.
V.
VI. Par ailleurs, les étudiants et les futurs bacheliers utilisent de plus en plus Internet
comme principal moyen de recherche d’informations concernant les établissements
d’enseignement supérieur. Ils s’attendent à trouver des informations claires, à jour et
facilement accessibles concernant les filières proposées, les conditions d’admission,
les actualités académiques et la vie universitaire. Face à ces attentes, la mise en place
d’un site web performant apparaît comme une nécessité stratégique pour l’université
ISIME.
VII.
VIII. La justification de ce projet repose également sur la volonté de centraliser
l’information académique et administrative au sein d’une plateforme unique. Un site
web bien conçu permet non seulement d’améliorer la communication interne et
externe, mais aussi de réduire les contraintes liées à la diffusion manuelle de
l’information, tout en assurant une meilleure organisation des contenus.
IX.
X. Ainsi, le projet de création d’un site web pour l’université ISIME s’inscrit dans une
démarche de modernisation et de valorisation institutionnelle. Il vise à doter
l’université d’un outil numérique fiable, évolutif et conforme aux standards actuels du
web, contribuant à améliorer son image, sa visibilité et son attractivité dans un
environnement éducatif de plus en plus concurrentiel.

XI. Problématique identifiée

I. Malgré l’importance croissante du numérique dans le secteur de l’enseignement

supérieur, de nombreuses universités rencontrent encore des difficultés dans la gestion
et la diffusion de l’information à travers des outils digitaux adaptés. L’université
ISIME ne fait pas exception à cette réalité, notamment en ce qui concerne la
communication institutionnelle et la visibilité en ligne.
II.
III. L’absence d’un site web institutionnel structuré, moderne et régulièrement mis à jour
engendre plusieurs insuffisances. Les informations relatives aux offres de formation,
aux conditions d’admission, aux activités académiques et aux actualités de l’université
sont souvent dispersées ou difficilement accessibles. Cette situation peut créer une
confusion chez les étudiants actuels et potentiels, ainsi qu’un manque de clarté pour
les partenaires et le grand public.
IV.
V. Par ailleurs, le recours à des moyens de communication traditionnels ou informels
limite la portée de l’information et ne permet pas de répondre efficacement aux
attentes d’un public de plus en plus connecté. L’université se trouve alors confrontée à
des problèmes de visibilité, de crédibilité et d’attractivité face à la concurrence
d’autres établissements disposant de plateformes numériques performantes.
VI.
VII. La problématique centrale qui se pose est donc la suivante : comment concevoir et
mettre en place un site web institutionnel performant, accessible et évolutif permettant
à l’université ISIME d’améliorer sa communication, de valoriser son image et de
faciliter l’accès à l’information pour l’ensemble de ses utilisateurs ?
VIII.
IX. C’est à cette problématique que ce projet de création de site web entend apporter une
solution adaptée, en tenant compte des besoins des utilisateurs et des contraintes
techniques et organisationnelles de l’université.et organisationnelles de l’université.

XII. Objectifs généraux et objectifs spécifiques

Objectif général
L’objectif général de ce projet est de concevoir et de réaliser un site web institutionnel
moderne et fonctionnel pour l’université ISIME, afin d’améliorer sa communication,
 renforcer sa visibilité en ligne et faciliter l’accès à l’information pour l’ensemble des
utilisateurs, notamment les étudiants, les enseignants, le personnel administratif et les futurs
candidats.
Objectifs spécifiques
De manière plus précise, ce projet vise à :
Analyser les besoins informationnels et fonctionnels des différents utilisateurs du site web de
l’université ISIME ;
Concevoir une architecture claire et structurée du site web permettant une navigation simple
et intuitive ;
Mettre en place un site web responsive, accessible depuis différents supports (ordinateurs,
tablettes et smartphones) ;
Présenter de manière détaillée et attractive les offres de formation, les services académiques et
les activités de l’université ;
Centraliser les informations académiques et administratives au sein d’une plateforme unique ;
Assurer une mise à jour facile des contenus afin de garantir la fiabilité et la pertinence des
informations diffusées ;
Appliquer les bonnes pratiques du développement web en matière de performance, de sécurité
et d’ergonomie.
Ces objectifs spécifiques permettent de décliner concrètement l’objectif général du projet et
constituent un guide pour la conception, l’analyse et la réalisation du site web proposé.

XIII. Intérêt du projet pour l’ISIME

Malgré l’importance croissante du numérique dans le secteur de l’enseignement supérieur, de

nombreuses universités rencontrent encore des difficultés dans la gestion et la diffusion de
l’information à travers des outils digitaux adaptés. L’université ISIME ne fait pas exception à
cette réalité, notamment en ce qui concerne la communication institutionnelle et la visibilité
en ligne.

L’absence d’un site web institutionnel structuré, moderne et régulièrement mis à jour
engendre plusieurs insuffisances. Les informations relatives aux offres de formation, aux
conditions d’admission, aux activités académiques et aux actualités de l’université sont
souvent dispersées ou difficilement accessibles. Cette situation peut créer une confusion chez
les étudiants actuels et potentiels, ainsi qu’un manque de clarté pour les partenaires et le grand
public.
Par ailleurs, le recours à des moyens de communication traditionnels ou informels limite la
portée de l’information et ne permet pas de répondre efficacement aux attentes d’un public de
plus en plus connecté. L’université se trouve alors confrontée à des problèmes de visibilité, de
crédibilité et d’attractivité face à la concurrence d’autres établissements disposant de
plateformes numériques performantes.

La problématique centrale qui se pose est donc la suivante : comment concevoir et mettre en
place un site web institutionnel performant, accessible et évolutif permettant à l’université
ISIME d’améliorer sa communication, de valoriser son image et de faciliter l’accès à
l’information pour l’ensemble de ses utilisateurs ?

C’est à cette problématique que ce projet de création de site web entend apporter une solution
adaptée, en tenant compte des besoins des utilisateurs et des contraintes techniques et
organisationnelles de l’université.

XIV. Bénéficiaires du projet

Le projet de création d’un site web institutionnel pour l’université ISIME bénéficie à
plusieurs catégories d’acteurs, tant internes qu’externes à l’établissement. En tant
qu’outil de communication et de diffusion de l’information, le site web constitue une
plateforme centrale répondant aux besoins de différents utilisateurs.

Les étudiants actuels de l’université ISIME figurent parmi les principaux bénéficiaires
du projet. Le site web leur permet d’accéder facilement aux informations académiques
et administratives, telles que les programmes de formation, les calendriers
universitaires, les actualités et les annonces importantes, facilitant ainsi leur parcours
universitaire.

Les futurs étudiants et candidats à l’inscription bénéficient également de ce projet.

Grâce au site web, ils peuvent obtenir des informations fiables et détaillées sur les
filières proposées, les conditions d’admission, les débouchés professionnels et la vie
universitaire, ce qui les aide à orienter leurs choix et à mieux préparer leur inscription.
 Le personnel enseignant et administratif constitue un autre groupe de bénéficiaires. Le
site web facilite la diffusion des informations officielles, améliore la communication
interne et contribue à une meilleure organisation des activités académiques et
administratives.

Par ailleurs, les partenaires institutionnels et professionnels de l’université ISIME

peuvent accéder à une présentation claire de l’établissement, de ses formations et de
ses domaines de compétences. Cela favorise le développement de collaborations, de
partenariats et d’échanges académiques.

Enfin, le grand public bénéficie indirectement du projet en disposant d’une source

d’information officielle et accessible sur l’université ISIME. Ainsi, le site web
contribue à renforcer la transparence, la visibilité et la notoriété de l’université auprès
de l’ensemble de la communauté.
XV. Limites et contraintes du projet

Comme tout projet de développement, la création d’un site web pour l’université ISIME est
soumise à certaines limites et contraintes qu’il est important d’identifier afin de garantir une
planification réaliste et une mise en œuvre efficace.

Tout d’abord, les contraintes techniques constituent une limite majeure. Le projet nécessite
l’utilisation de technologies web adaptées, la compatibilité avec différents navigateurs et
supports (ordinateurs, tablettes, smartphones), ainsi que la prise en compte des exigences de
performance et de sécurité. Le choix des langages de programmation, des frameworks et des
systèmes de gestion de base de données doit donc être réfléchi en fonction des ressources
disponibles et des compétences techniques.

Ensuite, les contraintes de temps représentent un facteur limitant. La réalisation complète

d’un site web fonctionnel et ergonomique demande un temps suffisant pour l’analyse, la
conception, le développement et les tests. Le respect des délais impose une planification
rigoureuse et la priorisation des fonctionnalités essentielles.

Par ailleurs, les contraintes financières peuvent influencer l’étendue et la qualité du projet. La
disponibilité des ressources pour l’hébergement, la maintenance, l’acquisition d’outils et de
licences logicielles constitue un facteur à prendre en compte lors de la conception et du choix
technologique.
Enfin, les contraintes organisationnelles et humaines peuvent limiter certaines fonctionnalités
ou la mise à jour régulière du site. La collaboration avec le personnel administratif et
pédagogique est essentielle pour fournir des contenus fiables et à jour, mais peut être affectée
par la disponibilité ou le niveau d’implication des différents acteurs.

En dépit de ces limites, la planification rigoureuse et le respect des bonnes pratiques de

développement web permettent de concevoir un site performant, évolutif et adapté aux
besoins de l’université ISIME, tout en anticipant les difficultés potentielles liées aux
contraintes identifiées.
 Chapitre III : Organisation et étapes de réalisation du projet
Ce chapitre présente l’organisation et le déroulement du projet de création du site web pour
l’université ISIME. Il décrit les différentes étapes de réalisation, la méthodologie adoptée, les
outils utilisés, ainsi que les activités menées pour atteindre les objectifs fixés. Méthodologie
de travail adoptée

I. Outils et technologies utilisés pour le projet

La réalisation du site web pour l’université ISIME repose sur un ensemble de
technologies modernes, choisies pour leur performance, leur flexibilité et leur capacité
à garantir une expérience utilisateur optimale. Ces technologies couvrent le frontend,
le backend, ainsi que des outils complémentaires permettant la gestion de l’état, des
animations et des interactions graphiques.
1. Frontend (interface utilisateur)
Le développement de l’interface utilisateur (frontend) a été réalisé en utilisant les
technologies suivantes :
React 18 : bibliothèque JavaScript permettant de créer des interfaces utilisateur
dynamiques et réactives.
TypeScript : surensemble de JavaScript offrant un typage statique pour améliorer la
fiabilité et la maintenabilité du code.
Vite : outil de compilation et de build ultra-rapide, facilitant le développement et le
déploiement du projet.
Tailwind CSS : framework CSS utilitaire permettant de créer des interfaces modernes
et responsives sans écrire de CSS complexe.
shadcn/ui (basé sur Radix UI) : ensemble de composants UI modernes et modulables
pour construire rapidement une interface cohérente et ergonomique.
Framer Motion : bibliothèque d’animations pour React, utilisée pour créer des
transitions fluides et des effets visuels attractifs.
React Router : outil de navigation permettant de gérer le routage et le passage entre les
différentes pages du site dans une architecture Single Page Application (SPA).
 React Hook Form + Zod : solution pour la gestion des formulaires avec validation et
typage, assurant une saisie sécurisée et fiable des données utilisateur.
2. 2. Backend (Lovable Cloud)
Le backend du site repose sur la plateforme Lovable Cloud, offrant une infrastructure
serverless performante et sécurisée :
PostgreSQL : système de gestion de base de données relationnelle utilisé pour stocker
et gérer les informations des utilisateurs, des formations et des contenus du site.
Authentification intégrée : gestion sécurisée des utilisateurs et des permissions d’accès
aux différentes parties du site.
Edge Functions (Deno) : fonctions exécutées côté serveur pour gérer la logique métier,
le traitement des données et les opérations en temps réel.
Stockage de fichiers : solution intégrée pour gérer les contenus multimédias,
documents et ressources accessibles sur le site.
3. Outils complémentaires
Pour améliorer les fonctionnalités et l’interactivité du site, plusieurs bibliothèques et
outils ont été intégrés :
TanStack Query : gestion de l’état serveur, permettant de synchroniser et mettre à jour
les données de manière efficace.
Lucide React : bibliothèque d’icônes vectorielles légères et personnalisables pour
enrichir l’interface utilisateur.
Recharts : génération de graphiques interactifs pour la visualisation des données sur le
site.
Sonner : système de notifications toast pour informer l’utilisateur des actions réalisées
ou des événements important

Activités réalisées
Difficultés rencontrées et solutions apportées
Compétences acquises
________________________________________
PARTIE II : ANALYSE ET CONCEPTION
Chapitre I : Étude de l’existant
Présentation du système existant
Analyse du site web actuel (s’il existe)
Forces et faiblesses de l’existant
Problèmes identifiés
Besoins des utilisateurs (étudiants, enseignants, administration)
Conclusion de l’étude de l’existant
________________________________________
Chapitre II : Analyse informatique
Analyse fonctionnelle du système
Identification des acteurs
Définition des besoins fonctionnels
Définition des besoins non fonctionnels
Diagramme de cas d’utilisation (UML)
Diagramme de séquence
Modélisation de la base de données
Cahier des charges fonctionnel
________________________________________
PARTIE III : RÉALISATION
Chapitre I : Choix technologiques
Environnement de développement
Langages de programmation utilisés
Frameworks et bibliothèques
Système de gestion de base de données
Outils de conception graphique
Justification des choix technologiques
________________________________________
Chapitre II : Aperçu du projet (Réalisation du site web)
Architecture générale du site
Description des différentes pages du site
Fonctionnalités principales du site
Interface utilisateur (UI/UX)
Sécurité et gestion des accès
Tests et validation du système
________________________________________
Chapitre III : Analyse FFOM (SWOT)
Forces du projet
Faiblesses du projet
Opportunités du projet
Menaces du projet
Interprétation de l’analyse FFOM