ProjetHotHotHotJavaScript/documentation.html at main · NotDemin/ProjetHotHotHotJavaScript · 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
<!doctype html>
<html lang="fr">
<head>

  <title>HotHotHot</title>

  <meta charset="utf-8" lang="fr">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="./CSS/stylesheet.css">
  <script src="./JS/script.js"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
  <link rel="apple-touch-icon" sizes="180x180" href="./image/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="./image/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="./image/favicon-16x16.png">
  <link rel="manifest" href="./image/site.webmanifest">
  <link rel="mask-icon" href="./image/safari-pinned-tab.svg" color="#ff7ce3">
  <meta name="msapplication-TileColor" content="#ffc3f2">
  <meta name="theme-color" content="#ffffff">
  <link rel= "manifest" href= "./manifest.webmanifest">

</head>
<body>
    <div class="navbarre">
        <a href="./index.html" id="index">Page Principale</a>
        <a class="active" href="./documentation.html" id="self">Documentation</a>
        <a href="./login.html" id="login">Mon Compte</a>
    </div>

    <h1 class="titre-team">Notre équipe</h1>
    <div class="container-team">
        <div class="box">
            <img class="photo 1"  src="./image/mini_monkey-d-luffy-comment-etre-optimiste.jpg">
            <h3>Djessim Allali</h3>
            <p>J'étais le chef d'équipe du projet, c'est moi qui organisait le projet en affectant les tâches et en veillant à ce que tous se passe bien.</p>
        </div>

        <div class="box">
            <img class="photo 1" id="photo_2" src="./image/sangoku.jpg">
            <h3>Naïm Bentoumi</h3>
            <p>Mon rôle à moi a été de développer les tâches que l'ont me confié tout en aidant les autres si ils avaient des problèmes.</p>
        </div>

        <div class="box">
            <img class="photo 2" id="photo_2"  src="./image/naruto.jpg">
            <h3>Tom Duclos</h3>
            <p>Mon rôle à moi a été le même que Naïm, nous avons travaillé en collaboration en formant un super duo qui se complétait parfaitement. </p>
        </div>

        <div class="box">
            <img class="photo 1" id="photo_2" src="./image/Tanjiro.jpeg">
            <h3>Nathan Borel</h3>
            <p>Mon rôle a moi a été aussi d'être chef d'équipe tout comme Djessim. En revanche, j'étais plus axé sur les petits détails du projet.</p>
        </div>

        <div class="box">
            <img class="photo 1" id="photo_2" src="./image/gojo.jpeg">
            <h3>William Vernet</h3>
            <p>Mon rôle était d'alterner entre le développement pur et la gestion d'équipe pour pouvoir me placer des deux côtés et faire ressortir plus de choses.</p>
        </div>
    </div>
    <div class="container-org">
        <div class="box-org">
            <h3>Outils utilisé et organisation</h3>
            <p>Pour ce projet, il est essentiel de parler des outils que nous avons utilisés afin de parvenir à ce résultat. Tout d’abord Github a été l'outil principal qui nous a permis de centraliser nos fichiers. Grâce à cela nous pouvions voir les avancées des autres tout en effectuant des modifications nous mêmes. Ensuite, selon nos préférences, le développement informatique s’est fait sur Visual Studio Code principalement mais aussi sur Atom selon les personnes. La communication d’une équipe dans un projet étant essentiel, nous avons eu recours à discord afin de se partager les informations cruciaux tels que les commits.
                La partie gestion de projet a pu être complétée par l’application Notion qui nous a permis de créer une liste plus ou moins exhaustive des tâches à faire puis d’en tirer un diagramme de GANTT. <br>
                Cliquez <a href="https://github.com/BorelNathan/ProjetHotHotHotJavaScript">ici</a> pour accéder au github du projet<br><br>
                Dans une équipe où les compétences varient, il était essentiel de se partager correctement les tâches du projet. Pour cela nous avons convenu que Nathan, Naïm et Tom sont responsables du développement de l’application tandis que Djessim et William sont chargés de la gestion de projet et du design du site. Même si, en effet, n’importe lequel d’entre nous peut intervenir sur la partie de l’autre pour corriger quelque chose où l’adapter à sa propre partie. Par exemple, Djessim a pu effectué le fichier manifest du PWA.
                <br><br>

                Afin de faire preuve d’un bon suivi de travail, nous avons décidé de rédiger une sorte de backlog qui vient lister toutes les fonctionnalités et consignes détaillées dans la description du projet. De plus, nous apposons le terme “terminé”, "En cours“ ou “Pas commencé” à côté des fonctionnalités selon leurs degré d’accomplissement.<br><br>

                Ce projet ne pouvait se dérouler sans accroc. En effet, nous avons rencontré différents obstacles comme la mise en place du PWA qui était un nouveau concept pour nous, l’utilisation de l’API à cause du grand nombre de personnes qui étaient dessus en même temps.<br><br>

            </p>
            <h3>Liste des Outils utilisé</h3>
            <ul>
                <li><a href="https://github.com/BorelNathan/ProjetHotHotHotJavaScript"><img src="./image/github-logo.png" alt="Logo Github"></a></li>
                <li><img src="./image/Notion-logo.png" alt="logo Notion"></li>
                <li><img src="./image/vsc-logo.svg.png" alt="logo Visual Studio Code"></li>
                <li><img src="./image/atom-logo.png" alt="logo Atom"></li>
                <li><img src="./image/discord-logo.png" alt="logo Discord"></li>

            </ul>

        </div>
    </div>
</body>
</html>