{"id":265,"date":"2025-08-24T07:37:03","date_gmt":"2025-08-24T07:37:03","guid":{"rendered":"https:\/\/www.formazioneicisili.it\/innovattiva\/?p=265"},"modified":"2025-08-24T07:55:09","modified_gmt":"2025-08-24T07:55:09","slug":"sondaggio-sulle-competenze-digitali-dei-nostri-docenti","status":"publish","type":"post","link":"https:\/\/www.formazioneicisili.it\/innovattiva\/2025\/08\/24\/sondaggio-sulle-competenze-digitali-dei-nostri-docenti\/","title":{"rendered":"Sondaggio sulle competenze digitali dei nostri docenti"},"content":{"rendered":"\n<p>Questo articolo illustra un&#8217;analisi dei <strong>dati relativi alle competenze digitali<\/strong> e ai bisogni formativi dei docenti del nostro istituto. L&#8217;infografica allegata offre una rappresentazione sintetica dei risultati emersi, consentendo una comprensione immediata della percezione e dell&#8217;utilizzo degli strumenti tecnologici nel contesto didattico. <\/p>\n\n\n\n<p>I dati esposti evidenziano le <strong>aree di forza<\/strong> e le <strong>criticit\u00e0<\/strong>, fornendo una base oggettiva per <strong>future iniziative di formazione<\/strong> e per lo sviluppo di strategie volte a ottimizzare l&#8217;integrazione delle tecnologie nell&#8217;ambito scolastico.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Infografica &#8211; Competenze Digitali Docenti della Scuola<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f0f4f8; \/* Light gray background *\/\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n    <!-- Main Infographic Container -->\n    <div class=\"max-w-4xl mx-auto bg-white rounded-3xl shadow-xl p-6 md:p-10 border-t-8 border-indigo-600\">\n\n        <!-- Header Section -->\n        <div class=\"text-center mb-8\">\n            <h1 class=\"text-3xl md:text-4xl font-bold text-gray-800 leading-tight mb-2\">\n                Docenti e Digitale: Un Desiderio di Crescita\n            <\/h1>\n            <p class=\"text-base md:text-lg text-gray-600\">\n                Analisi delle competenze digitali e dei bisogni formativi degli insegnanti della nostra scuola.\n            <\/p>\n        <\/div>\n\n        <!-- Section 1: Perceived Competence -->\n        <div class=\"bg-indigo-50 p-6 md:p-8 rounded-2xl mb-6 shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-indigo-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\ud83d\udca1<\/span>\n                La Percezione delle Abilit\u00e0\n            <\/h2>\n            <div class=\"flex flex-col md:flex-row md:space-x-8\">\n                <!-- Competence Card -->\n                <div class=\"bg-white p-4 rounded-xl shadow-md mb-4 md:mb-0 w-full md:w-1\/2\">\n                    <h3 class=\"text-xl font-bold text-gray-700 mb-2\">Competenze Percepite<\/h3>\n                    <p class=\"text-gray-600\">\n                        La maggior parte dei docenti si definisce con competenze\n                        <strong class=\"text-indigo-600\">&#8220;Buone&#8221;<\/strong> o\n                        <strong class=\"text-indigo-600\">&#8220;Sufficienti&#8221;<\/strong>.\n                    <\/p>\n                    <div class=\"mt-4\">\n                        <canvas id=\"competenceChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n                <!-- Usefulness Card -->\n                <div class=\"bg-white p-4 rounded-xl shadow-md w-full md:w-1\/2\">\n                    <h3 class=\"text-xl font-bold text-gray-700 mb-2\">Utilit\u00e0 Riconosciuta<\/h3>\n                    <p class=\"text-gray-600\">\n                        Le tecnologie sono percepite come\n                        <strong class=\"text-indigo-600\">&#8220;Indispensabili&#8221;<\/strong> o\n                        <strong class=\"text-indigo-600\">&#8220;Molto utili&#8221;<\/strong> dalla maggioranza.\n                    <\/p>\n                    <div class=\"mt-4\">\n                        <canvas id=\"usefulnessChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Section 2: Daily Usage -->\n        <div class=\"bg-gray-50 p-6 md:p-8 rounded-2xl mb-6 shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-gray-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\ud83d\udcbb<\/span>\n                L&#8217;Uso Quotidiano\n            <\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                <!-- Usage Stat 1 -->\n                <div class=\"bg-white p-4 rounded-xl shadow-md\">\n                    <p class=\"text-gray-600 text-lg\">\n                        <strong class=\"text-indigo-600\">Preparare lezioni:<\/strong>\n                        uso di Internet e dispositivi\n                        <strong class=\"font-bold\">&#8220;tutti i giorni&#8221;<\/strong>.\n                    <\/p>\n                <\/div>\n                <!-- Usage Stat 2 -->\n                <div class=\"bg-white p-4 rounded-xl shadow-md\">\n                    <p class=\"text-gray-600 text-lg\">\n                        <strong class=\"text-indigo-600\">Insegnamento in classe:<\/strong>\n                        uso frequente,\n                        <strong class=\"font-bold\">&#8220;tutti i giorni&#8221;<\/strong> o\n                        <strong class=\"font-bold\">&#8220;qualche giorno a settimana&#8221;<\/strong>.\n                    <\/p>\n                <\/div>\n                <!-- Usage Stat 3 -->\n                <div class=\"bg-white p-4 rounded-xl shadow-md col-span-1 md:col-span-2 lg:col-span-1\">\n                    <p class=\"text-gray-600 text-lg\">\n                        <strong class=\"text-indigo-600\">Dispositivi per alunni:<\/strong>\n                        uso meno uniforme, spesso limitato a\n                        <strong class=\"font-bold\">&#8220;qualche giorno al mese&#8221;<\/strong>\n                        o\n                        <strong class=\"font-bold\">&#8220;mai&#8221;<\/strong>.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Section 3: Main Challenges -->\n        <div class=\"bg-red-50 p-6 md:p-8 rounded-2xl mb-6 shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-red-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\ud83d\udea7<\/span>\n                Le Sfide Principali\n            <\/h2>\n            <ul class=\"space-y-4 text-gray-700 text-lg\">\n                <li class=\"flex items-start\">\n                    <span class=\"text-red-500 font-bold mr-2 text-2xl\">1.<\/span>\n                    <span class=\"flex-1\">\n                        **Connettivit\u00e0:** L&#8217;assenza di una <strong class=\"text-red-600\">connessione internet adeguata<\/strong> \u00e8 la difficolt\u00e0 pi\u00f9 citata.\n                    <\/span>\n                <\/li>\n                <li class=\"flex items-start\">\n                    <span class=\"text-red-500 font-bold mr-2 text-2xl\">2.<\/span>\n                    <span class=\"flex-1\">\n                        **Dispositivi:** Mancanza di un <strong class=\"text-red-600\">numero sufficiente di dispositivi<\/strong> per gli studenti.\n                    <\/span>\n                <\/li>\n                <li class=\"flex items-start\">\n                    <span class=\"text-red-500 font-bold mr-2 text-2xl\">3.<\/span>\n                    <span class=\"flex-1\">\n                        **Formazione:** <strong class=\"text-red-600\">&#8220;Mancanza di una formazione adeguata&#8221;<\/strong> e difficolt\u00e0 a gestire la classe con il digitale.\n                    <\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Section 4: Training Needs -->\n        <div class=\"bg-green-50 p-6 md:p-8 rounded-2xl mb-6 shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-green-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\ud83c\udf31<\/span>\n                I Bisogni di Formazione\n            <\/h2>\n            <div class=\"flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-6\">\n                <div class=\"bg-white p-4 rounded-xl shadow-md flex-1\">\n                    <h3 class=\"text-xl font-bold text-gray-700 mb-2\">Temi pi\u00f9 richiesti:<\/h3>\n                    <ul class=\"list-disc list-inside space-y-1 text-gray-600\">\n                        <li>Metodologie didattiche innovative<\/li>\n                        <li>Editing di video, immagini e audio<\/li>\n                        <li>Intelligenza Artificiale, Coding e Robotica<\/li>\n                        <li>Sicurezza in rete e Cyberbullismo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Section 5: Recommendations -->\n        <div class=\"bg-blue-50 p-6 md:p-8 rounded-2xl shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-blue-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\ud83d\ude80<\/span>\n                Raccomandazioni\n            <\/h2>\n            <ul class=\"space-y-4 text-gray-700 text-lg\">\n                <li class=\"flex items-start\">\n                    <span class=\"text-blue-500 font-bold mr-2 text-2xl\">1.<\/span>\n                    <span class=\"flex-1\">\n                        **Investire in Infrastrutture:** Priorit\u00e0 a connessione stabile e pi\u00f9 dispositivi per docenti e alunni.\n                    <\/span>\n                <\/li>\n                <li class=\"flex items-start\">\n                    <span class=\"text-blue-500 font-bold mr-2 text-2xl\">2.<\/span>\n                    <span class=\"flex-1\">\n                        **Offrire Formazione Mirata:** Sviluppare corsi pratici e flessibili, adattati alle esigenze specifiche.\n                    <\/span>\n                <\/li>\n                <li class=\"flex items-start\">\n                    <span class=\"text-blue-500 font-bold mr-2 text-2xl\">3.<\/span>\n                    <span class=\"flex-1\">\n                        **Affrontare la Sicurezza:** Includere moduli su sicurezza in rete e gestione della classe digitale.\n                    <\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Gemini API Integration Section -->\n        <div class=\"mt-8 p-6 md:p-8 rounded-2xl bg-purple-50 shadow-sm\">\n            <h2 class=\"text-2xl font-semibold text-purple-800 mb-4 flex items-center\">\n                <span class=\"mr-2 text-3xl\">\u2728<\/span>\n                Esplora i Dati con l&#8217;AI\n            <\/h2>\n            <p class=\"text-gray-600 mb-4\">\n                Seleziona un argomento per ricevere un&#8217;analisi dettagliata generata dall&#8217;intelligenza artificiale.\n            <\/p>\n            <div class=\"flex flex-col md:flex-row items-center space-y-4 md:space-y-0 md:space-x-4\">\n                <select id=\"topic-select\" class=\"p-3 border border-gray-300 rounded-xl w-full md:w-auto text-gray-700\">\n                    <option value=\"\" disabled selected>Seleziona un argomento&#8230;<\/option>\n                    <option value=\"Percezione delle Competenze\">Percezione delle Competenze<\/option>\n                    <option value=\"Frequenza d'Uso\">Frequenza d&#8217;Uso delle Tecnologie<\/option>\n                    <option value=\"Applicazioni Comuni\">Applicazioni e Programmi Comuni<\/option>\n                    <option value=\"Difficolt\u00e0 Incontrate\">Difficolt\u00e0 Principali<\/option>\n                    <option value=\"Bisogni Formativi\">Bisogni di Formazione<\/option>\n                    <option value=\"Suggerimenti\">Suggerimenti e Osservazioni Aggiuntive<\/option>\n                <\/select>\n                <button id=\"generate-button\" class=\"bg-purple-600 text-white font-bold py-3 px-6 rounded-xl shadow-md hover:bg-purple-700 transition duration-300 transform hover:scale-105 w-full md:w-auto\">\n                    Genera Analisi \u2728\n                <\/button>\n            <\/div>\n            <div id=\"loading-indicator\" class=\"text-center mt-6 text-purple-600 hidden\">\n                <p>Generazione in corso&#8230; per favore attendi.<\/p>\n            <\/div>\n            <div id=\"output-area\" class=\"mt-6 bg-white p-5 rounded-xl shadow-md border-2 border-purple-300 text-gray-800\">\n                <p>L&#8217;analisi apparir\u00e0 qui.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- JavaScript for API call and charts -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const topicSelect = document.getElementById('topic-select');\n            const generateButton = document.getElementById('generate-button');\n            const outputArea = document.getElementById('output-area');\n            const loadingIndicator = document.getElementById('loading-indicator');\n\n            \/\/ Hardcoded data from the original report for context\n            const reportData = {\n                \"Percezione delle Competenze\": \"La maggior parte dei docenti si autodefinisce con competenze 'buone' o 'sufficienti'. La percezione dell'utilit\u00e0 \u00e8 prevalentemente positiva, con molti che le considerano 'indispensabili' o 'molto utili'.\",\n                \"Frequenza d'Uso\": \"L'uso di Internet e dispositivi per 'preparare le lezioni' e 'insegnare in classe' \u00e8 molto frequente. L'uso di LIM, computer\/tablet e dispositivi per alunni varia notevolmente. La classe virtuale \u00e8 diffusa, il libro digitale meno.\",\n                \"Applicazioni Comuni\": \"Le app pi\u00f9 citate sono Google Suite (Documenti, Classroom, Moduli), strumenti interattivi (Padlet, Kahoot), e software per la creazione di contenuti (Canva, PowerPoint). Meno usate sono Google Earth, Coding e Realt\u00e0 Aumentata.\",\n                \"Difficolt\u00e0 Incontrate\": \"Le difficolt\u00e0 pi\u00f9 significative sono 'Assenza di una connessione adeguata', 'Mancanza di dispositivi' e 'Mancanza di una formazione adeguata'. Altre difficolt\u00e0 includono la gestione della classe e la sicurezza informatica.\",\n                \"Bisogni Formativi\": \"La stragrande maggioranza dei docenti si dichiara interessata a corsi di formazione. I temi pi\u00f9 richiesti sono 'Metodologie riferite alla propria disciplina', 'Applicazioni per computer\/tablet', 'Editing video' e tecnologie avanzate come 'Intelligenza Artificiale, Coding e Robotica'.\",\n                \"Suggerimenti\": \"I docenti suggeriscono di permettere l'uso dei dispositivi personali degli alunni, di riproporre le applicazioni nei corsi di aggiornamento per una migliore pratica e sottolineano la mancanza di tempo per la formazione.\"\n            };\n\n            \/\/ Chart data and configuration\n            const competenceData = {\n                labels: ['Ottime', 'Buone', 'Sufficienti', 'Scarse'],\n                datasets: [{\n                    label: 'Competenze Percepite',\n                    data: [15, 65, 15, 5], \/\/ Example data, you can change these values\n                    backgroundColor: [\n                        '#4f46e5', \/\/ Indigo\n                        '#818cf8', \/\/ Indigo light\n                        '#a5b4fc', \/\/ Indigo lighter\n                        '#c7d2fe', \/\/ Indigo lightest\n                    ],\n                    hoverOffset: 4\n                }]\n            };\n\n            const usefulnessData = {\n                labels: ['Indispensabili', 'Molto Utili', 'Poco Utili', 'Inutili'],\n                datasets: [{\n                    label: 'Utilit\u00e0 Riconosciuta',\n                    data: [40, 50, 8, 2], \/\/ Example data, you can change these values\n                    backgroundColor: [\n                        '#10b981', \/\/ Green\n                        '#34d399', \/\/ Green light\n                        '#a7f3d0', \/\/ Green lighter\n                        '#d1fae5', \/\/ Green lightest\n                    ],\n                    hoverOffset: 4\n                }]\n            };\n\n            const chartOptions = {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        position: 'bottom',\n                        labels: {\n                            font: {\n                                family: 'Inter'\n                            }\n                        }\n                    },\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                let label = context.label || '';\n                                if (label) {\n                                    label += ': ';\n                                }\n                                if (context.parsed !== null) {\n                                    label += context.parsed + '%';\n                                }\n                                return label;\n                            }\n                        }\n                    }\n                }\n            };\n\n            \/\/ Render the charts\n            new Chart(\n                document.getElementById('competenceChart'), {\n                    type: 'pie',\n                    data: competenceData,\n                    options: chartOptions\n                }\n            );\n\n            new Chart(\n                document.getElementById('usefulnessChart'), {\n                    type: 'pie',\n                    data: usefulnessData,\n                    options: chartOptions\n                }\n            );\n\n            \/\/ Event listener for the generate button\n            generateButton.addEventListener('click', async () => {\n                const selectedTopic = topicSelect.value;\n                if (!selectedTopic) {\n                    outputArea.innerHTML = '<p class=\"text-red-600\">Per favore, seleziona un argomento.<\/p>';\n                    return;\n                }\n\n                \/\/ Show loading indicator\n                loadingIndicator.classList.remove('hidden');\n                outputArea.innerHTML = '';\n\n                \/\/ Define the prompt for the Gemini API call\n                const prompt = `Analizza il seguente dato dal report sulle competenze digitali dei docenti della nostra scuola in Italia: \"${reportData[selectedTopic]}\". Fornisci una breve e concisa analisi di un paragrafo e tre punti chiave basati su questa informazione. Il tono deve essere analitico e informativo. Rispondi in italiano.`;\n\n                try {\n                    let chatHistory = [];\n                    chatHistory.push({ role: \"user\", parts: [{ text: prompt }] });\n                    const payload = { contents: chatHistory };\n                    const apiKey = \"\" \n                    const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;\n                    \n                    const response = await fetch(apiUrl, {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application\/json' },\n                        body: JSON.stringify(payload)\n                    });\n\n                    const result = await response.json();\n                    \n                    \/\/ Handle API response\n                    if (result.candidates && result.candidates.length > 0 && result.candidates[0].content) {\n                        const text = result.candidates[0].content.parts[0].text;\n                        outputArea.innerHTML = `<p class=\"whitespace-pre-wrap\">${text}<\/p>`;\n                    } else {\n                        outputArea.innerHTML = '<p class=\"text-red-600\">Errore: Risposta API non valida. Si prega di riprovare.<\/p>';\n                    }\n                } catch (error) {\n                    console.error('API call failed:', error);\n                    outputArea.innerHTML = '<p class=\"text-red-600\">Si \u00e8 verificato un errore durante la chiamata all\\'API. Controlla la console per i dettagli.<\/p>';\n                } finally {\n                    \/\/ Hide loading indicator\n                    loadingIndicator.classList.add('hidden');\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Un&#8217;analisi dettagliata sulle competenze digitali e sui bisogni formativi dei docenti del nostro istituto. Questo articolo presenta i dati principali emersi da un&#8217;indagine interna, evidenziando l&#8217;attuale stato dell&#8217;integrazione tecnologica nella didattica e le aree prioritarie per lo sviluppo professionale.<\/p>\n","protected":false},"author":1,"featured_media":272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[59],"tags":[57,58],"class_list":["post-265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-competenze-digitali-docenti","tag-competenze-digitali","tag-docenti"],"_links":{"self":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":5,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/265\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/265\/revisions\/276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media\/272"}],"wp:attachment":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media?parent=265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/categories?post=265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/tags?post=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}