Corsi e laboratori del mese di settembre<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n .course-card {\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n }\n .course-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .info-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\n padding: 0;\n }\n .info-content.active {\n max-height: 500px;\n padding: 1rem;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 text-gray-800\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-2\">Corsi e laboratori del mese di settembre<\/h1>\n <p class=\"text-lg text-gray-600\">Istituto Comprensivo di Isili-Mandas<\/p>\n <p class=\"text-sm text-gray-600 mt-2\">Iscrizione ai corsi su <a href=\"https:\/\/scuolafutura.pubblica.istruzione.it\/\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 font-semibold underline\">Scuola Futura<\/a>, con rilascio dell’attestato, per info scrivere a: <a href=\"mailto:simonailot@icisili.it\" class=\"text-blue-600 hover:text-blue-800 font-semibold underline\">simonailot@icisili.it<\/a><\/p>\n <\/header>\n\n <main id=\"infographic-container\" class=\"p-4 md:p-8\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"space-y-8\">\n <h2 class=\"text-3xl font-bold text-blue-700 text-center\">Corsi Online<\/h2>\n <div id=\"online-courses\" class=\"grid gap-6\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"space-y-8\">\n <h2 class=\"text-3xl font-bold text-teal-700 text-center\">Laboratori in Presenza<\/h2>\n <div id=\"presence-labs\" class=\"grid gap-6\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer class=\"mt-12 text-center text-gray-500 text-sm\">\n <p>Realizzato per la visualizzazione interattiva dei dati dei corsi.<\/p>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const coursesData = [\n {\n id: '408856',\n modalita: 'Online',\n titolo: 'Corso 01 - Ambienti di apprendimento innovativi.',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 11:00-13:00, 03 Sett: 10:00-13:00, 08 Sett: 11:00-13:00, 09 Sett: 10:00-13:00',\n descrizione: 'Esplora i principi per creare ambienti interattivi e dinamici, trasformando gli spazi fisici in luoghi coinvolgenti e personalizzati con l\\'uso dell\\'intelligenza artificiale. Si esplorano strumenti innovativi come CoSpaces per la creazione di scenari 3D e realt\u00e0 aumentata. Include attivit\u00e0 collaborative su Google Classroom e l\\'uso di Mentimeter.',\n programma: 'INCONTRO 1: Introduzione all\\'IA e collaborazione in Cloud (2 ore). INCONTRO 2: Programmazione Creativa con Scratch (3 ore). INCONTRO 3: Introduzione e Scenari Digitali (2 ore). INCONTRO 4: Sviluppo del Progetto (3 ore).'\n },\n {\n id: '410774',\n modalita: 'Online',\n titolo: 'Corso 02 - Metodologie didattiche innovative per l\\'insegnamento e l\\'apprendimento, connesse con l\\'utilizzo delle nuove tecnologie',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 17:00-19:00, 05 Sett: 09:00-12:00, 08 Sett: 17:00-19:00, 11 Sett: 09:00-12:00',\n descrizione: 'Il corso arricchisce la didattica rendendo gli studenti protagonisti, esplorando metodologie attive come il cooperative learning e il problem-based learning e integrando nuove tecnologie (da Padlet a Scratch, da MyMaps a Cospaces). Fornisce gli strumenti digitali necessari per costruire percorsi didattici innovativi.',\n programma: 'INCONTRO 1: Introduzione all IA: fondamenti e strumenti per la didattica attiva (2 ore). INCONTRO 2: Progettazione e Creazione (3 ore). INCONTRO 3: L\\'Interdisciplinarit\u00e0 in Azione (2 ore). INCONTRO 4: Esplorare Nuovi Linguaggi (3 ore).'\n },\n {\n id: '408867',\n modalita: 'Online',\n titolo: 'Corso 03 - Tecnologie digitali per l\\'inclusione scolastica',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 15:00-17:00, 03 Sett: 15:00-18:00, 08 Sett: 15:00-17:00, 09 Sett: 15:00-18:00',\n descrizione: 'Il corso esplora come diversificare le attivit\u00e0 didattiche per rispondere alle esigenze di ogni studente, basandosi sull\\'Universal Design for Learning (UDL). Analizza come l\\'IA possa supportare la progettazione, utilizzando strumenti come Gemini, Notebook LM e Magic School.',\n programma: 'INCONTRO 1: Introduzione all IA e inclusione (2 ore). INCONTRO 2: I\\'IA come Strumento di Progettazione Pratica (3 ore). INCONTRO 3: L\\'Arte del Prompting per I\\'IA Inclusiva (2 ore). INCONTRO 4: Mappatura Concettuale e Collaborazione Pratica (3 ore).'\n },\n {\n id: '408042',\n modalita: 'Online',\n titolo: 'Corso 04 - Insegnamento dell\\'educazione civica digitale e dell\\'educazione alla cittadinanza digitale',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '02 Sett: 08:30-10:30, 03 Sett: 10:30-13:30, 19 Sett: 15:00-18:00, 24 Sett: 18:00-20:00',\n descrizione: 'Sviluppa competenze per l\\'insegnamento dell\\'educazione civica e della cittadinanza digitale, favorendo un uso critico e responsabile delle tecnologie digitali da parte degli studenti.',\n programma: 'Modulo 1: Introduzione alla cittadinanza digitale. Modulo 2: Sicurezza digitale e identit\u00e0 online. Modulo 3: Informazione, fake news e pensiero critico. Modulo 4: Benessere digitale e gestione del tempo online. Modulo 5: Progettazione didattica.'\n },\n {\n id: '408044',\n modalita: 'Online',\n titolo: 'Corso 05 - Sviluppo delle competenze di orientamento dei docenti con l\\'utilizzo delle tecnologie digitali',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '02 Sett: 10:30-13:30, 03 Sett: 08:30-10:30, 19 Sett: 18:00-20:00, 24 Sett: 15:00-18:00',\n descrizione: 'Rafforza le competenze dei docenti nell\\'accompagnare gli studenti nei percorsi di orientamento, sperimentando strumenti digitali per valorizzare interessi e attitudini.',\n programma: 'Incontro 1: Dalle metodologie attive agli artefatti digitali (5 ore). Incontro 2: Workshop di progettazione Interdisciplinare (5 ore).'\n },\n {\n id: '408045',\n modalita: 'Online',\n titolo: 'Corso 06 - Potenziamento delle competenze digitali di base dei docenti e del personale ATA',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '15 Sett: 15:00-18:00, 16 Sett: 15:00-18:00, 17 Sett: 18:00-20:00, 18 Sett: 18:00-20:00',\n descrizione: 'Fornisce competenze essenziali per l\\'uso consapevole e sicuro delle tecnologie digitali, promuovendo l\\'autonomia nell\\'uso di strumenti informatici a scuola.',\n programma: 'Modulo 1: Conoscenze digitali di base. Modulo 2: Suite Google Workspace e Office base. Modulo 3: Comunicazione digitale nella scuola. Modulo 4: Moduli online per raccolta dati e feedback. Modulo 5: Applicazioni utili per la scuola.'\n },\n {\n id: '408047',\n modalita: 'Online',\n titolo: 'Corso 07 - Digitalizzazione amministrativa delle segreterie scolastiche',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '15 sett: 18:00-20:00, 16 sett: 18:00-20:00, 17 sett: 15:00-18:00, 18 sett: 15:00-18:00',\n descrizione: 'Potenzia l\\'efficienza delle segreterie scolastiche con strumenti digitali e IA, introducendo l\\'uso di ChatGPT\/Gemini come supporto operativo.',\n programma: 'Modulo 1: Digitalizzazione dei flussi documentali. Modulo 2: Automazione di attivit\u00e0 ricorrenti. Modulo 3: Introduzione all\\'uso di ChatGPT\/Gemini per la segreteria. Modulo 4: Supporto alle procedure complesse. Modulo 5: Sicurezza e uso responsabile.'\n },\n {\n id: '408849',\n modalita: 'In presenza',\n titolo: 'Lab 01 - Ambienti di apprendimento innovativi.',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '02 sett: 08:30-13:30, 03 sett: 08:30-13:30',\n descrizione: 'Il corso esplora i principi e le tecniche per la creazione di ambienti interattivi e dinamici, trasformando gli spazi fisici in luoghi coinvolgenti e personalizzati con l\\'uso dell\\'intelligenza artificiale (IA). Si esplorano strumenti come CoSpaces e Cube Merge.',\n programma: 'Incontro 1: Fondamenti e strumenti per la progettazione (5 ore). Incontro 2: Piattaforme digitali per la gestione (5 ore).'\n },\n {\n id: '408852',\n modalita: 'In presenza',\n titolo: 'Lab 02 - Metodologie didattiche innovative per l\\'insegnamento e l\\'apprendimento, connesse con l\\'utilizzo delle nuove tecnologie',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '05 Sett: 08:30-13:30, 09 Sett: 08:30-13:30',\n descrizione: 'Il corso esplora metodologie attive come il cooperative learning e il problem-based learning per rendere gli studenti protagonisti del loro apprendimento. I docenti impareranno a integrare questi approcci con strumenti digitali (da Padlet a Scratch, da MyMaps a Cospaces) per creare percorsi didattici innovativi e interdisciplinari.',\n programma: 'Il corso \u00e8 strutturato in due incontri intensivi. Il primo esplora le metodologie didattiche attive e la creazione di artefatti digitali, mentre il secondo si concentra sulla progettazione di percorsi interdisciplinari con vari strumenti digitali.'\n },\n {\n id: '410764',\n modalita: 'In presenza',\n titolo: 'Lab 03 - Tecnologie digitali per l\\'inclusione scolastica',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '11 Sett: 08:30-13:30, 12 Sett: 08:30-13:30',\n descrizione: 'Il corso si basa sul principio di diversificare le attivit\u00e0 didattiche per rispondere alle esigenze di ogni studente, esplorando i principi dell\\'Universal Design for Learning (UDL) e il ruolo dell\\'intelligenza artificiale.',\n programma: 'Primo incontro: Fondamenta e strumenti (5 ore). Secondo incontro: Laboratorio di progettazione didattica (5 ore).'\n },\n {\n id: '408033',\n modalita: 'In presenza',\n titolo: 'Lab 04 - Potenziamento delle competenze digitali di base per docenti.',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '05 sett: 15:00-19:00, 08 sett: 15:00-19:00, 09 sett: 15:00-17:00',\n descrizione: 'Rafforza le competenze digitali essenziali per la didattica quotidiana, favorendo l\\'uso autonomo di strumenti per la produttivit\u00e0 e la collaborazione.',\n programma: 'Modulo 1: Uso di base del computer e della rete. Modulo 2: Google Workspace for Education. Modulo 3: Strumenti digitali per la didattica. Modulo 4: Comunicazione e gestione della classe. Modulo 5: Digitale in sicurezza.'\n },\n {\n id: '408037',\n modalita: 'In presenza',\n titolo: 'Lab 05 - Potenziamento delle competenze digitali di base per personale ATA',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '09 sett: 17:00-19:00, 11 sett: 15:00-19:00, 12 sett: 15:00-19:00',\n descrizione: 'Rafforza le competenze digitali essenziali, favorendo l\\'uso autonomo di strumenti per la produttivit\u00e0, la comunicazione e la collaborazione.',\n programma: 'Modulo 1: Uso di base del computer e della rete. Modulo 2: Google Workspace e Office base. Modulo 3: Comunicazione digitale nella scuola. Modulo 4: Moduli online per raccolta dati e feedback. Modulo 5: Applicazioni utili per la scuola.'\n },\n {\n id: '315478',\n modalita: 'In presenza',\n titolo: 'Lab 06 - Laboratorio di Coding e stampa 3D',\n ore: '26 ore',\n formatore: 'Simona Ilot',\n calendario: '15 sett: 15:00-19:00, 16 sett: 15:00-19:00, 17 sett: 15:00-19:00, 18 sett: 15:00-19:00, 24 sett: 15:00-19:00, 25 sett: 15:00-19:00, 26 sett: 15:00-17:00',\n descrizione: 'Il laboratorio si propone di far conoscere ai docenti le funzionalit\u00e0 della stampante 3D, progettare e stampare oggetti anche con l\\'aiuto della programmazione a blocchi, e integrare la programmazione 3D con il coding.',\n programma: 'I corsisti impareranno a caricare e sostituire la bobina, caricare e sostituire il filamento, stampare oggetti, rimuoverli dal piatto, risolvere le principali difficolt\u00e0 tecniche. Inoltre, durante il laboratorio si creeranno e stamperanno oggetti, anche con l\\'ausilio del coding. Gli oggetti proposti saranno collegati alle festivit\u00e0 nella prima parte del percorso. Durante la seconda parte si programmeranno sia con il coding, sia in stampa 3D tutte le parti di un tangram.'\n }\n ];\n\n const onlineContainer = document.getElementById('online-courses');\n const presenceContainer = document.getElementById('presence-labs');\n\n function createCard(course) {\n const isOnline = course.modalita === 'Online';\n const cardColor = isOnline ? 'bg-blue-100 border-blue-400' : 'bg-green-100 border-green-400';\n const textColor = isOnline ? 'text-blue-800' : 'text-green-800';\n const buttonColor = isOnline ? 'bg-blue-600 hover:bg-blue-700' : 'bg-green-600 hover:bg-green-700';\n\n const cardHtml = `\n <div class=\"course-card p-6 rounded-xl border-t-8 shadow-lg ${cardColor}\">\n <div class=\"flex items-center space-x-2 mb-4\">\n <span class=\"text-xl font-bold ${textColor}\">ID ${course.id}<\/span>\n <span class=\"text-sm font-semibold px-2 py-1 rounded-full ${textColor} ${isOnline ? 'bg-blue-200' : 'bg-green-200'}\">\n ${course.modalita}\n <\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold mb-2\">${course.titolo}<\/h3>\n <p class=\"text-sm text-gray-700 mb-1\">\n <strong>Formatore:<\/strong> ${course.formatore}\n <\/p>\n <p class=\"text-sm text-gray-700 mb-1\">\n <strong>Ore totali:<\/strong> ${course.ore}\n <\/p>\n <p class=\"text-sm text-gray-700 mb-4\">\n <strong>Calendario:<\/strong> ${course.calendario}\n <\/p>\n <div class=\"flex space-x-2 mb-4\">\n <button\n data-target=\"descrizione-${course.id}\"\n class=\"toggle-btn w-1\/2 px-4 py-2 text-white rounded-md font-semibold ${buttonColor} focus:outline-none focus:ring-2 focus:ring-opacity-50 transition-colors duration-200\"\n >\n Descrizione\n <\/button>\n <button\n data-target=\"programma-${course.id}\"\n class=\"toggle-btn w-1\/2 px-4 py-2 text-white rounded-md font-semibold ${buttonColor} focus:outline-none focus:ring-2 focus:ring-opacity-50 transition-colors duration-200\"\n >\n Programma\n <\/button>\n <\/div>\n <div id=\"descrizione-${course.id}\" class=\"info-content text-sm text-gray-700 bg-white rounded-lg shadow-inner\">\n <p>${course.descrizione}<\/p>\n <\/div>\n <div id=\"programma-${course.id}\" class=\"info-content text-sm text-gray-700 bg-white rounded-lg shadow-inner\">\n <p>${course.programma}<\/p>\n <\/div>\n \n <div class=\"mt-4\">\n <a href=\"https:\/\/scuolafutura.pubblica.istruzione.it\/corsoridotto?id=${course.id}\" target=\"_blank\"\n class=\"inline-block w-full text-center px-4 py-2 text-white bg-indigo-600 rounded-md font-semibold hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-opacity-50 transition-colors duration-200\">\n Iscriviti su Scuola Futura\n <\/a>\n <\/div>\n <\/div>\n `;\n return cardHtml;\n }\n\n coursesData.forEach(course => {\n const card = createCard(course);\n if (course.modalita === 'Online') {\n onlineContainer.innerHTML += card;\n } else {\n presenceContainer.innerHTML += card;\n }\n });\n\n document.querySelectorAll('.toggle-btn').forEach(button => {\n button.addEventListener('click', (event) => {\n const targetId = event.target.dataset.target;\n const targetContent = document.getElementById(targetId);\n\n \/\/ Chiude tutte le altre sezioni aperte nella stessa scheda\n const cardParent = event.target.closest('.course-card');\n cardParent.querySelectorAll('.info-content.active').forEach(content => {\n if (content.id !== targetId) {\n content.classList.remove('active');\n }\n });\n\n \/\/ Attiva o disattiva la sezione cliccata\n targetContent.classList.toggle('active');\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Corsi e laboratori del mese di settembre Corsi e laboratori del mese di settembre Istituto Comprensivo di Isili-Mandas Iscrizione ai corsi su Scuola Futura, con rilascio dell’attestato, per info scrivere a: simonailot@icisili.it Corsi Online Laboratori in Presenza Realizzato per la visualizzazione interattiva dei dati dei corsi.<\/p>\n","protected":false},"author":1,"featured_media":191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[62],"tags":[],"class_list":["post-296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formazione"],"_links":{"self":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296","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=296"}],"version-history":[{"count":3,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296\/revisions\/303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media\/191"}],"wp:attachment":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":296,"date":"2025-08-29T21:00:16","date_gmt":"2025-08-29T21:00:16","guid":{"rendered":"https:\/\/www.formazioneicisili.it\/innovattiva\/?p=296"},"modified":"2025-08-30T17:09:28","modified_gmt":"2025-08-30T17:09:28","slug":"corsi-del-dm-66-23-calendari-e-programmi","status":"publish","type":"post","link":"https:\/\/www.formazioneicisili.it\/innovattiva\/2025\/08\/29\/corsi-del-dm-66-23-calendari-e-programmi\/","title":{"rendered":"Corsi del DM 66\/23, calendari e programmi."},"content":{"rendered":"\n\n\n\n \n \n Corsi e laboratori del mese di settembre<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n .course-card {\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n }\n .course-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .info-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\n padding: 0;\n }\n .info-content.active {\n max-height: 500px;\n padding: 1rem;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 text-gray-800\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-2\">Corsi e laboratori del mese di settembre<\/h1>\n <p class=\"text-lg text-gray-600\">Istituto Comprensivo di Isili-Mandas<\/p>\n <p class=\"text-sm text-gray-600 mt-2\">Iscrizione ai corsi su <a href=\"https:\/\/scuolafutura.pubblica.istruzione.it\/\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 font-semibold underline\">Scuola Futura<\/a>, con rilascio dell’attestato, per info scrivere a: <a href=\"mailto:simonailot@icisili.it\" class=\"text-blue-600 hover:text-blue-800 font-semibold underline\">simonailot@icisili.it<\/a><\/p>\n <\/header>\n\n <main id=\"infographic-container\" class=\"p-4 md:p-8\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"space-y-8\">\n <h2 class=\"text-3xl font-bold text-blue-700 text-center\">Corsi Online<\/h2>\n <div id=\"online-courses\" class=\"grid gap-6\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"space-y-8\">\n <h2 class=\"text-3xl font-bold text-teal-700 text-center\">Laboratori in Presenza<\/h2>\n <div id=\"presence-labs\" class=\"grid gap-6\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer class=\"mt-12 text-center text-gray-500 text-sm\">\n <p>Realizzato per la visualizzazione interattiva dei dati dei corsi.<\/p>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const coursesData = [\n {\n id: '408856',\n modalita: 'Online',\n titolo: 'Corso 01 - Ambienti di apprendimento innovativi.',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 11:00-13:00, 03 Sett: 10:00-13:00, 08 Sett: 11:00-13:00, 09 Sett: 10:00-13:00',\n descrizione: 'Esplora i principi per creare ambienti interattivi e dinamici, trasformando gli spazi fisici in luoghi coinvolgenti e personalizzati con l\\'uso dell\\'intelligenza artificiale. Si esplorano strumenti innovativi come CoSpaces per la creazione di scenari 3D e realt\u00e0 aumentata. Include attivit\u00e0 collaborative su Google Classroom e l\\'uso di Mentimeter.',\n programma: 'INCONTRO 1: Introduzione all\\'IA e collaborazione in Cloud (2 ore). INCONTRO 2: Programmazione Creativa con Scratch (3 ore). INCONTRO 3: Introduzione e Scenari Digitali (2 ore). INCONTRO 4: Sviluppo del Progetto (3 ore).'\n },\n {\n id: '410774',\n modalita: 'Online',\n titolo: 'Corso 02 - Metodologie didattiche innovative per l\\'insegnamento e l\\'apprendimento, connesse con l\\'utilizzo delle nuove tecnologie',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 17:00-19:00, 05 Sett: 09:00-12:00, 08 Sett: 17:00-19:00, 11 Sett: 09:00-12:00',\n descrizione: 'Il corso arricchisce la didattica rendendo gli studenti protagonisti, esplorando metodologie attive come il cooperative learning e il problem-based learning e integrando nuove tecnologie (da Padlet a Scratch, da MyMaps a Cospaces). Fornisce gli strumenti digitali necessari per costruire percorsi didattici innovativi.',\n programma: 'INCONTRO 1: Introduzione all IA: fondamenti e strumenti per la didattica attiva (2 ore). INCONTRO 2: Progettazione e Creazione (3 ore). INCONTRO 3: L\\'Interdisciplinarit\u00e0 in Azione (2 ore). INCONTRO 4: Esplorare Nuovi Linguaggi (3 ore).'\n },\n {\n id: '408867',\n modalita: 'Online',\n titolo: 'Corso 03 - Tecnologie digitali per l\\'inclusione scolastica',\n ore: '10 ore',\n formatore: 'Simona Ilot',\n calendario: '02 Sett: 15:00-17:00, 03 Sett: 15:00-18:00, 08 Sett: 15:00-17:00, 09 Sett: 15:00-18:00',\n descrizione: 'Il corso esplora come diversificare le attivit\u00e0 didattiche per rispondere alle esigenze di ogni studente, basandosi sull\\'Universal Design for Learning (UDL). Analizza come l\\'IA possa supportare la progettazione, utilizzando strumenti come Gemini, Notebook LM e Magic School.',\n programma: 'INCONTRO 1: Introduzione all IA e inclusione (2 ore). INCONTRO 2: I\\'IA come Strumento di Progettazione Pratica (3 ore). INCONTRO 3: L\\'Arte del Prompting per I\\'IA Inclusiva (2 ore). INCONTRO 4: Mappatura Concettuale e Collaborazione Pratica (3 ore).'\n },\n {\n id: '408042',\n modalita: 'Online',\n titolo: 'Corso 04 - Insegnamento dell\\'educazione civica digitale e dell\\'educazione alla cittadinanza digitale',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '02 Sett: 08:30-10:30, 03 Sett: 10:30-13:30, 19 Sett: 15:00-18:00, 24 Sett: 18:00-20:00',\n descrizione: 'Sviluppa competenze per l\\'insegnamento dell\\'educazione civica e della cittadinanza digitale, favorendo un uso critico e responsabile delle tecnologie digitali da parte degli studenti.',\n programma: 'Modulo 1: Introduzione alla cittadinanza digitale. Modulo 2: Sicurezza digitale e identit\u00e0 online. Modulo 3: Informazione, fake news e pensiero critico. Modulo 4: Benessere digitale e gestione del tempo online. Modulo 5: Progettazione didattica.'\n },\n {\n id: '408044',\n modalita: 'Online',\n titolo: 'Corso 05 - Sviluppo delle competenze di orientamento dei docenti con l\\'utilizzo delle tecnologie digitali',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '02 Sett: 10:30-13:30, 03 Sett: 08:30-10:30, 19 Sett: 18:00-20:00, 24 Sett: 15:00-18:00',\n descrizione: 'Rafforza le competenze dei docenti nell\\'accompagnare gli studenti nei percorsi di orientamento, sperimentando strumenti digitali per valorizzare interessi e attitudini.',\n programma: 'Incontro 1: Dalle metodologie attive agli artefatti digitali (5 ore). Incontro 2: Workshop di progettazione Interdisciplinare (5 ore).'\n },\n {\n id: '408045',\n modalita: 'Online',\n titolo: 'Corso 06 - Potenziamento delle competenze digitali di base dei docenti e del personale ATA',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '15 Sett: 15:00-18:00, 16 Sett: 15:00-18:00, 17 Sett: 18:00-20:00, 18 Sett: 18:00-20:00',\n descrizione: 'Fornisce competenze essenziali per l\\'uso consapevole e sicuro delle tecnologie digitali, promuovendo l\\'autonomia nell\\'uso di strumenti informatici a scuola.',\n programma: 'Modulo 1: Conoscenze digitali di base. Modulo 2: Suite Google Workspace e Office base. Modulo 3: Comunicazione digitale nella scuola. Modulo 4: Moduli online per raccolta dati e feedback. Modulo 5: Applicazioni utili per la scuola.'\n },\n {\n id: '408047',\n modalita: 'Online',\n titolo: 'Corso 07 - Digitalizzazione amministrativa delle segreterie scolastiche',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '15 sett: 18:00-20:00, 16 sett: 18:00-20:00, 17 sett: 15:00-18:00, 18 sett: 15:00-18:00',\n descrizione: 'Potenzia l\\'efficienza delle segreterie scolastiche con strumenti digitali e IA, introducendo l\\'uso di ChatGPT\/Gemini come supporto operativo.',\n programma: 'Modulo 1: Digitalizzazione dei flussi documentali. Modulo 2: Automazione di attivit\u00e0 ricorrenti. Modulo 3: Introduzione all\\'uso di ChatGPT\/Gemini per la segreteria. Modulo 4: Supporto alle procedure complesse. Modulo 5: Sicurezza e uso responsabile.'\n },\n {\n id: '408849',\n modalita: 'In presenza',\n titolo: 'Lab 01 - Ambienti di apprendimento innovativi.',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '02 sett: 08:30-13:30, 03 sett: 08:30-13:30',\n descrizione: 'Il corso esplora i principi e le tecniche per la creazione di ambienti interattivi e dinamici, trasformando gli spazi fisici in luoghi coinvolgenti e personalizzati con l\\'uso dell\\'intelligenza artificiale (IA). Si esplorano strumenti come CoSpaces e Cube Merge.',\n programma: 'Incontro 1: Fondamenti e strumenti per la progettazione (5 ore). Incontro 2: Piattaforme digitali per la gestione (5 ore).'\n },\n {\n id: '408852',\n modalita: 'In presenza',\n titolo: 'Lab 02 - Metodologie didattiche innovative per l\\'insegnamento e l\\'apprendimento, connesse con l\\'utilizzo delle nuove tecnologie',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '05 Sett: 08:30-13:30, 09 Sett: 08:30-13:30',\n descrizione: 'Il corso esplora metodologie attive come il cooperative learning e il problem-based learning per rendere gli studenti protagonisti del loro apprendimento. I docenti impareranno a integrare questi approcci con strumenti digitali (da Padlet a Scratch, da MyMaps a Cospaces) per creare percorsi didattici innovativi e interdisciplinari.',\n programma: 'Il corso \u00e8 strutturato in due incontri intensivi. Il primo esplora le metodologie didattiche attive e la creazione di artefatti digitali, mentre il secondo si concentra sulla progettazione di percorsi interdisciplinari con vari strumenti digitali.'\n },\n {\n id: '410764',\n modalita: 'In presenza',\n titolo: 'Lab 03 - Tecnologie digitali per l\\'inclusione scolastica',\n ore: '10 ore',\n formatore: 'Ornella Loi',\n calendario: '11 Sett: 08:30-13:30, 12 Sett: 08:30-13:30',\n descrizione: 'Il corso si basa sul principio di diversificare le attivit\u00e0 didattiche per rispondere alle esigenze di ogni studente, esplorando i principi dell\\'Universal Design for Learning (UDL) e il ruolo dell\\'intelligenza artificiale.',\n programma: 'Primo incontro: Fondamenta e strumenti (5 ore). Secondo incontro: Laboratorio di progettazione didattica (5 ore).'\n },\n {\n id: '408033',\n modalita: 'In presenza',\n titolo: 'Lab 04 - Potenziamento delle competenze digitali di base per docenti.',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '05 sett: 15:00-19:00, 08 sett: 15:00-19:00, 09 sett: 15:00-17:00',\n descrizione: 'Rafforza le competenze digitali essenziali per la didattica quotidiana, favorendo l\\'uso autonomo di strumenti per la produttivit\u00e0 e la collaborazione.',\n programma: 'Modulo 1: Uso di base del computer e della rete. Modulo 2: Google Workspace for Education. Modulo 3: Strumenti digitali per la didattica. Modulo 4: Comunicazione e gestione della classe. Modulo 5: Digitale in sicurezza.'\n },\n {\n id: '408037',\n modalita: 'In presenza',\n titolo: 'Lab 05 - Potenziamento delle competenze digitali di base per personale ATA',\n ore: '10 ore',\n formatore: 'Carlo Parodo',\n calendario: '09 sett: 17:00-19:00, 11 sett: 15:00-19:00, 12 sett: 15:00-19:00',\n descrizione: 'Rafforza le competenze digitali essenziali, favorendo l\\'uso autonomo di strumenti per la produttivit\u00e0, la comunicazione e la collaborazione.',\n programma: 'Modulo 1: Uso di base del computer e della rete. Modulo 2: Google Workspace e Office base. Modulo 3: Comunicazione digitale nella scuola. Modulo 4: Moduli online per raccolta dati e feedback. Modulo 5: Applicazioni utili per la scuola.'\n },\n {\n id: '315478',\n modalita: 'In presenza',\n titolo: 'Lab 06 - Laboratorio di Coding e stampa 3D',\n ore: '26 ore',\n formatore: 'Simona Ilot',\n calendario: '15 sett: 15:00-19:00, 16 sett: 15:00-19:00, 17 sett: 15:00-19:00, 18 sett: 15:00-19:00, 24 sett: 15:00-19:00, 25 sett: 15:00-19:00, 26 sett: 15:00-17:00',\n descrizione: 'Il laboratorio si propone di far conoscere ai docenti le funzionalit\u00e0 della stampante 3D, progettare e stampare oggetti anche con l\\'aiuto della programmazione a blocchi, e integrare la programmazione 3D con il coding.',\n programma: 'I corsisti impareranno a caricare e sostituire la bobina, caricare e sostituire il filamento, stampare oggetti, rimuoverli dal piatto, risolvere le principali difficolt\u00e0 tecniche. Inoltre, durante il laboratorio si creeranno e stamperanno oggetti, anche con l\\'ausilio del coding. Gli oggetti proposti saranno collegati alle festivit\u00e0 nella prima parte del percorso. Durante la seconda parte si programmeranno sia con il coding, sia in stampa 3D tutte le parti di un tangram.'\n }\n ];\n\n const onlineContainer = document.getElementById('online-courses');\n const presenceContainer = document.getElementById('presence-labs');\n\n function createCard(course) {\n const isOnline = course.modalita === 'Online';\n const cardColor = isOnline ? 'bg-blue-100 border-blue-400' : 'bg-green-100 border-green-400';\n const textColor = isOnline ? 'text-blue-800' : 'text-green-800';\n const buttonColor = isOnline ? 'bg-blue-600 hover:bg-blue-700' : 'bg-green-600 hover:bg-green-700';\n\n const cardHtml = `\n <div class=\"course-card p-6 rounded-xl border-t-8 shadow-lg ${cardColor}\">\n <div class=\"flex items-center space-x-2 mb-4\">\n <span class=\"text-xl font-bold ${textColor}\">ID ${course.id}<\/span>\n <span class=\"text-sm font-semibold px-2 py-1 rounded-full ${textColor} ${isOnline ? 'bg-blue-200' : 'bg-green-200'}\">\n ${course.modalita}\n <\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold mb-2\">${course.titolo}<\/h3>\n <p class=\"text-sm text-gray-700 mb-1\">\n <strong>Formatore:<\/strong> ${course.formatore}\n <\/p>\n <p class=\"text-sm text-gray-700 mb-1\">\n <strong>Ore totali:<\/strong> ${course.ore}\n <\/p>\n <p class=\"text-sm text-gray-700 mb-4\">\n <strong>Calendario:<\/strong> ${course.calendario}\n <\/p>\n <div class=\"flex space-x-2 mb-4\">\n <button\n data-target=\"descrizione-${course.id}\"\n class=\"toggle-btn w-1\/2 px-4 py-2 text-white rounded-md font-semibold ${buttonColor} focus:outline-none focus:ring-2 focus:ring-opacity-50 transition-colors duration-200\"\n >\n Descrizione\n <\/button>\n <button\n data-target=\"programma-${course.id}\"\n class=\"toggle-btn w-1\/2 px-4 py-2 text-white rounded-md font-semibold ${buttonColor} focus:outline-none focus:ring-2 focus:ring-opacity-50 transition-colors duration-200\"\n >\n Programma\n <\/button>\n <\/div>\n <div id=\"descrizione-${course.id}\" class=\"info-content text-sm text-gray-700 bg-white rounded-lg shadow-inner\">\n <p>${course.descrizione}<\/p>\n <\/div>\n <div id=\"programma-${course.id}\" class=\"info-content text-sm text-gray-700 bg-white rounded-lg shadow-inner\">\n <p>${course.programma}<\/p>\n <\/div>\n \n <div class=\"mt-4\">\n <a href=\"https:\/\/scuolafutura.pubblica.istruzione.it\/corsoridotto?id=${course.id}\" target=\"_blank\"\n class=\"inline-block w-full text-center px-4 py-2 text-white bg-indigo-600 rounded-md font-semibold hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-opacity-50 transition-colors duration-200\">\n Iscriviti su Scuola Futura\n <\/a>\n <\/div>\n <\/div>\n `;\n return cardHtml;\n }\n\n coursesData.forEach(course => {\n const card = createCard(course);\n if (course.modalita === 'Online') {\n onlineContainer.innerHTML += card;\n } else {\n presenceContainer.innerHTML += card;\n }\n });\n\n document.querySelectorAll('.toggle-btn').forEach(button => {\n button.addEventListener('click', (event) => {\n const targetId = event.target.dataset.target;\n const targetContent = document.getElementById(targetId);\n\n \/\/ Chiude tutte le altre sezioni aperte nella stessa scheda\n const cardParent = event.target.closest('.course-card');\n cardParent.querySelectorAll('.info-content.active').forEach(content => {\n if (content.id !== targetId) {\n content.classList.remove('active');\n }\n });\n\n \/\/ Attiva o disattiva la sezione cliccata\n targetContent.classList.toggle('active');\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Corsi e laboratori del mese di settembre Corsi e laboratori del mese di settembre Istituto Comprensivo di Isili-Mandas Iscrizione ai corsi su Scuola Futura, con rilascio dell’attestato, per info scrivere a: simonailot@icisili.it Corsi Online Laboratori in Presenza Realizzato per la visualizzazione interattiva dei dati dei corsi.<\/p>\n","protected":false},"author":1,"featured_media":191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[62],"tags":[],"class_list":["post-296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formazione"],"_links":{"self":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296","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=296"}],"version-history":[{"count":3,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/posts\/296\/revisions\/303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media\/191"}],"wp:attachment":[{"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.formazioneicisili.it\/innovattiva\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}