{"id":535,"date":"2022-06-29T10:28:06","date_gmt":"2022-06-29T08:28:06","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/?page_id=535"},"modified":"2026-06-29T09:57:26","modified_gmt":"2026-06-29T07:57:26","slug":"tecnologia","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/el-centro\/departamentos-docentes\/tecnologia\/","title":{"rendered":"Tecnolog\u00eda"},"content":{"rendered":"<h4>Presentaci\u00f3n<\/h4>\n<p>El Departamento de Tecnolog\u00eda tiene como <strong>objetivo principal<\/strong> introducir a los alumnos en el mundo de la tecnolog\u00eda con el objeto de:<\/p>\n<ul>\n<li>Conocer los<strong> fundamentos te\u00f3ricos<\/strong> b\u00e1sicos de la tecnolog\u00eda, como uno de los pilares de la sociedad actual, en la que todos estamos inmersos, incluyendo los fundamentos cient\u00edficos en los que esta basada.<\/li>\n<li>Introducir a los alumnos en la<strong> aplicaci\u00f3n pr\u00e1ctica<\/strong> de dichos conocimientos.<\/li>\n<li>Despertar en los mismos el <strong>inter\u00e9s por la tecnolog\u00eda,<\/strong> como base de una formaci\u00f3n m\u00e1s profunda, a adquirir en estudios posteriores.<\/li>\n<\/ul>\n\n\n<h4 class=\"wp-block-heading\">Galer\u00eda de trabajos<\/h4>\n\n\n\n<style>\n\nbutton {all: unset}\n\n.cw { font-family: sans-serif; max-width: 800px; margin: 0 auto; }\n.vid-title-big { font-size: 20px; font-weight: bold; color: #111; margin-bottom: 10px; min-height: 28px; }\n.carousel-screen { position: relative; background: #000; border-radius: 10px; overflow: hidden; aspect-ratio: 9\/16; }\n.carousel-screen video { width: 100%; height: 100%; display: none; object-fit: contain; }\n.carousel-screen video.active { display: block; }\n.cbtn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.55); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; color: #fff; font-size: 32px; z-index: 10; display: flex; align-items: center; justify-content: center;}\n.btn-prev { left: 12px; } .btn-next { right: 12px; }\n.ccounter { position: absolute; bottom: 10px; right: 14px; color: rgba(255,255,255,0.85); font-size: 13px; background: rgba(0,0,0,0.4); padding: 2px 8px; border-radius: 20px; }\n.thumbs-row { display: flex; gap: 14px; margin-top: 14px; flex-wrap: wrap; }\n.thumb-item { width: 100px; cursor: pointer; text-align: center; }\n.thumb-frame { width: 100px; height: 58px; border-radius: 6px; border: 2px solid #ccc; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }\n.thumb-item.active .thumb-frame { border-color: #0073aa; }\n.thumb-frame video { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }\n.thumb-label { margin-top: 5px; font-size: 11px; color: #666; line-height: 1.3; }\n.thumb-item.active .thumb-label { color: #0073aa; font-weight: bold; }\n<\/style>\n\n<div class=\"cw\">\n\n  <div class=\"carousel-screen\">\n\n    <!-- V\u00cdDEO 1 -->\n    <video class=\"active\" controls preload=\"metadata\">\n      <source src=\"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/\/wp-content\/uploads\/ies.vegadeltajuna.morata\/2026\/06\/20240619.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <!-- V\u00cdDEO 2 -->\n    <video controls preload=\"metadata\">\n      <source src=\"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/\/wp-content\/uploads\/ies.vegadeltajuna.morata\/2026\/06\/20250617.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <!-- V\u00cdDEO 3 \u2014 a\u00f1ade m\u00e1s bloques <video> siguiendo el mismo patr\u00f3n -->\n    <video controls preload=\"metadata\">\n      <source src=\"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/\/wp-content\/uploads\/ies.vegadeltajuna.morata\/2026\/06\/2026-06-17.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <button class=\"cbtn btn-prev\" onclick=\"mover(-1)\"><span style=\"position:relative; top:-3px;\">&#8249;<\/span><\/button>\n    <button class=\"cbtn btn-next\" onclick=\"mover(1)\"><span style=\"position:relative; top:-3px;\">&#8250;<\/span><\/button>\n    <span class=\"ccounter\" id=\"contador\">1 \/ 3<\/span>\n  <\/div>\n\n  <div class=\"vid-title-big\" id=\"titulo-grande\"><\/div>\n  \n  <div class=\"thumbs-row\" id=\"miniaturas\"><\/div>\n<\/div>\n\n<script>\nvar titulos = [\n  \"Curso 2023-24\",\n  \"Curso 2024-25\",\n  \"Curso 2025-26\"\n];\nvar videos = document.querySelectorAll('.carousel-screen video');\nvar thumbsEl = document.getElementById('miniaturas');\nvar contador = document.getElementById('contador');\nvar tituloBig = document.getElementById('titulo-grande');\nvar actual = 0;\n\ntituloBig.textContent = titulos[0];\n\nvideos.forEach(function(v, i) {\n  var item = document.createElement('div');\n  item.className = 'thumb-item' + (i === 0 ? ' active' : '');\n  item.innerHTML = '<div class=\"thumb-frame\"><video src=\"' + v.querySelector('source').src + '\" preload=\"metadata\" muted><\/video><\/div><div class=\"thumb-label\">' + titulos[i] + '<\/div>';\n  item.onclick = function() { irA(i); };\n  thumbsEl.appendChild(item);\n});\n\nfunction irA(n) {\n  videos[actual].classList.remove('active');\n  videos[actual].pause();\n  thumbsEl.children[actual].classList.remove('active');\n  actual = (n + videos.length) % videos.length;\n  videos[actual].classList.add('active');\n  thumbsEl.children[actual].classList.add('active');\n  contador.textContent = (actual+1) + ' \/ ' + videos.length;\n  tituloBig.textContent = titulos[actual];\n}\n\nfunction mover(dir) { irA(actual + dir); }\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Presentaci\u00f3n El Departamento de Tecnolog\u00eda tiene como objetivo principal introducir a los alumnos en el mundo de la tecnolog\u00eda con el objeto de: Conocer los fundamentos te\u00f3ricos b\u00e1sicos de la tecnolog\u00eda, como uno de los pilares de la sociedad actual, en la que todos estamos inmersos, incluyendo los fundamentos cient\u00edficos en los que esta basada. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/el-centro\/departamentos-docentes\/tecnologia\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abTecnolog\u00eda\u00bb<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":728,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[50],"class_list":["post-535","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"M.Teresa Ruiz Mateos","author_link":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/author\/m-teresa_ruiz-mateos\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/?taxonomy=folder&#038;term=departamentos-1742640828-2\" rel=\"tag\">Departamentos<\/a>","rttpg_excerpt":"Presentaci\u00f3n El Departamento de Tecnolog\u00eda tiene como objetivo principal introducir a los alumnos en el mundo de la tecnolog\u00eda con el objeto de: Conocer los fundamentos te\u00f3ricos b\u00e1sicos de la tecnolog\u00eda, como uno de los pilares de la sociedad actual, en la que todos estamos inmersos, incluyendo los fundamentos cient\u00edficos en los que esta basada.&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/pages\/535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/comments?post=535"}],"version-history":[{"count":37,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/pages\/535\/revisions"}],"predecessor-version":[{"id":2998,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/pages\/535\/revisions\/2998"}],"up":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/pages\/728"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/media?parent=535"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.vegadeltajuna.morata\/index.php\/wp-json\/wp\/v2\/folder?post=535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}