gccatalogue_test/index-FR.html at main · arianna-merritt/gccatalogue_test · 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Catalogue GC</title>
    <link rel="shortcut icon" href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" type="image/x-icon">
    <link href="styles/css.css" rel="stylesheet">
    <link href="styles/css_002.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">


<meta name="description" content="Le catalogue GC est un ensemble curatif des outils, études de cas et précédentsréutilisables sur la politique du numérique et des données pour aider à débloquer les équipes gouvernementales qui tentent de fournir des services sécurisés, faciles à utiliser et dignes de confiance.
">
<meta name="keywords" content="Catalogue, gc catalogue, catalogue GC, gc catalogue numerique, canada catalogue, Gouvernement du Canada, Canada SMS,
Canada service catalogue">
<meta property="og:title" content="Catalogue GC | GC Catalogue">
<meta property="og:description" content="Le catalogue GC est un ensemble curatif des outils, études de cas et précédents réutilisables sur la politique du numérique et des données pour aider à débloquer les équipes gouvernementales qui tentent de fournir des services sécurisés, faciles à utiliser et dignes de confiance.">


<link rel="stylesheet" media="screen" href="styles/homepage.css">


  </head>
  <body>

<!-- CONTENT -->
<div>
  <!-- start header -->
  <header>
    <div class="container px-10">
      <!-- start sub nav -->
      <div class="flex flex-col flex-col-reverse lg:flex-row py-5 lg:pt-16 lg:pb-10 lg:justify-between">
        <div class="flex flex-col lg:flex-row">
          <div class="lg:py-1">


              <img alt="Gouvernement du Canada / Government of Canada" class="" src="images/gov-canada-en.svg" width="250">


          </div>
          <a href="index-fr.html" class="no-underline text-black">
          <div class="product-title flex mt-10 mb-5 lg:mt-0 lg:mb-0">
            <h1 class="leading-none lg:ml-4 mr-5 lg:pl-5 font-semibold inline-block top-0 text-brand pb-0">
            Catalogue GC
            </h1>
            <div class="bg-blue-lighter py-1 px-2 rounded-lg text-small">
              Alpha
            </div>
          </div>
          </a>
        </div>
        <!-- start sub nav -->
        <nav aria-label="Language &amp; Login" class="flex pt-4 mb-10 lg:mb-0">
          <a class="line-under leading-none inline-block text-blue text-small underline hover:no-underline" href="index.html">
             English
          </a>


        </nav>
        <!-- end sub nav -->
      </div>
    </div>

    <!-- end main nav -->
  </header>
  <!-- end header -->
  <!-- start section 1 -->
  <div class="bg-blue" role="main">
    <div class="container px-10 py-24">
      <div class="flex flex-col lg:flex-row justify-between">
        <div class="text-content max-w-4xl">
          <h2 class="pb-0 text-white leading-tight font-bold">
            Aider les équipes gouvernementales à fournir de meilleurs services
          </h2>
          <p class="pt-10 pb-5 text-white">
         Le catalogue GC est un ensemble curatif des outils réutilisables sur la politique du numérique et des données pour aider à débloquer les équipes gouvernementales qui tentent de fournir des services sécurisés, faciles à utiliser et dignes de confiance.</p>
          <div class="pt-10">
           	<a href="#policytools" class="btn-blue mr-10 hover:bg-blue-selected">Les outils de politique</a>
		   <a href="casestudies/casestudies-FR.html" class="btn-blue mr-10 hover:bg-blue-selected">Les études de cas</a>

          </div>


        </div>
        <div class="pt-6 pb-6 ml-10 image-content hidden lg:block">
          <img loading="lazy" alt="Personnes collaborant à un document numérique" src="images/collaboration.svg" width="350">
        </div>
      </div>
    </div>
  </div>
  <!-- end section 1 -->

 <!-- start section 2 -->
  <!-- start section 2 -->
 <div class="bg-white">
    <div class="container px-10 py-24">
      <div class="flex justify-center">
        <h2 id="policytools" class="leading-tight font-bold">
          Outils de politique numérique et de données
        </h2>
      </div>
	<p class="leading-tight font-bold">Accessibilité</p>


      <div class="flex flex-col lg:flex-row py-10 justify-between">
        <!-- note box -->

        <div class="feature-box mb-20 lg:mb-0">


            <img alt="Ecrans d'ordinateur" loading="lazy" src="images/monitor.png" class="catalogue"  width="400" height="280">


             <h3 class="text-small"><a href="patterns/accessibilitystatement-FR.html" class="text-small">Déclaration d'accessibilité</a></h3>
            <p class="text-small">Un moyen pour les organisations du gouvernement du Canada de décrire comment elles répondent aux exigences en matière d'accessibilité et quels travaux doivent encore être réalisés</p>


        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box mb-20 lg:mb-0 lg:ml-10 lg:mr-10">


            <img alt="Un programmeur devant un ordinateur" loading="lazy" src="images/programmer.png" class="catalogue"  width="400" height="280">


       <h3 class="text-small"><a href="https://2021-prod.ict-cio.ssc-spc.cloud-nuage.canada.ca/fr" class="text-small">Générateur de besoins en matière de passation de marchés</a></h3>
            <p class="text-small">Un prototype d'assistant pour aider les départements à générer des exigences en matière de marchés publics à utiliser dans le cadre de la passation de marchés</p>


        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box">


            <img alt="Illustration d'écrans d'ordinateur" loading="lazy" src="images/HeaderImage-Option2.png" class="catalogue"  width="400" height="280">


     <h3 class="text-small"><a href="patterns/accessibilityprocurement-FR.html" class="text-small">Modèle de contrat</a></h3>
            <p class="text-small">Langage à intégrer dans les contrats d'achat pour s'assurer que les services répondent aux exigences du gouvernement en matière d'accessibilité</p>

        </div>
        <!-- end note box -->

        <!-- -->
      </div>

<p class="leading-tight font-bold">La protection des renseignements personnels</p>


      <div class="flex flex-col lg:flex-row py-10 justify-between">
        <!-- note box -->

        <div class="feature-box mb-20 lg:mb-0">


            <img alt="alertes informatiques" loading="lazy" src="images/alerts.png" class="catalogue"  width="400" height="280">


            <h3 class="text-small"><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/acces-information-protection-reseignements-personnels/protection-renseignement-personnels/document-orientation-aider-preparer-ententes-echange-renseignements-personnels.html" class="text-small">Document d’orientation pour aider à préparer des Ententes d’échange de renseignements personnels</a></h3>
            <p class="text-small">Le présent document d’orientation est conçu pour aider les parties à remplir le modèle d’entente d’échange de renseignements</p>


        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box mb-20 lg:mb-0 lg:ml-10 lg:mr-10">


            <img alt="Les équipes collaborent" loading="lazy" src="images/collaboration-02.png" class="catalogue" width="400" height="280">


        <h3 class="text-small"><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/avis-ministeres.html#priv" class="text-small">Exemple d'avis de confidentialité</a></h3>
            <p class="text-small">Un modèle d'avis de confidentialité pour les institutions du gouvernement du Canada qui peut être modifié au besoin</p>

        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box">


            <img alt="scrum" loading="lazy" src="images/scrum.png" class="catalogue" width="400" height="280">


      <h3 class="text-small"><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/acces-information-protection-reseignements-personnels/protection-renseignement-personnels/politiques-directives-protection-renseignements-personnels/gestion-attentes-vie-privee.html" class="text-small">La trousse d’outils pour la gestion des atteintes à la vie privée</a></h3>
            <p class="text-small">Une boîte à outils avec des modèles pour aider les équipes à répondre aux atteintes à la vie privée </p>

        </div>
        <!-- end note box -->

        <!-- -->
      </div>


 <p class="leading-tight font-bold">Talents et leadership</p>


      <div class="flex flex-col lg:flex-row py-10 justify-between">
        <!-- note box -->

        <div class="feature-box mb-20 lg:mb-0">


            <img alt="Un leader" loading="lazy" src="images/leader.png" class="catalogue"  width="400" height="280">


            <h3 class="text-small"><a href="https://gcxgce.sharepoint.com/teams/1000270/PD/Forms/AllItems.aspx?viewid=56ab7ad1-341f-4e1d-bd7c-41b7d5df060e" class="text-small">Roles de la c-suite</a> (seulement accessible à partir du réseau du gouvernement du Canada)</h3>
            <p class="text-small">Les rôles de la c-suite pour le numérique et les données</p>


        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box mb-20 lg:mb-0 lg:ml-10 lg:mr-10">


            <img alt="Document contenant les termes et conditions" loading="lazy" src="images/TermsSheet.png" class="catalogue" width="400" height="280">


        <h3 class="text-small"><a href="https://gcxgce.sharepoint.com/teams/1000270/PD/Forms/AllItems.aspx?viewid=56ab7ad1-341f-4e1d-bd7c-41b7d5df060e" class="text-small">Fiches de poste</a> (seulement accessible à partir du réseau du gouvernement du Canada)</h3>
            <p class="text-small">Les descriptions d'emplois numériques en vue de leur réutilisation</p>

        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box">


            <img alt="Illustration montrant des écrans d'ordinateur" loading="lazy" src="images/HeaderImage-Option2.png" class="catalogue" width="400" height="280">


      <h3 class="text-small"><a href="https://gcxgce.sharepoint.com/teams/1000270/PD/Forms/AllItems.aspx?viewid=56ab7ad1-341f-4e1d-bd7c-41b7d5df060e" class="text-small">Structures organisationnelles</a> (seulement accessible à partir du réseau du gouvernement du Canada)</h3>
            <p class="text-small">Les descriptions d'emplois numériques en vue de leur réutilisation</p>

        </div>
        <!-- end note box -->

        <!-- -->
      </div>

 <p class="leading-tight font-bold">Recherche d'utilisateurs</p>


      <div class="flex flex-col lg:flex-row py-10 justify-between">
        <!-- note box -->

        <div class="feature-box mb-20 lg:mb-0">


            <img alt="Illustration montrant des écrans d'ordinateur" loading="lazy" src="images/HeaderImage-Option2.png" class="catalogue"  width="400" height="280">


            <h3 class="text-small"><a href="patterns/compensation-FR.html" class="text-small">Formulaire de rémunération</a></h3>
            <p class="text-small">Modèle de formulaire de rémunération à utiliser pour prouver que les participants à la recherche sur les utilisateurs ont été rémunérés pour leur temps</p>


        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box mb-20 lg:mb-0 lg:ml-10 lg:mr-10">


            <img alt="Personnes en réunion" loading="lazy" src="images/meeting.png" class="catalogue" width="400" height="280">


        <h3 class="text-small"><a href="https://simplify-privacy-statements.alpha.canada.ca/fr/" class="text-small">Générateur de formulaire de consentement et d'avis de confidentialité</a></h3>
            <p class="text-small">Un prototype de générateur de formulaire de consentement et d'avis de confidentialité pour faciliter les sessions de conception de recherche sur les utilisateurs.</p>

        </div>
        <!-- end note box -->

        <!-- note box -->
        <div class="feature-box">


            <img alt="Une équipe" loading="lazy" src="images/team.png" class="catalogue" width="400" height="280">


      <h3 class="text-small"><a href="https://alpha.service.canada.ca/fr/accueil" class="text-small">Laboratoires de Service Canada</a></h3>
            <p class="text-small">Un coin expérimental de Canada.ca où les équipes gouvernementales peuvent tester et obtenir une rétroaction précoce afin d'améliorer leur politique ou leur service numérique.</p>

        </div>
        <!-- end note box -->

        <!-- -->
      </div>


        </div>
        <!-- end note box -->
      </div>


</div>
</div>


    <!-- end section 2 -->

    <!-- start section 3 -->
    <div class="bg-gray">
      <div class="container px-10 py-24">
        <div class="flex flex-col lg:flex-row justify-between">
          <div class="text-content max-w-4xl pb-10 lg:pb-0">
            <h2 class="leading-tight font-bold">
            Nous sommes là pour vous
            </h2>


            <p class="block pt-20 lg:pt-4">
             Si vous n'êtes pas sûr de savoir comment utiliser l'un des outils de ce catalogue, ou si vous souhaitez proposer un outil, <a href="servicedigital-servicesnumerique@tbs-sct.gc.ca">contactez-nous</a>.

            </p>
            <p class="block pt-20 lg:pt-4">Nous serons heureux de vous répondre rapidement.
</p>

          </div>
          <div class="image-content pt-10 lg:pt-0 flex">

            <img alt="Pictogramme d’un presse-papier avec une liste d’éléments cochés." loading="lazy" class="max-w-full md:max-w-xl block align-top hidden lg:block" style="object-fit: contain; object-position: 0% 50%;" src="images/FooterImage.png" width="400">


          </div>
        </div>
      </div>
    </div>
    <!-- end section 3 -->


    <!-- start section 8 -->
    <div class="bg-blue">
      <div class="container px-10 py-24">
        <div class="flex justify-center">
          <div>
            <h2 class="pb-0 text-white leading-tight font-bold text-center">
             Le catalogue GC est une communauté
            </h2>
            <p class="pt-10 pb-20 text-white text-center">
            Le Catalogue GC est le fruit d'une collaboration entre le Bureau du dirigeant principal de l'information du Canada et Service Canada. Ensemble, nous représentons une communauté de fonctionnaires qui s'engagent à soutenir le gouvernement. Faites-nous part de vos réflexions et de vos suggestions en envoyant un courriel à <a href="mailto:servicedigital-servicesnumerique@tbs-sct.gc.ca" class="text-white">servicedigital-servicesnumerique@tbs-sct.gc.ca.</a>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- end section 8 -->
  </div>


  <!-- start section 9 -->
  <div class="bg-gray">
    <div class="container px-10 py-12">
      <div class="flex py-10 justify-end">
        <img alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada" src="images/goc--footer-logo.svg" width="150">
      </div>
    </div>
  </div>

  <!-- END CONTENT-->

  <script>
    function classToggle() {
      const nav = document.querySelector(".mobile-nav");
      const arrow = document.querySelector(".mobile-arrow");
      nav.classList.toggle("hidden");
      arrow.classList.toggle("flip");
    }
    document.querySelector("#menu").addEventListener("click", classToggle);
  </script>


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