forked from wet-boew/codefest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsessions-fr.html
938 lines (894 loc) · 62.2 KB
/
sessions-fr.html
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
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
<!DOCTYPE html>
<!--[if lt IE 9]><html class="no-js lt-ie9" lang="en" dir="ltr"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr" dir="ltr">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
<title>Ateliers | FestiCode 2014</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<!-- Meta data -->
<meta name="description" content="" />
<!-- Meta data-->
<!--[if gte IE 9 | !IE ]><!-->
<link href="./wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="./wet-boew/css/wet-boew.min.css" />
<!--<![endif]-->
<link rel="stylesheet" href="./theme/css/theme.css" />
<link rel="stylesheet" href="./theme/css/codefest.css" />
<!--[if lt IE 9]>
<link href="./wet-boew/assets/favicon.ico" rel="shortcut icon" />
<link rel="stylesheet" href=" ./wet-boew/css/ie8-wet-boew.min.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
<![endif]-->
<noscript><link rel="stylesheet" href="./wet-boew/css/noscript.min.css" /></noscript>
</head>
<body vocab="http://schema.org/" typeof="WebPage">
<ul id="wb-tphp">
<li class="wb-slc">
<a class="wb-sl" href="#wb-cont">Passer au contenu principal</a>
</li>
<li class="wb-slc">
<a class="wb-sl" href="#wb-info">Passer à « À propos de ce site »</a>
</li>
<li class="wb-slc">
<a class="wb-sl" href="#site-menu">Passer au menu des sujets</a>
</li>
</ul>
<div class="container-fluid">
<header role="banner" class="row" id="banner">
<div id="banner-logo" class="col-sm-12 col-md-3 col-lg-2">
<a href="./index-fr.html">
<object type="image/svg+xml" tabindex="-1" data="./theme/assets/wxt-festicode-logo-tagline-white.svg"></object><span class="wb-inv"> FestiCode de la Boîte à outils de l'expérience Web 2014, Ensemble pour un meilleur Web (Retourner à la page d'accueil).</span>
</a>
</div>
<div id="banner-date-location" class="col-sm-12 col-md-7 col-lg-8">
<span id="banner-date">Les 14 et 15 août 2014</span>
<span id="banner-location">Université Carleton, Ottawa, Ontario</span>
</div>
<div id="banner-register" class="col-xs-12 col-sm-4 col-md-2">
<a class="btn btn-block btn-info disabled">Inscription terminée</a>
</div>
</header>
<div class="row wb-eqht">
<div class="col-sm-12 col-md-9 col-md-push-3 col-lg-10 col-lg-push-2">
<main role="main" property="mainContentOfPage" id="content-area">
<h1 id="wb-cont">Ateliers</h1>
<div class="row toc-sessions col-sm-12">
<ul>
<li><a href="#toufic-session-title">10 tests rapides pour évaluer l’accessibilité de votre site</a></li>
<li><a href="#jeromefb-session-title">Améliorer la repérabilité par l'optimisation pour les moteurs de recherche</a></li>
<li><a href="#jps-session-title">Architecture de l’information 101</a></li>
<li><a href="#mikeg-session-title">ATAG et Drupal 8</a></li>
<li><a href="#lucrockp-session-title">Comment faire des recherches en ligne sur l'expérience des utilisateurs à l'aide d'Optimal Workshop</a></li>
<li><a href="#tanyas-session-title">Comment mener un atelier sur les profils d’utilisateurs</a></li>
<li><a href="#louismichel-session-title">Comment passer à la Boîte à outils de l’expérience Web version 4</a></li>
<li><a href="#pierred1-session-title">Conception de graphiques personnalisés</a></li>
<li><a href="#laurentg-session-title">Compiler la Boîte à outil de l’expérience Web</a></li>
<li><a href="#nicklaurent-session-title">Créer votre propre thème pour la Boîte à outil de l’expérience Web</a></li>
<li><a href="#mandym-session-title">Écrire pour le web : 10 conseils à suivre dès aujourd'hui afin d'améliorer votre contenu</a></li>
<li><a href="#justinl1-session-title">GitHub 101 : Préparation et navigation</a></li>
<li><a href="#justinl2-session-title">GitHub 102 : Prenez l'embranchement!</a></li>
<li><a href="#cedricalannah-session-title">Gouvernement ouvert 101</a></li>
<li><a href="#jeremys-session-title">Introduction à GitHub pour les développeurs</a></li>
<li><a href="#zachf-session-title">Introduction à la Boîte à outils de l’expérience Web</a></li>
<li><a href="#andrewwilliam-session-title">Introduction à la Boîte à outils de l’expérience Web de Drupal version 4</a></li>
<li><a href="#skibbee-session-title">Introduction au JavaScript pour non-programmeurs</a></li>
<li><a href="#nicks-session-title">Introduction à Sass</a></li>
<li><a href="#karinnicolas-session-title">Inventaire du contenu pour la restructuration de site Web</a></li>
<li><a href="#shawnt-session-title">Jekyll et les pages GitHub</a></li>
<li><a href="#eileenjames-session-title">La repérabilité sous le projet de renouvellement du web</a></li>
<li><a href="#adrians-session-title">L’art sombre de l’adaptation JavaScript</a></li>
<li><a href="#pierred4-session-title">Les CSS avec Bootstrap</a></li>
<li><a href="#chrism2-session-title">Les données HTML et le gouvernement ouvert</a></li>
<li><a href="#chrism1-session-title">Les données HTML et les engins de recherche d’entreprise</a></li>
<li><a href="#mikeg2-session-title">Les gouvernements Drupal à travers le monde</a></li>
<li><a href="#mariob-session-title">L'évolution de la Boîte à outils de l'expérience Web : Exploration d'une nouvelle approche pour l'architecture des plugiciels</a></li>
<li><a href="#joans-session-title">Logiciels d’aide au rendement – rendre l’information facile à utiliser</a></li>
<li><a href="#pierred2-session-title">Rendre vos graphiques réutilisables et extensibles</a></li>
<li><a href="#pierred3-session-title">Se servir de plugiciels Flot pour rehausser vos graphiques</a></li>
<li><a href="#jedl-session-title">Techniques de prototypage rapide</a></li>
<li><a href="#dboudreau-session-title">Tester l'accessibilité du Web avec NVDA</a></li>
<li><a href="#stephenv-session-title">Transitions CSS</a></li>
</ul>
</div>
<section class="row session-div">
<h2 class="session-title" id="toufic-session-title">10 tests rapides pour évaluer l’accessibilité de votre site</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Toufic Sbeiti, gestionnaire des Opérations Web à Citoyenneté et Immigration Canada, présentera dix tests que l’on peut effectuer rapidement pour évaluer l’accessibilité à une page Web. Les développeurs pourront ainsi régler les problèmes avant le lancement et les gestionnaires de projets ou les clients, garantir le niveau d’accessibilité sans avoir une connaissance approfondie de la programmation.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portable (Firefox avec les barres d’outils Wave et Web Developer) et suivez les étapes pour vérifier l’accessibilité de votre page Web pendant la présentation.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Toufic Sbeiti </span></p>
<p>Gestionnaire - Operations Web, <span class="emphasis-text">Citoyenneté et Immigration Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="jeromefb-session-title">Améliorer la repérabilité par l'optimisation pour les moteurs de recherche</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Au cours de cet atelier, vous apprendrez des conseils pratiques afin d'améliorer vos appariements des intentions de chercheurs avec les mots-clés dont ils se servent et de quelle façon vous servir de ces mots-clés pour améliorer la repérabilité en général dans les moteurs de recherche.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Jérôme Foldes-Busque </span></p>
<p>Gestionnaires, Applications Web de la rémunération, <span class="emphasis-text">Travaux publics et services gouvernementaux Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Communications, fournisseur de contenu</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="jps-session-title">Architecture de l’information 101</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>La présentation Architecture de l’information (AI) 101 portera sur les éléments de base de l’architecture de l’information, notamment ce qu’est l’architecture de l’information (et ce qu’elle n’est pas), à quoi ressemble une architecture de l’information, les aspects qui sont visés par l’architecture de l’information, à quoi sert une architecture de l’information solide et pourquoi elle est si importante.</p>
<p>Nous examinerons également l’architecture de l’information dans le contexte des systèmes plus vastes et plus complexes, comme le site Web du gouvernement du Canada, et les réseaux de nouvelles, comme la BBC. Au cours de cette présentation, on vous fournira de nombreux exemples, trucs, ressources et vous aurez l’occasion d’échanger sur la façon de bâtir un meilleur Web grâce à l’architecture de l’information.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Présentez-vous avec un esprit ouvert et un désir de mieux comprendre la magie de la communication de l’information pertinente aux personnes qui en ont besoin.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">jp Simbandumwe </span></p>
<p>Associé, architecte principal de l’information et responsable UX <span lang="en" class="emphasis-text">Jumping Elephants</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="mikeg-session-title">ATAG et Drupal 8</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>L’avenir en matière de contenu accessible prend la forme d’ATAG 2.0. Cette norme à la fois garantit l’accessibilité de l’interface d’édition et veille à ce qu’il y ait des mesures qui permettent de s’assurer que le content produit est accessible. Bien que Drupal 8 n’ait pas encore été lancé et qu’ATAG 2.0 soit encore à l’état d’ébauche, il est important d’en prévoir dès maintenant l’incidence de leur mise en œuvre sur les sites du gouvernement. Nous pouvons présenter les principales améliorations apportées à l’aspect administratif de Drupal 8 et parler de la mise en œuvre de la Boîte à outils de l’expérience Web actuel de Drupal et de ce qui ressort déjà de l’approche de Drupal 8.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Bring your laptop with a modern web browser installed.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Mike Gifford </span></p>
<p><span lang="en" class="emphasis-text">OpenConcept Consulting Inc.</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="lucrockp-session-title">Comment faire des recherches en ligne sur l'expérience des utilisateurs à l'aide d'Optimal Workshop</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Si vous pensiez ne pas être en mesure de faire des recherches sur les utilisateurs en entreprise, détrompez-vous! Au cours de cette session, vous apprendrez comment faire le triage de cartes en ligne, ainsi que les mises à l’essai de menus de navigation et de prototypes. Nous expliquerons l'essentiel de chacune de ces méthodes pour ensuite examiner comment les mettre en place en vous servant de la série d'outils Optimal Workshop : OptimalSort, Treejack et Chalkmark. Par la suite, nous explorerons quand se servir de chaque méthode ou outil et comment analyser les résultats à l'aide d'exemples réels tirés du site Canada.ca et d'autres projets départementaux. La session sera coprésentée par Peter Smith, Chef, Dévelopement des produits pour Canada.ca, Secratariat de Conseil du Trésor du Canada.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Luc-Rock Paquin </span></p>
<p>Responsable, Architecture de l’information et intégration pour Canada.ca, <span class="emphasis-text">Service Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Communications, Porte-parole pour les usagers</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="tanyas-session-title">Comment mener un atelier sur les profils d’utilisateurs</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Cette séance interactive (alias le "Atelier sur les ateliers de profils») est destiné à enseigner aux participants à gérer leur propre ateliers de profils, afin de mieux comprendre les intervenants de projets et les cas d'utilisation. Les participants apprendront les principes fondamentaux à organiser un atelier de profils en complétant certaines des activités qu'ils mèneraient dans leurs propres sessions. Les sujets comprennent: quand et pourquoi organiser un atelier de profils, maximiser la valeur de l'atelier, les activités, la préparation, la facilitation et le suivi des ateliers.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Tous les matériaux seront fournis. Apporter votre intérêt pour l'apprentissage et votre sens de l'humour!</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Tanya Snook </span></p>
<p>Analyste d’affaires principale, <span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada </span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Tous</span></p>
<p>Niveau: <span class="emphasis-text">Tous</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="louismichel-session-title">Comment passer à la Boîte à outils de l’expérience Web version 4</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>La version 4 de la Boîte à outils de l’expérience Web comporte des changements majeurs par rapport aux versions antérieures. La migration d’un site ou d’une application Web vers la version 4 de la Boîte à outils n’est pas aussi simple que d’accéder au nouveau code de la Boîte à outils. Dans le cadre de l’Initiative de renouvellement du Web du gouvernement du Canada, le ministère des Affaires étrangères, du Commerce et du Développement du Canada a fait passer le site Web Voyage.gc.ca à la version 4 de la Boîte à outils. Joignez-vous à nous pour une discussion au sujet du processus de migration et, plus généralement, des répercussions et des décisions à prendre en matière de développement de contenu, d’organisation et de gestion.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Michel Raymond & Marvyn Haynes</span></p>
<p> Conseiller en communications électroniques, <span class="emphasis-text">Voyage.gc.ca</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Tous</span></p>
<p>Niveau: <span class="emphasis-text">Tous</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="pierred1-session-title">Conception de graphiques personnalisés</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Apprenez à concevoir et à personnaliser des graphiques à l’aide de la Boîte à outils de l’expérience Web et de Flot.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif. Une copie compilée de la version 4.0 de la Boîte à outils de l’expérience Web. Votre éditeur Web préféré. Optionnellement, un tableau de donnée balisé en HTML que vous voulez convertir en graphique personnalisé.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Pierre Dubois </span></p>
<p>Développeur Web spécialiste, <span class="emphasis-text">Office de la propriété intellectuelle du Canada, Industrie Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Éditeurs web</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="laurentg-session-title">Compiler la Boîte à outil de l’expérience Web</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Vous êtes prêt à corriger votre premier bogue ou à travailler sur votre première « pull request » pour la Boîte à outil de l’expérience Web. Avant de commencer, vous devez vous familiariser avec le processus de compilation automatisé pour le code source la Boîte à outil de l’expérience Web de façon à pouvoir évaluer de façon efficace vos modifications. Les concepts qui seront l’objet de cet atelier s’appliquent aussi à de nombreux autres projets à source ouverte.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portatif avec les logiciels nodejs et Java installés.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Laurent Goderre </span></p>
<p><span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="nicklaurent-session-title">Créer votre proper theme pour la Boîte à outil de l’expérience Web</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Le gouvernement ne sont pas les seuls qui peuvent se servir de la Boîte à outil de l’expérience Web ! Vous aussi, vous pouvez vous en servir pour n’importe quel de vos projets Web. Au cours de cet atelier, vous apprendrez à vous servir d’outils automatisés qui vous aideront à créer votre propre thème (conception visuelle) à l’aide de la Boîte à outil de l’expérience Web.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portatif avec le logiciel nodejs installé.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Nick Schonning et Laurent Goderre </span></p>
<p><span class="emphasis-text">Citoyenneté et immigration Canada et Secrétariat du Conseil du Trésor du Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="mandym-session-title">Écrire pour le web : 10 conseils à suivre dès aujourd'hui afin d'améliorer votre contenu</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>En se rapprochant du renouvellement du web, il y a de plus en plus de souci à ce que le contenu de notre site web soit clair, concis et axé sur l’utilisateur. Durant cet atelier, vous apprendrez des conseils pratiques de transformation de votre contenu web afin qu'un utilisateur puisse facilement le trouver, le balayer et le comprendre.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un stylo et une volonté de mettre à l'épreuve votre concept de l'apparence de votre contenu web.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Mandy McCrone </span></p>
<p>Conseillère en communications p.i., <span class="emphasis-text">Transport Canada </span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Communications, N’importe qui crée du contenu pour le Web</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="justinl1-session-title">GitHub 101 : Préparation et navigation</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>GitHub vous fait peur? Vous êtes intimidé(e) par vos collègues qui s'y connaissent mieux que vous? Il y a peut-être une raison à cela. Dans le cadre de cette séance, nous aborderons ces peurs ensemble et nous nous familiariserons à l'utilisation de l'interface GitHub.com. Nous commencerons par établir votre compte GitHub, puis nous suivrons d'autres utilisateurs, nous examinerons certains projets, nous nous joindrons à une organisation et nous apprendrons à connaître GitHub Octocat. Pas de ligne de commande, pas de Git, pas de grands principes en matière de contrôle de version distribuée. Cette courte séance s'adresse aux véritables néophytes, mais elle vous permettra d'atténuer vos peurs envers GitHub et d'interagir avec vos collègues concepteurs et développeurs.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un appareil avec un accès Internet (de préférence, un ordinateur portable) et un navigateur Web.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Justin Longo </span></p>
<p><span class="emphasis-text">Études post-doctorales en gouvernance transparente</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Toute personne n'ayant jamais utilisé GitHub, ou très peu, mais qui devrait.</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="justinl2-session-title">GitHub 102 : Prenez l'embranchement!</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Vous observez GitHub depuis quelque temps, mais votre profil indique « 0 contribution »? Eh bien il est temps de commencer à accumuler quelques blocs verts sur votre écran. Suite logique à la séance (« GitHub 101 : Préparation et navigation »), cette séance portera sur la façon de contribuer en se rendant sur GitHub.com et en interagissant avec les autres. Vous créerez votre premier projet (appelé un dépôt) et un nouveau logiciel, signalerez un problème, effectuerez une demande de déchargement et gérerez les demandes de déchargement provenant d'autres utilisateurs. Nous ferons tout ça sans même utiliser une ligne de commande. Cette courte séance s'adresse aux véritables néophytes, mais elle vous permettra de connaître certains accessoires de vos collègues concepteurs et développeurs qui vous donneront l'occasion de contribuer régulièrement à GitHub.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un appareil avec un accès à Internet (de préférence, par l’entremise d’un ordinateur portable) et un navigateur Web. Avoir participé à la séance « GitHub 101 : Préparation et navigation » ou avoir un compte sur GitHub.com et connaître l'interface.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Justin Longo </span></p>
<p><span class="emphasis-text">Études post-doctorales en gouvernance transparente</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Toute personne qui a un compte GitHub.com, mais qui, jusqu'à présent, n’a pas contribué du tout (ou peu).</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="cedricalannah-session-title">Gouvernement ouvert 101</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Avez-vous envie de stimuler le changement? Cette présentation porte sur le mouvement du gouvernement ouvert observé dans le monde entier, comment le Canada y prend part, comment les gens peuvent y contribuer, quels en sont les rouages et vous donnera un bref aperçu des prochaines étapes. Suivra une discussion ouverte pendant laquelle on répondra à toutes vos questions.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un désir d'aider le changement.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Cedric Jean-Marie </span></p>
<p>Conseiller technique principal, <span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada </span></p>
<p><span class="emphasis-bold">Alannah Hilt </span></p>
<p>Agente de projet <span class="emphasis-text"></span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="jeremys-session-title">Introduction à GitHub pour les développeurs</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Une revue générale technique de GitHub et de comment s’en servir.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif et un client <a href="http://git-scm.com/">Git</a></p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Jeremy Sivaneswaran </span></p>
<p>Développeur, <span class="emphasis-text">Bureau des normes Web </span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="zachf-session-title">Introduction à la Boîte à outils de l’expérience Web</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Voulez-vous apprendre à apprivoiser le potentiel incroyable de la Boîte à outils de l'expérience web? Bien sûr que oui! Cet atelier vous montrera étape par étape la création d'une page web à l'aide de la Boîte à outils de l'expérience web. Avant cet atelier, vous devriez jeter un coup d'oeil à l’atelier Les CSS avec Bootstrap.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Zach Falsetto </span></p>
<p>Designer d’interactions, <span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada </span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Tous</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="andrewwilliam-session-title">Introduction à la Boîte à outils de l’expérience Web de Drupal version 4</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>William Hearn (<a href="https://twitter.com/william_hearn">@william_hearn</a>) donnera un aperçu complet de la Boîte à outils de l’expérience Web de Drupal version 4. Venez participer à la séance de Q&R qu’il animera en compagnie d’Andrew Sinkinson (<a href="http://twitter.com/sinkinsona">@sinkinsona</a>) tout en vous familiarisant avec la nouvelle fonctionnalité Bootstrap.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portable!</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Andrew Sinkinson </span></p>
<p>IT Chief, <span class="emphasis-text">Statistics Canada</span></p>
<p><span class="emphasis-bold-2">William Hearn </span></p>
<p><span class="emphasis-text">Statistics Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="nicks-session-title">Introduction à Sass</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Mettez-vous à Sass. Nous explorerons comment http://sass-lang.com/ peut améliorer votre flux de travail et quelles ressources vous aiderons à vous mettre à jour. Des blogues, des applications en ligne, et des ressources seront présentés pour vous permettre de continuer votre apprentissage à votre rythme après cet atelier.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un stylo et du papier ou un ordinateur portatif pour prendre des notes. Un Gist de liens sera fourni à la fin de l’atelier.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Nick Schonning</span></p>
<p>Développeur/analyste principal, <span class="emphasis-text">Citoyenneté et immigration Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="skibbee-session-title">Introduction au JavaScript pour non-programmeurs</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Découvrez les bases du JavaScript! Cette session est visée au non-programmeurs qui veulent en savoir plus. Nous vous donnerons du contexte, écrirons du code, et vous démontrerons ce qui est possible avec le JavaScript.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apporter votre ordinateur portable pour suivre les exemples. Si non, rien n'est requis.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Sean Kibbee, Edward Lai</span></p>
<p>Programmeur, <span class="emphasis-text">Santé Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="karinnicolas-session-title">Inventaire du contenu pour la restructuration de site Web</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Dans les cas où vous devez migrer votre contenu dans un système de gestion de contenu, ou lorsque vous travaillez avec des rédacteurs afin de rénover et réécrire le contenu, ou même si vous êtes en train de concevoir une architecture d'information; un inventaire de contenu est un outil indispensable. Ceci est d'autant plus vrai lorsqu'il s'agit de projets de reconception de sites Web à grand volume de contenu. Au cours de cet atelier, nous travaillerons ensemble afin d'identifier les meilleures pratiques pour établir le cadre de l'inventaire de contenu de l'Initiative du Renouvellement du Web du Gouvernement du Canada.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Votre crayon ou stylo et votre volonté de partager votre savoir et votre expérience sur les inventaires de contenu (ce qui fonctionne, ce qui ne fonctionne pas et quels champs devraient être rajoutés dans l'inventaire).</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Karin Bell et Nicolas Horne</span></p>
<p>Équipe de projet du Renouvellement du Web, <span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Tous</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="shawnt-session-title">Jekyll et les pages GitHub</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Est-ce que GitHub est encore tout nouveau pour vous? Ce l’est aussi pour moi. Venez vous joindre à moi pour vous amuser à configurer un site à l’aide de Jekyll et des pages GitHub. J’ai pu le faire une fois déjà, voyons si je peux le faire une seconde fois en 90 minutes.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portable. Installer Ruby, RubyGems. Linux, Unix, or Mac OS X</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Shawn Thompson</span></p>
<p>Spécialiste Web, <span class="emphasis-text">Service Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="eileenjames-session-title">La repérabilité sous le projet de renouvellement du web</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Le projet de renouvellement du web est l'un des plus grands au sein du Gouvernement du Canada. Venez apprendre le référencement et la publication web dans le cadre de ce projet et sa suite.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Eileen White</span></p>
<p>Responsable, Recherche Web du GC, <span class="emphasis-text">Secrétariat du Conseil du Trésor du Canada</span></p>
<p><span class="emphasis-bold">James Ault</span></p>
<p>Conseiller technique principal, <span class="emphasis-text">Travaux publics et Services gouvernementaux Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">N’importe qui</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="adrians-session-title">L’art sombre de l’adaptation JavaScript</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>La génétique artificielle et l’adaptation automatisée sont sans contexte les outils les plus importants que vous n’aurez jamais pensé devoir utiliser pour le développement Web. Venez découvrir comment 50 lignes de JavaScript pourraient changer à jamais votre façon d’aborder les problèmes et apprenez comment vous pouvez « optimiser » automatiquement votre site Web pour une meilleure convivialité. Vous n’avez pas besoin de connaître l’alphabet grec ni le calcul différentiel, mais une connaissance de JavaScript (ou de tout autre langage de programmation) vous sera utile.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez votre ordinateur portable. Installez Chrome.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Adrian Seeley </span></p>
<p>Entrepreneur, <span lang="en" class="emphasis-text">OSCI.INTERNATIONAL</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="pierred4-session-title">Les CSS avec Bootstrap</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Apprenez à personnaliser la présentation visuelle de votre contenu à l’aide de Bootstrap, inclus avec la version 4.0 de la Boîte à outils de l’expérience Web. Les sujets suivants seront explorés : Le système de grille de mise en page, la typographie, les tableaux, les boutons, les images, les classes d’assistance, les classes utilitaires pour la conception réactive, et les formulaires.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif. Une copie compilée de la Boîte à outils de l’expérience Web. Votre éditeur Web préféré.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Pierre Dubois </span></p>
<p>Développeur Web spécialiste, <span lang="en" class="emphasis-text">Office de la propriété intellectuelle du Canada, Industrie Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications, Éditeurs web</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="chrism2-session-title">Les données HTML et le gouvernement ouvert</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Précurseur à la presentation au sujet du gouvernement ouvert, au cours de cette discussion, nous explorerons le Quoi, le Pourquoi et les Comments relatifs aux données HTML et le relation entre les données HTML et les données et l’information ouvertes.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Être désireux de poser des questions.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Christopher Majewski </span></p>
<p>Agent de support au développement d’applications, <span lang="en" class="emphasis-text">Direction du dirigeant principal de l'information</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="chrism1-session-title">Les données HTML et les engins de recherche d’entreprise</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>La norme sur l’interopérabilité du Web exige de baliser les renseignements contenus dans la page avec les données HTML. Au cours de cette discussion, nous explorerons le Quoi, le Pourquoi et les Comments relatifs à l’utilisation de l’engin de recherche personnalisé de Google.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Être désireux de poser des questions.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Christopher Majewski </span></p>
<p>Agent de support au développement d’applications, <span lang="en" class="emphasis-text">Direction du dirigeant principal de l'information</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Communications</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="mikeg2-session-title">Les gouvernements Drupal à travers le monde</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Des agences gouvernementales à travers le monde se servent de Drupal. Le gouvernement australien a récemment annoncé qu’ils se normaliseront sur la plateforme Drupal. Pourquoi et comment est-ce que Drupal est utilisé par les agences gouvernementales? Qu’est-ce qu’une distribution de Drupal et pourquoi il y en a-t-il tant pour les gouvernements? Quel est l’avantage en matière d’accessibilité de commencer par Drupal? Comment est-ce que fonctionne le logiciel à source ouverte, est qu’entend-t-on par « libre » et « gratuit »? Cet atelier sera un atelier interactif d’introduction pour les gens ayant entendu parler de cet outil, mais n’étant pas nécessairement certain des besoins auxquels il répond.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Si vous avez un ordinateur portatif, tant mieux, mais ce n’est pas nécessaire.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Mike Gifford </span></p>
<p>Président, <span lang="en" class="emphasis-text">OpenConcept Consulting Inc.</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Communications</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="mariob-session-title">L'évolution de la Boîte à outils de l'expérience Web : Exploration d'une nouvelle approche pour l'architecture des plugiciels</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>La Boîte à outils de l'expérience Web 4.0 a énormément évolué depuis sa phase beta il y a plus d'un an. La performance et l'accessibilité ont été les cibles principales, maintenant certains cherchent une augmentation la modularité. Cet atelier explorera une approche d'extension de plugiciel proposée qui permettrait de faciliter le surclassement et l'intégration de plugiciels externes avec la Boîte à outils de l'expérience Web.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Mario Bonito </span></p>
<p>Conseiller principal en communications, <span lang="en" class="emphasis-text">Service Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="joans-session-title">Logiciels d’aide au rendement – rendre l’information facile à utiliser</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Les travailleurs du savoir veulent trouver des renseignements rapidement. Ils veulent des lignes directrices et des renseignements contextuels au moment là où ils en ont besoin. L’Agence du revenu du Canada a répondu à ces besoins en matière d’apprentissage en développant un système appelé « SavoirFaire ». Ce système fourni des instructions en cours d’emploi aux employés et aux gestionnaires pour tout un éventail de tâches d’affaires. « SavoirFaire » fourni des aides relatives aux tâches qui sont conformes aux politiques, ainsi que des solutions multimédia qui rendent les renseignements faciles d’emploi.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Joan Somerville </span></p>
<p>Conseilère pricinpale et chef de programme, <span lang="en" class="emphasis-text">Agence du revenu du Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Developpeurs, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="pierred2-session-title">Rendre vos graphiques réutilisables et extensibles</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Évitez le copier-coller en apprenant à regrouper les paramètres d’un graphique pour pouvoir les réutiliser ou les rehausser. Vous apprendrez aussi comment utiliser des fonctions JavaScript personnalisées avec le plugiciel de Graphiques de la Boîte à outils de l’expérience Web et avec Flot.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif. Une copie compilée de la version 4.0 de la Boîte à outils de l’expérience Web. Votre éditeur Web préféré. Optionnellement, un tableau de donnée balisé en HTML que vous voulez convertir en graphique personnalisé. Des connaissances de base au sujet de la personnalisation des graphiques à l’aide de @data-flot.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Pierre Dubois </span></p>
<p>Développeur Web spécialiste, <span class="emphasis-text">Office de la propriété intellectuelle du Canada, Industrie Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Éditeurs web</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="pierred3-session-title">Se servir de plugiciels Flot pour rehausser vos graphiques</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Apprenez à appliquer des plugiciels Flot, ou même votre propre plugiciel, pour rehausser vos graphiques.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portatif. Une copie compilée de la version 4.0 de la Boîte à outils de l’expérience Web. Votre éditeur Web préféré. Optionnellement, un tableau de donnée balisé en HTML que vous voulez convertir en graphique personnalisé. Optionnellement, un plugiciel Flot que vous voulez appliquer pour votre graphique</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Pierre Dubois </span></p>
<p>Développeur Web spécialiste, <span class="emphasis-text">Office de la propriété intellectuelle du Canada, Industrie Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs, Éditeurs web</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="jedl-session-title">Techniques de prototypage rapide</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Apprenez comment visualiser et communiquer vos idées rapidement grâce à ces techniques de prototypage. La séance débutera par une brève présentation et sera suivie par des activités pratiques. Elle cible les professionnels qui s’intéressent à la visualisation des idées.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Apportez crayon et papier.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Jed Looker </span></p>
<p>Professeur, <span class="emphasis-text">Collège Algonquin</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="dboudreau-session-title">Tester l'accessibilité du Web avec NVDA</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Tester l'accessibilité du Web avec Les tests d'accessibilité à l'aide des outils de navigateur tels que le « Web Developer Toolbar » ou le « WAVE toolbar » est déjà une tâche ardue. Ajouter les exigences d'essai d'un lecteur d'écran au mixe et pour la plupart des gens il devient trop compliqué vite.
Cette session s'adresse à toute personne qui ne se considère pas elle-même d'être un expert de l'accessibilité, mais a besoin de parfois tester l'accessibilité des sites Web.
Dans cette session, nous discuttons une série de techniques pour tester les principes fondamentaux de l'accessibilité à l'aide de NVDA, un lecteur d'écran de source ouvert.
Des compétences de « ninja » ne sont pas requises! Rejoignez-nous si vous êtes prêt à découvrir douze techniques simples en 30 minutes rapides!</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Vos pires craintes et les préoccupations au sujet de l'utilisation des lecteurs d'écran pour les essais d'accessibilité, afin que nous puissions les écraser à une pâte.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Denis Boudreau</span></p>
<p>« Avenger » de l'accessibilité du Web, <span class="emphasis-text">Deque Systems</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Débutant</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
<section class="row session-div">
<h2 class="session-title" id="stephenv-session-title">Transitions CSS</h2>
<div class="col-sm-12 col-md-8">
<div class="session-description">
<p>Brève introduction aux transitions et transformations CSS avant de discuter de l'implémentation actuelle dans la Boîte à outils de l'expérience Web, ainsi que d'améliorations qui pourraient y être apportées.</p>
</div>
<div class="session-supplies">
<p><span class="emphasis-bold">Ce que vous devez apporter :</span> Un ordinateur portable sur lequel sont installés tous les logiciels nécessaires pour contribuer à la Boîte à outils de l'expérience Web (p. ex. node, git, et votre éditeur de texte préféré).</p>
<p>Plus amples détails dans le <a href="http://wet-boew.github.io/wet-boew/docs/start-fr.html#develop">Guide de démarrage de la Boîte à outils de l'expérience Web</a>.</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="session-name">
<p><span class="emphasis-bold">Stephen Viens </span></p>
<p>Agent de communication, <span class="emphasis-text">Sécurité publique Canada</span></p>
</div>
<div class="session-audience">
<p>Public cible: <span class="emphasis-text">Designers, Développeurs</span></p>
<p>Niveau: <span class="emphasis-text">Intermédiaire</span></p>
<p>Langue: <span class="emphasis-text">Anglais</span></p>
</div>
</div>
</section>
</main>
<footer role="contentinfo" id="footer">
<section>
<h2 id="wb-info" class="wb-inv">À propos de ce site</h2>
<div id="footer-contact" class="row">
<div class="col-xs-12">
<p>Des questions? <a href="mailto:[email protected]">Communiquez avec nous</a></p>
</div>
</div>
<div id="footer-hosts" class="row">
<div class="col-xs-12">
<p>Le FestiCode 2014 est tenu conjointement par :</p>
<ul id="host-list">
<li><a href="http://wet-boew.github.io/wet-boew/index-fr.html"><img src="./theme/assets/boew-logo.png" alt="la Boîte à outils de l'expérience Web" /></a></li>
<li><a href="http://www.carleton.ca/1125/" lang="en"><img src="./theme/assets/1125-at-Carleton.png" alt="1125@Carleton" /></a></li>
</ul>
</div>
</div>
</section>
</footer>
</div>
<nav role="navigation" id="site-menu" class="col-sm-12 col-md-3 col-md-pull-9 col-lg-2 col-lg-pull-10" typeof="SiteNavigationElement">
<h2 class="wb-inv">Menu des sujets</h2>
<ul class="list-group list-unstyled">
<li><a class="list-group-item" href="index-fr.html"><span class="glyphicon glyphicon-home"></span> Accueil</a></li>
<li><a class="list-group-item" href="about-fr.html"><span class="glyphicon glyphicon-info-sign glyth-yellow"></span> Au sujet de</a></li>
<li><a class="list-group-item" href="schedule-fr.html"><span class="glyphicon glyphicon-time"></span> Horaire</a></li>
<li><a class="list-group-item" href="location-fr.html"><span class="glyphicon glyphicon-map-marker"></span> Lieu</a></li>
<li><a class="list-group-item" href="speakers-fr.html"><span class="glyphicon glyphicon-user"></span> Conférenciers</a></li>
<li><span class="list-group-item item-selected"><span class="glyphicon glyphicon-bullhorn"></span> Ateliers</span></li>
<li><a class="list-group-item" href="designjam-fr.html"><span class="glyphicon glyphicon-pencil"></span> Design jam</a></li>
<li><a class="list-group-item" href="codesprint-fr.html"><span class="glyphicon glyphicon-wrench"></span> Sprint de codage</a></li>
<li><a class="list-group-item" href="proposal-fr.html"><span class="glyphicon glyphicon-hand-up"></span> Dirigez un atelier</a></li>
<li><a lang="en" hreflang="en" class="list-group-item menu-util" href="./sessions-en.html"><span class="glyphicon glyphicon-share-alt menu-util"></span> English</a></li>
</ul>
</nav>
</div>
</div>
<!--[if gte IE 9 | !IE ]><!-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script src="./wet-boew/js/wet-boew.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-52036019-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
<![endif]-->
</body>
</html>