2f:T40b2,app = { const css = ` :root{ --ink:#152238; --deep-blue:#1F3864; --deep-blue-2:#2A4A82; --orange:#ED7D31; --orange-soft:#FCEAD9; --paper:#F6F5F1; --panel:#FFFFFF; --line:#E1DFD8; --muted:#6B7280; --si:#2E7D5B; --parcial:#C8932A; --no:#B24747; } .oca-wrap *{box-sizing:border-box;} .oca-wrap{ background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif; max-width:1320px; margin:0 auto; padding:0 28px 60px; } .oca-wrap header{padding:32px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px;} .oca-wrap .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em; text-transform:uppercase;color:var(--orange);font-weight:500;margin-bottom:10px;} .oca-wrap h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(26px,4vw,38px); line-height:1.08;margin:0 0 10px;color:var(--deep-blue);letter-spacing:-0.01em;} .oca-wrap .subhead{font-size:14.5px;color:var(--muted);max-width:640px;line-height:1.55;} .oca-wrap .layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;} @media (max-width:920px){.oca-wrap .layout{grid-template-columns:1fr;} .oca-wrap .sidebar{position:static !important;order:-1;}} .oca-wrap .sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;} .oca-wrap .panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:20px;} .oca-wrap .panel h2{font-family:'Fraunces',serif;font-size:13px;font-weight:600;text-transform:uppercase; letter-spacing:.06em;color:var(--deep-blue);margin:0 0 14px;} .oca-wrap .gauge-row{display:flex;align-items:center;gap:16px;} .oca-wrap .gauge{position:relative;width:104px;height:104px;flex:none;} .oca-wrap .gauge canvas{width:100%;height:100%;} .oca-wrap .gauge-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;} .oca-wrap .gauge-num .pct{font-family:'Fraunces',serif;font-weight:700;font-size:22px;color:var(--deep-blue);} .oca-wrap .gauge-meta{flex:1;} .oca-wrap .level-badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px; letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:20px; background:var(--orange-soft);color:#8A4A17;font-weight:500;margin-bottom:8px;} .oca-wrap .gauge-meta .desc{font-size:12px;color:var(--muted);line-height:1.5;} .oca-wrap .completion{margin-top:14px;font-size:11px;color:var(--muted);font-family:'IBM Plex Mono',monospace;} .oca-wrap .bar-track{height:5px;background:var(--line);border-radius:3px;margin-top:6px;overflow:hidden;} .oca-wrap .bar-fill{height:100%;background:var(--orange);border-radius:3px;transition:width .35s ease;} .oca-wrap .dim-list{display:flex;flex-direction:column;gap:9px;} .oca-wrap .dim-row{font-size:12px;} .oca-wrap .dim-row .top{display:flex;justify-content:space-between;margin-bottom:4px;} .oca-wrap .dim-row .top b{font-weight:600;} .oca-wrap .dim-row .top span{color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:10.5px;} .oca-wrap .dim-track{height:6px;background:var(--line);border-radius:3px;overflow:hidden;} .oca-wrap .dim-fill{height:100%;border-radius:3px;background:var(--deep-blue-2);transition:width .35s ease;} .oca-wrap .actions{display:flex;flex-direction:column;gap:8px;} .oca-wrap button.action{font-size:12.5px;font-weight:600;padding:9px 14px;border-radius:4px; border:1px solid var(--deep-blue);background:var(--deep-blue);color:#fff;cursor:pointer;} .oca-wrap button.action.secondary{background:transparent;color:var(--deep-blue);} .oca-wrap button.action:hover{background:var(--deep-blue-2);} .oca-wrap input[type=file]{display:none;} .oca-wrap .dimension{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin-bottom:12px;overflow:hidden;} .oca-wrap .dim-head{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;} .oca-wrap .dim-num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--orange);width:20px;flex:none;} .oca-wrap .dim-title{font-family:'Fraunces',serif;font-weight:600;font-size:16px;color:var(--deep-blue);flex:1;} .oca-wrap .dim-progress{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);flex:none;} .oca-wrap .chev{transition:transform .2s ease;color:var(--muted);flex:none;} .oca-wrap .dimension.open .chev{transform:rotate(180deg);} .oca-wrap .dim-body{max-height:0;overflow:hidden;transition:max-height .25s ease;} .oca-wrap .dimension.open .dim-body{border-top:1px solid var(--line);} .oca-wrap .item{padding:14px 18px;display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);} .oca-wrap .item:last-child{border-bottom:none;} .oca-wrap .item-text{flex:1;min-width:0;} .oca-wrap .item-code{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--orange);margin-right:6px;} .oca-wrap .item-label{font-size:13.3px;line-height:1.45;} .oca-wrap .evidence{width:100%;margin-top:7px;font-size:12px;border:1px solid var(--line); border-radius:3px;padding:6px 9px;background:#FCFCFA;color:var(--ink);resize:vertical;} .oca-wrap .seg{display:flex;flex:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;} .oca-wrap .seg button{font-size:11px;font-weight:600;padding:6px 11px;border:none;background:#fff; color:var(--muted);cursor:pointer;} .oca-wrap .seg button:not(:last-child){border-right:1px solid var(--line);} .oca-wrap .seg button[data-v="Sí"].active{background:var(--si);color:#fff;} .oca-wrap .seg button[data-v="Parcial"].active{background:var(--parcial);color:#fff;} .oca-wrap .seg button[data-v="No"].active{background:var(--no);color:#fff;} .oca-wrap footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:11px; color:var(--muted);font-family:'IBM Plex Mono',monospace;display:flex;justify-content:space-between; flex-wrap:wrap;gap:8px;} `; const root = html`

Universidad Centroamericana José Simeón Cañas · Autoevaluación institucional

Indicador de Madurez en Ciencia Abierta

Marque el nivel de cumplimiento de cada práctica según la Taxonomía FOSTER revisada y ampliada (Silveira et al., 2023). El índice global y el nivel de madurez se recalculan al instante.

`; const $ = sel => root.querySelector(sel); const main = $('main'); const dimList = $('.dim-list'); const gaugeCanvas = $('.gauge-canvas'); const radarCanvas = $('.radar-canvas'); const gaugePctEl = $('.gauge-num .pct'); const levelBadge = $('.level-badge'); const levelDesc = $('.gauge-meta .desc'); const completionText = $('.completion-text'); const completionBar = $('.bar-fill'); const fileInput = $('.file-input'); $('.btn-load-label').addEventListener('click', () => fileInput.click()); const state = {}; DATA.forEach(([,items]) => items.forEach(([code]) => state[code] = {v:null, ev:""})); const TOTAL_ITEMS = DATA.reduce((a,[,items]) => a + items.length, 0); const levelOf = pct => { if (pct >= 67) return {label:"Avanzado", desc:"Prácticas de ciencia abierta consolidadas e institucionalizadas."}; if (pct >= 34) return {label:"Intermedio", desc:"Avance parcial; existen brechas por cerrar con un plan de acción."}; return {label:"Inicial", desc:"Adopción incipiente; prioridad de intervención institucional."}; }; function computeAll() { let sumPts = 0, sumMax = 0, answered = 0; const perDim = DATA.map(([name, items]) => { let pts = 0; items.forEach(([code]) => { const v = state[code].v; if (v) { pts += POINTS[v]; answered++; } }); sumPts += pts; sumMax += items.length; return {name, pts, max: items.length, pct: items.length ? (pts/items.length*100) : 0}; }); const globalPct = sumMax ? (sumPts/sumMax*100) : 0; return {perDim, globalPct, answered}; } function applyDimHeight(dimDiv) { const body = dimDiv.querySelector('.dim-body'); body.style.maxHeight = dimDiv.classList.contains('open') ? body.scrollHeight+'px' : '0px'; } function toggleDim(dimDiv) { dimDiv.classList.toggle('open'); applyDimHeight(dimDiv); } function updateSegButtons(seg, val) { seg.querySelectorAll('button').forEach(b => b.classList.toggle('active', b.getAttribute('data-v') === val)); } function updateDimHeader(dimDiv, items) { const answered = items.filter(([code]) => state[code].v).length; dimDiv.querySelector('.dim-progress').textContent = `${answered}/${items.length}`; applyDimHeight(dimDiv); } function renderList() { main.innerHTML = ''; DATA.forEach(([dimName, items], di) => { const answeredCount = items.filter(([code]) => state[code].v).length; const dimDiv = document.createElement('div'); dimDiv.className = 'dimension' + (di === 0 ? ' open' : ''); dimDiv.innerHTML = `

${String(di+1).padStart(2,'0')} ${dimName} ${answeredCount}/${items.length}

`; const body = dimDiv.querySelector('.dim-body'); items.forEach(([code, text]) => { const row = document.createElement('div'); row.className = 'item'; row.innerHTML = `

${code}${text}

`; const seg = row.querySelector('.seg'); updateSegButtons(seg, state[code].v); seg.querySelectorAll('button').forEach(btn => { btn.addEventListener('click', () => { const val = btn.getAttribute('data-v'); state[code].v = (state[code].v === val) ? null : val; updateSegButtons(seg, state[code].v); refreshSummary(); updateDimHeader(dimDiv, items); }); }); row.querySelector('.evidence').addEventListener('input', e => { state[code].ev = e.target.value; }); body.appendChild(row); }); dimDiv.querySelector('.dim-head').addEventListener('click', () => toggleDim(dimDiv)); main.appendChild(dimDiv); applyDimHeight(dimDiv); }); refreshSummary(); } function refreshSummary() { const {perDim, globalPct, answered} = computeAll(); const lvl = levelOf(globalPct); gaugePctEl.textContent = Math.round(globalPct) + '%'; levelBadge.textContent = lvl.label; levelDesc.textContent = lvl.desc; completionText.textContent = `${answered} / ${TOTAL_ITEMS} ítems respondidos`; completionBar.style.width = (answered/TOTAL_ITEMS*100) + '%'; dimList.innerHTML = perDim.map(d => `

${d.name}${Math.round(d.pct)}%

`).join(''); gaugeChart.data.datasets[0].data = [globalPct, 100-globalPct]; gaugeChart.update('none'); radarChart.data.labels = perDim.map(d => d.name.length > 18 ? d.name.slice(0,17)+'…' : d.name); radarChart.data.datasets[0].data = perDim.map(d => d.pct); radarChart.update('none'); } const gaugeChart = new Chart(gaugeCanvas.getContext('2d'), { type: 'doughnut', data: { datasets: [{ data: [0,100], backgroundColor: ['#ED7D31','#EEECE5'], borderWidth: 0 }] }, options: { cutout: '78%', rotation: -90, circumference: 360, plugins: { tooltip: {enabled:false}, legend: {display:false} }, animation: {duration:300} } }); const radarChart = new Chart(radarCanvas.getContext('2d'), { type: 'radar', data: { labels: [], datasets: [{ label:'% cumplimiento', data: [], backgroundColor:'rgba(31,56,100,0.18)', borderColor:'#1F3864', pointBackgroundColor:'#ED7D31', borderWidth:2 }] }, options: { scales: { r: { min:0, max:100, ticks:{stepSize:25, backdropColor:'transparent', font:{size:9}}, pointLabels:{font:{size:9.5}}, grid:{color:'#E1DFD8'}, angleLines:{color:'#E1DFD8'} } }, plugins: { legend:{display:false} }, animation: {duration:300} } }); $('.btn-json').addEventListener('click', () => { const blob = new Blob([JSON.stringify(state,null,2)], {type:'application/json'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'avance_ciencia_abierta_uca.json'; a.click(); }); fileInput.addEventListener('change', e => { const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = () => { try { const loaded = JSON.parse(reader.result); Object.keys(loaded).forEach(code => { if (state[code]) state[code] = loaded[code]; }); renderList(); } catch (err) { alert('No se pudo leer el archivo. Verifique que sea un .json exportado desde esta herramienta.'); } }; reader.readAsText(file); }); $('.btn-csv').addEventListener('click', () => { const rows = [['Dimensión','Código','Práctica','Respuesta','Puntos','Evidencia']]; DATA.forEach(([dimName, items]) => { items.forEach(([code, text]) => { const v = state[code].v || ''; const pts = v ? POINTS[v] : ''; rows.push([dimName, code, text, v, pts, (state[code].ev||'').replace(/\n/g,' ')]); }); }); const {perDim, globalPct} = computeAll(); rows.push([]); rows.push(['Resumen por dimensión']); perDim.forEach(d => rows.push([d.name,'','','', d.pct.toFixed(1)+'%',''])); rows.push([]); rows.push(['Índice global','','','', globalPct.toFixed(1)+'%', levelOf(globalPct).label]); const csv = rows.map(r => r.map(c => `"${String(c).replace(/"/g,'""')}"`).join(',')).join('\n'); const blob = new Blob(['\uFEFF'+csv], {type:'text/csv;charset=utf-8;'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'informe_ciencia_abierta_uca.csv'; a.click(); }); renderList(); return root; }30:Te5e,DATA = [ ["Acceso Abierto",[ ["1.1","Iniciativas de acceso abierto"], ["1.2","Vías de acceso abierto"], ["1.2.1","Vía verde (Autoarchivo en repositorio institucional)"], ["1.2.2","Vía dorada (Publicación en revistas de acceso abierto)"], ["1.2.3","Vía diamante (Revistas sin costos de procesamiento/APC)"], ["1.2.4","Vía híbrida (Revistas de suscripción con opción de pago)"], ]], ["Datos Abiertos de Investigación",[ ["2.1","Políticas de datos abiertos (ej. Plan de Gestión de Datos)"], ["2.2","Uso de estándares de metadatos abiertos"], ["2.3","Licenciamiento abierto para datos (Creative Commons, CC0)"], ]], ["Investigación Abierta Reproducible",[ ["3.1","Estudios y análisis de irreproducibilidad"], ["3.2","Cuadernos de laboratorio abiertos (Open Notebooks)"], ["3.3","Flujos de trabajo científicos abiertos (Workflows compartidos)"], ["3.4","Software, códigos y scripts abiertos"], ["3.5","Directrices institucionales de reproducibilidad"], ["3.6","Pruebas de reproducibilidad en metodologías evaluadas"], ]], ["Evaluación Abierta y Responsable",[ ["4.1","Métricas abiertas y de impacto alternativo"], ["4.1.1","Altmetrías (métricas en redes sociales y uso)"], ["4.1.2","Bibliometría abierta (citas y bases de datos abiertas)"], ["4.1.3","Semantometría (métricas basadas en análisis de contenido)"], ["4.1.4","Webometría (presencia e impacto en la web)"], ["4.2","Revisión por pares abierta (Open Peer Review)"], ]], ["Políticas y Directrices",[ ["5.1","Mandatos organizacionales institucionales (políticas mandatorias)"], ["5.2","Directrices de financiamiento institucional para open science"], ]], ["Políticas de Ciencia Abierta",[ ["6.1","Políticas especializadas sectoriales / disciplinares"], ["6.2","Armonización con marcos regulatorios internacionales (Plan S, etc.)"], ]], ["Proyectos de Ciencia Abierta",[ ["7.1","Financiamiento específico para proyectos abiertos"], ["7.2","Ciencia ciudadana y proyectos de ciencia participativa"], ]], ["Herramientas e Infraestructuras",[ ["8.1","Repositorios institucionales abiertos (DSpace, Zenodo inst., etc.)"], ["8.2","Servicios institucionales abiertos (Mesa de ayuda OA, formación)"], ["8.3","Herramientas de flujo de trabajo colaborativas y abiertas"], ["8.4","Plataformas Open Science y laboratorios abiertos"], ["8.5","Infraestructura federada e interoperabilidad"], ["8.6","Preservación digital (integridad de datos, sistemas y herramientas)"], ]], ["Educación Abierta",[ ["9.1","Recursos educativos abiertos (REA / OER)"], ["9.2","Plataformas de e-learning abiertas"], ["9.3","Iniciativas institucionales de educación abierta"], ]], ["Innovación Abierta",[ ["10.1","Formas de innovación abierta"], ["10.1.1","Movimiento Maker"], ["10.1.2","Co-creación"], ["10.1.3","Crowdsourcing"], ["10.1.4","Laboratorios de innovación (Labs)"], ["10.1.5","Otras formas y espacios de innovación abierta"], ["10.2","Iniciativas institucionales de investigación e innovación abierta"], ]], ["Ciencia Ciudadana, Abierta y Participativa",[ ["11.1","Laboratorios ciudadanos"], ["11.2","Divulgación científica"], ["11.3","Redes de colaboración ciudadana"], ["11.4","Computación distribuida (voluntaria)"], ["11.5","Iniciativas institucionales de ciencia ciudadana"], ]], ["Diálogo con Otros Sistemas de Conocimiento",[ ["12.1","Principios CARE (Beneficio colectivo, Autoridad para controlar, Responsabilidad, Ética)"], ["12.2","Diversidad cultural en la producción y gestión del conocimiento"], ["12.3","Equidad epistémica y reconocimiento de saberes ancestrales/locales"], ]], ]31:[] 2d:{"title":"Indicador de Madurez en Ciencia Abierta — versión Observable","cells":[{"id":0,"value":"# Indicador de Madurez en Ciencia Abierta — versión Observable","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"

Basado en Pontika et al. (2015) y Silveira et al. (2023) — Taxonomía FOSTER revisada y ampliada.\nSí = 1 pto · Parcial = 0.5 pto · No = 0 pto

","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"Chart = require(\"chart.js@4.4.1/dist/chart.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"POINTS = ({\"Sí\":1,\"Parcial\":0.5,\"No\":0})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}