Le document présente la conception et la réalisation d'un site web dynamique pour la société Tunisie Telecom, créée en 1996. Une étude préalable a identifié des problèmes existants, notamment des difficultés d'accès aux services et des interactions limitées, et propose un site web pour améliorer l'interface utilisateur et les services offerts. Le projet utilise des technologies telles que PHP, MySQL et UML pour développer une plateforme fonctionnelle et interactive.

1. LOGO2010/2011
Encadré par: Mr Chaouech Helmi
Elaborée par: Galloussi Ons
Université de Carthage
Faculté des Sciences économique et de Gestion de Nabeul
Conception et réalisation d`un site web dynamique pour
La société de télécommunication anonyme
TUNISIE TELECOM

2. PLAN
♣ Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion
1

3. PLAN
♣ Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion

4. Présentation
Présentation de la société TUNISIE TELECOM:
♣ Tunisie Telecom est société de télécommunication anonyme crée le premier janvier
1996.
♣ c`est une entreprise de service a caractère commercial dotée de la personnalité civile et
de l`autonomie financière et identifier par son nom commercial .
♣ Parmi les composants de cet organisme, on peut citer le cas de l`Agence Commerciale
de Télécommunication de Menzel Temime qui est crée le 26 février 1996 .
♣ Cet établissement offre plusieurs service vente de produits et services offerts par
TUNISIE TELECOM (ligne fixe, ligne GSM, publitel, carte SIM, ADSL) et les
transmissions des données.
2

5. PLAN
♣ Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion

6. Etude préalable
Problématique:Problématique:
Critique de l’existant:
 Les services en ligne sont devenus un élément essentiel de la
stratégie marketing et commercial de toute entreprise ou
association.
 Dans ce contexte, nous avons réaliser un étude de l’ existant pour
TUNISIE TELECOM et distinguer les problèmes:
3

7. 5
Les problèmesLes problèmes
Administrateur Apprenant
L’impossibilité de
recharge à distance
L’impossibilité de
recharge à distance
Difficulté d’accès
aux données à tout
moment
Difficulté d’accès
aux données à tout
moment
L’utilisation
abondante des
documents.
L’utilisation
abondante des
documents.
L’impossibilité
d’interaction
L’impossibilité
d’interaction

8. Solution
5
Poursuivre les nouveautés de la société
La publication des informations sur la société
L’interaction entre l’administrateur et l’apprenant
Recharge de solde
Amélioration de la qualité des services
La mise en place d’un site web dynamique:

9. PLAN
♣ Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion

10. Conception
Choix de langage de modélisation:Choix de langage de modélisation:
 UML (Unified Modeling Langage), permet d’exprimer et d’élaborer des
modèles objet indépendamment de tous langage de programmation.
 UML est proposé pour servir de support à une analyse basée sur les
concepts objets.
 UML utilise un ensemble de diagrammes pour représenter les différents
aspects d’une modélisation:
 Aspect fonctionnel.
 Aspect statique.
 Aspect dynamique.
6

11. Identification des acteurs
Les acteurs de systèmes sont:
 L’administrateur
L’internaute
Client conventionné
7

12. 8
Client conventionné
Administrateur
Internaute
S’authentifier
S’authentifier
« include »
« include »
« include »
« include »
« include »
« include »
S’inscrire
Communiquer
avec
l’administrateur
Consulter les
nouveautés
Consulter des
données
Communiquer
Recharger solde
Mettre à jour le
site
Communiquer
avec les visiteurs
de site
Gérer
l’inscription
Diagramme de cas d’utilisation globale

13. Diagramme de séquences:
Identification administrateur
9

14. Diagramme de séquences: Inscription
10

15. Diagramme de séquences:
Recharge solde
11

16. Diagramme de classe
12

17. PLAN
♣Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion

18. Réalisation
Environnement de travail:
 Environnement matériel:
Un ordinateur portable HP
 Environnement logiciel:
 Système d’exploitation Windows 7
 Logiciel de création des pages web DreamWeaver MX
 Plateforme de développement web Wamp
 Macromedia flash Mx
 Photoshop 7.0.1
 Logiciel de conception UML Diagramme
 Navigateur web Mozilla Firefox
13

19. Choix technique:
• Langage de développement web PHP (Personnal Home Page).
• Java Script.
• Système de gestion de base de données : MySQL.
• Les feuilles de styles CSS(Cascade Style Sheet).
• Langage XML (Extensible Markup Langage).
14

20. Interface Internaute
Page d’accueil
15
Entête deEntête de
page depage de
sitesite
GaleriesGaleries
des imagesdes images
animé paranimé par
flashflash

21. Interface Internaute
Page Offre:
16

22. Interface Internaute
Page Contact:
17
Formulaire àFormulaire à
remplir pourremplir pour
contactercontacter

23. Interface Internaute
Page Inscription
18
Formulaire àFormulaire à
remplir pourremplir pour
s’inscrires’inscrire

24. Interface Internaute
Page Recharge solde:
19
Formulaire àFormulaire à
remplir pourremplir pour
recharger derecharger de
soldesolde

25. Interface Administrateur
Page Identification
20
Formulaire àFormulaire à
remplir pour seremplir pour se
connecterconnecter

26. Interface Administrateur
Page d’accueil Administrateur
21
MenuMenu

27. Interface Administrateur
Page changement de mot de passe
22
Formulaire àFormulaire à
remplir pourremplir pour
changer mot dechanger mot de
passepasse

28. PLA N
♣ Présentation de la société
♣Etude préalable
♣Conception
♣Réalisation
♣Conclusion

29. Conclusion
Au cours de ce projet nous avons apprendre
l’ acquisition des nouvelles connaissances aussi bien
théoriques que pratiques tel que la maîtrise des outils de
développement de conception et de réalisation d’un site
web dynamique.
23

30. Merci
de votre
attention