Orientati al successo

Orientati al successo: esplora gli indirizzi dell'I.I.S. Alessandrini

Ti faremo 30 brevi domande, una alla volta. Per ognuna indica quanto ti riconosci trascinando il dito (o il mouse) sulla barra.

Inizia

var R=document.getElementById('ot'); var st=null;try{st=JSON.parse(R.getAttribute('data-s'));}catch(x){} if(!st){st={step:0,a:[],nome:'',email:'',scuola:'',hp:'',d:0};} var Q=["Ti piace capire come funzionano i computer e i programmi?", "Sei curioso di sapere come vengono costruiti e come funzionano i dispositivi elettronici?", "Ti piace disegnare, creare loghi e grafiche o modificare immagini al computer?", "Ti affascina il mondo delle aziende e dell'economia?", "Ti piacerebbe lavorare in contatto con persone di altri paesi e conoscere altre lingue?", "Ti incuriosiscono gli esperimenti in laboratorio e la scoperta delle reazioni chimiche?", "Ti piacerebbe costruire centraline elettroniche per comandare robot o per guidare in automatico le automobili?", "Ti vedi in un futuro lavoro che unisca tecnologia e creatività?", "Ti piacerebbe fare lo scienziato che studia piante, animali, o il corpo umano per inventare cose utili alle persone?", "Ti piace imparare ad utilizzare nuove tecnologie, seguendo tutorial e sperimentando in autonomia?", "Sei interessato a migliorarti nel campo della comunicazione e del confronto con gli altri?", "Quando inizi un'attività ti fa piacere impegnarti per ottenere un buon risultato?", "Cerchi sempre di migliorare la qualità di ciò che fai?", "Sai organizzare bene il tuo tempo e i tuoi compiti?", "Quando hai un problema, cerchi di capirne le cause prima di agire?", "Ti piace collaborare con gli altri per raggiungere obiettivi comuni?", "Riesci a mantenere la calma quando le cose cambiano all'improvviso?", "Ti piace trovare soluzioni nuove e modi innovativi per fare le cose sempre meglio?", "Pensi sia utile ascoltare le idee degli altri e tenerne conto?", "Ti interessa capire come funzionano i programmi usati nelle aziende per gestire dati, documenti e attività?", "Ti piacerebbe lavorare in laboratorio svolgendo attività con precisione e cura dei dettagli?", "Ti piace pianificare in anticipo le operazioni da svolgere per evitare imprevisti?", "Ti piacerebbe seguire progetti pratici che richiedono precisione, pazienza e capacità di trovare soluzioni ingegnose?", "Ti piacerebbe diventare un Hacker esperto in Cyber-Security e/o Intelligenza Artificiale?", "Ti piacerebbe comunicare e interagire con persone di culture diverse?", "Ti vedi in un lavoro creativo, dove puoi progettare, disegnare ed esprimere te stesso con creatività?", "Ti incuriosisce scoprire come la tecnologia può aiutare un'azienda a prendere decisioni e migliorare?", "Ti piacerebbe un lavoro pratico e sperimentale, che si svolga anche in laboratorio?", "Ti incuriosisce sapere come si gestiscono vendite, clienti e pubblicità nel mondo delle aziende?", "Ti piacerebbe lavorare con cavi, circuiti e apparecchi elettronici?"]; var N=Q.length,TEAL='#1d4e9e',OFFBG='#cfdcf1',HINT='Scegli un livello sulla barra'; var LBL=['Per niente','Poco','Abbastanza','Molto','Moltissimo']; var COL=['#c62f36','#d9721f','#a88a00','#5f9a1f','#1f8a4c']; var GRAD='linear-gradient(to right,#e5484d,#f08a3c,#f2c230,#8cc63f,#2e9e5b)'; var BT='font:inherit;font-weight:600;padding:13px 24px;border-radius:8px;'; var B1=BT+'border:0;background:'+TEAL+';color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(29,78,158,.25)'; var HV=' onmouseover="if(!this.disabled){this.style.background=\'#14376f\';this.style.boxShadow=\'0 6px 16px rgba(29,78,158,.4)\'}" onmouseout="if(!this.disabled){this.style.background=\'#1d4e9e\';this.style.boxShadow=\'0 3px 10px rgba(29,78,158,.25)\'}"'; var GR=[[1,10,'Le tue passioni'],[11,19,'Il tuo modo di essere'],[20,30,'Il tuo futuro']]; var CHK='<svg width="72" height="72" viewBox="0 0 72 72" aria-hidden="true" style="display:block;margin:0 auto 14px"><circle cx="36" cy="36" r="33" fill="#fff" stroke="#1d4e9e" stroke-width="4" stroke-dasharray="208" stroke-dashoffset="208"><animate attributeName="stroke-dashoffset" from="208" to="0" dur="0.7s" fill="freeze"/></circle><path d="M21 37l10 10 20-22" fill="none" stroke="#1d4e9e" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="50" stroke-dashoffset="50"><animate attributeName="stroke-dashoffset" from="50" to="0" dur="0.5s" begin="0.6s" fill="freeze"/></path></svg>'; var HEAD='<div style="display:flex;align-items:center;gap:12px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #b9cbe8"><svg width="44" height="44" viewBox="0 0 44 44" aria-hidden="true" style="flex:none"><circle cx="22" cy="22" r="22" fill="#1d4e9e"/><path d="M22 11L7 18l15 7 12-5.6V27h2.5V18z" fill="#fff"/><path d="M13 23v5c0 2 4 4.5 9 4.5s9-2.5 9-4.5v-5l-9 4.2z" fill="#a9c1e6"/></svg><div><div style="font-weight:700;color:#14376f;line-height:1.2">I.I.S. E. Alessandrini</div><div style="font-size:13px;color:#4a5f85">Orientamento · Orientati al successo</div></div></div>'; var B2=BT+'border:1px solid #b9cbe8;background:#fff;color:#14376f;cursor:pointer'; var B0=BT+'border:0;background:#b9cbe8;color:#4a5f85;cursor:not-allowed'; var INP='display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px 12px;font:inherit;font-weight:400;border:1px solid #b9cbe8;border-radius:6px;background:#fff;color:#14376f'; var LB='display:block;font-weight:600;margin:0 0 16px'; var NAV='display:flex;justify-content:space-between;gap:12px;margin:8px 0 0'; var D="Function('a','e','v',document.getElementById('ot-src').textContent)"; function h(n,x){return D+"('"+n+"',event"+(x?","+x:"")+")";} var FO=' onfocus="this.style.outline=\'3px solid #1d4e9e\';this.style.outlineOffset=\'2px\'" onblur="this.style.outline=\'none\'"'; function Z(s){return R.querySelector(s);} function cnt(){var c=0,i;for(i=1;i<=N;i++){if(st.a[i]){c++;}}return c;} function btn(el,on,pr){el.disabled=!on;el.style.cssText=on?(pr?B1:B2):B0;} function cur(){return st.a[st.step]||0;} function go(n){st.step=n;render();if(R.getBoundingClientRect().top<0){R.scrollIntoView();}} function paint(k){var f=Z('#ot-f'),t=Z('#ot-t'),l=Z('#ot-l');if(!f){return;} f.style.backgroundSize=t.clientWidth+'px 100%';f.style.width=(k*20)+'%'; Z('#ot-hint').style.display=k?'none':'flex'; l.textContent=k?LBL[k-1]:'';l.style.color=k?COL[k-1]:TEAL;} function lvl(e){var r=Z('#ot-t').getBoundingClientRect(),f=Math.min(1,Math.max(0,(e.clientX-r.left)/r.width)); return {f:f,k:Math.min(5,Math.max(1,Math.ceil(f*5)))};} function show(e){var o=lvl(e),f=Z('#ot-f'),l=Z('#ot-l'); f.style.backgroundSize=Z('#ot-t').clientWidth+'px 100%';f.style.width=Math.max(o.f*100,20)+'%'; Z('#ot-hint').style.display='none';l.textContent=LBL[o.k-1];l.style.color=COL[o.k-1];} function choose(v){var segs=R.querySelectorAll('[data-v]'),i;st.a[st.step]=v;paint(v); for(i=0;i<segs.length;i++){segs[i].setAttribute('aria-checked',i===v-1?'true':'false');} btn(Z('#ot-x'),true,true);} function render(){ var s=st.step,x=HEAD,v,hd,g='',i;for(i=0;i<GR.length;i++){if(s>=GR[i][0]&&s<=GR[i][1]){g=GR[i][2];}} if(s>=1){x+='<div style="height:10px;background:'+OFFBG+';border-radius:4px;overflow:hidden"><div style="height:100%;width:'+Math.round(cnt()/N*100)+'%;background:'+TEAL+'"></div></div><div style="font-size:14px;color:#4a5f85;margin:8px 0 26px">'+(s<=N?'Domanda '+s+' di '+N:'Ultimo passaggio')+'</div>';} if(s===0){ x+='<h2 style="font-size:26px;line-height:1.2;margin:0 0 8px;color:#14376f">Orientati al successo: esplora gli indirizzi dell\'I.I.S. Alessandrini</h2>'+ '<p style="margin:0 0 12px;color:#4a5f85">Ti faremo '+N+' brevi domande, una alla volta. Per ognuna indica quanto ti riconosci trascinando il dito (o il mouse) sulla barra.</p>'+'<div style="display:inline-block;padding:5px 14px;margin:0 0 20px;border-radius:999px;background:#fff;color:#1d4e9e;font-size:14px;font-weight:700">⏱ Ci vogliono circa 5 minuti</div>'+'<div style="background:#fff;border-radius:22px;padding:22px 22px 6px;margin:0 0 14px;box-shadow:0 2px 8px rgba(20,55,111,.08)">'+ '<label style="'+LB+'">Nome e cognome<input id="ot-n" type="text" autocomplete="name"'+FO+' style="'+INP+'"></label>'+ '<label style="'+LB+'">Indirizzo email<input id="ot-e" type="email" autocomplete="email"'+FO+' style="'+INP+'"></label>'+ '<label style="'+LB+'">Scuola di provenienza<input id="ot-s" type="text"'+FO+' style="'+INP+'"></label>'+ '</div><input id="ot-w" type="text" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px">'+ '<div id="ot-m" role="alert" style="margin:12px 0;font-weight:600;color:#b3261e"></div>'+ '<button type="button" id="ot-go" onclick="'+h('go0')+'"'+HV+FO+' style="'+B1+'">Inizia</button>'; }else if(s<=N){ x+=(g?'<div style="display:inline-block;padding:4px 14px;margin:0 0 12px;border-radius:999px;background:#fff;border:1px solid #b9cbe8;color:#1d4e9e;font-size:13px;font-weight:700">'+g+'</div>':'')+'<h3 id="ot-h" tabindex="-1" style="font-size:22px;line-height:1.3;margin:0;color:#14376f;outline:none">'+Q[s-1]+'</h3>'+ '<div id="ot-t" onpointerdown="'+h('pd')+'" onpointermove="'+h('pm')+'" onpointerup="'+h('pu')+'" onpointercancel="'+h('pc')+'" onmouseleave="'+h('ml')+'" style="position:relative;height:56px;margin:28px 0 8px;border-radius:10px;background:'+OFFBG+';overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none">'+ '<div id="ot-hint" style="position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#4a5f85;font-size:15px">'+HINT+'</div>'+ '<div id="ot-f" style="position:absolute;left:0;top:0;bottom:0;width:0;background-image:'+GRAD+';background-repeat:no-repeat;transition:width .2s"></div>'+ '<div id="ot-g" role="radiogroup" aria-label="Livello di risposta da 1 a 5" onkeydown="'+h('kd')+'" style="position:absolute;left:0;right:0;top:0;bottom:0;display:flex">'; for(v=1;v<=5;v++){x+='<button type="button" role="radio" aria-checked="false" data-v="'+v+'" aria-label="'+v+' su 5: '+LBL[v-1]+'" onmouseover="'+h('hv',v)+'" onclick="'+h('bk',v)+'" onfocus="this.style.outline=\'3px solid #1d4e9e\';this.style.outlineOffset=\'-4px\'" onblur="this.style.outline=\'none\'" style="flex:1;height:100%;padding:0;background:transparent;border:0;'+(v>1?'border-left:2px solid rgba(255,255,255,.9);':'')+'cursor:pointer"></button>';} x+='</div></div><div style="display:flex;justify-content:space-between;font-size:13px;color:#4a5f85"><span>'+LBL[0]+'</span><span>'+LBL[4]+'</span></div>'+ '<div id="ot-l" style="text-align:center;min-height:30px;font-weight:600;margin:10px 0 22px"></div>'+ '<div style="'+NAV+'"><button type="button" id="ot-b" onclick="'+h('back')+'"'+FO+' style="'+B2+'">Indietro</button><button type="button" id="ot-x" onclick="'+h('nx')+'"'+HV+FO+' disabled style="'+B0+'">Avanti</button></div>'; }else{ x+=CHK+'<h2 style="font-size:24px;line-height:1.2;margin:0 0 8px;color:#14376f;text-align:center">Hai risposto a tutte le domande!</h2>'+ '<p style="margin:0 0 6px;color:#4a5f85;text-align:center">Per inviare le risposte serve il consenso al trattamento dei dati.</p>'+ '<div style="display:flex;gap:11px;align-items:flex-start;margin:18px 0;padding-top:18px;border-top:1px solid #b9cbe8">'+ '<input type="checkbox" id="ot-c" onchange="'+h('cons')+'"'+FO+' style="width:24px;height:24px;flex:none;margin:2px 0 0;cursor:pointer">'+ '<label for="ot-c">Ho letto e acconsento, come genitore/tutore o studente maggiorenne (<a href="'+R.getAttribute('data-pdf')+'" target="_blank" rel="noopener" style="color:'+TEAL+'">Modulo Consenso Trattamento Dati Personali</a>).</label></div>'+ '<div id="ot-m" role="alert" style="margin:12px 0;font-weight:600;color:#b3261e"></div>'+ '<div style="'+NAV+'"><button type="button" id="ot-b" onclick="'+h('back')+'"'+FO+' style="'+B2+'">Indietro</button><button type="button" id="ot-send" onclick="'+h('send')+'"'+HV+FO+' disabled style="'+B0+'">Invia risposte</button></div>'; } R.innerHTML=x; if(s===0){Z('#ot-n').value=st.nome;Z('#ot-e').value=st.email;Z('#ot-s').value=st.scuola;} else if(s<=N){paint(cur());if(cur()){R.querySelectorAll('[data-v]')[cur()-1].setAttribute('aria-checked','true');btn(Z('#ot-x'),true,true);}hd=Z('#ot-h');if(hd){hd.focus();}} } var F={ init:function(){render();}, go0:function(){var n=Z('#ot-n').value.trim(),m=Z('#ot-e').value.trim(),c=Z('#ot-s').value.trim(); if(!n||!c||!/^\S+@\S+\.\S+$/.test(m)){Z('#ot-m').textContent='Compila nome, email valida e scuola di provenienza.';return;} st.nome=n;st.email=m;st.scuola=c;st.hp=Z('#ot-w').value;go(1);}, pd:function(e){st.d=1;try{Z('#ot-t').setPointerCapture(e.pointerId);}catch(x){}Z('#ot-f').style.transition='none';show(e);}, pm:function(e){if(st.d){show(e);}}, pu:function(e){if(!st.d){return;}st.d=0;Z('#ot-f').style.transition='width .2s';choose(lvl(e).k);}, pc:function(){st.d=0;var f=Z('#ot-f');if(f){f.style.transition='width .2s';paint(cur());}}, ml:function(){if(!st.d){paint(cur());}}, hv:function(e,v){if(!st.d){paint(v);}}, bk:function(e,v){if(e.detail===0){choose(v);}}, kd:function(e){if(/^[1-5]$/.test(e.key)){choose(+e.key);}}, back:function(){go(st.step-1);}, nx:function(){if(cur()){go(st.step+1);}}, cons:function(){btn(Z('#ot-send'),Z('#ot-c').checked,true);}, send:function(){var m=Z('#ot-m'),sd=Z('#ot-send'),d=new URLSearchParams(),i;m.textContent=''; if(cnt()<N){m.textContent='Mancano alcune risposte: torna indietro per completarle.';return;} for(i=1;i<=N;i++){d.append('q'+i,st.a[i]);} d.append('nome',st.nome);d.append('email',st.email);d.append('scuola',st.scuola);d.append('website',st.hp);d.append('consenso','si'); btn(sd,false,true); fetch(R.getAttribute('data-url'),{method:'POST',mode:'no-cors',body:d}).then(function(){ R.innerHTML=HEAD+'<div style="text-align:center;padding:10px 0 6px">'+CHK+'<h2 style="font-size:26px;margin:0 0 8px;color:#14376f">Grazie, risposte inviate!</h2><p style="margin:0;color:#4a5f85">Hai completato il questionario. A breve potrai scoprire gli indirizzi più adatti a te.</p></div>';R.scrollIntoView(); }).catch(function(){m.textContent='Invio non riuscito. Controlla la connessione e riprova.';btn(sd,true,true);});} }; if(F[a]){F[a](e,v);} R.setAttribute('data-s',JSON.stringify(st));