Druyd:Knowledge

User:

Work

Knowledge

Courses

Programming

Programar

Programa Simple

First Program

Practical

Storyboard

>Model

ID:(88, 0)

Editor Codiva

Description

Existen varios editores en linea para Java. Uno que incluye

- proponedor de métodos
- corrige e indica errores

es Codiva.io.

<br> <br> Para poder usar el sitio es necesario inscribirse indicando un correo y contraseña.</p> <p style="color:blue;font-size:16px;">ID:(8510, 0)</p> <hr> </div> <div class="col-1"></div> </div> <div id="fld_2" class="row"> <div class="col-1" style="vertical-align:top;"> <img class="img-fluid" src="/static/icons/sheet64c.png"> </div> <div class="col-10"> <a id="1056@0"> <h4>Guideline Validation</h4> </a> <h6>Description <img class='img-fluid' onclick='sound("")' src="/static/icons/audio20c.png"> </h6> <p style="font-size:16px;"></p> <p style="color:blue;font-size:16px;">ID:(1056, 0)</p> <hr> </div> <div class="col-1"></div> </div> <div id="fld_3" class="row"> <div class="col-1" style="vertical-align:top;"> <img class="img-fluid" src="/static/icons/sheet64c.png"> </div> <div class="col-10"> <a id="1052@0"> <h4>Objective of the Case</h4> </a> <h6>Description <img class='img-fluid' onclick='sound("")' src="/static/icons/audio20c.png"> </h6> <p style="font-size:16px;"></p> <p style="color:blue;font-size:16px;">ID:(1052, 0)</p> <hr> </div> <div class="col-1"></div> </div> <div id="fld_4" class="row"> <div class="col-1" style="vertical-align:top;"> <img class="img-fluid" src="/static/icons/sheet64c.png"> </div> <div class="col-10"> <a id="1053@0"> <h4>Development Flowchart</h4> </a> <h6>Description <img class='img-fluid' onclick='sound("")' src="/static/icons/audio20c.png"> </h6> <p style="font-size:16px;"></p> <p style="color:blue;font-size:16px;">ID:(1053, 0)</p> <hr> </div> <div class="col-1"></div> </div> <div id="fld_5" class="row"> <div class="col-1" style="vertical-align:top;"> <img class="img-fluid" src="/static/icons/sheet64c.png"> </div> <div class="col-10"> <a id="1054@0"> <h4>Code Documentation</h4> </a> <h6>Description <img class='img-fluid' onclick='sound("")' src="/static/icons/audio20c.png"> </h6> <p style="font-size:16px;"></p> <p style="color:blue;font-size:16px;">ID:(1054, 0)</p> <hr> </div> <div class="col-1"></div> </div> <div id="fld_6" class="row"> <div class="col-1" style="vertical-align:top;"> <img class="img-fluid" src="/static/icons/sheet64c.png"> </div> <div class="col-10"> <a id="1055@0"> <h4>Test Program</h4> </a> <h6>Description <img class='img-fluid' onclick='sound("")' src="/static/icons/audio20c.png"> </h6> <p style="font-size:16px;"></p> <p style="color:blue;font-size:16px;">ID:(1055, 0)</p> <hr> </div> <div class="col-1"></div> </div> </div> </div> <script> // functions function show_div(num) { for (i = 0; i < num; i++) $("#fld_" + i.toString()).show(); } function one_div(idx, num) { for (i = 0; i < num; i++) (idx == i) ? $("#fld_" + i).show() : $("#fld_" + i).hide(); } function content_adapt() { } $(document).ready(function () { var idx = 0; var num = parseInt("7", 10) || 0; function resizeContent(){ const headH = $('#head').length ? $('#head').height() : 0; const toolbarH = $('#sb-toolbar').outerHeight() || 0; const H = window.innerHeight - headH - toolbarH - 16; $("#sb-content").css({ height: H + "px" }); } resizeContent(); $(window).on("resize", resizeContent); function lr_show(){ $("#lr").removeClass("d-none").addClass("d-flex"); } function lr_hide(){ $("#lr").removeClass("d-flex").addClass("d-none"); $("#cnt").text(""); } function renderMode(){ const v = $('#select input[type=radio]:checked').val(); // "1"|"2"|"3" if (v === "2") { lr_show(); $("#cnt").text((idx + 1) + " of " + num); one_div(idx, num); $("#fld_video").hide(); } else if (v === "3") { lr_hide(); one_div(-1, num); $("#fld_video").show(); } else { lr_hide(); show_div(num); $("#fld_video").hide(); } } // Bind radios $('#select input[type=radio]').off('change.story').on('change.story', function () { resizeContent(); renderMode(); }); // Initial correct state (fixes: lr visible at start / missing text on first select) renderMode(); // Arrows (only meaningful in mode 2) $("#left").off('click.story').on('click.story', function () { idx--; if (idx < 0) idx = num - 1; $("#cnt").text((idx + 1) + " of " + num); one_div(idx, num); }); $("#right").off('click.story').on('click.story', function () { idx++; if (idx > num - 1) idx = 0; $("#cnt").text((idx + 1) + " of " + num); one_div(idx, num); }); // Toggle index-panel $("#ctrl").off('click.story').on('click.story', function () { if ($("#index-panel").is(":visible")) { $("#index-panel").hide(); $('#mainSplitter').jqxSplitter({ panels: [{ size: '0%' }, { size: '100%' }] }); $("#arrow").attr("src", "/static/icons/chevronright32b.png"); } else { $("#index-panel").show(); $('#mainSplitter').jqxSplitter({ panels: [{ size: '25%' }, { size: '75%' }] }); $("#arrow").attr("src", "/static/icons/chevronleft32b.png"); } }); // Rabbit back: aquí lo dejamos disabled hasta que conectes tu stack real // $("#rabbit-back").prop("disabled", false).on("click", function(){ ... }); }); </script> <! -- includes/general/content/cnt_storyboard.html: end --> <! -- includes/knowledge/content/stc_knowledge.html:end --> </div> </div> </div> </div> </div>  <script type='text/javascript'> EnlighterJS.init('pre', 'code.highlightme', { language:'javascript', theme:'classic', indent:2 }); </script> <script type='text/javascript' src="/static/libraries/MathJax-2.7.6/MathJax.js"></script>  <script type='text/x-mathjax-config'> MathJax.Hub.Config({ extensions: ["tex2jax.js"], jax: ["input/TeX", "output/HTML-CSS"], tex2jax: { inlineMath: [ ["$","$"], ["\\\$","\\\$"] ], displayMath: [ ["$$","$$"], ["\\[","\\\]"] ], processEscapes: true }, "HTML-CSS": { availableFonts: ["TeX"] } }); </script> <script type='text/javascript'> // INIT CODE - simple page-wide initialization based on css selectors // - highlight all pre + code tags (CSS3 selectors) // - use javascript as default language // - use theme 'dracula' as default theme // - replace tabs with 2 spaces EnlighterJS.init('pre', 'code.highlightme', { language: 'javascript', theme: 'classic', indent: 2 }); </script> <script type='text/javascript' src="/static/libraries/MathJax-2.7.6/MathJax.js"></script> <script> // Enlighter init EnlighterJS.init('pre', 'code.highlightme', { language:'javascript', theme:'classic', indent:2 }); </script>  <script> if ("serviceWorker" in navigator) { window.addEventListener("load", () => { navigator.serviceWorker.register("/sw.js").catch(() => {}); }); } </script> <script> (function () { // Evita redeclarar si la página reinyecta HTML por AJAX if (window.DruydTags && window.DruydTags._loaded) return; window.DruydTags = window.DruydTags || {}; window.DruydTags._loaded = true; function parsePoints(s) { try { return JSON.parse(s); } catch (e) { return null; } } function makeTip() { const tip = document.createElement("div"); tip.style.position = "absolute"; tip.style.pointerEvents = "none"; tip.style.padding = "4px 6px"; tip.style.fontSize = "12px"; tip.style.border = "1px solid #888"; tip.style.background = "rgba(255,255,255,0.95)"; tip.style.borderRadius = "4px"; tip.style.boxShadow = "0 2px 6px rgba(0,0,0,0.15)"; tip.style.zIndex = 9999; tip.style.display = "none"; document.body.appendChild(tip); return tip; } function showTip(tip, x, y, html) { tip.innerHTML = html; tip.style.left = (x + 12) + "px"; tip.style.top = (y + 12) + "px"; tip.style.display = "block"; } function hideTip(tip) { tip.style.display = "none"; } function getOffset(el) { const r = el.getBoundingClientRect(); return { left: r.left + window.pageXOffset, top: r.top + window.pageYOffset, width: r.width, height: r.height }; } function attach(img) { const pts = img.getAttribute("data-points"); if (!pts) return; const points = parsePoints(pts); if (!points || !points.length) return; const mode = img.getAttribute("data-points-mode") || "px"; // "px" o "norm" const tip = makeTip(); function onMove(ev) { const off = getOffset(img); const mx = ev.pageX - off.left; const my = ev.pageY - off.top; let best = null; let bestD = 1e9; for (let i = 0; i < points.length; i++) { // si coords normalizadas: x,y en [0..1] const px = (mode === "norm") ? points[i].x * off.width : points[i].x; const py = (mode === "norm") ? points[i].y * off.height : points[i].y; const dx = mx - px; const dy = my - py; const d = dx*dx + dy*dy; if (d < bestD) { bestD = d; best = points[i]; } } const thresh = 20*20; if (best && bestD <= thresh) { const name = best.name || best.label || ""; const extra = best.extra || ""; showTip(tip, ev.pageX, ev.pageY, "<b>"+name+"</b><br>"+extra); } else { hideTip(tip); } } img.addEventListener("mousemove", onMove); img.addEventListener("mouseleave", function () { hideTip(tip); }); } function init(root) { const scope = root || document; const imgs = scope.querySelectorAll("img.druyd-img[data-points]"); imgs.forEach(attach); } // Exponer API + auto-init window.DruydTags = { init }; document.addEventListener("DOMContentLoaded", function () { init(document); }); })(); </script> <script> (function(){ /* =============================== RABBIT HOLE SYSTEM (single) ================================ */ // ====== PATCH: Rabbit-hole stack SIN romper loadFragment existente ====== (function () { const STORAGE_KEY = "druyd_rabbit_stack_v1"; function getStack() { try { return JSON.parse(sessionStorage.getItem(STORAGE_KEY) || "[]"); } catch (e) { return []; } } function setStack(stack) { try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(stack || [])); } catch (e) {} } function updateToolbar() { const stack = getStack(); const back = document.getElementById("rabbit-back"); if (back) back.disabled = (stack.length === 0); // opcional: contador en rabbit-path si existe const path = document.getElementById("rabbit-path"); if (path) { path.textContent = stack.length ? ("↩ " + stack.length) : ""; path.title = path.textContent; } } function snapshot() { // IMPORTANTÍSIMO: usar TU getInjectionNode() (si no existe, fallback) let node = null; try { node = (typeof getInjectionNode === "function") ? getInjectionNode() : null; } catch (e) {} if (!node) node = document.getElementById("content") || document.getElementById("content-root") || document.getElementById("content-panel"); const panel = document.getElementById("content-panel"); return { url: window.location.href, html: node ? node.innerHTML : "", scrollTop: panel ? panel.scrollTop : 0, ts: Date.now() }; } /* =============================== FRAGMENT LOADER ================================ */ async function loadFragment(varargs){ const node = getInjectionNode(); const panel = document.getElementById("content-panel"); // PUSH current state const stack = getStack(); stack.push(snapshot()); setStack(stack); updateToolbar(); const prevHTML = node.innerHTML; node.innerHTML = "<div class='p-3 text-muted'>⏳ Cargando…</div>"; const url = "/knowledge/_fragment/" + (varargs || "").replace(/^\/+/, ""); const res = await fetch(url, { headers: { "Accept": "application/json" } }); if(!res.ok){ node.innerHTML = prevHTML; const st = getStack(); st.pop(); setStack(st); updateToolbar(); console.error("Fragment error:", res.status); return; } const data = await res.json(); if(!data.ok){ node.innerHTML = prevHTML; const st = getStack(); st.pop(); setStack(st); updateToolbar(); console.error("Fragment not ok:", data); return; } node.innerHTML = data.content_html || ""; try { if(data.content_script) (0,eval)(data.content_script); } catch(e){} try { if(data.content_action) (0,eval)(data.content_action); } catch(e){} try { if(data.content_adapt) (0,eval)(data.content_adapt); } catch(e){} if(data.bookmark){ history.replaceState({}, "", "/" + data.bookmark); } if(panel) panel.scrollTop = 0; } /* =============================== CLICK INTERCEPTOR ================================ */ document.addEventListener("click", function(e){ const a = e.target.closest("a.go-fragment"); if(!a) return; let varargs = a.getAttribute("data-fragment") || ""; if(!varargs) return; e.preventDefault(); loadFragment("knowledge/" + varargs.replace(/^\/+/, "")); }); /* =============================== RABBIT BACK BUTTON ================================ */ document.addEventListener("DOMContentLoaded", function () { const back = document.getElementById("rabbit-back"); if (back && !back.__rabbitBound) { back.__rabbitBound = true; back.addEventListener("click", function () { const stack = getStack(); if (!stack.length) return; const prev = stack.pop(); setStack(stack); // restaurar HTML en el mismo nodo de inyección real let node = null; try { node = (typeof getInjectionNode === "function") ? getInjectionNode() : null; } catch (e) {} if (!node) node = document.getElementById("content") || document.getElementById("content-root") || document.getElementById("content-panel"); if (node) node.innerHTML = prev.html || ""; // restaurar scroll const panel = document.getElementById("content-panel"); if (panel) panel.scrollTop = (prev.scrollTop || 0); // restaurar URL visible try { history.pushState({}, "", prev.url); } catch (e) {} updateToolbar(); }); } updateToolbar(); }); /* =============================== PUBLIC API (optional) ================================ */ window.DruydRabbit = { load: loadFragment, back: function(){ document.getElementById("rabbit-back")?.click(); }, stack: getStack }; })(); </script> </body> </html>