{"id":8899,"date":"2022-08-30T11:22:12","date_gmt":"2022-08-30T18:22:12","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=8899"},"modified":"2024-08-22T10:28:57","modified_gmt":"2024-08-22T17:28:57","slug":"lecture-de-code","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/fr\/resources\/docs\/screen\/candidate-reports\/code-playback\/","title":{"rendered":"Code Playback"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Examen du code du candidat<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<lite-youtube\n    videoid=\"fUbtr35YfAg\"\n            params=\"rel=0\"\n        style=\"background-image: url('https:\/\/i.ytimg.com\/vi\/fUbtr35YfAg\/maxresdefault.jpg');\">\n  <a href=\"https:\/\/youtu.be\/fUbtr35YfAg\" class=\"lty-playbtn\" title=\"Lire la vid\u00e9o\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"lyt-visually-hidden\">Jouer la vid\u00e9o : Lecture du code<\/span>\n      <\/a>\n<\/lite-youtube>\n\n<\/div><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\ud83d\udcbb Vous pouvez explorer la lecture vous-m\u00eame avec <a href=\"https:\/\/www.codingame.com\/work\/code-replay-demo\/18911594\/16737\" target=\"_blank\" rel=\"noopener\">cette d\u00e9monstration interactive<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Lorsqu'un candidat termine un test et que vous recevez son rapport de test, vous pouvez en savoir plus sur la fa\u00e7on dont il code et r\u00e9sout les probl\u00e8mes en utilisant la fonction de lecture de code.<\/p>\n\n\n\n<p>Pour les questions de programmation, de jeu et de texte libre, Screen enregistre toutes les activit\u00e9s de codage de votre candidat pendant le test. Vous pouvez voir comment votre candidat a construit son algorithme, quand il a quitt\u00e9 l'environnement, quand et quoi il a coll\u00e9 \u00e0 partir de sources externes, et ce qui s'est pass\u00e9 quand il a ex\u00e9cut\u00e9 son code.&nbsp;<\/p>\n\n\n\n<p>Pour voir cela, allez d'abord dans le rapport d\u00e9taill\u00e9 de votre candidat et choisissez une question de programmation sur laquelle vous voulez en savoir plus.<\/p>\n\n\n\n<p>Cliquez ensuite sur le bouton de lecture \u25b6\ufe0f en bas de l'\u00e9cran pour voir la lecture.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"920\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/2023-01-13_12-56-41.png\" alt=\"L&#039;\u00e9cran de lecture avec le code du candidat en haut et un symbole &quot;lecture&quot; en surbrillance en bas.\" class=\"wp-image-15901\" srcset=\"\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"\" \/><\/figure>\n\n\n\n<p>Acc\u00e9l\u00e9rez ou ralentissez la lecture (de x0,5 \u00e0 x8 secondes) en cliquant sur le chiffre en bas \u00e0 gauche. Vous pouvez \u00e9galement mettre l'enregistrement en pause \u00e0 tout moment.&nbsp;<\/p>\n\n\n\n<p>La ligne de temps comporte des segments de couleur diff\u00e9rente :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vert <\/strong>lorsque votre candidat ex\u00e9cute ou soumet du code.<\/li>\n\n\n\n<li><strong>Orange<\/strong> quand votre candidat \u00e9crit du code.<\/li>\n\n\n\n<li><strong>Rouge <\/strong>quand votre candidat colle du code.<\/li>\n\n\n\n<li><strong>Gris fonc\u00e9<\/strong> lorsque votre candidat quitte ou revient sur le test.<\/li>\n\n\n\n<li><strong>Gris clair<\/strong> pour montrer combien de temps votre candidat a pass\u00e9 en dehors du Screen test.<\/li>\n<\/ul>\n\n\n\n<p>Cliquez sur <strong>Ex\u00e9cutez ce code<\/strong> d'ex\u00e9cuter le code du candidat \u00e0 tout moment.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/2023-01-13_12-56-41_a.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"919\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/01\/2023-01-13_12-56-41_a.png\" alt=\"L&#039;\u00e9cran de lecture avec le code candidat dans la partie sup\u00e9rieure de l&#039;\u00e9cran. En haut \u00e0 droite, une fl\u00e8che pointe vers le bouton &quot;ex\u00e9cuter ce code&quot;.\" class=\"wp-image-15661\" srcset=\"\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Vous verrez alors l'\u00e9diteur de code s'ouvrir dans un nouvel onglet o\u00f9 vous pourrez tester la solution de votre candidat en s\u00e9lectionnant <strong>Testez votre code<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1024x486.jpg\" alt=\"L&#039;\u00e9diteur de code pour un exercice de codage particulier est affich\u00e9 avec le code candidat. Une fl\u00e8che pointe vers le bas de l&#039;\u00e9cran, au niveau du bouton &quot;Ex\u00e9cuter tous les tests&quot;.\" class=\"wp-image-40567\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1024x486.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-300x143.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-768x365.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1536x730.jpg 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-18x9.jpg 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Le r\u00e9sultat appara\u00eet dans le <strong>Sortie de console<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1024x486.png\" alt=\"L&#039;\u00e9diteur de code pour un exercice de codage particulier est affich\u00e9 avec le code candidat. En bas \u00e0 gauche, la fen\u00eatre &quot;sortie console&quot; est mise en \u00e9vidence. \" class=\"wp-image-40569\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1024x486.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-300x143.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-768x365.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-1536x730.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-114.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>","protected":false},"parent":8897,"menu_order":0,"template":"","class_list":["post-8899","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":33,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8899\/revisions"}],"predecessor-version":[{"id":40571,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8899\/revisions\/40571"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8897"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/media?parent=8899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}