{"id":7691,"date":"2026-02-06T08:42:51","date_gmt":"2026-02-06T07:42:51","guid":{"rendered":"https:\/\/www.alexisdegaribaldi.com\/?page_id=7691"},"modified":"2026-03-16T12:31:51","modified_gmt":"2026-03-16T11:31:51","slug":"evaluation","status":"publish","type":"page","link":"https:\/\/www.alexisdegaribaldi.com\/index.php\/evaluation\/","title":{"rendered":"EVALUATION"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7691\" class=\"elementor elementor-7691\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9432331 e-flex e-con-boxed e-con e-parent\" data-id=\"9432331\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c26be06 elementor-widget elementor-widget-text-editor\" data-id=\"c26be06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>L&rsquo; objectif de cette Evaluation, est de mesurer le niveau de comp\u00e9tence certes, mais aussi, l&rsquo;acquis de connaissance, ainsi que sa restitution dans un exercice dit PRATIQUE.<\/p><p>Sous forme d&rsquo;ATELIER, l&rsquo;apprenant est mis en situation devant un Probl\u00e8me donn\u00e9, d\u00e9fini par un objectif avec une ou plusieurs contrainte ( outils, relief, conditions, intemperies, gestion du temps )<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9493811 e-flex e-con-boxed e-con e-parent\" data-id=\"9493811\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf229d elementor-widget elementor-widget-image\" data-id=\"fcf229d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.alexisdegaribaldi.com\/wp-content\/uploads\/2026\/02\/Capture-decran-evaluations.png?fit=241%2C173&#038;ssl=1\" title=\"Capture d\u2019\u00e9cran evaluations\" alt=\"Capture d\u2019\u00e9cran evaluations\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf5c703 e-flex e-con-boxed e-con e-parent\" data-id=\"bf5c703\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ff242 elementor-widget elementor-widget-progress\" data-id=\"10ff242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-10ff242\">\n\t\t\t\tMa comp\u00e9tence\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-10ff242\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa0f9c1 e-flex e-con-boxed e-con e-parent\" data-id=\"aa0f9c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17b5755 elementor-widget elementor-widget-progress\" data-id=\"17b5755\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-17b5755\">\n\t\t\t\tMes connaissances\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-17b5755\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d3f4d0 e-flex e-con-boxed e-con e-parent\" data-id=\"8d3f4d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7600f0 elementor-widget elementor-widget-progress\" data-id=\"c7600f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-c7600f0\">\n\t\t\t\tMa r\u00e9alisation\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-c7600f0\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee4bd64 e-flex e-con-boxed e-con e-parent\" data-id=\"ee4bd64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-853a4f1 elementor-widget elementor-widget-progress\" data-id=\"853a4f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-853a4f1\">\n\t\t\t\tMa restitution &amp; Explications\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-853a4f1\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c046 e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbc3e11 elementor-widget elementor-widget-progress\" data-id=\"bbc3e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-bbc3e11\">\n\t\t\t\tMa propr\u00e9t\u00e9 &amp; Mon organisation\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-bbc3e11\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8979bbc e-flex e-con-boxed e-con e-parent\" data-id=\"8979bbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81ac46c elementor-widget elementor-widget-progress\" data-id=\"81ac46c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-81ac46c\">\n\t\t\t\tMes E.P.I\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-81ac46c\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">100%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b14fe80 e-flex e-con-boxed e-con e-parent\" data-id=\"b14fe80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d84382c elementor-widget elementor-widget-html\" data-id=\"d84382c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"evaluation-form\" class=\"eval-wrapper\">\r\n\r\n    <div class=\"eval-header\">\r\n\r\n        <h2>Fiche d'\u00c9valuation Technique<\/h2>\r\n\r\n    <\/div>\r\n\r\n \r\n\r\n    <!-- Informations Candidat -->\r\n\r\n    <div class=\"eval-box\">\r\n\r\n        <div class=\"input-group\">\r\n\r\n            <div class=\"field\">\r\n\r\n                <label>Nom<\/label>\r\n\r\n                <input type=\"text\" id=\"nom\" placeholder=\"Nom du candidat\">\r\n\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n\r\n                <label>Pr\u00e9nom<\/label>\r\n\r\n                <input type=\"text\" id=\"prenom\" placeholder=\"Pr\u00e9nom du candidat\">\r\n\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n\r\n                <label>Classe \/ Groupe<\/label>\r\n\r\n                <input type=\"text\" id=\"classe\" placeholder=\"Ex: Terminale MELEC\">\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n \r\n\r\n    <!-- Grille d'\u00e9valuation -->\r\n\r\n    <div class=\"eval-box\">\r\n\r\n        <table class=\"eval-table\">\r\n\r\n            <thead>\r\n\r\n                <tr>\r\n\r\n                    <th>Comp\u00e9tences \u00e9valu\u00e9es<\/th>\r\n\r\n                    <th>\u00c9valuation (sur 5 \u00e9toiles)<\/th>\r\n\r\n                <\/tr>\r\n\r\n            <\/thead>\r\n\r\n            <tbody>\r\n\r\n                <!-- Crit\u00e8re 1 -->\r\n\r\n                <tr>\r\n\r\n                    <td>Comp\u00e9tence g\u00e9n\u00e9rale du candidat<\/td>\r\n\r\n                    <td>\r\n\r\n                        <div class=\"star-rating\" data-criterion=\"1\">\r\n\r\n                            <span class=\"star\" data-value=\"1\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"2\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"3\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"4\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"5\">\u2605<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/td>\r\n\r\n                <\/tr>\r\n\r\n                <!-- Crit\u00e8re 2 -->\r\n\r\n                <tr>\r\n\r\n                    <td>Connaissances g\u00e9n\u00e9rales<\/td>\r\n\r\n                    <td>\r\n\r\n                        <div class=\"star-rating\" data-criterion=\"2\">\r\n\r\n                            <span class=\"star\" data-value=\"1\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"2\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"3\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"4\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"5\">\u2605<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/td>\r\n\r\n                <\/tr>\r\n\r\n                <!-- Crit\u00e8re 3 -->\r\n\r\n                <tr>\r\n\r\n                    <td>Restitution et explication<\/td>\r\n\r\n                    <td>\r\n\r\n                        <div class=\"star-rating\" data-criterion=\"3\">\r\n\r\n                            <span class=\"star\" data-value=\"1\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"2\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"3\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"4\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"5\">\u2605<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/td>\r\n\r\n                <\/tr>\r\n\r\n                <!-- Crit\u00e8re 4 -->\r\n\r\n                <tr>\r\n\r\n                    <td>Propret\u00e9 et organisation<\/td>\r\n\r\n                    <td>\r\n\r\n                        <div class=\"star-rating\" data-criterion=\"4\">\r\n\r\n                            <span class=\"star\" data-value=\"1\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"2\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"3\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"4\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"5\">\u2605<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/td>\r\n\r\n                <\/tr>\r\n\r\n                <!-- Crit\u00e8re 5 -->\r\n\r\n                <tr>\r\n\r\n                    <td>Port des EPI<\/td>\r\n\r\n                    <td>\r\n\r\n                        <div class=\"star-rating\" data-criterion=\"5\">\r\n\r\n                            <span class=\"star\" data-value=\"1\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"2\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"3\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"4\">\u2605<\/span>\r\n\r\n                            <span class=\"star\" data-value=\"5\">\u2605<\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/td>\r\n\r\n                <\/tr>\r\n\r\n            <\/tbody>\r\n\r\n        <\/table>\r\n\r\n    <\/div>\r\n\r\n \r\n\r\n    <!-- Footer -->\r\n\r\n    <div class=\"eval-box footer-info\">\r\n\r\n        <label>Commentaires \/ Observations :<\/label>\r\n\r\n        <textarea rows=\"3\" placeholder=\"Notes compl\u00e9mentaires...\"><\/textarea>\r\n\r\n       \r\n\r\n        <div class=\"examinateur-field\">\r\n\r\n            <label>Nom de l'examinateur :<\/label>\r\n\r\n            <input type=\"text\" id=\"examinateur\" placeholder=\"Signature \/ Nom\">\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n \r\n\r\n    <button onclick=\"window.print()\" class=\"btn-print\">Imprimer le rapport (PDF)<\/button>\r\n\r\n<\/div>\r\n\r\n \r\n\r\n<style>\r\n\r\n    .eval-wrapper {\r\n\r\n        max-width: 800px;\r\n\r\n        margin: 20px auto;\r\n\r\n        padding: 30px;\r\n\r\n        background: #ffffff;\r\n\r\n        border: 2px solid #333;\r\n\r\n        font-family: 'Segoe UI', Arial, sans-serif;\r\n\r\n        color: #333;\r\n\r\n    }\r\n\r\n \r\n\r\n    .eval-header { text-align: center; border-bottom: 3px solid #333; margin-bottom: 20px; }\r\n\r\n   \r\n\r\n    .eval-box { margin-bottom: 20px; }\r\n\r\n \r\n\r\n    .input-group { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; }\r\n\r\n    .field label { display: block; font-weight: bold; font-size: 0.9em; margin-bottom: 5px; }\r\n\r\n    .field input { width: 100%; padding: 8px; border: 1px solid #ccc; }\r\n\r\n \r\n\r\n    .eval-table { width: 100%; border-collapse: collapse; margin-top: 10px; }\r\n\r\n    .eval-table th, .eval-table td { border: 1px solid #ddd; padding: 12px; text-align: left; }\r\n\r\n    .eval-table th { background: #f4f4f4; }\r\n\r\n \r\n\r\n    \/* Syst\u00e8me d'\u00e9toiles *\/\r\n\r\n    .star-rating {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: row;\r\n\r\n        gap: 5px;\r\n\r\n        cursor: pointer;\r\n\r\n    }\r\n\r\n    .star {\r\n\r\n        font-size: 25px;\r\n\r\n        color: #ccc;\r\n\r\n        transition: color 0.2s;\r\n\r\n    }\r\n\r\n    .star.active {\r\n\r\n        color: #f1c40f; \/* Jaune or *\/\r\n\r\n    }\r\n\r\n    .star:hover {\r\n\r\n        color: #f39c12;\r\n\r\n    }\r\n\r\n \r\n\r\n    .footer-info textarea { width: 100%; margin-top: 10px; border: 1px solid #ccc; padding: 10px; }\r\n\r\n    .examinateur-field { margin-top: 20px; text-align: right; }\r\n\r\n    .examinateur-field input { border: none; border-bottom: 1px solid #333; padding: 5px; width: 250px; text-align: center; }\r\n\r\n \r\n\r\n    .btn-print {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        padding: 15px;\r\n\r\n        background: #2c3e50;\r\n\r\n        color: white;\r\n\r\n        border: none;\r\n\r\n        cursor: pointer;\r\n\r\n        font-size: 16px;\r\n\r\n        font-weight: bold;\r\n\r\n        margin-top: 20px;\r\n\r\n    }\r\n\r\n \r\n\r\n    @media print {\r\n\r\n        .btn-print { display: none; }\r\n\r\n        .eval-wrapper { border: none; width: 100%; max-width: 100%; }\r\n\r\n        input, textarea { border: none !important; }\r\n\r\n        .star-rating .star { -webkit-print-color-adjust: exact; }\r\n\r\n    }\r\n\r\n<\/style>\r\n\r\n \r\n\r\n<script>\r\n\r\n    document.querySelectorAll('.star-rating').forEach(ratingContainer => {\r\n\r\n        const stars = ratingContainer.querySelectorAll('.star');\r\n\r\n       \r\n\r\n        stars.forEach(star => {\r\n\r\n            star.addEventListener('click', function() {\r\n\r\n                const value = this.getAttribute('data-value');\r\n\r\n               \r\n\r\n                \/\/ R\u00e9initialiser les \u00e9toiles du groupe\r\n\r\n                stars.forEach(s => s.classList.remove('active'));\r\n\r\n               \r\n\r\n                \/\/ Activer les \u00e9toiles jusqu'\u00e0 la valeur cliqu\u00e9e\r\n\r\n                for(let i = 0; i < value; i++) {\r\n\r\n                    stars[i].classList.add('active');\r\n\r\n                }\r\n\r\n            });\r\n\r\n        });\r\n\r\n    });\r\n\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab462f3 e-flex e-con-boxed e-con e-parent\" data-id=\"ab462f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04095f0 elementor-widget elementor-widget-heading\" data-id=\"04095f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Evaluations en ATELIER :<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-463a209 e-flex e-con-boxed e-con e-parent\" data-id=\"463a209\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b397ebf elementor-widget elementor-widget-html\" data-id=\"b397ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Fiche d'\u00c9valuation Technique Connect\u00e9e<\/title>\r\n    <style>\r\n        :root {\r\n            --primary: #2c3e50;\r\n            --success: #27ae60;\r\n            --warning: #f39c12;\r\n            --danger: #e74c3c;\r\n            --info: #3498db;\r\n            --reset: #95a5a6;\r\n            --accent: #f1c40f;\r\n            --border: #dfe6e9;\r\n        }\r\n\r\n        body { background-color: #f0f2f5; margin: 0; padding: 20px; font-family: 'Segoe UI', Arial, sans-serif; padding-bottom: 100px; }\r\n\r\n        .eval-wrapper {\r\n            max-width: 850px;\r\n            margin: 0 auto;\r\n            padding: 30px;\r\n            background: #ffffff;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .header-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--primary); margin-bottom: 20px; padding-bottom: 10px; }\r\n        .date-box { font-weight: bold; color: #7f8c8d; }\r\n\r\n        .section-title { font-size: 0.85em; font-weight: bold; color: var(--primary); margin: 20px 0 10px 0; border-left: 4px solid var(--primary); padding-left: 10px; background: #f8f9fa; padding: 5px 10px; }\r\n        \r\n        .input-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n        .field label { display: block; font-weight: bold; font-size: 0.75em; color: #7f8c8d; margin-bottom: 5px; }\r\n        .field input, .field select { width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 4px; box-sizing: border-box; }\r\n\r\n        .eval-table { width: 100%; border-collapse: collapse; margin-top: 10px; }\r\n        .eval-table th, .eval-table td { padding: 12px; border-bottom: 1px solid #eee; text-align: left; }\r\n\r\n        .star-rating { display: flex; gap: 5px; }\r\n        .star { font-size: 22px; color: #ddd; cursor: pointer; }\r\n        .star.active { color: var(--accent); }\r\n\r\n        .score-container {\r\n            background: var(--primary);\r\n            color: white;\r\n            padding: 15px;\r\n            border-radius: 6px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin: 20px 0;\r\n        }\r\n        .score-value { font-size: 1.4em; font-weight: bold; }\r\n\r\n        \/* Barre d'outils flottante *\/\r\n        .toolbar {\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: white;\r\n            padding: 15px;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\r\n            z-index: 1000;\r\n        }\r\n\r\n        .btn { padding: 10px 20px; border: none; border-radius: 5px; color: white; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; }\r\n        .btn-print { background: var(--info); }\r\n        .btn-mail { background: var(--primary); }\r\n        .btn-sms { background: var(--success); }\r\n        .btn-reset { background: var(--reset); }\r\n        .btn:hover { opacity: 0.9; transform: translateY(-2px); }\r\n\r\n        @media print {\r\n            .toolbar, .btn-reset { display: none; }\r\n            body { padding-bottom: 0; background: white; }\r\n            .eval-wrapper { box-shadow: none; border: 1px solid #eee; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"eval-wrapper\">\r\n    <div class=\"header-top\">\r\n        <h2 id=\"main-title\">Fiche d'\u00c9valuation<\/h2>\r\n        <div class=\"date-box\">Le : <span id=\"current-date\"><\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-title\">IDENTIFICATION APPRENANT<\/div>\r\n    <div class=\"input-group\">\r\n        <div class=\"field\"><label>Nom<\/label><input type=\"text\" id=\"app_nom\"><\/div>\r\n        <div class=\"field\"><label>Pr\u00e9nom<\/label><input type=\"text\" id=\"app_prenom\"><\/div>\r\n        <div class=\"field\"><label>Classe<\/label><input type=\"text\" id=\"app_classe\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-title\">\u00c9VALUATION : <select id=\"atelier-select\" onchange=\"updateTitle()\" style=\"border:none; background:transparent; font-weight:bold; width:auto; cursor:pointer;\"><option value=\"Atelier 4\">Atelier 4 : Pr\u00e9cision<\/option><option value=\"Atelier 5\">Atelier 5 : Paliers<\/option><\/select><\/div>\r\n    \r\n    <table class=\"eval-table\">\r\n        <tbody>\r\n            <tr>\r\n                <td style=\"width:70%\"><strong class=\"critere-nom\">Analyse\/Donn\u00e9es<\/strong><br><small>Lecture de plan et cotes<\/small><\/td>\r\n                <td><div class=\"star-rating\" data-val=\"0\"><span class=\"star\" data-v=\"1\">\u2605<\/span><span class=\"star\" data-v=\"2\">\u2605<\/span><span class=\"star\" data-v=\"3\">\u2605<\/span><span class=\"star\" data-v=\"4\">\u2605<\/span><span class=\"star\" data-v=\"5\">\u2605<\/span><\/div><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td><strong class=\"critere-nom\">R\u00e9alisation<\/strong><br><small>Qualit\u00e9 du geste technique<\/small><\/td>\r\n                <td><div class=\"star-rating\" data-val=\"0\"><span class=\"star\" data-v=\"1\">\u2605<\/span><span class=\"star\" data-v=\"2\">\u2605<\/span><span class=\"star\" data-v=\"3\">\u2605<\/span><span class=\"star\" data-v=\"4\">\u2605<\/span><span class=\"star\" data-v=\"5\">\u2605<\/span><\/div><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td><strong class=\"critere-nom\">R\u00e9sultat final<\/strong><br><small>Conformit\u00e9 de la pi\u00e8ce\/montage<\/small><\/td>\r\n                <td><div class=\"star-rating\" data-val=\"0\"><span class=\"star\" data-v=\"1\">\u2605<\/span><span class=\"star\" data-v=\"2\">\u2605<\/span><span class=\"star\" data-v=\"3\">\u2605<\/span><span class=\"star\" data-v=\"4\">\u2605<\/span><span class=\"star\" data-v=\"5\">\u2605<\/span><\/div><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td><strong class=\"critere-nom\">S\u00e9curit\u00e9\/EPI<\/strong><br><small>Respect des r\u00e8gles d'atelier<\/small><\/td>\r\n                <td><div class=\"star-rating\" data-val=\"0\"><span class=\"star\" data-v=\"1\">\u2605<\/span><span class=\"star\" data-v=\"2\">\u2605<\/span><span class=\"star\" data-v=\"3\">\u2605<\/span><span class=\"star\" data-v=\"4\">\u2605<\/span><span class=\"star\" data-v=\"5\">\u2605<\/span><\/div><\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n\r\n    <div class=\"score-container\">\r\n        <span>NOTE GLOBALE :<\/span>\r\n        <span class=\"score-value\" id=\"score-display\">0 \/ 20<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"section-title\">OBSERVATIONS & EXAMINATEUR<\/div>\r\n    <textarea id=\"obs\" rows=\"3\" style=\"width:100%; border:1px solid var(--border); padding:10px;\" placeholder=\"Commentaires de l'examinateur...\"><\/textarea>\r\n    \r\n    <div class=\"input-group\" style=\"margin-top:15px;\">\r\n        <div class=\"field\"><label>Nom Examinateur<\/label><input type=\"text\" id=\"ex_nom\"><\/div>\r\n        <div class=\"field\"><label>Pr\u00e9nom Examinateur<\/label><input type=\"text\" id=\"ex_prenom\"><\/div>\r\n        <div class=\"field\"><label>T\u00e9l\u00e9phone Apprenant<\/label><input type=\"text\" id=\"app_tel\" placeholder=\"06XXXXXXXX\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"toolbar\">\r\n    <button onclick=\"resetForm()\" class=\"btn btn-reset\">Effacer<\/button>\r\n    <button onclick=\"window.print()\" class=\"btn btn-print\">\ud83d\udda8\ufe0f Imprimer \/ PDF<\/button>\r\n    <button onclick=\"shareMail()\" class=\"btn btn-mail\">\ud83d\udce7 Partager par Mail<\/button>\r\n    <button onclick=\"shareSMS()\" class=\"btn btn-sms\">\ud83d\udcf1 Envoyer par SMS<\/button>\r\n<\/div>\r\n\r\n<script>\r\n    document.getElementById('current-date').innerText = new Date().toLocaleDateString('fr-FR');\r\n    const ratings = document.querySelectorAll('.star-rating');\r\n    const scoreDisplay = document.getElementById('score-display');\r\n\r\n    ratings.forEach(container => {\r\n        const stars = container.querySelectorAll('.star');\r\n        stars.forEach(star => {\r\n            star.addEventListener('click', function() {\r\n                const val = parseInt(this.dataset.v);\r\n                container.dataset.val = val;\r\n                stars.forEach((s, i) => s.classList.toggle('active', i < val));\r\n                calculateTotal();\r\n            });\r\n        });\r\n    });\r\n\r\n    function calculateTotal() {\r\n        let total = 0;\r\n        ratings.forEach(r => total += parseInt(r.dataset.val || 0));\r\n        scoreDisplay.innerText = total + \" \/ 20\";\r\n    }\r\n\r\n    function generateSummary() {\r\n        const nom = document.getElementById('app_nom').value;\r\n        const atelier = document.getElementById('atelier-select').value;\r\n        const score = scoreDisplay.innerText;\r\n        const obs = document.getElementById('obs').value;\r\n        let details = \"\";\r\n        \r\n        document.querySelectorAll('.eval-table tr').forEach(row => {\r\n            const nomCritere = row.querySelector('.critere-nom').innerText;\r\n            const note = row.querySelector('.star-rating').dataset.val || 0;\r\n            details += `- ${nomCritere} : ${note}\/5\\n`;\r\n        });\r\n\r\n        return `R\u00e9sultat \u00c9valuation - ${nom}\\nAtelier : ${atelier}\\nNote : ${score}\\n\\nD\u00e9tails :\\n${details}\\nCommentaire : ${obs}`;\r\n    }\r\n\r\n    function shareMail() {\r\n        const body = encodeURIComponent(generateSummary());\r\n        window.location.href = `mailto:?subject=Note \u00c9valuation Technique&body=${body}`;\r\n    }\r\n\r\n    function shareSMS() {\r\n        const tel = document.getElementById('app_tel').value;\r\n        const text = encodeURIComponent(generateSummary());\r\n        window.location.href = `sms:${tel}?body=${text}`;\r\n    }\r\n\r\n    function resetForm() {\r\n        if(confirm(\"R\u00e9initialiser la fiche ?\")) location.reload();\r\n    }\r\n    \r\n    function updateTitle() { \/* Optionnel : pour changer le titre visuel *\/ }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L&rsquo; objectif de cette Evaluation, est de mesurer le niveau de comp\u00e9tence certes, mais aussi, l&rsquo;acquis de connaissance, ainsi que sa restitution dans un exercice dit PRATIQUE. Sous forme d&rsquo;ATELIER, l&rsquo;apprenant est mis en situation devant un Probl\u00e8me donn\u00e9, d\u00e9fini par un objectif avec une ou plusieurs contrainte ( outils, relief, conditions, intemperies, gestion du <a class=\"read-more\" href=\"https:\/\/www.alexisdegaribaldi.com\/index.php\/evaluation\/\">READ MORE<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7691","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/pages\/7691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/comments?post=7691"}],"version-history":[{"count":19,"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/pages\/7691\/revisions"}],"predecessor-version":[{"id":8384,"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/pages\/7691\/revisions\/8384"}],"wp:attachment":[{"href":"https:\/\/www.alexisdegaribaldi.com\/index.php\/wp-json\/wp\/v2\/media?parent=7691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}