maxime.github.io/java.html at main · BLmaxime/maxime.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Présentation du TP - Gestion des Tickets</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #F5F5F5;
            color: #333;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 80%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #FFFFFF;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        h1, h2 {
            color: #61A3BA;
        }
        h1 {
            text-align: center;
            margin-bottom: 20px;
        }
        .section {
            margin-bottom: 30px;
        }
        .section h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }
        .section p, .section ul {
            margin: 10px 0;
            line-height: 1.6;
        }
        ul {
            list-style-type: disc;
            padding-left: 20px;
        }
        .btn-back-to-index {
            display: inline-block;
            margin: 10px 0;
            padding: 10px 20px;
            color: #FFFFFF;
            background-color: #61A3BA;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="container">
    <a href="index.html" class="btn-back-to-index" style="position: absolute; top: 20px; left: 20px;">Retour à l'accueil</a>
    <h1>Présentation du TP - Gestion des Tickets</h1>

    <div class="section">
        <h2>Description du TP</h2>
        <p>Ce TP consiste à développer une application de gestion des tickets dans une société de services. Les utilisateurs peuvent consulter et gérer leurs tickets en fonction de leur statut (<strong>admin</strong> ou <strong>user</strong>), avec des fonctionnalités spécifiques comme :</p>
        <ul>
            <li>Visualisation de tous les tickets pour les administrateurs.</li>
            <li>Consultation des tickets attribués pour les utilisateurs standard.</li>
            <li>Ajout ou modification de tickets avec vérification des saisies.</li>
        </ul>
    </div>

<!--    //###/insertion image-->
    <img src="images/portfolio/imggg.png" height="750" width="1200">


    <div class="section">
        <h2>Difficultés rencontrées</h2>
        <ul>
            <li>Interaction avec la base de données : écriture et optimisation des requêtes complexes.</li>
            <li>Validation des formulaires pour garantir la saisie correcte des informations.</li>
            <li>Interaction avec la base de données pour l'insertion et la mise à jour des données.</li>
        </ul>
    </div>

    <div class="section">
        <h2>Compétences acquises</h2>
        <ul>
            <li>Création d'une interface utilisateur adaptée aux rôles (admin et user).</li>
            <li>Utilisation de requêtes SQL pour gérer les données dans une base de données relationnelle.</li>
            <li>Validation des formulaires et gestion des erreurs côté client et serveur.</li>
        </ul>
    </div>

    <div class="section">
        <h2>Conclusion</h2>
        <p>Ce projet m'a permis de maîtriser les bases de données, en apprenant à concevoir leur structure, écrire des requêtes SQL, et gérer leur interaction avec une application. J'ai également renforcé mes compétences dans le développement d'interfaces utilisateur adaptées, tout en comprenant l'importance des validations et des contrôles des données. Les défis techniques rencontrés m'ont aidé à mieux appréhender la résolution de problèmes et à poser des bases solides pour mes futurs projets de développement.</p>    </div>

    <a href="index.html" class="btn-back-to-index" style="display: block; text-align: center;">Retour à l'accueil</a>
</div>
</body>
</html>