Ahmed TRIKI Mohamed Nadhir KHEMAKHEM Majdi JRIBI Conception et réalisation d'un site Web de vente de billets en ligne Réalisé par Encadré par Mr. Mehdi

Ahmed TRIKI Mohamed Nadhir KHEMAKHEM Majdi JRIBI

Conception et réalisation d'un site Web Conception et réalisation d'un site Web de vente de billets en lignede vente de billets en ligne

Réalisé par

Encadré par Mr. Mehdi HAJJI

Année universitaire 2007 - 2008

Ministère de l’enseignement supérieur, De la recherche scientifique et de la technologie

Univeristé de Manouba

Ecole Nationale des Sciences de l’Informatique

Projet deux modules

www.duoconseil.frLa double compétence Assurance formelle et réseaux informels : quelles cohabitations ?

Contexte et objectifs

Conception et réalisation d’un site Web de vente de billets en ligne

2


Contexte et objectifsContexte général

• Les innovations technologiques ont facilité l’achat et la vente.

• On cherche toujours à faire le paiement avec la manière la plus sécurisée et la plus facile possible

• Le commerce électronique est une solution adéquate.


3


• Le projet de vente de billets en ligne répond à ces différentes exigences et facilite l’achat et la vente de billets des spectacles de différentes catégories.


4

Contexte et objectifsObjectifs de notre application


Plan

II. Conception

I. Spécification


III. Réalisation

IV. Conclusion

5


I. Spécification


6


I. SpécificationBesoins fonctionnels et non fonctionnels

• Le système doit assurer aux clients l’opération d’achat en ligne.

• Le système doit assurer aux organisateurs la possibilité de consulter ses différents spectacles et de les arrêter.

• Le système doit assurer à l’administrateur la gestion des différents composants du site.

• Le système doit garantir la sécurité des transactions bancaires.


7


I. SpécificationCas d’utilisation de la partie client


8




9

S'identifier

Acheter billets

Obtenir un reçu

Avoir chariot

Supprimer billets du chariot

Ajouter billets au chariot

Consulter chariot

Choisir catégorie billets

Choisir nbre billetsChoisir spectacle

<<extends>>

<<include>>

Client

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<extends>>




10




11

Client

S'inscrire

S'inscrire au service newsletters

Recevoir mail de validation

Saisir les informations

<<includes>>

<<extends>>

Consulter spectacles

<<extends>>




12




13

Consulter reçu

Recevoir mail contenant reçu

Imprimer reçu

S'identifier2

Saisir login

Récupérer mpasse

Saisir num CIN

<<extends>>

Client<<include>>

<<include>>

<<include>>

<<extends>>


I. SpécificationCas d’utilisation de la partie organisateur


14

Organisateur

Consulter les statistiques

S'identifierConsulter le nombre de billets vendus

<<include>>

Consulter le nombre de billets restants

Consulter le montant

Consulter la liste des clients

Arrêter les ventes de billets


I. SpécificationCas d’utilisation de la partie administrateur


15




16

Administrateur

Gérer les spectacles

Ajouter spectacles

Consulter spectacles

Modifier spectaclesSupprimer spectacles

<<include>>

Gérer catégories

Supprimer catégories

Ajouter catégories




17




18

Administrateur

Gérer organisateurs

Consulter organisateurs

Supprimer organisateurs

Ajouter organisateurs

Modifier organisateurs

Envoyer email de suppression

Envoyer email d'accueil

<<extends>>

<<extends>><<include>>




19




20

Administrateur

Assurer un service client

Informer les clients des modifications

Envoyer des newsletters

<<extends>>

Gérer publicités

Supprimer publicités

Ajouter publicités

Consulter publicités<<include>>

<<include>>


II. Conception


21


II. ConceptionL’architecture du site


Figure1 : Architecture du site

22


• La séparation en plusieurs couches permet le traitement sur une couche, indépendamment des autres.

• Les trois parties d'une application MVC (modèle, vue et contrôleur) sont des boîtes noires dont le fonctionnement interne est masqué aux autres parties.

• Comme le modèle renvoie les données sans appliquer aucune mise en forme, les mêmes composants peuvent être utilisés et appelés pour n'importe quelle interface.

II. ConceptionChoix de l’architecture MVC


23

www.duoconseil.frLa double compétence Assurance formelle et réseaux informels : quelles cohabitations ?Conception et réalisation d’un site Web de vente de billets en ligne

II. ConceptionLa partie vue

24


Figure2 : Architecture générale du site


II. ConceptionLa partie vue (suite)

25


II. ConceptionLa partie contrôleur (Administrateur)

26

1..1

0..*

1..10..*

1..*

0..*

1..*

0..*

Connexion

-+

loginmot_passe

: char: char

+++

get_login ()get_motpasse ()verification ()

Gestion_Pub

---

id_pubnom_pubdescription

: char: char: char

++++

ajouter_pub ()consulter_pub ()l iste_pub ()supprimer_pub ()

Gestion_Org

- id_org : char

+++++

ajouter_org ()consulterer_org ()l iste_org ()maj_org ()supprimer_org ()

Gestion_Spec

- id_spec : char

++++++

ajouter_spec ()choix_cat_bl ()consulter_spec ()l iste_spec ()maj_spec ()supprimer_spec ()

Gestion_Cat

+++

ajouter_cat_spec ()l iste_cat_spec ()supprimer_cat_spec ()


II. ConceptionLa partie contrôleur (Organisateur)

27

1..1

1..1Connexion

--

loginmot_passe

: char: char

+++

saisir_login ()saisir_mot_passe ()verifier_info ()

Consultation_spec

- id_spec : char

+++

choix_spec ()lister_spec ()arreter_spec ()


II. ConceptionLa partie contrôleur (Client)

28

1..1

1..1

1..1

1..*1..1

1..*

1..1

1..11..1

1..1

1..1

1..1

Connexion

--

loginmot_passe

: char: char

++++

get_login ()get_mot_passe ()verifier_mpasse ()verifier_login ()

Chariot

---

id_chariotid_specid_client

: char: char: char

+++

choix_billet ()accepter_achat ()obtention_chariot ()

Paiement

----

id_sessionid_uniquedevisemontant

: char: char: char: int

+++

connexion_poste ()annulation ()envoi_recu ()

Recu

--

loginmot_passe

: char: char

+++

saisir_login ()consulter_recu ()envoi_mail ()

Identification

--

logine-mail

: char: char

++

saisir_login_mpasse ()Mpasse_oublie ()

Inscription

----------

nomprenome-mailn_telvil lepaysadressecinloginmot_passe

: char: char: char: int: char: char: char: int: char: char

+++

saisir_info ()connexion_newsletters ()envoi_mail ()

Consultation

--

id_cat_specid_spec

: char: char

++++

choisir_spec ()consulter_spec ()liste_cat_spec ()lister_spec ()


II. ConceptionLa partie modèle (Administrateur)

29

1..1

1..*HibernateSessionFactory

--

ThreadLocalConfiguration

: :

++

session courante ()close session ()

Administrateur

----

id_orgid_specid_pubid_cat

: char: char: char: char

++++++++++++

selectionner_org ()inserer_org ()maj_org ()selectionner_liste_pub ()select_pub ()maj_pub ()supprimer_pub ()select_cat_spec ()select_liste_cat_spec ()supprimer_spec ()supprimer_org ()supprimer_cat_spec ()


II. ConceptionLa partie modèle (Organisateur)

30

1..1

1..*

HibernateSessionFactory

++


: :

++


Organisateur

++++

selectionner_list_spec ()selectionner_spectacle ()selectionner_client ()selectionner_statistique ()


II. ConceptionLa partie modèle (Client)

31

1..1

1..*

HibernateSessionFactory

++


: :

++


Client

--

id_catid_spec

: char: char

++++++++

inserer_inscription ()select_cat_spec ()select_liste_spec ()select_spec ()verif_client ()inserer_billet ()select_mail ()select_recu ()


II. Conception Conception de la base de données: le schéma relationnel


32


III. Réalisation


33


III. Réalisation Environnement de programmation: La partie vue (JSP)

JSP PHPUtilise le langage Java qui est totalement orienté objet.

Langage procédural avec la possibilité de faire de l'objet.

Grand nombre d'API. Moins de possibilités de développement.

Peut se connecter à tout type de bases de données.

Les temps de réponse sont équivalents.

Plus gourmand en ressources à cause de la JVM.

Langage interprète à chaque appel.

Programmes portables. Problèmes de portabilités.


34


III. Réalisation Environnement de programmation: La partie contrôleur

La partie contrôleur: Struts

• Il peut utiliser plus qu'un seul servlet.

• Il est plus orienté vers JSP, mais il peut supporter d'autres

technologies.

• Configuration aisée.


35


III. Réalisation Environnement de programmation: La partie modèle

La partie modèle: Hibernate

• Permet de voir les tables de la base de données comme des

classes

• Permet le transfert des classes Java dans les tables de la

bases de données.


36


III. RéalisationPage d’accueil administrateur


37


III. RéalisationPage d’accueil client


38


III. RéalisationPage de connexion


39


IV. Conclusion


40


IV. ConclusionConclusion et perspectives

• La mise en place de cette application Web assure l’achat et La vente en ligne de billets des spectacles de différentes catégories.

• Cette application répond à des exigences d’actualité comme la sécurité et la facilité de paiement.

• L’utilisation de l’architecture MVC a facilité le développement de cette application

• L’intégration de services web peut être une amélioration appréciable pour ce travail.


41


Merci pour votre attention


42

Documents

Ahmed TRIKI Mohamed Nadhir KHEMAKHEM Majdi JRIBI Conception et réalisation d'un site Web de vente de billets en ligne Réalisé par Encadré par Mr. Mehdi