République Tunisienne

Ministère de l’Enseignement Supérieur et

de la Recherche Scientifique

Université de Sfax

Ecole Nationale d’Electronique et des

Télécommunications de Sfax

Rapport De Stage
Présenté à

L’Ecole Nationale d’Electronique et des

Télécommunications de Sfax

Génie des système électroniques

et communication

Par

Dabbeche Sirine

Site web de gestion des événements

« Soft Event »

Mr Oussema Ben Krima Encadrant

Année Universitaire : 2022-2023

 Sommaire
Introduction
générale…………………………………………………………………..……3
Cahpitre1 : Cadre générale du projet………………………………….……4
1.1 Introduction…………..………………………………………….4
1.2 Présentation de l’organisme d’accueil………...…………………..4
1.2.1  Présentation de la société SOFTSquare IT...…………...…….4
1.2.2 Organisme……………………………………………………….4
1.3 contexte du projet…………………………………………….…4
1.4 conclusion………..………………………………………………4

Chapitre2 :Réalisation du projet….………………………………………….5
Introduction…………………………….…………...……………………5
2.1  Environnement du travail…………………………………….…5
2.2 Langages de programmation…….…………………………….5
2.2.1 PHP…………….……………………………………..6
2.2.2 Visual Studio Code……………………………….…7
2.2.3 Framework symfony ….…………………………….7
2.2.4 Bootstrap………….………………………………….8
2.2.5 WampServer………………………….……………...8
2.2.6Twig……………….………………………….………..9
2.3 Analyse et conception global du projet……………………...10
2.4 Identification des acteurs………………….………………….10
2.5 Diagramme des cas d’utilisation……………………….…….11
2.6 Diagramme de classe…………………………………….…...12
2.7 Réalisation d’application……………………………………...13
2.7.1 Gestion des .utilisateurs.…………………...…………………13
2.7.2 Gestion des événements……………………………………..15
2.7.3 Gestion des catégories……………………….……………….17
2.7.4 Gestion des taches………………….…………………………18
2.7.5 Gestion des réunions……………………….…………………20
2.7.6 Gestion des historiques…………………….…………………21
Conclusion générale……………………………….……………………..24

1
 Figures

Figure1 : Logo de softsquare It……………...……………3

Figure2 : Architecture MVC………………..……………...6
Figure3 : Diagramme de cas d’utilisation global…….….8
Figure 4 : Diagramme du classe global……….…………9
Figure5 : Menu administrateur…………………………..10
Figure6 : inscription………………………………………14
Figure7 :login et mot de passe………………………….14
Figure8 : Logout…………………………………………..14
Figure9 : Menu event…………………………………….15
Figure10 : Formulaire de création d'un événement…..15
Figure11 : suite de Formulaire de création d'un
événement…………………………………………………16
Figure12 :supprimer un évènement ……………………16
Figure13 :affichage des évènements…………………..17
Figure14 : les catégories…………………………………17
Figure15 : Formulaire de création d'une tache………..18
Figure16 :affichage des taches………………………….18
Figure17 :supprimer une catégorie……………………..19
Figure18 : Formulaire de création d'une réunion……...20
Figure19 : consulter l’historique…………………………20
Figure20: Formulaire de création d'une historique……21
Figure21: listes des controller………………………..….22
Figure22 : la liste des vues et example d’une vue
list.html.twig………………………………….……………22

2
 Introduction général :

Un site web est un ensemble de pages web qui peuvent être consultées en
suivant des hyperliens à l'intérieur du site. Il est riche des produits et des
services qui l’intéresse

Il est aujourd’hui important d’avoir un site pour les entreprises, les

associations et les clubs pour automatiser et organiser certaines tâches

C’est le cas d’un site évènementiel pour l’organisation des évènements

d’une manière professionnelle et pratique

C’est dans ce cadre nous allons réaliser un projet de perfectionnement en

développement web au sein de la société SoftSquareIT qui nous permettra
de développer un site web pour la gestion des évènements

3
Chapitre 1 : Cadre générale du projet :
1.1 Introduction :
Dans ce premier chapitre , nous allons présenter le cadre général du projet ainsi
que la société d’accueil . Ensuite , nous allons décrire la solution proposé tous
en passant par l’étude de l’existant et critiques

2.1 Présentation de l’organisme d’accueil

1.2.1  Présentation de la société SOFTSquare IT

Mon stage d’été s’inscrit au sein de la société SoftSquare IT, Dont son logo est

Figure1 : Logo de softsquare It

Basé à Djerba Houmt Souk,4180 en CyberPark

C’est une société fondée en 2014 spécialisée dans le domaine de l’informatique
qui offre à ses clients des différents services :
_ Création des sites web et des plateformes
_Développement des applications mobiles (Android/IOS)
_Développement des sites E-Commerce
_Conception graphique

1.2.2Organisme
Il existe deux départements 
Département Commercial :
_Contacter les clients
_ préparer des clients de charge

Département du développement composé par plusieurs équipes :

_Equipe d’intégration graphique (html,css,js,jquery)

4
 _Equipe développement mobile (Android,IOS)
_Equipe développement web
(symfony,Laravel,API)
_Equipe WordPress

3.1.Contexte du projet :
Ce travail s’intègre dans un projet de perfectionnement . Il a été
effectué au sein de la société SoftSquareIT et à pour but de
développer un site web de gestion d'événements pour les clubs les
associations et les entreprises .
Notre site web « Soft Event » est un outil logiciel complet et
professionnel qui gère et automatise tous les aspects clés de la gestion
d'événements: création , suppression inscriptions etc.

4.1 conclusion :
Dans ce chapitre, nous avons présenté le contexte de notre projet tout
en précisant la problématique à traiter dans ce travail.

Chapitre2 : Réalisation du projet

Introduction :

5
 La réussite de notre travail dépend du choix des technologies et des outils. Si
pourquoi dans ce chapitre nous allons présenter l’environnement du travail et
les technologies utilisés au cours de développement de ce projet .

2.1 Environnement du travail :

Au cours de ce travail nous avons utilisé un PC

La réussite de ce travail est la combinaison entre l’ensemble de
langage de programmation et logiciels utilisés .

Le choix est guidé par l’existant et les exigences de l’entreprise

2.2 Langages de programmation :

Dans ce projet on utilise PHP comme langage de programmation. est

un langage de scripts généraliste et Open Source, spécialement conçu
pour le développement d'applications web. Il peut être intégré
facilement au HTML.

6
Visual Studio Code Éditeur de code source autonome qui s'exécute
sur Windows, macOS et Linux

Symfony est un framework qui représente un ensemble de

composants (aussi appelés librairies) PHP autonomes qui peuvent être
utilisés dans des projets web privé ou open source.
Symfony est basé sur l’architecture MVC (Modèle, Vue et
contrôleur ).

L’importance de cette architecture est basé sur la séparation entre

données (Modèle),L’affichage(Vue), et les actions (contrôleur)

7
 Figure2 : Architecture MVC

Bootstrap est un framework développé par l'équipe du réseau social

Twitter. Proposé en open source (sous licence MIT), ce framework
utilisant les langages HTML, CSS et JavaScript

WampServer est une plateforme de développement Web de type

WAMP, permettant de faire fonctionner localement des scripts PHP.

8
Twig est un moteur de templates pour le langage de programmation
PHP, utilisé par défaut par le framework Symfony.

UML est un langage de modélisation graphique à base de

pictogrammes conçu comme une méthode normalisée de visualisation
dans les domaines du développement logiciel et en conception
orientée objet.

2.3 Analyse et conception global du projet :

L’objectif de la partie analyse des besoins est d’avoir une

compréhension profonde des besoins et des exigences qui permettent
la conception de la solution

2.4 Identification des acteurs :

L’identification des acteurs permet en premier lieu de délimiter le

système et en second lieu de comprendre le rôle de chaque acteur.
Un acteur est une entité qui définit le rôle joué par l’utilisateur . Dans
notre application il y deux acteur :

 Administrateur : C’est l’administrateur de l’application qui va

gérer la gestion les réunions, les taches..

 Utilisateurs : C’est l’internaute qui va consulter avancement des

taches

9
2.5 Diagramme des cas d’utilisation

Le diagramme de cas d’utilisations général comporte deux acteurs qui

sont l’administrateur et l’utilisateur.

Figure3 : Diagramme de cas d’utilisation global

2.6 Diagramme de classe :

Le diagramme de classe est le plus important diagramme dans la

conception UML car il décrit clairement la structure de l’application
en modélisant des classes, ses attributs, et les relations entre ses

10
objets.
La figure .. décrit le diagramme de notre projet

Figure 4 : Diagramme du classe global

2.7 Réalisation de l’application :

Dans cette partie nous allons présenter les interfaces de l’application

11
réalisée . L’interface principale du site web a un menu pour
l’administrateur
L’administrateur a le choix entre event ,Catégories,Reunion,
Taches,Historys..

Figure5 : Menu administrateur

2.7.1 Gestion des utilisateurs  :

L'administrateur peut donc s'enregistrer via l'interface présentée dans
la figure, il doit préciser son nom, email, mot de passe...

12
 Figure6 :inscription

Ensuite, il doit signer avec son e-mail et mot de passe comme indiqué
dans la figure.

Figure7 :Login et mot de passe

l'utilisateur peut se déconnecter via le bouton "logout"

Figure8 : Logout

2.7.2 Gestion des évènements :

13
 L’administrateur peut consulter la liste des évènements du site web
en cliquant sur l’icone « Event » comme indique figure suivante

Figure9 : Menu event

Comme nous avons indiqué ,L’administrateur peut ajouter une

évènement aussi il peut la modifier tous en tapant le nom,
description,image,category,et la date comme la figure s’éprouve

Figure10 : Formulaire de création d'un événement.

14
 Figure11 : suite de Formulaire de création d'un événement

L’administrateur peut supprimer une évènement :Avec la clique sur le

bouton « supprimer » un message d’alerte s’affiche et après la
confirmation l’évènement sera supprimer comme le montre

Figure12 :supprimer un évènement

15
L'illustration suivante montre la façon dont les événements sont
affichés à l'utilisateur.

Figure13 :affichage des évènements

2.7.3 Gestion des catégories :

L’administrateur peut consulter la liste des catégories du site en

cliquant sur l’icone « catégorie » . il peut ajouter , modifier ou le
supprimer comme l’indique la figure

Figure14 : les catégories

2.7.4 Gestion des taches :

16
Chaque évènement peut comporter de multiples tâches.
L'administrateur peut les ajouter en précisant l'administrateur
approprié pour chaque tâche et en indiquant la tâche parent

Figure15 : Formulaire de création d'une tache

Les taches s'affichera de la façon suivante.

Figure16 :affichage des taches

L'administrateur peut changer les tâches par nom, utilisateur, date de

17
début et de fin et même le retirer par la bouton « delete »

Figure17 :supprimer une catégorie

2.7.5 Gestion de réunion :

L'utilisateur peut démarrer une réunion en entrant la date de début

et de fin et en tapant Le titre de la réunion, URL, une description.
Aussi l’utilisateur peut importer un PDF , une image

18
 Figure18 : Formulaire de création d'une réunion

2.7.6 Gestion d’historique :

dans la partie historique, l'administrateur et l'utilisateur peuvent

ajouter des notes et des commentaires sur les tâches afin de connaître
l'état d'avancement.

Figure19 : consulter l’historique

19
en cliquant sur le bouton "Ajouter un historique", un formulaire
s'affiche comme la montre la figure

Figure20: Formulaire de création d'une historique

Et voilà quelques captures réaliser par le framework « symfony »

20
 Figure21: listes des controller

Figure22 : la liste des vues et example d’une vue list.html.twig

21
Conclusion générale :
Le développement de notre projet intitulé «Soft Event »
nous a permis de répondre aux besoins de notre client.

Notre Solution consiste à gérer la gestion des évènements

Cette expérience nous a énormément aidés, sur le côté
développement, nous avons appris à manier
le Framework Symfony 5.4 , langage php . Sur le côté
conception, nous avons bien maîtrisé le langage de modélisation
unifié UML.
D’autre côté, ce stage était une occasion pour mieux développer nos
compétences relationnelles.
Pour conclure, ce stage nous a ouvert la porte vers la vie
professionnelle et nous a permis de connaître c’est quoi réellement le
métier d’ingénieur.

22